@droppii-org/chat-sdk 0.7.3 → 0.7.4

package/dist/hooks/common/useVisualViewportHeight.js

@@ -0,0 +1,30 @@
+"use client";
+import { useEffect } from "react";
+/** Visible (keyboard-aware) viewport height, set on the desk root. */
+export const DESK_HEIGHT_VAR = "--dc-desk-height";
+/** Same height on <html>, for portaled bottom sheets. */
+export const VISUAL_HEIGHT_VAR = "--dc-visual-height";
+/**
+ * Mirrors `visualViewport.height` into the height vars while `enabled` (resize only).
+ * WebKit ignores `interactive-widget`; zoom is cancelled out with `scale`.
+ */
+export const useVisualViewportHeight = (el, enabled) => {
+    useEffect(() => {
+        const vv = typeof window === "undefined" ? undefined : window.visualViewport;
+        if (!el || !enabled || !vv)
+            return;
+        const root = document.documentElement;
+        const sync = () => {
+            const value = `${Math.round(vv.height * (vv.scale || 1))}px`;
+            el.style.setProperty(DESK_HEIGHT_VAR, value);
+            root.style.setProperty(VISUAL_HEIGHT_VAR, value);
+        };
+        sync();
+        vv.addEventListener("resize", sync);
+        return () => {
+            vv.removeEventListener("resize", sync);
+            el.style.removeProperty(DESK_HEIGHT_VAR);
+            root.style.removeProperty(VISUAL_HEIGHT_VAR);
+        };
+    }, [el, enabled]);
+};

package/dist/hooks/conversation/useConversationList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConversationList.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useConversationList.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAI/E,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,UAAU,yBAAyB;IACjC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AASD,eAAO,MAAM,mBAAmB,GAC9B,QAAQ,yBAAyB,KAChC,yBA8FF,CAAC"}
+{"version":3,"file":"useConversationList.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useConversationList.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAK/E,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,UAAU,yBAAyB;IACjC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AA4BD,eAAO,MAAM,mBAAmB,GAC9B,QAAQ,yBAAyB,KAChC,yBA4GF,CAAC"}

package/dist/hooks/conversation/useConversationList.js

@@ -6,7 +6,25 @@ import { useChatContext } from "../../context/ChatContext";
 import { ConnectStatus, DChatApplicationType } from "../../types/chat";
 import useAuthStore from "../../store/auth";
 import useConversationStore from "../../store/conversation";
+import useBootStore from "../../store/boot";
 const toConversationListItem = (conversation) => (Object.assign(Object.assign({}, conversation), { peerType: conversation.peerType }));
+/** After an initial load: marks an empty list as really empty, or asks for one more load. */
+const settleAfterLoad = (startedAfterSync, bootUserID, reload) => {
+    const boot = useBootStore.getState();
+    if (boot.userID !== bootUserID)
+        return;
+    if (!startedAfterSync) {
+        // Started before the first sync finished, so it may be empty on a fresh device: load again.
+        if (boot.isFirstSyncDone)
+            reload();
+        return;
+    }
+    // A sync we only stopped waiting on can still be filling an empty local DB; its finish reloads.
+    const isEmpty = useConversationStore.getState().conversationList.length === 0;
+    if (boot.isSyncStalled && isEmpty)
+        return;
+    boot.markListSettled();
+};
 export const useConversationList = (params) => {
     const { enabled, chatCategory } = params;
     const { connectStatus } = useChatContext();
@@ -30,6 +48,7 @@ export const useConversationList = (params) => {
         if (isLoadingInitialRef.current)
             return;
         isLoadingInitialRef.current = true;
+        const { isFirstSyncDone: startedAfterSync, userID: bootUserID } = useBootStore.getState();
         setIsLoading(true);
         try {
             const hasMore = await getConversationListByReq(false, appParams);
@@ -38,6 +57,9 @@ export const useConversationList = (params) => {
         finally {
             isLoadingInitialRef.current = false;
             setIsLoading(false);
+            settleAfterLoad(startedAfterSync, bootUserID, () => {
+                void loadInitialRef.current();
+            });
         }
     }, [getConversationListByReq, appParams]);
     // Always points at the latest loadInitial (fresh appParams) without being
@@ -70,6 +92,15 @@ export const useConversationList = (params) => {
             DChatSDK.off(CbEvents.OnSyncServerFinish, onSyncFinish);
         };
     }, [queryEnabled]);
