@droppii-org/chat-sdk 0.7.3 → 0.7.5

package/dist/locales/vi/common.json

@@ -225,6 +225,7 @@
   "join_link_unavailable_message": "Liên kết đã bị thu hồi, thay thế hoặc nhóm không còn tồn tại. Vui lòng liên hệ người gửi để nhận liên kết mới.",
   "join_link_unavailable_action": "Đã hiểu",
   "close": "Đóng",
+  "app_menu_open": "Mở menu",
   "leave_group_confirm_title": "Rời khỏi nhóm?",
   "leave_group_confirm_message": "Bạn có chắc chắn muốn rời khỏi nhóm này không?",
   "leave_group_success": "Rời khỏi nhóm thành công",
@@ -314,7 +315,6 @@
   "no_message_yet": "Chưa có tin nhắn",
   "folder_group_collapse": "Thu gọn {{name}}",
   "folder_group_expand": "Mở rộng {{name}}",
-  "viewport_too_narrow": "Vui lòng dùng màn hình rộng từ 1024px",
   "thread_info_open": "Thông tin hội thoại",
   "thread_info_close": "Đóng thông tin (Esc)",
   "search_in_conversation": "Tìm trong hội thoại",

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":"AAqBA,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,mDAuQ9B,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;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"}

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

@@ -19,6 +19,7 @@ import { useBoolean } from "ahooks";
 import clsx from "clsx";
 import { Empty, Spin } from "antd";
 import { Icon } from "../../components/icon";
+import useAuthStore from "../../store/auth";
 import useConversationStore from "../../store/conversation";
 import ThreadProfilePanel from "../../components/conversation-detail/ThreadProfilePanel";
 import MediaResourcePanel from "../../components/media-resources/MediaResourcePanel";
@@ -30,7 +31,7 @@ import { useBotFlow } from "../../hooks/conversation/useBotFlow";
 import { BOT_TYPE } from "../../constants/botFlow";
 import { useResolveConversation, } from "../../hooks/conversation/useResolveConversation";
 import { nextConsultantReturnTarget, useConsultantChatNavigation, } from "../../hooks/conversation/useConsultantChatNavigation";
-import { isBotPeer } from "../../utils/conversation";
+import { isBotPeer, isSupportSessionAgentView } from "../../utils/conversation";
 import { COMPOSER_DISMISS_ZONE_ATTR } from "../../hooks/common/useOutsideTapDismiss";
 const DChatConversationDetail = (_a) => {
     var _b;
@@ -39,9 +40,10 @@ const DChatConversationDetail = (_a) => {
     // inputProps goes to ConversationDetailInput, which has no business with it.
     onCopyMessageLink, onSearchMessageRevoked } = _a, inputProps = __rest(_a, ["className", "children", "onBack", "conversationId", "messageId", "userId", "groupId", "botId", "onCopyMessageLink", "onSearchMessageRevoked"]);
     const { t } = useTranslation("conversation-inbox");
-    const { useUrlState = true } = useChatContext();
+    const { useUrlState = true, user } = useChatContext();
     const onNavigate = useChatNavigate();
     const conversation = useConversationStore((state) => state.conversationData);
+    const authUserID = useAuthStore((state) => state.userID);
     const isViewOnlyMember = useConversationStore((state) => state.isViewOnlyMember);
     const clearSelectedConversation = useConversationStore((state) => state.clearSelectedConversation);
     const setPendingResolveTarget = useConversationStore((state) => state.setPendingResolveTarget);
@@ -52,7 +54,10 @@ const DChatConversationDetail = (_a) => {
         botId,
         messageId,
     });
