@droppii-org/chat-sdk 0.7.4 → 0.7.6

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

@@ -1 +1 @@
-{"version":3,"file":"GroupThreadInfo.d.ts","sourceRoot":"","sources":["../../../src/components/thread/GroupThreadInfo.tsx"],"names":[],"mappings":"AA0BA,MAAM,WAAW,qBAAqB;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AASD,QAAA,MAAM,eAAe,GAAI,qBAAqB,oBAAoB,mDAqrBjE,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"GroupThreadInfo.d.ts","sourceRoot":"","sources":["../../../src/components/thread/GroupThreadInfo.tsx"],"names":[],"mappings":"AA0BA,MAAM,WAAW,qBAAqB;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AASD,QAAA,MAAM,eAAe,GAAI,qBAAqB,oBAAoB,mDAirBjE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/thread/GroupThreadInfo.js

@@ -20,7 +20,7 @@ import AdminPermissionModal from "../../components/group/AdminPermissionModal";
 import MemberPermissionPanel from "../../components/group/MemberPermissionPanel";
 import DisableSendPermissionConfirm from "../../components/group/DisableSendPermissionConfirm";
 import InviteLinkPanel from "../../components/group/InviteLinkPanel";
-import GroupCompositeAvatar from "../../components/group/GroupCompositeAvatar";
+import GroupAvatar from "../../components/group/GroupAvatar";
 import GroupPanelHeader from "../../components/group/GroupPanelHeader";
 import GroupInfoBodyCrm from "./GroupInfoBodyCrm";
 const GroupThreadInfo = ({ onClose, config }) => {
@@ -256,7 +256,7 @@ const GroupThreadInfo = ({ onClose, config }) => {
     if (!groupID) {
         return null;
     }
-    return (_jsxs("div", { className: "h-full w-full bg-white flex flex-col relative overflow-hidden", "data-cp-name": "GroupThreadInfo", children: [isCrm ? (_jsxs(_Fragment, { children: [_jsx(GroupPanelHeader, { title: t("group_info_title"), onClose: onClose }), _jsx(GroupInfoBodyCrm, { groupID: groupID, groupName: groupDisplayName, faceURL: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.faceURL, ownerUserID: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.ownerUserID, introduction: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.introduction, memberCount: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.memberCount, isPublic: (currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.visibility) === GroupVisibility.Public, canEditAvatar: permissions.updateGroupAvatar, canEditName: permissions.updateGroupName, canEditDescription: permissions.updateGroupDescription, canConfigPermissions: permissions.configGroupPermission, showInviteLink: isInviteLinkFeatureEnabled && !isViewOnlyMember, showAllowSend: Boolean(config === null || config === void 0 ? void 0 : config.showAllowSendMessage) && isOwner, isOwner: isOwner, isAdminOrOwner: isAdminOrOwner, isViewOnlyMember: isViewOnlyMember, notifyEnabled: notifyEnabled, isTogglingNotification: isTogglingNotification, allowSendMessage: allowSendMessage, isTogglingSendMessage: isTogglingSendMessage, isAvatarUploading: isAvatarUploading, isSaving: isSavingGroupInfo, editingField: editingField, nameValue: nameValue, descriptionValue: descriptionValue, avatarInputRef: avatarInputRef, onNameChange: setNameValue, onDescriptionChange: setDescriptionValue, onStartEdit: (field) => (field === "name" ? startEditName() : startEditDescription()), onCancelEdit: (field) => (field === "name" ? cancelEditName() : cancelEditDescription()), onSaveEdit: (field) => (field === "name" ? saveName() : saveDescription()), onAvatarClick: handleAvatarClick, onAvatarSelect: handleAvatarSelect, onToggleNotification: handleToggleNotification, onToggleSendMessage: handleToggleSendMessage, onOpenRow: setActiveRow, onConfirm: setConfirmAction })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-4 border-b border-gray-100", children: [_jsx("span", { className: "text-lg font-medium", children: t("thread_info_title") }), _jsx("button", { type: "button", className: "flex items-center justify-center w-8 h-8 rounded-full text-gray-500 hover:bg-gray-100", onClick: onClose, children: _jsx(Icon, { icon: "close-o", size: 20 }) })] }), _jsxs("div", { className: "flex-1 overflow-y-auto", children: [_jsxs("div", { className: "flex items-center gap-3 px-4 py-4", children: [_jsxs("div", { className: "relative shrink-0", children: [_jsx(GroupCompositeAvatar, { groupID: groupID, faceURL: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.faceURL, ownerUserID: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.ownerUserID, groupName: groupDisplayName, size: 56 }), isAvatarUploading && (_jsx("span", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-black/30", children: _jsx("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent" }) })), permissions.updateGroupAvatar && (_jsxs(_Fragment, { children: [_jsx("input", { ref: avatarInputRef, type: "file", accept: ACCEPTED_IMAGE_TYPES.join(", "), className: "hidden", onChange: handleAvatarSelect }), _jsx("button", { type: "button", disabled: isAvatarUploading, onClick: handleAvatarClick, className: "absolute -bottom-1 -right-1 flex items-center justify-center w-5 h-5 rounded-full bg-black text-white", children: _jsx(Icon, { icon: "camera-o", size: 12 }) })] }))] }), _jsx("div", { className: "flex-1 min-w-0", children: editingField !== "name" && (_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx("p", { className: "text-base font-medium truncate", children: groupDisplayName }), permissions.updateGroupName && (_jsx(Icon, { icon: "edit-o", size: 16, className: "shrink-0 cursor-pointer text-gray-500", onClick: startEditName }))] })) })] }), editingField === "name" && (_jsx("div", { className: "px-4 pb-4", children: _jsxs("div", { className: "flex flex-col gap-3 bg-[#f5f5f5] rounded-lg p-3", children: [_jsx(Input, { autoFocus: true, value: nameValue, onChange: (event) => setNameValue(event.target.value), maxLength: 255, showCount: true, disabled: isSavingGroupInfo, className: "bg-white" }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx("button", { type: "button", className: "px-4 py-1.5 rounded-lg border border-[var(--dc-color-primary-hover)] text-[var(--dc-color-primary-hover)] text-sm font-medium disabled:border-gray-200 disabled:text-gray-300", disabled: isSavingGroupInfo, onClick: cancelEditName, children: t("cancel") }), _jsx("button", { type: "button", className: "px-4 py-1.5 rounded-lg bg-[var(--dc-color-primary-hover)] text-white text-sm font-medium disabled:bg-gray-100 disabled:text-gray-300", disabled: isSavingGroupInfo ||
+    return (_jsxs("div", { className: "h-full w-full bg-white flex flex-col relative overflow-hidden", "data-cp-name": "GroupThreadInfo", children: [isCrm ? (_jsxs(_Fragment, { children: [_jsx(GroupPanelHeader, { title: t("group_info_title"), onClose: onClose }), _jsx(GroupInfoBodyCrm, { groupName: groupDisplayName, faceURL: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.faceURL, introduction: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.introduction, memberCount: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.memberCount, isPublic: (currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.visibility) === GroupVisibility.Public, canEditAvatar: permissions.updateGroupAvatar, canEditName: permissions.updateGroupName, canEditDescription: permissions.updateGroupDescription, canConfigPermissions: permissions.configGroupPermission, showInviteLink: isInviteLinkFeatureEnabled && !isViewOnlyMember, showAllowSend: Boolean(config === null || config === void 0 ? void 0 : config.showAllowSendMessage) && isOwner, isOwner: isOwner, isAdminOrOwner: isAdminOrOwner, isViewOnlyMember: isViewOnlyMember, notifyEnabled: notifyEnabled, isTogglingNotification: isTogglingNotification, allowSendMessage: allowSendMessage, isTogglingSendMessage: isTogglingSendMessage, isAvatarUploading: isAvatarUploading, isSaving: isSavingGroupInfo, editingField: editingField, nameValue: nameValue, descriptionValue: descriptionValue, avatarInputRef: avatarInputRef, onNameChange: setNameValue, onDescriptionChange: setDescriptionValue, onStartEdit: (field) => (field === "name" ? startEditName() : startEditDescription()), onCancelEdit: (field) => (field === "name" ? cancelEditName() : cancelEditDescription()), onSaveEdit: (field) => (field === "name" ? saveName() : saveDescription()), onAvatarClick: handleAvatarClick, onAvatarSelect: handleAvatarSelect, onToggleNotification: handleToggleNotification, onToggleSendMessage: handleToggleSendMessage, onOpenRow: setActiveRow, onConfirm: setConfirmAction })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-4 border-b border-gray-100", children: [_jsx("span", { className: "text-lg font-medium", children: t("thread_info_title") }), _jsx("button", { type: "button", className: "flex items-center justify-center w-8 h-8 rounded-full text-gray-500 hover:bg-gray-100", onClick: onClose, children: _jsx(Icon, { icon: "close-o", size: 20 }) })] }), _jsxs("div", { className: "flex-1 overflow-y-auto", children: [_jsxs("div", { className: "flex items-center gap-3 px-4 py-4", children: [_jsxs("div", { className: "relative shrink-0", children: [_jsx(GroupAvatar, { faceURL: currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.faceURL, groupName: groupDisplayName, size: 56 }), isAvatarUploading && (_jsx("span", { className: "absolute inset-0 flex items-center justify-center rounded-full bg-black/30", children: _jsx("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent" }) })), permissions.updateGroupAvatar && (_jsxs(_Fragment, { children: [_jsx("input", { ref: avatarInputRef, type: "file", accept: ACCEPTED_IMAGE_TYPES.join(", "), className: "hidden", onChange: handleAvatarSelect }), _jsx("button", { type: "button", disabled: isAvatarUploading, onClick: handleAvatarClick, className: "absolute -bottom-1 -right-1 flex items-center justify-center w-5 h-5 rounded-full bg-black text-white", children: _jsx(Icon, { icon: "camera-o", size: 12 }) })] }))] }), _jsx("div", { className: "flex-1 min-w-0", children: editingField !== "name" && (_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx("p", { className: "text-base font-medium truncate", children: groupDisplayName }), permissions.updateGroupName && (_jsx(Icon, { icon: "edit-o", size: 16, className: "shrink-0 cursor-pointer text-gray-500", onClick: startEditName }))] })) })] }), editingField === "name" && (_jsx("div", { className: "px-4 pb-4", children: _jsxs("div", { className: "flex flex-col gap-3 bg-[#f5f5f5] rounded-lg p-3", children: [_jsx(Input, { autoFocus: true, value: nameValue, onChange: (event) => setNameValue(event.target.value), maxLength: 255, showCount: true, disabled: isSavingGroupInfo, className: "bg-white" }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx("button", { type: "button", className: "px-4 py-1.5 rounded-lg border border-[var(--dc-color-primary-hover)] text-[var(--dc-color-primary-hover)] text-sm font-medium disabled:border-gray-200 disabled:text-gray-300", disabled: isSavingGroupInfo, onClick: cancelEditName, children: t("cancel") }), _jsx("button", { type: "button", className: "px-4 py-1.5 rounded-lg bg-[var(--dc-color-primary-hover)] text-white text-sm font-medium disabled:bg-gray-100 disabled:text-gray-300", disabled: isSavingGroupInfo ||
                                                         !nameValue.trim() ||
                                                         nameValue.trim() === ((_c = currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.groupName) !== null && _c !== void 0 ? _c : ""), onClick: saveName, children: t("save") })] })] }) })), _jsx("div", { className: "px-4 pb-4", children: editingField === "description" ? (_jsxs("div", { className: "flex flex-col gap-3 bg-[#f5f5f5] rounded-lg p-3", children: [_jsxs("span", { className: "flex items-center gap-2 text-sm font-medium text-gray-900", children: [_jsx(Icon, { icon: "info-circle-o", size: 18, className: "text-gray-500" }), t("description")] }), _jsx(Input.TextArea, { ref: descriptionInputRef, value: descriptionValue, onChange: (event) => setDescriptionValue(event.target.value), placeholder: t("enter_group_description"), autoSize: { minRows: 1, maxRows: 4 }, maxLength: 500, disabled: isSavingGroupInfo, className: "bg-white" }), _jsxs("span", { className: "self-end text-xs text-gray-400", children: [descriptionValue.length, " / 500"] }), _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx("button", { type: "button", className: "px-4 py-1.5 rounded-lg border border-[var(--dc-color-primary-hover)] text-[var(--dc-color-primary-hover)] text-sm font-medium disabled:border-gray-200 disabled:text-gray-300", disabled: isSavingGroupInfo, onClick: cancelEditDescription, children: t("cancel") }), _jsx("button", { type: "button", className: "px-4 py-1.5 rounded-lg bg-[var(--dc-color-primary-hover)] text-white text-sm font-medium disabled:bg-gray-100 disabled:text-gray-300", disabled: isSavingGroupInfo ||
                                                         descriptionValue.trim() === ((_d = currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.introduction) !== null && _d !== void 0 ? _d : ""), onClick: saveDescription, children: t("save") })] })] })) : (_jsxs("div", { className: "flex items-start justify-between gap-2 bg-[#f5f5f5] rounded-lg px-3 py-2.5", children: [_jsxs("div", { className: "flex items-start gap-2 flex-1 min-w-0", children: [_jsx(Icon, { icon: "info-circle-o", size: 18, className: "shrink-0 mt-0.5 text-gray-900" }), _jsxs("div", { className: "flex flex-col gap-0.5 min-w-0", children: [_jsx("span", { className: "text-sm font-semibold text-gray-900", children: t("description") }), _jsx("p", { className: "text-sm text-gray-400 truncate", children: (currentGroupInfo === null || currentGroupInfo === void 0 ? void 0 : currentGroupInfo.introduction) || t("no_description") })] })] }), permissions.updateGroupDescription && (_jsx(Icon, { icon: "edit-o", size: 16, className: "shrink-0 cursor-pointer text-gray-500", onClick: startEditDescription }))] })) }), _jsxs("div", { className: "flex flex-col gap-1 bg-[#f5f5f5] mx-4 rounded-lg overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between px-3 py-3", children: [_jsxs("span", { className: "flex items-center gap-3 text-sm", children: [_jsx(Icon, { icon: "bell-o", size: 18 }), t("notification")] }), _jsx(Switch, { checked: notifyEnabled, onChange: handleToggleNotification, loading: isTogglingNotification })] }), (config === null || config === void 0 ? void 0 : config.showAllowSendMessage) && isOwner && (_jsxs("div", { className: "flex items-center justify-between px-3 py-3", children: [_jsxs("span", { className: "flex items-center gap-3 text-sm", children: [_jsx(Icon, { icon: "user-check-o", size: 18 }), t("allow_send_message")] }), _jsx(Switch, { checked: allowSendMessage, onChange: handleToggleSendMessage, loading: isTogglingSendMessage })] })), isAdminOrOwner && (config === null || config === void 0 ? void 0 : config.showMutedChatList) && (_jsxs("button", { type: "button", className: "flex items-center justify-between px-3 py-3 text-left", onClick: () => setActiveRow("muted-chat-list"), children: [_jsxs("span", { className: "flex items-center gap-3 text-sm", children: [_jsx(Icon, { icon: "bell-off-o", size: 18 }), t("muted_chat_list")] }), _jsx(Icon, { icon: "angle-right-o", size: 16, className: "text-gray-400" })] })), isAdminOrOwner && (_jsxs("button", { type: "button", className: "flex items-center justify-between px-3 py-3 text-left", onClick: () => setActiveRow("block-list"), children: [_jsxs("span", { className: "flex items-center gap-3 text-sm", children: [_jsx(Icon, { icon: "user-del-o", size: 18 }), t("block_list")] }), _jsx(Icon, { icon: "angle-right-o", size: 16, className: "text-gray-400" })] }))] }), permissions.configGroupPermission && (_jsxs("div", { className: "flex flex-col gap-1 bg-[#f5f5f5] mx-4 mt-3 rounded-lg overflow-hidden", children: [_jsxs("button", { type: "button", className: "flex items-center justify-between px-3 py-3 text-left", onClick: () => setActiveRow("member-permission"), children: [_jsxs("span", { className: "flex items-center gap-3 text-sm", children: [_jsx(Icon, { icon: "shield-o", size: 18 }), t("member_permission_settings")] }), _jsx(Icon, { icon: "angle-right-o", size: 16, className: "text-gray-400" })] }), _jsxs("button", { type: "button", className: "flex items-center justify-between px-3 py-3 text-left", onClick: () => setActiveRow("admin-permission"), children: [_jsxs("span", { className: "flex items-center gap-3 text-sm", children: [_jsx(Icon, { icon: "shield-done-o", size: 18 }), t("admin_permission_settings")] }), _jsx(Icon, { icon: "angle-right-o", size: 16, className: "text-gray-400" })] })] })), isInviteLinkFeatureEnabled && !isViewOnlyMember && (_jsx("div", { className: "mx-4 mt-3 rounded-lg overflow-hidden bg-[#f5f5f5]", children: _jsxs("button", { type: "button", className: "w-full flex items-center justify-between px-3 py-3 text-left text-sm", onClick: () => setActiveRow("invite-link"), children: [_jsxs("span", { className: "flex items-center gap-3", children: [_jsx(Icon, { icon: "link-alt-o", size: 18 }), t("invite_via_link")] }), _jsx(Icon, { icon: "angle-right-o", size: 16, className: "text-gray-400" })] }) })), _jsxs("div", { className: "flex flex-col gap-1 bg-[#f5f5f5] mx-4 mt-3 mb-4 rounded-lg overflow-hidden", children: [isAdminOrOwner && (_jsxs("button", { type: "button", className: "flex items-center gap-3 px-3 py-3 text-left text-sm text-red-500", onClick: () => setConfirmAction("delete"), children: [_jsx(Icon, { icon: "trash-o", size: 18 }), t("delete_conversation")] })), !isViewOnlyMember && (_jsxs("button", { type: "button", className: "flex items-center gap-3 px-3 py-3 text-left text-sm text-red-500", onClick: () => setConfirmAction("leave"), children: [_jsx(Icon, { icon: "logout-o", size: 18 }), t("leave_group")] })), isOwner && (_jsxs("button", { type: "button", className: "flex items-center gap-3 px-3 py-3 text-left text-sm text-red-500", onClick: () => setConfirmAction("disband"), children: [_jsx(Icon, { icon: "user-del-o", size: 18 }), t("disband_group")] }))] })] })] })), _jsx(ConfirmModal, { open: confirmAction === "leave", onOk: handleConfirmLeave, onCancel: () => setConfirmAction(null), title: t("leave_group_confirm_title"), okText: t("leave_group"), cancelText: t(isCrm ? "action_cancel" : "cancel"), okType: "danger", confirmLoading: isLeaving, children: _jsx("p", { children: t("leave_group_confirm_message") }) }), _jsx(ConfirmModal, { open: confirmAction === "disband", onOk: handleConfirmDisband, onCancel: () => setConfirmAction(null), title: t("disband_group_confirm_title"), okText: t("disband_group"), cancelText: t(isCrm ? "action_cancel" : "cancel"), okType: "danger", confirmLoading: isDismissing, children: _jsx("p", { children: t("disband_group_confirm_message") }) }), _jsx(ConfirmModal, { open: confirmAction === "delete", onOk: handleConfirmDelete, onCancel: () => setConfirmAction(null), title: t("delete_conversation_confirm_title"), okText: t("delete_conversation"), cancelText: t(isCrm ? "action_cancel" : "cancel"), okType: "danger", confirmLoading: isDeleting, children: _jsx("p", { children: t("delete_conversation_confirm_message") }) }), _jsx(DisableSendPermissionConfirm, { open: confirmAction === "mute-all", title: t("disable_send_permission_title_all_members"), onConfirm: () => {

package/dist/constants/images.d.ts

@@ -5,5 +5,6 @@ export declare const images: {
     muteNotificationWarning: string;
     searchEmpty: string;
     stickerInvalid: string;
+    defaultAvatarGroup: string;
 };
 //# sourceMappingURL=images.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../src/constants/images.ts"],"names":[],"mappings":"AAwBA,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC"}
+{"version":3,"file":"images.d.ts","sourceRoot":"","sources":["../../src/constants/images.ts"],"names":[],"mappings":"AA8BA,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAC"}

package/dist/constants/images.js

@@ -5,6 +5,8 @@ const emptyResources = new URL("../assets/images/emptyResources.png", import.met
 const muteNotificationWarning = new URL("../assets/images/muteNotificationWarning.png", import.meta.url).href;
 const searchEmpty = new URL("../assets/images/searchEmpty.png", import.meta.url).href;
 const stickerInvalid = new URL("../assets/images/stickerInvalid.png", import.meta.url).href;
+// Default avatar for a group without a photo (DROPPII-30928).
+const defaultAvatarGroup = new URL("../assets/images/defaultAvatarGroup.png", import.meta.url).href;
 export const images = {
     conversationBg,
     imageFailed,
@@ -12,4 +14,5 @@ export const images = {
     muteNotificationWarning,
     searchEmpty,
     stickerInvalid,
+    defaultAvatarGroup,
 };

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

@@ -1 +1 @@
-{"version":3,"file":"useResolveConversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useResolveConversation.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,gBAAgB,EAIjB,MAAM,8BAA8B,CAAC;AAgBtC,MAAM,WAAW,4BAA4B;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsDD,eAAO,MAAM,wBAAwB,GACnC,OAAO,MAAM,KACZ,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAWjC,CAAC;AA+DF,eAAO,MAAM,sBAAsB,GAAI,wDAMpC,4BAA4B;;;CA8J9B,CAAC"}
+{"version":3,"file":"useResolveConversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/conversation/useResolveConversation.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,gBAAgB,EAIjB,MAAM,8BAA8B,CAAC;AAetC,MAAM,WAAW,4BAA4B;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsDD,eAAO,MAAM,wBAAwB,GACnC,OAAO,MAAM,KACZ,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAWjC,CAAC;AA+DF,eAAO,MAAM,sBAAsB,GAAI,wDAMpC,4BAA4B;;;CA2J9B,CAAC"}

package/dist/hooks/conversation/useResolveConversation.js

@@ -4,8 +4,7 @@ import { GroupStatus, GroupVisibility, SessionType, } from "@droppii-org/wasm-cl
 import { DChatSDK } from "../../constants/sdk";
 import { apiInstance } from "../../services/api";
 import { ENDPOINTS } from "../../services/routes";
-import { ConnectStatus, SyncStatus } from "../../types/chat";
-import { useChatContext } from "../../context/ChatContext";
+import { useCanLoadChatData } from "../../hooks/init/useCanLoadChatData";
 import useConversationStore from "../../store/conversation";
 import { getGroupIdFromConversationId, getPeerUserIdFromConversationId, resolveConversationBotId, } from "../../utils/conversation";
 import useAuthStore from "../../store/auth";
@@ -119,9 +118,7 @@ export const useResolveConversation = ({ conversationId, userId, groupId, botId,
     // conversationData looks truthy; only a rename to something else (a newer
     // resolve superseding this one) or an explicit reject below clears it.
     const pendingTargetRef = useRef(null);
-    const { connectStatus, syncStatus } = useChatContext();
-    const isSdkReady = connectStatus === ConnectStatus.Connected &&
-        syncStatus !== SyncStatus.Loading;
+    const isSdkReady = useCanLoadChatData();
     const conversationData = useConversationStore((state) => state.conversationData);
     const removedFromGroupModalOpen = useConversationStore((state) => state.removedFromGroupModalOpen);
     const setConversationData = useConversationStore((state) => state.setConversationData);

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

package/dist/hooks/global/useGlobalEvent.js

@@ -234,7 +234,9 @@ export const useGlobalEvent = () => {
         }
         updateConnectStatus(ConnectStatus.Disconnected);
     };
+    // data is `reinstalled`: true when this device starts from an empty local DB.
     const syncStartHandler = ({ data }) => {
+        useBootStore.getState().markSyncStarted(data === true || data === "true");
         updateSyncStatus(SyncStatus.Loading);
     };
     const syncProgressHandler = ({ data }) => {

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;CA4DtE,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;CA2DtE,CAAC"}

package/dist/hooks/group/useCreateGroup.js

@@ -56,9 +56,8 @@ export const useCreateGroup = () => {
                 firstMemberName: firstMember === null || firstMember === void 0 ? void 0 : firstMember.displayName,
                 remainingCount: restMembers.length,
             });
-        // AC-Default2: no picked avatar → leave faceURL empty. UI renders a
-        // composite of the owner's + first-joined member's avatars instead of
-        // a static placeholder (see GroupCompositeAvatar).
+        // No picked avatar → leave faceURL empty; GroupAvatar shows the default
+        // group image (DROPPII-30928).
         const resolvedFaceURL = faceURL || "";
         try {
             const { data: group } = await DChatSDK.createGroup({

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

@@ -0,0 +1,7 @@
+/**
+ * Whether threads can be opened and their history read: connected and not mid-sync. A fresh
+ * device's first sync counts as done once its conversations are stored, since history then
+ * loads on demand while the latest message of each conversation is still being pulled.
+ */
+export declare const useCanLoadChatData: () => boolean;
+//# sourceMappingURL=useCanLoadChatData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCanLoadChatData.d.ts","sourceRoot":"","sources":["../../../src/hooks/init/useCanLoadChatData.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,eAO9B,CAAC"}

package/dist/hooks/init/useCanLoadChatData.js

@@ -0,0 +1,15 @@
+"use client";
+import { useChatContext } from "../../context/ChatContext";
+import useBootStore, { selectIsSyncingInBackground } from "../../store/boot";
+import { ConnectStatus, SyncStatus } from "../../types/chat";
+/**
+ * Whether threads can be opened and their history read: connected and not mid-sync. A fresh
+ * device's first sync counts as done once its conversations are stored, since history then
+ * loads on demand while the latest message of each conversation is still being pulled.
+ */
+export const useCanLoadChatData = () => {
+    const { connectStatus, syncStatus } = useChatContext();
+    const isSyncingInBackground = useBootStore(selectIsSyncingInBackground);
+    return (connectStatus === ConnectStatus.Connected &&
+        (syncStatus !== SyncStatus.Loading || isSyncingInBackground));
+};

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

@@ -0,0 +1,2 @@
+export declare const useCanPinMessage: () => boolean;
+//# sourceMappingURL=useCanPinMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCanPinMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useCanPinMessage.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,gBAAgB,eA2B5B,CAAC"}

package/dist/hooks/message/useCanPinMessage.js

@@ -0,0 +1,29 @@
+import { useChatContext } from "../../context/ChatContext";
+import { useGroupPermission } from "../../hooks/group/useGroupPermission";
+import { isSupportThreadJoinedHere } from "../../hooks/session/useAgentSupportThreadJoin";
+import { useIsJoinedGroup } from "../../hooks/session/useIsJoinedGroup";
+import useAuthStore from "../../store/auth";
+import useConversationStore from "../../store/conversation";
+import { isGroupChat, isSupportSessionAgentView } from "../../utils/conversation";
+// Pin rule of DChatConversationDetail, shared by its toolbox and pinned panel.
+// Desk's MessageList keeps its own rule, which also checks group membership.
+export const useCanPinMessage = () => {
+    const { user, allowPinMessageWithoutPermission } = useChatContext();
+    const authUserID = useAuthStore((state) => state.userID);
+    const conversation = useConversationStore((state) => state.conversationData);
+    const permissions = useGroupPermission(conversation === null || conversation === void 0 ? void 0 : conversation.groupID);
+    const isGroup = conversation ? isGroupChat(conversation) : false;
+    // An agent on someone else's support thread manages pins only once joined.
+    const isAgentSupportThread = !!conversation &&
+        !isGroup &&
+        isSupportSessionAgentView(conversation, (user === null || user === void 0 ? void 0 : user.userID) || authUserID);
+    const { isJoined } = useIsJoinedGroup(isAgentSupportThread ? conversation === null || conversation === void 0 ? void 0 : conversation.groupID : undefined);
+    if (isAgentSupportThread) {
+        return (!conversation.groupID ||
+            isJoined === true ||
+            isSupportThreadJoinedHere(conversation.conversationID));
+    }
+    // Some hosts run pin without their backend returning PIN_MESSAGE yet, so
+    // the permission check would hide a feature that is live for them.
+    return (!isGroup || permissions.pinMessage || !!allowPinMessageWithoutPermission);
+};

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

@@ -1 +1 @@
-{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,WAAW,EAEZ,MAAM,8BAA8B,CAAC;AAmBtC,eAAO,MAAM,kBAAkB,eAkB9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,SAAS,WAAW,EACpB,OAAO,OAAO,EACd,eAAe;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,EAC5E,eAAe,MAAM,KACpB,OA4BF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc,EACd,uBAAqB,EAGrB,yBAAyB,MAAM,IAAI;;;;;qBAgBd,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;;CAoZnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC;AAClC,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,SACf,CAAC;AAEtC,eAAO,MAAM,kBAAkB,GAC7B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,EAC1B,YAAY,CAAC,SAAS,EAAE,WAAW,KAAK,OAAO,KAC9C,WAAW,GAAG,SAqBhB,CAAC;AAMF,eAAO,MAAM,oBAAoB,GAC/B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAQhB,CAAC;AAmBF,eAAO,MAAM,mBAAmB,GAC9B,SAAS,WAAW,EAAE,EACtB,SAAS,WAAW,EAAE,kBAgBvB,CAAC"}
+{"version":3,"file":"useMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useMessage.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EACX,WAAW,EAEZ,MAAM,8BAA8B,CAAC;AAkBtC,eAAO,MAAM,kBAAkB,eAkB9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,SAAS,WAAW,EACpB,OAAO,OAAO,EACd,eAAe;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,EAC5E,eAAe,MAAM,KACpB,OA4BF,CAAC;AAEF,eAAO,MAAM,UAAU,GACrB,iBAAiB,MAAM,EACvB,oBAAoB,MAAM,EAC1B,iBAAc,EACd,uBAAqB,EAGrB,yBAAyB,MAAM,IAAI;;;;;qBAed,WAAW,EAAE;;;;;;qBAAb,WAAW,EAAE;;;;;;;CAoZnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,WAAW,SACpB,CAAC;AAChC,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,SACpB,CAAC;AAClC,eAAO,MAAM,gBAAgB,GAAI,aAAa,MAAM,SACf,CAAC;AAEtC,eAAO,MAAM,kBAAkB,GAC7B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,EAC1B,YAAY,CAAC,SAAS,EAAE,WAAW,KAAK,OAAO,KAC9C,WAAW,GAAG,SAqBhB,CAAC;AAMF,eAAO,MAAM,oBAAoB,GAC/B,aAAa,WAAW,EAAE,EAC1B,SAAS,WAAW,EACpB,WAAW,MAAM,GAAG,MAAM,KACzB,WAAW,GAAG,SAQhB,CAAC;AAmBF,eAAO,MAAM,mBAAmB,GAC9B,SAAS,WAAW,EAAE,EACtB,SAAS,WAAW,EAAE,kBAgBvB,CAAC"}

package/dist/hooks/message/useMessage.js

@@ -7,9 +7,8 @@ import { useTranslation } from "react-i18next";
 import { useLatest, useRequest } from "ahooks";
 import emitter, { emit } from "../../utils/events";
 import isEmpty from "lodash/isEmpty";
-import { useChatContext } from "../../context/ChatContext";
 import useAuthStore from "../../store/auth";
-import { ConnectStatus, SyncStatus } from "../../types/chat";
+import { useCanLoadChatData } from "../../hooks/init/useCanLoadChatData";
 import { GROUP_NOTIFICATION_MESSAGE_TYPES, isGroupNotificationMessageType, isSessionEventMessage, isSystemLogMessageType } from "../../utils/messageLog";
 import { isEventCustomMessage, isRenderableCustomMessage, } from "../../utils/customMessage";
 import { isGroupConversation } from "../../utils/imCommon";
@@ -60,12 +59,11 @@ export const useMessage = (conversationId, searchClientMsgID, enabled = true, us
 // Host-supplied, threaded down from the screen props the same way
 // onCopyMessageLink is. Omit it and the SDK raises its own antd toast.
 onSearchMessageRevoked) => {
-    const { connectStatus, syncStatus } = useChatContext();
+    const canLoadChatData = useCanLoadChatData();
     const { t } = useTranslation();
     const userID = useAuthStore((state) => state.userID);
     const canLoad = enabled &&
-        connectStatus === ConnectStatus.Connected &&
-        syncStatus !== SyncStatus.Loading &&
+        canLoadChatData &&
         !!conversationId &&
         !!userID;
     const [loadState, setLoadState] = useState({

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

@@ -1 +1 @@
-{"version":3,"file":"useUnreadMessageIndicator.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useUnreadMessageIndicator.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAUhE,eAAO,MAAM,8BAA8B,OAAO,CAAC;AAoEnD,UAAU,+BAA+B;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,WAAW,EAAE,CAAC;CAC5B;AAED;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GAAI,qDAIvC,+BAA+B;;;;;;CA8FjC,CAAC"}
+{"version":3,"file":"useUnreadMessageIndicator.d.ts","sourceRoot":"","sources":["../../../src/hooks/message/useUnreadMessageIndicator.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAShE,eAAO,MAAM,8BAA8B,OAAO,CAAC;AAoEnD,UAAU,+BAA+B;IACvC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0EAA0E;IAC1E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,WAAW,EAAE,CAAC;CAC5B;AAED;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,GAAI,qDAIvC,+BAA+B;;;;;;CA6FjC,CAAC"}

package/dist/hooks/message/useUnreadMessageIndicator.js

@@ -2,10 +2,9 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useLatest } from "ahooks";
 import { DChatSDK } from "../../constants/sdk";
-import { useChatContext } from "../../context/ChatContext";
 import useAuthStore from "../../store/auth";
 import useConversationStore from "../../store/conversation";
-import { ConnectStatus, SyncStatus } from "../../types/chat";
+import { useCanLoadChatData } from "../../hooks/init/useCanLoadChatData";
 // Mark-as-read waits for this lookup, so a call that never settles must not
 // leave the thread unread.
 export const FIRST_UNREAD_LOOKUP_TIMEOUT_MS = 5000;
@@ -61,13 +60,12 @@ const isOlderThan = (message, boundary) => message.seq && boundary.seq
  */
 export const useUnreadMessageIndicator = ({ conversationId = "", searchClientMsgID, messageList, }) => {
     var _a;
-    const { connectStatus, syncStatus } = useChatContext();
+    const canLoadChatData = useCanLoadChatData();
     const userID = useAuthStore((state) => state.userID);
     const storedConversationId = useConversationStore((state) => { var _a; return (_a = state.conversationData) === null || _a === void 0 ? void 0 : _a.conversationID; });
     // Waiting for the store to hold this conversation also waits for its open
     // target, which some hosts set a moment after the selected id.
-    const canLookup = connectStatus === ConnectStatus.Connected &&
-        syncStatus !== SyncStatus.Loading &&
+    const canLookup = canLoadChatData &&
         !!conversationId &&
         !!userID &&
         storedConversationId === conversationId;

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

@@ -1,4 +1,5 @@
 import { type ConversationItem } from "@droppii-org/wasm-client-sdk";
+export declare const isSupportThreadJoinedHere: (conversationId?: string) => boolean;
 /**
  * CRM's join gate for the thread detail: an agent viewing a support thread
  * they aren't a member of can't send until they join. Opt-in — only a host

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

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

package/dist/hooks/session/useAgentSupportThreadJoin.js

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

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

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

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

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

package/dist/hooks/session/useSessionLatestPreview.js

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

package/dist/locales/vi/boot.json

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

package/dist/locales/vi/common.json

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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