+    // Also covers a sync the boot screen stopped waiting on, which never fires OnSyncServerFinish.
+    const isFirstSyncDone = useBootStore((state) => state.isFirstSyncDone);
+    const wasFirstSyncDoneRef = useRef(isFirstSyncDone);
+    useEffect(() => {
+        const justSynced = isFirstSyncDone && !wasFirstSyncDoneRef.current;
+        wasFirstSyncDoneRef.current = isFirstSyncDone;
+        if (justSynced && queryEnabled)
+            void loadInitialRef.current();
+    }, [isFirstSyncDone, queryEnabled]);
     const items = useMemo(() => conversationList.map(toConversationListItem), [conversationList]);
     return {
         items,

package/dist/hooks/conversation/useDeskOfflineLock.d.ts

@@ -0,0 +1,9 @@
+/** Marks the offline overlay, which stays interactive while the rest of the desk is locked. */
+export declare const DESK_OFFLINE_OVERLAY_ATTR = "data-desk-offline-overlay";
+/**
+ * While offline, makes every direct child of the workspace except the overlay inert (including
+ * ones added later) and turns shortcuts off. On reconnect it restores the previous focus,
+ * else `getFallbackFocus()`, so typing never lands on <body> where single-key shortcuts fire.
+ */
+export declare const useDeskOfflineLock: (workspaceEl: HTMLElement | null, isOffline: boolean, getFallbackFocus: () => HTMLElement | null) => void;
+//# sourceMappingURL=useDeskOfflineLock.d.ts.map

package/dist/hooks/conversation/useDeskOfflineLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeskOfflineLock.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useDeskOfflineLock.ts"],"names":[],"mappings":"AAGA,+FAA+F;AAC/F,eAAO,MAAM,yBAAyB,8BAA8B,CAAC;AAErE;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC7B,aAAa,WAAW,GAAG,IAAI,EAC/B,WAAW,OAAO,EAClB,kBAAkB,MAAM,WAAW,GAAG,IAAI,SAoC3C,CAAC"}

package/dist/hooks/conversation/useDeskOfflineLock.js

@@ -0,0 +1,46 @@
+"use client";
+import { useEffect, useRef } from "react";
+/** Marks the offline overlay, which stays interactive while the rest of the desk is locked. */
+export const DESK_OFFLINE_OVERLAY_ATTR = "data-desk-offline-overlay";
+/**
+ * While offline, makes every direct child of the workspace except the overlay inert (including
+ * ones added later) and turns shortcuts off. On reconnect it restores the previous focus,
+ * else `getFallbackFocus()`, so typing never lands on <body> where single-key shortcuts fire.
+ */
+export const useDeskOfflineLock = (workspaceEl, isOffline, getFallbackFocus) => {
+    const fallbackRef = useRef(getFallbackFocus);
+    fallbackRef.current = getFallbackFocus;
+    useEffect(() => {
+        if (!workspaceEl || !isOffline)
+            return;
+        const active = document.activeElement;
+        const previousFocus = active instanceof HTMLElement && workspaceEl.contains(active) ? active : null;
+        const locked = new Set();
+        const lockChildren = () => {
+            Array.from(workspaceEl.children).forEach((child) => {
+                if (child.hasAttribute(DESK_OFFLINE_OVERLAY_ATTR) || locked.has(child))
+                    return;
+                child.setAttribute("inert", "");
+                locked.add(child);
+            });
+        };
+        lockChildren();
+        const observer = new MutationObserver(lockChildren);
+        observer.observe(workspaceEl, { childList: true });
+        workspaceEl.setAttribute("data-desk-shortcuts-off", "");
+        return () => {
+            observer.disconnect();
+            locked.forEach((child) => child.removeAttribute("inert"));
+            workspaceEl.removeAttribute("data-desk-shortcuts-off");
+            if (document.activeElement && document.activeElement !== document.body)
+                return;
+            for (const target of [previousFocus, fallbackRef.current()]) {
+                if (!(target === null || target === void 0 ? void 0 : target.isConnected))
+                    continue;
+                target.focus();
+                if (document.activeElement === target)
+                    return;
+            }
+        };
+    }, [workspaceEl, isOffline]);
+};

package/dist/hooks/conversation/useDeskThreadNavigation.d.ts

@@ -0,0 +1,19 @@
+/** history.state key on entries pushed by opening a thread from the list or a search hit. */
+export declare const DESK_FROM_LIST_KEY = "dcDeskFromList";
+/** Marker value: unique per page load, so an entry left by an earlier document is never trusted. */
+export declare const DESK_DOC_ID: string;
+interface ThreadTarget {
+    threadId: string;
+    messageId?: string;
+}
+/**
+ * Opening and leaving a thread. On phone a thread is its own history entry (marked) so the
+ * browser back button returns to the list; otherwise leaving replaces the URL, never leaves the app.
+ */
+export declare const useDeskThreadNavigation: () => {
+    openFromList: (target: ThreadTarget) => void;
+    openThread: (target: ThreadTarget, hostUrl: string) => void;
+    backToList: () => void;
+};
+export {};
+//# sourceMappingURL=useDeskThreadNavigation.d.ts.map

package/dist/hooks/conversation/useDeskThreadNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeskThreadNavigation.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useDeskThreadNavigation.ts"],"names":[],"mappings":"AAOA,6FAA6F;AAC7F,eAAO,MAAM,kBAAkB,mBAAmB,CAAC;AACnD,oGAAoG;AACpG,eAAO,MAAM,WAAW,QAAqE,CAAC;AAE9F,UAAU,YAAY;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD;;;GAGG;AACH,eAAO,MAAM,uBAAuB;2BAIvB,YAAY;yBAiBZ,YAAY,WAAW,MAAM;;CAwBzC,CAAC"}

package/dist/hooks/conversation/useDeskThreadNavigation.js

@@ -0,0 +1,68 @@
+"use client";
+import { useCallback } from "react";
+import useConversationStore, { THREAD_URL_PARAMS } from "../../store/conversation";
+import useDeskPanelHostStore from "../../store/deskPanelHost";
+import useWorkspaceLayoutStore from "../../store/workspaceLayout";
+import { useChatNavigate } from "./useChatNavigate";
+/** history.state key on entries pushed by opening a thread from the list or a search hit. */
+export const DESK_FROM_LIST_KEY = "dcDeskFromList";
+/** Marker value: unique per page load, so an entry left by an earlier document is never trusted. */
+export const DESK_DOC_ID = `${Date.now().toString(36)}${Math.random().toString(36).slice(2)}`;
+const isMarkedEntry = () => { var _a; return ((_a = window.history.state) === null || _a === void 0 ? void 0 : _a[DESK_FROM_LIST_KEY]) === DESK_DOC_ID; };
+const buildUrl = (target) => {
+    const params = new URLSearchParams(window.location.search);
+    THREAD_URL_PARAMS.forEach((key) => params.delete(key));
+    if (target) {
+        params.set("threadId", target.threadId);
+        if (target.messageId)
+            params.set("messageId", target.messageId);
+    }
+    const query = params.toString();
+    return `${window.location.pathname}${query ? `?${query}` : ""}`;
+};
+/**
+ * Opening and leaving a thread. On phone a thread is its own history entry (marked) so the
+ * browser back button returns to the list; otherwise leaving replaces the URL, never leaves the app.
+ */
+export const useDeskThreadNavigation = () => {
+    const navigate = useChatNavigate();
+    const openFromList = useCallback((target) => {
+        const url = buildUrl(target);
+        if (useDeskPanelHostStore.getState().isFullScreen) {
+            useWorkspaceLayoutStore.getState().setPhonePendingPane("thread");
+            const state = { [DESK_FROM_LIST_KEY]: DESK_DOC_ID };
+            // Thread to thread (j/k) swaps the entry so back still lands on the list.
+            if (isMarkedEntry())
+                window.history.replaceState(state, "", url);
+            else
+                window.history.pushState(state, "", url);
+            return;
+        }
+        navigate(url);
+    }, [navigate]);
+    /** Shared openers: the phone desk gets a marked entry, every other host keeps its own URL. */
+    const openThread = useCallback((target, hostUrl) => {
+        if (useDeskPanelHostStore.getState().isFullScreen)
+            openFromList(target);
+        else
+            navigate(hostUrl);
+    }, [navigate, openFromList]);
+    const backToList = useCallback(() => {
+        const layout = useWorkspaceLayoutStore.getState();
+        if (layout.phonePendingPane === "list")
+            return;
+        layout.setPhonePendingPane("list");
+        if (isMarkedEntry()) {
+            useConversationStore.getState().clearSelectedConversation({ skipUrl: true });
+            window.history.back();
+            return;
+        }
+        const hadThread = new URLSearchParams(window.location.search).has("threadId");
+        // Replace first so clearing finds a clean URL and doesn't push an entry.
+        window.history.replaceState({}, "", buildUrl());
+        useConversationStore.getState().clearSelectedConversation();
+        if (!hadThread)
+            layout.setPhonePendingPane(null);
+    }, []);
+    return { openFromList, openThread, backToList };
+};

package/dist/hooks/global/useGlobalEvent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AAgDA,eAAO,MAAM,cAAc,YA+lB1B,CAAC"}
+{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AAiDA,eAAO,MAAM,cAAc,YAmnB1B,CAAC"}

package/dist/hooks/global/useGlobalEvent.js

@@ -12,6 +12,7 @@ import { useChatNavigate } from "../../hooks/conversation/useChatNavigate";
 import useConversationStore from "../../store/conversation";
 import { resolveConversationBotId } from "../../utils/conversation";
 import useAuthStore from "../../store/auth";
+import useBootStore from "../../store/boot";
 import { useRefetchChatToken } from "../../hooks/init/useChatToken";
 import { updateSession } from "../../hooks/session/useUpdateSession";
 import { QUERY_KEYS } from "../../services/query";
@@ -168,7 +169,9 @@ export const useGlobalEvent = () => {
                 var _a;
                 if (data) {
                     useAuthStore.getState().setChatToken((_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.token);
+                    return;
                 }
+                useBootStore.getState().markFailed("engine");
             },
         });
     };