-    const isBotThread = conversation ? isBotPeer(conversation) : false;
+    // The bot flow belongs to the session owner; an agent (PDP CS) just chats.
+    const isBotThread = !!conversation &&
+        isBotPeer(conversation) &&
+        !isSupportSessionAgentView(conversation, (user === null || user === void 0 ? void 0 : user.userID) || authUserID);
     const botFlow = useBotFlow({
         conversationId: (_b = conversation === null || conversation === void 0 ? void 0 : conversation.conversationID) !== null && _b !== void 0 ? _b : "",
         isBotThread,

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

@@ -0,0 +1,7 @@
+import type { ChatBootState } from "../../hooks/init/useChatBootPhase";
+/** CRM boot status: the three named steps, sync progress, a slow-network note and a retry on failure. */
+declare const DeskBootCard: ({ boot }: {
+    boot: ChatBootState;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default DeskBootCard;
+//# sourceMappingURL=DeskBootCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeskBootCard.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/DeskBootCard.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAkEnE,yGAAyG;AACzG,QAAA,MAAM,YAAY,GAAI,UAAU;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,mDAgFtD,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import clsx from "clsx";
+import { Button } from "antd";
+import { useTranslation } from "react-i18next";
+import BootProgressBar from "../../components/boot/BootProgressBar";
+import { StrokeIcon } from "../../components/icon/StrokeIcon";
+const STEPS = ["engine", "connect", "sync"];
+/** A fresh device's sync reports 1, 4 and 10 before messages arrive; only higher values say much. */
+const SYNC_PERCENT_MIN = 10;
+const STEP_TEXT_CLASS = {
+    done: "text-gray-900",
+    active: "font-medium text-gray-900",
+    pending: "text-gray-400",
+    error: "font-medium text-danger-600",
+};
+const getStepStates = (boot) => {
+    var _a;
+    const isError = boot.phase === "error";
+    const current = STEPS.indexOf((isError ? ((_a = boot.failedStep) !== null && _a !== void 0 ? _a : "engine") : boot.phase));
+    return STEPS.map((_, index) => {
+        if (index < current)
+            return "done";
+        if (index > current)
+            return "pending";
+        return isError ? "error" : "active";
+    });
+};
+const StepMarker = ({ state }) => {
+    if (state === "done") {
+        return (_jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-success-400 text-white", children: _jsx(StrokeIcon, { name: "check", size: 11, strokeWidth: 3 }) }));
+    }
+    if (state === "error") {
+        return (_jsx("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full bg-danger-500 text-[11px] font-bold leading-none text-white", children: "!" }));
+    }
+    if (state === "active") {
+        return (_jsx("span", { className: "h-4 w-4 shrink-0 rounded-full border-2 border-primary-25 border-t-primary-400 motion-safe:animate-spin" }));
+    }
+    return _jsx("span", { className: "h-4 w-4 shrink-0 rounded-full border-[1.5px] border-gray-100" });
+};
+const BootMark = ({ isError }) => (_jsxs("span", { "aria-hidden": "true", className: "relative flex h-12 w-12 shrink-0", children: [!isError && (_jsx("span", { className: "absolute inset-0 rounded-xl bg-primary-200 motion-safe:animate-[dchat-boot-breathe_2s_ease-out_infinite] motion-reduce:hidden" })), _jsx("span", { className: "relative flex h-12 w-12 items-center justify-center rounded-xl bg-primary-400 text-white", children: _jsx(StrokeIcon, { name: "message-circle", size: 26 }) }), isError && (_jsx("span", { className: "absolute -bottom-1.5 -right-1.5 flex h-[22px] w-[22px] items-center justify-center rounded-full border-2 border-white bg-danger-500 text-xs font-bold leading-none text-white", children: "!" }))] }));
+/** CRM boot status: the three named steps, sync progress, a slow-network note and a retry on failure. */
+const DeskBootCard = ({ boot }) => {
+    var _a;
+    const { t } = useTranslation("boot");
+    const errorRef = useRef(null);
+    const isError = boot.phase === "error";
+    // Agents work from the keyboard, so Enter should retry; but never pull focus off the rail.
+    useEffect(() => {
+        var _a, _b;
+        if (!isError)
+            return;
+        const active = document.activeElement;
+        if (active && active !== document.body)
+            return;
+        (_b = (_a = errorRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("button")) === null || _b === void 0 ? void 0 : _b.focus();
+    }, [isError]);
+    if (boot.phase === "ready")
+        return null;
+    const title = t(`desk.title.${isError ? "error" : boot.phase}`);
+    const errorHint = t("desk.error_hint", {
+        step: t(`desk.steps.${(_a = boot.failedStep) !== null && _a !== void 0 ? _a : "engine"}`),
+    });
+    const stepStates = getStepStates(boot);
+    const showPercent = boot.phase === "sync" && boot.syncProgress > SYNC_PERCENT_MIN;
+    return (_jsxs("div", { "data-cp-name": "DeskBootCard", "data-phase": boot.phase, className: clsx("flex w-full max-w-[340px] flex-col gap-4 rounded-2xl border border-gray-25 bg-white p-6 shadow-sm transition-opacity duration-200", !boot.isStatusVisible && "opacity-0"), children: [_jsx("p", { role: "status", "aria-live": "polite", className: "sr-only", children: boot.isStatusVisible ? (isError ? `${title}. ${errorHint}` : title) : "" }), _jsx(BootMark, { isError: isError }), _jsx("p", { "aria-hidden": "true", className: "text-lg font-semibold text-gray-900", children: title }), _jsx("ol", { className: "flex flex-col gap-2.5", children: STEPS.map((step, index) => (_jsxs("li", { "aria-current": ["active", "error"].includes(stepStates[index]) ? "step" : undefined, className: clsx("flex items-center gap-2.5 text-sm", STEP_TEXT_CLASS[stepStates[index]]), children: [_jsx(StepMarker, { state: stepStates[index] }), _jsx("span", { className: "flex-1", children: t(`desk.steps.${step}`) }), step === "sync" && showPercent && (_jsxs("span", { className: "text-[13px] font-semibold tabular-nums text-primary-400", children: [boot.syncProgress, "%"] }))] }, step))) }), !isError && (_jsx(BootProgressBar, { mode: boot.phase === "sync" && boot.syncProgress > 0 ? "progress" : "indeterminate", value: boot.syncProgress, label: t("sync_progress_label") })), boot.isSlow && !isError && (_jsx("p", { className: "rounded-lg bg-warning-25 px-3 py-2 text-[13px] leading-normal text-warning-900", children: t("desk.slow") })), isError && (_jsxs("div", { ref: errorRef, className: "flex flex-col gap-3.5", children: [_jsx("p", { "aria-hidden": "true", className: "text-[13px] leading-normal text-gray-600", children: errorHint }), _jsx(Button, { type: "primary", className: "self-start", onClick: () => window.location.reload(), children: t("retry") })] }))] }));
+};
+export default DeskBootCard;

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+interface DeskOfflineOverlayProps {
+    isPhone: boolean;
+    onOpenAppMenu?: (opener: HTMLElement | null) => void;
+    children?: ReactNode;
+}
+/** Covers a locked desk with the reconnect status; on phone it keeps a way to the app menu. */
+declare const DeskOfflineOverlay: ({ isPhone, onOpenAppMenu, children }: DeskOfflineOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export default DeskOfflineOverlay;
+//# sourceMappingURL=DeskOfflineOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeskOfflineOverlay.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/DeskOfflineOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,+FAA+F;AAC/F,QAAA,MAAM,kBAAkB,GAAI,sCAAsC,uBAAuB,4CAsBxF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { StrokeIcon } from "../../components/icon/StrokeIcon";
+import { DESK_OFFLINE_OVERLAY_ATTR } from "../../hooks/conversation/useDeskOfflineLock";
+/** Covers a locked desk with the reconnect status; on phone it keeps a way to the app menu. */
+const DeskOfflineOverlay = ({ isPhone, onOpenAppMenu, children }) => {
+    const { t } = useTranslation();
+    return (_jsxs("div", { [DESK_OFFLINE_OVERLAY_ATTR]: "", "data-testid": "desk-offline-overlay", className: "absolute inset-0 z-[1000] flex flex-col items-center justify-center gap-4 bg-white/70 p-4", children: [isPhone && onOpenAppMenu && (_jsx("button", { type: "button", "data-app-menu-button": true, "aria-label": t("app_menu_open"), onClick: (event) => onOpenAppMenu(event.currentTarget), className: "absolute left-2 top-2 flex h-10 w-10 items-center justify-center rounded-lg border-0 bg-transparent p-0 text-gray-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary-200", children: _jsx(StrokeIcon, { name: "menu", size: 20 }) })), children] }));
+};
+export default DeskOfflineOverlay;

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

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react";
 import { GroupThreadInfoConfig } from "../../components/thread/GroupThreadInfo";
 import type { CannedCreateRequest } from "../../types/chat";
 interface DeskWorkspaceProps {
@@ -5,8 +6,13 @@ interface DeskWorkspaceProps {
     groupThreadInfoConfig?: GroupThreadInfoConfig;
     onCopyMessageLink?: (conversationId: string, clientMsgID: string) => void;
     onSearchMessageRevoked?: () => void;
+    onOpenAppMenu?: (opener: HTMLElement | null) => void;
+    /** Connection dropped after the first connect: the desk stays visible but can't be used. */
+    isOffline?: boolean;
+    /** Shown in the offline overlay: reconnect status, and Retry once the reconnect has failed. */
+    offlineContent?: ReactNode;
 }
 /** Bright Workspace: folder, list, chat and info as separate white panels on the page canvas. */
-declare const DeskWorkspace: ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMessageLink, onSearchMessageRevoked, }: DeskWorkspaceProps) => import("react/jsx-runtime").JSX.Element;
+declare const DeskWorkspace: ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMessageLink, onSearchMessageRevoked, onOpenAppMenu, isOffline, offlineContent, }: 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":"AAMA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAY5E,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;CACrC;AAID,iGAAiG;AACjG,QAAA,MAAM,aAAa,GAAI,8FAKpB,kBAAkB,4CA4FpB,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;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"}

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

@@ -1,29 +1,38 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useSearchParams } from "next/navigation";
 import MessageList from "../../components/message/MessageList";
 import DeskConversationList from "../../components/conversation/DeskConversationList";
 import DeskAssignedSession from "../../components/session/DeskAssignedSession";
 import ThreadInfo from "../../components/thread/ThreadInfo";
 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 { useDeskThreadNavigation } from "../../hooks/conversation/useDeskThreadNavigation";
+import useSidePanelStore from "../../store/sidePanel";
 import useConversationStore from "../../store/conversation";
 import useDeskPanelHostStore from "../../store/deskPanelHost";
 import useWorkspaceLayoutStore from "../../store/workspaceLayout";
-import { LAYOUT_BREAKPOINTS, LAYOUT_WIDTHS } from "../../constants/layout";
+import { LAYOUT_BREAKPOINTS, LAYOUT_MEDIA, LAYOUT_WIDTHS } from "../../constants/layout";
 import { useDeskShortcuts } from "../../hooks/common/useDeskShortcuts";
 import { useNewMessageAnnouncement } from "../../hooks/message/useNewMessageAnnouncement";
 import ShortcutHelpModal from "../../components/shortcut-help/ShortcutHelpModal";
 import FolderOverlay from "./FolderOverlay";
-import ViewportNotice from "./ViewportNotice";
+import PhoneThreadFallbackHeader from "./PhoneThreadFallbackHeader";
+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, }) => {
+const DeskWorkspace = ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMessageLink, onSearchMessageRevoked, onOpenAppMenu, isOffline = false, offlineContent, }) => {
     const selectedConversationId = useConversationStore((state) => state.selectedConversationId);
     const searchClientMsgID = useConversationStore((state) => state.searchClientMsgID);
     const { isOpen: isInfoOpen, toggle: toggleInfo, close: closeInfo } = useSidePanel("info");
-    const isSupported = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.minWorkspace));
+    const tier = useViewportTier();
+    const isPhone = tier === "phone";
+    const isDesktop = tier === "desktop";
     const isFolderInline = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.folderInline));
     const isInfoInline = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.infoInline));
     const isSupportPanelInline = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.supportPanelInline));
