@samirify/messenger 0.1.5 → 0.1.6

package/dist/{chunk-M2F3K6UX.cjs → chunk-MH5UXWCD.cjs}

@@ -17,6 +17,14 @@ function MessengerUiProvider({ children }) {
     setThreadId(id);
     setOpen(true);
   }, []);
+  const focusInbox = react.useCallback(() => {
+    setThreadId(null);
+    setOpen(false);
+  }, []);
+  const focusThread = react.useCallback((id) => {
+    setThreadId(id);
+    setOpen(false);
+  }, []);
   const close = react.useCallback(() => {
     setOpen(false);
   }, []);
@@ -26,10 +34,12 @@ function MessengerUiProvider({ children }) {
       threadId,
       openInbox,
       openThread,
+      focusInbox,
+      focusThread,
       close,
       setOpen
     }),
-    [open, threadId, openInbox, openThread, close]
+    [open, threadId, openInbox, openThread, focusInbox, focusThread, close]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(MessengerUiContext.Provider, { value, children });
 }
@@ -78,5 +88,5 @@ exports.MessengerUiProvider = MessengerUiProvider;
 exports.useMessengerUi = useMessengerUi;
 exports.useOptionalMessengerUi = useOptionalMessengerUi;
 exports.useUnreadTotal = useUnreadTotal;
-//# sourceMappingURL=chunk-M2F3K6UX.cjs.map
-//# sourceMappingURL=chunk-M2F3K6UX.cjs.map
+//# sourceMappingURL=chunk-MH5UXWCD.cjs.map
+//# sourceMappingURL=chunk-MH5UXWCD.cjs.map

package/dist/chunk-MH5UXWCD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/uiController.tsx","../src/hooks/useUnreadTotal.ts"],"names":["createContext","useState","useCallback","useMemo","jsx","useContext","useOptionalMessengerConfig","useQuery","messengerKeys","listThreads","sumUnread"],"mappings":"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","file":"chunk-MH5UXWCD.cjs","sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nexport interface MessengerUiState {\n  open: boolean;\n  threadId: number | null;\n  /** Open the floating dock on the inbox. */\n  openInbox: () => void;\n  /** Open the floating dock on a thread. */\n  openThread: (threadId: number) => void;\n  /**\n   * Select the inbox without opening the dock — for full-page / dashboard\n   * surfaces and notification deep-links that navigate away from the dock.\n   */\n  focusInbox: () => void;\n  /**\n   * Select a thread without opening the dock — for full-page / dashboard\n   * surfaces and notification deep-links that navigate away from the dock.\n   */\n  focusThread: (threadId: number) => void;\n  close: () => void;\n  setOpen: (open: boolean) => void;\n}\n\nconst MessengerUiContext = createContext<MessengerUiState | null>(null);\n\nexport function MessengerUiProvider({ children }: { children: ReactNode }) {\n  const [open, setOpen] = useState(false);\n  const [threadId, setThreadId] = useState<number | null>(null);\n\n  const openInbox = useCallback(() => {\n    setThreadId(null);\n    setOpen(true);\n  }, []);\n\n  const openThread = useCallback((id: number) => {\n    setThreadId(id);\n    setOpen(true);\n  }, []);\n\n  const focusInbox = useCallback(() => {\n    setThreadId(null);\n    setOpen(false);\n  }, []);\n\n  const focusThread = useCallback((id: number) => {\n    setThreadId(id);\n    setOpen(false);\n  }, []);\n\n  const close = useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  const value = useMemo(\n    () => ({\n      open,\n      threadId,\n      openInbox,\n      openThread,\n      focusInbox,\n      focusThread,\n      close,\n      setOpen,\n    }),\n    [open, threadId, openInbox, openThread, focusInbox, focusThread, close]\n  );\n\n  return (\n    <MessengerUiContext.Provider value={value}>\n      {children}\n    </MessengerUiContext.Provider>\n  );\n}\n\nexport function useMessengerUi(): MessengerUiState {\n  const ctx = useContext(MessengerUiContext);\n  if (!ctx) {\n    throw new Error(\n      \"@gymlium/messenger: useMessengerUi must be used within MessengerUiProvider\"\n    );\n  }\n  return ctx;\n}\n\nexport function useOptionalMessengerUi(): MessengerUiState | null {\n  return useContext(MessengerUiContext);\n}\n","import { useMemo } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { listThreads, sumUnread } from \"../api\";\nimport { messengerKeys } from \"../queryKeys\";\nimport { useOptionalMessengerConfig } from \"../provider\";\n\n/**\n * Total unread across threads. Works outside MessengerProvider (returns 0).\n * Prefer mounting MessengerProvider above host chrome that needs this.\n */\nexport function useUnreadTotal(options?: { enabled?: boolean }) {\n  const cfg = useOptionalMessengerConfig();\n  const featureOn = cfg?.enabled === true;\n  const http = cfg?.http;\n  const enabled = (options?.enabled ?? true) && featureOn && !!http;\n\n  const query = useQuery({\n    queryKey: messengerKeys.threads(),\n    queryFn: async () => {\n      const res = await listThreads(http!);\n      if (!res.success) {\n        throw new Error(res.message ?? \"Failed to load threads\");\n      }\n      return res.data;\n    },\n    enabled,\n  });\n\n  const total = useMemo(\n    () => (query.data ? sumUnread(query.data) : 0),\n    [query.data]\n  );\n\n  return {\n    total,\n    isLoading: query.isLoading,\n    isFetching: query.isFetching,\n    refetch: query.refetch,\n    enabled: featureOn,\n  };\n}\n"]}

package/dist/{chunk-OTJZXVON.js → chunk-OUM2PDMW.js}

@@ -15,6 +15,14 @@ function MessengerUiProvider({ children }) {
     setThreadId(id);
     setOpen(true);
   }, []);
