@realtimexsco/live-chat 1.4.9 → 1.4.10

package/dist/index.mjs

@@ -4,16 +4,16 @@ import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 import * as React2 from 'react';
 import React2__default, { createContext, useMemo, useContext, useState, useCallback, useRef, useEffect, useLayoutEffect, useSyncExternalStore } from 'react';
-import { Tooltip as Tooltip$1, Slot, Avatar as Avatar$1, ScrollArea as ScrollArea$1, Popover as Popover$1, DropdownMenu as DropdownMenu$1, Dialog as Dialog$1, Switch as Switch$1, AlertDialog as AlertDialog$1 } from 'radix-ui';
+import { Tooltip as Tooltip$1, Slot, Switch as Switch$1, Avatar as Avatar$1, ScrollArea as ScrollArea$1, Popover as Popover$1, DropdownMenu as DropdownMenu$1, Dialog as Dialog$1, AlertDialog as AlertDialog$1 } from 'radix-ui';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { flushSync } from 'react-dom';
-import { Sun, Moon, Search, X, Loader2, 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, Phone, Video, ExternalLink, Download, ChevronLeft, ZoomOut, ZoomIn, RotateCcw, Music, ArrowRight, MoreHorizontal, PinOff, StarOff, XIcon, ImageIcon, Film, Play, Pause, FileText, FileSpreadsheet, FileIcon, Eye, Captions } from 'lucide-react';
+import { Sun, Moon, Search, X, Loader2, 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, Settings, MessageCircle, Phone, Video, ExternalLink, Download, ChevronLeft, ZoomOut, ZoomIn, RotateCcw, Music, ArrowRight, MoreHorizontal, PinOff, StarOff, XIcon, ImageIcon, Film, Play, Pause, FileText, FileSpreadsheet, FileIcon, MessageSquare, Eye, Captions } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import EmojiPicker, { Theme } from 'emoji-picker-react';
 import { getDefaultClassNames, DayPicker } from 'react-day-picker';
-import toast2, { toast, Toaster } from 'react-hot-toast';
+import toast$1, { Toaster, toast } from 'react-hot-toast';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -4632,7 +4632,9 @@ 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;
@@ -4773,6 +4775,37 @@ var mapConversationToChannel = (conversation, loggedUserId, allUsers) => {
     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") || "";
@@ -4781,16 +4814,33 @@ var readConversationIdFromLocation = () => {
   }
 };
 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";