@@ -31,13 +40,67 @@ const DeskWorkspace = ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMes
     const isBotThread = useConversationStore((state) => { var _a; return ((_a = state.conversationData) === null || _a === void 0 ? void 0 : _a.peerType) === PeerType.BOT; });
     const sidePanelsInline = isInfoInline && !(isBotThread && isSupportPanelInline);
     const [workspaceEl, setWorkspaceEl] = useState(null);
+    // Touch below desktop: size the desk (and sheets) to the visible viewport, keyboard included.
+    const isTouch = useMediaQuery(LAYOUT_MEDIA.touch);
+    useVisualViewportHeight(workspaceEl, isTouch && tier !== "desktop");
     const [panelSlotEl, setPanelSlotEl] = useState(null);
     useEffect(() => {
         useDeskPanelHostStore
             .getState()
-            .setHost({ workspace: workspaceEl, slot: panelSlotEl, isInline: sidePanelsInline });
-    }, [workspaceEl, panelSlotEl, sidePanelsInline]);
-    useEffect(() => () => useDeskPanelHostStore.getState().setHost({ workspace: null, slot: null }), []);
+            .setHost({
+            workspace: workspaceEl,
+            slot: panelSlotEl,
+            isInline: sidePanelsInline,
+            isFullScreen: isPhone,
+        });
+    }, [workspaceEl, panelSlotEl, sidePanelsInline, isPhone]);
+    useEffect(() => () => {
+        useDeskPanelHostStore
+            .getState()
+            .setHost({ workspace: null, slot: null, isFullScreen: false });
+        useWorkspaceLayoutStore.getState().setPhonePendingPane(null);
+    }, []);
+    // Phone shows one pane: the URL thread unless an open/back tap is still settling.
+    const urlThreadId = useSearchParams().get("threadId");
+    const pendingPane = useWorkspaceLayoutStore((state) => state.phonePendingPane);
+    const setPhonePendingPane = useWorkspaceLayoutStore((state) => state.setPhonePendingPane);
+    const showThread = pendingPane ? pendingPane === "thread" : Boolean(urlThreadId);
+    const { backToList } = useDeskThreadNavigation();
+    const hasConversationData = useConversationStore((state) => Boolean(state.conversationData));
+    const listPaneRef = useRef(null);
+    const chatPaneRef = useRef(null);
+    useEffect(() => {
+        setPhonePendingPane(null);
+    }, [urlThreadId, setPhonePendingPane]);
+    // A panel left open from thread A must not cover thread B.
+    useEffect(() => {
+        if (isPhone)
+            useSidePanelStore.getState().closePanel();
+    }, [isPhone, selectedConversationId]);
+    const wasShowingThread = useRef(showThread);
+    useDeskOfflineLock(workspaceEl, isOffline, () => {
+        var _a, _b;
+        return isPhone
+            ? showThread
+                ? (_b = (_a = chatPaneRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[data-desk-back]")) !== null && _b !== void 0 ? _b : null
+                : listPaneRef.current
+            : null;
+    });
+    useEffect(() => {
+        var _a, _b, _c;
+        if (!isPhone)
+            return;
+        // Overlays that set the shortcuts-off marker (nav drawer, sheets, offline lock) own focus.
+        const navOpen = document.querySelector("[data-desk-shortcuts-off]") !== null;
+        if (showThread) {
+            if (!navOpen)
+                (_b = (_a = chatPaneRef.current) === null || _a === void 0 ? void 0 : _a.querySelector("[data-desk-back]")) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+        else if (wasShowingThread.current) {
+            (_c = listPaneRef.current) === null || _c === void 0 ? void 0 : _c.focus();
+        }
+        wasShowingThread.current = showThread;
+    }, [isPhone, showThread, hasConversationData]);
     const setFolderOverlayOpen = useWorkspaceLayoutStore((state) => state.setFolderOverlayOpen);
     const [isHelpOpen, setIsHelpOpen] = useState(false);
     const openHelp = useCallback(() => setIsHelpOpen(true), []);
@@ -48,10 +111,16 @@ const DeskWorkspace = ({ openCreateCannedModal, groupThreadInfoConfig, onCopyMes
         if (isFolderInline)
             setFolderOverlayOpen(false);
     }, [isFolderInline, setFolderOverlayOpen]);
-    if (!isSupported)
-        return _jsx(ViewportNotice, {});
-    return (_jsxs("div", { ref: setWorkspaceEl, className: "relative flex flex-1 flex-row h-screen gap-2 p-2 overflow-hidden bg-gray-5", "data-cp-name": "DeskWorkspace", children: [_jsx("div", { "aria-live": "polite", role: "status", className: "sr-only", children: announcement }), isFolderInline && _jsx(DeskAssignedSession, {}), _jsxs("div", { className: "relative h-full shrink-0 overflow-hidden rounded-xl bg-white shadow-sm", style: {
-                    width: isFolderInline ? LAYOUT_WIDTHS.list : LAYOUT_WIDTHS.listCompact,
-                }, children: [_jsx(DeskConversationList, {}), !isFolderInline && _jsx(FolderOverlay, {})] }), _jsx("div", { className: "flex h-full flex-1 overflow-hidden rounded-xl bg-white shadow-sm", style: { minWidth: LAYOUT_WIDTHS.chatMin }, children: _jsx(MessageList, { conversationId: selectedConversationId, searchClientMsgID: searchClientMsgID, openCreateCannedModal: openCreateCannedModal, onOpenThreadInfo: toggleInfo, onCopyMessageLink: onCopyMessageLink, onSearchMessageRevoked: onSearchMessageRevoked, showPinnedMessageBar: true }) }), _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) })] }));
+    const messageList = (_jsx(MessageList, { conversationId: selectedConversationId, searchClientMsgID: searchClientMsgID, openCreateCannedModal: openCreateCannedModal, onOpenThreadInfo: toggleInfo, onCopyMessageLink: onCopyMessageLink, onSearchMessageRevoked: onSearchMessageRevoked, onBack: isPhone ? backToList : undefined, showPinnedMessageBar: true }));
+    // One child layout for every tier, so crossing a breakpoint never remounts the panes.
+    return (_jsxs("div", { ref: setWorkspaceEl, className: isPhone
+            ? "relative flex flex-1 h-[var(--dc-desk-height,var(--dc-app-height,100vh))] overflow-hidden bg-white"
+            : "relative flex flex-1 flex-row h-[var(--dc-desk-height,var(--dc-app-height,100vh))] gap-2 p-2 overflow-hidden bg-gray-5", "data-cp-name": "DeskWorkspace", children: [_jsx("div", { "aria-live": "polite", role: "status", className: "sr-only", children: announcement }), isFolderInline && _jsx(DeskAssignedSession, {}), _jsxs("div", { ref: listPaneRef, tabIndex: isPhone ? -1 : undefined, className: isPhone
+                    ? `absolute inset-0 overflow-hidden bg-white outline-none ${showThread ? "invisible" : ""}`
+                    : "relative h-full shrink-0 overflow-hidden rounded-xl bg-white shadow-sm", style: isPhone
+                    ? 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 }))] }));
 };
 export default DeskWorkspace;

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+/**
+ * Placeholder with DeskWorkspace's panels (folder, list, chat) so the desk keeps its shape while
+ * the chat engine boots. `children` sits centred in the chat panel. Also used by the CRM app shell.
+ */
+declare const DeskWorkspaceSkeleton: ({ children }: {
+    children?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DeskWorkspaceSkeleton;
+//# sourceMappingURL=DeskWorkspaceSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeskWorkspaceSkeleton.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/DeskWorkspaceSkeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC;;;GAGG;AACH,QAAA,MAAM,qBAAqB,GAAI,cAAc;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,4CA2CpE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import DeskListSkeleton from "../../components/conversation/DeskListSkeleton";
+import { LAYOUT_BREAKPOINTS, LAYOUT_WIDTHS } from "../../constants/layout";
+import { useMediaQuery } from "../../hooks/common/useMediaQuery";
+const minWidth = (px) => `(min-width: ${px}px)`;
+const FOLDER_ROW_WIDTHS = ["w-3/4", "w-2/3", "w-4/5", "w-1/2", "w-3/5"];
+const PULSE = "bg-gray-25 motion-safe:animate-pulse";
+/**
+ * Placeholder with DeskWorkspace's panels (folder, list, chat) so the desk keeps its shape while
+ * the chat engine boots. `children` sits centred in the chat panel. Also used by the CRM app shell.
+ */
+const DeskWorkspaceSkeleton = ({ children }) => {
+    const isSupported = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.minWorkspace));
+    const isFolderInline = useMediaQuery(minWidth(LAYOUT_BREAKPOINTS.folderInline));
+    return (_jsxs("div", { "data-cp-name": "DeskWorkspaceSkeleton", className: "relative flex h-full min-h-0 flex-1 flex-row gap-2 overflow-hidden bg-gray-5 p-2", children: [isSupported && isFolderInline && (_jsxs("div", { "aria-hidden": "true", className: "flex h-full shrink-0 flex-col gap-4 rounded-xl bg-white p-4 shadow-sm", style: { width: LAYOUT_WIDTHS.folder }, children: [_jsx("span", { className: `h-4 w-24 rounded ${PULSE}` }), FOLDER_ROW_WIDTHS.map((width) => (_jsx("span", { className: `h-3 rounded ${width} ${PULSE}` }, width)))] })), isSupported && (_jsxs("div", { "aria-hidden": "true", className: "flex h-full shrink-0 flex-col overflow-hidden rounded-xl bg-white shadow-sm", style: { width: isFolderInline ? LAYOUT_WIDTHS.list : LAYOUT_WIDTHS.listCompact }, children: [_jsxs("div", { className: "flex items-center gap-2 p-3", children: [!isFolderInline && _jsx("span", { className: `h-9 w-9 shrink-0 rounded-lg ${PULSE}` }), _jsx("span", { className: `h-9 flex-1 rounded-lg ${PULSE}` }), _jsx("span", { className: `h-8 w-8 shrink-0 rounded-lg ${PULSE}` })] }), _jsx("div", { className: "border-b border-gray-25 px-4 pb-3 pt-1", children: _jsx("span", { className: `block h-3 w-28 rounded ${PULSE}` }) }), _jsx(DeskListSkeleton, { rows: 8 })] })), _jsx("div", { className: "flex h-full min-w-0 flex-1 items-center justify-center overflow-hidden rounded-xl bg-white p-6 shadow-sm", children: children })] }));
+};
+export default DeskWorkspaceSkeleton;

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

