@droppii-org/chat-sdk 0.8.1 → 0.8.2

package/dist/components/thread/SessionTagPicker.js

@@ -12,7 +12,7 @@ import { LAYOUT_MEDIA } from "../../constants/layout";
 const OPTION_HEIGHT = 36;
 const MAX_VISIBLE_OPTIONS = 8;
 // The "Thêm thẻ" row of the tag box. Its list opens inline, so it pushes the card instead of floating over it.
-const SessionTagPicker = ({ labelId, available, selectedIds, onChange, }) => {
+const SessionTagPicker = ({ labelId, available, selectedIds, selectedNames = [], onChange, }) => {
     const { t } = useTranslation("common");
     const isTouch = useMediaQuery(LAYOUT_MEDIA.touch);
     const [open, setOpen] = useState(false);
@@ -50,7 +50,7 @@ const SessionTagPicker = ({ labelId, available, selectedIds, onChange, }) => {
                 event.stopPropagation();
                 close();
             }
-        }, children: [_jsxs("button", { ref: toggleRef, id: labelId, type: "button", "aria-label": t("session_add_tag"), "aria-expanded": open, "aria-controls": listId, className: "flex h-9 touch:min-h-10 w-full items-center gap-1 px-3 text-[13px] text-gray-600 hover:text-gray-900", onClick: () => (open ? close() : setOpen(true)), children: [_jsx(StrokeIcon, { name: "plus", size: 14 }), t("session_add_tag")] }), open && (_jsxs("div", { ref: panelRef, className: "mx-2 mb-2 flex flex-col gap-1 rounded-lg border border-gray-50 p-1", children: [_jsx(Input, { autoFocus: !isTouch, "aria-label": t("session_search_tag_placeholder"), "aria-controls": listId, placeholder: t("session_search_tag_placeholder"), value: keyword, onChange: (event) => setKeyword(event.target.value), prefix: _jsx(StrokeIcon, { name: "search", size: 16, className: "text-gray-400" }), className: "rounded-lg border-gray-300 text-[13px] focus-within:border-chat-focus focus-within:shadow-chat-focus-ring", allowClear: true }), _jsxs("ul", { id: listId, role: "listbox", "aria-multiselectable": true, "aria-labelledby": labelId, className: "overflow-y-auto", style: { height: listHeight }, children: [isLoading && (_jsx("li", { className: "flex justify-center py-2", children: _jsx(Spin, { size: "small" }) })), !isLoading && options.length === 0 && (_jsx("li", { className: "px-2 py-1.5 text-[13px] text-gray-600", children: t("session_no_tags") })), options.map((label) => {
+        }, children: [_jsxs("button", { ref: toggleRef, id: labelId, type: "button", "aria-label": t("session_add_tag"), "aria-expanded": open, "aria-controls": listId, className: "group flex min-h-9 touch:min-h-10 w-full items-center gap-1 px-3 py-1 text-left text-[13px] text-gray-600 hover:text-gray-900", onClick: () => (open ? close() : setOpen(true)), children: [selectedNames.length === 0 ? (_jsx("span", { className: "min-w-0 flex-1 truncate", children: t("session_add_tag_placeholder") })) : (_jsx("span", { className: "flex min-w-0 flex-1 flex-wrap gap-1", children: selectedNames.map((name, index) => (_jsx("span", { className: "inline-flex h-5 max-w-full items-center truncate rounded-md bg-[var(--dc-color-neutral-surface)] px-2 text-xs font-medium text-gray-900", children: name }, `${name}-${index}`))) })), _jsx(StrokeIcon, { name: "plus", size: 14, className: "shrink-0 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 touch:opacity-100" })] }), open && (_jsxs("div", { ref: panelRef, className: "mx-2 mb-2 flex flex-col gap-1 rounded-lg border border-gray-50 p-1", children: [_jsx(Input, { autoFocus: !isTouch, "aria-label": t("session_search_tag_placeholder"), "aria-controls": listId, placeholder: t("session_search_tag_placeholder"), value: keyword, onChange: (event) => setKeyword(event.target.value), prefix: _jsx(StrokeIcon, { name: "search", size: 16, className: "text-gray-400" }), className: "rounded-lg border-gray-300 text-[13px] focus-within:border-chat-focus focus-within:shadow-chat-focus-ring", allowClear: true }), _jsxs("ul", { id: listId, role: "listbox", "aria-multiselectable": true, "aria-labelledby": labelId, className: "overflow-y-auto", style: { height: listHeight }, children: [isLoading && (_jsx("li", { className: "flex justify-center py-2", children: _jsx(Spin, { size: "small" }) })), !isLoading && options.length === 0 && (_jsx("li", { className: "px-2 py-1.5 text-[13px] text-gray-600", children: t("session_no_tags") })), options.map((label) => {
                                 const isSelected = selectedIds.includes(label.id);
                                 return (_jsx("li", { role: "option", "aria-selected": isSelected, children: _jsxs("button", { type: "button", className: `flex h-9 w-full items-center justify-between rounded px-2 text-left text-[13px] text-gray-900 hover:bg-gray-5 ${isSelected ? "bg-primary-25" : ""}`, onClick: () => toggle(label.id), children: [label.name, isSelected && _jsx(StrokeIcon, { name: "check", size: 14 })] }) }, label.id));
                             })] })] }))] }));

package/dist/components/thread/sessionDateFormat.d.ts

@@ -1,3 +1,5 @@
 export declare const formatSessionTime: (dateString?: string | null) => string;
 export declare const formatSessionDate: (dateString?: string | null) => string;
+/** "HH:mm dd/MM - HH:mm dd/MM" (start - end); an open session has no end, so only the start. */
+export declare const formatSessionRange: (startDate?: string | null, endDate?: string | null) => string;
 //# sourceMappingURL=sessionDateFormat.d.ts.map

package/dist/components/thread/sessionDateFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sessionDateFormat.d.ts","sourceRoot":"","sources":["../../../src/components/thread/sessionDateFormat.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,GAAI,aAAa,MAAM,GAAG,IAAI,WAI3D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,aAAa,MAAM,GAAG,IAAI,WAI3D,CAAC"}
+{"version":3,"file":"sessionDateFormat.d.ts","sourceRoot":"","sources":["../../../src/components/thread/sessionDateFormat.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,GAAI,aAAa,MAAM,GAAG,IAAI,WAI3D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,aAAa,MAAM,GAAG,IAAI,WAI3D,CAAC;AAEF,gGAAgG;AAChG,eAAO,MAAM,kBAAkB,GAC7B,YAAY,MAAM,GAAG,IAAI,EACzB,UAAU,MAAM,GAAG,IAAI,WAKxB,CAAC"}

package/dist/components/thread/sessionDateFormat.js

@@ -11,3 +11,9 @@ export const formatSessionDate = (dateString) => {
     const date = new Date(dateString);
     return `${formatSessionTime(dateString)} ${pad(date.getDate())}/${pad(date.getMonth() + 1)}`;
 };
+/** "HH:mm dd/MM - HH:mm dd/MM" (start - end); an open session has no end, so only the start. */
+export const formatSessionRange = (startDate, endDate) => {
+    const start = formatSessionDate(startDate);
+    const end = formatSessionDate(endDate);
+    return end ? `${start} - ${end}` : start;
+};

package/dist/constants/dateFormat.d.ts

@@ -0,0 +1,2 @@
+export declare const LIBRARY_DATE_HEADER_FORMAT = "DD/MM/YYYY";
+//# sourceMappingURL=dateFormat.d.ts.map

package/dist/constants/dateFormat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateFormat.d.ts","sourceRoot":"","sources":["../../src/constants/dateFormat.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,0BAA0B,eAAe,CAAC"}

package/dist/constants/dateFormat.js

@@ -0,0 +1,2 @@
+// Day group headers in the media library follow the product spec (DD/MM/YYYY).
+export const LIBRARY_DATE_HEADER_FORMAT = "DD/MM/YYYY";

package/dist/hooks/common/useFetchUrlMetadata.d.ts

@@ -2,6 +2,7 @@ export interface UrlMetadata {
     title?: string;
     description?: string;
     image?: string;
+    isEmpty?: boolean;
     url: string;
 }
 export declare const fetchUrlMetadata: (url: string) => Promise<UrlMetadata | null>;

package/dist/hooks/common/useFetchUrlMetadata.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFetchUrlMetadata.d.ts","sourceRoot":"","sources":["../../../src/hooks/common/useFetchUrlMetadata.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,gBAAgB,GAAU,KAAK,MAAM,KAAG,OAAO,CAAC,WAAW,GAAG,IAAI,CAY9E,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,KAAK,MAAM,EAAE,iBAAc,8EAO3D,CAAC"}
+{"version":3,"file":"useFetchUrlMetadata.d.ts","sourceRoot":"","sources":["../../../src/hooks/common/useFetchUrlMetadata.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,gBAAgB,GAAU,KAAK,MAAM,KAAG,OAAO,CAAC,WAAW,GAAG,IAAI,CAY9E,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,KAAK,MAAM,EAAE,iBAAc,8EAO3D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useBotFlow.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useBotFlow.ts"],"names":[],"mappings":"AAMA,OAAO,EAKL,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAgB9B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,aAAa,CAAC;AAMtD,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB;AAsBD,eAAO,MAAM,UAAU,GAAI,kCAGxB,gBAAgB;;;;;;;;;;;;6BAoKqB,MAAM;;6BA+DN,eAAe;;;CAmDtD,CAAC"}
+{"version":3,"file":"useBotFlow.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useBotFlow.ts"],"names":[],"mappings":"AAMA,OAAO,EAKL,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAgB9B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,aAAa,CAAC;AAMtD,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB;AAoCD,eAAO,MAAM,UAAU,GAAI,kCAGxB,gBAAgB;;;;;;;;;;;;6BA8KqB,MAAM;;6BAwFN,eAAe;;;CA+DtD,CAAC"}

package/dist/hooks/conversation/useBotFlow.js

@@ -21,6 +21,17 @@ const INITIAL_BOT_FLOW_STATE = {
     flowCurrentStep: null,
     flowIsEnd: false,
 };
+// Safety net: a group whose message never arrives must not hide buttons forever.
+const PENDING_GROUP_TIMEOUT_MS = 8000;
+// Only these blocks make the server push a chat message carrying the group id.
+const MESSAGE_BLOCK_TYPES = [
+    BotBlockType.BubbleText,
+    BotBlockType.BubbleImage,
+];
+const hasMessageBlock = (step) => {
+    var _a, _b;
+    return !!((_b = (_a = step === null || step === void 0 ? void 0 : step.data) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.some((child) => MESSAGE_BLOCK_TYPES.includes(child.type)));
+};
 const parseMessageFlowGroupId = (ex) => {
     var _a;
     try {
@@ -97,6 +108,12 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
             emitter.off("PUSH_NEW_MSG", handleNewMessage);
         };
     }, [authUserID]);
+    useEffect(() => {
+        if (!pendingGroupId)
+            return;
+        const timer = setTimeout(() => setPendingGroupId(null), PENDING_GROUP_TIMEOUT_MS);
+        return () => clearTimeout(timer);
+    }, [pendingGroupId]);
     const activeStep = isActiveConversation ? flowCurrentStep : null;
     const inputButtonsBlocks = (_d = activeStep === null || activeStep === void 0 ? void 0 : activeStep.data.children.filter((child) => child.type === BotBlockType.InputButtons)) !== null && _d !== void 0 ? _d : [];
     const currentButtonsBlock = inputButtonsBlocks.length > 0
@@ -138,6 +155,7 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
         });
         const nextGroupId = (_a = result.flowNextStep) === null || _a === void 0 ? void 0 : _a.id;
         setPendingGroupId(result.havingBotMessage &&
+            hasMessageBlock(result.flowNextStep) &&
             nextGroupId &&
             latestBotFlowGroupIdRef.current !== nextGroupId
             ? nextGroupId
@@ -187,24 +205,46 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
             await runStep(resetDetail.flowCurrentStep);
         });
     };
+    // The CS may have closed the session on the desk while this thread stayed
+    // open, so confirm against the server before showing the "end session" modal.
+    const checkCsSession = async () => {
+        var _a, _b;
+        if (!isInActiveCsSession)
+            return { active: false, step: activeStep };
+        const fresh = await detailQuery.refetch();
+        // A missing step means the session is gone; the stale CS step must not win.
+        const step = (_b = (_a = fresh.data) === null || _a === void 0 ? void 0 : _a.flowCurrentStep) !== null && _b !== void 0 ? _b : null;
+        return { active: isInCsSession({ flowCurrentStep: step }), step };
+    };
+    // The session refetch is async; a second tap meanwhile would run the same
+    // check-then-act again, so claim the slot before awaiting anything.
+    const checkingRef = useRef(false);
     const restart = async () => {
-        if (isInActiveCsSession) {
-            setPendingCsAction({ type: "restart" });
+        if (checkingRef.current)
             return;
+        checkingRef.current = true;
+        try {
+            if ((await checkCsSession()).active) {
+                setPendingCsAction({ type: "restart" });
+                return;
+            }
+            await performRestart();
+        }
+        finally {
+            checkingRef.current = false;
         }
-        await performRestart();
     };
-    const runMenuOption = async (item) => {
-        if (!activeStep)
+    const runMenuOption = async (item, step = activeStep) => {
+        if (!step)
             return;
         await whileChoosing(async () => {
             await sendMergeMessage({
                 plainText: item.label,
                 richText: "",
                 isInternal: false,
-                flow: { groupId: activeStep.id, childId: null, actionId: item.id },
+                flow: { groupId: step.id, childId: null, actionId: item.id },
             });
-            await runStep(activeStep, item.id);
+            await runStep(step, item.id);
         });
     };
     const selectMenuOption = async (item) => {
@@ -212,13 +252,23 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
             await restart();
             return;
         }
-        if (isInActiveCsSession) {
-            setPendingCsAction({ type: "menu", item });
+        if (checkingRef.current)
             return;
+        checkingRef.current = true;
+        try {
+            const { active, step } = await checkCsSession();
+            if (active) {
+                setPendingCsAction({ type: "menu", item });
+                return;
+            }
+            await runMenuOption(item, step);
+        }
+        finally {
+            checkingRef.current = false;
         }
-        await runMenuOption(item);
     };
     const confirmEndCsSession = async () => {
+        var _a, _b;
         if (!pendingCsAction)
             return;
         const action = pendingCsAction;
@@ -229,10 +279,12 @@ export const useBotFlow = ({ conversationId, isBotThread, }) => {
                 await performRestart();
             }
             else {
-                await runMenuOption(action.item);
+                // The server resets the flow step on close; run the menu item on it.
+                const fresh = await detailQuery.refetch();
+                await runMenuOption(action.item, (_b = (_a = fresh.data) === null || _a === void 0 ? void 0 : _a.flowCurrentStep) !== null && _b !== void 0 ? _b : activeStep);
             }
         }
-        catch (_a) {
+        catch (_c) {
             toastMessage.error(t("thread_detail.bot.cs_confirm.close_failed"));
             setPendingCsAction(null);
         }

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

@@ -1,2 +1,4 @@
+export declare const SESSION_ALREADY_CLOSED_CODE = 2005;
+export declare const isSessionAlreadyClosedError: (error: unknown) => boolean;
 export declare const useCloseBotSession: () => import("@tanstack/react-query").UseMutationResult<void, Error, string, unknown>;
 //# sourceMappingURL=useCloseBotSession.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCloseBotSession.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useCloseBotSession.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,kBAAkB,uFAS9B,CAAC"}
+{"version":3,"file":"useCloseBotSession.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useCloseBotSession.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,2BAA2B,OAAO,CAAC;AAEhD,eAAO,MAAM,2BAA2B,GAAI,OAAO,OAAO,KAAG,OAQ5D,CAAC;AAEF,eAAO,MAAM,kBAAkB,uFAc9B,CAAC"}

package/dist/hooks/conversation/useCloseBotSession.js

@@ -3,11 +3,27 @@ import { useMutation } from "@tanstack/react-query";
 import { apiInstance } from "../../services/api";
 import { ENDPOINTS } from "../../services/routes";
 import { QUERY_KEYS } from "../../services/query";
+// Backend code for "session already closed" (e.g. CS ended it on the desk).
+export const SESSION_ALREADY_CLOSED_CODE = 2005;
+export const isSessionAlreadyClosedError = (error) => {
+    var _a;
+    const data = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data;
+    if (!data)
+        return false;
+    return [data.code, data.errorCode, data.errCode, data.statusCode].some((value) => Number(value) === SESSION_ALREADY_CLOSED_CODE);
+};
 export const useCloseBotSession = () => {
     return useMutation({
         mutationKey: [QUERY_KEYS.CLOSE_BOT_SESSION],
         mutationFn: async (conversationId) => {
-            await apiInstance.post(ENDPOINTS.chatService.closeBotSession(conversationId));
+            try {
+                await apiInstance.post(ENDPOINTS.chatService.closeBotSession(conversationId));
+            }
+            catch (error) {
+                // Already closed elsewhere is the outcome we wanted; let the caller go on.
+                if (!isSessionAlreadyClosedError(error))
+                    throw error;
+            }
         },
     });
 };

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":"AAkDA,eAAO,MAAM,cAAc,YA8nB1B,CAAC"}
+{"version":3,"file":"useGlobalEvent.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useGlobalEvent.ts"],"names":[],"mappings":"AA6DA,eAAO,MAAM,cAAc,YA0wB1B,CAAC"}

package/dist/hooks/global/useGlobalEvent.js

@@ -1,8 +1,8 @@
-import { useEffect } from "react";
+import { useEffect, useRef } from "react";
 import { useLatest } from "ahooks";
 import { DChatSDK } from "../../constants/sdk";
 import { CbEvents, GroupVisibility, MessageType, SessionType, } from "@droppii-org/wasm-client-sdk";
-import { BusinessNotificationType, ConnectStatus, CustomType, SyncStatus, } from "../../types/chat";
+import { BusinessNotificationType, ConnectStatus, CustomType, SessionStatus, SyncStatus, } from "../../types/chat";
 import { pushNewMessage, updateOneMessage } from "../../hooks/message/useMessage";
 import { fetchPinnedMessages } from "../../hooks/message/usePinnedMessages";
 import { applyRevokedMessage } from "../../hooks/message/useRevokeMessage";
@@ -22,11 +22,17 @@ import { ignoreInternalLatestMessage } from "../../utils/common";
 import { invalidateSessionQueries } from "../../utils/queryHelpers";
 import { refreshPublicGroupLists } from "../../hooks/group/useJoinPublicGroup";
 import emitter from "../../utils/events";
+import { withSdkTimeout } from "../../utils/withSdkTimeout";
+import { isCoreLoggedIn, useLoginHealthProbe } from "./useLoginHealth";
 const notPushType = [MessageType.TypingMessage, MessageType.RevokeMessage];
+const LOGIN_TIMEOUT_MS = 30000;
 export const useGlobalEvent = () => {
     const { user } = useChatContext();
     const onNavigate = useChatNavigate();
     const userRef = useLatest(user);
+    // One login at a time: boot, token refresh, the health probe and relogin all share it.
+    // Keyed by credential: the same user and token share a flight, a new one chains after it.
+    const loginInFlight = useRef(null);
     const queryClient = useQueryClient();
     const { updateConnectStatus, updateSyncStatus, getSelfUserInfo } = useChatContext();
     const updateConversationList = useConversationStore((state) => state.updateConversationList);
@@ -164,7 +170,20 @@ export const useGlobalEvent = () => {
     const inputStatusChangedHandler = ({ data, }) => {
         handleInputStatusChanged(data);
     };
+    // Token rotation (refresh timer, storage sync) must not lift a kick: re-logging in would
+    // kick the other session back. Only a different user, a logout or a reload starts over.
+    const isKickedForCurrentCredentials = () => {
+        const { isKicked, kickedUserID } = useBootStore.getState();
+        if (!isKicked)
+            return false;
+        if (!kickedUserID)
+            return true;
+        return kickedUserID === useAuthStore.getState().userID;
+    };
     const userTokenHandler = () => {
+        // A kicked account's token is dead; refreshing it would re-login and restart the kick loop.
+        if (isKickedForCurrentCredentials())
+            return;
         refetchChatToken(undefined, {
             onSettled(data) {
                 var _a;
@@ -183,42 +202,129 @@ export const useGlobalEvent = () => {
     const initStore = () => {
         loadConversationList();
     };
-    const tryLogin = async () => {
+    // Resolves true when this run ended with a usable core session.
+    const runLoginOnce = (run) => {
+        const { userID, chatToken } = useAuthStore.getState();
+        const key = `${userID}:${chatToken}`;
+        const running = loginInFlight.current;
+        if ((running === null || running === void 0 ? void 0 : running.key) === key)
+            return running.promise;
+        const start = running
+            ? // A different credential must not be dropped, but the running flight may already
+                // have logged core in: logging in again would only hit "repeated login".
+                running.promise
+                    .catch(() => false)
+                    .then((prevOk) => runChained(run, running.userID, prevOk))
+            : run();
+        const flight = { key, userID, promise: start };
+        flight.promise = start.finally(() => {
+            if (loginInFlight.current === flight)
+                loginInFlight.current = null;
+        });
+        loginInFlight.current = flight;
+        return flight.promise;
+    };
+    const runChained = async (run, prevUserID, prevOk) => {
+        if (isKickedForCurrentCredentials())
+            return false;
+        const { userID } = useAuthStore.getState();
+        if (!(await isCoreLoggedIn()))
+            return run();
+        // Same user already logged in by the previous flight: nothing to redo.
+        if (prevUserID === userID && prevOk)
+            return true;
+        // Another user, or the previous login failed with the old token: start over with the new one.
+        return reloginUnguarded();
+    };
+    const getCoreUserID = async () => {
+        try {
+            return (await withSdkTimeout(DChatSDK.getLoginUserID(), "getLoginUserID")).data;
+        }
+        catch (_a) {
+            return undefined;
+        }
+    };
+    const tryLogin = async (isRetry = false) => {
+        var _a;
+        if (isKickedForCurrentCredentials())
+            return false;
         const { userID, chatToken, platformID, wsAddress } = useAuthStore.getState();
         try {
-            await DChatSDK.login({
+            await withSdkTimeout(DChatSDK.login({
                 userID,
                 token: chatToken,
                 platformID,
                 apiAddr: `${apiAddress}/chat-service`,
                 wsAddr: `${wsAddress}/chat-service/ws`,
-            });
+            }), "login", LOGIN_TIMEOUT_MS);
             initStore();
+            return true;
         }
         catch (error) {
-            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();
+            const errCode = (_a = error.errCode) !== null && _a !== void 0 ? _a : error.code;
+            if (errCode === 10102) {
+                // "Already logged in" is only true if core agrees; a stale tab can hold a dead session.
+                if (!isRetry && !(await isCoreLoggedIn())) {
+                    return reloginUnguarded();
+                }
+                // Core may hold another user's session (shared storage); only trust it for this user.
+                if (!isRetry && (await getCoreUserID()) !== userID) {
+                    return reloginUnguarded();
+                }
+                // Sync events may have fired while nobody listened (e.g. ChatProvider remounted); trust
+                // only what the boot store itself saw: connect, and the first sync finishing.
+                const boot = useBootStore.getState();
+                if (boot.hasConnected) {
+                    updateConnectStatus(ConnectStatus.Connected);
+                    if (boot.isFirstSyncDone)
+                        updateSyncStatus(SyncStatus.Success);
+                }
                 getSelfUserInfo();
                 initStore();
-                return;
+                return true;
             }
             useBootStore.getState().markFailed("engine");
             console.error(error);
+            return false;
+        }
+    };
+    // Drops a dead core session and logs in again with the current chat token; an
+    // expired token comes back through OnUserTokenExpired and is refreshed there.
+    const reloginUnguarded = async () => {
+        if (isKickedForCurrentCredentials())
+            return false;
+        try {
+            await withSdkTimeout(DChatSDK.logout(), "logout");
         }
+        catch (error) {
+            console.warn("logout before relogin", error);
+        }
+        return tryLogin(true);
+    };
+    const relogin = async () => {
+        await runLoginOnce(reloginUnguarded);
+    };
+    // The account signed in elsewhere and the token is now dead. Core logs itself
+    // out on a kick, so do not log out here or log back in: that would kick the
+    // other session in turn and loop. A reload starts a fresh sign-in.
+    const kickedOfflineHandler = () => {
+        updateConnectStatus(ConnectStatus.Disconnected);
+        useBootStore.getState().markKicked(useAuthStore.getState().userID);
     };
+    useLoginHealthProbe(relogin);
     const loginCheck = async () => {
         const chatToken = useAuthStore.getState().chatToken;
         const userID = useAuthStore.getState().userID;
         if (!chatToken || !userID) {
             return;
         }
+        // A kicked user stays blocked; only a different user starts a fresh boot.
+        if (isKickedForCurrentCredentials())
+            return;
+        if (useBootStore.getState().isKicked)
+            useBootStore.getState().reset();
         useBootStore.getState().startBoot(userID);
-        tryLogin();
+        void runLoginOnce(() => tryLogin());
     };
     const connectingHandler = () => {
         useBootStore.getState().markConnecting();
@@ -282,12 +388,36 @@ export const useGlobalEvent = () => {
             queryKey: [QUERY_KEYS.GET_BOT_DETAIL, botId],
         });
     };
+    // A closed session resets the bot flow server-side, so the open thread's
+    // cached step and menu are stale until refetched.
+    const handleSessionClosed = (conversationId) => {
+        const conversation = useConversationStore.getState().conversationData;
+        if (!conversation)
+            return;
+        const openId = conversation.conversationID;
+        if (conversationId && conversationId !== openId)
+            return;
+        // Keep the in-flight refetch an action started; cancelling it would
+        // leave that action waiting on a result that never comes.
+        void queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.GET_CONVERSATION_DETAIL, openId] }, { cancelRefetch: false });
+        void queryClient.invalidateQueries({ queryKey: [QUERY_KEYS.GET_BOT_MAIN_MENU, openId] }, { cancelRefetch: false });
+    };
     const businessNotificationHandler = ({ data, }) => {
         console.log(data.key, "business notification");
         switch (data.key) {
-            case BusinessNotificationType.SESSION_STATE_UPDATED:
-                updateSession(JSON.parse(data.data || "{}"));
+            case BusinessNotificationType.SESSION_STATE_UPDATED: {
+                const session = JSON.parse(data.data || "{}");
+                updateSession(session);
+                if (session.status === SessionStatus.COMPLETED) {
+                    handleSessionClosed(session.conversationId);
+                }
+                break;
+            }
+            case BusinessNotificationType.SESSION_CLOSED: {
+                const closed = JSON.parse(data.data || "{}");
+                handleSessionClosed(closed.conversationId);
                 break;
+            }
             case BusinessNotificationType.SESSION_CREATED:
                 updateSession(JSON.parse(data.data || "{}"));
                 queryClient.invalidateQueries({
@@ -446,6 +576,7 @@ export const useGlobalEvent = () => {
         //account
         DChatSDK.on(CbEvents.OnUserTokenExpired, userTokenHandler);
         DChatSDK.on(CbEvents.OnUserTokenInvalid, userTokenHandler);
+        DChatSDK.on(CbEvents.OnKickedOffline, kickedOfflineHandler);
         DChatSDK.on(CbEvents.OnConnecting, connectingHandler);
         DChatSDK.on(CbEvents.OnConnectSuccess, connectSuccessHandler);
         DChatSDK.on(CbEvents.OnConnectFailed, connectFailedHandler);
@@ -481,6 +612,7 @@ export const useGlobalEvent = () => {
         //account
         DChatSDK.off(CbEvents.OnUserTokenExpired, userTokenHandler);
         DChatSDK.off(CbEvents.OnUserTokenInvalid, userTokenHandler);
+        DChatSDK.off(CbEvents.OnKickedOffline, kickedOfflineHandler);
         DChatSDK.off(CbEvents.OnConnecting, connectingHandler);
         DChatSDK.off(CbEvents.OnConnectSuccess, connectSuccessHandler);
         DChatSDK.off(CbEvents.OnConnectFailed, connectFailedHandler);

package/dist/hooks/global/useLoginHealth.d.ts

@@ -0,0 +1,3 @@
+export declare const isCoreLoggedIn: () => Promise<boolean>;
+export declare const useLoginHealthProbe: (relogin: () => Promise<void>) => void;
+//# sourceMappingURL=useLoginHealth.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLoginHealth.d.ts","sourceRoot":"","sources":["../../../src/hooks/global/useLoginHealth.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,cAAc,QAAa,OAAO,CAAC,OAAO,CAQtD,CAAC;AAKF,eAAO,MAAM,mBAAmB,GAAI,SAAS,MAAM,OAAO,CAAC,IAAI,CAAC,SA6B/D,CAAC"}

package/dist/hooks/global/useLoginHealth.js

@@ -0,0 +1,55 @@
+import { useEffect } from "react";
+import { useLatest } from "ahooks";
+import { LoginStatus } from "@droppii-org/wasm-client-sdk";
+import { DChatSDK } from "../../constants/sdk";
+import useAuthStore from "../../store/auth";
+import useBootStore from "../../store/boot";
+import { withSdkTimeout } from "../../utils/withSdkTimeout";
+// A failed or hung status read counts as not logged in: either way the tab cannot talk to core.
+export const isCoreLoggedIn = async () => {
+    try {
+        const { data } = await withSdkTimeout(DChatSDK.getLoginStatus(), "getLoginStatus");
+        return data === LoginStatus.Logged || data === LoginStatus.Logging;
+    }
+    catch (error) {
+        console.warn("getLoginStatus", error);
+        return false;
+    }
+};
+// A desk tab left open for hours can come back with core logged out while the UI still
+// shows "connected". Checking when the tab is shown again or the network returns repairs
+// it without a reload.
+export const useLoginHealthProbe = (relogin) => {
+    const reloginRef = useLatest(relogin);
+    useEffect(() => {
+        let probing = false;
+        const probe = async () => {
+            var _a;
+            if (probing || document.visibilityState === "hidden")
+                return;
+            const { userID, apiAddress, chatToken } = useAuthStore.getState();
+            if (!userID || !apiAddress || !chatToken || !DChatSDK)
+                return;
+            // Boot owns the first login; after a kick the token is dead and a relogin
+            // would only kick the other session again.
+            const boot = useBootStore.getState();
+            const isBooting = !boot.isFirstSyncDone && !boot.failedStep;
+            if (boot.isKicked || isBooting)
+                return;
+            probing = true;
+            try {
+                if (!(await isCoreLoggedIn()))
+                    await ((_a = reloginRef.current) === null || _a === void 0 ? void 0 : _a.call(reloginRef));
+            }
+            finally {
+                probing = false;
+            }
+        };
+        document.addEventListener("visibilitychange", probe);
+        window.addEventListener("online", probe);
+        return () => {
+            document.removeEventListener("visibilitychange", probe);
+            window.removeEventListener("online", probe);
+        };
+    }, [reloginRef]);
+};

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;CA2DtE,CAAC"}
+{"version":3,"file":"useCreateGroup.d.ts","sourceRoot":"","sources":["../../../src/hooks/group/useCreateGroup.ts"],"names":[],"mappings":"AAcA,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;AAyGD,eAAO,MAAM,cAAc;6DAS2B,iBAAiB;CAkFtE,CAAC"}