-  const pathWithQuery = `${chatPath}?conversationId=${encodeURIComponent(id)}`;
-  options.onNavigate?.(id, pathWithQuery);
+  stripConversationIdFromUrl();
+  options.onNavigate?.(id, chatPath);
 };
 var installNotificationClickBridge = (options = {}) => {
   if (typeof window === "undefined") return () => void 0;
@@ -4817,7 +4867,17 @@ var installNotificationClickBridge = (options = {}) => {
   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();
@@ -6455,194 +6515,572 @@ var CreateChatDialog = (props) => {
   );
 };
 var CreateChatDialog_default = CreateChatDialog;
-var LoggedUserDetails = ({
-  loggedUserDetails,
-  onUserSelect,
-  isCreateModalOpen = false,
-  setIsCreateModalOpen,
-  searchQuery = "",
-  setSearchQuery
-}) => {
-  const { showColorModeToggle } = useChatTheme();
-  const user = {
-    _id: loggedUserDetails?._id || "1",
-    name: formatLoggedUserName(loggedUserDetails?.name),
-    email: loggedUserDetails?.email || "user@example.com",
-    role: loggedUserDetails?.role || "user",
-    isActive: loggedUserDetails?.isActive ?? true,
-    createdAt: loggedUserDetails?.createdAt ? new Date(loggedUserDetails.createdAt) : /* @__PURE__ */ new Date(),
-    updatedAt: loggedUserDetails?.updatedAt ? new Date(loggedUserDetails.updatedAt) : /* @__PURE__ */ new Date(),
-    image: loggedUserDetails?.image || void 0
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-b border-(--chat-border) bg-(--chat-surface) px-3 pb-3 pt-3", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [
-      /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
-        /* @__PURE__ */ jsxs(Avatar, { className: "size-8 ring-1 ring-(--chat-surface)", children: [
-          user.image ? /* @__PURE__ */ jsx(AvatarImage, { src: user.image, alt: user.name }) : null,
-          /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-(--chat-theme-10) text-[10px] font-medium text-(--chat-theme)", children: (user.name || "?").charAt(0).toUpperCase() })
-        ] }),
-        /* @__PURE__ */ jsx("span", { className: "absolute -bottom-0.5 -right-0.5 size-2 rounded-full border-2 border-(--chat-surface) bg-(--chat-online)" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx("h2", { className: "truncate text-xs font-medium leading-tight text-(--chat-text)", children: user.name }),
-        /* @__PURE__ */ jsx("p", { className: "truncate text-[10px] text-(--chat-muted)", children: user.email })
-      ] }),
-      showColorModeToggle ? /* @__PURE__ */ jsx(ChatThemeToggle_default, {}) : null
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsxs("div", { className: chatSidebarSearchShellClass, children: [
-        /* @__PURE__ */ jsx(Search, { className: "pointer-events-none size-3.5 shrink-0 text-(--chat-muted)" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "text",
-            inputMode: "search",
-            enterKeyHint: "search",
-            placeholder: "Search conversations...",
-            value: searchQuery,
-            onChange: (e) => setSearchQuery?.(e.target.value),
-            className: chatSidebarSearchInputClass
-          }
-        ),
-        searchQuery ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => setSearchQuery?.(""),
-            className: "flex size-6 shrink-0 items-center justify-center rounded-md text-(--chat-muted) transition-colors hover:bg-(--chat-hover) hover:text-(--chat-text)",
-            "aria-label": "Clear search",
-            children: /* @__PURE__ */ jsx(X, { size: 12 })
-          }
-        ) : null
-      ] }),
-      /* @__PURE__ */ jsx(
-        CreateChatDialog_default,
-        {
-          loggedUserDetails,
-          onUserSelect,
-          isCreateModalOpen,
-          setIsCreateModalOpen
-        }
-      )
-    ] })
-  ] });
-};
-var LoggedUserDetails_default = LoggedUserDetails;
-function ScrollArea({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    ScrollArea$1.Root,
-    {
-      "data-slot": "scroll-area",
-      className: cn("relative", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          ScrollArea$1.Viewport,
-          {
-            "data-slot": "scroll-area-viewport",
-            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx(ScrollBar, {}),
-        /* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
-      ]
-    }
-  );
-}
-function ScrollBar({
+function Switch({
   className,
-  orientation = "vertical",
+  size = "default",
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    ScrollArea$1.ScrollAreaScrollbar,
+    Switch$1.Root,
     {
-      "data-slot": "scroll-area-scrollbar",
-      orientation,
+      "data-slot": "switch",
+      "data-size": size,
       className: cn(
-        "flex touch-none p-px transition-colors select-none",
-        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
-        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        "peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80",
         className
       ),
       ...props,
       children: /* @__PURE__ */ jsx(
-        ScrollArea$1.ScrollAreaThumb,
+        Switch$1.Thumb,
         {
-          "data-slot": "scroll-area-thumb",
-          className: "bg-border relative flex-1 rounded-full"
+          "data-slot": "switch-thumb",
+          className: cn(
+            "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground"
+          )
         }
       )
     }
   );
 }
 
-// src/chat/channel-list/useChannelList.ts
-init_useStore();
-init_store_helpers();
-var conversationDrafts = /* @__PURE__ */ new Map();
-var DRAFT_PREVIEW_MAX_LENGTH = 50;
-var emptyDraft = () => ({
-  messageInput: "",
-  attachments: []
-});
-var draftRevision = 0;
-var draftListeners = /* @__PURE__ */ new Set();
-function notifyDraftChange() {
-  draftRevision += 1;
-  draftListeners.forEach((listener) => listener());
-}
-function subscribeToDrafts(listener) {
-  draftListeners.add(listener);
-  return () => {
-    draftListeners.delete(listener);
-  };
-}
-function getDraftRevision() {
-  return draftRevision;
-}
-function useDraftRevision() {
-  return useSyncExternalStore(subscribeToDrafts, getDraftRevision, getDraftRevision);
-}
-function getConversationDraft(conversationId) {
-  if (!conversationId) return emptyDraft();
-  return conversationDrafts.get(conversationId) ?? emptyDraft();
-}
-function updateConversationDraft(conversationId, draft) {
-  if (!conversationId) return;
-  if (draft.messageInput.trim() || draft.attachments.length > 0) {
-    conversationDrafts.set(conversationId, {
-      messageInput: draft.messageInput,
-      attachments: draft.attachments
-    });
-  } else {
-    conversationDrafts.delete(conversationId);
+// src/notifications/push.service.ts
+init_client();
+var PUSH_TOKEN_STORAGE_KEY = "realtimex-push-token";
+var SERVICE_WORKER_PATH = "/firebase-messaging-sw.js";
+var PUSH_CHANGED_EVENT = "realtimex:push-changed";
+var emitPushChanged = (enabled) => {
+  try {
+    window.dispatchEvent(
+      new CustomEvent(PUSH_CHANGED_EVENT, { detail: { enabled } })
+    );
+  } catch {
   }
-  notifyDraftChange();
-}
-function clearConversationDraft(conversationId) {
-  if (!conversationId) return;
-  if (!conversationDrafts.has(conversationId)) return;
-  conversationDrafts.delete(conversationId);
-  notifyDraftChange();
-}
-function getConversationDraftPreview(conversationId) {
-  if (!conversationId) return null;
-  const draft = conversationDrafts.get(conversationId);
-  if (!draft) return null;
-  const text = draft.messageInput.trim();
-  if (text) {
-    return text.length > DRAFT_PREVIEW_MAX_LENGTH ? `${text.slice(0, DRAFT_PREVIEW_MAX_LENGTH)}\u2026` : text;
+};
+var v2Url = "https://realtimex.softwareco.com/api/v2";
+var apiGetPushConfig = async () => {
+  const { data } = await apiClient.get(`${v2Url}/notifications/push/config`);
+  return data?.data;
+};
+var apiRegisterPushToken = async (token, deviceLabel) => {
+  const { data } = await apiClient.post(`${v2Url}/notifications/push/token`, {
+    token,
+    deviceLabel
+  });
+  return data?.data;
+};
+var apiRemovePushToken = async (token) => {
+  const { data } = await apiClient.delete(`${v2Url}/notifications/push/token`, {
+    data: { token }
+  });
+  return data;
+};
+var apiGetPushPreference = async () => {
+  const { data } = await apiClient.get(
+    `${v2Url}/notifications/push/preference`
+  );
+  return data?.data;
+};
+var apiUpdatePushPreference = async (enabled) => {
+  const { data } = await apiClient.patch(
+    `${v2Url}/notifications/push/preference`,
+    { enabled }
+  );
+  return data?.data;
+};
+var isPushSupported = () => typeof window !== "undefined" && "Notification" in window && "serviceWorker" in navigator && "PushManager" in window;
+var getStoredPushToken = () => {
+  try {
+    return localStorage.getItem(PUSH_TOKEN_STORAGE_KEY);
+  } catch {
+    return null;
   }
-  if (draft.attachments.length > 0) {
-    return draft.attachments.length === 1 ? "Attachment" : `${draft.attachments.length} attachments`;
+};
+var storePushToken = (token) => {
+  try {
+    if (token) localStorage.setItem(PUSH_TOKEN_STORAGE_KEY, token);
+    else localStorage.removeItem(PUSH_TOKEN_STORAGE_KEY);
+  } catch {
   }
-  return null;
+};
+var defaultDeviceLabel = () => {
+  const ua = navigator.userAgent;
+  const browser = /edg\//i.test(ua) ? "Edge" : /chrome/i.test(ua) ? "Chrome" : /safari/i.test(ua) ? "Safari" : /firefox/i.test(ua) ? "Firefox" : "Browser";
+  const os = /mac/i.test(ua) ? "macOS" : /windows/i.test(ua) ? "Windows" : /android/i.test(ua) ? "Android" : /iphone|ipad/i.test(ua) ? "iOS" : /linux/i.test(ua) ? "Linux" : "Unknown OS";
+  return `${browser} on ${os}`;
+};
+var loadFirebaseMessaging = async () => {
+  try {
+    const [{ initializeApp, getApps }, messagingModule] = await Promise.all([
+      import('firebase/app'),
+      import('firebase/messaging')
+    ]);
+    return { initializeApp, getApps, ...messagingModule };
+  } catch {
+    throw new Error(
+      'Push notifications need the "firebase" package \u2014 run: npm install firebase'
+    );
+  }
+};
+var getFirebaseMessaging = async (firebaseConfig) => {
+  const fb = await loadFirebaseMessaging();
+  const app = fb.getApps().length ? fb.getApps()[0] : fb.initializeApp(firebaseConfig);
+  return { fb, messaging: fb.getMessaging(app) };
+};
+var enablePushOnThisDevice = async () => {
+  if (!isPushSupported()) {
+    throw new Error("Push notifications are not supported in this browser");
+  }
+  const config = await apiGetPushConfig();
+  if (!config?.enabled) {
+    throw new Error("Push notifications are disabled for this workspace");
+  }
+  if (!config.configured || !config.firebaseConfig || !config.vapidKey) {
+    throw new Error(
+      "Push notifications are not configured on the server yet"
+    );
+  }
+  const permission = await Notification.requestPermission();
+  if (permission !== "granted") {
+    throw new Error("Notification permission was not granted");
+  }
+  let registration;
+  try {
+    registration = await navigator.serviceWorker.register(
+      `${SERVICE_WORKER_PATH}?config=${encodeURIComponent(
+        JSON.stringify(config.firebaseConfig)
+      )}`
+    );
+  } catch {
+    throw new Error(
+      `Could not register ${SERVICE_WORKER_PATH} \u2014 copy it from node_modules/@realtimexsco/live-chat/dist/firebase-messaging-sw.js into your app's public folder`
+    );
+  }
+  const { fb, messaging } = await getFirebaseMessaging(config.firebaseConfig);
+  const token = await fb.getToken(messaging, {
+    vapidKey: config.vapidKey,
+    serviceWorkerRegistration: registration
+  });
+  if (!token) {
+    throw new Error("Could not obtain a push token from Firebase");
+  }
+  await apiRegisterPushToken(token, defaultDeviceLabel());
+  storePushToken(token);
+  emitPushChanged(true);
+  return token;
+};
+var disablePushOnThisDevice = async () => {
+  const token = getStoredPushToken();
+  if (!token) return;
+  try {
+    const config = await apiGetPushConfig();
+    if (config?.firebaseConfig) {
+      const { fb, messaging } = await getFirebaseMessaging(
+        config.firebaseConfig
+      );
+      await fb.deleteToken(messaging).catch(() => void 0);
+    }
+  } catch {
+  }
+  await apiRemovePushToken(token).catch(() => void 0);
+  storePushToken(null);
+  emitPushChanged(false);
+};
+var onForegroundPush = async (callback) => {
+  const config = await apiGetPushConfig();
+  if (!config?.configured || !config.firebaseConfig) {
+    throw new Error("Push config unavailable (not configured or API not ready)");
+  }
+  const { fb, messaging } = await getFirebaseMessaging(config.firebaseConfig);
+  return fb.onMessage(messaging, (payload) => {
+    console.log("[realtimex-push] FCM foreground payload (raw):", payload);
+    console.log("[realtimex-push] FCM foreground data:", payload?.data);
+    console.log("[realtimex-push] FCM foreground notification:", payload?.notification);
+    callback({
+      title: payload?.notification?.title,
+      body: payload?.notification?.body,
+      data: payload?.data
+    });
+  });
+};
+
+// src/notifications/usePushNotifications.ts
+var usePushNotifications = () => {
+  const [state, setState] = useState({
+    supported: false,
+    allowedByWorkspace: false,
+    configured: false,
+    permission: "unsupported",
+    userEnabled: true,
+    deviceEnabled: false,
+    loading: true,
+    error: null
+  });
+  const refresh = useCallback(async () => {
+    if (!isPushSupported()) {
+      setState((prev) => ({
+        ...prev,
+        supported: false,
+        loading: false
+      }));
+      return;
+    }
+    try {
+      const [config, preference] = await Promise.all([
+        apiGetPushConfig(),
+        apiGetPushPreference().catch(() => null)
+      ]);
+      setState({
+        supported: true,
+        allowedByWorkspace: Boolean(config?.enabled),
+        configured: Boolean(config?.configured),
+        permission: Notification.permission,
+        userEnabled: preference?.enabled ?? true,
+        deviceEnabled: Notification.permission === "granted" && Boolean(getStoredPushToken()),
+        loading: false,
+        error: null
+      });
+    } catch (error) {
+      setState((prev) => ({
+        ...prev,
+        supported: true,
+        loading: false,
+        error: error instanceof Error ? error.message : "Could not load push settings"
+      }));
+    }
+  }, []);
+  useEffect(() => {
+    void refresh();
+  }, [refresh]);
+  const enable = useCallback(async () => {
+    setState((prev) => ({ ...prev, loading: true, error: null }));
+    try {
+      await enablePushOnThisDevice();
+      await refresh();
+      return true;
+    } catch (error) {
+      setState((prev) => ({
+        ...prev,
+        loading: false,
+        permission: isPushSupported() ? Notification.permission : "unsupported",
+        error: error instanceof Error ? error.message : "Could not enable push notifications"
+      }));
+      return false;
+    }
+  }, [refresh]);
+  const disable = useCallback(async () => {
+    setState((prev) => ({ ...prev, loading: true, error: null }));
+    try {
+      await disablePushOnThisDevice();
+    } finally {
+      await refresh();
+    }
+  }, [refresh]);
+  const setUserEnabled = useCallback(
+    async (enabled) => {
+      setState((prev) => ({ ...prev, userEnabled: enabled }));
+      try {
+        await apiUpdatePushPreference(enabled);
+      } catch (error) {
+        setState((prev) => ({
+          ...prev,
+          userEnabled: !enabled,
+          error: error instanceof Error ? error.message : "Could not update push preference"
+        }));
+      }
+    },
+    []
+  );
+  return { ...state, enable, disable, setUserEnabled, refresh };
+};
+var PushNotificationToggle = ({
+  className,
+  label = "Push notifications",
+  description = "Get notified about new messages on this device"
+}) => {
+  const push = usePushNotifications();
+  if (!push.supported || !push.allowedByWorkspace || !push.configured) {
+    return null;
+  }
+  const isOn = push.deviceEnabled && push.userEnabled;
+  const permissionBlocked = push.permission === "denied";
+  const handleChange = async (checked) => {
+    if (checked) {
+      if (!push.userEnabled) await push.setUserEnabled(true);
+      if (!push.deviceEnabled) await push.enable();
+    } else {
+      await push.disable();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: className ?? "flex items-center justify-between gap-4 rounded-xl border border-(--chat-border) bg-(--chat-surface) px-4 py-3",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-(--chat-text)", children: label }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-(--chat-muted)", children: permissionBlocked ? "Notifications are blocked in your browser settings" : push.error ?? description })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked: isOn,
+            disabled: push.loading || permissionBlocked,
+            onCheckedChange: (checked) => void handleChange(checked),
+            "aria-label": `Toggle ${label}`
+          }
+        )
+      ]
+    }
+  );
+};
+var LoggedUserSettingsDialog = ({
+  loggedUserDetails
+}) => {
+  const [open, setOpen] = useState(false);
+  const user = {
+    _id: loggedUserDetails?._id || "1",
+    name: formatLoggedUserName(loggedUserDetails?.name),
+    email: loggedUserDetails?.email || "user@example.com",
+    role: loggedUserDetails?.role || "user",
+    isActive: loggedUserDetails?.isActive ?? true,
+    createdAt: loggedUserDetails?.createdAt ? new Date(loggedUserDetails.createdAt) : /* @__PURE__ */ new Date(),
+    updatedAt: loggedUserDetails?.updatedAt ? new Date(loggedUserDetails.updatedAt) : /* @__PURE__ */ new Date(),
+    image: loggedUserDetails?.image || void 0
+  };
+  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: sidebarActionBtnClass,
+          "aria-label": "Account settings",
+          onClick: () => setOpen(true),
+          children: /* @__PURE__ */ jsx(Settings, { className: "size-3.5", strokeWidth: 2 })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: "Settings" })
+    ] }),
+    /* @__PURE__ */ jsxs(ChatDialogContent, { className: "gap-0 overflow-hidden p-0 sm:max-w-[380px]", children: [
+      /* @__PURE__ */ jsx("div", { className: "border-b border-(--chat-border) px-5 py-4", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-left text-base font-semibold text-(--chat-text)", children: "Account settings" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-5 px-5 py-5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxs(Avatar, { className: "size-16 ring-2 ring-(--chat-theme-20)", children: [
+              user.image ? /* @__PURE__ */ jsx(AvatarImage, { src: user.image, alt: user.name }) : null,
+              /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-(--chat-theme-10) text-lg font-medium text-(--chat-theme)", children: (user.name || "?").charAt(0).toUpperCase() })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "absolute bottom-0.5 right-0.5 size-3 rounded-full border-2 border-(--chat-surface) bg-(--chat-online)" })
+          ] }),
+          /* @__PURE__ */ jsx("h3", { className: "mt-3 text-base font-semibold text-(--chat-text)", children: user.name }),
+          /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-(--chat-muted)", children: user.email }),
+          /* @__PURE__ */ jsxs("p", { className: "mt-2 inline-flex items-center gap-1.5 rounded-full bg-(--chat-theme-10) px-2.5 py-0.5 text-xs font-medium text-(--chat-theme)", children: [
+            /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-(--chat-online)" }),
+            "Online"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "border-t border-(--chat-border) pt-4", children: /* @__PURE__ */ jsx(PushNotificationToggle, { className: "flex items-center justify-between gap-4 rounded-xl border border-(--chat-border) bg-(--chat-theme-10) px-4 py-3" }) })
+      ] })
+    ] })
+  ] });
+};
+var LoggedUserSettingsDialog_default = LoggedUserSettingsDialog;
+var LoggedUserDetails = ({
+  loggedUserDetails,
+  onUserSelect,
+  isCreateModalOpen = false,
+  setIsCreateModalOpen,
+  searchQuery = "",
+  setSearchQuery
+}) => {
+  const { showColorModeToggle } = useChatTheme();
+  const user = {
+    _id: loggedUserDetails?._id || "1",
+    name: formatLoggedUserName(loggedUserDetails?.name),
+    email: loggedUserDetails?.email || "user@example.com",
+    role: loggedUserDetails?.role || "user",
+    isActive: loggedUserDetails?.isActive ?? true,
+    createdAt: loggedUserDetails?.createdAt ? new Date(loggedUserDetails.createdAt) : /* @__PURE__ */ new Date(),
+    updatedAt: loggedUserDetails?.updatedAt ? new Date(loggedUserDetails.updatedAt) : /* @__PURE__ */ new Date(),
+    image: loggedUserDetails?.image || void 0
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-b border-(--chat-border) bg-(--chat-surface) px-3 pb-3 pt-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
+        /* @__PURE__ */ jsxs(Avatar, { className: "size-8 ring-1 ring-(--chat-surface)", children: [
+          user.image ? /* @__PURE__ */ jsx(AvatarImage, { src: user.image, alt: user.name }) : null,
+          /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-(--chat-theme-10) text-[10px] font-medium text-(--chat-theme)", children: (user.name || "?").charAt(0).toUpperCase() })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "absolute -bottom-0.5 -right-0.5 size-2 rounded-full border-2 border-(--chat-surface) bg-(--chat-online)" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs("h2", { className: "truncate text-xs font-medium leading-tight text-(--chat-text)", children: [
+          user.name,
+          "123"
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "truncate text-[10px] text-(--chat-muted)", children: user.email })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+        /* @__PURE__ */ jsx(LoggedUserSettingsDialog_default, { loggedUserDetails }),
+        showColorModeToggle ? /* @__PURE__ */ jsx(ChatThemeToggle_default, {}) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: chatSidebarSearchShellClass, children: [
+        /* @__PURE__ */ jsx(Search, { className: "pointer-events-none size-3.5 shrink-0 text-(--chat-muted)" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            inputMode: "search",
+            enterKeyHint: "search",
+            placeholder: "Search conversations...",
+            value: searchQuery,
+            onChange: (e) => setSearchQuery?.(e.target.value),
+            className: chatSidebarSearchInputClass
+          }
+        ),
+        searchQuery ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setSearchQuery?.(""),
+            className: "flex size-6 shrink-0 items-center justify-center rounded-md text-(--chat-muted) transition-colors hover:bg-(--chat-hover) hover:text-(--chat-text)",
+            "aria-label": "Clear search",
+            children: /* @__PURE__ */ jsx(X, { size: 12 })
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsx(
+        CreateChatDialog_default,
+        {
+          loggedUserDetails,
+          onUserSelect,
+          isCreateModalOpen,
+          setIsCreateModalOpen
+        }
+      )
+    ] })
+  ] });
+};
+var LoggedUserDetails_default = LoggedUserDetails;
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ScrollArea$1.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollArea$1.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollArea$1.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollArea$1.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+
+// src/chat/channel-list/useChannelList.ts
+init_useStore();
+init_store_helpers();
+var conversationDrafts = /* @__PURE__ */ new Map();
+var DRAFT_PREVIEW_MAX_LENGTH = 50;
+var emptyDraft = () => ({
+  messageInput: "",
+  attachments: []
+});
+var draftRevision = 0;
+var draftListeners = /* @__PURE__ */ new Set();
+function notifyDraftChange() {
+  draftRevision += 1;
+  draftListeners.forEach((listener) => listener());
+}
+function subscribeToDrafts(listener) {
+  draftListeners.add(listener);
+  return () => {
+    draftListeners.delete(listener);
+  };
+}
+function getDraftRevision() {
+  return draftRevision;
+}
+function useDraftRevision() {
+  return useSyncExternalStore(subscribeToDrafts, getDraftRevision, getDraftRevision);
+}
+function getConversationDraft(conversationId) {
+  if (!conversationId) return emptyDraft();
+  return conversationDrafts.get(conversationId) ?? emptyDraft();
+}
+function updateConversationDraft(conversationId, draft) {
+  if (!conversationId) return;
+  if (draft.messageInput.trim() || draft.attachments.length > 0) {
+    conversationDrafts.set(conversationId, {
+      messageInput: draft.messageInput,
+      attachments: draft.attachments
+    });
+  } else {
+    conversationDrafts.delete(conversationId);
+  }
+  notifyDraftChange();
+}
+function clearConversationDraft(conversationId) {
+  if (!conversationId) return;
+  if (!conversationDrafts.has(conversationId)) return;
+  conversationDrafts.delete(conversationId);
+  notifyDraftChange();
+}
+function getConversationDraftPreview(conversationId) {
+  if (!conversationId) return null;
+  const draft = conversationDrafts.get(conversationId);
+  if (!draft) return null;
+  const text = draft.messageInput.trim();
+  if (text) {
+    return text.length > DRAFT_PREVIEW_MAX_LENGTH ? `${text.slice(0, DRAFT_PREVIEW_MAX_LENGTH)}\u2026` : text;
+  }
+  if (draft.attachments.length > 0) {
+    return draft.attachments.length === 1 ? "Attachment" : `${draft.attachments.length} attachments`;
+  }
+  return null;
 }
 function useConversationDraft(conversationId) {
   const composerRef = useRef(emptyDraft());
@@ -12197,52 +12635,23 @@ var ChannelDetailsDrawer = (props) => {
             participantCount > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 pb-1", children: participants.map((p, index) => {
               const pId = typeof p === "string" ? p : p._id;
               const pName = typeof p === "string" ? "Unknown" : p.name;
-              if (!pId) return null;
-              return /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "rounded-md border border-(--chat-border) bg-(--chat-input-bg)/50 px-2 py-0.5 text-[10px] font-medium text-(--chat-text-secondary)",
-                  children: pName
-                },
-                `${pId}-${index}`
-              );
-            }) })
-          ] })
-        ] })
-      ] })
-    ] })
-  ] }) });
-};
-var ChannelDetailsDrawer_default = ChannelDetailsDrawer;
-function Switch({
-  className,
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Switch$1.Root,
-    {
-      "data-slot": "switch",
-      "data-size": size,
-      className: cn(
-        "peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=default]:w-8 data-[size=sm]:h-3.5 data-[size=sm]:w-6 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        Switch$1.Thumb,
-        {
-          "data-slot": "switch-thumb",
-          className: cn(
-            "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground"
-          )
-        }
-      )
-    }
-  );
-}
-
-// src/chat/header/PermissionDrawer.tsx
+              if (!pId) return null;
+              return /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "rounded-md border border-(--chat-border) bg-(--chat-input-bg)/50 px-2 py-0.5 text-[10px] font-medium text-(--chat-text-secondary)",
+                  children: pName
+                },
+                `${pId}-${index}`
+              );
+            }) })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] }) });
+};
+var ChannelDetailsDrawer_default = ChannelDetailsDrawer;
 init_useStore();
 var PermissionDrawer = ({ isOpen, onOpenChange, conversationId, conversationInfo }) => {
   const updateGroupPermissions = useStore((s) => s.updateGroupPermissions);
@@ -17639,246 +18048,10 @@ function ChatViewport({
       children
     }
   );
-}
-var ChatViewport_default = ChatViewport;
-var showNotification = (message, type = "info", icon, duration) => {
-  const options = {
-    icon,
-    duration
-  };
-  switch (type) {
-    case "success":
-      toast.success(message, options);
-      break;
-    case "error":
-      toast.error(message, options);
-      break;
-    case "info":
-      toast(message, options);
-      break;
-    case "warning":
-      toast(message, { ...options, icon: "\u26A0\uFE0F" });
-      break;
-    default:
-      toast(message, options);
-  }
-};
-var downloadFile = async (src, name) => {
-  try {
-    const link = document.createElement("a");
-    link.href = src;
-    link.setAttribute("download", name);
-    link.setAttribute("rel", "noopener noreferrer");
-    link.click();
-    showNotification("File Downloaded Successfully", "success");
-  } catch (err) {
-    console.error("File download failed:", err);
-    showNotification("Failed to download file", "error");
-  }
-};
-var getResponsiveWidth = (width) => {
-  const screenWidth = window.innerWidth;
-  if (width) {
-    return width;
-  } else if (screenWidth < 640) {
-    return 350;
-  } else if (screenWidth >= 640 && screenWidth < 1024) {
-    return 600;
-  } else if (screenWidth >= 1024 && screenWidth < 1280) {
-    return 800;
-  } else {
-    return 1e3;
-  }
-};
-var isEmpty = (value) => {
-  if (value === null || value === void 0) return true;
-  if (typeof value === "string") return value.trim().length === 0;
-  if (Array.isArray(value)) {
-    return value.length === 0 || value.every((item) => isEmpty(item));
-  }
-  if (typeof value === "object") {
-    return Object.keys(value).length === 0;
-  }
-  return false;
-};
-function uniqueList(list, key) {
-  const seen = /* @__PURE__ */ new Set();
-  return list.filter((item) => {
-    const value = item[key];
-    if (seen.has(value)) return false;
-    seen.add(value);
-    return true;
-  });
-}
-var capitalizeFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-var getFirstAndLastNameOneCharacter = (name) => {
-  const names = name.split(" ");
-  return names.map((name2) => name2.charAt(0).toUpperCase()).join("");
-};
-
-// src/notifications/ForegroundPushBridge.tsx
-init_normalize_helpers();
-init_useStore();
-
-// src/notifications/push.service.ts
-init_client();
-var PUSH_TOKEN_STORAGE_KEY = "realtimex-push-token";
-var SERVICE_WORKER_PATH = "/firebase-messaging-sw.js";
-var PUSH_CHANGED_EVENT = "realtimex:push-changed";
-var emitPushChanged = (enabled) => {
-  try {
-    window.dispatchEvent(
-      new CustomEvent(PUSH_CHANGED_EVENT, { detail: { enabled } })
-    );
-  } catch {
-  }
-};
-var v2Url = "https://realtimex.softwareco.com/api/v2";
-var apiGetPushConfig = async () => {
-  const { data } = await apiClient.get(`${v2Url}/notifications/push/config`);
-  return data?.data;
-};
-var apiRegisterPushToken = async (token, deviceLabel) => {
-  const { data } = await apiClient.post(`${v2Url}/notifications/push/token`, {
-    token,
-    deviceLabel
-  });
-  return data?.data;
-};
-var apiRemovePushToken = async (token) => {
-  const { data } = await apiClient.delete(`${v2Url}/notifications/push/token`, {
-    data: { token }
-  });
-  return data;
-};
-var apiGetPushPreference = async () => {
-  const { data } = await apiClient.get(
-    `${v2Url}/notifications/push/preference`
-  );
-  return data?.data;
-};
-var apiUpdatePushPreference = async (enabled) => {
-  const { data } = await apiClient.patch(
-    `${v2Url}/notifications/push/preference`,
-    { enabled }
-  );
-  return data?.data;
-};
-var isPushSupported = () => typeof window !== "undefined" && "Notification" in window && "serviceWorker" in navigator && "PushManager" in window;
-var getStoredPushToken = () => {
-  try {
-    return localStorage.getItem(PUSH_TOKEN_STORAGE_KEY);
-  } catch {
-    return null;
-  }
-};
-var storePushToken = (token) => {
-  try {
-    if (token) localStorage.setItem(PUSH_TOKEN_STORAGE_KEY, token);
-    else localStorage.removeItem(PUSH_TOKEN_STORAGE_KEY);
-  } catch {
-  }
-};
-var defaultDeviceLabel = () => {
-  const ua = navigator.userAgent;
-  const browser = /edg\//i.test(ua) ? "Edge" : /chrome/i.test(ua) ? "Chrome" : /safari/i.test(ua) ? "Safari" : /firefox/i.test(ua) ? "Firefox" : "Browser";
-  const os = /mac/i.test(ua) ? "macOS" : /windows/i.test(ua) ? "Windows" : /android/i.test(ua) ? "Android" : /iphone|ipad/i.test(ua) ? "iOS" : /linux/i.test(ua) ? "Linux" : "Unknown OS";
-  return `${browser} on ${os}`;
-};
-var loadFirebaseMessaging = async () => {
-  try {
-    const [{ initializeApp, getApps }, messagingModule] = await Promise.all([
-      import('firebase/app'),
-      import('firebase/messaging')
-    ]);
-    return { initializeApp, getApps, ...messagingModule };
-  } catch {
-    throw new Error(
-      'Push notifications need the "firebase" package \u2014 run: npm install firebase'
-    );
-  }
-};
-var getFirebaseMessaging = async (firebaseConfig) => {
-  const fb = await loadFirebaseMessaging();
-  const app = fb.getApps().length ? fb.getApps()[0] : fb.initializeApp(firebaseConfig);
-  return { fb, messaging: fb.getMessaging(app) };
-};
-var enablePushOnThisDevice = async () => {
-  if (!isPushSupported()) {
-    throw new Error("Push notifications are not supported in this browser");
-  }
-  const config = await apiGetPushConfig();
-  if (!config?.enabled) {
-    throw new Error("Push notifications are disabled for this workspace");
-  }
-  if (!config.configured || !config.firebaseConfig || !config.vapidKey) {
-    throw new Error(
-      "Push notifications are not configured on the server yet"
-    );
-  }
-  const permission = await Notification.requestPermission();
-  if (permission !== "granted") {
-    throw new Error("Notification permission was not granted");
-  }
-  let registration;
-  try {
-    registration = await navigator.serviceWorker.register(
-      `${SERVICE_WORKER_PATH}?config=${encodeURIComponent(
-        JSON.stringify(config.firebaseConfig)
-      )}`
-    );
-  } catch {
-    throw new Error(
-      `Could not register ${SERVICE_WORKER_PATH} \u2014 copy it from node_modules/@realtimexsco/live-chat/dist/firebase-messaging-sw.js into your app's public folder`
-    );
-  }
-  const { fb, messaging } = await getFirebaseMessaging(config.firebaseConfig);
-  const token = await fb.getToken(messaging, {
-    vapidKey: config.vapidKey,
-    serviceWorkerRegistration: registration
-  });
-  if (!token) {
-    throw new Error("Could not obtain a push token from Firebase");
-  }
-  await apiRegisterPushToken(token, defaultDeviceLabel());
-  storePushToken(token);
-  emitPushChanged(true);
-  return token;
-};
-var disablePushOnThisDevice = async () => {
-  const token = getStoredPushToken();
-  if (!token) return;
-  try {
-    const config = await apiGetPushConfig();
-    if (config?.firebaseConfig) {
-      const { fb, messaging } = await getFirebaseMessaging(
-        config.firebaseConfig
-      );
-      await fb.deleteToken(messaging).catch(() => void 0);
-    }
-  } catch {
-  }
-  await apiRemovePushToken(token).catch(() => void 0);
-  storePushToken(null);
-  emitPushChanged(false);
-};
-var onForegroundPush = async (callback) => {
-  const config = await apiGetPushConfig();
-  if (!config?.configured || !config.firebaseConfig) {
-    throw new Error("Push config unavailable (not configured or API not ready)");
-  }
-  const { fb, messaging } = await getFirebaseMessaging(config.firebaseConfig);
-  return fb.onMessage(messaging, (payload) => {
-    console.log("[realtimex-push] FCM foreground payload (raw):", payload);
-    console.log("[realtimex-push] FCM foreground data:", payload?.data);
-    console.log("[realtimex-push] FCM foreground notification:", payload?.notification);
-    callback({
-      title: payload?.notification?.title,
-      body: payload?.notification?.body,
-      data: payload?.data
-    });
-  });
-};
+}
+var ChatViewport_default = ChatViewport;
+init_normalize_helpers();
+init_useStore();
 var RETRY_DELAYS_MS = [1e3, 3e3, 8e3, 2e4];
 var recentToastIds = /* @__PURE__ */ new Set();
 var rememberToastId = (id) => {
@@ -17892,48 +18065,95 @@ var rememberToastId = (id) => {
   }
   return true;
 };
