@droppii-org/chat-sdk 0.7.5 → 0.7.7

package/dist/hooks/session/useAgentSupportThreadJoin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAgentSupportThreadJoin.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useAgentSupportThreadJoin.ts"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,gBAAgB,EAGtB,MAAM,8BAA8B,CAAC;AAYtC;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GACpC,eAAe,gBAAgB,GAAG,IAAI,EACtC,aAAa,CAAC,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC;;;;;CAuE1D,CAAC"}
+{"version":3,"file":"useAgentSupportThreadJoin.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useAgentSupportThreadJoin.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,gBAAgB,EAGtB,MAAM,8BAA8B,CAAC;AAatC,eAAO,MAAM,yBAAyB,GAAI,iBAAiB,MAAM,YACF,CAAC;AAEhE;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GACpC,eAAe,gBAAgB,GAAG,IAAI,EACtC,aAAa,CAAC,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC;;;;;CA8E1D,CAAC"}

package/dist/hooks/session/useAgentSupportThreadJoin.js

@@ -1,9 +1,11 @@
 "use client";
 import { useCallback, useEffect, useState } from "react";
 import { message } from "antd";
+import { useQueryClient } from "@tanstack/react-query";
 import { useTranslation } from "react-i18next";
 import { CbEvents, } from "@droppii-org/wasm-client-sdk";
 import { DChatSDK } from "../../constants/sdk";
+import { QUERY_KEYS } from "../../services/query";
 import useAuthStore from "../../store/auth";
 import { PeerType } from "../../types/conversation";
 import { isSupportSessionAgentView } from "../../utils/conversation";
@@ -12,6 +14,7 @@ import { useIsJoinedGroup } from "./useIsJoinedGroup";
 // check right after still says "not a member". Joins made in this page
 // session are trusted instead — kept outside React so a remount keeps them.
 const joinedConversationIds = new Set();
+export const isSupportThreadJoinedHere = (conversationId) => !!conversationId && joinedConversationIds.has(conversationId);
 /**
  * CRM's join gate for the thread detail: an agent viewing a support thread
  * they aren't a member of can't send until they join. Opt-in — only a host
@@ -19,6 +22,7 @@ const joinedConversationIds = new Set();
  */
 export const useAgentSupportThreadJoin = (conversation, joinThread) => {
     const { t } = useTranslation();
+    const queryClient = useQueryClient();
     const userID = useAuthStore((state) => state.userID);
     const isCrm = useAuthStore((state) => state.isCrm);
     const isAgentSupportThread = !!joinThread &&
@@ -68,8 +72,15 @@ export const useAgentSupportThreadJoin = (conversation, joinThread) => {
         joinedConversationIds.add(conversationId);
         setJoinCount((count) => count + 1);
         message.success(t("join_group_success"));
-    }, [conversationId, joinThread, t]);
-    const isJoinedHere = !!conversationId && joinedConversationIds.has(conversationId);
+        // Re-renders other readers of this membership (pin rights); a join on a
+        // cached group syncs as an update, so no join event would refetch it.
+        if (groupId) {
+            const queryKey = [QUERY_KEYS.IS_JOINED_GROUP, groupId];
+            await queryClient.cancelQueries({ queryKey });
+            queryClient.setQueryData(queryKey, true);
+        }
+    }, [conversationId, groupId, joinThread, queryClient, t]);
+    const isJoinedHere = isSupportThreadJoinedHere(conversationId);
     const isGated = !!groupId && !isJoinedHere;
     return {
         isCheckingMembership: isGated && isJoined === null && !isError,

package/dist/hooks/session/useSessionLatestPreview.d.ts

@@ -7,5 +7,8 @@ export interface ConversationPreviewSource {
     conversationId: string;
     conversation?: ConversationItem;
 }
-export declare const useSessionLatestPreview: (sessions: ConversationPreviewSource[]) => Map<string, LatestPreview>;
+export declare const useSessionLatestPreview: (sessions: ConversationPreviewSource[]) => {
+    previews: Map<string, LatestPreview>;
+    isLoading: boolean;
+};
 //# sourceMappingURL=useSessionLatestPreview.d.ts.map

package/dist/hooks/session/useSessionLatestPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSessionLatestPreview.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useSessionLatestPreview.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAyB,MAAM,8BAA8B,CAAC;AASvF,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAKD,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAkBD,eAAO,MAAM,uBAAuB,GAClC,UAAU,yBAAyB,EAAE,+BAyEtC,CAAC"}
+{"version":3,"file":"useSessionLatestPreview.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useSessionLatestPreview.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAyB,MAAM,8BAA8B,CAAC;AASvF,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAKD,MAAM,WAAW,yBAAyB;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAkBD,eAAO,MAAM,uBAAuB,GAClC,UAAU,yBAAyB,EAAE;;;CA8EtC,CAAC"}

package/dist/hooks/session/useSessionLatestPreview.js

@@ -54,7 +54,9 @@ export const useSessionLatestPreview = (sessions) => {
             emitter.off("GROUP_MEMBERS_CHANGED", groupMembersChangedHandler);
         };
     }, [sessions, queryClient]);