@@ -195,10 +198,15 @@ export const useGlobalEvent = () => {
             if (error.errCode === 10102) {
                 updateConnectStatus(ConnectStatus.Connected);
                 updateSyncStatus(SyncStatus.Success);
+                // Already logged in (e.g. ChatProvider remounted): sync events may have fired while
+                // nobody listened, so stop waiting for them rather than risk a boot screen that never ends.
+                useBootStore.getState().markConnected();
+                useBootStore.getState().markFirstSyncDone();
                 getSelfUserInfo();
                 initStore();
                 return;
             }
+            useBootStore.getState().markFailed("engine");
             console.error(error);
         }
     };
@@ -208,27 +216,39 @@ export const useGlobalEvent = () => {
         if (!chatToken || !userID) {
             return;
         }
+        useBootStore.getState().startBoot(userID);
         tryLogin();
     };
     const connectingHandler = () => {
+        useBootStore.getState().markConnecting();
         updateConnectStatus(ConnectStatus.Connecting);
     };
     const connectSuccessHandler = () => {
+        useBootStore.getState().markConnected();
         updateConnectStatus(ConnectStatus.Connected);
     };
     const connectFailedHandler = () => {
+        // After boot, core keeps retrying on its own; the boot screen only shows "connect" then.
+        if (!useBootStore.getState().isFirstSyncDone) {
+            useBootStore.getState().markFailed("connect");
+        }
         updateConnectStatus(ConnectStatus.Disconnected);
     };
     const syncStartHandler = ({ data }) => {
         updateSyncStatus(SyncStatus.Loading);
     };