@@ -0,0 +1,8 @@
+interface PhoneThreadFallbackHeaderProps {
+    onBack: () => void;
+    onOpenAppMenu?: (opener: HTMLElement | null) => void;
+}
+/** Phone exit from a thread whose header can't render (still loading, removed or no access). */
+declare const PhoneThreadFallbackHeader: ({ onBack, onOpenAppMenu, }: PhoneThreadFallbackHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default PhoneThreadFallbackHeader;
+//# sourceMappingURL=PhoneThreadFallbackHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneThreadFallbackHeader.d.ts","sourceRoot":"","sources":["../../../src/screens/desk-message/PhoneThreadFallbackHeader.tsx"],"names":[],"mappings":"AAIA,UAAU,8BAA8B;IACtC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CACtD;AAKD,gGAAgG;AAChG,QAAA,MAAM,yBAAyB,GAAI,4BAGhC,8BAA8B,4CA6BhC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

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

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { StrokeIcon } from "../../components/icon/StrokeIcon";
+const buttonClass = "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border-0 bg-transparent p-0 text-gray-900 focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary-200";
+/** Phone exit from a thread whose header can't render (still loading, removed or no access). */
+const PhoneThreadFallbackHeader = ({ onBack, onOpenAppMenu, }) => {
+    const { t } = useTranslation();
+    return (_jsxs("div", { className: "flex h-14 shrink-0 items-center gap-1 border-b border-gray-25 bg-white px-2", "data-cp-name": "PhoneThreadFallbackHeader", children: [_jsx("button", { type: "button", "data-desk-back": true, "aria-label": t("back"), onClick: onBack, className: buttonClass, children: _jsx(StrokeIcon, { name: "chevron-left", size: 20 }) }), onOpenAppMenu && (_jsx("button", { type: "button", "data-app-menu-button": true, "aria-label": t("app_menu_open"), onClick: (event) => onOpenAppMenu(event.currentTarget), className: buttonClass, children: _jsx(StrokeIcon, { name: "menu", size: 20 }) }))] }));
+};
+export default PhoneThreadFallbackHeader;

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

@@ -6,6 +6,8 @@ interface DChatDeskMessageProps {
     onCopyMessageLink?: (conversationId: string, clientMsgID: string) => void;
     /** Called instead of the SDK's default toast when a jumped-to message turns out to be revoked. */
     onSearchMessageRevoked?: () => void;
+    /** Phone: opens the host's app menu from the list header or thread fallback header; gets the tapped button. */
+    onOpenAppMenu?: (opener: HTMLElement | null) => void;
 }
 declare const DChatDeskMessage: (props: DChatDeskMessageProps) => import("react/jsx-runtime").JSX.Element;
 export default DChatDeskMessage;

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":"AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,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;CACrC;AAED,QAAA,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAcrD,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;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"}

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

@@ -1,11 +1,55 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useQueryClient } from "@tanstack/react-query";
 import { useChatContext } from "../../context/ChatContext";