-    return useMemo(() => {
+    // A preview is loading only while its query fetches for the first time.
+    const isLoading = results.some((result) => result.isLoading);
+    const previews = useMemo(() => {
         const map = new Map();
         sessions.forEach((session, index) => {
             var _a, _b, _c;
@@ -77,4 +79,5 @@ export const useSessionLatestPreview = (sessions) => {
         });
         return map;
     }, [sessions, results]);
+    return { previews, isLoading };
 };

package/dist/locales/vi/boot.json

@@ -12,13 +12,14 @@
       "sync": "Đồng bộ tin nhắn"
     },
     "slow": "Mạng đang chậm hơn bình thường. Livechat vẫn đang tải, bạn không cần làm gì thêm.",
-    "error_hint": "Kiểm tra kết nối mạng rồi bấm Thử lại. Nếu vẫn lỗi, báo bộ phận kỹ thuật: dừng ở bước {{step}}."
+    "error_hint": "Kiểm tra kết nối mạng rồi bấm Thử lại. Nếu vẫn lỗi, báo bộ phận kỹ thuật: dừng ở bước {{step}}.",
+    "background_sync": "Đang đồng bộ các cuộc trò chuyện còn lại"
   },
   "inbox": {
     "title": "Đang tải tin nhắn",
     "engine": "Đang chuẩn bị hộp thư…",
     "connect": "Đang kết nối…",
-    "sync": "Đang đồng bộ…",
+    "sync": "Vui lòng chờ trong giây lát…",
     "slow": "Lần đầu mở có thể mất một chút thời gian. Những lần sau sẽ nhanh hơn.",
     "error_title": "Chưa tải được tin nhắn",
     "error_hint": "Kiểm tra kết nối mạng rồi thử lại."

package/dist/locales/vi/common.json

@@ -74,6 +74,7 @@
   "context_menu_view_original": "Xem tin nhắn gốc",
   "pinned_panel_title": "Tin nhắn đã ghim",
   "pinned_panel_hint": "Nhấn giữ tin nhắn để chọn \"Bỏ ghim\" hoặc \"Xem tin nhắn gốc\"",
+  "pinned_panel_hint_view_only": "Nhấn giữ tin nhắn để chọn \"Xem tin nhắn gốc\"",
   "pin_message_success": "Đã ghim tin nhắn",
   "pin_message_failed": "Ghim tin nhắn thất bại",
   "unpin_message_success": "Đã bỏ ghim tin nhắn",

package/dist/screens/conversation-detail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation-detail/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAWrF,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,6CAA6C,CAAC;AAQrD,MAAM,WAAW,4BACf,SAAQ,4BAA4B,EAClC,4BAA4B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,uBAAuB,GAAI,8IAc9B,4BAA4B,mDA4Q9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation-detail/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAYrF,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,6CAA6C,CAAC;AAQrD,MAAM,WAAW,4BACf,SAAQ,4BAA4B,EAClC,4BAA4B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,uBAAuB,GAAI,8IAc9B,4BAA4B,mDA6Q9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/screens/conversation-detail/index.js

@@ -28,6 +28,7 @@ import { ConversationMessageList, ConversationDetailHeader, ConversationDetailIn
 import TypingIndicatorBar from "../../components/conversation-detail/TypingIndicatorBar";
 import { BotButtonMessage, BotInactiveNotice, BotMenuSheet, BotStartButton, BotSuggest, CsSessionConfirmModal, } from "../../components/conversation-detail/bot";
 import { useBotFlow } from "../../hooks/conversation/useBotFlow";
+import { useCanPinMessage } from "../../hooks/message/useCanPinMessage";
 import { BOT_TYPE } from "../../constants/botFlow";
 import { useResolveConversation, } from "../../hooks/conversation/useResolveConversation";
 import { nextConsultantReturnTarget, useConsultantChatNavigation, } from "../../hooks/conversation/useConsultantChatNavigation";
@@ -45,6 +46,7 @@ const DChatConversationDetail = (_a) => {
     const conversation = useConversationStore((state) => state.conversationData);
     const authUserID = useAuthStore((state) => state.userID);
     const isViewOnlyMember = useConversationStore((state) => state.isViewOnlyMember);
+    const canPinMessage = useCanPinMessage();
     const clearSelectedConversation = useConversationStore((state) => state.clearSelectedConversation);
     const setPendingResolveTarget = useConversationStore((state) => state.setPendingResolveTarget);
     const { isResolving, error } = useResolveConversation({
@@ -139,6 +141,6 @@ const DChatConversationDetail = (_a) => {
         !botFlow.flowIsEnd &&
         botFlow.shouldShowButtons &&
         botFlow.currentButtonsBlock ? (_jsx(BotButtonMessage, { buttons: botFlow.currentButtonsBlock.data.buttons, disabled: botFlow.isProcessing, onSelect: botFlow.selectButton, onRestart: botFlow.restart })) : null;
-    return (_jsxs("div", { "data-testid": "conversation-detail-root", className: clsx("relative flex h-full w-full flex-col overflow-hidden bg-white", className), children: [_jsx(ConversationDetailHeader, { conversation: conversation, onBack: handleBack, onProfileClick: openProfile }), _jsx(PinnedMessageBar, {}), _jsxs("div", { [COMPOSER_DISMISS_ZONE_ATTR]: "", className: "relative flex min-h-0 flex-1 flex-col", children: [children !== null && children !== void 0 ? children : (_jsx(ConversationMessageList, { bottomSlot: botButtonsSlot, onCopyMessageLink: onCopyMessageLink, onSearchMessageRevoked: onSearchMessageRevoked })), _jsx(TypingIndicatorBar, { conversationId: conversation.conversationID })] }), footer, isBotThread && (_jsxs(_Fragment, { children: [_jsx(BotMenuSheet, { open: isMenuOpen, items: botFlow.menuItems, disabled: botFlow.isProcessing, onClose: closeMenu, onSelect: botFlow.selectMenuOption }), _jsx(CsSessionConfirmModal, { open: botFlow.isCsConfirmOpen, loading: botFlow.isProcessing, onCancel: botFlow.cancelMenuOption, onConfirm: botFlow.confirmEndCsSession })] })), _jsx(ThreadProfilePanel, { open: isProfileOpen, conversation: conversation, onClose: closeProfile, onSelectResource: setResourceTab }), _jsx(MediaResourcePanel, { open: resourceTab !== null, initialTab: resourceTab !== null && resourceTab !== void 0 ? resourceTab : MediaResourceTabKey.Image, onClose: () => setResourceTab(null) })] }));
+    return (_jsxs("div", { "data-testid": "conversation-detail-root", className: clsx("relative flex h-full w-full flex-col overflow-hidden bg-white", className), children: [_jsx(ConversationDetailHeader, { conversation: conversation, onBack: handleBack, onProfileClick: openProfile }), _jsx(PinnedMessageBar, { canUnpin: canPinMessage }), _jsxs("div", { [COMPOSER_DISMISS_ZONE_ATTR]: "", className: "relative flex min-h-0 flex-1 flex-col", children: [children !== null && children !== void 0 ? children : (_jsx(ConversationMessageList, { bottomSlot: botButtonsSlot, onCopyMessageLink: onCopyMessageLink, onSearchMessageRevoked: onSearchMessageRevoked })), _jsx(TypingIndicatorBar, { conversationId: conversation.conversationID })] }), footer, isBotThread && (_jsxs(_Fragment, { children: [_jsx(BotMenuSheet, { open: isMenuOpen, items: botFlow.menuItems, disabled: botFlow.isProcessing, onClose: closeMenu, onSelect: botFlow.selectMenuOption }), _jsx(CsSessionConfirmModal, { open: botFlow.isCsConfirmOpen, loading: botFlow.isProcessing, onCancel: botFlow.cancelMenuOption, onConfirm: botFlow.confirmEndCsSession })] })), _jsx(ThreadProfilePanel, { open: isProfileOpen, conversation: conversation, onClose: closeProfile, onSelectResource: setResourceTab }), _jsx(MediaResourcePanel, { open: resourceTab !== null, initialTab: resourceTab !== null && resourceTab !== void 0 ? resourceTab : MediaResourceTabKey.Image, onClose: () => setResourceTab(null) })] }));
 };
 export default DChatConversationDetail;

package/dist/screens/desk-message/DeskWorkspace.d.ts

@@ -11,8 +11,10 @@ interface DeskWorkspaceProps {
     isOffline?: boolean;
     /** Shown in the offline overlay: reconnect status, and Retry once the reconnect has failed. */
     offlineContent?: ReactNode;
+    /** First boot: covers the desk (locked like offline) while its first screen of data loads. */
+    bootOverlay?: ReactNode;
 }
 /** Bright Workspace: folder, list, chat and info as separate white panels on the page canvas. */
-declare const DeskWorkspace: ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMessageLink, onSearchMessageRevoked, onOpenAppMenu, isOffline, offlineContent, }: DeskWorkspaceProps) => import("react/jsx-runtime").JSX.Element;
+declare const DeskWorkspace: ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMessageLink, onSearchMessageRevoked, onOpenAppMenu, isOffline, offlineContent, bootOverlay, }: DeskWorkspaceProps) => import("react/jsx-runtime").JSX.Element;
 export default DeskWorkspace;
 //# sourceMappingURL=DeskWorkspace.d.ts.map

package/dist/screens/desk-message/DeskWorkspace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeskWorkspace.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/DeskWorkspace.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAkB5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGxD,UAAU,kBAAkB;IAC1B,qBAAqB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChE,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,4FAA4F;IAC5F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+FAA+F;IAC/F,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAID,iGAAiG;AACjG,QAAA,MAAM,aAAa,GAAI,wIAQpB,kBAAkB,4CAiLpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"DeskWorkspace.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/DeskWorkspace.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAqB5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGxD,UAAU,kBAAkB;IAC1B,qBAAqB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChE,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,4FAA4F;IAC5F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+FAA+F;IAC/F,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,8FAA8F;IAC9F,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAID,iGAAiG;AACjG,QAAA,MAAM,aAAa,GAAI,qJASpB,kBAAkB,4CA2LpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/screens/desk-message/DeskWorkspace.js

@@ -10,7 +10,7 @@ import { useMediaQuery } from "../../hooks/common/useMediaQuery";
 import { useSidePanel } from "../../hooks/common/useSidePanel";
 import { useVisualViewportHeight } from "../../hooks/common/useVisualViewportHeight";
 import { useViewportTier } from "../../hooks/common/useViewportTier";
-import { useDeskOfflineLock } from "../../hooks/conversation/useDeskOfflineLock";
+import { DESK_OFFLINE_OVERLAY_ATTR, useDeskOfflineLock, } from "../../hooks/conversation/useDeskOfflineLock";
 import { useDeskThreadNavigation } from "../../hooks/conversation/useDeskThreadNavigation";
 import useSidePanelStore from "../../store/sidePanel";
 import useConversationStore from "../../store/conversation";
@@ -26,7 +26,7 @@ import DeskOfflineOverlay from "./DeskOfflineOverlay";
 import { PeerType } from "../../types/conversation";
 const minWidth = (px) => `(min-width: ${px}px)`;
 /** Bright Workspace: folder, list, chat and info as separate white panels on the page canvas. */
-const DeskWorkspace = ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMessageLink, onSearchMessageRevoked, onOpenAppMenu, isOffline = false, offlineContent, }) => {
+const DeskWorkspace = ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMessageLink, onSearchMessageRevoked, onOpenAppMenu, isOffline = false, offlineContent, bootOverlay, }) => {
     const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
     const searchClientMsgID = useConversationStore((state) => state.searchClientMsgID);
     const { isOpen: isInfoOpen, toggle: toggleInfo, close: closeInfo } = useSidePanel("info");
@@ -78,7 +78,7 @@ const DeskWorkspace = ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMes
             useSidePanelStore.getState().closePanel();
     }, [isPhone, selectedConversationId]);
     const wasShowingThread = useRef(showThread);
