@realtimexsco/live-chat 1.5.2 → 1.5.4

package/dist/index.mjs

@@ -4,13 +4,13 @@ import { io } from 'socket.io-client';
 import { persist } from 'zustand/middleware';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { cva } from 'class-variance-authority';
-import { Dialog as Dialog$1, Slot, Avatar as Avatar$1, Tooltip as Tooltip$1, Switch as Switch$1, ScrollArea as ScrollArea$1, Popover as Popover$1, DropdownMenu as DropdownMenu$1, AlertDialog as AlertDialog$1 } from 'radix-ui';
+import { Slot, Avatar as Avatar$1, Dialog as Dialog$1, Tooltip as Tooltip$1, Switch as Switch$1, ScrollArea as ScrollArea$1, Popover as Popover$1, DropdownMenu as DropdownMenu$1, AlertDialog as AlertDialog$1 } from 'radix-ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import * as React9 from 'react';
-import React9__default, { createContext, useState, useEffect, useMemo, useContext, useCallback, useRef, useLayoutEffect, Fragment as Fragment$1, useSyncExternalStore } from 'react';
-import { Loader2, X, Video, Phone, PhoneOff, Sun, Moon, Settings, Search, UserPlus, ChevronDown, ArrowLeft, Users, WifiOff, Wifi, Sparkles, MessageSquareText, ChevronRight, Pin, Star, MoreVertical, Info, UserKey, ShieldUser, Paperclip, Clock, MessageSquareX, Trash2, LogOut, Ban, CheckCheck, Check, Camera, Save, Pencil, Mail, CornerUpLeft, CheckSquare, Smile, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, MessageCircleMore, History, Shield, Send, AlertCircle, ShieldCheck, UserMinus, MessageCircle, ExternalLink, Download, ChevronLeft, ZoomOut, ZoomIn, RotateCcw, Music, MicOff, Mic, VideoOff, XIcon, ArrowRight, MoreHorizontal, PinOff, StarOff, ImageIcon, Film, Play, Pause, FileText, FileSpreadsheet, FileIcon, MessageSquare, Eye, Captions } from 'lucide-react';
-import { flushSync } from 'react-dom';
+import { cva } from 'class-variance-authority';
+import * as React11 from 'react';
+import React11__default, { createContext, useState, useEffect, useMemo, useContext, useCallback, useRef, useLayoutEffect, Fragment as Fragment$1, useSyncExternalStore } from 'react';
+import { Loader2, X, Users, Video, Phone, PhoneOff, Sun, Moon, Settings, Search, UserPlus, ChevronDown, ArrowLeft, WifiOff, Wifi, Sparkles, MessageSquareText, ChevronRight, Pin, Star, MoreVertical, Info, UserKey, ShieldUser, Paperclip, Clock, MessageSquareX, Trash2, LogOut, Ban, CheckCheck, Check, Camera, Save, Pencil, Mail, CornerUpLeft, CheckSquare, Smile, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, MessageCircleMore, History, Shield, Send, AlertCircle, ShieldCheck, UserMinus, LayoutGrid, Rows3, MessageCircle, ExternalLink, Download, ChevronLeft, ZoomOut, ZoomIn, RotateCcw, Music, Hand, MicOff, MonitorUp, XIcon, ArrowRight, MoreHorizontal, PinOff, StarOff, ImageIcon, Film, Play, Pause, FileText, FileSpreadsheet, FileIcon, MessageSquare, Eye, Captions, Mic, VideoOff } from 'lucide-react';
+import { createPortal, flushSync } from 'react-dom';
 import EmojiPicker, { Theme } from 'emoji-picker-react';
 import { getDefaultClassNames, DayPicker } from 'react-day-picker';
 import toast$1, { Toaster, toast } from 'react-hot-toast';
