@wowyuarm/dsh-agent-team 0.1.9 → 0.1.11

package/packages/client-agent-team/lib/types/client/TeamMemberEditor.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Button, IconChevronDownOutline14, Input, Menu, Modal } from '@deepseek-ai/dsh-client-ui-primitives';
 import { mintRequestId } from "./requests.js";
+import { useEditDialogSave } from "./team-dialog-save.js";
 import createCss from './create.module.css';
 import css from './sidebar.module.css';
 /** Model option key inside one editor; opaque and resolved against the loaded groups. */
@@ -77,9 +78,11 @@ export function AgentEditorDialog({ status, updateMember, loadModels, onCommitte
     const [handle, setHandle] = useState(status.member.handle);
     const [description, setDescription] = useState(status.member.description);
     const [model, setModel] = useState(status.member.model);
-    const [saving, setSaving] = useState(false);
-    const [error, setError] = useState();
-    const pendingRequest = useRef();
+    const { saving, error, pendingRequest, save } = useEditDialogSave({
+        save: updateMember,
+        onCommitted,
+        onClose,
+    });
     const dirty = handle.trim() !== status.member.handle || description.trim() !== status.member.description
         || !sameModel(model, status.member.model);
     const submit = async (event) => {
@@ -104,26 +107,7 @@ export function AgentEditorDialog({ status, updateMember, loadModels, onCommitte
             requestId: mintRequestId(),
             ...payload,
         };
-        pendingRequest.current = request;
-        setSaving(true);
-        setError(undefined);
-        try {
-            const result = await updateMember(request);
-            if (result.ok) {
-                pendingRequest.current = undefined;
-                await onCommitted();
-                onClose();
-            }
-            else {
-                setError(result.error.message);
-            }
-        }
-        catch (cause) {
-            setError(cause instanceof Error ? cause.message : String(cause));
-        }
-        finally {
-            setSaving(false);
-        }
+        await save(request);
     };
     return (_jsx(Modal, { open: true, onClose: onClose, title: t('editAgent'), description: `@${status.member.handle}`, closeLabel: t('close'), contentClassName: createCss.dialogContent, footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: saving, onClick: onClose, children: t('cancel') }), _jsx(Button, { type: "submit", form: "team-agent-edit-form", variant: "primary", disabled: saving || !dirty || handle.trim().length === 0, children: saving ? t('editSaving') : t('editSave') })] }), children: _jsxs("form", { id: "team-agent-edit-form", className: createCss.form, onSubmit: event => { void submit(event); }, children: [_jsxs("label", { className: createCss.field, children: [_jsx("span", { children: t('agentName') }), _jsx(Input, { className: createCss.input, value: handle, onChange: event => { setHandle(event.target.value); pendingRequest.current = undefined; }, disabled: saving, autoFocus: true })] }), _jsxs("label", { className: createCss.field, children: [_jsxs("span", { children: [t('agentDescription'), t('optionalSuffix')] }), _jsx(Input, { className: createCss.input, value: description, placeholder: t('agentDescriptionPlaceholder'), onChange: event => { setDescription(event.target.value); pendingRequest.current = undefined; }, disabled: saving })] }), _jsx(ModelPickerField, { model: model, onModelChange: choice => { pendingRequest.current = undefined; setModel(choice); }, loadModels: loadModels, disabled: saving, t: t }), error !== undefined && _jsx("p", { className: createCss.error, role: "alert", children: error })] }) }));
 }

package/packages/client-agent-team/lib/types/client/TeamMessage.d.ts

@@ -27,6 +27,13 @@ export interface TeamMessageProps {
     readonly onResolveTaskRefs?: ((taskRefs: readonly AgentTeamTaskRef[]) => Promise<readonly ResolvedTaskRef[]>) | undefined;
     readonly children?: ReactNode;
 }
-/** One chat message row with identity chrome and sender-appropriate rendering. */
-export declare function TeamMessage({ senderName, memberId, human, body, occurredAt, mentionNames, senderTitle, grouped, showGroupedTime, attachments, loadAttachment, t, onOpenRef, onResolveTaskRefs, children }: TeamMessageProps): import("react").JSX.Element;
+/**
+ * One chat message row with identity chrome and sender-appropriate rendering.
+ *
+ * Memoized because a timeline row is rendered by the page that owns the whole
+ * Thread: the Task-ref subscription below lives inside this component, so
+ * skipping a render here never detaches it. Callers must therefore keep the
+ * props they derive per render (mention names, ref callbacks) identity-stable.
+ */
+export declare const TeamMessage: import("react").NamedExoticComponent<TeamMessageProps>;
 //# sourceMappingURL=TeamMessage.d.ts.map

package/packages/client-agent-team/lib/types/client/TeamMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeamMessage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoG,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxI,OAAO,KAAK,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AACrH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAEvD,OAAO,EAA4E,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAI/H,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,wEAAwE;IACxE,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,uFAAuF;IACvF,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,8EAA8E;IAC9E,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B;2DACuD;IACvD,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,0BAA0B,EAAE,GAAG,SAAS,CAAA;IACxE,6EAA6E;IAC7E,QAAQ,CAAC,cAAc,CAAC,EAAE,qBAAqB,CAAC,eAAe,CAAC,GAAG,SAAS,CAAA;IAC5E,QAAQ,CAAC,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAAG,SAAS,CAAA;IACnD,0FAA0F;IAC1F,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACxD,sFAAsF;IACtF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,SAAS,gBAAgB,EAAE,KAAK,OAAO,CAAC,SAAS,eAAe,EAAE,CAAC,CAAC,GAAG,SAAS,CAAA;IACzH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAC9B;AAED,kFAAkF;AAClF,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAqH3N"}
+{"version":3,"file":"TeamMessage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0G,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAG9I,OAAO,KAAK,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AACrH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAEvD,OAAO,EAA4E,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAI/H,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,wEAAwE;IACxE,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,uFAAuF;IACvF,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACzC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,8EAA8E;IAC9E,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B;2DACuD;IACvD,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,0BAA0B,EAAE,GAAG,SAAS,CAAA;IACxE,6EAA6E;IAC7E,QAAQ,CAAC,cAAc,CAAC,EAAE,qBAAqB,CAAC,eAAe,CAAC,GAAG,SAAS,CAAA;IAC5E,QAAQ,CAAC,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAAG,SAAS,CAAA;IACnD,0FAA0F;IAC1F,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACxD,sFAAsF;IACtF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,SAAS,gBAAgB,EAAE,KAAK,OAAO,CAAC,SAAS,eAAe,EAAE,CAAC,CAAC,GAAG,SAAS,CAAA;IACzH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAC9B;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,wDAqHtB,CAAA"}