-    useDeskOfflineLock(workspaceEl, isOffline, () => {
+    useDeskOfflineLock(workspaceEl, isOffline || Boolean(bootOverlay), () => {
         var _a, _b;
         return isPhone
             ? showThread
@@ -121,6 +121,6 @@ const DeskWorkspace = ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMes
                     ? undefined
                     : { width: isFolderInline ? LAYOUT_WIDTHS.list : LAYOUT_WIDTHS.listCompact }, children: [_jsx(DeskConversationList, { onOpenAppMenu: onOpenAppMenu }), !isFolderInline && _jsx(FolderOverlay, {})] }), _jsxs("div", { ref: chatPaneRef, className: isPhone
                     ? `absolute inset-0 flex flex-col overflow-hidden bg-white ${showThread ? "" : "invisible"}`
-                    : "flex h-full flex-1 overflow-hidden rounded-xl bg-white shadow-sm", style: isPhone ? undefined : { minWidth: isDesktop ? LAYOUT_WIDTHS.chatMin : 0 }, children: [isPhone && !hasConversationData && (_jsx(PhoneThreadFallbackHeader, { onBack: backToList, onOpenAppMenu: onOpenAppMenu })), messageList] }), _jsx(ThreadInfo, { isOpen: isInfoOpen, onClose: closeInfo, groupConfig: groupThreadInfoConfig, supportPanelInline: isSupportPanelInline, drawerContainer: workspaceEl }), _jsx("div", { ref: setPanelSlotEl, className: "contents" }), _jsx(ShortcutHelpModal, { open: isHelpOpen, onClose: () => setIsHelpOpen(false) }), isOffline && (_jsx(DeskOfflineOverlay, { isPhone: isPhone, onOpenAppMenu: onOpenAppMenu, children: offlineContent }))] }));
+                    : "flex h-full flex-1 overflow-hidden rounded-xl bg-white shadow-sm", style: isPhone ? undefined : { minWidth: isDesktop ? LAYOUT_WIDTHS.chatMin : 0 }, children: [isPhone && !hasConversationData && (_jsx(PhoneThreadFallbackHeader, { onBack: backToList, onOpenAppMenu: onOpenAppMenu })), messageList] }), _jsx(ThreadInfo, { isOpen: isInfoOpen, onClose: closeInfo, groupConfig: groupThreadInfoConfig, supportPanelInline: isSupportPanelInline, drawerContainer: workspaceEl }), _jsx("div", { ref: setPanelSlotEl, className: "contents" }), _jsx(ShortcutHelpModal, { open: isHelpOpen, onClose: () => setIsHelpOpen(false) }), bootOverlay ? (_jsx("div", { [DESK_OFFLINE_OVERLAY_ATTR]: "", "data-testid": "desk-boot-overlay", className: "absolute inset-0 z-[1000] flex", children: bootOverlay })) : (isOffline && (_jsx(DeskOfflineOverlay, { isPhone: isPhone, onOpenAppMenu: onOpenAppMenu, children: offlineContent })))] }));
 };
 export default DeskWorkspace;

