Merge branch 'master' into call-audio-video-jitsi

apps/web/src/lib/components/chat/ChatWindow.svelte

@@ -27,6 +27,8 @@
 		Video
 	} from 'lucide-svelte';
 
+	import { Bell, X, ArrowLeft, LogOut, MoreVertical, Users, Clock, XCircle } from 'lucide-svelte';
+
 	interface Props {
 		conversaId: string;
 	}
@@ -88,10 +90,7 @@
 		const c = conversa();
 		if (!c) return '💬';
 		if (c.tipo === 'grupo') {
-			return c.avatar || '👥';
-		}
-		if (c.outroUsuario?.avatar) {
-			return c.outroUsuario.avatar;
+			return '👥';
 		}
 		return '👤';
 	}
@@ -227,7 +226,6 @@
 		<div class="relative shrink-0">
 			{#if conversa() && conversa()?.tipo === 'individual' && conversa()?.outroUsuario}
 				<UserAvatar
-					avatar={conversa()?.outroUsuario?.avatar}
 					fotoPerfilUrl={conversa()?.outroUsuario?.fotoPerfilUrl}
 					nome={conversa()?.outroUsuario?.nome || 'Usuário'}
 					size="md"
@@ -284,18 +282,12 @@
 												alt={participante.nome}
 												class="h-full w-full object-cover"
 											/>
-										{:else if participante.avatar}
-											<img
-												src={getAvatarUrl(participante.avatar)}
-												alt={participante.nome}
-												class="h-full w-full object-cover"
-											/>
 										{:else}
-											<img
-												src={getAvatarUrl(participante.nome)}
-												alt={participante.nome}
-												class="h-full w-full object-cover"
-											/>
+											<div
+												class="bg-base-200 flex h-full w-full items-center justify-center text-xs font-semibold"
+											>
+												{participante.nome.substring(0, 2).toUpperCase()}
+											</div>
 										{/if}
 									</div>
 								{/each}