package/packages/client-agent-team/lib/types/client/TeamMessage.js

@@ -1,12 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { MarkdownText, MessageText, Modal } from '@deepseek-ai/dsh-client-ui-primitives';
+import { Fragment, memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { MarkdownText, Modal } from '@deepseek-ai/dsh-client-ui-primitives';
 import { cachedAttachmentDataUrl, formatByteSize, loadAttachmentDataUrl } from "./attachment-preview.js";
 import { cachedResolvedTaskRef, resolveUnknownTaskRefs, useResolvedTaskRefVersion } from "./task-refs.js";
 import { formatMessageTime, isSingleBrandedRef, memberHue, planMessageBody, shouldClampMessage, splitBrandedRefs, splitMentionNames } from "./team-formatters.js";
 import css from './conversation.module.css';
-/** One chat message row with identity chrome and sender-appropriate rendering. */
-export function TeamMessage({ senderName, memberId, human, body, occurredAt, mentionNames, senderTitle, grouped, showGroupedTime, attachments, loadAttachment, t, onOpenRef, onResolveTaskRefs, children }) {
+/**
+ * One chat message row with identity chrome and sender-appropriate rendering.
+ *
+ * Memoized because a timeline row is rendered by the page that owns the whole
+ * Thread: the Task-ref subscription below lives inside this component, so
+ * skipping a render here never detaches it. Callers must therefore keep the
+ * props they derive per render (mention names, ref callbacks) identity-stable.
+ */
+export const TeamMessage = memo(function TeamMessage({ senderName, memberId, human, body, occurredAt, mentionNames, senderTitle, grouped, showGroupedTime, attachments, loadAttachment, t, onOpenRef, onResolveTaskRefs, children }) {
     const avatarStyle = human ? undefined : { '--team-avatar-hue': memberHue(memberId) };
     // Literal bodies carry mention chips inline — Human input always, and
     // plain-prose Agent bodies where literal rendering loses nothing. Rich
@@ -90,14 +97,14 @@ export function TeamMessage({ senderName, memberId, human, body, occurredAt, men
                 ? _jsx("span", { className: css.mention, children: segment.text }, index)
                 : _jsx(Fragment, { children: renderRefs(segment.text, onOpenRef, taskLabel, refLabel) }, index)) })
         : plan.render === 'literal'
-            ? _jsx("div", { className: css.messageText, children: onOpenRef === undefined ? _jsx(MessageText, { text: displayBody }) : renderRefs(displayBody, onOpenRef, taskLabel, refLabel) })
+            ? _jsx("div", { className: css.messageText, children: onOpenRef === undefined ? displayBody : renderRefs(displayBody, onOpenRef, taskLabel, refLabel) })
             : _jsx("div", { ref: markdownRef, className: css.messageMarkdown, children: _jsx(MarkdownText, { text: displayBody, labels: markdownLabels }, `${displayBody}:${onOpenRef === undefined ? 'literal' : 'refs'}`) });
     return (_jsxs("article", { className: css.messageRow, "data-human": human || undefined, "data-grouped": grouped || undefined, children: [_jsx("div", { className: css.messageIdentity, style: avatarStyle, "aria-hidden": "true", children: senderName.replace('@', '').slice(0, 1).toUpperCase() }), _jsxs("div", { className: css.messageBody, children: [(!grouped || showGroupedTime === true) && (_jsxs("div", { className: css.nameRow, children: [!grouped && _jsx("strong", { ...(senderTitle === undefined ? {} : { title: senderTitle }), children: senderName }), occurredAt !== undefined && _jsx("span", { className: css.messageTime, children: formatMessageTime(occurredAt) })] })), clampable ? _jsx("div", { className: clamped ? css.messageClamp : undefined, children: bodyNode }) : bodyNode, clampable && (_jsx("button", { type: "button", className: css.messageExpand, "data-message-expand": "true", "aria-expanded": expanded, onClick: () => { setExpanded(value => !value); }, children: expanded ? (t?.('collapseMessage') ?? 'Show less') : (t?.('expandMessage') ?? 'Show more') })), (plan.fallbackNames.length > 0 || plan.fallbackRefs.length > 0) && (_jsxs("div", { className: css.mentionsRow, children: [plan.fallbackNames.map(name => _jsxs("span", { className: css.mention, children: ["@", name] }, name)), plan.fallbackRefs.map(ref => {
                                 const resolved = cachedResolvedTaskRef(ref);
                                 const label = resolved !== undefined && ref.startsWith('task:') ? taskLabel(resolved.taskNumber) : ref;
                                 return _jsx("button", { type: "button", className: css.refLink, title: ref, onClick: () => { onOpenRef(ref); }, children: label }, ref);
                             })] })), attachments !== undefined && attachments.length > 0 && _jsx(TeamAttachmentStrip, { attachments: attachments, ...(loadAttachment === undefined ? {} : { loadAttachment }), ...(t === undefined ? {} : { t }) }), children] })] }));
-}
+});
 /** Text nodes that Markdown rendered as prose rather than code or a link. */
 function markdownProseTextNodes(root) {
     const nodes = [];

package/packages/client-agent-team/lib/types/client/TeamPresenceDot.d.ts

@@ -2,6 +2,14 @@ import type { AgentTeamClientMemberStatus } from '@wowyuarm/dsh-agent-team/types
 import type { TeamSidebarProps } from './slots.ts';
 import type { TeamStateDotState } from './TeamStateDot.tsx';
 export declare function presenceLabel(status: AgentTeamClientMemberStatus, t: TeamSidebarProps['t']): string;
+/** One line of human-readable diagnostic text: the reason, plus the refused artifact path when one was reported. */
+export declare function diagnosticText(status: AgentTeamClientMemberStatus): string;
+/**
+ * Whether the restart action can help an unavailable Member: it heals
+ * transient and repairable failures, but not a transient rollover window
+ * (which resolves on its own) or a refusal already proven non-remediable.
+ */
+export declare function restartOffered(status: AgentTeamClientMemberStatus): boolean;
 /** Shared presence → indicator mapping for dots and avatar badges. */
 export declare function presenceDotState(presence: AgentTeamClientMemberStatus['presence']): TeamStateDotState;
 export declare function TeamPresenceDot({ status, t }: {

package/packages/client-agent-team/lib/types/client/TeamPresenceDot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeamPresenceDot.d.ts","sourceRoot":"","sources":["../../../src/client/TeamPresenceDot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAA;AACjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAG3D,wBAAgB,aAAa,CAAC,MAAM,EAAE,2BAA2B,EAAE,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,MAAM,CAKnG;AAED,sEAAsE;AACtE,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,GAAG,iBAAiB,CAErG;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE;IAC7C,QAAQ,CAAC,MAAM,EAAE,2BAA2B,CAAA;IAC5C,QAAQ,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;CAClC,+BASA"}
+{"version":3,"file":"TeamPresenceDot.d.ts","sourceRoot":"","sources":["../../../src/client/TeamPresenceDot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAA;AACjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAG3D,wBAAgB,aAAa,CAAC,MAAM,EAAE,2BAA2B,EAAE,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,MAAM,CAKnG;AAED,oHAAoH;AACpH,wBAAgB,cAAc,CAAC,MAAM,EAAE,2BAA2B,GAAG,MAAM,CAI1E;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,2BAA2B,GAAG,OAAO,CAK3E;AAED,sEAAsE;AACtE,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,GAAG,iBAAiB,CAErG;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE;IAC7C,QAAQ,CAAC,MAAM,EAAE,2BAA2B,CAAA;IAC5C,QAAQ,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;CAClC,+BASA"}

package/packages/client-agent-team/lib/types/client/TeamPresenceDot.js

@@ -6,7 +6,27 @@ export function presenceLabel(status, t) {
     const label = status.presence === 'available' ? t('statusAvailable')
         : status.presence === 'working' ? t('statusWorking')
             : status.presence === 'error' ? t('statusError') : t('statusUnavailable');
-    return status.diagnostic === undefined ? label : `${label}: ${status.diagnostic}`;
+    return status.diagnostic === undefined ? label : `${label}: ${diagnosticText(status)}`;
+}
+/** One line of human-readable diagnostic text: the reason, plus the refused artifact path when one was reported. */
+export function diagnosticText(status) {
+    const diagnostic = status.diagnostic;
+    if (diagnostic === undefined)
+        return '';
+    return diagnostic.location === undefined ? diagnostic.detail : `${diagnostic.detail} (${diagnostic.location.path})`;
+}
+/**
+ * Whether the restart action can help an unavailable Member: it heals
+ * transient and repairable failures, but not a transient rollover window
+ * (which resolves on its own) or a refusal already proven non-remediable.
+ */
+export function restartOffered(status) {
+    const diagnostic = status.diagnostic;
+    if (diagnostic === undefined)
+        return true;
+    if (diagnostic.class === 'rollover')
+        return false;
+    return !(diagnostic.class === 'session-refused' && diagnostic.remediable === false);
 }
 /** Shared presence → indicator mapping for dots and avatar badges. */
 export function presenceDotState(presence) {

package/packages/client-agent-team/lib/types/client/TeamThreadPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeamThreadPage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamThreadPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,mBAAmB,EAInB,gBAAgB,EAGhB,kBAAkB,EAEnB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAA;AAEnF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAA;AAe/D,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAA;IACzC,QAAQ,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAA;IACnC,QAAQ,CAAC,SAAS,EAAE,kBAAkB,CAAA;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAClE,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACxD,QAAQ,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;IACtE,QAAQ,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,oBAAoB,CAAC,CAAA;IACxE,QAAQ,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAA;IACpE,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAC9C,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAClE,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC;AA8BD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAgsBxD"}
+{"version":3,"file":"TeamThreadPage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamThreadPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,mBAAmB,EAInB,gBAAgB,EAGhB,kBAAkB,EAEnB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAA;AAEnF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAA;AAe/D,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAA;IACzC,QAAQ,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAA;IACnC,QAAQ,CAAC,SAAS,EAAE,kBAAkB,CAAA;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAClE,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACxD,QAAQ,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;IACtE,QAAQ,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,oBAAoB,CAAC,CAAA;IACxE,QAAQ,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAA;IACpE,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAC9C,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAClE,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC;AA+CD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAmvBxD"}

package/packages/client-agent-team/lib/types/client/TeamThreadPage.js

@@ -1,24 +1,40 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Fragment, useEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
+import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Button, DisclosureRow, IconChevronLeftOutline14, IconChecklistOutline14, Modal, Pill } from '@deepseek-ai/dsh-client-ui-primitives';
 import { TeamComposer } from "./TeamComposer.js";
-import { TeamPresenceDot } from "./TeamPresenceDot.js";
+import { diagnosticText, TeamPresenceDot } from "./TeamPresenceDot.js";
 import { TeamMessage } from "./TeamMessage.js";
 import { TeamRunDivider } from "./TeamRunDivider.js";
 import { formatActivity, formatClaimState, formatTaskStatus, formatTaskTitle, mentionNamesOf, taskStatusDot } from "./team-formatters.js";
 import { TeamStateDot } from "./TeamStateDot.js";
-import { mintRequestId } from "./requests.js";
+import { mintRequestId, uploadComposerFiles } from "./requests.js";
+import { ScopeCoverage } from "./scope-coverage.js";
 import { daySeparatorLabel, isRunGap, timelineDayKey } from "./team-separators.js";
 import { useTimelineScroll } from "./timeline-scroll.js";
 import { hostTaskRefLookup, jumpToTaskThread } from "./task-refs.js";
-import { bytesToBase64 } from "./attachment-preview.js";
 import css from './conversation.module.css';
 import threadCss from './thread.module.css';
 function factKey(fact) {
     return fact.kind === 'message' ? `message:${fact.message.messageRef}` : `activity:${fact.activity.activityRef}`;
 }
 function messageFact(message, mentions = []) {
-    return { kind: 'message', sequence: message.sequence, message, mentions };
+    return { kind: 'message', sequence: message.sequence, message, mentions, occurredAt: message.occurredAt };
+}
+/**
+ * A fact owns its mention array, so the rendered name list is cached against
+ * that array. Every roster refresh replaces the handles map with a fresh Map of
+ * identical content, so the cache compares the resolved names rather than the
+ * map identity: identity stays stable while the names are unchanged, which is
+ * what keeps a memoized row from re-rendering on every refresh.
+ */
+const mentionNamesCache = new WeakMap();
+function stableMentionNames(mentions, handles) {
+    const names = mentionNamesOf(mentions, handles);
+    const cached = mentionNamesCache.get(mentions);
+    if (cached !== undefined && cached.length === names.length && cached.every((name, index) => name === names[index]))
+        return cached;
+    mentionNamesCache.set(mentions, names);
+    return names;
 }
 function mergeFacts(...groups) {
     const byKey = new Map();
@@ -57,8 +73,9 @@ export function TeamThreadPage(props) {
     const [newFactsCount, setNewFactsCount] = useState(0);
     // The reply draft lives in the keyed draft cache: view switches unmount
     // this page, and a refresh must not cost the half-written message either.
+    // The composer owns the subscription — this page only reads a snapshot when
+    // it sends, so typing never re-renders the timeline.
     const draftKey = `thread:${threadRef}`;
-    const { draft, recipients } = useSyncExternalStore(drafts.subscribe, () => drafts.getSnapshot(draftKey));
     const [claimsOpen, setClaimsOpen] = useState(false);
     // Early acceptance: the Human may accept while Claims are still open; the
     // confirm dialog lists exactly what will be completed with the Task.
@@ -148,14 +165,15 @@ export function TeamThreadPage(props) {
                 setLoading(false);
         }
     };
-    const refreshSupplemental = async () => {
+    /** One roster + view read. Answers false once the page is gone. */
+    const applySupplemental = async () => {
         try {
             const [loadedMembers, loadedView] = await Promise.all([
                 loadMembers({ workspaceId }),
                 loadChannels({ workspaceId, ...(channelRef === undefined ? {} : { channelRef }), threadRef, includeActivities: false, limit: 1 }),
             ]);
             if (!mountedRef.current)
-                return;
+                return false;
             if (loadedMembers.ok)
                 setMembers(loadedMembers.value);
             if (loadedView.ok)
@@ -163,12 +181,49 @@ export function TeamThreadPage(props) {
             const failure = [loadedMembers, loadedView].find(result => !result.ok);
             if (failure !== undefined && !failure.ok)
                 setError(failure.error.message);
+            return true;
         }
         catch (cause) {
             if (mountedRef.current)
                 setError(cause instanceof Error ? cause.message : String(cause));
+            return mountedRef.current;
         }
     };
+    // One Host change event wakes every scope it matches: here a workspace commit
+    // and a presence transition, whose separate polls both deliver that event's
+    // version. Both asks are the same roster and view read, so each round answers
+    // one version per scope, and a newer version arriving mid-round runs one
+    // trailing round instead of being dropped. The two scopes count different
+    // domains, so coverage and pending versions are tracked per scope.
+    const supplementalRef = useRef();
+    const supplementalCoverageRef = useRef(new ScopeCoverage());
+    const refreshSupplemental = (wake) => {
+        const inFlight = supplementalRef.current;
+        if (wake === undefined) {
+            if (inFlight !== undefined)
+                return inFlight;
+        }
+        else if (!supplementalCoverageRef.current.wake(wake.scope, wake.version)) {
+            return inFlight ?? Promise.resolve();
+        }
+        const coverage = supplementalCoverageRef.current;
+        const round = (async () => {
+            for (;;) {
+                coverage.beginRound();
+                const applied = await applySupplemental();
+                // A newer change landed while this round fetched: cover it too, and
+                // keep going only while the page is still the one asking.
+                if (!applied || !coverage.finishRound())
+                    return;
+            }
+        })().finally(() => {
+            // A remount may already own a newer round; only this one clears itself.
+            if (supplementalRef.current === round)
+                supplementalRef.current = undefined;
+        });
+        supplementalRef.current = round;
+        return round;
+    };
     const refreshPassiveFacts = async () => {
         try {
             const result = await loadThreadHistory({ workspaceId, ...threadRequest, limit: 100 });
@@ -226,6 +281,9 @@ export function TeamThreadPage(props) {
     };
     useEffect(() => {
         mountedRef.current = true;
+        // The previous mount's supplemental round must not answer for this one.
+        supplementalRef.current = undefined;
+        supplementalCoverageRef.current.reset();
         projectionRef.current = undefined;
         setProjection(undefined);
         setChannelView(undefined);
@@ -298,7 +356,19 @@ export function TeamThreadPage(props) {
                     setError(update.message);
                     return;
                 }
-                void refreshSupplemental();
+                void refreshSupplemental({ scope: 'workspace', version: update.version });
+            }),
+            // Presence transitions commit nothing: only the member rows move, so
+            // the roster refresh rides the same supplemental fetch as workspace
+            // membership changes, leaving the timeline untouched.
+            subscribeChanges({ kind: 'presence', workspaceId }, update => {
+                if (!mountedRef.current)
+                    return;
+                if (update.type === 'failed') {
+                    setError(update.message);
+                    return;
+                }
+                void refreshSupplemental({ scope: 'presence', version: update.version });
             }),
         ];
         return () => {
@@ -378,7 +448,8 @@ export function TeamThreadPage(props) {
     // Branded-ref navigation for message bodies: channel refs hop to the
     // Channel; the open Task's own refs are already on screen, and other Tasks
     // are not resolvable from this surface, so they degrade to a no-op.
-    const openRef = (ref) => {
+    // Identity-stable: a fresh closure per render would defeat TeamMessage's memo.
+    const openRef = useCallback((ref) => {
         if (ref.startsWith('channel:') && ref !== channelRef) {
             selectChannel(ref);
             return;
@@ -402,13 +473,13 @@ export function TeamThreadPage(props) {
             // Another Task cited here: resolve its home Channel and jump.
             jumpToTaskThread(resolveTaskRefs, workspaceId, ref, selectThread);
         }
-    };
-    const lookupTaskRefs = hostTaskRefLookup(resolveTaskRefs, workspaceId);
+    }, [channelRef, threadRef, taskRef, workspaceId, selectChannel, selectThread, loadChannels, resolveTaskRefs]);
+    const lookupTaskRefs = useMemo(() => hostTaskRefLookup(resolveTaskRefs, workspaceId), [resolveTaskRefs, workspaceId]);
     const renderFact = (fact, grouped = false) => {
         if (fact.kind === 'message') {
             const sender = memberName(fact.message.sender);
             const senderStatus = members.find(candidate => candidate.member.memberId === fact.message.sender);
-            return _jsx(TeamMessage, { senderName: sender, memberId: fact.message.sender, human: fact.message.sender === channelView?.humanMemberId, body: fact.message.body, attachments: fact.message.attachments, loadAttachment: getAttachment, t: t, occurredAt: fact.message.occurredAt, mentionNames: mentionNamesOf(fact.mentions, mentionHandlesMap), onOpenRef: openRef, onResolveTaskRefs: lookupTaskRefs, grouped: grouped, ...(senderStatus === undefined ? {} : { senderTitle: senderStatus.member.description }) }, factKey(fact));
+            return _jsx(TeamMessage, { senderName: sender, memberId: fact.message.sender, human: fact.message.sender === channelView?.humanMemberId, body: fact.message.body, attachments: fact.message.attachments, loadAttachment: getAttachment, t: t, occurredAt: fact.message.occurredAt, mentionNames: stableMentionNames(fact.mentions, mentionHandlesMap), onOpenRef: openRef, onResolveTaskRefs: lookupTaskRefs, grouped: grouped, ...(senderStatus === undefined ? {} : { senderTitle: senderStatus.member.description }) }, factKey(fact));
         }
         return _jsxs("p", { className: threadCss.activityRow, children: [_jsx("span", { className: threadCss.activityMark, "aria-hidden": "true" }), _jsx("span", { className: threadCss.activityText, children: formatActivity(fact.activity, { t, actorName: memberName, claims: taskClaims }) })] }, factKey(fact));
     };
@@ -480,7 +551,7 @@ export function TeamThreadPage(props) {
                 setProjection(current => current === undefined ? current
                     : { ...current, task: committed.task, thread: committed.thread });
                 setCurrentFacts(current => {
-                    const merged = mergeFacts(current, [{ kind: 'activity', sequence: committed.activity.sequence, activity: committed.activity }]);
+                    const merged = mergeFacts(current, [{ kind: 'activity', sequence: committed.activity.sequence, activity: committed.activity, occurredAt: committed.receipt.occurredAt }]);
                     currentFactsRef.current = merged;
                     return merged;
                 });
@@ -527,7 +598,7 @@ export function TeamThreadPage(props) {
                 const committed = result.value;
                 setProjection(current => current === undefined ? current : { ...current, task: committed.task, thread: committed.thread, claims: committed.claims });
                 setCurrentFacts(current => {
-                    const merged = mergeFacts(current, [{ kind: 'activity', sequence: committed.activity.sequence, activity: committed.activity }]);
+                    const merged = mergeFacts(current, [{ kind: 'activity', sequence: committed.activity.sequence, activity: committed.activity, occurredAt: committed.receipt.occurredAt }]);
                     currentFactsRef.current = merged;
                     return merged;
                 });
@@ -553,7 +624,19 @@ export function TeamThreadPage(props) {
             setMutating(undefined);
         }
     };
+    // Editing the draft invalidates one-shot send state: a confirmation token,
+    // the retained requestId, and the status line. Every setter returns the same
+    // state when there is nothing to clear, so a keystroke does not re-render the
+    // timeline now that the composer owns the draft.
+    const clearSendState = useCallback(() => {
+        setConfirmation(current => current === undefined ? current : undefined);
+        setReplyRequestId(current => current === undefined ? current : undefined);
+        setStatusMessage(current => current === undefined ? current : undefined);
+    }, []);
     const sendReply = async () => {
+        // Read the draft at send time: this page no longer subscribes to it, so a
+        // captured render value would be stale after the composer's own edits.
+        const { draft, recipients } = drafts.getSnapshot(draftKey);
         if (pending || thread === undefined || draft.trim() === '')
             return;
         const id = replyRequestId ?? mintRequestId();
@@ -563,21 +646,12 @@ export function TeamThreadPage(props) {
         try {
             // Upload chosen files first; any failure aborts the reply with the
             // existing error surface and keeps the chips for a retry.
-            const attachmentIds = [];
-            for (const file of pendingFiles) {
-                const uploaded = await putAttachment({
-                    requestId: mintRequestId(),
-                    workspaceId,
-                    name: file.name,
-                    mediaType: file.type === '' ? undefined : file.type,
-                    bytesBase64: bytesToBase64(new Uint8Array(await file.arrayBuffer())),
-                });
-                if (!uploaded.ok) {
-                    setError(uploaded.error.message);
-                    return;
-                }
-                attachmentIds.push(uploaded.value.attachmentId);
+            const upload = await uploadComposerFiles(putAttachment, workspaceId, pendingFiles);
+            if (!upload.ok) {
+                setError(upload.error);
+                return;
             }
+            const attachmentIds = upload.attachmentIds;
             const result = await reply({ requestId: id, workspaceId, threadRef, ...(task === undefined ? {} : { taskRef: task.taskRef }), body: draft.trim(), baseRevision: thread.revision, recipients: [...recipients].sort(), ...(attachmentIds.length === 0 ? {} : { attachments: attachmentIds }), ...(confirmation === undefined ? {} : { confirmationToken: confirmation }) });
             if (!result.ok) {
                 setError(result.error.message);
@@ -586,7 +660,7 @@ export function TeamThreadPage(props) {
             if (result.value.kind === 'committed') {
                 const committed = result.value;
                 setCurrentFacts(current => {
-                    const merged = mergeFacts(current, [{ kind: 'message', sequence: committed.message.sequence, message: committed.message, mentions: [...recipients].sort() }]);
+                    const merged = mergeFacts(current, [{ kind: 'message', sequence: committed.message.sequence, message: committed.message, mentions: [...recipients].sort(), occurredAt: committed.receipt.occurredAt }]);
                     currentFactsRef.current = merged;
                     return merged;
                 });
@@ -654,7 +728,7 @@ export function TeamThreadPage(props) {
                                             } }, children: t('acceptTask') });
                                     })(), task.resolution === 'open'
                                         ? _jsx(Button, { size: "sm", variant: "outline", disabled: pending, onClick: () => { void mutateTask('close'); }, children: t('closeTask') })
-                                        : _jsx(Button, { size: "sm", variant: "primary", disabled: pending, onClick: () => { void mutateTask('reopen'); }, children: t('reopenTask') })] })] }), risks.length > 0 && _jsxs("section", { className: threadCss.riskSection, "aria-label": t('runtimeRisk'), children: [_jsx("h2", { children: t('runtimeRisk') }), risks.map(({ claim, status }) => _jsxs("p", { className: threadCss.riskRow, children: [_jsx(TeamPresenceDot, { status: status, t: t }), _jsxs("span", { children: [t('runtimeRiskDetail', { member: status.member.handle, diagnostic: status.diagnostic ?? t('statusError') }), " \u00B7 ", claim.direction] })] }, claim.claimRef))] }), task !== undefined && thread !== undefined && (() => {
+                                        : _jsx(Button, { size: "sm", variant: "primary", disabled: pending, onClick: () => { void mutateTask('reopen'); }, children: t('reopenTask') })] })] }), risks.length > 0 && _jsxs("section", { className: threadCss.riskSection, "aria-label": t('runtimeRisk'), children: [_jsx("h2", { children: t('runtimeRisk') }), risks.map(({ claim, status }) => _jsxs("p", { className: threadCss.riskRow, children: [_jsx(TeamPresenceDot, { status: status, t: t }), _jsxs("span", { children: [t('runtimeRiskDetail', { member: status.member.handle, diagnostic: diagnosticText(status) || t('statusError') }), " \u00B7 ", claim.direction] })] }, claim.claimRef))] }), task !== undefined && thread !== undefined && (() => {
                         // Recomputed here so the confirm list never shows stale rows.
                         const activeClaims = projection?.claims.filter(claim => claim.taskRef === task.taskRef && claim.state === 'active') ?? [];
                         return _jsxs(Modal, { open: confirmingAccept, onClose: () => { if (!pending)
@@ -664,5 +738,5 @@ export function TeamThreadPage(props) {
                                         return _jsxs("article", { className: threadCss.claimRow, children: [ownerStatus === undefined ? _jsx("span", {}) : _jsx(TeamPresenceDot, { status: ownerStatus, t: t }), _jsx("strong", { className: threadCss.claimOwner, children: memberName(claim.owner) }), _jsx("span", { className: threadCss.claimDirection, children: claim.direction }), _jsx("small", { className: threadCss.claimState, children: formatClaimState(claim.state, t) })] }, claim.claimRef);
                                     })] }) }) })] }), _jsx("section", { ref: timeline.ref, onScroll: handleTimelineScroll, className: css.timeline, "aria-label": t('timelineLabel'), children: _jsxs("div", { className: css.timelineContent, children: [loading && projection === undefined && error === undefined && _jsx("div", { className: css.emptySurface, children: _jsxs("p", { className: css.loadingState, children: [_jsx("span", { className: css.loadingMark, "aria-hidden": "true" }), t('loadingThread')] }) }), projection === undefined && error !== undefined && _jsxs("div", { className: css.errorState, role: "alert", children: [_jsx("span", { children: error }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => { void readCurrent(); }, children: t('retry') })] }), olderFacts.length > 0 && _jsxs("section", { className: threadCss.historySection, "aria-label": t('olderHistory'), children: [_jsx("h2", { children: t('olderHistory') }), renderFactBlocks(olderFacts, undefined)] }), historyHasMore && _jsx("div", { className: css.timelineAction, children: _jsx(Button, { size: "sm", onClick: () => { void loadOlder(); }, children: t('loadOlder') }) }), currentFactsWithAnchor.length > 0 && _jsx("section", { className: threadCss.publicSection, children: renderFactBlocks(currentFactsWithAnchor, unreadBoundary) }), autoReadExhausted && _jsxs("div", { className: css.timelineAction, role: "alert", children: [_jsx("span", { children: t('autoReadIncomplete') }), _jsx(Button, { size: "sm", onClick: () => { setAutoReadExhausted(false); void drainUnread(); }, disabled: loading, children: t('retry') })] }), newFactsCount > 0 && _jsx("div", { className: threadCss.newUpdates, role: "status", children: _jsx("button", { type: "button", className: threadCss.newUpdatesJump, onClick: () => { setNewFactsCount(0); timeline.scrollToBottom(); }, children: t('newUpdatesJump', { count: newFactsCount }) }) })] }) }), projection !== undefined && thread !== undefined ? (task?.resolution === 'closed'
                 ? _jsxs("div", { className: threadCss.closedBar, "data-team-closed": true, children: [error !== undefined && _jsx("p", { className: css.error, role: "alert", children: error }), _jsxs("div", { className: threadCss.closedNotice, children: [_jsx("span", { children: t('taskClosedNotice') }), _jsx(Button, { size: "sm", variant: "outline", disabled: pending, onClick: () => { void mutateTask('reopen'); }, children: t('reopenTask') })] })] })
-                : _jsx(TeamComposer, { members: channelMembers, followerMemberIds: followerIds, recipients: recipients, draft: draft, pending: pending, ...(statusMessage === undefined ? {} : { confirmation: statusMessage }), ...(error === undefined ? {} : { error }), onDraftChange: next => { drafts.writeDraft(draftKey, next); setConfirmation(undefined); setReplyRequestId(undefined); setStatusMessage(undefined); }, onRecipientsChange: next => { drafts.writeRecipients(draftKey, next); setConfirmation(undefined); setReplyRequestId(undefined); setStatusMessage(undefined); }, onSubmit: () => { void sendReply(); }, placeholder: t('replyPlaceholder'), pendingFiles: pendingFiles, onFilesChange: setPendingFiles, t: t }, draftKey)) : _jsx("div", {})] });
+                : _jsx(TeamComposer, { members: channelMembers, followerMemberIds: followerIds, drafts: drafts, draftKey: draftKey, pending: pending, ...(statusMessage === undefined ? {} : { confirmation: statusMessage }), ...(error === undefined ? {} : { error }), onEdit: clearSendState, onSubmit: () => { void sendReply(); }, placeholder: t('replyPlaceholder'), pendingFiles: pendingFiles, onFilesChange: setPendingFiles, t: t }, draftKey)) : _jsx("div", {})] });
 }

