+ {/* Efeito Glow de Fundo combinando com a cor do avatar */}
+
+
+ {/* Imagem do Avatar enquadrada com proporção mantida e sombra estilizada */}
+

{
+ (e.currentTarget as HTMLImageElement).src = `https://ui-avatars.com/api/?name=${encodeURIComponent(name || 'U')}&background=475569&color=fff&size=128&rounded=true`;
+ }}
+ />
+
+ ) : isWebGLSupported ? (
+ /* Renderização 3D para modelos GLB */
+
@@ -1416,7 +1440,7 @@ export default function MeetingRoom() {
type="button"
variant="ghost"
size="icon"
- className="absolute left-2 h-8 w-8 rounded-full border bg-background/50 hover:bg-background z-40"
+ className="absolute left-2 h-8 w-8 rounded-full border bg-background/50 hover:bg-background z-50 pointer-events-auto cursor-pointer"
onClick={(e) => {
e.preventDefault();
e.stopPropagation();
@@ -1429,7 +1453,7 @@ export default function MeetingRoom() {
type="button"
variant="ghost"
size="icon"
- className="absolute right-2 h-8 w-8 rounded-full border bg-background/50 hover:bg-background z-40"
+ className="absolute right-2 h-8 w-8 rounded-full border bg-background/50 hover:bg-background z-50 pointer-events-auto cursor-pointer"
onClick={(e) => {
e.preventDefault();
e.stopPropagation();