-var resolveToastText = (title, body) => {
-  if (title && body) return `${title}: ${body}`;
-  return title || body || "";
+var truncate = (value, max) => value.length > max ? `${value.slice(0, max - 1)}\u2026` : value;
+var PushMessageToast = ({
+  t,
+  title,
+  body,
+  onOpen
+}) => {
+  const dismiss = () => toast$1.dismiss(t.id);
+  const handleDismiss = (event) => {
+    event.stopPropagation();
+    dismiss();
+  };
+  const handleOpen = () => {
+    dismiss();
+    onOpen?.();
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "alert",
+      "aria-live": "polite",
+      onClick: onOpen ? handleOpen : void 0,
+      onKeyDown: onOpen ? (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          handleOpen();
+        }
+      } : void 0,
+      tabIndex: onOpen ? 0 : void 0,
+      className: cn(
+        "pointer-events-auto flex w-[min(320px,calc(100vw-24px))] items-start gap-3 rounded-xl border border-(--chat-border) bg-(--chat-surface) p-3 shadow-[0_8px_24px_rgba(15,23,42,0.12)] transition-[opacity,transform] duration-200 ease-out",
+        onOpen && "cursor-pointer hover:border-(--chat-theme-20) hover:shadow-[0_10px_28px_rgba(15,23,42,0.16)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--chat-theme-30)",
+        t.visible ? "translate-y-0 opacity-100" : "-translate-y-1 opacity-0"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": true,
+            className: "flex size-9 shrink-0 items-center justify-center rounded-lg bg-(--chat-theme-10) text-(--chat-theme)",
+            children: /* @__PURE__ */ jsx(MessageSquare, { className: "size-4", strokeWidth: 2.25 })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 pt-0.5", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-[11px] font-semibold uppercase tracking-wide text-(--chat-muted)", children: "New message" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-sm font-semibold leading-snug text-(--chat-text)", children: truncate(title, 40) }),
+          body ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 line-clamp-2 text-xs leading-relaxed text-(--chat-muted)", children: truncate(body, 72) }) : null
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Dismiss notification",
+            onClick: handleDismiss,
+            className: "shrink-0 rounded-md p-1 text-(--chat-muted) transition-colors hover:bg-(--chat-hover) hover:text-(--chat-text) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--chat-theme-30)",
+            children: /* @__PURE__ */ jsx(X, { className: "size-4", strokeWidth: 2 })
+          }
+        )
+      ]
+    }
+  );
 };
 var emitToast = (payload, onPush) => {
   if (onPush && onPush(payload) !== false) return;
-  const title = payload.title || payload.data?.title;
-  const body = payload.body || payload.data?.body || payload.data?.message;
-  const text = resolveToastText(title, body);
+  const title = payload.title || payload.data?.title || "New message";
+  const body = payload.body || payload.data?.body || payload.data?.message || "";
   const conversationId = resolveConversationIdFromPushData(payload.data);
-  if (!text) return;
-  if (conversationId) {
-    toast2.custom(
-      (t) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            toast2.dismiss(t.id);
-            requestOpenConversation(conversationId, payload.data);
-          },
-          style: {
-            display: "block",
-            width: "100%",
-            textAlign: "left",
-            cursor: "pointer",
-            background: "var(--background, #fff)",
-            color: "var(--foreground, #111)",
-            border: "1px solid rgba(0,0,0,0.08)",
-            borderRadius: 8,
-            padding: "10px 14px",
-            boxShadow: "0 4px 12px rgba(0,0,0,0.12)",
-            font: "inherit"
-          },
-          children: text
-        }
-      ),
-      { duration: 5e3 }
-    );
-    return;
-  }
-  showNotification(text, "info");
+  const messageId2 = String(
+    payload.data?.messageId || payload.data?.message_id || payload.data?.messageID || ""
+  );
+  if (!title && !body) return;
+  toast$1.custom(
+    (t) => /* @__PURE__ */ jsx(
+      PushMessageToast,
+      {
+        t,
+        title,
+        body: body || void 0,
+        onOpen: conversationId ? () => requestOpenConversation(
+          conversationId,
+          payload.data
+        ) : void 0
+      }
+    ),
+    {
+      duration: 5e3,
+      id: messageId2 || void 0
+    }
+  );
 };
 var ForegroundPushBridge = ({ onPush }) => {
   const lastDM = useStore((s) => s.lastDM);
@@ -18071,8 +18291,28 @@ var ForegroundPushBridge = ({ onPush }) => {
     Toaster,
     {
       position: "top-right",
-      toastOptions: { duration: 4e3 },
-      containerStyle: { zIndex: 99999 }
+      gutter: 12,
+      containerClassName: "realtimex-push-toaster",
+      containerStyle: {
+        zIndex: 99999,
+        top: 16,
+        right: 16,
+        width: "auto",
+        maxWidth: "none"
+      },
+      toastOptions: {
+        duration: 5e3,
+        className: "!w-auto !max-w-none",
+        style: {
+          padding: 0,
+          margin: 0,
+          background: "transparent",
+          boxShadow: "none",
+          border: "none",
+          width: "auto",
+          maxWidth: "none"
+        }
+      }
     }
   );
 };