@@ -214,6 +214,8 @@ var init_socket_events_constants = __esm({
       // any participant → server
       CALL_ENDED: "call_ended",
       // server → everyone on the call
+      CALL_PARTICIPANT_LEFT: "call_participant_left",
+      // server → everyone: a group member left, call continues
       CALL_BUSY: "call_busy",
       // server → caller: callee already in a call
       CALL_MISSED: "call_missed"
@@ -373,301 +375,1071 @@ var init_listeners = __esm({
   }
 });
 
-// src/services/api/query-params.ts
-function resolveChatApiKey(url) {
-  if (!url) return null;
-  const path = url.split("?")[0] || "";
-  if (path.includes("/user/login/client-user")) return "login";
-  if (path.includes("/user/list")) return "users";
-  if (path.includes("/conversation/list")) return "conversations";
-  if (path.includes("/conversation/get/information/")) return "conversationInfo";
-  if (path.includes("/message/get-all-from-conversation")) return "messages";
-  if (path.includes("message/pinned-messages") || path.includes("/message/pinned-messages")) {
-    return "pinnedMessages";
-  }
-  if (path.includes("message/starred-messages") || path.includes("/message/starred-messages")) {
-    return "starredMessages";
-  }
-  if (path.includes("/message/search-messages")) return "searchMessages";
-  if (path.includes("/message/searched-message/context")) return "searchMessagesContext";
-  if (path.includes("/settings/effective")) return "effectiveSettings";
-  if (path.includes("/conversation/group/create")) return "createGroup";
-  if (path.includes("/conversation/group/permission/update")) return "updateGroupPermissions";
-  if (path.includes("/conversation/group/information/update")) return "updateGroupInfo";
-  if (path.includes("/conversation/group/participants/add-remove")) return "manageMembers";
-  if (path.includes("/conversation/group/admins/add-remove")) return "manageAdmins";
-  if (path.includes("/user/block-unblock")) return "blockUnblock";
-  if (path.includes("/aws/upload/get-presigned-urls")) return "presignedUrls";
-  return null;
-}
-function isChatGetApiKey(key) {
-  return !!key && CHAT_GET_API_KEYS.includes(key);
-}
-function normalizeQueryParams(params) {
-  if (!params || typeof params !== "object") return {};
-  const next = {};
-  for (const [key, value] of Object.entries(params)) {
-    if (value === void 0 || value === null) continue;
-    const trimmedKey = String(key).trim();
-    if (!trimmedKey) continue;
-    next[trimmedKey] = String(value);
-  }
-  return next;
-}
-function normalizeQueryParamsByApi(byApi) {
-  if (!byApi || typeof byApi !== "object") return {};
-  const next = {};
-  for (const [apiKey, params] of Object.entries(byApi)) {
-    if (apiKey === "all" || apiKey === "get") continue;
-    next[apiKey] = normalizeQueryParams(params);
-  }
-  return next;
-}
-var CHAT_GET_API_KEYS, CHAT_API_KEYS;
-var init_query_params = __esm({
-  "src/services/api/query-params.ts"() {
-    CHAT_GET_API_KEYS = [
-      "users",
-      "conversations",
-      "conversationInfo",
-      "messages",
-      "pinnedMessages",
-      "starredMessages",
-      "searchMessages",
-      "searchMessagesContext",
-      "effectiveSettings"
-    ];
-    CHAT_API_KEYS = [
-      "all",
-      /** All GET endpoints listed in CHAT_GET_API_KEYS */
-      "get",
-      "login",
-      ...CHAT_GET_API_KEYS,
-      "createGroup",
-      "updateGroupPermissions",
-      "updateGroupInfo",
-      "manageMembers",
-      "manageAdmins",
-      "blockUnblock",
-      "presignedUrls"
-    ];
+// src/store/helpers/group-display.helpers.ts
+var resolveGroupImage, getChannelAvatarInitial, isGroupCreationPreview;
+var init_group_display_helpers = __esm({
+  "src/store/helpers/group-display.helpers.ts"() {
+    resolveGroupImage = (conversation) => {
+      if (!conversation) return void 0;
+      const raw = conversation.groupImage ?? conversation.image ?? conversation.avatar;
+      if (typeof raw !== "string") return void 0;
+      const trimmed = raw.trim();
+      return trimmed || void 0;
+    };
+    getChannelAvatarInitial = (name) => {
+      const trimmed = (name || "").trim();
+      if (!trimmed) return "?";
+      return trimmed.charAt(0).toUpperCase();
+    };
+    isGroupCreationPreview = (content) => !!content?.includes("New Group") && !!content?.includes("created and you are invited");
   }
 });
 
-// src/services/api/api-version.ts
-var DEFAULT_VERSIONS, apiVersions, normalizeApiVersion, resolveApiRoot, buildVersionedApiUrl, setChatApiVersions, getChatApiVersions, setChatPushApiVersion, syncDefaultApiVersionFromBaseUrl;
-var init_api_version = __esm({
-  "src/services/api/api-version.ts"() {
-    init_client();
-    DEFAULT_VERSIONS = {
-      v1: "v1",
-      v2: "v2"
+// src/store/helpers/message.helpers.ts
+var getMessageSenderId, extractMessageData, statusRank, preferHigherStatus, mergeLastMessage, messageHasPreviewBody, getLatestMessageFromList, isOwnMessage, getMessageContent, getMessageTimestamp, resolveMessageStatus, mergeChatMessages;
+var init_message_helpers = __esm({
+  "src/store/helpers/message.helpers.ts"() {
+    getMessageSenderId = (message) => String(message?.sender?._id || message?.sender?.id || message?.senderId || message?.fromUserId || message?.sender || "");
+    extractMessageData = (payload) => {
+      const messageId2 = payload.messageId || payload._id || payload.message?._id || payload.message?.id;
+      const content = payload.content || payload.message?.content;
+      const conversationId = payload.conversationId || payload.conversation_id || payload.message?.conversationId || payload.message?.conversation_id;
+      const status = payload.status || payload.message?.status;
+      const isPinned = payload.isPinned ?? payload.message?.isPinned;
+      const isStarred = payload.isStarred ?? payload.message?.isStarred;
+      const attachmentId = payload.attachmentId || payload.unpinAttachmentId || null;
+      const caption = payload.caption ?? payload.message?.caption ?? null;
+      return { messageId: messageId2, content, conversationId, status, isPinned, isStarred, attachmentId, caption };
     };
-    apiVersions = { ...DEFAULT_VERSIONS };
-    normalizeApiVersion = (version) => {
-      const raw = String(version || "v1").trim().replace(/^\/+|\/+$/g, "");
-      if (!raw) return "v1";
-      return /^v\d+$/i.test(raw) ? raw.toLowerCase() : `v${raw}`;
+    statusRank = { sent: 0, delivered: 1, read: 2 };
+    preferHigherStatus = (base, incoming) => {
+      const baseRank = statusRank[base?.status] ?? 0;
+      const incomingRank = statusRank[incoming?.status] ?? 0;
+      if (incomingRank > baseRank) {
+        return { ...base, status: incoming.status };
+      }
+      return base;
     };
-    resolveApiRoot = (baseUrl) => {
-      const raw = String(
-        baseUrl || getChatBaseUrl() || apiClient.defaults.baseURL || ""
-      ).trim().replace(/\/$/, "");
-      if (!raw) return "";
-      const withoutVersion = raw.replace(/\/v\d+$/i, "");
-      return withoutVersion || raw;
+    mergeLastMessage = (existing, incoming) => {
+      if (!incoming) return existing ?? null;
+      if (!existing) return incoming;
+      const content = incoming.content?.trim() ? incoming.content : existing.content;
+      const createdAt = incoming.createdAt ?? incoming.timestamp ?? existing.createdAt ?? existing.timestamp;
+      const incomingSenderId = getMessageSenderId(incoming);
+      const resolvedSender = incomingSenderId ? incoming.sender ?? incoming.senderId ?? incoming.fromUserId : existing.sender ?? existing.senderId ?? existing.fromUserId ?? incoming.sender;
+      return {
+        ...existing,
+        ...incoming,
+        ...content !== void 0 ? { content } : {},
+        ...createdAt !== void 0 ? { createdAt } : {},
+        attachments: incoming.attachments?.length ? incoming.attachments : existing.attachments,
+        status: preferHigherStatus(existing, incoming).status ?? existing.status ?? incoming.status,
+        ...resolvedSender !== void 0 ? { sender: resolvedSender } : {},
+        senderId: incoming.senderId ?? existing.senderId,
+        fromUserId: incoming.fromUserId ?? existing.fromUserId
+      };
     };
-    buildVersionedApiUrl = (path, options) => {
-      const root = resolveApiRoot(options?.baseUrl);
-      const version = normalizeApiVersion(
-        options?.version ?? (options?.service ? apiVersions[options.service] : apiVersions.v1)
-      );
-      const normalizedPath = path.startsWith("/") ? path : `/${path}`;
-      if (!root) {
-        return `/${version}${normalizedPath}`;
-      }
-      return `${root}/${version}${normalizedPath}`;
+    messageHasPreviewBody = (message) => Boolean(String(message?.content || "").trim()) || Array.isArray(message?.attachments) && message.attachments.length > 0;
+    getLatestMessageFromList = (messages) => {
+      if (!messages?.length) return null;
+      return messages.reduce((latest, message) => {
+        const latestTime = new Date(latest.createdAt || latest.timestamp || 0).getTime();
+        const messageTime = new Date(message.createdAt || message.timestamp || 0).getTime();
+        return messageTime >= latestTime ? message : latest;
+      });
     };
-    setChatApiVersions = (config) => {
-      if (!config) return;
-      if (config.v1) {
-        apiVersions.v1 = normalizeApiVersion(config.v1);
-      }
-      if (config.v2) {
-        apiVersions.v2 = normalizeApiVersion(config.v2);
-      }
+    isOwnMessage = (message, loggedUserId) => {
+      if (message?.isOwnMessage) return true;
+      if (!loggedUserId) return false;
+      return getMessageSenderId(message) === String(loggedUserId);
     };
-    getChatApiVersions = () => ({
-      ...apiVersions
-    });
-    setChatPushApiVersion = (version) => {
-      apiVersions.v2 = normalizeApiVersion(version);
+    getMessageContent = (message) => String(message?.content || "").trim();
+    getMessageTimestamp = (message) => {
+      const value = message?.createdAt || message?.timestamp;
+      const time = value ? new Date(value).getTime() : NaN;
+      return Number.isFinite(time) ? time : 0;
     };
-    syncDefaultApiVersionFromBaseUrl = (baseUrl) => {
-      const match = String(baseUrl || "").trim().match(/\/(v\d+)\/?$/i);
-      if (match?.[1]) {
-        apiVersions.v1 = normalizeApiVersion(match[1]);
+    resolveMessageStatus = (message, conversation, loggedUserId) => {
+      const existing = message?.status || "sent";
+      if (!loggedUserId || !isOwnMessage(message, loggedUserId)) return existing;
+      const last = conversation?.lastMessage;
+      if (!last) return existing;
+      const msgId = String(message._id || message.id || "");
+      const lastId = String(last._id || last.id || "");
+      if (msgId && lastId && msgId === lastId && last.status) {
+        const lastStatus = last.status;
+        return statusRank[lastStatus] > statusRank[existing] ? lastStatus : existing;
       }
+      return existing;
+    };
+    mergeChatMessages = (apiMessages, localMessages, loggedUserId) => {
+      const merged = /* @__PURE__ */ new Map();
+      apiMessages.forEach((message) => {
+        const id = String(message?._id || message?.id || "");
+        if (id) merged.set(id, message);
+      });
+      localMessages.forEach((localMessage) => {
+        if (!localMessage) return;
+        const localId = String(localMessage._id || localMessage.id || "");
+        if (localId && merged.has(localId)) {
+          const apiMessage = merged.get(localId);
+          const withStatus = preferHigherStatus(apiMessage, localMessage);
+          merged.set(localId, {
+            ...withStatus,
+            isStarred: typeof localMessage.isStarred === "boolean" ? localMessage.isStarred : withStatus.isStarred,
+            isPinned: typeof localMessage.isPinned === "boolean" ? localMessage.isPinned : withStatus.isPinned
+          });
+          return;
+        }
+        const duplicateInApi = apiMessages.some((apiMessage) => {
+          const apiId = String(apiMessage?._id || apiMessage?.id || "");
+          if (localId && apiId && localId === apiId) return true;
+          if (!isOwnMessage(localMessage, loggedUserId)) return false;
+          if (!isOwnMessage(apiMessage, loggedUserId)) return false;
+          if (getMessageContent(localMessage) !== getMessageContent(apiMessage)) return false;
+          return Math.abs(getMessageTimestamp(localMessage) - getMessageTimestamp(apiMessage)) < 12e4;
+        });
+        if (duplicateInApi) return;
+        const key = localId || `pending-${getMessageTimestamp(localMessage)}-${getMessageContent(localMessage)}`;
+        if (!merged.has(key)) merged.set(key, localMessage);
+      });
+      return Array.from(merged.values());
     };
   }
 });
-function resolveParamsForRequest(url, method) {
-  const apiKey = resolveChatApiKey(url);
-  const httpMethod = (method || "get").toLowerCase();
-  const isGet = httpMethod === "get";
-  const perApi = apiKey ? chatQueryParamsByApi[apiKey] : void 0;
-  const applyShared = Object.keys(chatQueryParams).length > 0 && (chatQueryParamApis.includes("all") || chatQueryParamApis.includes("get") && isGet && isChatGetApiKey(apiKey) || apiKey != null && chatQueryParamApis.includes(apiKey));
-  if (!applyShared && !perApi) return {};
-  return {
-    ...applyShared ? chatQueryParams : {},
-    ...perApi || {}
-  };
-}
-var chatClientId, chatAccessToken, chatBaseUrl, chatSocketUrl, chatQueryParams, chatQueryParamApis, chatQueryParamsByApi, setChatClientId, getChatClientId, setChatAccessToken, setChatBaseURL, getChatBaseUrl, setChatSocketUrl, getChatSocketUrl, setChatQueryParams, getChatQueryParams, setChatQueryParamApis, getChatQueryParamApis, setChatQueryParamsByApi, getChatQueryParamsByApi, rateLimitResetAt, isRateLimited, apiClient;
-var init_client = __esm({
-  "src/services/api/client.ts"() {
-    init_query_params();
-    init_api_version();
-    init_query_params();
-    init_api_version();
-    chatClientId = "";
-    chatAccessToken = "";
-    chatBaseUrl = "";
-    chatSocketUrl = "";
-    chatQueryParams = {};
-    chatQueryParamApis = ["get"];
-    chatQueryParamsByApi = {};
-    setChatClientId = (id) => {
-      chatClientId = id.trim();
-    };
-    getChatClientId = () => chatClientId;
-    setChatAccessToken = (token) => {
-      chatAccessToken = token.trim();
-    };
-    setChatBaseURL = (url) => {
-      chatBaseUrl = url.trim();
-      apiClient.defaults.baseURL = chatBaseUrl;
-      syncDefaultApiVersionFromBaseUrl(chatBaseUrl);
-    };
-    getChatBaseUrl = () => chatBaseUrl;
-    setChatSocketUrl = (url) => {
-      chatSocketUrl = url.trim();
+
+// src/store/helpers/participant.helpers.ts
+var mergeConversationParticipants, buildParticipantsFromMessagePayload, resolveOtherParticipant, getOtherParticipantId;
+var init_participant_helpers = __esm({
+  "src/store/helpers/participant.helpers.ts"() {
+    mergeConversationParticipants = (existingParticipants, incomingParticipants) => {
+      const byId = /* @__PURE__ */ new Map();
+      const addParticipant = (participant) => {
+        const id = String(participant?._id || participant?.id || participant || "");
+        if (!id) return;
+        const incomingEntry = typeof participant === "object" && participant !== null ? participant : { _id: id };
+        const current = byId.get(id);
+        if (!current) {
+          byId.set(id, incomingEntry);
+          return;
+        }
+        const currentHasName = Boolean(current.name);
+        const incomingHasName = Boolean(incomingEntry.name);
+        if (incomingHasName && !currentHasName) {
+          byId.set(id, { ...current, ...incomingEntry });
+        } else if (!incomingHasName && currentHasName) {
+          byId.set(id, { ...incomingEntry, ...current });
+        } else {
+          byId.set(id, { ...current, ...incomingEntry });
+        }
+      };
+      (existingParticipants || []).forEach(addParticipant);
+      (incomingParticipants || []).forEach(addParticipant);
+      return Array.from(byId.values());
     };
-    getChatSocketUrl = () => chatSocketUrl;
-    setChatQueryParams = (params) => {
-      chatQueryParams = normalizeQueryParams(params);
+    buildParticipantsFromMessagePayload = (payload, loggedUserId, existingParticipants) => {
+      const participants = [];
+      const seen = /* @__PURE__ */ new Set();
+      const addParticipant = (participant) => {
+        const id = String(participant?._id || participant?.id || participant || "");
+        if (!id || seen.has(id)) return;
+        seen.add(id);
+        participants.push(
+          typeof participant === "object" && participant !== null ? participant : { _id: id }
+        );
+      };
+      (existingParticipants || []).forEach(addParticipant);
+      addParticipant(payload?.sender);
+      addParticipant(payload?.receiver);
+      if (loggedUserId) addParticipant(loggedUserId);
+      const senderId = String(payload?.sender?._id || payload?.sender?.id || payload?.sender || "");
+      if (loggedUserId && senderId === String(loggedUserId) && participants.length < 2 && payload?.owner && String(payload.owner) !== String(loggedUserId)) {
+        addParticipant(payload.owner);
+      }
+      return participants;
     };
-    getChatQueryParams = () => ({ ...chatQueryParams });
-    setChatQueryParamApis = (apis) => {
-      if (!apis?.length) {
-        chatQueryParamApis = ["get"];
-        return;
+    resolveOtherParticipant = (conversation, loggedUserId, allUsers) => {
+      if (!conversation || !loggedUserId) {
+        return { id: "", user: null };
       }
-      chatQueryParamApis = [...apis];
+      const myId = String(loggedUserId);
+      const participantIds = (conversation.participants || []).map(
+        (participant) => String(participant?._id || participant?.id || participant || "")
+      );
+      const otherId = participantIds.find((id) => id && id !== myId) || (conversation.owner && String(conversation.owner) !== myId ? String(conversation.owner) : "");
+      if (!otherId) {
+        return { id: "", user: null };
+      }
+      const fromParticipants = (conversation.participants || []).find(
+        (participant) => String(participant?._id || participant?.id || participant) === otherId
+      );
+      const participantStub = typeof fromParticipants === "object" && fromParticipants !== null ? fromParticipants : { _id: otherId };
+      const fromAllUsers = (allUsers || []).find((user) => String(user._id) === otherId) || null;
+      return {
+        id: otherId,
+        user: fromAllUsers ? { ...participantStub, ...fromAllUsers } : participantStub
+      };
     };
-    getChatQueryParamApis = () => [...chatQueryParamApis];
-    setChatQueryParamsByApi = (byApi) => {
-      chatQueryParamsByApi = normalizeQueryParamsByApi(byApi);
+    getOtherParticipantId = (conversation, loggedUserId) => {
+      if (!conversation?.participants?.length && !conversation?.owner) return "";
+      const otherId = resolveOtherParticipant(conversation, loggedUserId).id;
+      return otherId;
     };
-    getChatQueryParamsByApi = () => ({ ...chatQueryParamsByApi });
-    rateLimitResetAt = 0;
-    isRateLimited = () => Date.now() < rateLimitResetAt;
-    apiClient = axios.create({
-      baseURL: chatBaseUrl || "http://localhost:5000/api/v1",
-      withCredentials: true
-    });
-    apiClient.interceptors.request.use(
-      (config) => {
-        if (isRateLimited()) {
-          return Promise.reject(new Error("Rate limit active \u2014 please wait before retrying."));
-        }
-        config.headers = config.headers ?? {};
-        config.headers.set("ngrok-skip-browser-warning", "true");
-        config.headers.set("platform", "web");
-        config.headers.set("is-tenant", "true");
-        config.headers.set("x-client-id", chatClientId);
-        const requestUrl = String(config.url || "");
-        const scopedParams = resolveParamsForRequest(requestUrl, config.method);
-        if (Object.keys(scopedParams).length > 0) {
-          config.params = { ...scopedParams, ...config.params };
-        }
-        try {
-          const { useStore: useStore2 } = (init_useStore(), __toCommonJS(useStore_exports));
-          const accessToken = useStore2.getState().accessToken || chatAccessToken;
-          if (accessToken) {
-            config.headers.set("Authorization", `Bearer ${accessToken}`);
-          }
-        } catch {
-        }
-        return config;
-      },
-      (error) => {
-        return Promise.reject(error);
+  }
+});
+
+// src/store/helpers/unread.helpers.ts
+var normalizeUnreadCount, incrementUnreadCount, resolveNextUnreadCount;
+var init_unread_helpers = __esm({
+  "src/store/helpers/unread.helpers.ts"() {
+    normalizeUnreadCount = (unreadCount, loggedUserId) => {
+      if (typeof unreadCount === "number" && Number.isFinite(unreadCount)) return unreadCount;
+      if (typeof unreadCount === "string" && unreadCount.trim() !== "") {
+        const parsed = Number.parseInt(unreadCount, 10);
+        if (Number.isFinite(parsed)) return parsed;
       }
-    );
-    apiClient.interceptors.response.use(
-      (response) => response,
-      (error) => {
-        if (error.response?.status === 429) {
-          const resetHeader = error.response.headers?.["ratelimit-reset"];
-          const resetSeconds = resetHeader ? parseInt(String(resetHeader), 10) : 120;
-          rateLimitResetAt = Date.now() + (Number.isFinite(resetSeconds) ? resetSeconds : 120) * 1e3;
-          try {
-            const { useSocketStore: useSocketStore2 } = (init_useSocketStore(), __toCommonJS(useSocketStore_exports));
-            const store = useSocketStore2.getState();
-            store.setRateLimitResetAt(rateLimitResetAt);
-          } catch {
+      if (typeof unreadCount === "object" && unreadCount !== null && !Array.isArray(unreadCount)) {
+        const map = unreadCount;
+        if (loggedUserId) {
+          const mine = map[String(loggedUserId)];
+          if (mine !== void 0 && mine !== null) {
+            return normalizeUnreadCount(mine, loggedUserId);
           }
         }
-        return Promise.reject(error);
+        const values = Object.values(map).map((value) => normalizeUnreadCount(value, loggedUserId)).filter((value) => Number.isFinite(value));
+        return values.length ? Math.max(...values) : 0;
       }
-    );
-  }
-});
-
-// src/call/call.api.ts
-var callsApiUrl, apiCreateCallRoom, apiFetchJoinToken, apiFetchCallHistory, apiFetchCallDetail;
-var init_call_api = __esm({
-  "src/call/call.api.ts"() {
-    init_client();
-    init_api_version();
-    callsApiUrl = (path) => buildVersionedApiUrl(path, { service: "v2" });
-    apiCreateCallRoom = async (conversationId, mode) => {
-      const { data } = await apiClient.post(callsApiUrl("/calls/rooms"), {
-        conversationId,
-        mode
-      });
-      return data?.data ?? data;
-    };
-    apiFetchJoinToken = async (meetingId) => {
-      const { data } = await apiClient.get(callsApiUrl("/calls/videosdk-token"), {
-        params: { meetingId }
-      });
-      return data?.data ?? data;
-    };
-    apiFetchCallHistory = async (conversationId, page = 1, limit = 20) => {
-      const { data } = await apiClient.get(callsApiUrl("/calls"), {
-        params: { conversationId, page, limit }
-      });
-      return data?.data ?? data;
+      return 0;
     };
-    apiFetchCallDetail = async (callId) => {
-      const { data } = await apiClient.get(callsApiUrl(`/calls/${callId}`));
-      return data?.data ?? data;
+    incrementUnreadCount = (unreadCount, loggedUserId) => normalizeUnreadCount(unreadCount, loggedUserId) + 1;
+    resolveNextUnreadCount = ({
+      currentUnread,
+      serverUnread,
+      isActiveConversation,
+      shouldIncrement,
+      loggedUserId
+    }) => {
+      if (isActiveConversation) return 0;
+      let next = currentUnread;
+      if (shouldIncrement) {
+        next = incrementUnreadCount(next, loggedUserId);
+      }
+      if (serverUnread !== void 0 && serverUnread !== null) {
+        next = Math.max(next, normalizeUnreadCount(serverUnread, loggedUserId));
+      }
+      return next;
     };
   }
 });
 
-// src/call/call.types.ts
-var CALL_MODES, CALL_STATUS, CALL_RING_TIMEOUT_MS, CLIENT_RING_FALLBACK_MS, CALL_LOG_EVENT;
-var init_call_types = __esm({
-  "src/call/call.types.ts"() {
-    CALL_MODES = {
-      AUDIO: "audio",
-      VIDEO: "video"
+// src/store/helpers/conversation.helpers.ts
+var findConversationIdByMessageId, applyMessageStatusToStore, isGroupConversation, normalizeConversationRecord, resolveConversationLastMessage, syncConversationLastMessage, upsertConversationInList, findConversationById, findConversationIdByLastMessageId, findConversationForChannel, resolveConversationIdForChannel;
+var init_conversation_helpers = __esm({
+  "src/store/helpers/conversation.helpers.ts"() {
+    init_group_display_helpers();
+    init_message_helpers();
+    init_participant_helpers();
+    init_unread_helpers();
+    findConversationIdByMessageId = (messagesByConversation, messageId2) => {
+      return Object.keys(messagesByConversation).find(
+        (cid) => messagesByConversation[cid].some(
+          (m) => String(m._id || m.id) === String(messageId2)
+        )
+      );
     };
-    CALL_STATUS = {
-      RINGING: "ringing",
+    applyMessageStatusToStore = (state, messageId2, status, conversationId) => {
+      const normalizedMessageId = String(messageId2);
+      const resolvedConversationId = conversationId ? String(conversationId) : findConversationIdByMessageId(state.messagesByConversation, normalizedMessageId) || findConversationIdByLastMessageId(state.conversations, normalizedMessageId) || null;
+      const nextConversations = state.conversations.map((conversation) => {
+        const lastMessageId = String(
+          conversation?.lastMessage?._id || conversation?.lastMessage?.id || ""
+        );
+        if (lastMessageId !== normalizedMessageId) return conversation;
+        return {
+          ...conversation,
+          lastMessage: mergeLastMessage(conversation.lastMessage, { status })
+        };
+      });
+      const nextMessagesByConversation = { ...state.messagesByConversation };
+      const patchMessages = (messages) => messages.map(
+        (message) => String(message._id || message.id) === normalizedMessageId ? preferHigherStatus(message, { status }) : message
+      );
+      if (resolvedConversationId && nextMessagesByConversation[resolvedConversationId]) {
+        nextMessagesByConversation[resolvedConversationId] = patchMessages(
+          nextMessagesByConversation[resolvedConversationId]
+        );
+      } else {
+        for (const cid of Object.keys(nextMessagesByConversation)) {
+          const patched = patchMessages(nextMessagesByConversation[cid]);
+          if (patched !== nextMessagesByConversation[cid]) {
+            nextMessagesByConversation[cid] = patched;
+          }
+        }
+      }
+      return {
+        conversations: nextConversations,
+        messagesByConversation: nextMessagesByConversation
+      };
+    };
+    isGroupConversation = (conversation) => {
+      if (!conversation) return false;
+      return conversation.conversationType === "group" || !!conversation.isGroup;
+    };
+    normalizeConversationRecord = (conversation, existing) => {
+      if (!conversation) return existing ?? null;
+      const resolvedBlocked = conversation.isBlocked !== void 0 ? Boolean(conversation.isBlocked) : conversation.blocked !== void 0 ? Boolean(conversation.blocked) : conversation.isUserBlocked !== void 0 ? Boolean(conversation.isUserBlocked) : existing?.isBlocked ?? false;
+      const mergedParticipants = conversation.participants !== void 0 ? mergeConversationParticipants(existing?.participants, conversation.participants) : existing?.participants ?? conversation.participants;
+      const isGroup = isGroupConversation(conversation) || isGroupConversation(existing);
+      const resolvedGroupImage = resolveGroupImage(conversation) || resolveGroupImage(existing);
+      const incomingGroupName = typeof conversation.groupName === "string" && conversation.groupName.trim() || typeof conversation.name === "string" && conversation.name.trim() || "";
+      const existingGroupName = typeof existing?.groupName === "string" && existing.groupName.trim() || typeof existing?.name === "string" && existing.name.trim() || "";
+      const resolvedGroupName = incomingGroupName || existingGroupName || void 0;
+      return {
+        ...existing,
+        ...conversation,
+        participants: mergedParticipants,
+        isGroup,
+        isBlocked: resolvedBlocked,
+        lastMessage: mergeLastMessage(existing?.lastMessage, conversation.lastMessage),
+        ...isGroup ? {
+          ...resolvedGroupName ? { groupName: resolvedGroupName, name: resolvedGroupName } : {},
+          ...resolvedGroupImage ? { image: resolvedGroupImage, groupImage: resolvedGroupImage } : {}
+        } : {}
+      };
+    };
+    resolveConversationLastMessage = (conversation, messagesByConversation) => {
+      const conversationId = String(conversation._id || conversation.id || "");
+      const storedLast = conversation.lastMessage;
+      const latestFromMessages = getLatestMessageFromList(messagesByConversation[conversationId] || []);
+      if (!latestFromMessages && !storedLast) return null;
+      if (!latestFromMessages) return storedLast;
+      if (!messageHasPreviewBody(storedLast)) return latestFromMessages;
+      const storedTime = new Date(storedLast.createdAt || storedLast.timestamp || 0).getTime();
+      const latestTime = new Date(latestFromMessages.createdAt || latestFromMessages.timestamp || 0).getTime();
+      return latestTime >= storedTime ? mergeLastMessage(storedLast, latestFromMessages) : mergeLastMessage(latestFromMessages, storedLast);
+    };
+    syncConversationLastMessage = (conversations, conversationId, messages) => {
+      const latest = getLatestMessageFromList(messages);
+      if (!latest) return conversations;
+      return conversations.map((conversation) => {
+        if (String(conversation._id) !== String(conversationId)) return conversation;
+        return {
+          ...conversation,
+          lastMessage: mergeLastMessage(conversation.lastMessage, latest)
+        };
+      });
+    };
+    upsertConversationInList = (conversations, incoming, options) => {
+      const conversationId = String(incoming?._id || incoming?.conversationId || "");
+      if (!conversationId) return conversations;
+      const index = conversations.findIndex((c) => String(c._id) === conversationId);
+      const existing = index >= 0 ? conversations[index] : null;
+      const mergedLastMessage = mergeLastMessage(
+        existing?.lastMessage,
+        options?.lastMessage ?? incoming.lastMessage
+      );
+      const isActiveConversation = !!options?.activeConversationId && String(options.activeConversationId) === conversationId;
+      const loggedUserId = options?.loggedUserId;
+      const incomingLastMessage = options?.lastMessage ?? incoming.lastMessage;
+      const lastMessageChanged = !!incomingLastMessage && String(mergedLastMessage?._id || mergedLastMessage?.id || "") !== String(existing?.lastMessage?._id || existing?.lastMessage?.id || "");
+      const senderId = String(
+        incomingLastMessage?.sender?._id || incomingLastMessage?.sender?.id || incomingLastMessage?.sender || ""
+      );
+      const isIncomingLastMessage = !!loggedUserId && !!senderId && senderId !== String(loggedUserId);
+      const normalized = normalizeConversationRecord(
+        {
+          ...incoming,
+          _id: conversationId,
+          lastMessage: mergedLastMessage,
+          unreadCount: resolveNextUnreadCount({
+            currentUnread: normalizeUnreadCount(existing?.unreadCount, loggedUserId),
+            serverUnread: incoming.unreadCount,
+            isActiveConversation,
+            loggedUserId,
+            shouldIncrement: !isActiveConversation && lastMessageChanged && isIncomingLastMessage && !options?.isFromSelf
+          })
+        },
+        existing
+      );
+      if (index < 0) {
+        return [normalized, ...conversations];
+      }
+      if (lastMessageChanged) {
+        const withoutExisting = conversations.filter((_, itemIndex) => itemIndex !== index);
+        return [normalized, ...withoutExisting];
+      }
+      const next = [...conversations];
+      next[index] = normalized;
+      return next;
+    };
+    findConversationById = (conversations, conversationId) => {
+      if (!conversationId) return void 0;
+      return conversations.find((c) => String(c._id) === String(conversationId));
+    };
+    findConversationIdByLastMessageId = (conversations, messageId2) => {
+      if (!messageId2) return null;
+      const normalizedMessageId = String(messageId2);
+      const match = conversations.find(
+        (conversation) => String(conversation?.lastMessage?._id || conversation?.lastMessage?.id || "") === normalizedMessageId
+      );
+      return match?._id ? String(match._id) : null;
+    };
+    findConversationForChannel = (channel, loggedUserId, conversations) => {
+      if (!channel || !loggedUserId) return void 0;
+      if (channel.conversationId) {
+        const byId = findConversationById(conversations, channel.conversationId);
+        if (byId) return byId;
+      }
+      if (channel.isGroup) {
+        return conversations.find(
+          (c) => isGroupConversation(c) && String(c._id) === String(channel.id)
+        );
+      }
+      return conversations.find((c) => {
+        if (isGroupConversation(c)) return false;
+        const ids = (c.participants || []).map((p) => String(p._id || p));
+        return ids.includes(String(channel.id)) && ids.includes(String(loggedUserId));
+      });
+    };
+    resolveConversationIdForChannel = (channel, loggedUserId, conversations) => {
+      const found = findConversationForChannel(channel, loggedUserId, conversations);
+      if (found?._id) return String(found._id);
+      if (channel?.conversationId) return String(channel.conversationId);
+      return null;
+    };
+  }
+});
+
+// src/store/helpers/pagination.helpers.ts
+var emptyMessagesMetadata, extractPagePagination;
+var init_pagination_helpers = __esm({
+  "src/store/helpers/pagination.helpers.ts"() {
+    emptyMessagesMetadata = () => ({
+      nextCursor: null,
+      hasMore: false,
+      isFirstPage: true
+    });
+    extractPagePagination = (response) => response?.data?.pagination ?? response?.pagination ?? null;
+  }
+});
+
+// src/store/helpers/normalize.helpers.ts
+var normalizeId, resolveConversationIdForIncomingMessage, resolveIsGroupFromPayload, resolveDmMarkReadReaderId;
+var init_normalize_helpers = __esm({
+  "src/store/helpers/normalize.helpers.ts"() {
+    init_message_helpers();
+    init_conversation_helpers();
+    normalizeId = (id) => String(id?._id || id?.id || id || "");
+    resolveConversationIdForIncomingMessage = (payload, conversations, loggedUserId) => {
+      const fromPayload = extractMessageData(payload).conversationId;
+      if (fromPayload) return String(fromPayload);
+      if (!loggedUserId) return null;
+      const myId = String(loggedUserId);
+      const senderId = getMessageSenderId(payload);
+      const receiverId = String(payload?.receiver?._id || payload?.receiver?.id || payload?.receiver || "");
+      const otherUserId = senderId === myId ? receiverId : senderId;
+      if (!otherUserId) return null;
+      const match = conversations.find((conversation) => {
+        if (isGroupConversation(conversation)) return false;
+        const participants = (conversation.participants || []).map((p) => String(p._id || p));
+        return participants.includes(otherUserId);
+      });
+      return match?._id ? String(match._id) : null;
+    };
+    resolveIsGroupFromPayload = (payload, conversations) => {
+      const conversationId = payload?.conversationId || payload?.message?.conversationId || payload?.message?.conversation_id;
+      const fromStore = findConversationById(conversations, conversationId);
+      if (fromStore) return isGroupConversation(fromStore);
+      return !!payload?.isGroup || payload?.conversationType === "group" || payload?.message?.conversationType === "group";
+    };
+    resolveDmMarkReadReaderId = (payload, loggedUserId) => {
+      if (payload.readBy != null) return String(payload.readBy);
+      if (payload.userId != null) return String(payload.userId);
+      if (payload.readerId != null) return String(payload.readerId);
+      const sender = payload.sender?._id ?? payload.sender;
+      const receiver = payload.receiver?._id ?? payload.receiver;
+      const myId = loggedUserId != null ? String(loggedUserId) : null;
+      if (sender != null && receiver != null && myId) {
+        if (String(receiver) === myId) return String(sender);
+        if (String(sender) === myId) return String(sender);
+      }
+      if (sender != null) return String(sender);
+      if (payload.senderId != null) return String(payload.senderId);
+      return null;
+    };
+  }
+});
+
+// src/store/helpers/store.helpers.ts
+var init_store_helpers = __esm({
+  "src/store/helpers/store.helpers.ts"() {
+    init_conversation_helpers();
+    init_message_helpers();
+    init_participant_helpers();
+    init_unread_helpers();
+    init_group_display_helpers();
+    init_pagination_helpers();
+    init_normalize_helpers();
+  }
+});
+
+// src/notifications/open-conversation.ts
+var OPEN_CONVERSATION_EVENT, NOTIFICATION_CLICK_SW_TYPE, PUSH_BROADCAST_CHANNEL, PUSH_DATA_CACHE_NAME, PENDING_STORAGE_KEY, PENDING_OPEN_CACHE_PATH, resolveConversationIdFromPushData, normalizePushMeta, parsePendingRaw, peekPendingOpenConversation, peekPendingOpenRequest, consumePendingOpenConversation, consumePendingOpenRequest, requestOpenConversation, buildChannelFromPushRequest, mapConversationToChannel, stripConversationIdFromUrl, cacheRequestForPath, consumePendingOpenFromPushCache, readConversationIdFromLocation, consumedUrlConversationIds, lastHandledOpenId, lastHandledOpenAt, shouldHandleOpen, handleNotificationOpen, installNotificationClickBridge;
+var init_open_conversation = __esm({
+  "src/notifications/open-conversation.ts"() {
+    init_store_helpers();
+    OPEN_CONVERSATION_EVENT = "realtimex:open-conversation";
+    NOTIFICATION_CLICK_SW_TYPE = "realtimex:notification-click";
+    PUSH_BROADCAST_CHANNEL = "realtimex-push";
+    PUSH_DATA_CACHE_NAME = "realtimex-push-data-v1";
+    PENDING_STORAGE_KEY = "realtimex:pending-open-conversation";
+    PENDING_OPEN_CACHE_PATH = "pending-open";
+    resolveConversationIdFromPushData = (data) => {
+      if (!data || typeof data !== "object") return "";
+      let fcmMsg = data.FCM_MSG;
+      if (typeof fcmMsg === "string") {
+        try {
+          fcmMsg = JSON.parse(fcmMsg);
+        } catch {
+          fcmMsg = void 0;
+        }
+      }
+      const nested = fcmMsg && typeof fcmMsg === "object" ? fcmMsg.data : void 0;
+      const source = { ...nested || {}, ...data };
+      return String(
+        source.conversationId || source.conversation_id || source.conversationID || ""
+      ).trim();
+    };
+    normalizePushMeta = (meta) => {
+      if (!meta || typeof meta !== "object") return {};
+      return {
+        senderId: String(
+          meta.senderId || meta.sender_id || ""
+        ).trim() || void 0,
+        kind: String(meta.kind || "").trim() || void 0,
+        messageId: String(
+          meta.messageId || meta.message_id || ""
+        ).trim() || void 0,
+        title: String(meta.title || "").trim() || void 0
+      };
+    };
+    parsePendingRaw = (raw) => {
+      if (!raw) return null;
+      try {
+        const parsed = JSON.parse(raw);
+        if (parsed?.conversationId) {
+          return {
+            conversationId: String(parsed.conversationId).trim(),
+            ...normalizePushMeta(parsed)
+          };
+        }
+      } catch {
+      }
+      const id = String(raw).trim();
+      return id ? { conversationId: id } : null;
+    };
+    peekPendingOpenConversation = () => peekPendingOpenRequest()?.conversationId ?? null;
+    peekPendingOpenRequest = () => {
+      try {
+        return parsePendingRaw(sessionStorage.getItem(PENDING_STORAGE_KEY));
+      } catch {
+        return null;
+      }
+    };
+    consumePendingOpenConversation = () => consumePendingOpenRequest()?.conversationId ?? null;
+    consumePendingOpenRequest = () => {
+      const request = peekPendingOpenRequest();
+      try {
+        sessionStorage.removeItem(PENDING_STORAGE_KEY);
+      } catch {
+      }
+      return request;
+    };
+    requestOpenConversation = (conversationId, meta) => {
+      const id = String(conversationId || "").trim();
+      if (!id) return;
+      const request = {
+        conversationId: id,
+        ...normalizePushMeta(meta)
+      };
+      console.log("[realtimex-push] requestOpenConversation:", request);
+      try {
+        sessionStorage.setItem(PENDING_STORAGE_KEY, JSON.stringify(request));
+      } catch {
+      }
+      try {
+        window.dispatchEvent(
+          new CustomEvent(OPEN_CONVERSATION_EVENT, { detail: request })
+        );
+      } catch {
+      }
+    };
+    buildChannelFromPushRequest = (request, loggedUserId, allUsers) => {
+      const conversationId = request.conversationId;
+      const isGroup = request.kind === "group";
+      const senderId = String(request.senderId || "").trim();
+      if (isGroup) {
+        const rawName2 = request.title || "Group Chat";
+        return {
+          id: conversationId,
+          conversationId,
+          name: rawName2.charAt(0).toUpperCase() + rawName2.slice(1),
+          isGroup: true
+        };
+      }
+      const senderUser = senderId ? (allUsers || []).find((user) => String(user._id) === senderId) : null;
+      const rawName = senderUser?.name || request.title || "New message";
+      return {
+        id: senderId || conversationId,
+        conversationId,
+        name: rawName.charAt(0).toUpperCase() + rawName.slice(1),
+        image: senderUser?.image || void 0,
+        email: senderUser?.email,
+        isGroup: false
+      };
+    };
+    mapConversationToChannel = (conversation, loggedUserId, allUsers) => {
+      const conversationId = String(conversation?._id || conversation?.id || "");
+      const isGroup = isGroupConversation(conversation);
+      if (isGroup) {
+        const rawName2 = conversation.groupName || conversation.name || "Group Chat";
+        return {
+          id: conversationId,
+          conversationId,
+          name: rawName2.charAt(0).toUpperCase() + rawName2.slice(1),
+          image: resolveGroupImage(conversation),
+          isGroup: true,
+          isLeft: !!conversation.isLeft,
+          isBlocked: !!conversation.isBlocked,
+          pinnedCount: conversation.pinnedCount,
+          starredCount: conversation.starredCount
+        };
+      }
+      const { id: otherId, user } = resolveOtherParticipant(
+        conversation,
+        loggedUserId,
+        allUsers
+      );
+      const rawName = user?.name || "Unknown User";
+      return {
+        id: otherId || conversationId,
+        conversationId,
+        name: rawName.charAt(0).toUpperCase() + rawName.slice(1),
+        image: user?.image || void 0,
+        email: user?.email,
+        isGroup: false,
+        isLeft: !!conversation.isLeft,
+        isBlocked: !!conversation.isBlocked,
+        pinnedCount: conversation.pinnedCount,
+        starredCount: conversation.starredCount
+      };
+    };
+    stripConversationIdFromUrl = () => {
+      if (typeof window === "undefined") return;
+      try {
+        const url = new URL(window.location.href);
+        if (!url.searchParams.has("conversationId")) return;
+        url.searchParams.delete("conversationId");
+        const next = `${url.pathname}${url.search}${url.hash}`;
+        window.history.replaceState(window.history.state, "", next);
+      } catch {
+      }
+    };
+    cacheRequestForPath = (path) => new Request(new URL(path, window.location.origin).toString());
+    consumePendingOpenFromPushCache = async () => {
+      if (typeof caches === "undefined") return null;
+      try {
+        const cache = await caches.open(PUSH_DATA_CACHE_NAME);
+        const req = cacheRequestForPath(PENDING_OPEN_CACHE_PATH);
+        const res = await cache.match(req);
+        if (!res) return null;
+        await cache.delete(req);
+        const data = await res.json();
+        const conversationId = resolveConversationIdFromPushData(data);
+        if (!conversationId) return null;
+        return {
+          conversationId,
+          ...normalizePushMeta(data)
+        };
+      } catch {
+        return null;
+      }
+    };
+    readConversationIdFromLocation = () => {
+      try {
+        return new URLSearchParams(window.location.search).get("conversationId") || "";
+      } catch {
+        return "";
+      }
+    };
+    consumedUrlConversationIds = /* @__PURE__ */ new Set();
+    lastHandledOpenId = "";
+    lastHandledOpenAt = 0;
+    shouldHandleOpen = (conversationId) => {
+      const id = String(conversationId || "").trim();
+      if (!id) return false;
+      const now = Date.now();
+      if (lastHandledOpenId === id && now - lastHandledOpenAt < 2500) {
+        return false;
+      }
+      lastHandledOpenId = id;
+      lastHandledOpenAt = now;
+      return true;
+    };
+    handleNotificationOpen = (conversationId, pushData, options) => {
+      const id = String(conversationId || "").trim();
+      if (!id) {
+        console.warn("[realtimex-push] notification open ignored \u2014 no conversationId", pushData);
+        return;
+      }
+      if (!shouldHandleOpen(id)) {
+        stripConversationIdFromUrl();
+        return;
+      }
+      requestOpenConversation(id, pushData);
+      const chatPath = options.chatPath || "/chat";
+      stripConversationIdFromUrl();
+      options.onNavigate?.(id, chatPath);
+    };
+    installNotificationClickBridge = (options = {}) => {
+      if (typeof window === "undefined") return () => void 0;
+      const onSwMessage = (event) => {
+        const data = event.data;
+        console.log("[realtimex-push] SW \u2192 page message:", data);
+        if (!data || data.type !== NOTIFICATION_CLICK_SW_TYPE) return;
+        const pushData = data.data && typeof data.data === "object" ? data.data : void 0;
+        const conversationId = String(data.conversationId || "") || resolveConversationIdFromPushData(pushData);
+        console.log("[realtimex-push] notification click \u2192 open:", {
+          conversationId,
+          pushData
+        });
+        handleNotificationOpen(conversationId, pushData, options);
+      };
+      navigator.serviceWorker?.addEventListener("message", onSwMessage);
+      let broadcast = null;
+      try {
+        broadcast = new BroadcastChannel(PUSH_BROADCAST_CHANNEL);
+        broadcast.onmessage = onSwMessage;
+      } catch {
+      }
+      const fromUrl = readConversationIdFromLocation();
+      if (fromUrl && !consumedUrlConversationIds.has(fromUrl)) {
+        consumedUrlConversationIds.add(fromUrl);
+        handleNotificationOpen(fromUrl, void 0, options);
+      } else {
+        stripConversationIdFromUrl();
+      }
+      void consumePendingOpenFromPushCache().then((request) => {
+        if (!request?.conversationId) return;
+        handleNotificationOpen(
+          request.conversationId,
+          request,
+          options
+        );
+      });
+      return () => {
+        navigator.serviceWorker?.removeEventListener("message", onSwMessage);
+        broadcast?.close();
+      };
+    };
+  }
+});
+
+// src/services/api/query-params.ts
+function resolveChatApiKey(url) {
+  if (!url) return null;
+  const path = url.split("?")[0] || "";
+  if (path.includes("/user/login/client-user")) return "login";
+  if (path.includes("/user/list")) return "users";
+  if (path.includes("/conversation/list")) return "conversations";
+  if (path.includes("/conversation/get/information/")) return "conversationInfo";
+  if (path.includes("/message/get-all-from-conversation")) return "messages";
+  if (path.includes("message/pinned-messages") || path.includes("/message/pinned-messages")) {
+    return "pinnedMessages";
+  }
+  if (path.includes("message/starred-messages") || path.includes("/message/starred-messages")) {
+    return "starredMessages";
+  }
+  if (path.includes("/message/search-messages")) return "searchMessages";
+  if (path.includes("/message/searched-message/context")) return "searchMessagesContext";
+  if (path.includes("/settings/effective")) return "effectiveSettings";
+  if (path.includes("/conversation/group/create")) return "createGroup";
+  if (path.includes("/conversation/group/permission/update")) return "updateGroupPermissions";
+  if (path.includes("/conversation/group/information/update")) return "updateGroupInfo";
+  if (path.includes("/conversation/group/participants/add-remove")) return "manageMembers";
+  if (path.includes("/conversation/group/admins/add-remove")) return "manageAdmins";
+  if (path.includes("/user/block-unblock")) return "blockUnblock";
+  if (path.includes("/aws/upload/get-presigned-urls")) return "presignedUrls";
+  return null;
+}
+function isChatGetApiKey(key) {
+  return !!key && CHAT_GET_API_KEYS.includes(key);
+}
+function normalizeQueryParams(params) {
+  if (!params || typeof params !== "object") return {};
+  const next = {};
+  for (const [key, value] of Object.entries(params)) {
+    if (value === void 0 || value === null) continue;
+    const trimmedKey = String(key).trim();
+    if (!trimmedKey) continue;
+    next[trimmedKey] = String(value);
+  }
+  return next;
+}
+function normalizeQueryParamsByApi(byApi) {
+  if (!byApi || typeof byApi !== "object") return {};
+  const next = {};
+  for (const [apiKey, params] of Object.entries(byApi)) {
+    if (apiKey === "all" || apiKey === "get") continue;
+    next[apiKey] = normalizeQueryParams(params);
+  }
+  return next;
+}
+var CHAT_GET_API_KEYS, CHAT_API_KEYS;
+var init_query_params = __esm({
+  "src/services/api/query-params.ts"() {
+    CHAT_GET_API_KEYS = [
+      "users",
+      "conversations",
+      "conversationInfo",
+      "messages",
+      "pinnedMessages",
+      "starredMessages",
+      "searchMessages",
+      "searchMessagesContext",
+      "effectiveSettings"
+    ];
+    CHAT_API_KEYS = [
+      "all",
+      /** All GET endpoints listed in CHAT_GET_API_KEYS */
+      "get",
+      "login",
+      ...CHAT_GET_API_KEYS,
+      "createGroup",
+      "updateGroupPermissions",
+      "updateGroupInfo",
+      "manageMembers",
+      "manageAdmins",
+      "blockUnblock",
+      "presignedUrls"
+    ];
+  }
+});
+
+// src/services/api/api-version.ts
+var DEFAULT_VERSIONS, apiVersions, normalizeApiVersion, resolveApiRoot, buildVersionedApiUrl, setChatApiVersions, getChatApiVersions, setChatPushApiVersion, syncDefaultApiVersionFromBaseUrl;
+var init_api_version = __esm({
+  "src/services/api/api-version.ts"() {
+    init_client();
+    DEFAULT_VERSIONS = {
+      v1: "v1",
+      v2: "v2"
+    };
+    apiVersions = { ...DEFAULT_VERSIONS };
+    normalizeApiVersion = (version) => {
+      const raw = String(version || "v1").trim().replace(/^\/+|\/+$/g, "");
+      if (!raw) return "v1";
+      return /^v\d+$/i.test(raw) ? raw.toLowerCase() : `v${raw}`;
+    };
+    resolveApiRoot = (baseUrl) => {
+      const raw = String(
+        baseUrl || getChatBaseUrl() || apiClient.defaults.baseURL || ""
+      ).trim().replace(/\/$/, "");
+      if (!raw) return "";
+      const withoutVersion = raw.replace(/\/v\d+$/i, "");
+      return withoutVersion || raw;
+    };
+    buildVersionedApiUrl = (path, options) => {
+      const root = resolveApiRoot(options?.baseUrl);
+      const version = normalizeApiVersion(
+        options?.version ?? (options?.service ? apiVersions[options.service] : apiVersions.v1)
+      );
+      const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+      if (!root) {
+        return `/${version}${normalizedPath}`;
+      }
+      return `${root}/${version}${normalizedPath}`;
+    };
+    setChatApiVersions = (config) => {
+      if (!config) return;
+      if (config.v1) {
+        apiVersions.v1 = normalizeApiVersion(config.v1);
+      }
+      if (config.v2) {
+        apiVersions.v2 = normalizeApiVersion(config.v2);
+      }
+    };
+    getChatApiVersions = () => ({
+      ...apiVersions
+    });
+    setChatPushApiVersion = (version) => {
+      apiVersions.v2 = normalizeApiVersion(version);
+    };
+    syncDefaultApiVersionFromBaseUrl = (baseUrl) => {
+      const match = String(baseUrl || "").trim().match(/\/(v\d+)\/?$/i);
+      if (match?.[1]) {
+        apiVersions.v1 = normalizeApiVersion(match[1]);
+      }
+    };
+  }
+});
+function resolveParamsForRequest(url, method) {
+  const apiKey = resolveChatApiKey(url);
+  const httpMethod = (method || "get").toLowerCase();
+  const isGet = httpMethod === "get";
+  const perApi = apiKey ? chatQueryParamsByApi[apiKey] : void 0;
+  const applyShared = Object.keys(chatQueryParams).length > 0 && (chatQueryParamApis.includes("all") || chatQueryParamApis.includes("get") && isGet && isChatGetApiKey(apiKey) || apiKey != null && chatQueryParamApis.includes(apiKey));
+  if (!applyShared && !perApi) return {};
+  return {
+    ...applyShared ? chatQueryParams : {},
+    ...perApi || {}
+  };
+}
+var chatClientId, chatAccessToken, chatBaseUrl, chatSocketUrl, chatQueryParams, chatQueryParamApis, chatQueryParamsByApi, setChatClientId, getChatClientId, setChatAccessToken, setChatBaseURL, getChatBaseUrl, setChatSocketUrl, getChatSocketUrl, setChatQueryParams, getChatQueryParams, setChatQueryParamApis, getChatQueryParamApis, setChatQueryParamsByApi, getChatQueryParamsByApi, rateLimitResetAt, isRateLimited, apiClient;
+var init_client = __esm({
+  "src/services/api/client.ts"() {
+    init_query_params();
+    init_api_version();
+    init_query_params();
+    init_api_version();
+    chatClientId = "";
+    chatAccessToken = "";
+    chatBaseUrl = "";
+    chatSocketUrl = "";
+    chatQueryParams = {};
+    chatQueryParamApis = ["get"];
+    chatQueryParamsByApi = {};
+    setChatClientId = (id) => {
+      chatClientId = id.trim();
+    };
+    getChatClientId = () => chatClientId;
+    setChatAccessToken = (token) => {
+      chatAccessToken = token.trim();
+    };
+    setChatBaseURL = (url) => {
+      chatBaseUrl = url.trim();
+      apiClient.defaults.baseURL = chatBaseUrl;
+      syncDefaultApiVersionFromBaseUrl(chatBaseUrl);
+    };
+    getChatBaseUrl = () => chatBaseUrl;
+    setChatSocketUrl = (url) => {
+      chatSocketUrl = url.trim();
+    };
+    getChatSocketUrl = () => chatSocketUrl;
+    setChatQueryParams = (params) => {
+      chatQueryParams = normalizeQueryParams(params);
+    };
+    getChatQueryParams = () => ({ ...chatQueryParams });
+    setChatQueryParamApis = (apis) => {
+      if (!apis?.length) {
+        chatQueryParamApis = ["get"];
+        return;
+      }
+      chatQueryParamApis = [...apis];
+    };
+    getChatQueryParamApis = () => [...chatQueryParamApis];
+    setChatQueryParamsByApi = (byApi) => {
+      chatQueryParamsByApi = normalizeQueryParamsByApi(byApi);
+    };
+    getChatQueryParamsByApi = () => ({ ...chatQueryParamsByApi });
+    rateLimitResetAt = 0;
+    isRateLimited = () => Date.now() < rateLimitResetAt;
+    apiClient = axios.create({
+      baseURL: chatBaseUrl || "http://localhost:5000/api/v1",
+      withCredentials: true
+    });
+    apiClient.interceptors.request.use(
+      (config) => {
+        if (isRateLimited()) {
+          return Promise.reject(new Error("Rate limit active \u2014 please wait before retrying."));
+        }
+        config.headers = config.headers ?? {};
+        config.headers.set("ngrok-skip-browser-warning", "true");
+        config.headers.set("platform", "web");
+        config.headers.set("is-tenant", "true");
+        config.headers.set("x-client-id", chatClientId);
+        const requestUrl = String(config.url || "");
+        const scopedParams = resolveParamsForRequest(requestUrl, config.method);
+        if (Object.keys(scopedParams).length > 0) {
+          config.params = { ...scopedParams, ...config.params };
+        }
+        try {
+          const { useStore: useStore2 } = (init_useStore(), __toCommonJS(useStore_exports));
+          const accessToken = useStore2.getState().accessToken || chatAccessToken;
+          if (accessToken) {
+            config.headers.set("Authorization", `Bearer ${accessToken}`);
+          }
+        } catch {
+        }
+        return config;
+      },
+      (error) => {
+        return Promise.reject(error);
+      }
+    );
+    apiClient.interceptors.response.use(
+      (response) => response,
+      (error) => {
+        if (error.response?.status === 429) {
+          const resetHeader = error.response.headers?.["ratelimit-reset"];
+          const resetSeconds = resetHeader ? parseInt(String(resetHeader), 10) : 120;
+          rateLimitResetAt = Date.now() + (Number.isFinite(resetSeconds) ? resetSeconds : 120) * 1e3;
+          try {
+            const { useSocketStore: useSocketStore2 } = (init_useSocketStore(), __toCommonJS(useSocketStore_exports));
+            const store = useSocketStore2.getState();
+            store.setRateLimitResetAt(rateLimitResetAt);
+          } catch {
+          }
+        }
+        return Promise.reject(error);
+      }
+    );
+  }
+});
+
+// src/call/call.api.ts
+var callsApiUrl, apiCreateCallRoom, apiFetchJoinToken, apiFetchCallHistory, apiFetchCallDetail;
+var init_call_api = __esm({
+  "src/call/call.api.ts"() {
+    init_client();
+    init_api_version();
+    callsApiUrl = (path) => buildVersionedApiUrl(path, { service: "v2" });
+    apiCreateCallRoom = async (conversationId, mode) => {
+      const { data } = await apiClient.post(callsApiUrl("/calls/rooms"), {
+        conversationId,
+        mode
+      });
+      return data?.data ?? data;
+    };
+    apiFetchJoinToken = async (meetingId) => {
+      const { data } = await apiClient.get(callsApiUrl("/calls/videosdk-token"), {
+        params: { meetingId }
+      });
+      return data?.data ?? data;
+    };
+    apiFetchCallHistory = async (conversationId, page = 1, limit = 20) => {
+      const { data } = await apiClient.get(callsApiUrl("/calls"), {
+        params: { conversationId, page, limit }
+      });
+      return data?.data ?? data;
+    };
+    apiFetchCallDetail = async (callId) => {
+      const { data } = await apiClient.get(callsApiUrl(`/calls/${callId}`));
+      return data?.data ?? data;
+    };
+  }
+});
+
+// src/call/call.types.ts
+var CALL_MODES, CALL_STATUS, CALL_RING_TIMEOUT_MS, CLIENT_RING_FALLBACK_MS;
+var init_call_types = __esm({
+  "src/call/call.types.ts"() {
+    CALL_MODES = {
+      AUDIO: "audio",
+      VIDEO: "video"
+    };
+    CALL_STATUS = {
+      RINGING: "ringing",
       ONGOING: "ongoing",
       ENDED: "ended",
       MISSED: "missed",
@@ -676,22 +1448,17 @@ var init_call_types = __esm({
     };
     CALL_RING_TIMEOUT_MS = 4e4;
     CLIENT_RING_FALLBACK_MS = CALL_RING_TIMEOUT_MS + 5e3;
-    CALL_LOG_EVENT = "realtimex:call-log";
   }
 });
-var emitCallLog, ringTimer, clearRingTimer, scheduleRingTimer, idleState, useCallStore;
+var ringTimer, clearRingTimer, scheduleRingTimer, resolveGroupPeer, idleState, useCallStore;
 var init_call_store = __esm({
   "src/call/call.store.ts"() {
     init_useStore();
     init_socket_service2();
+    init_open_conversation();
+    init_store_helpers();
     init_call_api();
     init_call_types();
-    emitCallLog = (entry) => {
-      try {
-        window.dispatchEvent(new CustomEvent(CALL_LOG_EVENT, { detail: entry }));
-      } catch {
-      }
-    };
     ringTimer = null;
     clearRingTimer = () => {
       if (ringTimer) clearTimeout(ringTimer);
@@ -706,6 +1473,18 @@ var init_call_store = __esm({
         }
       }, CLIENT_RING_FALLBACK_MS);
     };
+    resolveGroupPeer = (conversationId) => {
+      const conversation = findConversationById(
+        useStore.getState().conversations,
+        conversationId
+      );
+      if (!conversation || !isGroupConversation(conversation)) return null;
+      const rawName = conversation.groupName || conversation.name || "Group Chat";
+      return {
+        name: rawName.charAt(0).toUpperCase() + rawName.slice(1),
+        avatar: resolveGroupImage(conversation) ?? null
+      };
+    };
     idleState = {
       uiStatus: "idle",
       callId: null,
@@ -716,14 +1495,22 @@ var init_call_store = __esm({
       caller: null,
       participants: [],
       error: null,
-      callee: null,
+      peer: null,
+      isGroupCall: false,
       callStartedAt: null
     };
     useCallStore = create((set, get) => ({
       ...idleState,
-      startCall: async (conversationId, mode, callee) => {
+      startCall: async (conversationId, mode, peer, isGroupCall = false) => {
         if (get().uiStatus !== "idle") return;
-        set({ ...idleState, uiStatus: "creating", conversationId, mode, callee: callee ?? null });
+        set({
+          ...idleState,
+          uiStatus: "creating",
+          conversationId,
+          mode,
+          peer: peer ?? null,
+          isGroupCall
+        });
         try {
           const room = await apiCreateCallRoom(conversationId, mode);
           set({
@@ -737,6 +1524,7 @@ var init_call_store = __esm({
           });
           scheduleRingTimer(room.callId, get, set);
           socket_service_default.emitCallInvite({ callId: room.callId });
+          requestOpenConversation(room.conversationId);
         } catch (err) {
           clearRingTimer();
           set({
@@ -754,7 +1542,7 @@ var init_call_store = __esm({
         set({ ...idleState });
       },
       acceptCall: async () => {
-        const { callId, meetingId } = get();
+        const { callId, meetingId, conversationId } = get();
         if (!callId || !meetingId) return;
         clearRingTimer();
         set({ uiStatus: "joining" });
@@ -762,6 +1550,7 @@ var init_call_store = __esm({
           const join = await apiFetchJoinToken(meetingId);
           socket_service_default.emitCallAccept({ callId });
           set({ uiStatus: "in-call", token: join.token, callStartedAt: Date.now() });
+          if (conversationId) requestOpenConversation(conversationId);
         } catch (err) {
           set({
             ...idleState,
@@ -803,6 +1592,7 @@ var init_call_store = __esm({
           );
           return;
         }
+        const groupPeer = resolveGroupPeer(payload.conversationId);
         set({
           uiStatus: "incoming",
           callId: payload.callId,
@@ -810,7 +1600,9 @@ var init_call_store = __esm({
           meetingId: payload.meetingId,
           mode: payload.mode,
           caller: payload.caller,
-          participants: payload.participants
+          participants: payload.participants,
+          peer: groupPeer,
+          isGroupCall: !!groupPeer
         });
         scheduleRingTimer(payload.callId, get, set);
       },
@@ -843,53 +1635,76 @@ var init_call_store = __esm({
         }));
       },
       _receiveCancelled: (payload) => {
-        if (get().callId !== payload.callId) return;
-        clearRingTimer();
-        const myUserId = useStore.getState().loggedUserDetails?._id;
-        if (payload.endedBy !== myUserId) {
-          emitCallLog({
-            conversationId: payload.conversationId,
-            mode: payload.mode,
-            outcome: "missed",
-            durationSeconds: 0
-          });
+        const state = get();
+        if (state.callId !== payload.callId) return;
+        if (state.uiStatus === "in-call") {
+          console.warn(
+            `[realtimex-call] call_cancelled for ${payload.callId} ignored \u2014 this call is already in-call locally; treating as a stale event.`
+          );
+          return;
         }
+        clearRingTimer();
         set({ ...idleState });
       },
+      // Missed/ended/declined/etc. call log messages are now persisted by the
+      // backend as real chat messages (CALLS_API.md §3.5) — they arrive
+      // through the normal dm_receive/group_message_receive pipeline with
+      // isSystemMessage: true, so they render automatically with zero extra
+      // code here. Nothing to do on this event beyond resetting local state.
       _receiveEnded: (payload) => {
         if (get().callId !== payload.callId) return;
         clearRingTimer();
-        emitCallLog({
-          conversationId: payload.conversationId,
-          mode: payload.mode,
-          outcome: payload.durationSeconds > 0 ? "completed" : "declined",
-          durationSeconds: payload.durationSeconds
-        });
         set({ ...idleState });
       },
+      // Group calls only (CALLS_API.md §3.1): call_end from a member is a
+      // *leave*, not a hangup for everyone — the call keeps going for whoever
+      // remains. Only reset local state if it's actually me who left (e.g.
+      // confirming my own endCall()); otherwise just update who's still on
+      // the call so the participant grid drops that tile.
+      _receiveParticipantLeft: (payload) => {
+        const state = get();
+        if (state.callId !== payload.callId) return;
+        const myUserId = useStore.getState().loggedUserDetails?._id;
+        if (payload.userId === myUserId) {
+          clearRingTimer();
+          set({ ...idleState });
+          return;
+        }
+        set({ participants: payload.activeParticipants });
+      },
       _receiveBusy: (payload) => {
-        if (get().callId !== payload.callId) return;
+        const state = get();
+        if (state.callId !== payload.callId) return;
+        if (state.uiStatus === "in-call") {
+          console.warn(
+            `[realtimex-call] call_busy for ${payload.callId} ignored \u2014 this call is already in-call locally; treating as a stale event.`
+          );
+          return;
+        }
         clearRingTimer();
-        emitCallLog({
-          conversationId: payload.conversationId,
-          mode: payload.mode,
-          outcome: "busy",
-          durationSeconds: 0
-        });
         set({ ...idleState, error: "That user is already on another call." });
       },
       // Guarded by callId like every other _receive* handler — a late/stale
       // call_missed for a call that has already ended (accepted, rejected,
       // or replaced by a new one) must not clobber whatever is happening now.
+      //
+      // Live testing once caught the backend's 40s ring-timeout firing
+      // call_missed for a callId that was already call_accepted (timer not
+      // cancelled on accept). Backend has since added an atomic
+      // only-from-ringing guard (CALLS_API.md §3.3) so this should no longer
+      // happen — the uiStatus check below is kept as defense-in-depth rather
+      // than removed, since it costs nothing and a regression here would
+      // otherwise kill a live call outright.
       _receiveMissed: (payload) => {
-        if (get().callId !== payload.callId) return;
+        const state = get();
+        if (state.callId !== payload.callId) return;
+        if (state.uiStatus === "in-call") {
+          console.warn(
+            `[realtimex-call] call_missed for ${payload.callId} ignored \u2014 this call is already in-call locally; treating as a stale event.`
+          );
+          return;
+        }
         clearRingTimer();
-        emitCallLog({
-          conversationId: payload.conversationId,
-          mode: payload.mode,
-          outcome: "missed",
-          durationSeconds: 0
-        });
         set({ ...idleState });
       }
     }));
@@ -924,6 +1739,10 @@ var init_call_listeners = __esm({
         console.log("[realtimex-call] call_ended received:", payload);
         useCallStore.getState()._receiveEnded(payload);
       });
+      socket.on(SOCKET_EVENTS.CALL_PARTICIPANT_LEFT, (payload) => {
+        console.log("[realtimex-call] call_participant_left received:", payload);
+        useCallStore.getState()._receiveParticipantLeft(payload);
+      });
       socket.on(SOCKET_EVENTS.CALL_BUSY, (payload) => {
         console.log("[realtimex-call] call_busy received:", payload);
         useCallStore.getState()._receiveBusy(payload);
@@ -1009,644 +1828,136 @@ var init_socket_service = __esm({
         this.emit(SOCKET_EVENTS.DM_SEND, payload);
       }
       emitDmEdit(payload) {
-        this.emit(SOCKET_EVENTS.DM_EDIT, payload);
-      }
-      emitDmDelete(payload) {
-        this.emit(SOCKET_EVENTS.DM_DELETE, payload);
-      }
-      emitDmClearChat(payload) {
-        this.emit(SOCKET_EVENTS.DM_CLEAR_CHAT, payload);
-      }
-      emitGroupClearChat(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_CLEAR_CHAT, payload);
-      }
-      emitDmDeleteConversation(payload) {
-        this.emit(SOCKET_EVENTS.DM_DELETE_CONVERSATION, payload);
-      }
-      emitGroupDeleteConversation(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_DELETE_CONVERSATION, payload);
-      }
-      emitDmReactionAdd(payload) {
-        this.emit(SOCKET_EVENTS.DM_REACTION_ADD, payload);
-      }
-      emitDmReactionRemove(payload) {
-        this.emit(SOCKET_EVENTS.DM_REACTION_REMOVE, payload);
-      }
-      emitTypingStart(payload) {
-        this.emit(SOCKET_EVENTS.DM_TYPING_START, payload);
-      }
-      emitTypingStop(payload) {
-        this.emit(SOCKET_EVENTS.DM_TYPING_STOP, payload);
-      }
-      emitMarkAsRead(payload) {
-        this.emit(SOCKET_EVENTS.DM_MARK_READ, payload);
-      }
-      emitDmPin(payload) {
-        this.emit(SOCKET_EVENTS.DM_PIN, payload);
-      }
-      emitDmUnpin(payload) {
-        this.emit(SOCKET_EVENTS.DM_UNPIN, payload);
-      }
-      emitDmStar(payload) {
-        this.emit(SOCKET_EVENTS.DM_STAR, payload);
-      }
-      emitDmUnstar(payload) {
-        this.emit(SOCKET_EVENTS.DM_UNSTAR, payload);
-      }
-      emitDmForward(payload) {
-        this.emit(SOCKET_EVENTS.DM_FORWARD, payload);
-      }
-      emitGroupJoin(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_JOIN, payload);
-      }
-      emitGroupMessageSend(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_MESSAGE_SEND, payload);
-      }
-      emitGroupTypingStart(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_TYPING_START, payload);
-      }
-      emitGroupTypingStop(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_TYPING_STOP, payload);
-      }
-      emitGroupEdit(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_EDIT, payload);
-      }
-      emitGroupReactionAdd(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_REACTION_ADD, payload);
-      }
-      emitGroupMarkRead(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_MESSAGE_READ, payload);
-      }
-      emitGroupReactionRemove(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_REACTION_REMOVE, payload);
-      }
-      emitGroupDelete(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_DELETE, payload);
+        this.emit(SOCKET_EVENTS.DM_EDIT, payload);
       }
-      emitGroupPin(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_PIN, payload);
+      emitDmDelete(payload) {
+        this.emit(SOCKET_EVENTS.DM_DELETE, payload);
       }
-      emitGroupUnpin(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_UNPIN, payload);
+      emitDmClearChat(payload) {
+        this.emit(SOCKET_EVENTS.DM_CLEAR_CHAT, payload);
       }
-      emitGroupStar(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_STAR, payload);
+      emitGroupClearChat(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_CLEAR_CHAT, payload);
       }
-      emitGroupUnstar(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_UNSTAR, payload);
+      emitDmDeleteConversation(payload) {
+        this.emit(SOCKET_EVENTS.DM_DELETE_CONVERSATION, payload);
       }
-      emitGroupForward(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_FORWARD, payload);
+      emitGroupDeleteConversation(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_DELETE_CONVERSATION, payload);
       }
-      emitConversationUpdate(payload) {
-        this.emit(SOCKET_EVENTS.CONVERSATION_UPDATE, payload);
+      emitDmReactionAdd(payload) {
+        this.emit(SOCKET_EVENTS.DM_REACTION_ADD, payload);
       }
-      emitGroupLeave(payload) {
-        this.emit(SOCKET_EVENTS.GROUP_LEAVE, payload);
+      emitDmReactionRemove(payload) {
+        this.emit(SOCKET_EVENTS.DM_REACTION_REMOVE, payload);
       }
-      emitGetOnlineUsers() {
-        this.emit(SOCKET_EVENTS.GET_ONLINE_USERS);
+      emitTypingStart(payload) {
+        this.emit(SOCKET_EVENTS.DM_TYPING_START, payload);
       }
-      emitCallInvite(payload) {
-        this.emit(SOCKET_EVENTS.CALL_INVITE, payload);
+      emitTypingStop(payload) {
+        this.emit(SOCKET_EVENTS.DM_TYPING_STOP, payload);
       }
-      emitCallAccept(payload) {
-        this.emit(SOCKET_EVENTS.CALL_ACCEPT, payload);
+      emitMarkAsRead(payload) {
+        this.emit(SOCKET_EVENTS.DM_MARK_READ, payload);
       }
-      emitCallReject(payload) {
-        this.emit(SOCKET_EVENTS.CALL_REJECT, payload);
+      emitDmPin(payload) {
+        this.emit(SOCKET_EVENTS.DM_PIN, payload);
       }
-      emitCallCancel(payload) {
-        this.emit(SOCKET_EVENTS.CALL_CANCEL, payload);
+      emitDmUnpin(payload) {
+        this.emit(SOCKET_EVENTS.DM_UNPIN, payload);
       }
-      emitCallEnd(payload) {
-        this.emit(SOCKET_EVENTS.CALL_END, payload);
+      emitDmStar(payload) {
+        this.emit(SOCKET_EVENTS.DM_STAR, payload);
       }
-    };
-    socketService = new SocketService();
-    socket_service_default = socketService;
-  }
-});
-
-// src/services/socket/index.ts
-var init_socket = __esm({
-  "src/services/socket/index.ts"() {
-    init_socket_service();
-  }
-});
-
-// src/services/socket.service.ts
-var init_socket_service2 = __esm({
-  "src/services/socket.service.ts"() {
-    init_socket();
-  }
-});
-
-// src/store/helpers/group-display.helpers.ts
-var resolveGroupImage, getChannelAvatarInitial, isGroupCreationPreview;
-var init_group_display_helpers = __esm({
-  "src/store/helpers/group-display.helpers.ts"() {
-    resolveGroupImage = (conversation) => {
-      if (!conversation) return void 0;
-      const raw = conversation.groupImage ?? conversation.image ?? conversation.avatar;
-      if (typeof raw !== "string") return void 0;
-      const trimmed = raw.trim();
-      return trimmed || void 0;
-    };
-    getChannelAvatarInitial = (name) => {
-      const trimmed = (name || "").trim();
-      if (!trimmed) return "?";
-      return trimmed.charAt(0).toUpperCase();
-    };
-    isGroupCreationPreview = (content) => !!content?.includes("New Group") && !!content?.includes("created and you are invited");
-  }
-});
-
-// src/store/helpers/message.helpers.ts
-var getMessageSenderId, extractMessageData, statusRank, preferHigherStatus, mergeLastMessage, messageHasPreviewBody, getLatestMessageFromList, isOwnMessage, getMessageContent, getMessageTimestamp, resolveMessageStatus, mergeChatMessages;
-var init_message_helpers = __esm({
-  "src/store/helpers/message.helpers.ts"() {
-    getMessageSenderId = (message) => String(message?.sender?._id || message?.sender?.id || message?.senderId || message?.fromUserId || message?.sender || "");
-    extractMessageData = (payload) => {
-      const messageId2 = payload.messageId || payload._id || payload.message?._id || payload.message?.id;
-      const content = payload.content || payload.message?.content;
-      const conversationId = payload.conversationId || payload.conversation_id || payload.message?.conversationId || payload.message?.conversation_id;
-      const status = payload.status || payload.message?.status;
-      const isPinned = payload.isPinned ?? payload.message?.isPinned;
-      const isStarred = payload.isStarred ?? payload.message?.isStarred;
-      const attachmentId = payload.attachmentId || payload.unpinAttachmentId || null;
-      const caption = payload.caption ?? payload.message?.caption ?? null;
-      return { messageId: messageId2, content, conversationId, status, isPinned, isStarred, attachmentId, caption };
-    };
-    statusRank = { sent: 0, delivered: 1, read: 2 };
-    preferHigherStatus = (base, incoming) => {
-      const baseRank = statusRank[base?.status] ?? 0;
-      const incomingRank = statusRank[incoming?.status] ?? 0;
-      if (incomingRank > baseRank) {
-        return { ...base, status: incoming.status };
+      emitDmUnstar(payload) {
+        this.emit(SOCKET_EVENTS.DM_UNSTAR, payload);
       }
-      return base;
-    };
-    mergeLastMessage = (existing, incoming) => {
-      if (!incoming) return existing ?? null;
-      if (!existing) return incoming;
-      const content = incoming.content?.trim() ? incoming.content : existing.content;
-      const createdAt = incoming.createdAt ?? incoming.timestamp ?? existing.createdAt ?? existing.timestamp;
-      const incomingSenderId = getMessageSenderId(incoming);
-      const resolvedSender = incomingSenderId ? incoming.sender ?? incoming.senderId ?? incoming.fromUserId : existing.sender ?? existing.senderId ?? existing.fromUserId ?? incoming.sender;
-      return {
-        ...existing,
-        ...incoming,
-        ...content !== void 0 ? { content } : {},
-        ...createdAt !== void 0 ? { createdAt } : {},
-        attachments: incoming.attachments?.length ? incoming.attachments : existing.attachments,
-        status: preferHigherStatus(existing, incoming).status ?? existing.status ?? incoming.status,
-        ...resolvedSender !== void 0 ? { sender: resolvedSender } : {},
-        senderId: incoming.senderId ?? existing.senderId,
-        fromUserId: incoming.fromUserId ?? existing.fromUserId
-      };
-    };
-    messageHasPreviewBody = (message) => Boolean(String(message?.content || "").trim()) || Array.isArray(message?.attachments) && message.attachments.length > 0;
-    getLatestMessageFromList = (messages) => {
-      if (!messages?.length) return null;
-      return messages.reduce((latest, message) => {
-        const latestTime = new Date(latest.createdAt || latest.timestamp || 0).getTime();
-        const messageTime = new Date(message.createdAt || message.timestamp || 0).getTime();
-        return messageTime >= latestTime ? message : latest;
-      });
-    };
-    isOwnMessage = (message, loggedUserId) => {
-      if (message?.isOwnMessage) return true;
-      if (!loggedUserId) return false;
-      return getMessageSenderId(message) === String(loggedUserId);
-    };
-    getMessageContent = (message) => String(message?.content || "").trim();
-    getMessageTimestamp = (message) => {
-      const value = message?.createdAt || message?.timestamp;
-      const time = value ? new Date(value).getTime() : NaN;
-      return Number.isFinite(time) ? time : 0;
-    };
-    resolveMessageStatus = (message, conversation, loggedUserId) => {
-      const existing = message?.status || "sent";
-      if (!loggedUserId || !isOwnMessage(message, loggedUserId)) return existing;
-      const last = conversation?.lastMessage;
-      if (!last) return existing;
-      const msgId = String(message._id || message.id || "");
-      const lastId = String(last._id || last.id || "");
-      if (msgId && lastId && msgId === lastId && last.status) {
-        const lastStatus = last.status;
-        return statusRank[lastStatus] > statusRank[existing] ? lastStatus : existing;
+      emitDmForward(payload) {
+        this.emit(SOCKET_EVENTS.DM_FORWARD, payload);
       }
-      return existing;
-    };
-    mergeChatMessages = (apiMessages, localMessages, loggedUserId) => {
-      const merged = /* @__PURE__ */ new Map();
-      apiMessages.forEach((message) => {
-        const id = String(message?._id || message?.id || "");
-        if (id) merged.set(id, message);
-      });
-      localMessages.forEach((localMessage) => {
-        if (!localMessage) return;
-        const localId = String(localMessage._id || localMessage.id || "");
-        if (localId && merged.has(localId)) {
-          const apiMessage = merged.get(localId);
-          const withStatus = preferHigherStatus(apiMessage, localMessage);
-          merged.set(localId, {
-            ...withStatus,
-            isStarred: typeof localMessage.isStarred === "boolean" ? localMessage.isStarred : withStatus.isStarred,
-            isPinned: typeof localMessage.isPinned === "boolean" ? localMessage.isPinned : withStatus.isPinned
-          });
-          return;
-        }
-        const duplicateInApi = apiMessages.some((apiMessage) => {
-          const apiId = String(apiMessage?._id || apiMessage?.id || "");
-          if (localId && apiId && localId === apiId) return true;
-          if (!isOwnMessage(localMessage, loggedUserId)) return false;
-          if (!isOwnMessage(apiMessage, loggedUserId)) return false;
-          if (getMessageContent(localMessage) !== getMessageContent(apiMessage)) return false;
-          return Math.abs(getMessageTimestamp(localMessage) - getMessageTimestamp(apiMessage)) < 12e4;
-        });
-        if (duplicateInApi) return;
-        const key = localId || `pending-${getMessageTimestamp(localMessage)}-${getMessageContent(localMessage)}`;
-        if (!merged.has(key)) merged.set(key, localMessage);
-      });
-      return Array.from(merged.values());
-    };
-  }
-});
-
-// src/store/helpers/participant.helpers.ts
-var mergeConversationParticipants, buildParticipantsFromMessagePayload, resolveOtherParticipant, getOtherParticipantId;
-var init_participant_helpers = __esm({
-  "src/store/helpers/participant.helpers.ts"() {
-    mergeConversationParticipants = (existingParticipants, incomingParticipants) => {
-      const byId = /* @__PURE__ */ new Map();
-      const addParticipant = (participant) => {
-        const id = String(participant?._id || participant?.id || participant || "");
-        if (!id) return;
-        const incomingEntry = typeof participant === "object" && participant !== null ? participant : { _id: id };
-        const current = byId.get(id);
-        if (!current) {
-          byId.set(id, incomingEntry);
-          return;
-        }
-        const currentHasName = Boolean(current.name);
-        const incomingHasName = Boolean(incomingEntry.name);
-        if (incomingHasName && !currentHasName) {
-          byId.set(id, { ...current, ...incomingEntry });
-        } else if (!incomingHasName && currentHasName) {
-          byId.set(id, { ...incomingEntry, ...current });
-        } else {
-          byId.set(id, { ...current, ...incomingEntry });
-        }
-      };
-      (existingParticipants || []).forEach(addParticipant);
-      (incomingParticipants || []).forEach(addParticipant);
-      return Array.from(byId.values());
-    };
-    buildParticipantsFromMessagePayload = (payload, loggedUserId, existingParticipants) => {
-      const participants = [];
-      const seen = /* @__PURE__ */ new Set();
-      const addParticipant = (participant) => {
-        const id = String(participant?._id || participant?.id || participant || "");
-        if (!id || seen.has(id)) return;
-        seen.add(id);
-        participants.push(
-          typeof participant === "object" && participant !== null ? participant : { _id: id }
-        );
-      };
-      (existingParticipants || []).forEach(addParticipant);
-      addParticipant(payload?.sender);
-      addParticipant(payload?.receiver);
-      if (loggedUserId) addParticipant(loggedUserId);
-      const senderId = String(payload?.sender?._id || payload?.sender?.id || payload?.sender || "");
-      if (loggedUserId && senderId === String(loggedUserId) && participants.length < 2 && payload?.owner && String(payload.owner) !== String(loggedUserId)) {
-        addParticipant(payload.owner);
+      emitGroupJoin(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_JOIN, payload);
       }
-      return participants;
-    };
-    resolveOtherParticipant = (conversation, loggedUserId, allUsers) => {
-      if (!conversation || !loggedUserId) {
-        return { id: "", user: null };
+      emitGroupMessageSend(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_MESSAGE_SEND, payload);
       }
-      const myId = String(loggedUserId);
-      const participantIds = (conversation.participants || []).map(
-        (participant) => String(participant?._id || participant?.id || participant || "")
-      );
-      const otherId = participantIds.find((id) => id && id !== myId) || (conversation.owner && String(conversation.owner) !== myId ? String(conversation.owner) : "");
-      if (!otherId) {
-        return { id: "", user: null };
+      emitGroupTypingStart(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_TYPING_START, payload);
       }
-      const fromParticipants = (conversation.participants || []).find(
-        (participant) => String(participant?._id || participant?.id || participant) === otherId
-      );
-      const participantStub = typeof fromParticipants === "object" && fromParticipants !== null ? fromParticipants : { _id: otherId };
-      const fromAllUsers = (allUsers || []).find((user) => String(user._id) === otherId) || null;
-      return {
-        id: otherId,
-        user: fromAllUsers ? { ...participantStub, ...fromAllUsers } : participantStub
-      };
-    };
-    getOtherParticipantId = (conversation, loggedUserId) => {
-      if (!conversation?.participants?.length && !conversation?.owner) return "";
-      const otherId = resolveOtherParticipant(conversation, loggedUserId).id;
-      return otherId;
-    };
-  }
-});
-
-// src/store/helpers/unread.helpers.ts
-var normalizeUnreadCount, incrementUnreadCount, resolveNextUnreadCount;
-var init_unread_helpers = __esm({
-  "src/store/helpers/unread.helpers.ts"() {
-    normalizeUnreadCount = (unreadCount, loggedUserId) => {
-      if (typeof unreadCount === "number" && Number.isFinite(unreadCount)) return unreadCount;
-      if (typeof unreadCount === "string" && unreadCount.trim() !== "") {
-        const parsed = Number.parseInt(unreadCount, 10);
-        if (Number.isFinite(parsed)) return parsed;
+      emitGroupTypingStop(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_TYPING_STOP, payload);
       }
-      if (typeof unreadCount === "object" && unreadCount !== null && !Array.isArray(unreadCount)) {
-        const map = unreadCount;
-        if (loggedUserId) {
-          const mine = map[String(loggedUserId)];
-          if (mine !== void 0 && mine !== null) {
-            return normalizeUnreadCount(mine, loggedUserId);
-          }
-        }
-        const values = Object.values(map).map((value) => normalizeUnreadCount(value, loggedUserId)).filter((value) => Number.isFinite(value));
-        return values.length ? Math.max(...values) : 0;
+      emitGroupEdit(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_EDIT, payload);
       }
-      return 0;
-    };
-    incrementUnreadCount = (unreadCount, loggedUserId) => normalizeUnreadCount(unreadCount, loggedUserId) + 1;
-    resolveNextUnreadCount = ({
-      currentUnread,
-      serverUnread,
-      isActiveConversation,
-      shouldIncrement,
-      loggedUserId
-    }) => {
-      if (isActiveConversation) return 0;
-      let next = currentUnread;
-      if (shouldIncrement) {
-        next = incrementUnreadCount(next, loggedUserId);
+      emitGroupReactionAdd(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_REACTION_ADD, payload);
       }
-      if (serverUnread !== void 0 && serverUnread !== null) {
-        next = Math.max(next, normalizeUnreadCount(serverUnread, loggedUserId));
+      emitGroupMarkRead(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_MESSAGE_READ, payload);
       }
-      return next;
-    };
-  }
-});
-
-// src/store/helpers/conversation.helpers.ts
-var findConversationIdByMessageId, applyMessageStatusToStore, isGroupConversation, normalizeConversationRecord, resolveConversationLastMessage, syncConversationLastMessage, upsertConversationInList, findConversationById, findConversationIdByLastMessageId, findConversationForChannel, resolveConversationIdForChannel;
-var init_conversation_helpers = __esm({
-  "src/store/helpers/conversation.helpers.ts"() {
-    init_group_display_helpers();
-    init_message_helpers();
-    init_participant_helpers();
-    init_unread_helpers();
-    findConversationIdByMessageId = (messagesByConversation, messageId2) => {
-      return Object.keys(messagesByConversation).find(
-        (cid) => messagesByConversation[cid].some(
-          (m) => String(m._id || m.id) === String(messageId2)
-        )
-      );
-    };
-    applyMessageStatusToStore = (state, messageId2, status, conversationId) => {
-      const normalizedMessageId = String(messageId2);
-      const resolvedConversationId = conversationId ? String(conversationId) : findConversationIdByMessageId(state.messagesByConversation, normalizedMessageId) || findConversationIdByLastMessageId(state.conversations, normalizedMessageId) || null;
-      const nextConversations = state.conversations.map((conversation) => {
-        const lastMessageId = String(
-          conversation?.lastMessage?._id || conversation?.lastMessage?.id || ""
-        );
-        if (lastMessageId !== normalizedMessageId) return conversation;
-        return {
-          ...conversation,
-          lastMessage: mergeLastMessage(conversation.lastMessage, { status })
-        };
-      });
-      const nextMessagesByConversation = { ...state.messagesByConversation };
-      const patchMessages = (messages) => messages.map(
-        (message) => String(message._id || message.id) === normalizedMessageId ? preferHigherStatus(message, { status }) : message
-      );
-      if (resolvedConversationId && nextMessagesByConversation[resolvedConversationId]) {
-        nextMessagesByConversation[resolvedConversationId] = patchMessages(
-          nextMessagesByConversation[resolvedConversationId]
-        );
-      } else {
-        for (const cid of Object.keys(nextMessagesByConversation)) {
-          const patched = patchMessages(nextMessagesByConversation[cid]);
-          if (patched !== nextMessagesByConversation[cid]) {
-            nextMessagesByConversation[cid] = patched;
-          }
-        }
+      emitGroupReactionRemove(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_REACTION_REMOVE, payload);
       }
-      return {
-        conversations: nextConversations,
-        messagesByConversation: nextMessagesByConversation
-      };
-    };
-    isGroupConversation = (conversation) => {
-      if (!conversation) return false;
-      return conversation.conversationType === "group" || !!conversation.isGroup;
-    };
-    normalizeConversationRecord = (conversation, existing) => {
-      if (!conversation) return existing ?? null;
-      const resolvedBlocked = conversation.isBlocked !== void 0 ? Boolean(conversation.isBlocked) : conversation.blocked !== void 0 ? Boolean(conversation.blocked) : conversation.isUserBlocked !== void 0 ? Boolean(conversation.isUserBlocked) : existing?.isBlocked ?? false;
-      const mergedParticipants = conversation.participants !== void 0 ? mergeConversationParticipants(existing?.participants, conversation.participants) : existing?.participants ?? conversation.participants;
-      const isGroup = isGroupConversation(conversation) || isGroupConversation(existing);
-      const resolvedGroupImage = resolveGroupImage(conversation) || resolveGroupImage(existing);
-      const incomingGroupName = typeof conversation.groupName === "string" && conversation.groupName.trim() || typeof conversation.name === "string" && conversation.name.trim() || "";
-      const existingGroupName = typeof existing?.groupName === "string" && existing.groupName.trim() || typeof existing?.name === "string" && existing.name.trim() || "";
-      const resolvedGroupName = incomingGroupName || existingGroupName || void 0;
-      return {
-        ...existing,
-        ...conversation,
-        participants: mergedParticipants,
-        isGroup,
-        isBlocked: resolvedBlocked,
-        lastMessage: mergeLastMessage(existing?.lastMessage, conversation.lastMessage),
-        ...isGroup ? {
-          ...resolvedGroupName ? { groupName: resolvedGroupName, name: resolvedGroupName } : {},
-          ...resolvedGroupImage ? { image: resolvedGroupImage, groupImage: resolvedGroupImage } : {}
-        } : {}
-      };
-    };
-    resolveConversationLastMessage = (conversation, messagesByConversation) => {
-      const conversationId = String(conversation._id || conversation.id || "");
-      const storedLast = conversation.lastMessage;
-      const latestFromMessages = getLatestMessageFromList(messagesByConversation[conversationId] || []);
-      if (!latestFromMessages && !storedLast) return null;
-      if (!latestFromMessages) return storedLast;
-      if (!messageHasPreviewBody(storedLast)) return latestFromMessages;
-      const storedTime = new Date(storedLast.createdAt || storedLast.timestamp || 0).getTime();
-      const latestTime = new Date(latestFromMessages.createdAt || latestFromMessages.timestamp || 0).getTime();
-      return latestTime >= storedTime ? mergeLastMessage(storedLast, latestFromMessages) : mergeLastMessage(latestFromMessages, storedLast);
-    };
-    syncConversationLastMessage = (conversations, conversationId, messages) => {
-      const latest = getLatestMessageFromList(messages);
-      if (!latest) return conversations;
-      return conversations.map((conversation) => {
-        if (String(conversation._id) !== String(conversationId)) return conversation;
-        return {
-          ...conversation,
-          lastMessage: mergeLastMessage(conversation.lastMessage, latest)
-        };
-      });
-    };
-    upsertConversationInList = (conversations, incoming, options) => {
-      const conversationId = String(incoming?._id || incoming?.conversationId || "");
-      if (!conversationId) return conversations;
-      const index = conversations.findIndex((c) => String(c._id) === conversationId);
-      const existing = index >= 0 ? conversations[index] : null;
-      const mergedLastMessage = mergeLastMessage(
-        existing?.lastMessage,
-        options?.lastMessage ?? incoming.lastMessage
-      );
-      const isActiveConversation = !!options?.activeConversationId && String(options.activeConversationId) === conversationId;
-      const loggedUserId = options?.loggedUserId;
-      const incomingLastMessage = options?.lastMessage ?? incoming.lastMessage;
-      const lastMessageChanged = !!incomingLastMessage && String(mergedLastMessage?._id || mergedLastMessage?.id || "") !== String(existing?.lastMessage?._id || existing?.lastMessage?.id || "");
-      const senderId = String(
-        incomingLastMessage?.sender?._id || incomingLastMessage?.sender?.id || incomingLastMessage?.sender || ""
-      );
-      const isIncomingLastMessage = !!loggedUserId && !!senderId && senderId !== String(loggedUserId);
-      const normalized = normalizeConversationRecord(
-        {
-          ...incoming,
-          _id: conversationId,
-          lastMessage: mergedLastMessage,
-          unreadCount: resolveNextUnreadCount({
-            currentUnread: normalizeUnreadCount(existing?.unreadCount, loggedUserId),
-            serverUnread: incoming.unreadCount,
-            isActiveConversation,
-            loggedUserId,
-            shouldIncrement: !isActiveConversation && lastMessageChanged && isIncomingLastMessage && !options?.isFromSelf
-          })
-        },
-        existing
-      );
-      if (index < 0) {
-        return [normalized, ...conversations];
+      emitGroupDelete(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_DELETE, payload);
       }
-      if (lastMessageChanged) {
-        const withoutExisting = conversations.filter((_, itemIndex) => itemIndex !== index);
-        return [normalized, ...withoutExisting];
+      emitGroupPin(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_PIN, payload);
       }
-      const next = [...conversations];
-      next[index] = normalized;
-      return next;
-    };
-    findConversationById = (conversations, conversationId) => {
-      if (!conversationId) return void 0;
-      return conversations.find((c) => String(c._id) === String(conversationId));
-    };
-    findConversationIdByLastMessageId = (conversations, messageId2) => {
-      if (!messageId2) return null;
-      const normalizedMessageId = String(messageId2);
-      const match = conversations.find(
-        (conversation) => String(conversation?.lastMessage?._id || conversation?.lastMessage?.id || "") === normalizedMessageId
-      );
-      return match?._id ? String(match._id) : null;
-    };
-    findConversationForChannel = (channel, loggedUserId, conversations) => {
-      if (!channel || !loggedUserId) return void 0;
-      if (channel.conversationId) {
-        const byId = findConversationById(conversations, channel.conversationId);
-        if (byId) return byId;
+      emitGroupUnpin(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_UNPIN, payload);
+      }
+      emitGroupStar(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_STAR, payload);
+      }
+      emitGroupUnstar(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_UNSTAR, payload);
+      }
+      emitGroupForward(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_FORWARD, payload);
+      }
+      emitConversationUpdate(payload) {
+        this.emit(SOCKET_EVENTS.CONVERSATION_UPDATE, payload);
       }
-      if (channel.isGroup) {
-        return conversations.find(
-          (c) => isGroupConversation(c) && String(c._id) === String(channel.id)
-        );
+      emitGroupLeave(payload) {
+        this.emit(SOCKET_EVENTS.GROUP_LEAVE, payload);
+      }
+      emitGetOnlineUsers() {
+        this.emit(SOCKET_EVENTS.GET_ONLINE_USERS);
+      }
+      emitCallInvite(payload) {
+        this.emit(SOCKET_EVENTS.CALL_INVITE, payload);
+      }
+      emitCallAccept(payload) {
+        this.emit(SOCKET_EVENTS.CALL_ACCEPT, payload);
+      }
+      emitCallReject(payload) {
+        this.emit(SOCKET_EVENTS.CALL_REJECT, payload);
+      }
+      emitCallCancel(payload) {
+        this.emit(SOCKET_EVENTS.CALL_CANCEL, payload);
+      }
+      emitCallEnd(payload) {
+        this.emit(SOCKET_EVENTS.CALL_END, payload);
       }
-      return conversations.find((c) => {
-        if (isGroupConversation(c)) return false;
-        const ids = (c.participants || []).map((p) => String(p._id || p));
-        return ids.includes(String(channel.id)) && ids.includes(String(loggedUserId));
-      });
-    };
-    resolveConversationIdForChannel = (channel, loggedUserId, conversations) => {
-      const found = findConversationForChannel(channel, loggedUserId, conversations);
-      if (found?._id) return String(found._id);
-      if (channel?.conversationId) return String(channel.conversationId);
-      return null;
     };
+    socketService = new SocketService();
+    socket_service_default = socketService;
   }
 });
 
-// src/store/helpers/pagination.helpers.ts
-var emptyMessagesMetadata, extractPagePagination;
-var init_pagination_helpers = __esm({
-  "src/store/helpers/pagination.helpers.ts"() {
-    emptyMessagesMetadata = () => ({
-      nextCursor: null,
-      hasMore: false,
-      isFirstPage: true
-    });
-    extractPagePagination = (response) => response?.data?.pagination ?? response?.pagination ?? null;
-  }
-});
-
-// src/store/helpers/normalize.helpers.ts
-var normalizeId, resolveConversationIdForIncomingMessage, resolveIsGroupFromPayload, resolveDmMarkReadReaderId;
-var init_normalize_helpers = __esm({
-  "src/store/helpers/normalize.helpers.ts"() {
-    init_message_helpers();
-    init_conversation_helpers();
-    normalizeId = (id) => String(id?._id || id?.id || id || "");
-    resolveConversationIdForIncomingMessage = (payload, conversations, loggedUserId) => {
-      const fromPayload = extractMessageData(payload).conversationId;
-      if (fromPayload) return String(fromPayload);
-      if (!loggedUserId) return null;
-      const myId = String(loggedUserId);
-      const senderId = getMessageSenderId(payload);
-      const receiverId = String(payload?.receiver?._id || payload?.receiver?.id || payload?.receiver || "");
-      const otherUserId = senderId === myId ? receiverId : senderId;
-      if (!otherUserId) return null;
-      const match = conversations.find((conversation) => {
-        if (isGroupConversation(conversation)) return false;
-        const participants = (conversation.participants || []).map((p) => String(p._id || p));
-        return participants.includes(otherUserId);
-      });
-      return match?._id ? String(match._id) : null;
-    };
-    resolveIsGroupFromPayload = (payload, conversations) => {
-      const conversationId = payload?.conversationId || payload?.message?.conversationId || payload?.message?.conversation_id;
-      const fromStore = findConversationById(conversations, conversationId);
-      if (fromStore) return isGroupConversation(fromStore);
-      return !!payload?.isGroup || payload?.conversationType === "group" || payload?.message?.conversationType === "group";
-    };
-    resolveDmMarkReadReaderId = (payload, loggedUserId) => {
-      if (payload.readBy != null) return String(payload.readBy);
-      if (payload.userId != null) return String(payload.userId);
-      if (payload.readerId != null) return String(payload.readerId);
-      const sender = payload.sender?._id ?? payload.sender;
-      const receiver = payload.receiver?._id ?? payload.receiver;
-      const myId = loggedUserId != null ? String(loggedUserId) : null;
-      if (sender != null && receiver != null && myId) {
-        if (String(receiver) === myId) return String(sender);
-        if (String(sender) === myId) return String(sender);
-      }
-      if (sender != null) return String(sender);
-      if (payload.senderId != null) return String(payload.senderId);
-      return null;
-    };
+// src/services/socket/index.ts
+var init_socket = __esm({
+  "src/services/socket/index.ts"() {
+    init_socket_service();
   }
 });
 
-// src/store/helpers/store.helpers.ts
-var init_store_helpers = __esm({
-  "src/store/helpers/store.helpers.ts"() {
-    init_conversation_helpers();
-    init_message_helpers();
-    init_participant_helpers();
-    init_unread_helpers();
-    init_group_display_helpers();
-    init_pagination_helpers();
-    init_normalize_helpers();
+// src/services/socket.service.ts
+var init_socket_service2 = __esm({
+  "src/services/socket.service.ts"() {
+    init_socket();
   }
 });
 
@@ -4300,6 +4611,58 @@ var init_utils2 = __esm({
   "src/lib/utils.ts"() {
   }
 });
+function Avatar({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Root,
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var init_avatar = __esm({
+  "src/ui/avatar.tsx"() {
+    init_utils2();
+  }
+});
 function Button({
   className,
   variant = "default",
@@ -4354,58 +4717,6 @@ var init_button = __esm({
     );
   }
 });
-function Avatar({
-  className,
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Avatar$1.Root,
-    {
-      "data-slot": "avatar",
-      "data-size": size,
-      className: cn(
-        "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AvatarImage({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Avatar$1.Image,
-    {
-      "data-slot": "avatar-image",
-      className: cn("aspect-square size-full", className),
-      ...props
-    }
-  );
-}
-function AvatarFallback({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Avatar$1.Fallback,
-    {
-      "data-slot": "avatar-fallback",
-      className: cn(
-        "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var init_avatar = __esm({
-  "src/ui/avatar.tsx"() {
-    init_utils2();
-  }
-});
 
 // src/call/videosdk.loader.ts
 var loadVideoSDK;
@@ -4436,11 +4747,13 @@ var init_ParticipantView = __esm({
       isLocal = false,
       fallbackName,
       fallbackImage,
+      isHandRaised = false,
       className
     }) => {
       const { webcamStream, micStream, webcamOn, micOn, displayName, isActiveSpeaker } = sdk.useParticipant(participantId);
       const videoRef = useRef(null);
       const audioRef = useRef(null);
+      const [hasFrame, setHasFrame] = useState(false);
       useEffect(() => {
         const el = videoRef.current;
         if (!el) return;
@@ -4449,6 +4762,7 @@ var init_ParticipantView = __esm({
           el.play().catch(() => void 0);
         } else {
           el.srcObject = null;
+          setHasFrame(false);
         }
       }, [webcamOn, webcamStream]);
       useEffect(() => {
@@ -4463,6 +4777,7 @@ var init_ParticipantView = __esm({
         }
       }, [micOn, micStream, isLocal]);
       const name = displayName || fallbackName || "Participant";
+      const showVideo = webcamOn && hasFrame;
       return /* @__PURE__ */ jsxs(
         "div",
         {
@@ -4478,14 +4793,24 @@ var init_ParticipantView = __esm({
                 ref: videoRef,
                 muted: isLocal,
                 playsInline: true,
+                onPlaying: () => setHasFrame(true),
                 className: cn(
                   "size-full object-cover",
-                  webcamOn ? "block" : "hidden"
+                  showVideo ? "block" : "hidden",
+                  // Mirror only the local self-view (how every call app
+                  // shows you — moving your right hand appears to move
+                  // right in your own preview, like a mirror). The video
+                  // actually sent to other participants is untouched by
+                  // this CSS, so remote viewers always see it the right
+                  // way round; only flip our own local tile, never a
+                  // remote one.
+                  isLocal && "-scale-x-100"
                 )
               }
             ),
             !isLocal && /* @__PURE__ */ jsx("audio", { ref: audioRef, autoPlay: true, playsInline: true }),
-            !webcamOn && /* @__PURE__ */ jsxs(Avatar, { size: "lg", className: "size-20", children: [
+            isHandRaised && /* @__PURE__ */ jsx("span", { className: "absolute top-2 left-2 flex size-7 items-center justify-center rounded-full bg-amber-400 text-neutral-900 shadow", children: /* @__PURE__ */ jsx(Hand, { size: 14 }) }),
+            !showVideo && /* @__PURE__ */ jsxs(Avatar, { size: "lg", className: "size-20", children: [
               /* @__PURE__ */ jsx(AvatarImage, { src: fallbackImage, alt: name }),
               /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-neutral-700 text-xl font-medium text-white", children: name.charAt(0).toUpperCase() })
             ] }),
@@ -4500,50 +4825,225 @@ var init_ParticipantView = __esm({
     ParticipantView_default = ParticipantView;
   }
 });
-var circleBtn, CallControls, CallControls_default;
+var AudioCallView, AudioCallView_default;
+var init_AudioCallView = __esm({
+  "src/call/AudioCallView.tsx"() {
+    init_avatar();
+    init_utils2();
+    AudioCallView = ({
+      sdk,
+      remoteParticipantId,
+      peerName,
+      peerAvatar,
+      isRemoteHandRaised = false
+    }) => {
+      const remote = remoteParticipantId ? sdk.useParticipant(remoteParticipantId) : null;
+      const name = remote?.displayName || peerName || "In call";
+      const isSpeaking = !!remote?.isActiveSpeaker && remote?.micOn;
+      const isMuted = remote != null && !remote.micOn;
+      return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-6 p-6 text-center", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "absolute inline-flex size-36 rounded-full bg-emerald-400/15 transition-opacity duration-300",
+                isSpeaking ? "animate-ping opacity-100" : "opacity-0"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Avatar,
+            {
+              className: cn(
+                "relative size-28 ring-4 transition-colors duration-300",
+                isSpeaking ? "ring-emerald-400/80" : "ring-white/10"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(AvatarImage, { src: peerAvatar, alt: name }),
+                /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-neutral-700 text-3xl font-medium text-white", children: name.charAt(0).toUpperCase() })
+              ]
+            }
+          ),
+          isMuted && /* @__PURE__ */ jsx("span", { className: "absolute -right-1 -bottom-1 flex size-9 items-center justify-center rounded-full bg-neutral-700 ring-4 ring-neutral-900", children: /* @__PURE__ */ jsx(MicOff, { size: 16, className: "text-white/80" }) }),
+          isRemoteHandRaised && /* @__PURE__ */ jsx("span", { className: "absolute -left-1 -top-1 flex size-9 items-center justify-center rounded-full bg-amber-400 text-neutral-900 ring-4 ring-neutral-900", children: /* @__PURE__ */ jsx(Hand, { size: 16 }) })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-xl font-semibold tracking-tight", children: name })
+      ] });
+    };
+    AudioCallView_default = AudioCallView;
+  }
+});
+var ScreenShareView, ScreenShareView_default;
+var init_ScreenShareView = __esm({
+  "src/call/ScreenShareView.tsx"() {
+    ScreenShareView = ({ sdk, presenterId, isLocal, className }) => {
+      const { screenShareStream, screenShareOn, displayName } = sdk.useParticipant(presenterId);
+      const videoRef = useRef(null);
+      useEffect(() => {
+        const el = videoRef.current;
+        if (!el) return;
+        if (screenShareOn && screenShareStream?.track) {
+          el.srcObject = new MediaStream([screenShareStream.track]);
+          el.play().catch(() => void 0);
+        } else {
+          el.srcObject = null;
+        }
+      }, [screenShareOn, screenShareStream]);
+      return /* @__PURE__ */ jsxs("div", { className, children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-1 pb-2 text-xs font-medium text-white/70", children: [
+          /* @__PURE__ */ jsx(MonitorUp, { size: 14 }),
+          isLocal ? "You are presenting" : `${displayName || "Someone"} is presenting`
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "relative flex flex-1 items-center justify-center overflow-hidden rounded-xl bg-black", children: /* @__PURE__ */ jsx("video", { ref: videoRef, playsInline: true, muted: isLocal, className: "max-h-full max-w-full object-contain" }) })
+      ] });
+    };
+    ScreenShareView_default = ScreenShareView;
+  }
+});
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Popover$1.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Popover$1.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(
+    Popover$1.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+var init_popover = __esm({
+  "src/ui/popover.tsx"() {
+    init_utils2();
+  }
+});
+var circleBtn, idleBtnClass, activeBtnClass, QUICK_REACTIONS, CallControls, CallControls_default;
 var init_CallControls = __esm({
   "src/call/CallControls.tsx"() {
     init_button();
+    init_popover();
     init_utils2();
     init_call_store();
     circleBtn = "size-13 rounded-full text-white transition-all duration-150 disabled:opacity-40 hover:scale-105 active:scale-95";
-    CallControls = ({ sdk, mode }) => {
-      const { toggleMic, toggleWebcam, localMicOn, localWebcamOn, leave } = sdk.useMeeting();
+    idleBtnClass = "bg-white/10 hover:bg-white/20";
+    activeBtnClass = "bg-white text-neutral-900 hover:bg-white/90";
+    QUICK_REACTIONS = ["\u{1F44D}", "\u2764\uFE0F", "\u{1F602}", "\u{1F62E}", "\u{1F44F}", "\u{1F389}"];
+    CallControls = ({
+      sdk,
+      onReaction,
+      isHandRaised,
+      onToggleRaiseHand
+    }) => {
+      const {
+        toggleMic,
+        toggleWebcam,
+        localMicOn,
+        localWebcamOn,
+        localScreenShareOn,
+        toggleScreenShare,
+        leave
+      } = sdk.useMeeting();
       const endCall = useCallStore((s) => s.endCall);
       const handleLeave = () => {
         leave();
         endCall();
       };
       return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-5 py-6", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-full bg-white/10 p-2 backdrop-blur-sm", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-full bg-white/10 p-2 backdrop-blur-sm", children: [
           /* @__PURE__ */ jsx(
             Button,
             {
               variant: "ghost",
               size: "icon",
-              className: cn(
-                circleBtn,
-                localMicOn ? "bg-white/10 hover:bg-white/20" : "bg-white text-neutral-900 hover:bg-white/90"
-              ),
+              className: cn(circleBtn, localMicOn ? idleBtnClass : activeBtnClass),
               "aria-label": localMicOn ? "Mute microphone" : "Unmute microphone",
               onClick: () => toggleMic(),
               children: localMicOn ? /* @__PURE__ */ jsx(Mic, { size: 20 }) : /* @__PURE__ */ jsx(MicOff, { size: 20 })
             }
           ),
-          mode === "video" && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(
             Button,
             {
               variant: "ghost",
               size: "icon",
-              className: cn(
-                circleBtn,
-                localWebcamOn ? "bg-white/10 hover:bg-white/20" : "bg-white text-neutral-900 hover:bg-white/90"
-              ),
+              className: cn(circleBtn, localWebcamOn ? idleBtnClass : activeBtnClass),
               "aria-label": localWebcamOn ? "Turn camera off" : "Turn camera on",
               onClick: () => toggleWebcam(),
               children: localWebcamOn ? /* @__PURE__ */ jsx(Video, { size: 20 }) : /* @__PURE__ */ jsx(VideoOff, { size: 20 })
             }
-          )
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: cn(circleBtn, localScreenShareOn ? "bg-indigo-500 hover:bg-indigo-400" : idleBtnClass),
+              "aria-label": localScreenShareOn ? "Stop sharing your screen" : "Share your screen",
+              onClick: () => toggleScreenShare(),
+              children: /* @__PURE__ */ jsx(MonitorUp, { size: 20 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: cn(circleBtn, isHandRaised ? "bg-amber-400 text-neutral-900 hover:bg-amber-300" : idleBtnClass),
+              "aria-label": isHandRaised ? "Lower hand" : "Raise hand",
+              onClick: onToggleRaiseHand,
+              children: /* @__PURE__ */ jsx(Hand, { size: 20 })
+            }
+          ),
+          /* @__PURE__ */ jsxs(Popover, { children: [
+            /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: cn(circleBtn, idleBtnClass),
+                "aria-label": "Send a reaction",
+                children: /* @__PURE__ */ jsx(Smile, { size: 20 })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              PopoverContent,
+              {
+                side: "top",
+                align: "center",
+                className: "w-auto rounded-full border-white/10 bg-neutral-900 p-1.5 shadow-xl",
+                children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", children: QUICK_REACTIONS.map((emoji) => /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "flex size-10 items-center justify-center rounded-full text-xl transition-transform hover:scale-125 hover:bg-white/10",
+                    "aria-label": `React with ${emoji}`,
+                    onClick: () => onReaction(emoji),
+                    children: emoji
+                  },
+                  emoji
+                )) })
+              }
+            )
+          ] })
         ] }),
         /* @__PURE__ */ jsx(
           Button,
@@ -4561,17 +5061,123 @@ var init_CallControls = __esm({
     CallControls_default = CallControls;
   }
 });
+var FloatingReactions, ReactionBubble, FloatingReactions_default;
+var init_FloatingReactions = __esm({
+  "src/call/FloatingReactions.tsx"() {
+    FloatingReactions = ({ reactions }) => {
+      if (!reactions.length) return null;
+      return /* @__PURE__ */ jsxs("div", { className: "pointer-events-none absolute inset-0 z-10 overflow-hidden", children: [
+        /* @__PURE__ */ jsx("style", { children: `
+                @keyframes realtimex-call-reaction-float {
+                    0% { transform: translateY(0) scale(0.5); opacity: 0; }
+                    15% { transform: translateY(-24px) scale(1.15); opacity: 1; }
+                    100% { transform: translateY(-220px) scale(1); opacity: 0; }
+                }
+            ` }),
+        reactions.map((reaction) => /* @__PURE__ */ jsx(ReactionBubble, { emoji: reaction.emoji }, reaction.id))
+      ] });
+    };
+    ReactionBubble = ({ emoji }) => {
+      const left = useMemo(() => 20 + Math.random() * 60, []);
+      return /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "absolute bottom-16 text-4xl drop-shadow",
+          style: {
+            left: `${left}%`,
+            animation: "realtimex-call-reaction-float 3s ease-out forwards"
+          },
+          children: emoji
+        }
+      );
+    };
+    FloatingReactions_default = FloatingReactions;
+  }
+});
+var FLOATING_REACTION_LIFETIME_MS, useCallReactions;
+var init_useCallReactions = __esm({
+  "src/call/useCallReactions.ts"() {
+    FLOATING_REACTION_LIFETIME_MS = 3e3;
+    useCallReactions = (sdk) => {
+      const [floatingReactions, setFloatingReactions] = useState([]);
+      const [raisedHands, setRaisedHands] = useState({});
+      const [isHandRaised, setIsHandRaised] = useState(false);
+      const nextId = useRef(0);
+      const addFloatingReaction = useCallback((emoji, fromId) => {
+        const id = `${Date.now()}-${nextId.current++}`;
+        setFloatingReactions((prev) => [...prev, { id, emoji, fromId }]);
+        setTimeout(() => {
+          setFloatingReactions((prev) => prev.filter((r) => r.id !== id));
+        }, FLOATING_REACTION_LIFETIME_MS);
+      }, []);
+      const { send, localParticipant } = sdk.useMeeting({
+        onData: (data) => {
+          try {
+            const raw = typeof data.payload === "string" ? data.payload : new TextDecoder().decode(data.payload);
+            const message = JSON.parse(raw);
+            if (message.type === "reaction") {
+              addFloatingReaction(message.emoji, data.from);
+            } else if (message.type === "raise-hand") {
+              setRaisedHands((prev) => ({ ...prev, [data.from]: message.raised }));
+            }
+          } catch {
+          }
+        }
+      });
+      useEffect(() => {
+        setRaisedHands((prev) => {
+          const next = {};
+          for (const id of Object.keys(prev)) {
+            if (prev[id]) next[id] = true;
+          }
+          return next;
+        });
+      }, [localParticipant?.id]);
+      const sendReaction = useCallback(
+        (emoji) => {
+          if (localParticipant?.id) addFloatingReaction(emoji, localParticipant.id);
+          void send(JSON.stringify({ type: "reaction", emoji }));
+        },
+        [send, localParticipant?.id, addFloatingReaction]
+      );
+      const toggleRaiseHand = useCallback(() => {
+        setIsHandRaised((prev) => {
+          const next = !prev;
+          if (localParticipant?.id) {
+            setRaisedHands((hands) => ({ ...hands, [localParticipant.id]: next }));
+          }
+          void send(JSON.stringify({ type: "raise-hand", raised: next }));
+          return next;
+        });
+      }, [send, localParticipant?.id]);
+      return { floatingReactions, raisedHands, isHandRaised, sendReaction, toggleRaiseHand };
+    };
+  }
+});
 var MeetingView, MeetingView_default;
 var init_MeetingView = __esm({
   "src/call/MeetingView.tsx"() {
     init_ParticipantView();
+    init_AudioCallView();
+    init_ScreenShareView();
     init_CallControls();
+    init_FloatingReactions();
+    init_useCallReactions();
     init_call_store();
-    MeetingView = ({ sdk, mode }) => {
+    init_utils2();
+    MeetingView = ({ sdk, mode, peerName, peerAvatar }) => {
       const endCall = useCallStore((s) => s.endCall);
       const [hasJoined, setHasJoined] = useState(false);
       const hasJoinedRef = useRef(false);
-      const { join, participants, localParticipant } = sdk.useMeeting({
+      const [groupView, setGroupView] = useState("grid");
+      const {
+        join,
+        participants,
+        localParticipant,
+        localWebcamOn,
+        presenterId,
+        activeSpeakerId
+      } = sdk.useMeeting({
         onMeetingJoined: () => {
           hasJoinedRef.current = true;
           setHasJoined(true);
@@ -4581,6 +5187,7 @@ var init_MeetingView = __esm({
           endCall();
         }
       });
+      const { floatingReactions, raisedHands, isHandRaised, sendReaction, toggleRaiseHand } = useCallReactions(sdk);
       useEffect(() => {
         join();
       }, []);
@@ -4590,9 +5197,136 @@ var init_MeetingView = __esm({
           /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Connecting\u2026" })
         ] });
       }
-      const remoteIds = Array.from(participants.keys());
-      return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
-        /* @__PURE__ */ jsxs(
+      const remoteIds = Array.from(participants.keys()).filter(
+        (id) => id !== localParticipant?.id
+      );
+      const isGroup = remoteIds.length > 1;
+      const controls = /* @__PURE__ */ jsx(
+        CallControls_default,
+        {
+          sdk,
+          onReaction: sendReaction,
+          isHandRaised,
+          onToggleRaiseHand: toggleRaiseHand
+        }
+      );
+      if (presenterId) {
+        return /* @__PURE__ */ jsxs("div", { className: "relative flex flex-1 flex-col", children: [
+          /* @__PURE__ */ jsx(FloatingReactions_default, { reactions: floatingReactions }),
+          /* @__PURE__ */ jsx(
+            ScreenShareView_default,
+            {
+              sdk,
+              presenterId,
+              isLocal: presenterId === localParticipant?.id,
+              className: "flex flex-1 flex-col overflow-hidden p-4 pb-2"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2 overflow-x-auto px-4 pb-2", children: [
+            localParticipant?.id && /* @__PURE__ */ jsx(
+              ParticipantView_default,
+              {
+                sdk,
+                participantId: localParticipant.id,
+                isLocal: true,
+                isHandRaised: !!raisedHands[localParticipant.id],
+                className: "aspect-video h-20 min-h-0 w-32 shrink-0"
+              }
+            ),
+            remoteIds.map((id) => /* @__PURE__ */ jsx(
+              ParticipantView_default,
+              {
+                sdk,
+                participantId: id,
+                fallbackName: peerName,
+                fallbackImage: peerAvatar,
+                isHandRaised: !!raisedHands[id],
+                className: "aspect-video h-20 min-h-0 w-32 shrink-0"
+              },
+              id
+            ))
+          ] }),
+          controls
+        ] });
+      }
+      const showVideoGrid = mode === "video" || localWebcamOn;
+      if (!showVideoGrid) {
+        return /* @__PURE__ */ jsxs("div", { className: "relative flex flex-1 flex-col", children: [
+          /* @__PURE__ */ jsx(FloatingReactions_default, { reactions: floatingReactions }),
+          /* @__PURE__ */ jsx(
+            AudioCallView_default,
+            {
+              sdk,
+              remoteParticipantId: remoteIds[0],
+              peerName,
+              peerAvatar,
+              isRemoteHandRaised: !!(remoteIds[0] && raisedHands[remoteIds[0]])
+            }
+          ),
+          controls
+        ] });
+      }
+      const focusedId = groupView === "speaker" ? activeSpeakerId && activeSpeakerId !== localParticipant?.id ? activeSpeakerId : remoteIds[0] || localParticipant?.id : null;
+      const stripIds = focusedId ? [localParticipant?.id, ...remoteIds].filter(
+        (id) => !!id && id !== focusedId
+      ) : [];
+      return /* @__PURE__ */ jsxs("div", { className: "relative flex flex-1 flex-col", children: [
+        /* @__PURE__ */ jsx(FloatingReactions_default, { reactions: floatingReactions }),
+        isGroup && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-1 px-4 pt-2", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Grid view",
+              onClick: () => setGroupView("grid"),
+              className: cn(
+                "flex size-8 items-center justify-center rounded-lg transition-colors",
+                groupView === "grid" ? "bg-white/15 text-white" : "text-white/50 hover:text-white/80"
+              ),
+              children: /* @__PURE__ */ jsx(LayoutGrid, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Speaker view",
+              onClick: () => setGroupView("speaker"),
+              className: cn(
+                "flex size-8 items-center justify-center rounded-lg transition-colors",
+                groupView === "speaker" ? "bg-white/15 text-white" : "text-white/50 hover:text-white/80"
+              ),
+              children: /* @__PURE__ */ jsx(Rows3, { size: 16 })
+            }
+          )
+        ] }),
+        focusedId ? /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-3 overflow-y-auto p-4", children: [
+          /* @__PURE__ */ jsx(
+            ParticipantView_default,
+            {
+              sdk,
+              participantId: focusedId,
+              isLocal: focusedId === localParticipant?.id,
+              fallbackName: peerName,
+              fallbackImage: peerAvatar,
+              isHandRaised: !!raisedHands[focusedId],
+              className: "min-h-[240px] flex-1"
+            }
+          ),
+          stripIds.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-2 overflow-x-auto", children: stripIds.map((id) => /* @__PURE__ */ jsx(
+            ParticipantView_default,
+            {
+              sdk,
+              participantId: id,
+              isLocal: id === localParticipant?.id,
+              fallbackName: peerName,
+              fallbackImage: peerAvatar,
+              isHandRaised: !!raisedHands[id],
+              className: "aspect-video h-20 min-h-0 w-32 shrink-0"
+            },
+            id
+          )) })
+        ] }) : /* @__PURE__ */ jsxs(
           "div",
           {
             className: "grid flex-1 auto-rows-fr gap-3 overflow-y-auto p-4",
@@ -4603,12 +5337,30 @@ var init_MeetingView = __esm({
               )}, minmax(0, 1fr))`
             },
             children: [
-              localParticipant?.id && /* @__PURE__ */ jsx(ParticipantView_default, { sdk, participantId: localParticipant.id, isLocal: true }),
-              remoteIds.map((id) => /* @__PURE__ */ jsx(ParticipantView_default, { sdk, participantId: id }, id))
+              localParticipant?.id && /* @__PURE__ */ jsx(
+                ParticipantView_default,
+                {
+                  sdk,
+                  participantId: localParticipant.id,
+                  isLocal: true,
+                  isHandRaised: !!raisedHands[localParticipant.id]
+                }
+              ),
+              remoteIds.map((id) => /* @__PURE__ */ jsx(
+                ParticipantView_default,
+                {
+                  sdk,
+                  participantId: id,
+                  fallbackName: peerName,
+                  fallbackImage: peerAvatar,
+                  isHandRaised: !!raisedHands[id]
+                },
+                id
+              ))
             ]
           }
         ),
-        /* @__PURE__ */ jsx(CallControls_default, { sdk, mode })
+        controls
       ] });
     };
     MeetingView_default = MeetingView;
@@ -4626,7 +5378,14 @@ var init_CallSession = __esm({
     init_useStore();
     init_videosdk_loader();
     init_MeetingView();
-    CallSession = ({ meetingId, token, mode, onError }) => {
+    CallSession = ({
+      meetingId,
+      token,
+      mode,
+      peerName,
+      peerAvatar,
+      onError
+    }) => {
       const [sdk, setSdk] = useState(null);
       const userId = useStore((s) => s.loggedUserDetails?._id);
       const userName = useStore((s) => s.loggedUserDetails?.name);
@@ -4667,7 +5426,7 @@ var init_CallSession = __esm({
           token,
           reinitialiseMeetingOnConfigChange: false,
           joinWithoutUserInteraction: true,
-          children: /* @__PURE__ */ jsx(MeetingView_default, { sdk, mode })
+          children: /* @__PURE__ */ jsx(MeetingView_default, { sdk, mode, peerName, peerAvatar })
         }
       );
     };
@@ -5619,6 +6378,172 @@ function useEffectiveSettingsOptional() {
   };
 }
 
+// src/call/CallOverlay.tsx
+init_avatar();
+init_button();
+init_call_store();
+
+// src/call/useRingCountdown.ts
+init_call_types();
+var useRingCountdown = (active, callId) => {
+  const [secondsLeft, setSecondsLeft] = useState(
+    Math.ceil(CALL_RING_TIMEOUT_MS / 1e3)
+  );
+  useEffect(() => {
+    if (!active) return;
+    const startedAt = Date.now();
+    setSecondsLeft(Math.ceil(CALL_RING_TIMEOUT_MS / 1e3));
+    const id = setInterval(() => {
+      const remainingMs = CALL_RING_TIMEOUT_MS - (Date.now() - startedAt);
+      setSecondsLeft(Math.max(0, Math.ceil(remainingMs / 1e3)));
+    }, 1e3);
+    return () => clearInterval(id);
+  }, [active, callId]);
+  return secondsLeft;
+};
+var useCallDuration = (startedAt) => {
+  const [elapsedMs, setElapsedMs] = useState(0);
+  useEffect(() => {
+    if (!startedAt) {
+      setElapsedMs(0);
+      return;
+    }
+    setElapsedMs(Date.now() - startedAt);
+    const id = setInterval(() => setElapsedMs(Date.now() - startedAt), 1e3);
+    return () => clearInterval(id);
+  }, [startedAt]);
+  const totalSeconds = Math.max(0, Math.floor(elapsedMs / 1e3));
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds % 60;
+  const pad = (n) => String(n).padStart(2, "0");
+  return hours > 0 ? `${hours}:${pad(minutes)}:${pad(seconds)}` : `${pad(minutes)}:${pad(seconds)}`;
+};
+var CallSession2 = React11__default.lazy(() => Promise.resolve().then(() => (init_CallSession(), CallSession_exports)));
+var CallOverlay = () => {
+  const uiStatus = useCallStore((s) => s.uiStatus);
+  const mode = useCallStore((s) => s.mode);
+  const callId = useCallStore((s) => s.callId);
+  const meetingId = useCallStore((s) => s.meetingId);
+  const token = useCallStore((s) => s.token);
+  const error = useCallStore((s) => s.error);
+  const peer = useCallStore((s) => s.peer);
+  const caller = useCallStore((s) => s.caller);
+  const isGroupCall = useCallStore((s) => s.isGroupCall);
+  const callStartedAt = useCallStore((s) => s.callStartedAt);
+  const cancelCall = useCallStore((s) => s.cancelCall);
+  const reset = useCallStore((s) => s.reset);
+  const notifyServerCallFailed = useCallStore((s) => s.notifyServerCallFailed);
+  const [sessionError, setSessionError] = useState(null);
+  const secondsLeft = useRingCountdown(uiStatus === "ringing-out", callId);
+  const duration = useCallDuration(callStartedAt);
+  useEffect(() => {
+    setSessionError(null);
+  }, [callId]);
+  useEffect(() => {
+    if (sessionError) notifyServerCallFailed();
+  }, [sessionError, notifyServerCallFailed]);
+  const isOpen = uiStatus !== "idle" && uiStatus !== "incoming";
+  if (!isOpen || typeof document === "undefined") return null;
+  const displayError = error || sessionError;
+  const peerName = peer?.name || caller?.name || "";
+  const peerAvatar = peer?.avatar || caller?.profileImage || void 0;
+  const isVideo = mode === "video";
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          width: "100vw",
+          height: "100vh",
+          zIndex: 2147483647
+        },
+        className: "flex flex-col overflow-hidden bg-gradient-to-b from-neutral-900 via-neutral-950 to-black text-white",
+        children: displayError ? /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-4 p-6 text-center", children: [
+          /* @__PURE__ */ jsx("p", { className: "max-w-sm text-sm text-white/80", children: displayError }),
+          /* @__PURE__ */ jsxs(Button, { variant: "secondary", onClick: reset, children: [
+            /* @__PURE__ */ jsx(X, { size: 16, className: "mr-1" }),
+            " Close"
+          ] })
+        ] }) : uiStatus === "in-call" && meetingId && token && mode ? /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 px-4 py-3 text-sm text-white/70", children: [
+            isGroupCall && /* @__PURE__ */ jsx(Users, { size: 14, className: "text-white/50" }),
+            peerName && /* @__PURE__ */ jsx("span", { className: "font-medium text-white/90", children: peerName }),
+            /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-white/30", children: "\xB7" }),
+            /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: duration })
+          ] }),
+          /* @__PURE__ */ jsx(
+            React11__default.Suspense,
+            {
+              fallback: /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-3 text-white/80", children: [
+                /* @__PURE__ */ jsx(Loader2, { className: "size-8 animate-spin" }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Loading call\u2026" })
+              ] }),
+              children: /* @__PURE__ */ jsx(
+                CallSession2,
+                {
+                  meetingId,
+                  token,
+                  mode,
+                  peerName,
+                  peerAvatar,
+                  onError: setSessionError
+                }
+              )
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-6 p-6 text-center", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center", children: [
+            uiStatus === "ringing-out" && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "absolute inline-flex size-32 animate-ping rounded-full bg-white/10" }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "absolute inline-flex size-32 animate-ping rounded-full bg-white/5",
+                  style: { animationDelay: "0.6s" }
+                }
+              )
+            ] }),
+            peerName ? /* @__PURE__ */ jsxs(Avatar, { className: "relative size-28 ring-4 ring-white/10", children: [
+              /* @__PURE__ */ jsx(AvatarImage, { src: peerAvatar, alt: peerName }),
+              /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-neutral-700 text-3xl font-medium text-white", children: peerName.charAt(0).toUpperCase() })
+            ] }) : /* @__PURE__ */ jsx("div", { className: "relative flex size-28 items-center justify-center rounded-full bg-white/10", children: isVideo ? /* @__PURE__ */ jsx(Video, { size: 36 }) : /* @__PURE__ */ jsx(Phone, { size: 36 }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            peerName && /* @__PURE__ */ jsxs("p", { className: "flex items-center justify-center gap-1.5 text-xl font-semibold tracking-tight", children: [
+              isGroupCall && /* @__PURE__ */ jsx(Users, { size: 16, className: "text-white/50" }),
+              peerName
+            ] }),
+            /* @__PURE__ */ jsxs("p", { className: "mt-1 text-sm text-white/60", children: [
+              uiStatus === "creating" && "Starting call\u2026",
+              uiStatus === "ringing-out" && `${isVideo ? "Video calling" : "Calling"}\u2026 \xB7 ${secondsLeft}s`,
+              uiStatus === "joining" && "Connecting\u2026"
+            ] })
+          ] }),
+          uiStatus === "ringing-out" && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-col items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "size-16 rounded-full bg-red-600 text-white shadow-lg shadow-red-600/30 transition-transform hover:scale-105 hover:bg-red-500 active:scale-95",
+                "aria-label": "Cancel call",
+                onClick: cancelCall,
+                children: /* @__PURE__ */ jsx(PhoneOff, { size: 24 })
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-white/60", children: "Cancel" })
+          ] })
+        ] })
+      }
+    ),
+    document.body
+  );
+};
+var CallOverlay_default = CallOverlay;
+
 // src/ui/dialog.tsx
 init_utils2();
 function Dialog({
@@ -6157,161 +7082,7 @@ var ChatAlertDialogContent = ({
   );
 };
 
-// src/call/CallOverlay.tsx
-init_avatar();
-init_button();
-init_utils2();
-init_call_store();
-
-// src/call/useRingCountdown.ts
-init_call_types();
-var useRingCountdown = (active, callId) => {
-  const [secondsLeft, setSecondsLeft] = useState(
-    Math.ceil(CALL_RING_TIMEOUT_MS / 1e3)
-  );
-  useEffect(() => {
-    if (!active) return;
-    const startedAt = Date.now();
-    setSecondsLeft(Math.ceil(CALL_RING_TIMEOUT_MS / 1e3));
-    const id = setInterval(() => {
-      const remainingMs = CALL_RING_TIMEOUT_MS - (Date.now() - startedAt);
-      setSecondsLeft(Math.max(0, Math.ceil(remainingMs / 1e3)));
-    }, 1e3);
-    return () => clearInterval(id);
-  }, [active, callId]);
-  return secondsLeft;
-};
-var useCallDuration = (startedAt) => {
-  const [elapsedMs, setElapsedMs] = useState(0);
-  useEffect(() => {
-    if (!startedAt) {
-      setElapsedMs(0);
-      return;
-    }
-    setElapsedMs(Date.now() - startedAt);
-    const id = setInterval(() => setElapsedMs(Date.now() - startedAt), 1e3);
-    return () => clearInterval(id);
-  }, [startedAt]);
-  const totalSeconds = Math.max(0, Math.floor(elapsedMs / 1e3));
-  const hours = Math.floor(totalSeconds / 3600);
-  const minutes = Math.floor(totalSeconds % 3600 / 60);
-  const seconds = totalSeconds % 60;
-  const pad = (n) => String(n).padStart(2, "0");
-  return hours > 0 ? `${hours}:${pad(minutes)}:${pad(seconds)}` : `${pad(minutes)}:${pad(seconds)}`;
-};
-var CallSession2 = React9__default.lazy(() => Promise.resolve().then(() => (init_CallSession(), CallSession_exports)));
-var CallOverlay = () => {
-  const uiStatus = useCallStore((s) => s.uiStatus);
-  const mode = useCallStore((s) => s.mode);
-  const callId = useCallStore((s) => s.callId);
-  const meetingId = useCallStore((s) => s.meetingId);
-  const token = useCallStore((s) => s.token);
-  const error = useCallStore((s) => s.error);
-  const callee = useCallStore((s) => s.callee);
-  const caller = useCallStore((s) => s.caller);
-  const callStartedAt = useCallStore((s) => s.callStartedAt);
-  const cancelCall = useCallStore((s) => s.cancelCall);
-  const reset = useCallStore((s) => s.reset);
-  const notifyServerCallFailed = useCallStore((s) => s.notifyServerCallFailed);
-  const [sessionError, setSessionError] = useState(null);
-  const secondsLeft = useRingCountdown(uiStatus === "ringing-out", callId);
-  const duration = useCallDuration(callStartedAt);
-  useEffect(() => {
-    setSessionError(null);
-  }, [callId]);
-  useEffect(() => {
-    if (sessionError) notifyServerCallFailed();
-  }, [sessionError, notifyServerCallFailed]);
-  const isOpen = uiStatus !== "idle" && uiStatus !== "incoming";
-  if (!isOpen) return null;
-  const displayError = error || sessionError;
-  const peerName = callee?.name || caller?.name || "";
-  const peerAvatar = callee?.avatar || caller?.profileImage || void 0;
-  const isVideo = mode === "video";
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: () => void 0, children: /* @__PURE__ */ jsx(
-    ChatDialogContent,
-    {
-      showCloseButton: false,
-      onEscapeKeyDown: (e) => e.preventDefault(),
-      onPointerDownOutside: (e) => e.preventDefault(),
-      className: cn(
-        "fixed inset-0 top-0 left-0 z-100 flex h-screen w-screen max-w-none",
-        "translate-x-0 translate-y-0 flex-col rounded-none border-0 bg-gradient-to-b from-neutral-900 via-neutral-950 to-black p-0 text-white"
-      ),
-      children: displayError ? /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-4 p-6 text-center", children: [
-        /* @__PURE__ */ jsx("p", { className: "max-w-sm text-sm text-white/80", children: displayError }),
-        /* @__PURE__ */ jsxs(Button, { variant: "secondary", onClick: reset, children: [
-          /* @__PURE__ */ jsx(X, { size: 16, className: "mr-1" }),
-          " Close"
-        ] })
-      ] }) : uiStatus === "in-call" && meetingId && token && mode ? /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 px-4 py-3 text-sm text-white/70", children: [
-          peerName && /* @__PURE__ */ jsx("span", { className: "font-medium text-white/90", children: peerName }),
-          /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-white/30", children: "\xB7" }),
-          /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: duration })
-        ] }),
-        /* @__PURE__ */ jsx(
-          React9__default.Suspense,
-          {
-            fallback: /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-3 text-white/80", children: [
-              /* @__PURE__ */ jsx(Loader2, { className: "size-8 animate-spin" }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Loading call\u2026" })
-            ] }),
-            children: /* @__PURE__ */ jsx(
-              CallSession2,
-              {
-                meetingId,
-                token,
-                mode,
-                onError: setSessionError
-              }
-            )
-          }
-        )
-      ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-6 p-6 text-center", children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center", children: [
-          uiStatus === "ringing-out" && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("span", { className: "absolute inline-flex size-32 animate-ping rounded-full bg-white/10" }),
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "absolute inline-flex size-32 animate-ping rounded-full bg-white/5",
-                style: { animationDelay: "0.6s" }
-              }
-            )
-          ] }),
-          peerName ? /* @__PURE__ */ jsxs(Avatar, { className: "relative size-28 ring-4 ring-white/10", children: [
-            /* @__PURE__ */ jsx(AvatarImage, { src: peerAvatar, alt: peerName }),
-            /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-neutral-700 text-3xl font-medium text-white", children: peerName.charAt(0).toUpperCase() })
-          ] }) : /* @__PURE__ */ jsx("div", { className: "relative flex size-28 items-center justify-center rounded-full bg-white/10", children: isVideo ? /* @__PURE__ */ jsx(Video, { size: 36 }) : /* @__PURE__ */ jsx(Phone, { size: 36 }) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          peerName && /* @__PURE__ */ jsx("p", { className: "text-xl font-semibold tracking-tight", children: peerName }),
-          /* @__PURE__ */ jsxs("p", { className: "mt-1 text-sm text-white/60", children: [
-            uiStatus === "creating" && "Starting call\u2026",
-            uiStatus === "ringing-out" && `${isVideo ? "Video calling" : "Calling"}\u2026 \xB7 ${secondsLeft}s`,
-            uiStatus === "joining" && "Connecting\u2026"
-          ] })
-        ] }),
-        uiStatus === "ringing-out" && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-col items-center gap-2", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: "size-16 rounded-full bg-red-600 text-white shadow-lg shadow-red-600/30 transition-transform hover:scale-105 hover:bg-red-500 active:scale-95",
-              "aria-label": "Cancel call",
-              onClick: cancelCall,
-              children: /* @__PURE__ */ jsx(PhoneOff, { size: 24 })
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-white/60", children: "Cancel" })
-        ] })
-      ] })
-    }
-  ) });
-};
-var CallOverlay_default = CallOverlay;
+// src/call/IncomingCallDialog.tsx
 init_avatar();
 init_button();
 init_utils2();
@@ -6320,6 +7091,8 @@ var IncomingCallDialog = ({ ringtoneUrl }) => {
   const uiStatus = useCallStore((s) => s.uiStatus);
   const callId = useCallStore((s) => s.callId);
   const caller = useCallStore((s) => s.caller);
+  const peer = useCallStore((s) => s.peer);
+  const isGroupCall = useCallStore((s) => s.isGroupCall);
   const mode = useCallStore((s) => s.mode);
   const acceptCall = useCallStore((s) => s.acceptCall);
   const rejectCall = useCallStore((s) => s.rejectCall);
@@ -6337,7 +7110,9 @@ var IncomingCallDialog = ({ ringtoneUrl }) => {
     }
   }, [isOpen, ringtoneUrl]);
   if (!isOpen) return null;
-  const name = caller?.name || "Unknown caller";
+  const callerName = caller?.name || "Unknown caller";
+  const name = isGroupCall ? peer?.name || callerName : callerName;
+  const avatar = isGroupCall ? peer?.avatar || void 0 : caller?.profileImage;
   const isVideo = mode === "video";
   return /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onOpenChange: () => void 0, children: [
     ringtoneUrl && /* @__PURE__ */ jsx("audio", { ref: audioRef, src: ringtoneUrl, loop: true }),
@@ -6359,7 +7134,7 @@ var IncomingCallDialog = ({ ringtoneUrl }) => {
               }
             ),
             /* @__PURE__ */ jsxs(Avatar, { className: "relative size-24 ring-4 ring-white/10", children: [
-              /* @__PURE__ */ jsx(AvatarImage, { src: caller?.profileImage, alt: name }),
+              /* @__PURE__ */ jsx(AvatarImage, { src: avatar, alt: name }),
               /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-neutral-700 text-2xl font-medium text-white", children: name.charAt(0).toUpperCase() })
             ] }),
             /* @__PURE__ */ jsx(
@@ -6375,13 +7150,7 @@ var IncomingCallDialog = ({ ringtoneUrl }) => {
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
             /* @__PURE__ */ jsx("p", { className: "text-xl font-semibold tracking-tight", children: name }),
-            /* @__PURE__ */ jsxs("p", { className: "mt-1 text-sm text-white/50", children: [
-              "Incoming ",
-              isVideo ? "video" : "voice",
-              " call \xB7 ",
-              secondsLeft,
-              "s"
-            ] })
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-white/50", children: isGroupCall ? `${callerName} is calling \xB7 ${isVideo ? "video" : "voice"} call \xB7 ${secondsLeft}s` : `Incoming ${isVideo ? "video" : "voice"} call \xB7 ${secondsLeft}s` })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center justify-center gap-10", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2", children: [
@@ -6468,7 +7237,7 @@ var Chat = ({
   const status = useStore((s) => s.status);
   const error = useStore((s) => s.error);
   useChatSync();
-  React9__default.useEffect(() => {
+  React11__default.useEffect(() => {
     const clientId = client?.id;
     const initializeChat = async () => {
       if (!clientId || !loggedUserDetails) return;
@@ -6558,28 +7327,28 @@ var Chat = ({
     queryParamApis: queryParamApis ?? ["get"],
     queryParamsByApi: queryParamsByApi ?? {}
   });
-  React9__default.useEffect(() => {
+  React11__default.useEffect(() => {
     setChatQueryParams(queryParams);
     setChatQueryParamApis(queryParamApis);
     setChatQueryParamsByApi(queryParamsByApi);
   }, [queryConfigKey]);
-  React9__default.useEffect(() => {
+  React11__default.useEffect(() => {
     if (lastDM && onMessageReceived) {
       onMessageReceived(lastDM);
     }
   }, [lastDM, onMessageReceived]);
-  React9__default.useEffect(() => {
+  React11__default.useEffect(() => {
     if (status === "connected" && onSocketConnected) {
       const socketId = useStore.getState().socketId;
       if (socketId) onSocketConnected(socketId);
     }
   }, [status, onSocketConnected]);
-  React9__default.useEffect(() => {
+  React11__default.useEffect(() => {
     if (status === "error" && error && onSocketError) {
       onSocketError(error);
     }
   }, [status, error, onSocketError]);
-  const contextValue = React9__default.useMemo(
+  const contextValue = React11__default.useMemo(
     () => ({
       onSendMessage,
       client,
@@ -6599,7 +7368,7 @@ var Chat = ({
       messagesData
     ]
   );
-  const customization = React9__default.useMemo(
+  const customization = React11__default.useMemo(
     () => ({
       components: uiConfig.components,
       classNames: uiConfig.classNames,
@@ -6619,277 +7388,7 @@ init_utils2();
 // src/hooks/useChatController.ts
 init_useStore();
 init_store_helpers();
-
-// src/notifications/open-conversation.ts
-init_store_helpers();
-var OPEN_CONVERSATION_EVENT = "realtimex:open-conversation";
-var NOTIFICATION_CLICK_SW_TYPE = "realtimex:notification-click";
-var PUSH_BROADCAST_CHANNEL = "realtimex-push";
-var PUSH_DATA_CACHE_NAME = "realtimex-push-data-v1";
-var PENDING_STORAGE_KEY = "realtimex:pending-open-conversation";
-var PENDING_OPEN_CACHE_PATH = "pending-open";
-var resolveConversationIdFromPushData = (data) => {
-  if (!data || typeof data !== "object") return "";
-  let fcmMsg = data.FCM_MSG;
-  if (typeof fcmMsg === "string") {
-    try {
-      fcmMsg = JSON.parse(fcmMsg);
-    } catch {
-      fcmMsg = void 0;
-    }
-  }
-  const nested = fcmMsg && typeof fcmMsg === "object" ? fcmMsg.data : void 0;
-  const source = { ...nested || {}, ...data };
-  return String(
-    source.conversationId || source.conversation_id || source.conversationID || ""
-  ).trim();
-};
-var normalizePushMeta = (meta) => {
-  if (!meta || typeof meta !== "object") return {};
-  return {
-    senderId: String(
-      meta.senderId || meta.sender_id || ""
-    ).trim() || void 0,
-    kind: String(meta.kind || "").trim() || void 0,
-    messageId: String(
-      meta.messageId || meta.message_id || ""
-    ).trim() || void 0,
-    title: String(meta.title || "").trim() || void 0
-  };
-};
-var parsePendingRaw = (raw) => {
-  if (!raw) return null;
-  try {
-    const parsed = JSON.parse(raw);
-    if (parsed?.conversationId) {
-      return {
-        conversationId: String(parsed.conversationId).trim(),
-        ...normalizePushMeta(parsed)
-      };
-    }
-  } catch {
-  }
-  const id = String(raw).trim();
-  return id ? { conversationId: id } : null;
-};
-var peekPendingOpenConversation = () => peekPendingOpenRequest()?.conversationId ?? null;
-var peekPendingOpenRequest = () => {
-  try {
-    return parsePendingRaw(sessionStorage.getItem(PENDING_STORAGE_KEY));
-  } catch {
-    return null;
-  }
-};
-var consumePendingOpenConversation = () => consumePendingOpenRequest()?.conversationId ?? null;
-var consumePendingOpenRequest = () => {
-  const request = peekPendingOpenRequest();
-  try {
-    sessionStorage.removeItem(PENDING_STORAGE_KEY);
-  } catch {
-  }
-  return request;
-};
-var requestOpenConversation = (conversationId, meta) => {
-  const id = String(conversationId || "").trim();
-  if (!id) return;
-  const request = {
-    conversationId: id,
-    ...normalizePushMeta(meta)
-  };
-  console.log("[realtimex-push] requestOpenConversation:", request);
-  try {
-    sessionStorage.setItem(PENDING_STORAGE_KEY, JSON.stringify(request));
-  } catch {
-  }
-  try {
-    window.dispatchEvent(
-      new CustomEvent(OPEN_CONVERSATION_EVENT, { detail: request })
-    );
-  } catch {
-  }
-};
-var buildChannelFromPushRequest = (request, loggedUserId, allUsers) => {
-  const conversationId = request.conversationId;
-  const isGroup = request.kind === "group";
-  const senderId = String(request.senderId || "").trim();
-  if (isGroup) {
-    const rawName2 = request.title || "Group Chat";
-    return {
-      id: conversationId,
-      conversationId,
-      name: rawName2.charAt(0).toUpperCase() + rawName2.slice(1),
-      isGroup: true
-    };
-  }
-  const senderUser = senderId ? (allUsers || []).find((user) => String(user._id) === senderId) : null;
-  const rawName = senderUser?.name || request.title || "New message";
-  return {
-    id: senderId || conversationId,
-    conversationId,
-    name: rawName.charAt(0).toUpperCase() + rawName.slice(1),
-    image: senderUser?.image || void 0,
-    email: senderUser?.email,
-    isGroup: false
-  };
-};
-var mapConversationToChannel = (conversation, loggedUserId, allUsers) => {
-  const conversationId = String(conversation?._id || conversation?.id || "");
-  const isGroup = isGroupConversation(conversation);
-  if (isGroup) {
-    const rawName2 = conversation.groupName || conversation.name || "Group Chat";
-    return {
-      id: conversationId,
-      conversationId,
-      name: rawName2.charAt(0).toUpperCase() + rawName2.slice(1),
-      image: resolveGroupImage(conversation),
-      isGroup: true,
-      isLeft: !!conversation.isLeft,
-      isBlocked: !!conversation.isBlocked,
-      pinnedCount: conversation.pinnedCount,
-      starredCount: conversation.starredCount
-    };
-  }
-  const { id: otherId, user } = resolveOtherParticipant(
-    conversation,
-    loggedUserId,
-    allUsers
-  );
-  const rawName = user?.name || "Unknown User";
-  return {
-    id: otherId || conversationId,
-    conversationId,
-    name: rawName.charAt(0).toUpperCase() + rawName.slice(1),
-    image: user?.image || void 0,
-    email: user?.email,
-    isGroup: false,
-    isLeft: !!conversation.isLeft,
-    isBlocked: !!conversation.isBlocked,
-    pinnedCount: conversation.pinnedCount,
-    starredCount: conversation.starredCount
-  };
-};
-var stripConversationIdFromUrl = () => {
-  if (typeof window === "undefined") return;
-  try {
-    const url = new URL(window.location.href);
-    if (!url.searchParams.has("conversationId")) return;
-    url.searchParams.delete("conversationId");
-    const next = `${url.pathname}${url.search}${url.hash}`;
-    window.history.replaceState(window.history.state, "", next);
-  } catch {
-  }
-};
-var cacheRequestForPath = (path) => new Request(new URL(path, window.location.origin).toString());
-var consumePendingOpenFromPushCache = async () => {
-  if (typeof caches === "undefined") return null;
-  try {
-    const cache = await caches.open(PUSH_DATA_CACHE_NAME);
-    const req = cacheRequestForPath(PENDING_OPEN_CACHE_PATH);
-    const res = await cache.match(req);
-    if (!res) return null;
-    await cache.delete(req);
-    const data = await res.json();
-    const conversationId = resolveConversationIdFromPushData(data);
-    if (!conversationId) return null;
-    return {
-      conversationId,
-      ...normalizePushMeta(data)
-    };
-  } catch {
-    return null;
-  }
-};
-var readConversationIdFromLocation = () => {
-  try {
-    return new URLSearchParams(window.location.search).get("conversationId") || "";
-  } catch {
-    return "";
-  }
-};
-var consumedUrlConversationIds = /* @__PURE__ */ new Set();
-var lastHandledOpenId = "";
-var lastHandledOpenAt = 0;
-var shouldHandleOpen = (conversationId) => {
-  const id = String(conversationId || "").trim();
-  if (!id) return false;
-  const now = Date.now();
-  if (lastHandledOpenId === id && now - lastHandledOpenAt < 2500) {
-    return false;
-  }
-  lastHandledOpenId = id;
-  lastHandledOpenAt = now;
-  return true;
-};
-var handleNotificationOpen = (conversationId, pushData, options) => {
-  const id = String(conversationId || "").trim();
-  if (!id) {
-    console.warn("[realtimex-push] notification open ignored \u2014 no conversationId", pushData);
-    return;
-  }
-  if (!shouldHandleOpen(id)) {
-    stripConversationIdFromUrl();
-    return;
-  }
-  requestOpenConversation(id, pushData);
-  const chatPath = options.chatPath || "/chat";
-  stripConversationIdFromUrl();
-  options.onNavigate?.(id, chatPath);
-};
-var installNotificationClickBridge = (options = {}) => {
-  if (typeof window === "undefined") return () => void 0;
-  const onSwMessage = (event) => {
-    const data = event.data;
-    console.log("[realtimex-push] SW \u2192 page message:", data);
-    if (!data || data.type !== NOTIFICATION_CLICK_SW_TYPE) return;
-    const pushData = data.data && typeof data.data === "object" ? data.data : void 0;
-    const conversationId = String(data.conversationId || "") || resolveConversationIdFromPushData(pushData);
-    console.log("[realtimex-push] notification click \u2192 open:", {
-      conversationId,
-      pushData
-    });
-    handleNotificationOpen(conversationId, pushData, options);
-  };
-  navigator.serviceWorker?.addEventListener("message", onSwMessage);
-  let broadcast = null;
-  try {
-    broadcast = new BroadcastChannel(PUSH_BROADCAST_CHANNEL);
-    broadcast.onmessage = onSwMessage;
-  } catch {
-  }
-  const fromUrl = readConversationIdFromLocation();
-  if (fromUrl && !consumedUrlConversationIds.has(fromUrl)) {
-    consumedUrlConversationIds.add(fromUrl);
-    handleNotificationOpen(fromUrl, void 0, options);
-  } else {
-    stripConversationIdFromUrl();
-  }
-  void consumePendingOpenFromPushCache().then((request) => {
-    if (!request?.conversationId) return;
-    handleNotificationOpen(
-      request.conversationId,
-      request,
-      options
-    );
-  });
-  return () => {
-    navigator.serviceWorker?.removeEventListener("message", onSwMessage);
-    broadcast?.close();
-  };
-};
-
-// src/hooks/useChatController.ts
-init_call_types();
-function formatCallLogText(entry) {
-  const label = entry.mode === "video" ? "video" : "voice";
-  if (entry.outcome === "missed") return `Missed ${label} call`;
-  if (entry.outcome === "declined") return `${label === "video" ? "Video" : "Voice"} call declined`;
-  if (entry.outcome === "busy") return `${label === "video" ? "Video" : "Voice"} call \xB7 not answered`;
-  const totalSeconds = Math.max(0, Math.floor(entry.durationSeconds));
-  const minutes = Math.floor(totalSeconds / 60);
-  const seconds = totalSeconds % 60;
-  const duration = `${minutes}:${String(seconds).padStart(2, "0")}`;
-  return `${label === "video" ? "Video" : "Voice"} call \xB7 ${duration}`;
-}
+init_open_conversation();
 function resolveMessageType(content, attachments) {
   if (attachments.length === 0) return "text";
   if (!content.trim() && attachments.length === 1) {
@@ -6947,28 +7446,6 @@ var useChatController = () => {
     );
   }, []);
   const { localMessages, setLocalMessages } = useChatSync();
-  useEffect(() => {
-    const handleCallLog = (event) => {
-      const entry = event.detail;
-      if (!entry?.conversationId) return;
-      const logMessage = {
-        id: `call-log-${Date.now()}-${Math.random().toString(36).slice(2)}`,
-        content: formatCallLogText(entry),
-        sender: "system",
-        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        isOwnMessage: false,
-        isSystemMessage: true,
-        channelId: entry.conversationId,
-        conversationId: entry.conversationId
-      };
-      setLocalMessages((prev) => ({
-        ...prev,
-        [entry.conversationId]: [...prev[entry.conversationId] || [], logMessage]
-      }));
-    };
-    window.addEventListener(CALL_LOG_EVENT, handleCallLog);
-    return () => window.removeEventListener(CALL_LOG_EVENT, handleCallLog);
-  }, [setLocalMessages]);
   const emitDmSend = useStore((s) => s.emitDmSend);
   const emitGroupMessageSend2 = useStore((s) => s.emitGroupMessageSend);
   const emitMarkAsRead = useStore((s) => s.emitMarkAsRead);
@@ -7874,9 +8351,9 @@ function AdminPermissionTooltip({
   if (!disabled || !message) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  const gatedChildren = React9__default.Children.map(children, (child) => {
-    if (!React9__default.isValidElement(child)) return child;
-    return React9__default.cloneElement(child, {
+  const gatedChildren = React11__default.Children.map(children, (child) => {
+    if (!React11__default.isValidElement(child)) return child;
+    return React11__default.cloneElement(child, {
       className: cn(child.props.className, "pointer-events-none")
     });
   });
@@ -9816,41 +10293,7 @@ var ChatSocketStatus_default = ChatSocketStatus;
 
 // src/chat/header/HeaderSearchPopover.tsx
 init_button();
-
-// src/ui/popover.tsx
-init_utils2();
-function Popover({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Popover$1.Root, { "data-slot": "popover", ...props });
-}
-function PopoverTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Popover$1.Trigger, { "data-slot": "popover-trigger", ...props });
-}
-function PopoverContent({
-  className,
-  align = "center",
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(
-    Popover$1.Content,
-    {
-      "data-slot": "popover-content",
-      align,
-      sideOffset,
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-
-// src/chat/header/HeaderSearchPopover.tsx
+init_popover();
 init_utils2();
 function escapeRegExp(value) {
   return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
@@ -9867,7 +10310,7 @@ function highlightSearchMatch(text, query) {
         children: part
       },
       `${part}-${index}`
-    ) : /* @__PURE__ */ jsx(React9__default.Fragment, { children: part }, `${part}-${index}`)
+    ) : /* @__PURE__ */ jsx(React11__default.Fragment, { children: part }, `${part}-${index}`)
   );
 }
 function getMessagePreview(message) {
@@ -10265,20 +10708,20 @@ var HeaderRightSide = ({
   const startCall = useCallStore((s) => s.startCall);
   const showPhoneCall = features.showPhoneCall ?? defaultChatFeatures.showPhoneCall;
   const showVideoCall = features.showVideoCall ?? defaultChatFeatures.showVideoCall;
-  const callee = { name: activeChannel.name, avatar: activeChannel.avatar || activeChannel.image };
+  const peer = { name: activeChannel.name, avatar: activeChannel.avatar || activeChannel.image };
   const handlePhoneCall = () => {
     if (features.onPhoneCall) {
       features.onPhoneCall({ activeChannel, conversationId });
       return;
     }
-    if (conversationId) startCall(conversationId, "audio", callee);
+    if (conversationId) startCall(conversationId, "audio", peer, activeChannel.isGroup);
   };
   const handleVideoCall = () => {
     if (features.onVideoCall) {
       features.onVideoCall({ activeChannel, conversationId });
       return;
     }
-    if (conversationId) startCall(conversationId, "video", callee);
+    if (conversationId) startCall(conversationId, "video", peer, activeChannel.isGroup);
   };
   const headerItemGapClass = "gap-0.5";
   const headerIconBtnClass = "inline-flex size-6 shrink-0 items-center justify-center rounded-lg p-0 text-(--chat-muted) transition-colors hover:bg-(--chat-hover) hover:text-(--chat-text) has-[>svg]:p-0";
@@ -15923,6 +16366,7 @@ var MessageReactions = ({
 var MessageReactions_default = MessageReactions;
 init_utils2();
 init_button();
+init_popover();
 var MessageToolbar = ({
   isSender,
   isRecent,
@@ -18073,6 +18517,9 @@ function useActiveChannelMessages({
   };
 }
 
+// src/chat/active-channel-messages/ChatDateJumpMenu.tsx
+init_popover();
+
 // src/chat/ui/calendar.tsx
 init_utils2();
 init_button();
@@ -18229,8 +18676,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React9.useRef(null);
-  React9.useEffect(() => {
+  const ref = React11.useRef(null);
+  React11.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsx(
@@ -18606,6 +19053,9 @@ function ComposerStatusBanner({
   ] }) });
 }
 
+// src/chat/channel-message-box/ChannelMessageBoxView.tsx
+init_popover();
+
 // src/chat/composer-attachment/ComposerAttachmentPreview.tsx
 init_utils2();
 init_button();
@@ -19202,10 +19652,10 @@ function useChannelMessageBox({
   const composerDisabledReason = conversationId ? composerDisabledByConversation[conversationId] : void 0;
   const fileInputRef = useRef(null);
   const attachmentsCountRef = useRef(0);
-  React9__default.useEffect(() => {
+  React11__default.useEffect(() => {
     attachmentsCountRef.current = state.attachments.length;
   }, [state.attachments.length]);
-  React9__default.useEffect(() => {
+  React11__default.useEffect(() => {
     const draft = {
       messageInput: state.messageInput,
       attachments: state.attachments
@@ -19213,7 +19663,7 @@ function useChannelMessageBox({
     syncComposerRef(draft);
     updateConversationDraft(conversationIdRef.current, draft);
   }, [state.messageInput, state.attachments, syncComposerRef]);
-  React9__default.useEffect(() => {
+  React11__default.useEffect(() => {
     if (typingTimeoutRef.current) {
       clearTimeout(typingTimeoutRef.current);
       typingTimeoutRef.current = null;
@@ -20274,6 +20724,7 @@ var ChatViewport_default = ChatViewport;
 init_utils2();
 init_normalize_helpers();
 init_useStore();
+init_open_conversation();
 var RETRY_DELAYS_MS = [1e3, 3e3, 8e3, 2e4];
 var recentToastIds = /* @__PURE__ */ new Set();
 var rememberToastId = (id) => {
@@ -20574,8 +21025,8 @@ var ChatMain = ({
   viewportHeight = "full",
   viewportClassName
 }) => {
-  const clientObj = React9__default.useMemo(() => ({ id: clientId }), [clientId]);
-  const uiConfigObj = React9__default.useMemo(
+  const clientObj = React11__default.useMemo(() => ({ id: clientId }), [clientId]);
+  const uiConfigObj = React11__default.useMemo(
     () => ({
       ...uiConfig || {},
       components: { ...uiConfig?.components, ...components },
@@ -20952,6 +21403,9 @@ var packageDefaultComponents = {
   ChatSocketStatus: ChatSocketStatus_default
 };
 
+// src/index.ts
+init_open_conversation();
+
 // src/hooks/useAdminFeatureGate.ts
 function useAdminFeatureGate(feature) {
   const ctx = useEffectiveSettingsOptional();