package/dist/screens/desk-message/index.d.ts

@@ -1,5 +1,7 @@
 import { GroupThreadInfoConfig } from "../../components/thread/GroupThreadInfo";
 import type { CannedCreateRequest } from "../../types/chat";
+/** Longest the boot screen waits for the desk's first page of conversations once it can load. */
+export declare const FIRST_SCREEN_MAX_WAIT_MS = 10000;
 interface DChatDeskMessageProps {
     openCreateCannedModal?: (request?: CannedCreateRequest) => void;
     groupThreadInfoConfig?: GroupThreadInfoConfig;

package/dist/screens/desk-message/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAK5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAIxD,UAAU,qBAAqB;IAC7B,qBAAqB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChE,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,+GAA+G;IAC/G,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CACtD;AAWD,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CA4CrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAM5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGxD,iGAAiG;AACjG,eAAO,MAAM,wBAAwB,QAAS,CAAC;AAE/C,UAAU,qBAAqB;IAC7B,qBAAqB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChE,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,+GAA+G;IAC/G,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CACtD;AAWD,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CA4DrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/screens/desk-message/index.js

@@ -6,10 +6,13 @@ import { useChatContext } from "../../context/ChatContext";
 import { ConnectStatus } from "../../types/chat";
 import { QUERY_KEYS } from "../../services/query";
 import { useChatBootPhase } from "../../hooks/init/useChatBootPhase";
+import useBootStore, { selectHasConversations } from "../../store/boot";
 import DeskWorkspace from "./DeskWorkspace";
 import DeskWorkspaceSkeleton from "./DeskWorkspaceSkeleton";
 import DeskBootCard from "./DeskBootCard";
 const DESK_SLOW_AFTER_MS = 15000;
+/** Longest the boot screen waits for the desk's first page of conversations once it can load. */
+export const FIRST_SCREEN_MAX_WAIT_MS = 10000;
 // Lists behind the desk; they refetch after a reconnect because events were missed while offline.
 const DESK_QUERY_KEYS = [
     QUERY_KEYS.GET_TEAM_SESSIONS,
@@ -23,13 +26,26 @@ const DChatDeskMessage = (props) => {
     const { connectStatus } = useChatContext();
     const queryClient = useQueryClient();
     const isConnected = connectStatus === ConnectStatus.Connected;
-    // After the first full boot the desk stays mounted, so a reconnect keeps scroll, search and panels.
-    const [hasBooted, setHasBooted] = useState(boot.phase === "ready");
+    const hasConversations = useBootStore(selectHasConversations);
+    const isFirstScreenReady = useBootStore((state) => state.isFirstScreenReady);
+    // The desk mounts once the local DB holds the conversations; a fresh device's sync then
+    // finishes in the background while the first page loads on demand under the boot screen.
+    const canMountDesk = isConnected && hasConversations;
+    const [isFirstScreenTimedOut, setIsFirstScreenTimedOut] = useState(false);
+    const isBooted = canMountDesk && (isFirstScreenReady || isFirstScreenTimedOut);
+    // After the first screen has shown, the desk stays mounted, so a reconnect keeps scroll, search and panels.
+    const [hasBooted, setHasBooted] = useState(isBooted);
     const wasDropped = useRef(false);
     useEffect(() => {
-        if (boot.phase === "ready")
+        if (isBooted)
             setHasBooted(true);
-    }, [boot.phase]);
+    }, [isBooted]);
+    useEffect(() => {
+        if (hasBooted || !canMountDesk || isFirstScreenReady)
+            return;
+        const timer = setTimeout(() => setIsFirstScreenTimedOut(true), FIRST_SCREEN_MAX_WAIT_MS);
+        return () => clearTimeout(timer);
+    }, [hasBooted, canMountDesk, isFirstScreenReady]);
     useEffect(() => {
         if (!hasBooted)
             return;
@@ -47,9 +63,11 @@ const DChatDeskMessage = (props) => {
             },
         });
     }, [hasBooted, isConnected, queryClient]);
