@wowyuarm/dsh-agent-team 0.1.10 → 0.1.12

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/TeamMemberRow.d.ts

@@ -0,0 +1,43 @@
+import type { AgentTeamClientMemberStatus } from '@wowyuarm/dsh-agent-team/types';
+import type { TeamSidebarProps } from './slots.ts';
+/** One membership action: what it says and which Member it acts on. */
+export interface TeamMemberAction {
+    readonly label: string;
+    readonly onSelect: () => void;
+    readonly disabled?: boolean;
+}
+/**
+ * The one place a Member's identity is drawn: the presence-bearing avatar plus
+ * the handle over its description. Read-only rosters, the rosters with a
+ * membership action, and the sidebar Agent list all render this, so identity,
+ * tone and truncation cannot drift between surfaces that show the same person.
+ *
+ * A fragment, not a row: each surface owns its own row element, hit target and
+ * grid, and places this identity in that grid's first two tracks. The handle
+ * spelling is the surface's call — rosters address Members the way the
+ * composer does (`@handle`), the sidebar names them as the directory does.
+ */
+export declare function TeamMemberIdentity({ status, name, className, t }: {
+    readonly status: AgentTeamClientMemberStatus;
+    /** Handle spelling for this surface; defaults to the mention form. */
+    readonly name?: string | undefined;
+    /** Surface-local copy hook (sidebar line heights, dialog density). */
+    readonly className?: string | undefined;
+    readonly t: TeamSidebarProps['t'];
+}): import("react").JSX.Element;
+/**
+ * The one roster row: identity, an optional membership action, and the row's
+ * own failure line. The action is the row's only chrome, so the eye lands on
+ * the handle first and on the action second. A read-only roster omits it and
+ * the trailing track collapses, handing its width back to the description.
+ */
+export declare function TeamMemberRow({ status, action, error, className, t }: {
+    readonly status: AgentTeamClientMemberStatus;
+    readonly action?: TeamMemberAction | undefined;
+    /** Transport failure for this row's last mutation, announced in place. */
+    readonly error?: string | undefined;
+    /** Surface-local hook (dialog, sidebar, footer) for its own row rules. */
+    readonly className?: string | undefined;
+    readonly t: TeamSidebarProps['t'];
+}): import("react").JSX.Element;
+//# sourceMappingURL=TeamMemberRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamMemberRow.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMemberRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAA;AACjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAIlD,uEAAuE;AACvE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE;IACjE,QAAQ,CAAC,MAAM,EAAE,2BAA2B,CAAA;IAC5C,sEAAsE;IACtE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,sEAAsE;IACtE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvC,QAAQ,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;CAClC,+BAQA;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE;IACrE,QAAQ,CAAC,MAAM,EAAE,2BAA2B,CAAA;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAA;IAC9C,0EAA0E;IAC1E,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,0EAA0E;IAC1E,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvC,QAAQ,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;CAClC,+BAMA"}

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '@deepseek-ai/dsh-client-ui-primitives';
+import { TeamMemberAvatar } from "./TeamMemberAvatar.js";
+import css from './member-row.module.css';
+/**
+ * The one place a Member's identity is drawn: the presence-bearing avatar plus
+ * the handle over its description. Read-only rosters, the rosters with a
+ * membership action, and the sidebar Agent list all render this, so identity,
+ * tone and truncation cannot drift between surfaces that show the same person.
+ *
+ * A fragment, not a row: each surface owns its own row element, hit target and
+ * grid, and places this identity in that grid's first two tracks. The handle
+ * spelling is the surface's call — rosters address Members the way the
+ * composer does (`@handle`), the sidebar names them as the directory does.
+ */
+export function TeamMemberIdentity({ status, name, className, t }) {
+    return _jsxs(_Fragment, { children: [_jsx(TeamMemberAvatar, { status: status, t: t }), _jsxs("span", { className: className === undefined ? css.copy : `${css.copy} ${className}`, children: [_jsx("strong", { children: name ?? `@${status.member.handle.replace(/^@/, '')}` }), _jsx("small", { children: status.member.description })] })] });
+}
+/**
+ * The one roster row: identity, an optional membership action, and the row's
+ * own failure line. The action is the row's only chrome, so the eye lands on
+ * the handle first and on the action second. A read-only roster omits it and
+ * the trailing track collapses, handing its width back to the description.
+ */
+export function TeamMemberRow({ status, action, error, className, t }) {
+    return _jsxs("div", { className: className === undefined ? css.row : `${css.row} ${className}`, "data-team-member-row": true, children: [_jsx(TeamMemberIdentity, { status: status, t: t }), action !== undefined && _jsx(Button, { size: "sm", variant: "outline", className: css.action, disabled: action.disabled === true, onClick: action.onSelect, children: action.label }), error !== undefined && _jsx("p", { className: css.error, role: "alert", children: error })] });
+}

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