+    const syncProgressHandler = ({ data }) => {
+        useBootStore.getState().setSyncProgress(data);
+    };
     const syncFinishHandler = () => {
+        useBootStore.getState().markFirstSyncDone();
         updateSyncStatus(SyncStatus.Success);
         getSelfUserInfo();
         loadConversationList();
         void refreshCurrentGroupState();
     };
     const syncFailedHandler = () => {
+        useBootStore.getState().markFirstSyncDone();
         updateSyncStatus(SyncStatus.Failed);
     };
     // The bot behind the open thread changed (flow swapped, type switched,
@@ -419,7 +439,7 @@ export const useGlobalEvent = () => {
         DChatSDK.on(CbEvents.OnConnectFailed, connectFailedHandler);
         // sync
         DChatSDK.on(CbEvents.OnSyncServerStart, syncStartHandler);
-        // DChatSDK.on(CbEvents.OnSyncServerProgress, syncProgressHandler);
+        DChatSDK.on(CbEvents.OnSyncServerProgress, syncProgressHandler);
         DChatSDK.on(CbEvents.OnSyncServerFinish, syncFinishHandler);
         DChatSDK.on(CbEvents.OnSyncServerFailed, syncFailedHandler);
         // message
@@ -454,7 +474,7 @@ export const useGlobalEvent = () => {
         DChatSDK.off(CbEvents.OnConnectFailed, connectFailedHandler);
         // sync
         DChatSDK.off(CbEvents.OnSyncServerStart, syncStartHandler);
-        // DChatSDK.off(CbEvents.OnSyncServerProgress, syncProgressHandler);
+        DChatSDK.off(CbEvents.OnSyncServerProgress, syncProgressHandler);
         DChatSDK.off(CbEvents.OnSyncServerFinish, syncFinishHandler);
         DChatSDK.off(CbEvents.OnSyncServerFailed, syncFailedHandler);
         // message

package/dist/hooks/group/useCreateGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useCreateGroup.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAqCD,eAAO,MAAM,cAAc;6DAQ2B,iBAAiB;CAyDtE,CAAC"}
+{"version":3,"file":"useCreateGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useCreateGroup.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAqCD,eAAO,MAAM,cAAc;6DAQ2B,iBAAiB;CA4DtE,CAAC"}

package/dist/hooks/group/useCreateGroup.js

@@ -6,7 +6,7 @@ import { useTranslation } from "react-i18next";
 import { GroupType, GroupVerificationType, GroupVisibility, SessionType } from "@droppii-org/wasm-client-sdk";
 import { DChatSDK } from "../../constants/sdk";
 import useAuthStore from "../../store/auth";
-import { useChatNavigate } from "../../hooks/conversation/useChatNavigate";
+import { useDeskThreadNavigation } from "../../hooks/conversation/useDeskThreadNavigation";
 import { generateDefaultGroupName } from "../../utils/groupName";
 import { QUERY_KEYS } from "../../services/query";
 const GET_CONVERSATION_RETRY_COUNT = 4;
@@ -43,7 +43,7 @@ const getOneConversationWithRetry = async (groupID) => {
 export const useCreateGroup = () => {
     const { t } = useTranslation("conversation-inbox");
     const { t: tCommon } = useTranslation();
-    const onNavigate = useChatNavigate();
+    const { openThread } = useDeskThreadNavigation();
     const queryClient = useQueryClient();
     const userID = useAuthStore((state) => state.userID);
     const createGroup = useCallback(async ({ groupName, isPublic, members, faceURL }) => {
@@ -80,7 +80,7 @@ export const useCreateGroup = () => {
             });
             const searchParams = new URLSearchParams(window.location.search);
             searchParams.set("threadId", conversation.conversationID);
-            onNavigate(`${window.location.pathname}?${searchParams.toString()}`);
+            openThread({ threadId: conversation.conversationID }, `${window.location.pathname}?${searchParams.toString()}`);
             return conversation;
         }
         catch (error) {
@@ -88,6 +88,6 @@ export const useCreateGroup = () => {
             message.error(errorMessage);
             throw error;
         }
-    }, [onNavigate, t, tCommon, userID, queryClient]);
+    }, [openThread, t, tCommon, userID, queryClient]);
     return { createGroup };
 };