-import { Spin } from "antd";
 import { ConnectStatus } from "../../types/chat";
+import { QUERY_KEYS } from "../../services/query";
+import { useChatBootPhase } from "../../hooks/init/useChatBootPhase";
 import DeskWorkspace from "./DeskWorkspace";
+import DeskWorkspaceSkeleton from "./DeskWorkspaceSkeleton";
+import DeskBootCard from "./DeskBootCard";
+const DESK_SLOW_AFTER_MS = 15000;
+// Lists behind the desk; they refetch after a reconnect because events were missed while offline.
+const DESK_QUERY_KEYS = [
+    QUERY_KEYS.GET_TEAM_SESSIONS,
+    QUERY_KEYS.GET_SESSION_BY_TAG_OR_STATUS,
+    QUERY_KEYS.GET_SESSION_SUMMARY,
+    QUERY_KEYS.GET_TEAM_SESSION_SUMMARY,
+    QUERY_KEYS.GET_CONVERSATION_GROUPS,
+];
 const DChatDeskMessage = (props) => {
+    const boot = useChatBootPhase({ slowAfterMs: DESK_SLOW_AFTER_MS });
     const { connectStatus } = useChatContext();
-    return (_jsx(_Fragment, { children: connectStatus === ConnectStatus.Connected ? (_jsx(DeskWorkspace, Object.assign({}, props))) : (_jsx("div", { className: "flex flex-1 flex-row h-screen bg-gray-5", children: connectStatus === ConnectStatus.Connecting && _jsx(Spin, { fullscreen: true }) })) }));
+    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 wasDropped = useRef(false);
+    useEffect(() => {
+        if (boot.phase === "ready")
+            setHasBooted(true);
+    }, [boot.phase]);
+    useEffect(() => {
+        if (!hasBooted)
+            return;
+        if (!isConnected) {
+            wasDropped.current = true;
+            return;
+        }
+        if (!wasDropped.current)
+            return;
+        wasDropped.current = false;
+        queryClient.invalidateQueries({
+            predicate: ({ queryKey }) => {
+                const head = Array.isArray(queryKey) ? queryKey[0] : queryKey;
+                return typeof head === "string" && DESK_QUERY_KEYS.includes(head);
+            },
+        });
+    }, [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 }) })));
 };
 export default DChatDeskMessage;