+  const focusInbox = useCallback(() => {
+    setThreadId(null);
+    setOpen(false);
+  }, []);
+  const focusThread = useCallback((id) => {
+    setThreadId(id);
+    setOpen(false);
+  }, []);
   const close = useCallback(() => {
     setOpen(false);
   }, []);
@@ -24,10 +32,12 @@ function MessengerUiProvider({ children }) {
       threadId,
       openInbox,
       openThread,
+      focusInbox,
+      focusThread,
       close,
       setOpen
     }),
-    [open, threadId, openInbox, openThread, close]
+    [open, threadId, openInbox, openThread, focusInbox, focusThread, close]
   );
   return /* @__PURE__ */ jsx(MessengerUiContext.Provider, { value, children });
 }
@@ -73,5 +83,5 @@ function useUnreadTotal(options) {
 }
 
 export { MessengerUiProvider, useMessengerUi, useOptionalMessengerUi, useUnreadTotal };
-//# sourceMappingURL=chunk-OTJZXVON.js.map
-//# sourceMappingURL=chunk-OTJZXVON.js.map
+//# sourceMappingURL=chunk-OUM2PDMW.js.map
+//# sourceMappingURL=chunk-OUM2PDMW.js.map

package/dist/chunk-OUM2PDMW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/uiController.tsx","../src/hooks/useUnreadTotal.ts"],"names":["useMemo"],"mappings":"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","file":"chunk-OUM2PDMW.js","sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nexport interface MessengerUiState {\n  open: boolean;\n  threadId: number | null;\n  /** Open the floating dock on the inbox. */\n  openInbox: () => void;\n  /** Open the floating dock on a thread. */\n  openThread: (threadId: number) => void;\n  /**\n   * Select the inbox without opening the dock — for full-page / dashboard\n   * surfaces and notification deep-links that navigate away from the dock.\n   */\n  focusInbox: () => void;\n  /**\n   * Select a thread without opening the dock — for full-page / dashboard\n   * surfaces and notification deep-links that navigate away from the dock.\n   */\n  focusThread: (threadId: number) => void;\n  close: () => void;\n  setOpen: (open: boolean) => void;\n}\n\nconst MessengerUiContext = createContext<MessengerUiState | null>(null);\n\nexport function MessengerUiProvider({ children }: { children: ReactNode }) {\n  const [open, setOpen] = useState(false);\n  const [threadId, setThreadId] = useState<number | null>(null);\n\n  const openInbox = useCallback(() => {\n    setThreadId(null);\n    setOpen(true);\n  }, []);\n\n  const openThread = useCallback((id: number) => {\n    setThreadId(id);\n    setOpen(true);\n  }, []);\n\n  const focusInbox = useCallback(() => {\n    setThreadId(null);\n    setOpen(false);\n  }, []);\n\n  const focusThread = useCallback((id: number) => {\n    setThreadId(id);\n    setOpen(false);\n  }, []);\n\n  const close = useCallback(() => {\n    setOpen(false);\n  }, []);\n\n  const value = useMemo(\n    () => ({\n      open,\n      threadId,\n      openInbox,\n      openThread,\n      focusInbox,\n      focusThread,\n      close,\n      setOpen,\n    }),\n    [open, threadId, openInbox, openThread, focusInbox, focusThread, close]\n  );\n\n  return (\n    <MessengerUiContext.Provider value={value}>\n      {children}\n    </MessengerUiContext.Provider>\n  );\n}\n\nexport function useMessengerUi(): MessengerUiState {\n  const ctx = useContext(MessengerUiContext);\n  if (!ctx) {\n    throw new Error(\n      \"@gymlium/messenger: useMessengerUi must be used within MessengerUiProvider\"\n    );\n  }\n  return ctx;\n}\n\nexport function useOptionalMessengerUi(): MessengerUiState | null {\n  return useContext(MessengerUiContext);\n}\n","import { useMemo } from \"react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { listThreads, sumUnread } from \"../api\";\nimport { messengerKeys } from \"../queryKeys\";\nimport { useOptionalMessengerConfig } from \"../provider\";\n\n/**\n * Total unread across threads. Works outside MessengerProvider (returns 0).\n * Prefer mounting MessengerProvider above host chrome that needs this.\n */\nexport function useUnreadTotal(options?: { enabled?: boolean }) {\n  const cfg = useOptionalMessengerConfig();\n  const featureOn = cfg?.enabled === true;\n  const http = cfg?.http;\n  const enabled = (options?.enabled ?? true) && featureOn && !!http;\n\n  const query = useQuery({\n    queryKey: messengerKeys.threads(),\n    queryFn: async () => {\n      const res = await listThreads(http!);\n      if (!res.success) {\n        throw new Error(res.message ?? \"Failed to load threads\");\n      }\n      return res.data;\n    },\n    enabled,\n  });\n\n  const total = useMemo(\n    () => (query.data ? sumUnread(query.data) : 0),\n    [query.data]\n  );\n\n  return {\n    total,\n    isLoading: query.isLoading,\n    isFetching: query.isFetching,\n    refetch: query.refetch,\n    enabled: featureOn,\n  };\n}\n"]}

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkM2F3K6UX_cjs = require('./chunk-M2F3K6UX.cjs');
+var chunkMH5UXWCD_cjs = require('./chunk-MH5UXWCD.cjs');
 var chunk42TCO5DV_cjs = require('./chunk-42TCO5DV.cjs');
 
 // src/deepLink.ts
@@ -20,19 +20,19 @@ function resolveMessageNotificationRoute(data) {
 
 Object.defineProperty(exports, "MessengerUiProvider", {
   enumerable: true,
-  get: function () { return chunkM2F3K6UX_cjs.MessengerUiProvider; }
+  get: function () { return chunkMH5UXWCD_cjs.MessengerUiProvider; }
 });
 Object.defineProperty(exports, "useMessengerUi", {
   enumerable: true,
-  get: function () { return chunkM2F3K6UX_cjs.useMessengerUi; }
+  get: function () { return chunkMH5UXWCD_cjs.useMessengerUi; }
 });
 Object.defineProperty(exports, "useOptionalMessengerUi", {
   enumerable: true,
-  get: function () { return chunkM2F3K6UX_cjs.useOptionalMessengerUi; }
+  get: function () { return chunkMH5UXWCD_cjs.useOptionalMessengerUi; }
 });
 Object.defineProperty(exports, "useUnreadTotal", {
   enumerable: true,
-  get: function () { return chunkM2F3K6UX_cjs.useUnreadTotal; }
+  get: function () { return chunkMH5UXWCD_cjs.useUnreadTotal; }
 });
 Object.defineProperty(exports, "MessengerI18n", {
   enumerable: true,

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import { M as MessengerHttp, A as ApiResult, a as MessageThread, C as ChatMessage, P as PickedImage } from './types-B7dU_l7c.cjs';
 export { b as MessengerConfig, c as MessengerNavigation, d as MessengerTheme, e as MessengerUser, T as TranslateFn } from './types-B7dU_l7c.cjs';
-export { M as MessengerProvider, a as MessengerUiProvider, u as useMessengerConfig, b as useMessengerUi, c as useOptionalMessengerConfig, d as useOptionalMessengerUi } from './uiController-CM_cznOa.cjs';
+export { M as MessengerProvider, a as MessengerUiProvider, u as useMessengerConfig, b as useMessengerUi, c as useOptionalMessengerConfig, d as useOptionalMessengerUi } from './uiController-COf59SW2.cjs';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import 'react';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { M as MessengerHttp, A as ApiResult, a as MessageThread, C as ChatMessage, P as PickedImage } from './types-B7dU_l7c.js';
 export { b as MessengerConfig, c as MessengerNavigation, d as MessengerTheme, e as MessengerUser, T as TranslateFn } from './types-B7dU_l7c.js';
-export { M as MessengerProvider, a as MessengerUiProvider, u as useMessengerConfig, b as useMessengerUi, c as useOptionalMessengerConfig, d as useOptionalMessengerUi } from './uiController-CNCLZw4I.js';
+export { M as MessengerProvider, a as MessengerUiProvider, u as useMessengerConfig, b as useMessengerUi, c as useOptionalMessengerConfig, d as useOptionalMessengerUi } from './uiController-Ju0xoRyd.js';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import 'react';

package/dist/index.js

@@ -1,4 +1,4 @@
-export { MessengerUiProvider, useMessengerUi, useOptionalMessengerUi, useUnreadTotal } from './chunk-OTJZXVON.js';
+export { MessengerUiProvider, useMessengerUi, useOptionalMessengerUi, useUnreadTotal } from './chunk-OUM2PDMW.js';
 export { MessengerI18n, MessengerProvider, getThread, listThreads, markThreadRead, messengerKeys, openThread, sendMessage, sumUnread, useMessengerConfig, useOpenThread, useOptionalMessengerConfig, useSendMessage, useThread, useThreads } from './chunk-O5XNJHGZ.js';
 
 // src/deepLink.ts

package/dist/{uiController-CM_cznOa.d.cts → uiController-COf59SW2.d.cts}

@@ -12,8 +12,20 @@ declare function useOptionalMessengerConfig(): MessengerConfig | null;
 interface MessengerUiState {
     open: boolean;
     threadId: number | null;
+    /** Open the floating dock on the inbox. */
     openInbox: () => void;
+    /** Open the floating dock on a thread. */
     openThread: (threadId: number) => void;
+    /**
+     * Select the inbox without opening the dock — for full-page / dashboard
+     * surfaces and notification deep-links that navigate away from the dock.
+     */
+    focusInbox: () => void;
+    /**
+     * Select a thread without opening the dock — for full-page / dashboard
+     * surfaces and notification deep-links that navigate away from the dock.
+     */
+    focusThread: (threadId: number) => void;
     close: () => void;
     setOpen: (open: boolean) => void;
 }

package/dist/{uiController-CNCLZw4I.d.ts → uiController-Ju0xoRyd.d.ts}

@@ -12,8 +12,20 @@ declare function useOptionalMessengerConfig(): MessengerConfig | null;
 interface MessengerUiState {
     open: boolean;
     threadId: number | null;
+    /** Open the floating dock on the inbox. */
     openInbox: () => void;
+    /** Open the floating dock on a thread. */
     openThread: (threadId: number) => void;
+    /**
+     * Select the inbox without opening the dock — for full-page / dashboard
+     * surfaces and notification deep-links that navigate away from the dock.
+     */
+    focusInbox: () => void;
+    /**
+     * Select a thread without opening the dock — for full-page / dashboard
+     * surfaces and notification deep-links that navigate away from the dock.
+     */
+    focusThread: (threadId: number) => void;
     close: () => void;
     setOpen: (open: boolean) => void;
 }

package/dist/web/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkM2F3K6UX_cjs = require('../chunk-M2F3K6UX.cjs');
+var chunkMH5UXWCD_cjs = require('../chunk-MH5UXWCD.cjs');
 var chunk42TCO5DV_cjs = require('../chunk-42TCO5DV.cjs');
 var framerMotion = require('framer-motion');
-var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 
 function initials(name) {
   const parts = name.trim().split(/\s+/).filter(Boolean);
@@ -14,7 +14,8 @@ function initials(name) {
 }
 function ThreadRow({
   thread,
-  onSelect
+  onSelect,
+  active
 }) {
   const { user, t, isRtl, theme } = chunk42TCO5DV_cjs.useMessengerConfig();
   const unread = Number(thread.unread_count ?? 0);
@@ -34,17 +35,19 @@ function ThreadRow({
         textAlign: isRtl ? "right" : "left",
         padding: "12px 14px",
         margin: "0 8px",
-        border: "none",
+        border: active ? `1px solid color-mix(in srgb, ${theme.accentColor} 28%, transparent)` : "1px solid transparent",
         borderRadius: 16,
-        background: unread > 0 ? `color-mix(in srgb, ${theme.accentColor} 8%, transparent)` : "transparent",
+        background: active ? `color-mix(in srgb, ${theme.accentColor} 14%, ${theme.colors.surface})` : unread > 0 ? `color-mix(in srgb, ${theme.accentColor} 8%, transparent)` : "transparent",
         cursor: "pointer",
         color: theme.colors.text,
-        transition: "background 160ms ease"
+        transition: "background 160ms ease, border-color 160ms ease"
       },
       onMouseEnter: (e) => {
+        if (active) return;
         e.currentTarget.style.background = `color-mix(in srgb, ${theme.accentColor} 12%, ${theme.colors.surfaceSecondary})`;
       },
       onMouseLeave: (e) => {
+        if (active) return;
         e.currentTarget.style.background = unread > 0 ? `color-mix(in srgb, ${theme.accentColor} 8%, transparent)` : "transparent";
       },
       children: [
@@ -147,7 +150,8 @@ function ThreadRow({
   );
 }
 function ThreadList({
-  onSelectThread
+  onSelectThread,
+  activeThreadId
 }) {
   const { user, t, theme } = chunk42TCO5DV_cjs.useMessengerConfig();
   const threadsQuery = chunk42TCO5DV_cjs.useThreads();
@@ -278,7 +282,15 @@ function ThreadList({
               gap: 2,
               paddingBottom: 8
             },
-            children: threads.map((th) => /* @__PURE__ */ jsxRuntime.jsx(ThreadRow, { thread: th, onSelect: onSelectThread }, th.id))
+            children: threads.map((th) => /* @__PURE__ */ jsxRuntime.jsx(
+              ThreadRow,
+              {
+                thread: th,
+                onSelect: onSelectThread,
+                active: activeThreadId === th.id
+              },
+              th.id
+            ))
           }
         )
       ]
@@ -756,6 +768,15 @@ function ChatPanel({
   variant = "dock"
 }) {
   const { enabled, t, isRtl, theme, onFeatureOff } = chunk42TCO5DV_cjs.useMessengerConfig();
+  const [wide, setWide] = react.useState(false);
+  react.useEffect(() => {
+    if (variant !== "page" || typeof window === "undefined") return;
+    const mq = window.matchMedia("(min-width: 768px)");
+    const apply = () => setWide(mq.matches);
+    apply();
+    mq.addEventListener("change", apply);
+    return () => mq.removeEventListener("change", apply);
+  }, [variant]);
   if (!enabled) {
     if (onFeatureOff) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: onFeatureOff() });
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -771,14 +792,17 @@ function ChatPanel({
       }
     );
   }
+  const inThread = threadId != null;
+  const pageSplit = variant === "page" && wide;
   const shell = variant === "page" ? {
     display: "flex",
-    flexDirection: "column",
+    flexDirection: pageSplit ? isRtl ? "row-reverse" : "row" : "column",
     height: "100%",
     width: "100%",
     overflow: "hidden",
     background: theme.colors.surface,
-    borderTop: `1px solid color-mix(in srgb, ${theme.colors.border} 80%, transparent)`
+    border: `1px solid color-mix(in srgb, ${theme.colors.border} 85%, transparent)`,
+    borderRadius: 0
   } : {
     display: "flex",
     flexDirection: "column",
@@ -789,110 +813,189 @@ function ChatPanel({
             ${theme.colors.surface}
           `
   };
-  const inThread = threadId != null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: shell, children: [
-    !inThread ? /* @__PURE__ */ jsxRuntime.jsxs(
-      "header",
-      {
-        style: {
-          display: "flex",
-          flexDirection: isRtl ? "row-reverse" : "row",
-          alignItems: "center",
-          gap: 12,
-          padding: "16px 16px 14px",
-          borderBottom: `1px solid color-mix(in srgb, ${theme.colors.border} 80%, transparent)`,
-          background: `linear-gradient(180deg, color-mix(in srgb, ${theme.colors.surface} 92%, transparent), color-mix(in srgb, ${theme.colors.surface} 70%, transparent))`,
-          backdropFilter: "blur(12px)"
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, minWidth: 0, textAlign: isRtl ? "right" : "left" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                style: {
-                  fontFamily: theme.fonts.displayBold,
-                  fontWeight: 700,
-                  fontSize: 20,
-                  letterSpacing: "-0.02em",
-                  color: theme.colors.text,
-                  lineHeight: 1.15
-                },
-                children: t(chunk42TCO5DV_cjs.MessengerI18n.messages.key, chunk42TCO5DV_cjs.MessengerI18n.messages.fallback)
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                style: {
-                  marginTop: 3,
-                  fontFamily: theme.fonts.body,
-                  fontSize: 12.5,
-                  color: theme.colors.textMuted
-                },
-                children: t(chunk42TCO5DV_cjs.MessengerI18n.messagesHint.key, chunk42TCO5DV_cjs.MessengerI18n.messagesHint.fallback)
-              }
-            )
-          ] }),
-          onClose ? /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onClose,
-              "aria-label": "Close",
-              style: {
-                border: `1px solid color-mix(in srgb, ${theme.colors.border} 90%, transparent)`,
-                background: `color-mix(in srgb, ${theme.colors.surfaceSecondary} 80%, transparent)`,
-                color: theme.colors.textSecondary,
-                width: 36,
-                height: 36,
-                borderRadius: 12,
-                cursor: "pointer",
-                display: "grid",
-                placeItems: "center",
-                flexShrink: 0
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { size: 16 })
-            }
-          ) : null
-        ]
-      }
-    ) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, minHeight: 0, position: "relative" }, children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", initial: false, children: inThread ? /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.div,
-      {
-        initial: { opacity: 0, x: isRtl ? -16 : 16 },
-        animate: { opacity: 1, x: 0 },
-        exit: { opacity: 0, x: isRtl ? 12 : -12 },
-        transition: { duration: 0.22, ease: [0.22, 1, 0.36, 1] },
-        style: { height: "100%" },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          Conversation,
+  const listPane = /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        width: pageSplit ? 320 : "100%",
+        flexShrink: 0,
+        borderInlineEnd: pageSplit ? `1px solid color-mix(in srgb, ${theme.colors.border} 80%, transparent)` : void 0,
+        background: pageSplit ? `linear-gradient(180deg, color-mix(in srgb, ${theme.colors.surfaceSecondary} 55%, ${theme.colors.surface}), ${theme.colors.surface})` : void 0
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "header",
+          {
+            style: {
+              display: "flex",
+              flexDirection: isRtl ? "row-reverse" : "row",
+              alignItems: "center",
+              gap: 12,
+              padding: "16px 16px 14px",
+              borderBottom: `1px solid color-mix(in srgb, ${theme.colors.border} 80%, transparent)`
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, minWidth: 0, textAlign: isRtl ? "right" : "left" }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    style: {
+                      fontFamily: theme.fonts.displayBold,
+                      fontWeight: 700,
+                      fontSize: pageSplit ? 18 : 20,
+                      letterSpacing: "-0.02em",
+                      color: theme.colors.text,
+                      lineHeight: 1.15
+                    },
+                    children: t(chunk42TCO5DV_cjs.MessengerI18n.messages.key, chunk42TCO5DV_cjs.MessengerI18n.messages.fallback)
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    style: {
+                      marginTop: 3,
+                      fontFamily: theme.fonts.body,
+                      fontSize: 12.5,
+                      color: theme.colors.textMuted
+                    },
+                    children: t(chunk42TCO5DV_cjs.MessengerI18n.messagesHint.key, chunk42TCO5DV_cjs.MessengerI18n.messagesHint.fallback)
+                  }
+                )
+              ] }),
+              onClose && !pageSplit ? /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onClose,
+                  "aria-label": "Close",
+                  style: {
+                    border: `1px solid color-mix(in srgb, ${theme.colors.border} 90%, transparent)`,
+                    background: `color-mix(in srgb, ${theme.colors.surfaceSecondary} 80%, transparent)`,
+                    color: theme.colors.textSecondary,
+                    width: 36,
+                    height: 36,
+                    borderRadius: 12,
+                    cursor: "pointer",
+                    display: "grid",
+                    placeItems: "center",
+                    flexShrink: 0
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { size: 16 })
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, minHeight: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+          ThreadList,
           {
-            threadId,
-            onBack: onBackToList,
-            onClose
+            onSelectThread,
+            activeThreadId: threadId
           }
-        )
-      },
-      `thread-${threadId}`
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.div,
-      {
-        initial: { opacity: 0, x: isRtl ? 16 : -16 },
-        animate: { opacity: 1, x: 0 },
-        exit: { opacity: 0, x: isRtl ? -12 : 12 },
-        transition: { duration: 0.22, ease: [0.22, 1, 0.36, 1] },
-        style: { height: "100%" },
-        children: /* @__PURE__ */ jsxRuntime.jsx(ThreadList, { onSelectThread })
+        ) })
+      ]
+    }
+  );
+  const emptyPane = /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        flex: 1,
+        minWidth: 0,
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 10,
+        padding: 32,
+        background: `
+          radial-gradient(80% 60% at 50% 0%, color-mix(in srgb, ${theme.accentColor} 10%, transparent), transparent 60%),
+          ${theme.colors.surface}
+        `
       },
-      "list"
-    ) }) })
-  ] });
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "aria-hidden": true,
+            style: {
+              width: 64,
+              height: 64,
+              borderRadius: 20,
+              display: "grid",
+              placeItems: "center",
+              background: `color-mix(in srgb, ${theme.accentColor} 12%, ${theme.colors.surfaceSecondary})`,
+              color: theme.accentColor,
+              fontSize: 26,
+              marginBottom: 4
+            },
+            children: "\u2726"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              fontFamily: theme.fonts.displaySemiBold,
+              fontWeight: 600,
+              fontSize: 16,
+              color: theme.colors.text
+            },
+            children: t(chunk42TCO5DV_cjs.MessengerI18n.messages.key, chunk42TCO5DV_cjs.MessengerI18n.messages.fallback)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              fontFamily: theme.fonts.body,
+              fontSize: 13.5,
+              color: theme.colors.textMuted,
+              maxWidth: 280,
+              textAlign: "center",
+              lineHeight: 1.45
+            },
+            children: t(chunk42TCO5DV_cjs.MessengerI18n.messagesHint.key, chunk42TCO5DV_cjs.MessengerI18n.messagesHint.fallback)
+          }
+        )
+      ]
+    }
+  );
+  if (variant === "page" && pageSplit) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: shell, children: [
+      listPane,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, minWidth: 0, minHeight: 0, height: "100%" }, children: inThread ? /* @__PURE__ */ jsxRuntime.jsx(Conversation, { threadId }) : emptyPane })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: shell, children: !inThread ? listPane : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, minHeight: 0, position: "relative", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
+    {
+      initial: { opacity: 0, x: isRtl ? -16 : 16 },
+      animate: { opacity: 1, x: 0 },
+      exit: { opacity: 0, x: isRtl ? 12 : -12 },
+      transition: { duration: 0.22, ease: [0.22, 1, 0.36, 1] },
+      style: { height: "100%" },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        Conversation,
+        {
+          threadId,
+          onBack: onBackToList,
+          onClose
+        }
+      )
+    },
+    `thread-${threadId}`
+  ) }) }) });
 }
 function ChatDock() {
   const { enabled, isRtl, theme, t } = chunk42TCO5DV_cjs.useMessengerConfig();
-  const ui = chunkM2F3K6UX_cjs.useMessengerUi();
-  const unread = chunkM2F3K6UX_cjs.useUnreadTotal({ enabled });
+  const ui = chunkMH5UXWCD_cjs.useMessengerUi();
+  const unread = chunkMH5UXWCD_cjs.useUnreadTotal({ enabled });
   if (!enabled) return null;
   const side = isRtl ? "left" : "right";
   const open = ui.open;
@@ -1048,15 +1151,15 @@ function ChatDock() {
 
 Object.defineProperty(exports, "MessengerUiProvider", {
   enumerable: true,
-  get: function () { return chunkM2F3K6UX_cjs.MessengerUiProvider; }
+  get: function () { return chunkMH5UXWCD_cjs.MessengerUiProvider; }
 });
 Object.defineProperty(exports, "useMessengerUi", {
   enumerable: true,
-  get: function () { return chunkM2F3K6UX_cjs.useMessengerUi; }
+  get: function () { return chunkMH5UXWCD_cjs.useMessengerUi; }
 });
 Object.defineProperty(exports, "useOptionalMessengerUi", {
   enumerable: true,
-  get: function () { return chunkM2F3K6UX_cjs.useOptionalMessengerUi; }
+  get: function () { return chunkMH5UXWCD_cjs.useOptionalMessengerUi; }
 });
 Object.defineProperty(exports, "MessengerProvider", {
   enumerable: true,