@@ -1,5 +1,5 @@
-import type { TeamFooterProps } from './slots.ts';
-type TeamMembersActionProps = Pick<TeamFooterProps, 'wide' | 'loadMemberGroups' | 't'>;
+import type { TeamSettingsProps } from './slots.ts';
+type TeamMembersActionProps = Pick<TeamSettingsProps, 'wide' | 'loadMemberGroups' | 't'>;
 export declare function TeamMembersAction({ wide, loadMemberGroups, t }: TeamMembersActionProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=TeamMembersAction.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TeamMembersAction.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMembersAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAKjD,KAAK,sBAAsB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,kBAAkB,GAAG,GAAG,CAAC,CAAA;AAEtF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,EAAE,sBAAsB,+BAuDtF"}
+{"version":3,"file":"TeamMembersAction.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMembersAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAKnD,KAAK,sBAAsB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,kBAAkB,GAAG,GAAG,CAAC,CAAA;AAExF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,EAAE,sBAAsB,+BAkDtF"}

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { IconUserOutline16, Modal, Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
-import { TeamPresenceDot } from "./TeamPresenceDot.js";
+import { TeamMemberRow } from "./TeamMemberRow.js";
 import membersCss from './members.module.css';
 import css from './team.module.css';
 export function TeamMembersAction({ wide, loadMemberGroups, t }) {
@@ -28,5 +28,5 @@ export function TeamMembersAction({ wide, loadMemberGroups, t }) {
         setPanelOpen(false);
         queueMicrotask(() => { triggerRef.current?.focus(); });
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, { label: t('members'), delayMs: 500, disabled: wide, children: _jsxs("button", { ref: triggerRef, type: "button", className: wide ? css.settingsAction : `${css.settingsAction} ${css.rail}`, "aria-label": t('members'), "aria-haspopup": "dialog", onClick: openMembers, children: [_jsx(IconUserOutline16, { size: wide ? 16 : 18 }), wide && _jsx("span", { children: t('members') })] }) }), _jsx(Modal, { open: panelOpen, onClose: closeMembers, title: t('members'), closeLabel: t('close'), contentClassName: membersCss.body, children: _jsxs("div", { ref: contentRef, className: membersCss.content, tabIndex: -1, children: [loading && _jsx("p", { className: membersCss.state, role: "status", children: t('loadingAgents') }), !loading && groups.length === 0 && error === undefined && _jsx("p", { className: membersCss.state, children: t('emptyAgents') }), !loading && groups.map(group => (_jsxs("section", { className: membersCss.group, "aria-labelledby": `team-members-${group.workspaceId}`, children: [_jsx("h3", { id: `team-members-${group.workspaceId}`, children: group.workspaceTitle }), group.members.map(status => (_jsxs("div", { className: membersCss.member, children: [_jsx(TeamPresenceDot, { status: status, t: t }), _jsxs("span", { className: membersCss.copy, children: [_jsxs("strong", { children: ["@", status.member.handle] }), _jsx("small", { children: status.member.description })] })] }, status.member.memberId)))] }, group.workspaceId))), error !== undefined && _jsx("p", { className: membersCss.error, role: "alert", children: error })] }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, { label: t('members'), delayMs: 500, disabled: wide, children: _jsxs("button", { ref: triggerRef, type: "button", className: wide ? css.settingsAction : `${css.settingsAction} ${css.rail}`, "aria-label": t('members'), "aria-haspopup": "dialog", onClick: openMembers, children: [_jsx(IconUserOutline16, { size: wide ? 16 : 18 }), wide && _jsx("span", { children: t('members') })] }) }), _jsx(Modal, { open: panelOpen, onClose: closeMembers, title: t('members'), closeLabel: t('close'), contentClassName: membersCss.body, children: _jsxs("div", { ref: contentRef, className: membersCss.content, tabIndex: -1, children: [loading && _jsx("p", { className: membersCss.state, role: "status", children: t('loadingAgents') }), !loading && groups.length === 0 && error === undefined && _jsx("p", { className: membersCss.state, children: t('emptyAgents') }), !loading && groups.map(group => (_jsxs("section", { className: membersCss.group, "aria-labelledby": `team-members-${group.workspaceId}`, children: [_jsx("h3", { id: `team-members-${group.workspaceId}`, children: group.workspaceTitle }), group.members.map(status => _jsx(TeamMemberRow, { status: status, className: membersCss.member, t: t }, status.member.memberId))] }, group.workspaceId))), error !== undefined && _jsx("p", { className: membersCss.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 { 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
@@ -97,7 +104,7 @@ export function TeamMessage({ senderName, memberId, human, body, occurredAt, men
                                 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,+BAuvBxD"}

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

@@ -1,17 +1,17 @@
 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 { formatActivity, formatClaimState, formatTaskStatus, formatTaskTitle, mentionNamesOf, mentionedMemberIds, 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) {
@@ -20,6 +20,22 @@ function factKey(fact) {
 function messageFact(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();
     for (const group of groups)
@@ -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));
     };
@@ -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);
@@ -585,8 +659,12 @@ export function TeamThreadPage(props) {
             }
             if (result.value.kind === 'committed') {
                 const committed = result.value;
+                // The optimistic row chips what the Host is about to report: a
+                // hand-typed `@Handle` delivers exactly like a picked recipient, and the
+                // committed facts replace this row as soon as they arrive.
+                const optimisticMentions = [...new Set([...recipients, ...mentionedMemberIds(draft, channelMembers)])].sort();
                 setCurrentFacts(current => {
-                    const merged = mergeFacts(current, [{ kind: 'message', sequence: committed.message.sequence, message: committed.message, mentions: [...recipients].sort(), occurredAt: committed.receipt.occurredAt }]);
+                    const merged = mergeFacts(current, [{ kind: 'message', sequence: committed.message.sequence, message: committed.message, mentions: optimisticMentions, occurredAt: committed.receipt.occurredAt }]);
                     currentFactsRef.current = merged;
                     return merged;
                 });
@@ -654,7 +732,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 +742,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;AAyBlD,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,+BAoHtY"}