@@ -18229,6 +18469,80 @@ var getSocketConfig = (accessToken, tenantId, options) => {
     }
   };
 };
+var showNotification = (message, type = "info", icon, duration) => {
+  const options = {
+    icon,
+    duration
+  };
+  switch (type) {
+    case "success":
+      toast.success(message, options);
+      break;
+    case "error":
+      toast.error(message, options);
+      break;
+    case "info":
+      toast(message, options);
+      break;
+    case "warning":
+      toast(message, { ...options, icon: "\u26A0\uFE0F" });
+      break;
+    default:
+      toast(message, options);
+  }
+};
+var downloadFile = async (src, name) => {
+  try {
+    const link = document.createElement("a");
+    link.href = src;
+    link.setAttribute("download", name);
+    link.setAttribute("rel", "noopener noreferrer");
+    link.click();
+    showNotification("File Downloaded Successfully", "success");
+  } catch (err) {
+    console.error("File download failed:", err);
+    showNotification("Failed to download file", "error");
+  }
+};
+var getResponsiveWidth = (width) => {
+  const screenWidth = window.innerWidth;
+  if (width) {
+    return width;
+  } else if (screenWidth < 640) {
+    return 350;
+  } else if (screenWidth >= 640 && screenWidth < 1024) {
+    return 600;
+  } else if (screenWidth >= 1024 && screenWidth < 1280) {
+    return 800;
+  } else {
+    return 1e3;
+  }
+};
+var isEmpty = (value) => {
+  if (value === null || value === void 0) return true;
+  if (typeof value === "string") return value.trim().length === 0;
+  if (Array.isArray(value)) {
+    return value.length === 0 || value.every((item) => isEmpty(item));
+  }
+  if (typeof value === "object") {
+    return Object.keys(value).length === 0;
+  }
+  return false;
+};
+function uniqueList(list, key) {
+  const seen = /* @__PURE__ */ new Set();
+  return list.filter((item) => {
+    const value = item[key];
+    if (seen.has(value)) return false;
+    seen.add(value);
+    return true;
+  });
+}
+var capitalizeFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+var getFirstAndLastNameOneCharacter = (name) => {
+  const names = name.split(" ");
+  return names.map((name2) => name2.charAt(0).toUpperCase()).join("");
+};
 var SIZE_MAP = {
   xs: "size-6",
   sm: "size-8",
@@ -18402,139 +18716,10 @@ var packageDefaultComponents = {
   ChatDateTimeSettings: ChatDateTimeSettings_default,
   ChatSocketStatus: ChatSocketStatus_default
 };
-var usePushNotifications = () => {
-  const [state, setState] = useState({
-    supported: false,
-    allowedByWorkspace: false,
-    configured: false,
-    permission: "unsupported",
-    userEnabled: true,
-    deviceEnabled: false,
-    loading: true,
-    error: null
-  });
-  const refresh = useCallback(async () => {
-    if (!isPushSupported()) {
-      setState((prev) => ({
-        ...prev,
-        supported: false,
-        loading: false
-      }));
-      return;
-    }
-    try {
-      const [config, preference] = await Promise.all([
-        apiGetPushConfig(),
-        apiGetPushPreference().catch(() => null)
-      ]);
-      setState({
-        supported: true,
-        allowedByWorkspace: Boolean(config?.enabled),
-        configured: Boolean(config?.configured),
-        permission: Notification.permission,
-        userEnabled: preference?.enabled ?? true,
-        deviceEnabled: Notification.permission === "granted" && Boolean(getStoredPushToken()),
-        loading: false,
-        error: null
-      });
-    } catch (error) {
-      setState((prev) => ({
-        ...prev,
-        supported: true,
-        loading: false,
-        error: error instanceof Error ? error.message : "Could not load push settings"
-      }));
-    }
-  }, []);
-  useEffect(() => {
-    void refresh();
-  }, [refresh]);
-  const enable = useCallback(async () => {
-    setState((prev) => ({ ...prev, loading: true, error: null }));
-    try {
-      await enablePushOnThisDevice();
-      await refresh();
-      return true;
-    } catch (error) {
-      setState((prev) => ({
-        ...prev,
-        loading: false,
-        permission: isPushSupported() ? Notification.permission : "unsupported",
-        error: error instanceof Error ? error.message : "Could not enable push notifications"
-      }));
-      return false;
-    }
-  }, [refresh]);
-  const disable = useCallback(async () => {
-    setState((prev) => ({ ...prev, loading: true, error: null }));
-    try {
-      await disablePushOnThisDevice();
-    } finally {
-      await refresh();
-    }
-  }, [refresh]);
-  const setUserEnabled = useCallback(
-    async (enabled) => {
-      setState((prev) => ({ ...prev, userEnabled: enabled }));
-      try {
-        await apiUpdatePushPreference(enabled);
-      } catch (error) {
-        setState((prev) => ({
-          ...prev,
-          userEnabled: !enabled,
-          error: error instanceof Error ? error.message : "Could not update push preference"
-        }));
-      }
-    },
-    []
-  );
-  return { ...state, enable, disable, setUserEnabled, refresh };
-};
-var PushNotificationToggle = ({
-  className,
-  label = "Push notifications",
-  description = "Get notified about new messages on this device"
-}) => {
-  const push = usePushNotifications();
-  if (!push.supported || !push.allowedByWorkspace || !push.configured) {
-    return null;
-  }
-  const isOn = push.deviceEnabled && push.userEnabled;
-  const permissionBlocked = push.permission === "denied";
-  const handleChange = async (checked) => {
-    if (checked) {
-      if (!push.userEnabled) await push.setUserEnabled(true);
-      if (!push.deviceEnabled) await push.enable();
-    } else {
-      await push.disable();
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: className ?? "flex items-center justify-between gap-4 rounded-xl border border-border bg-background px-4 py-3",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: label }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: permissionBlocked ? "Notifications are blocked in your browser settings" : push.error ?? description })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Switch,
-          {
-            checked: isOn,
-            disabled: push.loading || permissionBlocked,
-            onCheckedChange: (checked) => void handleChange(checked),
-            "aria-label": `Toggle ${label}`
-          }
-        )
-      ]
-    }
-  );
-};
 
 // src/index.ts
 var index_default = ChatMain_default;
 