package/packages/client-agent-team/lib/types/client/TeamWorkspaceBrowser.d.ts

@@ -1,3 +1,3 @@
 import type { TeamSidebarProps } from './slots.ts';
-export declare function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWorkspace, selectChannel, t, useWorkspaces, loadMembers, subscribeChanges, addMember, loadChannels, createChannel, updateChannel, archiveChannel, updateMember, recoverMember, archiveMember, joinChannel, removeChannelMember, loadModels, openMemberSession }: TeamSidebarProps): import("react").JSX.Element;
+export declare function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWorkspace, selectChannel, selectInbox, t, useWorkspaces, loadMembers, loadInbox, subscribeChanges, subscribeReads, addMember, loadChannels, createChannel, updateChannel, archiveChannel, updateMember, recoverMember, archiveMember, joinChannel, removeChannelMember, loadModels, openMemberSession }: TeamSidebarProps): import("react").JSX.Element;
 //# sourceMappingURL=TeamWorkspaceBrowser.d.ts.map

package/packages/client-agent-team/lib/types/client/TeamWorkspaceBrowser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeamWorkspaceBrowser.d.ts","sourceRoot":"","sources":["../../../src/client/TeamWorkspaceBrowser.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAUlD,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,gBAAgB,+BA8D9V"}
+{"version":3,"file":"TeamWorkspaceBrowser.d.ts","sourceRoot":"","sources":["../../../src/client/TeamWorkspaceBrowser.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAUlD,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,gBAAgB,+BA+GtY"}

package/packages/client-agent-team/lib/types/client/TeamWorkspaceBrowser.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState, useSyncExternalStore } from 'react';
-import { IconAgentPresetOutline16, IconListPenOutline16, Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
+import { IconAgentPresetOutline16, IconListPenOutline16, IconQueueOutline14, Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
 import { TeamWorkspaceRow } from "./TeamWorkspaceRow.js";
 import { TeamSidebarSection } from "./TeamSidebarSection.js";
 import { useSidebarSectionOpen, setSidebarSectionOpen } from "./sidebar-sections.js";
 import { TeamAgentsPanel } from "./TeamAgentsPanel.js";
 import { TeamChannelsPanel } from "./TeamChannelsPanel.js";
 import css from './sidebar.module.css';
-export function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWorkspace, selectChannel, t, useWorkspaces, loadMembers, subscribeChanges, addMember, loadChannels, createChannel, updateChannel, archiveChannel, updateMember, recoverMember, archiveMember, joinChannel, removeChannelMember, loadModels, openMemberSession }) {
+export function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWorkspace, selectChannel, selectInbox, t, useWorkspaces, loadMembers, loadInbox, subscribeChanges, subscribeReads, addMember, loadChannels, createChannel, updateChannel, archiveChannel, updateMember, recoverMember, archiveMember, joinChannel, removeChannelMember, loadModels, openMemberSession }) {
     const navigationState = useSyncExternalStore(navigation.subscribe, navigation.getSnapshot, navigation.getSnapshot);
     const workspaces = useWorkspaces(state => state.items);
     const selected = navigationState.workspaceId;
@@ -16,19 +16,62 @@ export function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWo
     // Exactly one sidebar row carries aria-current='page': the open Channel while
     // one is set, the selected Agent card while a Member Session view is open,
     // otherwise the browsed Workspace's overview. The selected row keeps its
-    // quiet folder tint (data-selected) in every case.
-    const overviewIsCurrent = navigationState.channelRef === undefined && navigationState.memberSessionId === undefined;
+    // quiet folder tint (data-selected) in every case. The mention-Inbox card
+    // takes the marker while the Inbox page stands.
+    const overviewIsCurrent = navigationState.channelRef === undefined && navigationState.memberSessionId === undefined && navigationState.inbox !== true;
+    const inboxIsCurrent = navigationState.inbox === true;
     const [creatingAgents, setCreatingAgents] = useState([]);
     // Rail icons request expansion and name the section to reveal once wide.
     const [pendingSection, setPendingSection] = useState();
     const channelsRef = useRef(null);
     const agentsRef = useRef(null);
     const workspacesOpen = useSidebarSectionOpen(undefined, 'workspaces');
+    // The cross-Workspace mention badge: one scope-less subscription while the
+    // Team sidebar stands; every wake re-pulls each Workspace's direct-only
+    // total (limit 1 — totals cover every row, never the list). Same-burst
+    // wakes coalesce behind a short debounce; the total is still whatever the
+    // Host's direct-only projection returns.
+    const [inboxTotal, setInboxTotal] = useState(0);
     useEffect(() => {
+        let disposed = false;
+        let scheduled;
+        const refresh = async () => {
+            const results = await Promise.all(workspaces.map(workspace => loadInbox({ workspaceId: workspace.workspaceId, directOnly: true, limit: 1 })));
+            if (disposed)
+                return;
+            setInboxTotal(results.reduce((sum, result) => result.ok ? sum + result.value.totalUnreadCount : sum, 0));
+        };
+        const schedule = () => {
+            if (scheduled !== undefined)
+                return;
+            scheduled = setTimeout(() => { scheduled = undefined; void refresh(); }, 200);
+        };
+        void refresh();
+        const unsubscribe = subscribeChanges(undefined, update => {
+            if (update.type === 'changed')
+                schedule();
+        });
+        // A durable Thread read consumes this reader's mention markers without a
+        // changes wake (reads change no shared projection), so the badge also
+        // refreshes from every completed read.
+        const unsubscribeReads = subscribeReads(schedule);
+        return () => {
+            disposed = true;
+            if (scheduled !== undefined)
+                clearTimeout(scheduled);
+            unsubscribe();
+            unsubscribeReads();
+        };
+    }, [loadInbox, subscribeChanges, subscribeReads, workspaces]);
+    useEffect(() => {
+        // The Inbox page is global and needs no selected Workspace, so the
+        // auto-select must not yank the seat back to a Workspace overview.
+        if (navigationState.inbox === true)
+            return;
         if (navigationState.mode === 'team' && selectedId !== undefined && selectedId !== selected) {
             selectWorkspace(selectedId);
         }
-    }, [navigationState.mode, selected, selectedId, selectWorkspace]);
+    }, [navigationState.inbox, navigationState.mode, selected, selectedId, selectWorkspace]);
     useEffect(() => {
         if (!wide || pendingSection === undefined)
             return;
@@ -37,7 +80,7 @@ export function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWo
         queueMicrotask(() => { node?.querySelector('button')?.focus(); });
     }, [wide, pendingSection]);
     if (!wide) {
-        return _jsxs("nav", { className: css.railWorkspace, "aria-label": t('workspaceSections'), children: [_jsx(Tooltip, { label: t('channels'), side: "right", children: _jsx("button", { type: "button", className: css.railButton, "aria-label": t('channels'), onClick: () => { setPendingSection('channels'); expandSidebar(); }, children: _jsx(IconListPenOutline16, { size: 16 }) }) }), _jsx(Tooltip, { label: t('agents'), side: "right", children: _jsx("button", { type: "button", className: css.railButton, "aria-label": t('agents'), onClick: () => { setPendingSection('agents'); expandSidebar(); }, children: _jsx(IconAgentPresetOutline16, { size: 16 }) }) })] });
+        return _jsxs("nav", { className: css.railWorkspace, "aria-label": t('workspaceSections'), children: [_jsx(Tooltip, { label: t('mentionsOfMe'), side: "right", children: _jsxs("button", { type: "button", className: css.railButton, "aria-label": inboxTotal > 0 ? t('mentionsOfMeWithCount', { count: inboxTotal }) : t('mentionsOfMe'), "aria-current": inboxIsCurrent ? 'page' : undefined, onClick: () => { selectInbox(); expandSidebar(); }, children: [_jsx(IconQueueOutline14, { size: 16 }), inboxTotal > 0 && _jsx("span", { className: css.inboxBadge, "aria-hidden": "true", children: inboxTotal > 99 ? '99+' : inboxTotal })] }) }), _jsx(Tooltip, { label: t('channels'), side: "right", children: _jsx("button", { type: "button", className: css.railButton, "aria-label": t('channels'), onClick: () => { setPendingSection('channels'); expandSidebar(); }, children: _jsx(IconListPenOutline16, { size: 16 }) }) }), _jsx(Tooltip, { label: t('agents'), side: "right", children: _jsx("button", { type: "button", className: css.railButton, "aria-label": t('agents'), onClick: () => { setPendingSection('agents'); expandSidebar(); }, children: _jsx(IconAgentPresetOutline16, { size: 16 }) }) })] });
     }
