analytica-frontend-lib 1.2.52 → 1.2.53

package/dist/index.js

@@ -54,6 +54,7 @@ __export(src_exports, {
   Badge: () => Badge_default,
   BreadcrumbMenu: () => BreadcrumbMenu,
   Button: () => Button_default,
+  CHAT_MESSAGE_TYPES: () => CHAT_MESSAGE_TYPES,
   CORRECTION_QUESTION_STATUS: () => QUESTION_STATUS2,
   Calendar: () => Calendar_default,
   CardAccordation: () => CardAccordation,
@@ -68,6 +69,7 @@ __export(src_exports, {
   CardStatus: () => CardStatus,
   CardTest: () => CardTest,
   CardTopic: () => CardTopic,
+  Chat: () => Chat,
   CheckBox: () => CheckBox_default,
   CheckboxGroup: () => CheckboxGroup,
   CheckboxList: () => CheckboxList_default,
@@ -114,6 +116,7 @@ __export(src_exports, {
   NotFound: () => NotFound_default,
   NotificationCard: () => NotificationCard_default,
   NotificationEntityType: () => NotificationEntityType,
+  PROFILE_ROLES: () => PROFILE_ROLES,
   ProfileMenuFooter: () => ProfileMenuFooter,
   ProfileMenuHeader: () => ProfileMenuHeader,
   ProfileMenuInfo: () => ProfileMenuInfo,
@@ -198,6 +201,7 @@ __export(src_exports, {
   Toast: () => Toast_default,
   Toaster: () => Toaster_default,
   VideoPlayer: () => VideoPlayer_default,
+  WS_STATES: () => WS_STATES,
   Whiteboard: () => Whiteboard_default,
   activitiesHistoryApiResponseSchema: () => activitiesHistoryApiResponseSchema,
   activityModelsApiResponseSchema: () => activityModelsApiResponseSchema,
@@ -214,6 +218,8 @@ __export(src_exports, {
   createUseActivitiesHistory: () => createUseActivitiesHistory,
   createUseActivityFiltersData: () => createUseActivityFiltersData,
   createUseActivityModels: () => createUseActivityModels,
+  createUseChat: () => createUseChat,
+  createUseChatRooms: () => createUseChatRooms,
   createUseNotificationStore: () => createUseNotificationStore,
   createUseNotifications: () => createUseNotifications,
   createUseQuestionsList: () => createUseQuestionsList,
@@ -281,6 +287,8 @@ __export(src_exports, {
   useAuthStore: () => useAuthStore,
   useBreadcrumb: () => useBreadcrumb,
   useBreadcrumbBuilder: () => useBreadcrumbBuilder,
+  useChat: () => useChat,
+  useChatRooms: () => useChatRooms,
   useInstitutionId: () => useInstitutionId,
   useMobile: () => useMobile,
   useQuestionFiltersStore: () => useQuestionFiltersStore,
@@ -25119,6 +25127,699 @@ var ActivitiesHistory = ({
     }
   );
 };
+
+// src/hooks/useChat.ts
+var import_react86 = require("react");
+var WS_STATES = {
+  CONNECTING: 0,
+  OPEN: 1,
+  CLOSING: 2,
+  CLOSED: 3
+};
+function useChat({
+  wsUrl,
+  token,
+  roomId,
+  userId,
+  onConnect,
+  onDisconnect,
+  onError,
+  autoReconnect = true,
+  reconnectInterval = 3e3,
+  maxReconnectAttempts = 5
+}) {
+  const [isConnected, setIsConnected] = (0, import_react86.useState)(false);
+  const [messages, setMessages] = (0, import_react86.useState)([]);
+  const [participants, setParticipants] = (0, import_react86.useState)([]);
+  const [error, setError] = (0, import_react86.useState)(null);
+  const wsRef = (0, import_react86.useRef)(null);
+  const reconnectAttemptsRef = (0, import_react86.useRef)(0);
+  const reconnectTimeoutRef = (0, import_react86.useRef)(
+    null
+  );
+  const isManualDisconnectRef = (0, import_react86.useRef)(false);
+  const sendWsMessage = (0, import_react86.useCallback)((message) => {
+    if (wsRef.current?.readyState === WS_STATES.OPEN) {
+      wsRef.current.send(JSON.stringify(message));
+    }
+  }, []);
+  const sendMessage = (0, import_react86.useCallback)(
+    (content) => {
+      const trimmedContent = content.trim();
+      if (!trimmedContent) return;
+      sendWsMessage({
+        type: "message",
+        payload: { content: trimmedContent }
+      });
+    },
+    [sendWsMessage]
+  );
+  const leave = (0, import_react86.useCallback)(() => {
+    isManualDisconnectRef.current = true;
+    sendWsMessage({ type: "leave" });
+    wsRef.current?.close(1e3, "User left");
+  }, [sendWsMessage]);
+  const handleMessage = (0, import_react86.useCallback)(
+    (event) => {
+      try {
+        const data = JSON.parse(event.data);
+        switch (data.type) {
+          case "history":
+            if (data.payload.messages) {
+              setMessages(data.payload.messages);
+            }
+            break;
+          case "participants":
+            if (data.payload.participants) {
+              setParticipants(data.payload.participants);
+            }
+            break;
+          case "new_message":
+            if (data.payload.message) {
+              setMessages((prev) => [...prev, data.payload.message]);
+            }
+            break;
+          case "user_joined":
+            if (data.payload.user) {
+              const user = data.payload.user;
+              setParticipants((prev) => {
+                const exists = prev.some(
+                  (p) => p.userInstitutionId === user.userInstitutionId
+                );
+                if (exists) {
+                  return prev.map(
+                    (p) => p.userInstitutionId === user.userInstitutionId ? { ...p, isOnline: true } : p
+                  );
+                }
+                return [
+                  ...prev,
+                  {
+                    userInstitutionId: user.userInstitutionId,
+                    name: user.name,
+                    photo: user.photo,
+                    role: user.role,
+                    isOnline: true
+                  }
+                ];
+              });
+            }
+            break;
+          case "user_left":
+            if (data.payload.user) {
+              const user = data.payload.user;
+              setParticipants(
+                (prev) => prev.map(
+                  (p) => p.userInstitutionId === user.userInstitutionId ? { ...p, isOnline: false } : p
+                )
+              );
+            }
+            break;
+          case "error": {
+            const errorMessage = data.payload.message_text || "Erro desconhecido";
+            setError(new Error(errorMessage));
+            onError?.(new Error(errorMessage));
+            break;
+          }
+        }
+      } catch (err) {
+        console.error("Error parsing WebSocket message:", err);
+      }
+    },
+    [onError]
+  );
+  const connect = (0, import_react86.useCallback)(() => {
+    const url = new URL(wsUrl);
+    url.searchParams.set("roomId", roomId);
+    url.searchParams.set("token", token);
+    if (wsRef.current) {
+      wsRef.current.close();
+    }
+    const ws = new WebSocket(url.toString());
+    wsRef.current = ws;
+    ws.onopen = () => {
+      setIsConnected(true);
+      setError(null);
+      reconnectAttemptsRef.current = 0;
+      onConnect?.();
+    };
+    ws.onmessage = handleMessage;
+    ws.onerror = () => {
+      const error2 = new Error("Erro na conex\xE3o WebSocket");
+      setError(error2);
+      onError?.(error2);
+    };
+    ws.onclose = (event) => {
+      setIsConnected(false);
+      onDisconnect?.();
+      if (autoReconnect && !isManualDisconnectRef.current && reconnectAttemptsRef.current < maxReconnectAttempts && event.code !== 4001 && // Unauthorized
+      event.code !== 4002 && // Missing roomId
+      event.code !== 4003) {
+        reconnectAttemptsRef.current += 1;
+        reconnectTimeoutRef.current = setTimeout(() => {
+          connect();
+        }, reconnectInterval);
+      }
+    };
+  }, [
+    wsUrl,
+    roomId,
+    token,
+    handleMessage,
+    onConnect,
+    onDisconnect,
+    onError,
+    autoReconnect,
+    reconnectInterval,
+    maxReconnectAttempts
+  ]);
+  const reconnect = (0, import_react86.useCallback)(() => {
+    isManualDisconnectRef.current = false;
+    reconnectAttemptsRef.current = 0;
+    connect();
+  }, [connect]);
+  (0, import_react86.useEffect)(() => {
+    isManualDisconnectRef.current = false;
+    connect();
+    return () => {
+      isManualDisconnectRef.current = true;
+      if (reconnectTimeoutRef.current) {
+        clearTimeout(reconnectTimeoutRef.current);
+      }
+      wsRef.current?.close(1e3, "Component unmounted");
+    };
+  }, [connect]);
+  return {
+    isConnected,
+    messages,
+    participants,
+    sendMessage,
+    leave,
+    error,
+    reconnect,
+    currentUserId: userId
+  };
+}
+function createUseChat(baseWsUrl) {
+  return (options) => useChat({ ...options, wsUrl: baseWsUrl });
+}
+
+// src/hooks/useChatRooms.ts
+var import_react87 = require("react");
+function useChatRooms({
+  apiClient
+}) {
+  const [rooms, setRooms] = (0, import_react87.useState)([]);
+  const [availableUsers, setAvailableUsers] = (0, import_react87.useState)([]);
+  const [loading, setLoading] = (0, import_react87.useState)(false);
+  const [error, setError] = (0, import_react87.useState)(null);
+  const fetchRooms = (0, import_react87.useCallback)(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await apiClient.get("/chat/rooms");
+      setRooms(response.data.rooms);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Erro ao carregar salas");
+      setError(error2);
+      console.error("Error fetching chat rooms:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [apiClient]);
+  const fetchAvailableUsers = (0, import_react87.useCallback)(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const response = await apiClient.get(
+        "/chat/available-users"
+      );
+      setAvailableUsers(response.data.users);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error("Erro ao carregar usu\xE1rios");
+      setError(error2);
+      console.error("Error fetching available users:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [apiClient]);
+  const createRoom = (0, import_react87.useCallback)(
+    async (participantIds) => {
+      setLoading(true);
+      setError(null);
+      try {
+        const response = await apiClient.post(
+          "/chat/rooms",
+          {
+            participantIds
+          }
+        );
+        await fetchRooms();
+        return response.data.room;
+      } catch (err) {
+        const error2 = err instanceof Error ? err : new Error("Erro ao criar sala");
+        setError(error2);
+        console.error("Error creating chat room:", err);
+        return null;
+      } finally {
+        setLoading(false);
+      }
+    },
+    [apiClient, fetchRooms]
+  );
+  const clearError = (0, import_react87.useCallback)(() => {
+    setError(null);
+  }, []);
+  return {
+    rooms,
+    availableUsers,
+    loading,
+    error,
+    fetchRooms,
+    fetchAvailableUsers,
+    createRoom,
+    clearError
+  };
+}
+function createUseChatRooms(apiClient) {
+  return () => useChatRooms({ apiClient });
+}
+
+// src/types/chat.ts
+var PROFILE_ROLES = /* @__PURE__ */ ((PROFILE_ROLES2) => {
+  PROFILE_ROLES2["SUPER_ADMIN"] = "SUPER_ADMIN";
+  PROFILE_ROLES2["GENERAL_MANAGER"] = "GENERAL_MANAGER";
+  PROFILE_ROLES2["REGIONAL_MANAGER"] = "REGIONAL_MANAGER";
+  PROFILE_ROLES2["UNIT_MANAGER"] = "UNIT_MANAGER";
+  PROFILE_ROLES2["TEACHER"] = "TEACHER";
+  PROFILE_ROLES2["STUDENT"] = "STUDENT";
+  return PROFILE_ROLES2;
+})(PROFILE_ROLES || {});
+var CHAT_MESSAGE_TYPES = {
+  TEXT: "text",
+  SYSTEM: "system"
+};
+
+// src/components/Chat/Chat.tsx
+var import_react88 = require("react");
+var import_react89 = require("@phosphor-icons/react");
+var import_jsx_runtime104 = require("react/jsx-runtime");
+var RoomItem = ({
+  room,
+  onClick,
+  isActive
+}) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  Button_default,
+  {
+    variant: "link",
+    onClick,
+    className: cn(
+      "w-full p-3 rounded-lg text-left transition-colors justify-start h-auto",
+      "hover:bg-background-100",
+      isActive && "bg-primary-50 border-l-4 border-primary-500"
+    ),
+    children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-start gap-3 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react89.UsersIcon, { size: 20, className: "text-primary-600" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", weight: "semibold", className: "text-text-900 truncate", children: room.name }),
+        room.lastMessage && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Text_default, { size: "xs", className: "text-text-500 truncate mt-1", children: [
+          room.lastMessage.senderName,
+          ": ",
+          room.lastMessage.content
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Text_default, { size: "xs", className: "text-text-400 mt-1", children: [
+          room.participantCount,
+          " participantes"
+        ] })
+      ] })
+    ] })
+  }
+);
+var MessageBubble = ({
+  message,
+  isOwn
+}) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: cn("flex gap-2 mb-3", isOwn && "flex-row-reverse"), children: [
+  !isOwn && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center flex-shrink-0", children: message.senderPhoto ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    "img",
+    {
+      src: message.senderPhoto,
+      alt: message.senderName,
+      className: "w-8 h-8 rounded-full object-cover"
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "xs", weight: "bold", className: "text-gray-600", children: message.senderName.charAt(0).toUpperCase() }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: cn("max-w-[70%]", isOwn && "items-end"), children: [
+    !isOwn && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "xs", className: "text-text-500 mb-1", children: message.senderName }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      "div",
+      {
+        className: cn(
+          "px-4 py-2 rounded-2xl",
+          isOwn ? "bg-primary-500 text-white rounded-br-md" : "bg-background-100 text-text-900 rounded-bl-md"
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", children: message.content })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      Text_default,
+      {
+        size: "xs",
+        className: cn("text-text-400 mt-1", isOwn && "text-right"),
+        children: new Date(message.createdAt).toLocaleTimeString("pt-BR", {
+          hour: "2-digit",
+          minute: "2-digit"
+        })
+      }
+    )
+  ] })
+] });
+var ParticipantItem = ({ participant }) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-2 py-2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center", children: participant.photo ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      "img",
+      {
+        src: participant.photo,
+        alt: participant.name,
+        className: "w-8 h-8 rounded-full object-cover"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "xs", weight: "bold", className: "text-gray-600", children: participant.name.charAt(0).toUpperCase() }) }),
+    participant.isOnline && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "absolute bottom-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white" })
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1 min-w-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", className: "text-text-900 truncate", children: participant.name }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "xs", className: "text-text-500", children: participant.role })
+  ] })
+] });
+var UserSelector = ({
+  users,
+  selectedIds,
+  onToggle
+}) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "space-y-2 max-h-64 overflow-y-auto", children: users.map((user) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+  Button_default,
+  {
+    variant: "link",
+    onClick: () => onToggle(user.userInstitutionId),
+    className: cn(
+      "w-full flex items-center gap-3 p-3 rounded-lg transition-colors justify-start h-auto",
+      selectedIds.has(user.userInstitutionId) ? "bg-primary-50 border border-primary-500" : "bg-background-50 hover:bg-background-100 border border-transparent"
+    ),
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center", children: user.photo ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        "img",
+        {
+          src: user.photo,
+          alt: user.name,
+          className: "w-10 h-10 rounded-full object-cover"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-gray-600", children: user.name.charAt(0).toUpperCase() }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1 text-left", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", weight: "medium", className: "text-text-900", children: user.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "xs", className: "text-text-500", children: user.profileName })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        "div",
+        {
+          className: cn(
+            "w-5 h-5 rounded-full border-2 flex items-center justify-center",
+            selectedIds.has(user.userInstitutionId) ? "bg-primary-500 border-primary-500" : "border-gray-300"
+          ),
+          children: selectedIds.has(user.userInstitutionId) && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-2 h-2 bg-white rounded-full" })
+        }
+      )
+    ]
+  },
+  user.userInstitutionId
+)) });
+function Chat({
+  apiClient,
+  wsUrl,
+  token,
+  userId,
+  userName,
+  userPhoto,
+  userRole,
+  className
+}) {
+  const [view, setView] = (0, import_react88.useState)("list");
+  const [selectedRoom, setSelectedRoom] = (0, import_react88.useState)(
+    null
+  );
+  const [selectedUserIds, setSelectedUserIds] = (0, import_react88.useState)(
+    /* @__PURE__ */ new Set()
+  );
+  const [messageInput, setMessageInput] = (0, import_react88.useState)("");
+  const [showCreateModal, setShowCreateModal] = (0, import_react88.useState)(false);
+  const {
+    rooms,
+    availableUsers,
+    loading: roomsLoading,
+    error: roomsError,
+    fetchRooms,
+    fetchAvailableUsers,
+    createRoom
+  } = useChatRooms({ apiClient });
+  const {
+    isConnected,
+    messages,
+    participants,
+    sendMessage,
+    error: chatError
+  } = useChat({
+    wsUrl,
+    token,
+    roomId: selectedRoom?.id || "",
+    userId,
+    onConnect: () => console.log("Connected to chat"),
+    onDisconnect: () => console.log("Disconnected from chat"),
+    onError: (err) => console.error("Chat error:", err)
+  });
+  const getRoleLabel = () => {
+    return userRole === "TEACHER" /* TEACHER */ ? "Professor" : "Aluno";
+  };
+  (0, import_react88.useEffect)(() => {
+    fetchRooms();
+  }, [fetchRooms]);
+  const handleSelectRoom = (0, import_react88.useCallback)((room) => {
+    setSelectedRoom(room);
+    setView("room");
+  }, []);
+  const handleOpenCreateModal = (0, import_react88.useCallback)(async () => {
+    await fetchAvailableUsers();
+    setSelectedUserIds(/* @__PURE__ */ new Set());
+    setShowCreateModal(true);
+  }, [fetchAvailableUsers]);
+  const handleToggleUser = (0, import_react88.useCallback)((id) => {
+    setSelectedUserIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) {
+        next.delete(id);
+      } else {
+        next.add(id);
+      }
+      return next;
+    });
+  }, []);
+  const handleCreateRoom = (0, import_react88.useCallback)(async () => {
+    if (selectedUserIds.size === 0) return;
+    const room = await createRoom(Array.from(selectedUserIds));
+    if (room) {
+      setShowCreateModal(false);
+      setSelectedUserIds(/* @__PURE__ */ new Set());
+      await fetchRooms();
+    }
+  }, [selectedUserIds, createRoom, fetchRooms]);
+  const handleSendMessage = (0, import_react88.useCallback)(() => {
+    if (!messageInput.trim()) return;
+    sendMessage(messageInput);
+    setMessageInput("");
+  }, [messageInput, sendMessage]);
+  const handleBackToList = (0, import_react88.useCallback)(() => {
+    setSelectedRoom(null);
+    setView("list");
+  }, []);
+  const renderMessagesContent = () => {
+    if (chatError) {
+      return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", className: "text-red-500 mb-2", children: "Erro de conexao com o chat" }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "xs", className: "text-text-500", children: "Tentando reconectar..." })
+      ] }) });
+    }
+    if (messages.length === 0) {
+      return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", className: "text-text-500", children: "Nenhuma mensagem ainda. Comece a conversa!" }) });
+    }
+    return messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      MessageBubble,
+      {
+        message,
+        isOwn: message.senderId === userId
+      },
+      message.id
+    ));
+  };
+  const renderRoomList = () => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "p-4 border-b border-background-200 flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-10 h-10 rounded-full bg-primary-100 flex items-center justify-center flex-shrink-0", children: userPhoto ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          "img",
+          {
+            src: userPhoto,
+            alt: userName,
+            className: "w-10 h-10 rounded-full object-cover"
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-primary-600", children: userName.charAt(0).toUpperCase() }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "lg", weight: "bold", className: "text-text-900", children: "Conversas" }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Text_default, { size: "xs", className: "text-text-500", children: [
+            userName,
+            " - ",
+            getRoleLabel()
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        Button_default,
+        {
+          variant: "solid",
+          size: "small",
+          onClick: handleOpenCreateModal,
+          iconLeft: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react89.PlusIcon, { size: 16 }),
+          children: "Nova conversa"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1 overflow-y-auto p-2", children: [
+      roomsError && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "p-4 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", className: "text-red-500 mb-2", children: "Erro ao carregar conversas" }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button_default, { variant: "outline", size: "small", onClick: fetchRooms, children: "Tentar novamente" })
+      ] }),
+      !roomsError && roomsLoading && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "space-y-3 p-2", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SkeletonRounded, { className: "w-10 h-10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SkeletonText, { className: "w-3/4 h-4 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SkeletonText, { className: "w-1/2 h-3" })
+        ] })
+      ] }, i)) }),
+      !roomsError && !roomsLoading && rooms.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        EmptyState_default,
+        {
+          title: "Nenhuma conversa",
+          description: "Comece uma nova conversa clicando no botao acima"
+        }
+      ),
+      !roomsError && !roomsLoading && rooms.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "space-y-1", children: rooms.map((room) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        RoomItem,
+        {
+          room,
+          onClick: () => handleSelectRoom(room),
+          isActive: selectedRoom?.id === room.id
+        },
+        room.id
+      )) })
+    ] })
+  ] });
+  const renderChatRoom = () => {
+    if (!selectedRoom) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex h-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1 flex flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "p-4 border-b border-background-200 flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button_default, { variant: "link", size: "small", onClick: handleBackToList, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react89.XIcon, { size: 20 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "md", weight: "semibold", className: "text-text-900", children: selectedRoom.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "xs", className: "text-text-500", children: isConnected ? "Conectado" : "Conectando..." })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex-1 overflow-y-auto p-4", children: renderMessagesContent() }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "p-4 border-t border-background-200", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+            Input_default,
+            {
+              placeholder: "Digite sua mensagem...",
+              value: messageInput,
+              onChange: (e) => setMessageInput(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && !e.shiftKey) {
+                  e.preventDefault();
+                  handleSendMessage();
+                }
+              },
+              className: "flex-1"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+            Button_default,
+            {
+              variant: "solid",
+              onClick: handleSendMessage,
+              disabled: !messageInput.trim() || !isConnected,
+              children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react89.PaperPlaneTiltIcon, { size: 20 })
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "w-64 border-l border-background-200 p-4 hidden lg:block", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Text_default, { size: "sm", weight: "semibold", className: "text-text-900 mb-3", children: [
+          "Participantes (",
+          participants.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "space-y-1", children: participants.map((participant) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          ParticipantItem,
+          {
+            participant
+          },
+          participant.userInstitutionId
+        )) })
+      ] })
+    ] });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+    "div",
+    {
+      className: cn(
+        "bg-background rounded-xl border border-background-200 h-[600px]",
+        className
+      ),
+      children: [
+        view === "list" && renderRoomList(),
+        view === "room" && renderChatRoom(),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          Modal_default,
+          {
+            isOpen: showCreateModal,
+            onClose: () => setShowCreateModal(false),
+            title: "Nova conversa",
+            children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", className: "text-text-600 mb-4", children: "Selecione os participantes para iniciar uma conversa" }),
+              roomsLoading && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "space-y-3", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SkeletonRounded, { className: "w-10 h-10" }),
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SkeletonText, { className: "flex-1 h-4" })
+              ] }, i)) }),
+              !roomsLoading && availableUsers.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Text_default, { size: "sm", className: "text-text-500 text-center py-4", children: "Nenhum usuario disponivel para chat" }),
+              !roomsLoading && availableUsers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+                UserSelector,
+                {
+                  users: availableUsers,
+                  selectedIds: selectedUserIds,
+                  onToggle: handleToggleUser
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex justify-end gap-2 mt-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button_default, { variant: "outline", onClick: () => setShowCreateModal(false), children: "Cancelar" }),
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+                  Button_default,
+                  {
+                    variant: "solid",
+                    onClick: handleCreateRoom,
+                    disabled: selectedUserIds.size === 0 || roomsLoading,
+                    children: "Criar conversa"
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACTIVITY_AVAILABILITY,
@@ -25145,6 +25846,7 @@ var ActivitiesHistory = ({
   Badge,
   BreadcrumbMenu,
   Button,
+  CHAT_MESSAGE_TYPES,
   CORRECTION_QUESTION_STATUS,
   Calendar,
   CardAccordation,
@@ -25159,6 +25861,7 @@ var ActivitiesHistory = ({
   CardStatus,
   CardTest,
   CardTopic,
+  Chat,
   CheckBox,
   CheckboxGroup,
   CheckboxList,
@@ -25205,6 +25908,7 @@ var ActivitiesHistory = ({
   NotFound,
   NotificationCard,
   NotificationEntityType,
+  PROFILE_ROLES,
   ProfileMenuFooter,
   ProfileMenuHeader,
   ProfileMenuInfo,
@@ -25289,6 +25993,7 @@ var ActivitiesHistory = ({
   Toast,
   Toaster,
   VideoPlayer,
+  WS_STATES,
   Whiteboard,
   activitiesHistoryApiResponseSchema,
   activityModelsApiResponseSchema,
@@ -25305,6 +26010,8 @@ var ActivitiesHistory = ({
   createUseActivitiesHistory,
   createUseActivityFiltersData,
   createUseActivityModels,
+  createUseChat,
+  createUseChatRooms,
   createUseNotificationStore,
   createUseNotifications,
   createUseQuestionsList,
@@ -25372,6 +26079,8 @@ var ActivitiesHistory = ({
   useAuthStore,
   useBreadcrumb,
   useBreadcrumbBuilder,
+  useChat,
+  useChatRooms,
   useInstitutionId,
   useMobile,
   useQuestionFiltersStore,