-    if (!hasBooted && boot.phase !== "ready") {
-        return (_jsx(DeskWorkspaceSkeleton, { children: _jsx(DeskBootCard, { boot: boot }) }));
-    }
-    return (_jsx(DeskWorkspace, Object.assign({}, props, { isOffline: !isConnected, offlineContent: isConnected ? undefined : _jsx(DeskBootCard, { boot: boot }) })));
+    const showDesk = hasBooted || isBooted;
+    // An incremental sync can end before the first page is in; keep the sync step on screen till then.
+    const bootScreen = (_jsx(DeskWorkspaceSkeleton, { children: _jsx(DeskBootCard, { boot: boot.phase === "ready" ? Object.assign(Object.assign({}, boot), { phase: "sync" }) : boot }) }));
+    if (!showDesk && !canMountDesk)
+        return bootScreen;
+    return (_jsx(DeskWorkspace, Object.assign({}, props, { isOffline: !isConnected, offlineContent: isConnected ? undefined : _jsx(DeskBootCard, { boot: boot }), bootOverlay: showDesk ? undefined : bootScreen })));
 };
 export default DChatDeskMessage;

package/dist/store/boot.d.ts

@@ -1,5 +1,9 @@
 /** Boot steps that can fail before the first sync. */
 export type ChatBootFailedStep = "engine" | "connect";