package/dist/hooks/init/useChatBootPhase.d.ts

@@ -0,0 +1,30 @@
+import { type ChatBootFailedStep } from "../../store/boot";
+import { ConnectStatus } from "../../types/chat";
+export type ChatBootPhase = "engine" | "connect" | "sync" | "ready" | "error";
+export interface ChatBootState {
+    phase: ChatBootPhase;
+    /** Step that failed when `phase` is "error". */
+    failedStep: ChatBootFailedStep | null;
+    /** 0-100, meaningful in the "sync" phase. */
+    syncProgress: number;
+    /** The current step has run longer than the caller's `slowAfterMs`. */
+    isSlow: boolean;
+    /** False for the first moments, so a fast cached boot never flashes status text. */
+    isStatusVisible: boolean;
+}
+export declare const BOOT_STATUS_DELAY_MS = 600;
+/** A connect or sync step that sees no change for this long is treated as stuck. */
+export declare const BOOT_STALL_MS = 30000;
+interface ResolveBootPhaseInput {
+    connectStatus: ConnectStatus;
+    hasConnected: boolean;
+    isFirstSyncDone: boolean;
+    failedStep: ChatBootFailedStep | null;
+}
+export declare const resolveChatBootPhase: ({ connectStatus, hasConnected, isFirstSyncDone, failedStep, }: ResolveBootPhaseInput) => ChatBootPhase;
+/** Where the chat engine is in its boot: WASM + login, connect, first sync, ready, or failed. */
+export declare const useChatBootPhase: ({ slowAfterMs, }: {
+    slowAfterMs: number;
+}) => ChatBootState;
+export {};
+//# sourceMappingURL=useChatBootPhase.d.ts.map