package/dist/store/boot.d.ts

@@ -0,0 +1,29 @@
+/** Boot steps that can fail before the first sync. */
+export type ChatBootFailedStep = "engine" | "connect";
+interface BootStore {
+    /** User the current boot belongs to; logging in as someone else starts over. */
+    userID: string | null;
+    hasConnected: boolean;
+    /** Set by the first OnSyncServerFinish/Failed after login, or when we stop waiting on a stalled sync. */
+    isFirstSyncDone: boolean;
+    /** The first sync was released by the stall timer, not finished; a real finish clears it. */
+    isSyncStalled: boolean;
+    /** A conversation list load finished after the first sync, so an empty list really is empty. */
+    isListSettled: boolean;
+    failedStep: ChatBootFailedStep | null;
+    /** 0-100 from OnSyncServerProgress (only sent while a fresh device syncs). */
+    syncProgress: number;
+    startBoot: (userID: string) => void;
+    reset: () => void;
+    markConnecting: () => void;
+    markConnected: () => void;
+    markFailed: (step: ChatBootFailedStep) => void;
+    setSyncProgress: (progress: number) => void;
+    markFirstSyncDone: () => void;
+    markSyncStalled: () => void;
+    markListSettled: () => void;
+}
+/** 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;
+//# sourceMappingURL=boot.d.ts.map

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

@@ -0,0 +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"}

package/dist/store/boot.js

@@ -0,0 +1,21 @@
+import { create } from "zustand";
+const initialState = {
+    userID: null,
+    hasConnected: false,
+    isFirstSyncDone: false,
+    isSyncStalled: false,
+    isListSettled: false,
+    failedStep: null,
+    syncProgress: 0,
+};
+/** 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: () => {
+        if (get().isFirstSyncDone)
+            return;
+        set({ isFirstSyncDone: true, isSyncStalled: true });
+    }, markListSettled: () => set({ isListSettled: true }) })));
+export default useBootStore;

package/dist/store/conversation.d.ts

@@ -1,5 +1,7 @@
 import { ConversationStore } from "./type";
 export declare const setUrlStateEnabled: (enabled: boolean) => void;
+/** URL params that point at a thread (or a message inside it); cleared together. */
+export declare const THREAD_URL_PARAMS: readonly ["threadId", "conversationId", "groupId", "botId", "userId", "messageId"];
 export declare const setUrlNavigate: (fn: ((url: string) => void) | null) => void;
 declare const useConversationStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ConversationStore>>;
 export default useConversationStore;

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

