feat: implement comprehensive chat system with user presence management, notification handling, and avatar integration; enhance UI components for improved user experience

apps/web/src/lib/utils/avatarGenerator.ts

@@ -0,0 +1,63 @@
+// Mapa de seeds para os 32 avatares
+const avatarSeeds: Record<string, string> = {
+  // Masculinos (16)
+  "avatar-m-1": "John",
+  "avatar-m-2": "Peter",
+  "avatar-m-3": "Michael",
+  "avatar-m-4": "David",
+  "avatar-m-5": "James",
+  "avatar-m-6": "Robert",
+  "avatar-m-7": "William",
+  "avatar-m-8": "Joseph",
+  "avatar-m-9": "Thomas",
+  "avatar-m-10": "Charles",
+  "avatar-m-11": "Daniel",
+  "avatar-m-12": "Matthew",
+  "avatar-m-13": "Anthony",
+  "avatar-m-14": "Mark",
+  "avatar-m-15": "Donald",
+  "avatar-m-16": "Steven",
+  // Femininos (16)
+  "avatar-f-1": "Maria",
+  "avatar-f-2": "Ana",
+  "avatar-f-3": "Patricia",
+  "avatar-f-4": "Jennifer",
+  "avatar-f-5": "Linda",
+  "avatar-f-6": "Barbara",
+  "avatar-f-7": "Elizabeth",
+  "avatar-f-8": "Jessica",
+  "avatar-f-9": "Sarah",
+  "avatar-f-10": "Karen",
+  "avatar-f-11": "Nancy",
+  "avatar-f-12": "Betty",
+  "avatar-f-13": "Helen",
+  "avatar-f-14": "Sandra",
+  "avatar-f-15": "Ashley",
+  "avatar-f-16": "Kimberly",
+};
+
+/**
+ * Gera URL do avatar usando API DiceBear com parâmetros simples
+ */
+export function getAvatarUrl(avatarId: string): string {
+  const seed = avatarSeeds[avatarId] || avatarId || "default";
+  
+  // Usar avataarstyle do DiceBear com parâmetros mínimos
+  // API v7 suporta apenas parâmetros específicos
+  return `https://api.dicebear.com/7.x/avataaars/svg?seed=${encodeURIComponent(seed)}`;
+}
+
+/**
+ * Lista todos os IDs de avatares disponíveis
+ */
+export function getAllAvatarIds(): string[] {
+  return Object.keys(avatarSeeds);
+}
+
+/**
+ * Verifica se um avatarId é válido
+ */
+export function isValidAvatarId(avatarId: string): boolean {
+  return avatarId in avatarSeeds;
+}
+

apps/web/src/lib/utils/notifications.ts

@@ -0,0 +1,66 @@
+/**
+ * Solicita permissão para notificações desktop
+ */
+export async function requestNotificationPermission(): Promise<NotificationPermission> {
+  if (!("Notification" in window)) {
+    console.warn("Este navegador não suporta notificações desktop");
+    return "denied";
+  }
+
+  if (Notification.permission === "granted") {
+    return "granted";
+  }
+
+  if (Notification.permission !== "denied") {
+    return await Notification.requestPermission();
+  }
+
+  return Notification.permission;
+}
+
+/**
+ * Mostra uma notificação desktop
+ */
+export function showNotification(title: string, options?: NotificationOptions): Notification | null {
+  if (!("Notification" in window)) {
+    return null;
+  }
+
+  if (Notification.permission !== "granted") {
+    return null;
+  }
+
+  try {
+    return new Notification(title, {
+      icon: "/favicon.png",
+      badge: "/favicon.png",
+      ...options,
+    });
+  } catch (error) {
+    console.error("Erro ao exibir notificação:", error);
+    return null;
+  }
+}
+
+/**
+ * Toca o som de notificação
+ */
+export function playNotificationSound() {
+  try {
+    const audio = new Audio("/sounds/notification.mp3");
+    audio.volume = 0.5;
+    audio.play().catch((err) => {
+      console.warn("Não foi possível reproduzir o som de notificação:", err);
+    });
+  } catch (error) {
+    console.error("Erro ao tocar som de notificação:", error);
+  }
+}
+
+/**
+ * Verifica se o usuário está na aba ativa
+ */
+export function isTabActive(): boolean {
+  return !document.hidden;
+}
+