-    return _jsxs("section", { className: css.workspaceBrowser, "aria-label": t('workspaces'), children: [_jsx(TeamSidebarSection, { title: t('workspaces'), open: workspacesOpen, onToggle: open => { setSidebarSectionOpen(undefined, 'workspaces', open); }, children: _jsxs("div", { className: css.workspaceList, children: [workspaces.map(workspace => _jsx(TeamWorkspaceRow, { workspaceId: workspace.workspaceId, title: workspace.title, path: workspace.path, selected: workspace.workspaceId === selectedId, current: workspace.workspaceId === selectedId && overviewIsCurrent, onSelect: selectWorkspace }, workspace.workspaceId)), workspaces.length === 0 && _jsx("p", { className: css.emptyState, children: t('empty') })] }) }), selectedId !== undefined && _jsxs("div", { className: css.workspaceSection, children: [_jsx("div", { ref: channelsRef, children: _jsx(TeamChannelsPanel, { workspaceId: selectedId, loadMembers: loadMembers, loadChannels: loadChannels, subscribeChanges: subscribeChanges, createChannel: createChannel, updateChannel: updateChannel, archiveChannel: archiveChannel, joinChannel: joinChannel, removeChannelMember: removeChannelMember, creatingAgents: creatingAgents.filter(request => request.workspaceId === selectedId), ...(navigationState.memberSessionId !== undefined || navigationState.channelRef === undefined ? {} : { selectedChannelRef: navigationState.channelRef }), selectChannel: selectChannel, t: t }, selectedId) }), _jsx("div", { ref: agentsRef, children: _jsx(TeamAgentsPanel, { workspaceId: selectedId, loadMembers: loadMembers, subscribeChanges: subscribeChanges, addMember: addMember, updateMember: updateMember, recoverMember: recoverMember, archiveMember: archiveMember, loadModels: loadModels, ...(navigationState.memberSessionId === undefined ? {} : { memberSessionId: navigationState.memberSessionId }), openMemberSession: openMemberSession, onCreatingChange: (request, creating) => { setCreatingAgents(current => creating ? [...current.filter(item => item.requestId !== request.requestId), request] : current.filter(item => item.requestId !== request.requestId)); }, t: t }, selectedId) })] })] });
+    return _jsxs("section", { className: css.workspaceBrowser, "aria-label": t('workspaces'), children: [_jsxs("button", { type: "button", className: css.inboxCard, "aria-label": inboxTotal > 0 ? t('mentionsOfMeWithCount', { count: inboxTotal }) : t('mentionsOfMe'), "aria-current": inboxIsCurrent ? 'page' : undefined, onClick: selectInbox, children: [_jsx(IconQueueOutline14, { size: 16 }), _jsx("span", { className: css.inboxCardLabel, children: t('mentionsOfMe') }), inboxTotal > 0 && _jsx("span", { className: css.inboxBadge, "aria-hidden": "true", children: inboxTotal > 99 ? '99+' : inboxTotal })] }), _jsx(TeamSidebarSection, { title: t('workspaces'), open: workspacesOpen, onToggle: open => { setSidebarSectionOpen(undefined, 'workspaces', open); }, children: _jsxs("div", { className: css.workspaceList, children: [workspaces.map(workspace => _jsx(TeamWorkspaceRow, { workspaceId: workspace.workspaceId, title: workspace.title, path: workspace.path, selected: workspace.workspaceId === selectedId, current: workspace.workspaceId === selectedId && overviewIsCurrent, onSelect: selectWorkspace }, workspace.workspaceId)), workspaces.length === 0 && _jsx("p", { className: css.emptyState, children: t('empty') })] }) }), selectedId !== undefined && _jsxs("div", { className: css.workspaceSection, children: [_jsx("div", { ref: channelsRef, children: _jsx(TeamChannelsPanel, { workspaceId: selectedId, loadMembers: loadMembers, loadChannels: loadChannels, subscribeChanges: subscribeChanges, createChannel: createChannel, updateChannel: updateChannel, archiveChannel: archiveChannel, joinChannel: joinChannel, removeChannelMember: removeChannelMember, creatingAgents: creatingAgents.filter(request => request.workspaceId === selectedId), ...(navigationState.memberSessionId !== undefined || navigationState.channelRef === undefined ? {} : { selectedChannelRef: navigationState.channelRef }), selectChannel: selectChannel, t: t }, selectedId) }), _jsx("div", { ref: agentsRef, children: _jsx(TeamAgentsPanel, { workspaceId: selectedId, loadMembers: loadMembers, subscribeChanges: subscribeChanges, addMember: addMember, updateMember: updateMember, recoverMember: recoverMember, archiveMember: archiveMember, loadModels: loadModels, ...(navigationState.memberSessionId === undefined ? {} : { memberSessionId: navigationState.memberSessionId }), openMemberSession: openMemberSession, onCreatingChange: (request, creating) => { setCreatingAgents(current => creating ? [...current.filter(item => item.requestId !== request.requestId), request] : current.filter(item => item.requestId !== request.requestId)); }, t: t }, selectedId) })] })] });
 }