+/** A fresh device pulls everything ("reinstall"); a kept local copy only catches up ("incremental"). */
+export type ChatBootSyncKind = "reinstall" | "incremental";
+/** Progress a fresh-device sync reports once groups and conversations are stored, before any message. */
+export declare const CONVERSATIONS_SYNCED_PROGRESS = 10;
 interface BootStore {
     /** User the current boot belongs to; logging in as someone else starts over. */
     userID: string | null;
@@ -13,16 +17,27 @@ interface BootStore {
     failedStep: ChatBootFailedStep | null;
     /** 0-100 from OnSyncServerProgress (only sent while a fresh device syncs). */
     syncProgress: number;
+    /** Kind of the first sync after login while it runs; cleared once it finishes or fails. */
+    firstSyncKind: ChatBootSyncKind | null;
+    /** The desk's first page of conversations has its rows and previews. */
+    isFirstScreenReady: boolean;
     startBoot: (userID: string) => void;
     reset: () => void;
     markConnecting: () => void;
     markConnected: () => void;
     markFailed: (step: ChatBootFailedStep) => void;
+    markSyncStarted: (isReinstall: boolean) => void;
     setSyncProgress: (progress: number) => void;
     markFirstSyncDone: () => void;
     markSyncStalled: () => void;
     markListSettled: () => void;
+    markFirstScreenReady: () => void;
 }
+type BootSyncState = Pick<BootStore, "isFirstSyncDone" | "firstSyncKind" | "syncProgress">;
+/** A fresh device's first sync has stored the conversations and is still pulling each one's latest message. */
+export declare const selectIsSyncingInBackground: (state: BootSyncState) => boolean;
+/** The local DB holds the conversations: the first sync ended, only catches up, or runs in the background. */
+export declare const selectHasConversations: (state: BootSyncState) => boolean;
 /** Progress of the chat engine boot (WASM, login, connect, first sync) shared by the loading screens. */
 declare const useBootStore: import("zustand").UseBoundStore<import("zustand").StoreApi<BootStore>>;
 export default useBootStore;

package/dist/store/boot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"boot.d.ts","sourceRoot":"","sources":["../../src/store/boot.ts"],"names":[],"mappings":"AAEA,sDAAsD;AACtD,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtD,UAAU,SAAS;IACjB,gFAAgF;IAChF,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,yGAAyG;IACzG,eAAe,EAAE,OAAO,CAAC;IACzB,6FAA6F;IAC7F,aAAa,EAAE,OAAO,CAAC;IACvB,gGAAgG;IAChG,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,8EAA8E;IAC9E,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAYD,yGAAyG;AACzG,QAAA,MAAM,YAAY,wEAkBf,CAAC;AAEJ,eAAe,YAAY,CAAC"}
+{"version":3,"file":"boot.d.ts","sourceRoot":"","sources":["../../src/store/boot.ts"],"names":[],"mappings":"AAEA,sDAAsD;AACtD,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtD,wGAAwG;AACxG,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,aAAa,CAAC;AAE3D,yGAAyG;AACzG,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAEhD,UAAU,SAAS;IACjB,gFAAgF;IAChF,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,yGAAyG;IACzG,eAAe,EAAE,OAAO,CAAC;IACzB,6FAA6F;IAC7F,aAAa,EAAE,OAAO,CAAC;IACvB,gGAAgG;IAChG,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,8EAA8E;IAC9E,YAAY,EAAE,MAAM,CAAC;IACrB,2FAA2F;IAC3F,aAAa,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACvC,wEAAwE;IACxE,kBAAkB,EAAE,OAAO,CAAC;IAC5B,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAcD,KAAK,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,iBAAiB,GAAG,eAAe,GAAG,cAAc,CAAC,CAAC;AAE3F,+GAA+G;AAC/G,eAAO,MAAM,2BAA2B,GAAI,OAAO,aAAa,YAC4B,CAAC;AAE7F,8GAA8G;AAC9G,eAAO,MAAM,sBAAsB,GAAI,OAAO,aAAa,YAGvB,CAAC;AAErC,yGAAyG;AACzG,QAAA,MAAM,YAAY,wEA2Bf,CAAC;AAEJ,eAAe,YAAY,CAAC"}