package/dist/hooks/init/useChatBootPhase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatBootPhase.d.ts","sourceRoot":"","sources":["../../../src/hooks/init/useChatBootPhase.ts"],"names":[],"mappings":"AAIA,OAAqB,EAAE,KAAK,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9E,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,aAAa,CAAC;IACrB,gDAAgD;IAChD,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,6CAA6C;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,MAAM,EAAE,OAAO,CAAC;IAChB,oFAAoF;IACpF,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,oFAAoF;AACpF,eAAO,MAAM,aAAa,QAAS,CAAC;AAEpC,UAAU,qBAAqB;IAC7B,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,kBAAkB,GAAG,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,oBAAoB,GAAI,+DAKlC,qBAAqB,KAAG,aAO1B,CAAC;AAEF,iGAAiG;AACjG,eAAO,MAAM,gBAAgB,GAAI,kBAE9B;IACD,WAAW,EAAE,MAAM,CAAC;CACrB,KAAG,aAwDH,CAAC"}

package/dist/hooks/init/useChatBootPhase.js

@@ -0,0 +1,72 @@
+"use client";
+import { useEffect, useState } from "react";
+import { useChatContext } from "../../context/ChatContext";
+import useBootStore from "../../store/boot";
+import { ConnectStatus } from "../../types/chat";
+export const BOOT_STATUS_DELAY_MS = 600;
+/** A connect or sync step that sees no change for this long is treated as stuck. */
+export const BOOT_STALL_MS = 30000;
+export const resolveChatBootPhase = ({ connectStatus, hasConnected, isFirstSyncDone, failedStep, }) => {
+    if (connectStatus === ConnectStatus.Connected) {
+        return isFirstSyncDone ? "ready" : "sync";
+    }
+    if (failedStep)
+        return "error";
+    if (connectStatus === ConnectStatus.Connecting || hasConnected)
+        return "connect";
+    return "engine";
+};
+/** Where the chat engine is in its boot: WASM + login, connect, first sync, ready, or failed. */
+export const useChatBootPhase = ({ slowAfterMs, }) => {
+    const { connectStatus } = useChatContext();
+    const hasConnected = useBootStore((state) => state.hasConnected);
+    const isFirstSyncDone = useBootStore((state) => state.isFirstSyncDone);
+    const failedStep = useBootStore((state) => state.failedStep);
+    const syncProgress = useBootStore((state) => state.syncProgress);
+    const basePhase = resolveChatBootPhase({
+        connectStatus,
+        hasConnected,
+        isFirstSyncDone,
+        failedStep,
+    });
+    // Sync progress restarts the slow/stall timers: a moving sync is not stuck.
+    const stepKey = basePhase === "sync" ? `sync:${syncProgress}` : basePhase;
+    const [isDelayOver, setIsDelayOver] = useState(false);
+    const [slowStepKey, setSlowStepKey] = useState(null);
+    const [stalledStepKey, setStalledStepKey] = useState(null);
+    useEffect(() => {
+        const timer = setTimeout(() => setIsDelayOver(true), BOOT_STATUS_DELAY_MS);
+        return () => clearTimeout(timer);
+    }, []);
+    useEffect(() => {
+        if (basePhase === "ready" || basePhase === "error")
+            return;
+        const slowTimer = setTimeout(() => setSlowStepKey(stepKey), slowAfterMs);
+        // No stall timer for "engine": a first WASM download on a slow network can take minutes.
+        // A stuck sync falls through to the UI it already has; a stuck connect becomes an error.
+        const stallTimer = basePhase === "engine"
+            ? undefined
+            : setTimeout(() => {
+                if (basePhase === "sync")
+                    useBootStore.getState().markSyncStalled();
+                else
+                    setStalledStepKey(stepKey);
+            }, BOOT_STALL_MS);
+        return () => {
+            clearTimeout(slowTimer);
+            clearTimeout(stallTimer);
+            // Re-entering the same step later (e.g. "connect" after a drop) starts from scratch.
+            setSlowStepKey(null);
+            setStalledStepKey(null);
+        };
+    }, [basePhase, stepKey, slowAfterMs]);
+    const isStalled = basePhase === "connect" && stalledStepKey === stepKey;
+    const phase = isStalled ? "error" : basePhase;
+    return {
+        phase,
+        failedStep: isStalled ? "connect" : phase === "error" ? failedStep : null,
+        syncProgress,
+        isSlow: slowStepKey === stepKey,
+        isStatusVisible: isDelayOver || phase === "error",
+    };
+};

