@droppii-org/chat-sdk 0.7.18 → 0.7.21

package/dist/components/thread/SupportSessionPanel.js

@@ -10,7 +10,7 @@ import SingleThreadInfo from "./SingleThreadInfo";
 import ThreadInfoHeader, { threadInfoIconButtonClass, } from "./ThreadInfoHeader";
 import { StrokeIcon } from "../../components/icon/StrokeIcon";
 import { useGetListSessionByConversation } from "../../hooks/session/useGetListSessionByConversation";
-import { PAGE_SIZE } from "../../constants";
+const LOAD_MORE_THRESHOLD_PX = 80;
 /**
  * "Phiên hỗ trợ" for a bot support thread: customer, past sessions and the active
  * session card. In the drawer variant, ⓘ opens "Thông tin" over it inside the same box.
@@ -19,20 +19,22 @@ const SupportSessionPanel = ({ conversationId, width, isDetailsOpen = false, onC
     const { t } = useTranslation();
     const [panelEl, setPanelEl] = useState(null);
     const detailsButtonRef = useRef(null);
-    const { data: sessions, isLoading } = useGetListSessionByConversation({
-        conversationId,
-        page: 1,
-        pageSize: PAGE_SIZE.large,
-        enabled: !!conversationId,
-    });
-    const { closedSessions, activeSession } = useMemo(() => {
-        if (!sessions)
-            return { closedSessions: [], activeSession: null };
-        return {
-            closedSessions: sessions.filter((s) => s.isClosed),
-            activeSession: sessions.find((s) => !s.isClosed),
-        };
+    const { data: sessions, isLoading, hasNextPage, isFetchingNextPage, fetchNextPage, } = useGetListSessionByConversation({ conversationId });
+    // Only the newest session can be live: old threads keep never-closed rows far down the list.
+    const { pastSessions, activeSession } = useMemo(() => {
+        const [newest, ...older] = sessions !== null && sessions !== void 0 ? sessions : [];
+        return newest && !newest.isClosed
+            ? { pastSessions: older, activeSession: newest }
+            : { pastSessions: sessions !== null && sessions !== void 0 ? sessions : [], activeSession: null };
     }, [sessions]);
+    const handleSessionListScroll = (event) => {
+        if (!hasNextPage || isFetchingNextPage)
+            return;
+        const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;
+        if (scrollHeight - scrollTop - clientHeight < LOAD_MORE_THRESHOLD_PX) {
+            void fetchNextPage();
+        }
+    };
     // Focus goes back to the in-panel ⓘ button when the details drawer closes over it.
     const wasDetailsOpen = useRef(isDetailsOpen);
     useEffect(() => {
@@ -41,6 +43,6 @@ const SupportSessionPanel = ({ conversationId, width, isDetailsOpen = false, onC
             (_a = detailsButtonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         wasDetailsOpen.current = isDetailsOpen;
     }, [isDetailsOpen]);
-    return (_jsxs("div", { ref: setPanelEl, className: "relative flex h-full shrink-0 flex-col overflow-hidden rounded-xl bg-white shadow-sm phone:rounded-none phone:shadow-none", style: { width }, "data-cp-name": "SupportSessionPanel", "data-testid": "session-info-column", children: [variant === "drawer" ? (_jsx(ThreadInfoHeader, { title: t("support_session_panel_title"), onClose: onClose, actions: _jsx("button", { ref: detailsButtonRef, type: "button", "aria-label": t("thread_info_open"), title: t("thread_info_open"), "aria-expanded": isDetailsOpen, onClick: onOpenDetails, className: threadInfoIconButtonClass, children: _jsx(StrokeIcon, { name: "info", size: 18 }) }) })) : (_jsx("div", { className: "flex h-14 shrink-0 items-center border-b border-gray-25 px-4", children: _jsx("h2", { className: "m-0 truncate text-base font-bold text-gray-900", children: t("support_session_panel_title") }) })), _jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto", children: [_jsx(UserSection, {}), _jsx(SessionSection, { sessions: closedSessions, isLoading: isLoading })] }), activeSession && (_jsx("div", { className: "max-h-[70%] shrink-0 overflow-y-auto border-t border-gray-25 bg-white p-4", "data-testid": "active-session-dock", children: _jsx(SessionDetailCard, { session: activeSession, isActive: true }, activeSession.id) })), variant === "drawer" && panelEl && (_jsx(Drawer, { open: isDetailsOpen, onClose: onCloseDetails, "aria-label": t("thread_info_title"), getContainer: panelEl, rootStyle: { position: "absolute" }, width: "100%", mask: false, closeIcon: false, destroyOnHidden: true, styles: { body: { padding: 0 }, wrapper: { boxShadow: "none" } }, children: _jsx("div", { className: "h-full", "data-testid": "thread-details-overlay", children: _jsx(SingleThreadInfo, { onClose: onCloseDetails }) }) }))] }));
+    return (_jsxs("div", { ref: setPanelEl, className: "relative flex h-full shrink-0 flex-col overflow-hidden rounded-xl bg-white shadow-sm phone:rounded-none phone:shadow-none", style: { width }, "data-cp-name": "SupportSessionPanel", "data-testid": "session-info-column", children: [variant === "drawer" ? (_jsx(ThreadInfoHeader, { title: t("support_session_panel_title"), onClose: onClose, actions: _jsx("button", { ref: detailsButtonRef, type: "button", "aria-label": t("thread_info_open"), title: t("thread_info_open"), "aria-expanded": isDetailsOpen, onClick: onOpenDetails, className: threadInfoIconButtonClass, children: _jsx(StrokeIcon, { name: "info", size: 18 }) }) })) : (_jsx("div", { className: "flex h-14 shrink-0 items-center border-b border-gray-25 px-4", children: _jsx("h2", { className: "m-0 truncate text-base font-bold text-gray-900", children: t("support_session_panel_title") }) })), _jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto", onScroll: handleSessionListScroll, "data-testid": "session-list-scroll", children: [_jsx(UserSection, {}), _jsx(SessionSection, { sessions: pastSessions, isLoading: isLoading, isFetchingMore: isFetchingNextPage })] }), activeSession && (_jsx("div", { className: "max-h-[70%] shrink-0 overflow-y-auto border-t border-gray-25 bg-white p-4", "data-testid": "active-session-dock", children: _jsx(SessionDetailCard, { session: activeSession, isActive: true }, activeSession.id) })), variant === "drawer" && panelEl && (_jsx(Drawer, { open: isDetailsOpen, onClose: onCloseDetails, "aria-label": t("thread_info_title"), getContainer: panelEl, rootStyle: { position: "absolute" }, width: "100%", mask: false, closeIcon: false, destroyOnHidden: true, styles: { body: { padding: 0 }, wrapper: { boxShadow: "none" } }, children: _jsx("div", { className: "h-full", "data-testid": "thread-details-overlay", children: _jsx(SingleThreadInfo, { onClose: onCloseDetails }) }) }))] }));
 };
 export default SupportSessionPanel;

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

package/dist/hooks/global/useGlobalEvent.js

@@ -243,16 +243,18 @@ export const useGlobalEvent = () => {
     const syncProgressHandler = ({ data }) => {
         useBootStore.getState().setSyncProgress(data);
     };
+    // Sync status first: the boot store re-renders at once, and ending the background
+    // phase while the status still says Loading would make useCanLoadChatData flicker off.
     const syncFinishHandler = () => {
-        useBootStore.getState().markFirstSyncDone();
         updateSyncStatus(SyncStatus.Success);
+        useBootStore.getState().markFirstSyncDone();
         getSelfUserInfo();
         loadConversationList();
         void refreshCurrentGroupState();
     };
     const syncFailedHandler = () => {
-        useBootStore.getState().markFirstSyncDone();
         updateSyncStatus(SyncStatus.Failed);
+        useBootStore.getState().markFirstSyncDone();
     };
     // The bot behind the open thread changed (flow swapped, type switched,
     // activated/deactivated). Everything the bot UI renders is react-query

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

@@ -1,10 +1,10 @@
 import { ISessionResponse } from "../../types/dto";
 interface GetListSessionParams {
     conversationId: string;
-    page?: number;
     pageSize?: number;
     enabled?: boolean;
 }
-export declare const useGetListSessionByConversation: ({ conversationId, page, pageSize, enabled, }: GetListSessionParams) => import("@tanstack/react-query").UseQueryResult<ISessionResponse[], Error>;
+/** A conversation's sessions, newest first; `data` is every page loaded so far. */
+export declare const useGetListSessionByConversation: ({ conversationId, pageSize, enabled, }: GetListSessionParams) => import("@tanstack/react-query").UseInfiniteQueryResult<ISessionResponse[], Error>;
 export {};
 //# sourceMappingURL=useGetListSessionByConversation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useGetListSessionByConversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useGetListSessionByConversation.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAI7D,UAAU,oBAAoB;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,+BAA+B,GAAI,8CAK7C,oBAAoB,8EAyBtB,CAAC"}