package/packages/client-agent-team/lib/types/client/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAoCnE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAK5C,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,cAAc,CAAA;AAEnD,YAAY,EAAE,QAAQ,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAC9F,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIhD,eAAO,MAAM,MAAM,UAElB,CAAA;AAED,OAAO,QAAQ,kCAAkC,CAAC;IAChD,UAAU,kBAAkB;QAC1B,IAAI,EAAE,OAAO,CAAA;KACd;CACF;AAED,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,OAAO;QACf,cAAc,EAAE,cAAc,CAAA;QAC9B,UAAU,EAAE,cAAc,CAAA;KAC3B;CACF;AA8KD,wBAAsB,KAAK,CAAC,GAAG,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAI7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAqCnE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAK5C,OAAO,EAAU,KAAK,OAAO,EAAE,MAAM,cAAc,CAAA;AAEnD,YAAY,EAAE,QAAQ,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAC9F,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAIhD,eAAO,MAAM,MAAM,UAElB,CAAA;AAED,OAAO,QAAQ,kCAAkC,CAAC;IAChD,UAAU,kBAAkB;QAC1B,IAAI,EAAE,OAAO,CAAA;KACd;CACF;AAED,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,OAAO;QACf,cAAc,EAAE,cAAc,CAAA;QAC9B,UAAU,EAAE,cAAc,CAAA;KAC3B;CACF;AA8LD,wBAAsB,KAAK,CAAC,GAAG,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAI7D"}