package/dist/hooks/message/usePinMessage.d.ts

@@ -1,7 +1,5 @@
 export declare const usePinMessage: () => {
     pinMessage: (conversationID: string, clientMsgID: string) => Promise<void>;
     unpinMessage: (conversationID: string, clientMsgID: string) => Promise<void>;
-    pinLoading: boolean;
-    unpinLoading: boolean;
 };
 //# sourceMappingURL=usePinMessage.d.ts.map

package/dist/hooks/message/usePinMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePinMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/usePinMessage.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa;;;;;CA6CzB,CAAC"}
+{"version":3,"file":"usePinMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/usePinMessage.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,aAAa;iCAIC,MAAM,eAAe,MAAM;mCAiB3B,MAAM,eAAe,MAAM;CAkBrD,CAAC"}

package/dist/hooks/message/usePinMessage.js

@@ -1,11 +1,13 @@
-import { useRequest } from "ahooks";
+import { useCallback } from "react";
 import { DChatSDK } from "../../constants/sdk";
 import useAuthStore from "../../store/auth";
 import { updateOneMessage } from "../../hooks/message/useMessage";
 import { fetchPinnedMessages } from "./usePinnedMessages";
+// Plain callbacks, not ahooks useRequest: unpinning the last pin unmounts the
+// pinned panel, and ahooks >=3.10 rejects a request whose owner unmounts.
 export const usePinMessage = () => {
     const userID = useAuthStore((state) => state.userID);
-    const { runAsync: pinMessage, loading: pinLoading } = useRequest(async (conversationID, clientMsgID) => {
+    const pinMessage = useCallback(async (conversationID, clientMsgID) => {
         await DChatSDK.pinMsg({
             conversationID,
             clientMsgID,
@@ -17,10 +19,8 @@ export const usePinMessage = () => {
             pinnedTime: Date.now(),
         });
         await fetchPinnedMessages(conversationID);
-    }, {
-        manual: true,
-    });
-    const { runAsync: unpinMessage, loading: unpinLoading } = useRequest(async (conversationID, clientMsgID) => {
+    }, [userID]);
+    const unpinMessage = useCallback(async (conversationID, clientMsgID) => {
         await DChatSDK.unpinMsg({
             conversationID,
             clientMsgID,
@@ -30,13 +30,9 @@ export const usePinMessage = () => {
             isPinned: false,
         });
         await fetchPinnedMessages(conversationID);
-    }, {
-        manual: true,
-    });
+    }, []);
     return {
         pinMessage,
         unpinMessage,
-        pinLoading,
-        unpinLoading,
     };
 };

package/dist/hooks/message/useQuotedSenderName.d.ts

@@ -0,0 +1,14 @@
+type QuotedSender = {
+    sendID?: string;
+    senderNickname?: string;
+} | null;
+/**
+ * Who a quote is attributed to; the sent quote and the reply bar share it.
+ * `name` is empty when the viewer quoted their own message (`isMe`).
+ */
+export declare const useQuotedSenderName: (quoted?: QuotedSender) => {
+    isMe: boolean;
+    name: string;
+};
+export {};
+//# sourceMappingURL=useQuotedSenderName.d.ts.map

package/dist/hooks/message/useQuotedSenderName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuotedSenderName.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useQuotedSenderName.ts"],"names":[],"mappings":"AASA,KAAK,YAAY,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC;AAExE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,YAAY;;;CAqCxD,CAAC"}

package/dist/hooks/message/useQuotedSenderName.js

@@ -0,0 +1,41 @@
+import { useMemo } from "react";
+import useAuthStore from "../../store/auth";
+import useConversationStore from "../../store/conversation";
+import { useUserUsername } from "../../hooks/user/useUserUsername";
+import { BOT_SESSION_CONVERSATION_PREFIX, isSupportSessionAgentView, } from "../../utils/conversation";
+/**
+ * Who a quote is attributed to; the sent quote and the reply bar share it.
+ * `name` is empty when the viewer quoted their own message (`isMe`).
+ */
+export const useQuotedSenderName = (quoted) => {
+    const userID = useAuthStore((state) => state.userID);
+    const isCrm = useAuthStore((state) => state.isCrm);
+    const conversationData = useConversationStore((state) => state.conversationData);
+    const isMe = !!quoted && quoted.sendID === userID;
+    // Outside CRM an agent tells senders apart by username.
+    const isAgentView = !isCrm && isSupportSessionAgentView(conversationData, userID);
+    const quotedUsername = useUserUsername(isAgentView && !isMe ? quoted === null || quoted === void 0 ? void 0 : quoted.sendID : undefined);
+    const isSupportThread = useMemo(() => {
+        var _a, _b, _c, _d;
+        // Core sometimes leaves ex empty; the conversation id still marks a bot thread.
+        const conversationID = (_a = conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID) !== null && _a !== void 0 ? _a : "";
+        if (conversationID.startsWith(BOT_SESSION_CONVERSATION_PREFIX))
+            return true;
+        try {
+            return Boolean((_d = (_c = (_b = JSON.parse((conversationData === null || conversationData === void 0 ? void 0 : conversationData.ex) || "{}")) === null || _b === void 0 ? void 0 : _b.sessionInfo) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.botId);
+        }
+        catch (_e) {
+            return false;
+        }
+    }, [conversationData === null || conversationData === void 0 ? void 0 : conversationData.conversationID, conversationData === null || conversationData === void 0 ? void 0 : conversationData.ex]);
+    if (!quoted || isMe)
+        return { isMe, name: "" };
+    if (isAgentView) {
+        return { isMe, name: quotedUsername || quoted.senderNickname || "" };
+    }
+    // The session owner only ever sees the thread's own name for the other side.
+    if (!isCrm && isSupportThread) {
+        return { isMe, name: (conversationData === null || conversationData === void 0 ? void 0 : conversationData.showName) || "" };
+    }
+    return { isMe, name: quoted.senderNickname || "" };
+};

package/dist/hooks/user/useAuth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../../src/hooks/user/useAuth.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,YAAY;;CA6BxB,CAAC"}
+{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../../src/hooks/user/useAuth.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY;;CA8BxB,CAAC"}

package/dist/hooks/user/useAuth.js

@@ -1,6 +1,7 @@
 import { Platform } from "@droppii-org/wasm-client-sdk";
 import { DChatSDK } from "../../constants/sdk";
 import useAuthStore from "../../store/auth";
+import useBootStore from "../../store/boot";
 import useConversationStore from "../../store/conversation";
 import useMessageDraftStore from "../../store/messageDraft";
 import useTypingStore from "../../store/typing";
@@ -12,6 +13,7 @@ export const useDChatAuth = () => {
         const res = await DChatSDK.logout();
         const applicationType = useAuthStore.getState().applicationType;
         resetConversationStore();
+        useBootStore.getState().reset();
         clearAllDrafts();
         useTypingStore.getState().clearTypers();
         initAuthStore({