+{"version":3,"file":"useGetListSessionByConversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useGetListSessionByConversation.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAI7D,UAAU,oBAAoB;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAKD,mFAAmF;AACnF,eAAO,MAAM,+BAA+B,GAAI,wCAI7C,oBAAoB,sFA8BtB,CAAC"}

package/dist/hooks/session/useGetListSessionByConversation.js

@@ -1,29 +1,35 @@
-import { useQuery } from "@tanstack/react-query";
+import { useInfiniteQuery } from "@tanstack/react-query";
 import { QUERY_KEYS } from "../../services/query";
 import { apiInstance } from "../../services/api";
 import { ENDPOINTS } from "../../services/routes";
 import { PAGE_SIZE } from "../../constants";
 import useAuthStore from "../../store/auth";
-export const useGetListSessionByConversation = ({ conversationId, page = 1, pageSize = PAGE_SIZE.large, enabled = true, }) => {
+const flattenPages = (data) => data.pages.flat();
+/** A conversation's sessions, newest first; `data` is every page loaded so far. */
+export const useGetListSessionByConversation = ({ conversationId, pageSize = PAGE_SIZE.large, enabled = true, }) => {
     const applicationType = useAuthStore((state) => state.applicationType);
-    return useQuery({
+    return useInfiniteQuery({
         queryKey: [
             QUERY_KEYS.GET_LIST_SESSION_BY_CONVERSATION,
             applicationType,
             conversationId,
-            { page, pageSize },
+            { pageSize },
         ],
-        queryFn: async () => {
-            var _a;
+        initialPageParam: 1,
+        queryFn: async ({ pageParam }) => {
+            var _a, _b;
             const res = await apiInstance.get(ENDPOINTS.chatService.listSessionByConversation(conversationId), {
                 params: {
                     applicationType,
-                    page,
+                    page: pageParam,
                     pageSize,
                 },
             });
-            return (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data;
+            return (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : [];
         },
+        // pageable totals are always 0 on this endpoint, so only a short page ends the list.
+        getNextPageParam: (lastPage, _allPages, lastPageParam) => lastPage.length < pageSize ? undefined : lastPageParam + 1,
+        select: flattenPages,
         enabled: !!conversationId && enabled,
     });
 };

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

@@ -0,0 +1,25 @@
+import type { AutosaveStatus } from "./useSessionFieldAutosave";
+export interface SessionLabelDraft {
+    id: string;
+    note: string;
+}
+interface Options {
+    /** Labels as the server last returned them, in pick order. */
+    serverLabels: SessionLabelDraft[];
+    save: (labels: SessionLabelDraft[]) => Promise<unknown>;
+    waitMs?: number;
+}
+/**
+ * Autosave for a session's labels and their own notes. The API replaces the
+ * whole list, so saves run one at a time and each sends the newest local list:
+ * a tag change can never resend a note older than what was typed.
+ */
+export declare const useSessionLabelsAutosave: ({ serverLabels, save, waitMs, }: Options) => {
+    labels: SessionLabelDraft[];
+    setNote: (id: string, note: string) => void;
+    setLabelIds: (ids: string[]) => void;
+    status: AutosaveStatus;
+    retry: () => Promise<void>;
+};
+export {};
+//# sourceMappingURL=useSessionLabelsAutosave.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSessionLabelsAutosave.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useSessionLabelsAutosave.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,OAAO;IACf,8DAA8D;IAC9D,YAAY,EAAE,iBAAiB,EAAE,CAAC;IAClC,IAAI,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,GAAI,iCAItC,OAAO;;kBAoDD,MAAM,QAAQ,MAAM;uBAUnB,MAAM,EAAE;;;CA+BjB,CAAC"}

package/dist/hooks/session/useSessionLabelsAutosave.js

@@ -0,0 +1,90 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import useAuthStore from "../../store/auth";
+const toKey = (labels) => JSON.stringify(labels);
+/**
+ * Autosave for a session's labels and their own notes. The API replaces the
+ * whole list, so saves run one at a time and each sends the newest local list:
+ * a tag change can never resend a note older than what was typed.
+ */
+export const useSessionLabelsAutosave = ({ serverLabels, save, waitMs = 500, }) => {
+    const [labels, setLabelsState] = useState(serverLabels);
+    const [status, setStatus] = useState("idle");
+    const labelsRef = useRef(serverLabels);
+    const savedKeyRef = useRef(toKey(serverLabels));
+    const queueRef = useRef(Promise.resolve());
+    const timerRef = useRef();
+    const mountedRef = useRef(true);
+    const saveRef = useRef(save);
+    saveRef.current = save;
+    const serverRef = useRef(serverLabels);
+    serverRef.current = serverLabels;
+    const serverKey = toKey(serverLabels);
+    const flush = useCallback(() => {
+        clearTimeout(timerRef.current);
+        timerRef.current = undefined;
+        const run = queueRef.current.then(async () => {
+            const next = labelsRef.current;
+            const key = toKey(next);
+            if (key === savedKeyRef.current) {
+                // Edits undone back to the saved list: nothing to send, but clear a stale status.
+                if (mountedRef.current)
+                    setStatus((prev) => (prev === "idle" ? prev : "saved"));
+                return;
+            }
+            if (mountedRef.current)
+                setStatus("saving");
+            try {
+                await saveRef.current(next);
+                savedKeyRef.current = key;
+                if (mountedRef.current) {
+                    setStatus(toKey(labelsRef.current) === key ? "saved" : "saving");
+                }
+            }
+            catch (_a) {
+                if (mountedRef.current)
+                    setStatus("error");
+            }
+        });
+        queueRef.current = run;
+        return run;
+    }, []);
+    const update = useCallback((next, delayMs) => {
+        labelsRef.current = next;
+        setLabelsState(next);
+        clearTimeout(timerRef.current);
+        if (delayMs === null)
+            void flush();
+        else
+            timerRef.current = setTimeout(flush, delayMs);
+    }, [flush]);
+    const setNote = useCallback((id, note) => update(labelsRef.current.map((label) => (label.id === id ? Object.assign(Object.assign({}, label), { note }) : label)), waitMs), [update, waitMs]);
+    // A removed label loses its note; adding it back starts empty.
+    const setLabelIds = useCallback((ids) => {
+        const notes = new Map(labelsRef.current.map((label) => [label.id, label.note]));
+        update(ids.map((id) => { var _a; return ({ id, note: (_a = notes.get(id)) !== null && _a !== void 0 ? _a : "" }); }), null);
+    }, [update]);
+    // Take a refetched list (e.g. another CS's edit) only when nothing local is unsaved.
+    useEffect(() => {
+        if (serverKey === savedKeyRef.current || timerRef.current !== undefined)
+            return;
+        if (toKey(labelsRef.current) !== savedKeyRef.current)
+            return;
+        labelsRef.current = serverRef.current;
+        savedKeyRef.current = serverKey;
+        setLabelsState(serverRef.current);
+    }, [serverKey]);
+    useEffect(() => {
+        mountedRef.current = true;
+        return () => {
+            mountedRef.current = false;
+            // Also covers a save that failed: leaving the card must not drop it.
+            if (toKey(labelsRef.current) === savedKeyRef.current)
+                return;
+            if (useAuthStore.getState().accessToken)
+                void flush();
+            else
+                clearTimeout(timerRef.current);
+        };
+    }, [flush]);
+    return { labels, setNote, setLabelIds, status, retry: flush };
+};

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

@@ -1,7 +1,9 @@
-import { BaseResponse } from "../../types/dto";
+import { BaseResponse, ISessionLabelInput } from "../../types/dto";
 interface IUpdateSessionInfoPayload {
+    /** Replaces the session's labels: a label left out is removed with its note. */
+    labels?: ISessionLabelInput[];
+    /** Deprecated by chat-service in favour of labels, which wins when both are sent. */
     labelIds?: string[];
-    issueDetail?: string;
     sessionId: string;
     note?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useUpdateSessionInfo.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useUpdateSessionInfo.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,UAAU,yBAAyB;IACjC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,oBAAoB,2HAa7B,CAAC"}
+{"version":3,"file":"useUpdateSessionInfo.d.ts","sourceRoot":"","sources":["../../../src/hooks/session/useUpdateSessionInfo.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAG/D,UAAU,yBAAyB;IACjC,gFAAgF;IAChF,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC9B,qFAAqF;IACrF,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,oBAAoB,2HAa7B,CAAC"}

package/dist/index.d.ts

@@ -23,6 +23,8 @@ export { StrokeIcon } from "./components/icon/StrokeIcon";
 export type { StrokeIconProps } from "./components/icon/StrokeIcon";
 export type { StrokeIconName } from "./components/icon/strokeIconNodes";
 export { default as DeskWorkspaceSkeleton } from "./screens/desk-message/DeskWorkspaceSkeleton";
+export { useCanLoadChatData } from "./hooks/init/useCanLoadChatData";
+export { default as ChatBackgroundSyncStatus } from "./components/conversation/DeskBackgroundSyncStatus";
 export { default as RichTextEditor } from "./components/rich-text-editor/RichTextEditor";
 export { default as ShadowStyleBoundary } from "./components/shadow-style-boundary/ShadowStyleBoundary";
 export type { ShadowStyleBoundaryProps } from "./components/shadow-style-boundary/ShadowStyleBoundary";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -22,6 +22,10 @@ export { DChatDeskMessage, DChatBubble, Icon, SkipLinks };
 export { StrokeIcon } from "./components/icon/StrokeIcon";
 // The desk's loading placeholder, for hosts whose app shell renders before ChatProvider.
 export { default as DeskWorkspaceSkeleton } from "./screens/desk-message/DeskWorkspaceSkeleton";
+// For hosts with their own conversation lists: when OpenIM reads give complete answers, and
+// the strip shown while a fresh device's first sync finishes in the background.
+export { useCanLoadChatData } from "./hooks/init/useCanLoadChatData";
+export { default as ChatBackgroundSyncStatus } from "./components/conversation/DeskBackgroundSyncStatus";
 export { default as RichTextEditor } from "./components/rich-text-editor/RichTextEditor";
 export { default as ShadowStyleBoundary } from "./components/shadow-style-boundary/ShadowStyleBoundary";
 export { default as DChatConversationInbox } from "./screens/conversation-inbox";

package/dist/locales/vi/common.json

@@ -157,8 +157,8 @@
   "close_session_failed": "Đóng phiên chat thất bại",
   "session_active": "Đang hoạt động",
   "session_add_tag_placeholder": "Thêm thẻ...",
-  "session_issue_detail_placeholder": "Vấn đề cụ thể...",
-  "session_note_placeholder": "Ghi chú...",
+  "session_issue_detail_placeholder": "Thêm vấn đề cụ thể…",
+  "session_note_placeholder": "Thêm ghi chú…",
   "session_close_button": "Kết thúc phiên",
   "member_count": "{{count}} thành viên",
   "members": "Thành viên",
@@ -325,7 +325,6 @@
   "members_open": "Thành viên",
   "action_cancel": "Huỷ",
   "undo": "Hoàn tác",
-  "update_session_failed": "Cập nhật phiên không thành công",
   "save_status_saving": "Đang lưu…",
   "save_status_saved": "Đã lưu",
   "save_status_failed": "Lưu không được",
@@ -401,6 +400,7 @@
   "session_owner_label": "Phụ trách",
   "session_add_tag": "Thêm thẻ",
   "session_remove_tag": "Bỏ thẻ {{name}}",
+  "session_label_note_aria": "Vấn đề cụ thể của thẻ {{name}}",
   "session_no_tags": "Chưa có thẻ nào",
   "session_search_tag_placeholder": "Tìm thẻ...",
   "session_collapse": "Thu gọn",

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation-detail/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAarF,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,6CAA6C,CAAC;AASrD,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;IACpC,oHAAoH;IACpH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,6GAA6G;IAC7G,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,uBAAuB,GAAI,oLAgB9B,4BAA4B,mDAsT9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/conversation-detail/index.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAarF,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,6CAA6C,CAAC;AASrD,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;IACpC,oHAAoH;IACpH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,6GAA6G;IAC7G,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,uBAAuB,GAAI,oLAgB9B,4BAA4B,mDAuT9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

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

@@ -27,6 +27,8 @@ import MediaResourcePanel from "../../components/media-resources/MediaResourcePa
 import { MediaResourceTabKey } from "../../components/media-resources/constants";
 import { ConversationMessageList, ConversationDetailHeader, ConversationDetailInput, PinnedMessageBar, } from "../../components/conversation-detail";
 import TypingIndicatorBar from "../../components/conversation-detail/TypingIndicatorBar";
+import ConversationDetailBootStatus from "../../components/conversation-detail/ConversationDetailBootStatus";
+import { useCanLoadChatData } from "../../hooks/init/useCanLoadChatData";
 import { BotButtonMessage, BotInactiveNotice, BotMenuSheet, BotStartButton, BotSuggest, CsSessionConfirmModal, } from "../../components/conversation-detail/bot";
 import { useBotFlow } from "../../hooks/conversation/useBotFlow";
 import { useCanPinMessage } from "../../hooks/message/useCanPinMessage";
@@ -52,6 +54,7 @@ const DChatConversationDetail = (_a) => {
     const canPinMessage = useCanPinMessage();
     const clearSelectedConversation = useConversationStore((state) => state.clearSelectedConversation);
     const setPendingResolveTarget = useConversationStore((state) => state.setPendingResolveTarget);
+    const canLoadChatData = useCanLoadChatData();
     const { isResolving, error } = useResolveConversation({
         conversationId,
         userId,
@@ -146,7 +149,7 @@ const DChatConversationDetail = (_a) => {
         }
     };
     if (isResolving) {
-        return (_jsx("div", { className: "flex h-full w-full items-center justify-center bg-white", children: _jsx(Spin, {}) }));
+        return (_jsx("div", { className: "flex h-full w-full items-center justify-center bg-white", children: canLoadChatData ? _jsx(Spin, {}) : _jsx(ConversationDetailBootStatus, {}) }));
     }
     if (error) {
         return (_jsxs("div", { "data-testid": "conversation-detail-root", className: clsx("relative flex h-full w-full flex-col overflow-hidden bg-white", className), children: [_jsx("div", { "data-testid": "conversation-detail-header", className: "flex w-full shrink-0 cursor-default items-center border-b border-gray-25 bg-white p-2 shadow-inset-gray-divider", children: _jsx("button", { type: "button", onClick: handleBack, "data-testid": "conversation-detail-back", "data-cp-name": "HeaderIconButton", className: "flex shrink-0 cursor-pointer items-center justify-center p-2 text-[var(--dc-color-nav-icon)]", children: _jsx(Icon, { icon: "arrow-left-o", size: 24 }) }) }), _jsx("div", { className: "flex flex-1 items-center justify-center", children: _jsx(Empty, { description: t("thread_detail.resolve_failed") }) })] }));