@@ -1 +1 @@
-{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/store/conversation.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAY3C,eAAO,MAAM,kBAAkB,GAAI,SAAS,OAAO,SAElD,CAAC;AAUF,eAAO,MAAM,cAAc,GAAI,IAAI,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,SAEhE,CAAC;AAEF,QAAA,MAAM,oBAAoB,gFA2hBvB,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../src/store/conversation.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAY3C,eAAO,MAAM,kBAAkB,GAAI,SAAS,OAAO,SAElD,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,iBAAiB,oFAOpB,CAAC;AAUX,eAAO,MAAM,cAAc,GAAI,IAAI,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,SAEhE,CAAC;AAEF,QAAA,MAAM,oBAAoB,gFAmhBvB,CAAC;AAEJ,eAAe,oBAAoB,CAAC"}

package/dist/store/conversation.js

@@ -14,6 +14,15 @@ let urlStateEnabled = true;
 export const setUrlStateEnabled = (enabled) => {
     urlStateEnabled = enabled;
 };
+/** URL params that point at a thread (or a message inside it); cleared together. */
+export const THREAD_URL_PARAMS = [
+    "threadId",
+    "conversationId",
+    "groupId",
+    "botId",
+    "userId",
+    "messageId",
+];
 // Module-level (not store state): ChatProvider syncs this from its onNavigate
 // prop, same reason as urlStateEnabled above. clearSelectedConversation uses
 // this instead of window.history.replaceState directly — Next's Pages Router
@@ -297,11 +306,11 @@ const useConversationStore = create((set, get) => ({
             return { currentMemberInGroup: next };
         });
     },
-    clearSelectedConversation: () => {
+    clearSelectedConversation: (options) => {
         // DeskConversationList's threadId-driven effect re-selects the same
         // conversation on its next run otherwise (conversationList changes
         // trigger it) — clobbering this reset right back.
-        if (urlStateEnabled && typeof window !== "undefined") {
+        if (!(options === null || options === void 0 ? void 0 : options.skipUrl) && urlStateEnabled && typeof window !== "undefined") {
             const params = new URLSearchParams(window.location.search);
             // `conversationId` is an accepted alias for `threadId`; groupId/botId/
             // userId are the BIZ inbox's notification/deep-link entry params —
@@ -317,17 +326,9 @@ const useConversationStore = create((set, get) => ({
             // sweeping it separately) also means a messageId left over on its own
             // still gets cleaned; that costs at most one extra navigate, which
             // self-terminates because the next clear finds nothing stale.
-            const staleParams = [
-                "threadId",
-                "conversationId",
-                "groupId",
-                "botId",
-                "userId",
-                "messageId",
-            ];
-            const hadStaleParam = staleParams.some((key) => params.has(key));
+            const hadStaleParam = THREAD_URL_PARAMS.some((key) => params.has(key));
             if (hadStaleParam) {
-                staleParams.forEach((key) => params.delete(key));
+                THREAD_URL_PARAMS.forEach((key) => params.delete(key));
                 const query = params.toString();
                 const url = `${window.location.pathname}${query ? `?${query}` : ""}`;
                 // Prefer the host's router (set via setUrlNavigate) so Next's