package/dist/store/boot.js

@@ -1,4 +1,6 @@
 import { create } from "zustand";
+/** Progress a fresh-device sync reports once groups and conversations are stored, before any message. */
+export const CONVERSATIONS_SYNCED_PROGRESS = 10;
 const initialState = {
     userID: null,
     hasConnected: false,
@@ -7,15 +9,31 @@ const initialState = {
     isListSettled: false,
     failedStep: null,
     syncProgress: 0,
+    firstSyncKind: null,
+    isFirstScreenReady: false,
 };
+/** A fresh device's first sync has stored the conversations and is still pulling each one's latest message. */
+export const selectIsSyncingInBackground = (state) => state.firstSyncKind === "reinstall" && state.syncProgress >= CONVERSATIONS_SYNCED_PROGRESS;
+/** The local DB holds the conversations: the first sync ended, only catches up, or runs in the background. */
+export const selectHasConversations = (state) => state.isFirstSyncDone ||
+    state.firstSyncKind === "incremental" ||
+    selectIsSyncingInBackground(state);
 /** Progress of the chat engine boot (WASM, login, connect, first sync) shared by the loading screens. */
 const useBootStore = create((set, get) => (Object.assign(Object.assign({}, initialState), { startBoot: (userID) => {
         if (get().userID === userID)
             return;
         set(Object.assign(Object.assign({}, initialState), { userID }));
-    }, reset: () => set(initialState), markConnecting: () => set({ failedStep: null }), markConnected: () => set({ hasConnected: true, failedStep: null }), markFailed: (step) => set({ failedStep: step }), setSyncProgress: (progress) => set({ syncProgress: Math.max(0, Math.min(100, Math.round(progress))) }), markFirstSyncDone: () => set({ isFirstSyncDone: true, isSyncStalled: false }), markSyncStalled: () => {
+    }, reset: () => set(initialState), markConnecting: () => set({ failedStep: null }), markConnected: () => set({ hasConnected: true, failedStep: null }), markFailed: (step) => set({ failedStep: step }), markSyncStarted: (isReinstall) => {
+        // Syncs after a reconnect don't change how the first one runs.
+        if (get().isFirstSyncDone || get().firstSyncKind)
+            return;
+        set({ firstSyncKind: isReinstall ? "reinstall" : "incremental" });
+    }, setSyncProgress: (progress) => set({ syncProgress: Math.max(0, Math.min(100, Math.round(progress))) }), markFirstSyncDone: () => set({ isFirstSyncDone: true, isSyncStalled: false, firstSyncKind: null }), markSyncStalled: () => {
         if (get().isFirstSyncDone)
             return;
         set({ isFirstSyncDone: true, isSyncStalled: true });
-    }, markListSettled: () => set({ isListSettled: true }) })));
+    }, markListSettled: () => set({ isListSettled: true }), markFirstScreenReady: () => {
+        if (!get().isFirstScreenReady)
+            set({ isFirstScreenReady: true });
+    } })));
 export default useBootStore;