-export { CHAT_API_KEYS, CHAT_GET_API_KEYS, Calendar, CalendarDayButton, Channel, ChannelHeaderView_default as ChannelHeader, ChannelListView_default as ChannelList, ChannelListItem_default as ChannelListItem, Chat, ChatAlertsProvider, ChatAvatar_default as ChatAvatar, ChatCustomizationProvider, ChatDateJumpMenu, ChatLayout_default as ChatLayout, ChatLocaleProvider, ChatMain_default as ChatMain, ChatThemeProvider, ChatViewport, DefaultChannelListItem, DefaultChatAvatar, DefaultChatLayout_default as DefaultChatLayout, ForegroundPushBridge, ForwardModalView as ForwardModal, HeaderCallActions_default as HeaderCallActions, LoggedUserDetails_default as LoggedUserDetails, ChannelMessageBoxView_default as MessageInput, MessageItemView as MessageItem, ActiveChannelMessagesView_default as MessageList, NOTIFICATION_CLICK_SW_TYPE, OPEN_CONVERSATION_EVENT, PUSH_BROADCAST_CHANNEL, PUSH_CHANGED_EVENT, PushNotificationToggle, apiGetPushConfig, apiGetPushPreference, apiRegisterPushToken, apiRemovePushToken, apiUpdatePushPreference, buildChannelFromPushRequest, capitalizeFirst, clampJumpDate, consumePendingOpenConversation, consumePendingOpenRequest, index_default as default, defaultChatClassNames, defaultChatComponents, defaultChatFeatures, defaultChatLayoutConfig, disablePushOnThisDevice, downloadFile, enablePushOnThisDevice, getChatBaseUrl, getChatQueryParamApis, getChatQueryParams, getChatQueryParamsByApi, getChatSocketUrl, getFirstAndLastNameOneCharacter, getResponsiveWidth, getSocketConfig, getStoredPushToken, installNotificationClickBridge, isEmpty, isPushSupported, mergeChatCustomization, mergeChatLayoutConfig, onForegroundPush, packageDefaultComponents, peekPendingOpenConversation, peekPendingOpenRequest, requestOpenConversation, resolveApiUrl, resolveChatApiKey, resolveConversationIdFromPushData, resolveJumpDateBounds, resolveJumpPreset, resolveJumpStep, resolveSocketUrl, setChatAccessToken, setChatBaseURL, setChatClientId, setChatQueryParamApis, setChatQueryParams, setChatQueryParamsByApi, setChatSocketUrl, showNotification, smoothScrollToMessage, socket_service_default as socketService, startOfLocalDay, toDateInputValue, uniqueList, useChatAlerts, useChatContext, useChatController, useChatCustomization, useChatCustomizationOptional, useChatFeatures, useChatFeaturesOptional, useChatLocale, useStore as useChatStore, useChatTheme, usePushNotifications };
+export { CHAT_API_KEYS, CHAT_GET_API_KEYS, Calendar, CalendarDayButton, Channel, ChannelHeaderView_default as ChannelHeader, ChannelListView_default as ChannelList, ChannelListItem_default as ChannelListItem, Chat, ChatAlertsProvider, ChatAvatar_default as ChatAvatar, ChatCustomizationProvider, ChatDateJumpMenu, ChatLayout_default as ChatLayout, ChatLocaleProvider, ChatMain_default as ChatMain, ChatThemeProvider, ChatViewport, DefaultChannelListItem, DefaultChatAvatar, DefaultChatLayout_default as DefaultChatLayout, ForegroundPushBridge, ForwardModalView as ForwardModal, HeaderCallActions_default as HeaderCallActions, LoggedUserDetails_default as LoggedUserDetails, ChannelMessageBoxView_default as MessageInput, MessageItemView as MessageItem, ActiveChannelMessagesView_default as MessageList, NOTIFICATION_CLICK_SW_TYPE, OPEN_CONVERSATION_EVENT, PUSH_BROADCAST_CHANNEL, PUSH_CHANGED_EVENT, PUSH_DATA_CACHE_NAME, PushNotificationToggle, apiGetPushConfig, apiGetPushPreference, apiRegisterPushToken, apiRemovePushToken, apiUpdatePushPreference, buildChannelFromPushRequest, capitalizeFirst, clampJumpDate, consumePendingOpenConversation, consumePendingOpenFromPushCache, consumePendingOpenRequest, index_default as default, defaultChatClassNames, defaultChatComponents, defaultChatFeatures, defaultChatLayoutConfig, disablePushOnThisDevice, downloadFile, enablePushOnThisDevice, getChatBaseUrl, getChatQueryParamApis, getChatQueryParams, getChatQueryParamsByApi, getChatSocketUrl, getFirstAndLastNameOneCharacter, getResponsiveWidth, getSocketConfig, getStoredPushToken, installNotificationClickBridge, isEmpty, isPushSupported, mergeChatCustomization, mergeChatLayoutConfig, onForegroundPush, packageDefaultComponents, peekPendingOpenConversation, peekPendingOpenRequest, requestOpenConversation, resolveApiUrl, resolveChatApiKey, resolveConversationIdFromPushData, resolveJumpDateBounds, resolveJumpPreset, resolveJumpStep, resolveSocketUrl, setChatAccessToken, setChatBaseURL, setChatClientId, setChatQueryParamApis, setChatQueryParams, setChatQueryParamsByApi, setChatSocketUrl, showNotification, smoothScrollToMessage, socket_service_default as socketService, startOfLocalDay, toDateInputValue, uniqueList, useChatAlerts, useChatContext, useChatController, useChatCustomization, useChatCustomizationOptional, useChatFeatures, useChatFeaturesOptional, useChatLocale, useStore as useChatStore, useChatTheme, usePushNotifications };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map