@wowyuarm/dsh-agent-team 0.1.14-alpha.2 → 0.1.14

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

@@ -0,0 +1,15 @@
+import type { PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots';
+import { type TeamHumanIdentityFace } from './human-identity.ts';
+export interface HumanSettingsSectionInjected {
+    /** The shared Human identity projection: profile facts plus post-write refresh. */
+    identity: TeamHumanIdentityFace;
+    /** Persist one renamed display name; the failure message when the Host refuses it. */
+    saveName: (name: string) => Promise<string | undefined>;
+    /** Upload one image file, persist its reference; the failure message when it does not stick. */
+    uploadAvatar: (file: File) => Promise<string | undefined>;
+    /** Clear the avatar; the identity falls back to the initial. */
+    removeAvatar: () => Promise<string | undefined>;
+}
+export type HumanSettingsSectionProps = PropsRuntime<'settings.section'> & PropsLocale<'team'> & HumanSettingsSectionInjected;
+export declare function HumanSettingsSection(props: HumanSettingsSectionProps): import("react").JSX.Element;
+//# sourceMappingURL=HumanSettingsSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HumanSettingsSection.d.ts","sourceRoot":"","sources":["../../../src/client/HumanSettingsSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAEjF,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAiBlF,MAAM,WAAW,4BAA4B;IAC3C,mFAAmF;IACnF,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,sFAAsF;IACtF,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACvD,gGAAgG;IAChG,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACzD,gEAAgE;IAChE,YAAY,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CAChD;AAED,MAAM,MAAM,yBAAyB,GACjC,YAAY,CAAC,kBAAkB,CAAC,GAChC,WAAW,CAAC,MAAM,CAAC,GACnB,4BAA4B,CAAA;AAsBhC,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,+BAiKpE"}

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

@@ -0,0 +1,115 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { Button, Input } from '@deepseek-ai/dsh-client-ui-primitives';
+import { useHumanIdentity } from "./human-identity.js";
+import { useAvatarImage } from "./avatar-image.js";
+import css from './human-settings.module.css';
+/**
+ * The Human's own settings page: display name, avatar, and the version
+ * footnote.
+ *
+ * The page owns no durable fact and no copy of one. Name, avatar, and version
+ * all arrive from the shared identity projection, so a save here moves the
+ * message rows and member refs at the same moment; a failed write keeps the
+ * typed name in the field and reports the Host's own reason.
+ */
+/** Host-side avatar ceiling (`ATTACHMENT_MAX_BYTES`): the settings page refuses larger files before the round trip. */
+const AVATAR_MAX_BYTES = 10 * 1024 * 1024;
+/**
+ * Run one durable write and reduce every failure to the message the page
+ * reports. A rejected Remote call (a dropped carrier, a refused write) is a
+ * failure like any other: without this the field would sit on "saving" forever
+ * and report nothing.
+ */
+async function failureOf(action) {
+    try {
+        return await action();
+    }
+    catch (error) {
+        return error instanceof Error ? error.message : String(error);
+    }
+}
+/** First visible character of a display name, or the neutral `H` before one is known. */
+function avatarInitial(name) {
+    const trimmed = (name ?? '').replace(/^@/, '').trim();
+    return trimmed === '' ? 'H' : trimmed.slice(0, 1).toUpperCase();
+}
+export function HumanSettingsSection(props) {
+    const { t, identity } = props;
+    const profile = useHumanIdentity(identity);
+    // Undefined means "follow the Host value": the field re-syncs whenever the
+    // profile changes underneath, without a background read clobbering a name
+    // the reader is still editing.
+    const [draft, setDraft] = useState(undefined);
+    const [saving, setSaving] = useState(false);
+    const [uploading, setUploading] = useState(false);
+    const [notice, setNotice] = useState(null);
+    const filePicker = useRef(null);
+    const name = draft ?? profile.name ?? '';
+    const dirty = draft !== undefined && draft.trim() !== (profile.name ?? '');
+    const emptyName = draft !== undefined && draft.trim() === '';
+    const hasAvatar = profile.avatarRef !== undefined;
+    // The circle answers to decoded bytes, not to a stored reference: the Host
+    // accepts any `image/…` payload, so a file this browser cannot read has to
+    // fall back to the initial exactly as a removed one does.
+    const avatar = useAvatarImage(profile.avatarUrl);
+    const submitName = async () => {
+        if (!dirty || emptyName || saving)
+            return;
+        setSaving(true);
+        setNotice(null);
+        const failure = await failureOf(() => props.saveName(name.trim()));
+        setSaving(false);
+        if (failure !== undefined) {
+            setNotice(t('humanSettingsNameFailed', { message: failure }));
+            return;
+        }
+        setDraft(undefined);
+    };
+    const pickAvatar = async (file) => {
+        if (file === undefined)
+            return;
+        setNotice(null);
+        if (!file.type.startsWith('image/')) {
+            setNotice(t('humanSettingsAvatarNotImage'));
+            return;
+        }
+        if (file.size > AVATAR_MAX_BYTES) {
+            setNotice(t('humanSettingsAvatarTooLarge'));
+            return;
+        }
+        setUploading(true);
+        const failure = await failureOf(() => props.uploadAvatar(file));
+        setUploading(false);
+        if (failure !== undefined)
+            setNotice(t('humanSettingsAvatarFailed', { message: failure }));
+    };
+    const removeAvatar = async () => {
+        setNotice(null);
+        const failure = await failureOf(() => props.removeAvatar());
+        if (failure !== undefined)
+            setNotice(t('humanSettingsAvatarFailed', { message: failure }));
+    };
+    // The page says what it is before it says what happened: the settings nav
+    // lists it beside the Harness's own pages, so the title alone leaves "whose
+    // profile is this, and where does it apply?" unanswered — and every state,
+    // including a failed read, has to answer it.
+    const pageHeader = _jsxs(_Fragment, { children: [_jsx("h2", { className: css.heading, children: t('humanSettingsTitle') }), _jsx("p", { className: css.intro, children: t('humanSettingsIntro') })] });
+    if (profile.status === 'loading' && profile.name === undefined) {
+        return _jsxs("div", { className: css.section, children: [pageHeader, _jsx("p", { className: css.state, role: "status", children: t('humanSettingsLoading') })] });
+    }
+    if (profile.name === undefined) {
+        return _jsxs("div", { className: css.section, children: [pageHeader, _jsx("p", { className: css.state, role: "alert", children: t('humanSettingsUnavailable', { message: profile.error ?? '' }) }), _jsx("div", { className: css.stateAction, children: _jsx(Button, { variant: "outline", onClick: () => { void identity.refresh(); }, children: t('retry') }) })] });
+    }
+    return (_jsxs("div", { className: css.section, children: [pageHeader, _jsxs("div", { className: css.rows, children: [_jsxs("div", { className: css.row, children: [_jsxs("div", { className: css.rowText, children: [_jsx("div", { className: css.title, children: t('humanSettingsName') }), _jsx("div", { className: css.desc, children: t('humanSettingsNameHint') })] }), _jsxs("form", { className: css.controls, onSubmit: (event) => {
+                                    event.preventDefault();
+                                    void submitName();
+                                }, children: [_jsx(Input, { className: css.nameInput, "aria-label": t('humanSettingsName'), "aria-invalid": emptyName || undefined, value: name, disabled: saving, onChange: (event) => { setDraft(event.target.value); } }), _jsx(Button, { type: "submit", variant: "primary", disabled: saving || !dirty || emptyName, children: saving ? t('humanSettingsSaving') : t('humanSettingsSave') })] })] }), _jsxs("div", { className: css.row, children: [_jsxs("div", { className: css.rowText, children: [_jsx("div", { className: css.title, children: t('humanSettingsAvatar') }), _jsx("div", { className: css.desc, children: t('humanSettingsAvatarHint') })] }), _jsxs("div", { className: css.controls, children: [avatar.src === undefined
+                                        ? _jsx("span", { className: `${css.identity} ${css.identityFallback}`, "data-avatar": "initial", "aria-hidden": "true", children: avatarInitial(profile.name) })
+                                        : _jsx("img", { className: `${css.identity} ${css.identityImage}`, "data-avatar": "image", src: avatar.src, alt: "", onError: avatar.failed }), _jsx("input", { ref: filePicker, type: "file", accept: "image/*", tabIndex: -1, "aria-hidden": "true", hidden: true, onChange: (event) => {
+                                            void pickAvatar(event.target.files?.[0]);
+                                            event.target.value = '';
+                                        } }), _jsx(Button, { variant: "outline", disabled: uploading, onClick: () => { filePicker.current?.click(); }, children: uploading ? t('humanSettingsUploading') : hasAvatar ? t('humanSettingsReplace') : t('humanSettingsUpload') }), hasAvatar && _jsx(Button, { disabled: uploading, onClick: () => { void removeAvatar(); }, children: t('humanSettingsRemoveAvatar') })] })] })] }), _jsxs("div", { className: css.footnote, children: [_jsx("span", { children: t('humanSettingsVersion', { version: profile.version ?? '' }) }), _jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsx("a", { className: css.link, href: profile.repoUrl ?? '', target: "_blank", rel: "noreferrer", children: "GitHub" }), profile.updateAvailable && profile.latestVersion !== undefined
+                        ? _jsx("a", { className: css.link, href: `${profile.repoUrl ?? ''}/releases`, target: "_blank", rel: "noreferrer", children: t('humanSettingsUpdateAvailable', { version: profile.latestVersion }) })
+                        : null] }), emptyName && _jsx("p", { className: css.notice, children: t('humanSettingsNameEmpty') }), notice === null ? null : _jsx("p", { className: css.notice, role: "alert", children: notice })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"TeamAgentsPanel.d.ts","sourceRoot":"","sources":["../../../src/client/TeamAgentsPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EACzB,2BAA2B,EAE5B,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAA;AAEnF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAclD,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAA;IACrD,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAA;IAC/D,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;IACjD,QAAQ,CAAC,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAA;IACvD,QAAQ,CAAC,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IACzD,QAAQ,CAAC,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IACzD,QAAQ,CAAC,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IACzD,QAAQ,CAAC,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;IAC3D,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IACnD,8EAA8E;IAC9E,QAAQ,CAAC,eAAe,CAAC,EAAE,2BAA2B,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAA;IAC7E,QAAQ,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,CAAA;IACjE,QAAQ,CAAC,gBAAgB,EAAE,CAAC,OAAO,EAAE,yBAAyB,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1F,QAAQ,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;CAClC;AAED,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC,EAAE,EAAE,oBAAoB,+BA2O9P"}
+{"version":3,"file":"TeamAgentsPanel.d.ts","sourceRoot":"","sources":["../../../src/client/TeamAgentsPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,yBAAyB,EACzB,2BAA2B,EAE5B,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAA;AAEnF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAclD,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAA;IACrD,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAA;IAC/D,QAAQ,CAAC,SAAS,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;IACjD,QAAQ,CAAC,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAA;IACvD,QAAQ,CAAC,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IACzD,QAAQ,CAAC,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IACzD,QAAQ,CAAC,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IACzD,QAAQ,CAAC,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;IAC3D,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IACnD,8EAA8E;IAC9E,QAAQ,CAAC,eAAe,CAAC,EAAE,2BAA2B,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAA;IAC7E,QAAQ,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,CAAA;IACjE,QAAQ,CAAC,gBAAgB,EAAE,CAAC,OAAO,EAAE,yBAAyB,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1F,QAAQ,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;CAClC;AAED,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,eAAe,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC,EAAE,EAAE,oBAAoB,+BA+O9P"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Button, IconArchiveOutlineRegular, IconEditOutlineRegular, IconPlayOutlineRegular, IconPlusOutlineRegular, IconRefreshOutlineRegular, Input, Modal, Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
+import { Button, IconArchiveOutline20, IconEditOutline16, IconPlayOutline16, IconPlusOutline16, IconRefreshOutline16, Input, Modal, Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
 import { TeamMemberIdentity } from "./TeamMemberRow.js";
 import { SortableRow, useSidebarRowDrag } from "./sidebar-drag.js";
 import { moveSidebarItem, useSidebarOrder } from "./sidebar-order.js";
@@ -9,7 +9,7 @@ import { mintRequestId } from "./requests.js";
 import { diagnosticText, restartOffered } from "./TeamPresenceDot.js";
 import { TeamRowMenu } from "./TeamRowMenu.js";
 import { TeamSidebarSection } from "./TeamSidebarSection.js";
-import { AgentEditorDialog, ModelPickerField, sameModel } from "./TeamMemberEditor.js";
+import { AgentEditorDialog, ModelPickerField, sameModel, warmModelCatalog } from "./TeamMemberEditor.js";
 import { TeamAgentImport } from "./TeamAgentImport.js";
 import createCss from './create.module.css';
 import css from './sidebar.module.css';
@@ -112,6 +112,10 @@ export function TeamAgentsPanel({ workspaceId, loadMembers, subscribeChanges, ad
         setLoading(false);
     }, [loadMembers, workspaceId, followRollover]);
     useEffect(() => { void refresh(); }, [refresh]);
+    // Warm the Host model catalog while the roster loads, so the create and
+    // edit pickers open with rows instead of paying the first read on open.
+    // Mount-scoped (not per refresh): presence wakes must not refetch it.
+    useEffect(() => { warmModelCatalog(loadModels); }, [loadModels]);
     useEffect(() => subscribeChanges({ kind: 'workspace', workspaceId }, update => {
         if (update.type === 'failed') {
             setError(update.message);
@@ -144,7 +148,7 @@ export function TeamAgentsPanel({ workspaceId, loadMembers, subscribeChanges, ad
         try {
             const result = await addMember(request);
             if (result.ok) {
-                const committed = { ...result.value.status, workspaceIds: [result.value.status.member.workspaceId] };
+                const committed = { ...result.value.status, workspaceIds: result.value.workspaceIds };
                 setMembers(current => {
                     const retained = current.filter(status => status.member.memberId !== committed.member.memberId);
                     return committed.member.state === 'inactive' || committed.member.state === 'archived' ? retained : [...retained, committed];
@@ -196,7 +200,7 @@ export function TeamAgentsPanel({ workspaceId, loadMembers, subscribeChanges, ad
             ...(model === undefined ? {} : { model }),
         });
     };
-    return (_jsxs("div", { className: css.panel, children: [_jsxs(Modal, { open: formOpen, onClose: closeForm, title: t('addAgent'), closeLabel: t('close'), contentClassName: createCss.dialogContent, footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: creating, onClick: closeForm, children: t('cancel') }), !importing && _jsx(Button, { type: "submit", form: "team-agent-create-form", variant: "primary", disabled: creating || handle.trim().length === 0, children: creating ? t('creatingAgent') : t('createAgent') })] }), children: [_jsx(Button, { className: createCss.modeSwitch, variant: "outline", disabled: creating, "aria-expanded": importing, onClick: () => { setImporting(value => !value); setError(undefined); }, children: importing ? t('createAgent') : t('importAgentTitle') }), formOpen && importing ? _jsx(TeamAgentImport, { workspaceId: workspaceId, loadMembers: loadMembers, joinWorkspace: joinWorkspace, onPending: setCreating, onJoined: async () => { await refresh(); setFormOpen(false); queueMicrotask(() => { triggerRef.current?.focus(); }); }, t: t }) : _jsxs("form", { id: "team-agent-create-form", className: createCss.form, onSubmit: submit, 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); setRetryRequest(undefined); }, disabled: creating, 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); setRetryRequest(undefined); }, disabled: creating })] }), _jsx(ModelPickerField, { model: model, onModelChange: choice => { setModel(choice); setRetryRequest(undefined); }, loadModels: loadModels, disabled: creating, t: t }), formOpen && error !== undefined && _jsx("p", { className: createCss.error, role: "alert", children: error })] })] }), _jsxs(TeamSidebarSection, { title: t('agents'), open: sectionOpen, onToggle: open => { setSidebarSectionOpen(workspaceId, 'agents', open); }, actions: (_jsx(Tooltip, { label: t('addAgent'), delayMs: 500, children: _jsx("button", { ref: triggerRef, type: "button", className: css.iconButton, "aria-label": t('addAgent'), onClick: () => { setError(undefined); setImporting(false); setFormOpen(true); }, children: _jsx(IconPlusOutlineRegular, { size: 14 }) }) })), children: [loading && members.length === 0 && _jsx("p", { className: css.emptyState, children: t('loadingAgents') }), !loading && error === undefined && members.length === 0 && _jsx("p", { className: css.emptyState, children: t('emptyAgents') }), _jsx("div", { className: css.agentList, children: orderedMembers.map(status => (_jsx(SortableRow, { drag: drag, orderKey: status.member.memberId, children: _jsx(AgentRow, { workspaceId: workspaceId, leaveWorkspace: leaveWorkspace, status: status, ...(memberSessionId === undefined ? {} : { current: status.member.sessionId === memberSessionId }), updateMember: updateMember, recoverMember: recoverMember, archiveMember: archiveMember, loadModels: loadModels, openMemberSession: openMemberSession, onUpdated: refresh, t: t }) }, status.member.memberId))) })] }), !formOpen && error !== undefined && (_jsxs("div", { className: css.retryError, role: "alert", children: [_jsx("span", { children: error }), retryRequest !== undefined && _jsx("button", { type: "button", className: css.textButton, disabled: creating, onClick: () => { setFormOpen(true); }, children: t('retry') })] }))] }));
+    return (_jsxs("div", { className: css.panel, children: [_jsxs(Modal, { open: formOpen, onClose: closeForm, title: t('addAgent'), closeLabel: t('close'), contentClassName: createCss.dialogContent, footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: creating, onClick: closeForm, children: t('cancel') }), !importing && _jsx(Button, { type: "submit", form: "team-agent-create-form", variant: "primary", disabled: creating || handle.trim().length === 0, children: creating ? t('creatingAgent') : t('createAgent') })] }), children: [_jsx(Button, { className: createCss.modeSwitch, variant: "outline", disabled: creating, "aria-expanded": importing, onClick: () => { setImporting(value => !value); setError(undefined); }, children: importing ? t('createAgent') : t('importAgentTitle') }), formOpen && importing ? _jsx(TeamAgentImport, { workspaceId: workspaceId, loadMembers: loadMembers, joinWorkspace: joinWorkspace, onPending: setCreating, onJoined: async () => { await refresh(); setFormOpen(false); queueMicrotask(() => { triggerRef.current?.focus(); }); }, t: t }) : _jsxs("form", { id: "team-agent-create-form", className: createCss.form, onSubmit: submit, 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); setRetryRequest(undefined); }, disabled: creating, 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); setRetryRequest(undefined); }, disabled: creating })] }), _jsx(ModelPickerField, { model: model, onModelChange: choice => { setModel(choice); setRetryRequest(undefined); }, loadModels: loadModels, disabled: creating, t: t }), formOpen && error !== undefined && _jsx("p", { className: createCss.error, role: "alert", children: error })] })] }), _jsxs(TeamSidebarSection, { title: t('agents'), open: sectionOpen, onToggle: open => { setSidebarSectionOpen(workspaceId, 'agents', open); }, actions: (_jsx(Tooltip, { label: t('addAgent'), delayMs: 500, children: _jsx("button", { ref: triggerRef, type: "button", className: css.iconButton, "aria-label": t('addAgent'), onClick: () => { setError(undefined); setImporting(false); setFormOpen(true); }, children: _jsx(IconPlusOutline16, { size: 14 }) }) })), children: [loading && members.length === 0 && _jsx("p", { className: css.emptyState, children: t('loadingAgents') }), !loading && error === undefined && members.length === 0 && _jsx("p", { className: css.emptyState, children: t('emptyAgents') }), _jsx("div", { className: css.agentList, children: orderedMembers.map(status => (_jsx(SortableRow, { drag: drag, orderKey: status.member.memberId, children: _jsx(AgentRow, { workspaceId: workspaceId, leaveWorkspace: leaveWorkspace, status: status, ...(memberSessionId === undefined ? {} : { current: status.member.sessionId === memberSessionId }), updateMember: updateMember, recoverMember: recoverMember, archiveMember: archiveMember, loadModels: loadModels, openMemberSession: openMemberSession, onUpdated: refresh, t: t }) }, status.member.memberId))) })] }), !formOpen && error !== undefined && (_jsxs("div", { className: css.retryError, role: "alert", children: [_jsx("span", { children: error }), retryRequest !== undefined && _jsx("button", { type: "button", className: css.textButton, disabled: creating, onClick: () => { setFormOpen(true); }, children: t('retry') })] }))] }));
 }
 /**
  * One sidebar Agent row: the select button opens the Member's own Session
@@ -267,10 +271,10 @@ function AgentRow({ workspaceId, leaveWorkspace, status, current, updateMember,
         }
     };
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: css.agentRow, "data-agent-row": true, "data-menu-open": menuOpen || undefined, children: [_jsx("button", { type: "button", className: css.agentSelect, "aria-label": t('openAgentSession', { name: status.member.handle }), "aria-current": current ? 'page' : undefined, disabled: status.availability !== 'active', onClick: () => { openMemberSession(status.member.sessionId); }, children: _jsx(TeamMemberIdentity, { status: status, name: status.member.handle.replace(/^@/, ''), className: css.agentCopy, t: t }) }), _jsx("span", { className: css.rowMenu, children: _jsx(TeamRowMenu, { label: t('actionsAgent', { name: status.member.handle }), items: [
-                                { id: 'edit', label: t('editAgent'), icon: _jsx(IconEditOutlineRegular, {}) },
-                                ...(status.presence === 'error' ? [{ id: 'resume', label: t('resumeAgent'), icon: _jsx(IconPlayOutlineRegular, {}) }] : []),
-                                ...(status.availability === 'unavailable' && restartOffered(status) ? [{ id: 'restart', label: t('restartAgent'), icon: _jsx(IconRefreshOutlineRegular, {}) }] : []),
-                                { id: 'archive', label: t(withdrawing ? 'withdrawAgent' : 'archiveAgent'), icon: _jsx(IconArchiveOutlineRegular, { size: 16 }), danger: true },
+                                { id: 'edit', label: t('editAgent'), icon: _jsx(IconEditOutline16, {}) },
+                                ...(status.presence === 'error' ? [{ id: 'resume', label: t('resumeAgent'), icon: _jsx(IconPlayOutline16, {}) }] : []),
+                                ...(status.availability === 'unavailable' && restartOffered(status) ? [{ id: 'restart', label: t('restartAgent'), icon: _jsx(IconRefreshOutline16, {}) }] : []),
+                                { id: 'archive', label: t(withdrawing ? 'withdrawAgent' : 'archiveAgent'), icon: _jsx(IconArchiveOutline20, { size: 16 }), danger: true },
                             ], onSelect: (id) => {
                                 if (id === 'edit')
                                     setEditing(true);

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

@@ -5,14 +5,35 @@ export interface TeamAvatarOwner {
     /** Public handle, or the raw Member id when the roster no longer names them. */
     readonly name: string;
 }
+/**
+ * The reader's own identity, as the Client's one Human projection holds it.
+ *
+ * The stack draws every owner from the shared Member language — hue plus
+ * initial — which is the whole identity an Agent has. The Human is the one
+ * Member with a picture, so that one chip draws the picture and falls back to
+ * this name's initial, exactly as the timeline already does.
+ */
+export interface TeamAvatarHuman {
+    readonly memberId: AgentTeamMemberId;
+    readonly name: string;
+    readonly avatarUrl?: string | undefined;
+}
+/**
+ * Owners as a seat names them: the Client's Human identity outranks the name
+ * the Host projected for that actor, so a rename moves label and initial
+ * together in every seat that draws the stack.
+ */
+export declare function namedAvatarOwners(owners: readonly TeamAvatarOwner[], human: TeamAvatarHuman | undefined): readonly TeamAvatarOwner[];
 /**
  * The compact "who is on this work" stack: overlapping 18px Member circles in
  * the shared identity language, capped at three plus a `+N` chip. The circles
  * are presentational, so the stack is one `role="img"` whose label carries the
  * whole roster — three anonymous initials would read as noise.
  */
-export declare function TeamAvatarStack({ owners, label }: {
+export declare function TeamAvatarStack({ owners, label, human }: {
     readonly owners: readonly TeamAvatarOwner[];
     readonly label: string;
+    /** The reader's own identity; one owner matching it draws the Human's picture. */
+    readonly human?: TeamAvatarHuman | undefined;
 }): import("react").JSX.Element | null;
 //# sourceMappingURL=TeamAvatarStack.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TeamAvatarStack.d.ts","sourceRoot":"","sources":["../../../src/client/TeamAvatarStack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAOvE,qFAAqF;AACrF,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,gFAAgF;IAChF,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;IACjD,QAAQ,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAA;IAC3C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,sCAQA"}
+{"version":3,"file":"TeamAvatarStack.d.ts","sourceRoot":"","sources":["../../../src/client/TeamAvatarStack.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAQvE,qFAAqF;AACrF,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,gFAAgF;IAChF,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,QAAQ,EAAE,iBAAiB,CAAA;IACpC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACxC;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,EAAE,KAAK,EAAE,eAAe,GAAG,SAAS,GAAG,SAAS,eAAe,EAAE,CAGpI;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IACxD,QAAQ,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAA;IAC3C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,kFAAkF;IAClF,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;CAC7C,sCAQA"}

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

@@ -1,20 +1,43 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAvatarImage } from "./avatar-image.js";
 import { memberHue } from "./team-formatters.js";
 import css from './avatar-stack.module.css';
 /** Distinct owners past this count collapse into one `+N` chip. */
 const MAX_VISIBLE = 3;
+/**
+ * Owners as a seat names them: the Client's Human identity outranks the name
+ * the Host projected for that actor, so a rename moves label and initial
+ * together in every seat that draws the stack.
+ */
+export function namedAvatarOwners(owners, human) {
+    if (human === undefined)
+        return owners;
+    return owners.map(owner => owner.memberId === human.memberId ? { memberId: owner.memberId, name: human.name } : owner);
+}
 /**
  * The compact "who is on this work" stack: overlapping 18px Member circles in
  * the shared identity language, capped at three plus a `+N` chip. The circles
  * are presentational, so the stack is one `role="img"` whose label carries the
  * whole roster — three anonymous initials would read as noise.
  */
-export function TeamAvatarStack({ owners, label }) {
+export function TeamAvatarStack({ owners, label, human }) {
     if (owners.length === 0)
         return null;
     const shown = owners.slice(0, MAX_VISIBLE);
     const overflow = owners.length - shown.length;
-    return _jsxs("span", { className: css.stack, role: "img", "aria-label": label, children: [shown.map(owner => _jsx("span", { className: css.avatar, style: { '--team-avatar-hue': memberHue(owner.memberId) }, children: initial(owner.name) }, owner.memberId)), overflow > 0 && _jsx("span", { className: css.overflow, children: `+${overflow}` })] });
+    return _jsxs("span", { className: css.stack, role: "img", "aria-label": label, children: [shown.map(owner => _jsx(OwnerAvatar, { owner: owner, human: human }, owner.memberId)), overflow > 0 && _jsx("span", { className: css.overflow, children: `+${overflow}` })] });
+}
+/**
+ * One circle. Only an owner the seat identifies as the Human consults an image
+ * at all, and those bytes keep the initial whenever they do not decode — the
+ * same promise, and the same hook, the timeline avatar makes.
+ */
+function OwnerAvatar({ owner, human }) {
+    const image = useAvatarImage(human !== undefined && owner.memberId === human.memberId ? human.avatarUrl : undefined);
+    const hue = { '--team-avatar-hue': memberHue(owner.memberId) };
+    if (image.src === undefined)
+        return _jsx("span", { className: css.avatar, style: hue, children: initial(owner.name) });
+    return _jsx("img", { className: css.avatarImage, style: hue, src: image.src, alt: "", "aria-hidden": "true", onError: image.failed });
 }
 /** First visible character of a handle — and of a raw Member id when that is all there is. */
 function initial(name) {

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

@@ -5,6 +5,9 @@ import type { TeamDraftStore } from './drafts.ts';
 interface TeamChannelPageProps {
     readonly workspaceId: WorkspaceId;
     readonly channelRef: AgentTeamChannelRef;
+    /** The Human's own display name and avatar, from the shared identity projection. */
+    readonly humanName: string;
+    readonly humanAvatarUrl?: string | undefined;
     readonly loadChannels: TeamConversationProps['loadChannels'];
     readonly subscribeChanges: TeamConversationProps['subscribeChanges'];
     readonly loadMembers: TeamConversationProps['loadMembers'];
@@ -19,9 +22,11 @@ interface TeamChannelPageProps {
     readonly selectThread: TeamConversationProps['selectThread'];
     readonly selectChannel: TeamConversationProps['selectChannel'];
     readonly resolveTaskRefs: TeamConversationProps['resolveTaskRefs'];
+    readonly resolveThreadRefs: TeamConversationProps['resolveThreadRefs'];
+    readonly openMemberSession: TeamConversationProps['openMemberSession'];
     readonly backToChannels: TeamConversationProps['backToChannels'];
     readonly t: TeamConversationProps['t'];
 }
-export declare function TeamChannelPage({ workspaceId, channelRef, loadChannels, subscribeChanges, loadMembers, loadInbox, drafts, putAttachment, getAttachment, sendMessage, joinChannel, removeChannelMember, selectThread, selectChannel, backToChannels, resolveTaskRefs, t }: TeamChannelPageProps): import("react").JSX.Element;
+export declare function TeamChannelPage({ workspaceId, channelRef, humanName, humanAvatarUrl, loadChannels, subscribeChanges, loadMembers, loadInbox, drafts, putAttachment, getAttachment, sendMessage, joinChannel, removeChannelMember, selectThread, selectChannel, backToChannels, resolveTaskRefs, resolveThreadRefs, openMemberSession, t }: TeamChannelPageProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=TeamChannelPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TeamChannelPage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamChannelPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA+B,mBAAmB,EAE7D,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAA;AAEnF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAEvD,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAA;AAiB/D,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,UAAU,EAAE,mBAAmB,CAAA;IACxC,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAA;IACpE,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,iGAAiG;IACjG,QAAQ,CAAC,SAAS,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;IACtD,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,QAAQ,CAAC,mBAAmB,EAAE,qBAAqB,CAAC,qBAAqB,CAAC,CAAA;IAC1E,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAClE,QAAQ,CAAC,cAAc,EAAE,qBAAqB,CAAC,gBAAgB,CAAC,CAAA;IAChE,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC;AAoCD,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,oBAAoB,+BAgX9R"}
+{"version":3,"file":"TeamChannelPage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamChannelPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA+B,mBAAmB,EAE7D,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAA;AAEnF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAEvD,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAA;AAmB/D,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,UAAU,EAAE,mBAAmB,CAAA;IACxC,oFAAoF;IACpF,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5C,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAA;IACpE,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,iGAAiG;IACjG,QAAQ,CAAC,SAAS,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;IACtD,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,QAAQ,CAAC,mBAAmB,EAAE,qBAAqB,CAAC,qBAAqB,CAAC,CAAA;IAC1E,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAClE,QAAQ,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;IACtE,QAAQ,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;IACtE,QAAQ,CAAC,cAAc,EAAE,qBAAqB,CAAC,gBAAgB,CAAC,CAAA;IAChE,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC;AAkDD,wBAAgB,eAAe,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC,EAAE,EAAE,oBAAoB,+BA4Y/V"}

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

@@ -1,18 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useCallback, useEffect, useRef, useState } from 'react';
-import { Button, IconChevronLeftOutlineRegular, IconChevronRightOutlineRegular, Modal } from '@deepseek-ai/dsh-client-ui-primitives';
+import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Button, IconChevronLeftOutline14, IconChevronRightOutline14, Modal } from '@deepseek-ai/dsh-client-ui-primitives';
 import { mintRequestId, uploadComposerFiles } from "./requests.js";
 import { TeamComposer } from "./TeamComposer.js";
 import { TeamMemberRow } from "./TeamMemberRow.js";
 import { TeamMessage } from "./TeamMessage.js";
-import { TeamAvatarStack } from "./TeamAvatarStack.js";
+import { namedAvatarOwners, TeamAvatarStack } from "./TeamAvatarStack.js";
 import { TeamCountBadge } from "./TeamCountBadge.js";
 import { TeamRunDivider } from "./TeamRunDivider.js";
 import { claimersLabel, formatAbsoluteTime, formatInboxTime, formatTaskStatus, taskStatusDot, mentionNamesOf } from "./team-formatters.js";
 import { TeamStateDot } from "./TeamStateDot.js";
 import { useChannelMembership } from "./team-membership.js";
 import { useTimelineScroll } from "./timeline-scroll.js";
-import { hostTaskRefLookup, jumpToTaskThread } from "./task-refs.js";
+import { hostTaskRefLookup, jumpToTaskThread } from "./refs.js";
+import { hostThreadRefLookup, jumpToThread } from "./refs.js";
+import { rosterChannelName, rosterMember } from "./refs.js";
 import { chunkRunsWithDays, isRunGap } from "./team-separators.js";
 import channelCss from './channel.module.css';
 import css from './conversation.module.css';
@@ -44,11 +46,24 @@ function followUpAt(item) {
     const lastActivityAt = item.lastActivityAt;
     return lastActivityAt === undefined || lastActivityAt === item.message.occurredAt ? undefined : lastActivityAt;
 }
+/**
+ * What the door prints about follow-up activity, or nothing. A resolved Task
+ * stops printing it: the status word beside the door already says nothing is
+ * moving, and the instant it would print is the moment it resolved — repeated
+ * on every finished row. The precise instant stays on the control's title, one
+ * hover away. A taskless Thread never resolves, so a discussion keeps the
+ * recency that is the whole of its state line: it wears no status word, dot, or
+ * owner stack.
+ */
+function printedActivityAt(item) {
+    const status = item.task?.status;
+    return status === 'done' || status === 'closed' ? undefined : followUpAt(item);
+}
 /** Host unread per Thread, keyed for the feed's rows: zero unread is the absence of a badge, not a row. */
 function unreadCounts(inbox) {
     return new Map(inbox.items.filter(item => item.unreadCount > 0).map(item => [item.thread.threadRef, item.unreadCount]));
 }
-export function TeamChannelPage({ workspaceId, channelRef, loadChannels, subscribeChanges, loadMembers, loadInbox, drafts, putAttachment, getAttachment, sendMessage, joinChannel, removeChannelMember, selectThread, selectChannel, backToChannels, resolveTaskRefs, t }) {
+export function TeamChannelPage({ workspaceId, channelRef, humanName, humanAvatarUrl, loadChannels, subscribeChanges, loadMembers, loadInbox, drafts, putAttachment, getAttachment, sendMessage, joinChannel, removeChannelMember, selectThread, selectChannel, backToChannels, resolveTaskRefs, resolveThreadRefs, openMemberSession, t }) {
     const [view, setView] = useState();
     const [members, setMembers] = useState([]);
     const [unreadByThread, setUnreadByThread] = useState(new Map());
@@ -76,8 +91,10 @@ export function TeamChannelPage({ workspaceId, channelRef, loadChannels, subscri
     const refreshSequenceRef = useRef(0);
     const channelLastItem = view?.items[view.items.length - 1];
     // Branded-ref navigation for message bodies: channel refs hop directly,
-    // task refs resolve against this Channel's loaded timeline and degrade to a
-    // no-op when the target is not reachable from here.
+    // task and thread refs resolve against this Channel's loaded timeline and
+    // fall back to the Host resolver, which also accepts abbreviated spellings.
+    // Unresolvable refs never become links (see TeamMessage), so this path only
+    // fires for refs the Host already confirmed.
     const openRef = (ref) => {
         if (ref.startsWith('channel:')) {
             if (ref !== channelRef)
@@ -90,18 +107,9 @@ export function TeamChannelPage({ workspaceId, channelRef, loadChannels, subscri
                 selectThread(match.thread.threadRef, channelRef, match.task?.taskRef, match.taskNumber);
                 return;
             }
-            // A ref may point outside the currently loaded Channel window. Ask the
-            // Host for the bounded Thread view so it can provide the home Channel.
-            void loadChannels({ workspaceId, threadRef: ref, includeActivities: false, limit: 1 }).then(result => {
-                if (!result.ok)
-                    return;
-                const target = result.value.items[0];
-                if (target !== undefined) {
-                    const targetChannel = result.value.channels.find(channel => channel.channelRef === target.message.channelRef);
-                    if (targetChannel !== undefined)
-                        selectThread(target.thread.threadRef, targetChannel.channelRef, target.task?.taskRef, target.taskNumber);
-                }
-            });
+            // Not in the loaded timeline (or cited by abbreviation): resolve through
+            // the Host and jump to the Thread's home Channel.
+            jumpToThread(resolveThreadRefs, workspaceId, ref, selectThread);
             return;
         }
         if (ref.startsWith('task:')) {
@@ -116,6 +124,33 @@ export function TeamChannelPage({ workspaceId, channelRef, loadChannels, subscri
         }
     };
     const lookupTaskRefs = hostTaskRefLookup(resolveTaskRefs, workspaceId);
+    const lookupThreadRefs = hostThreadRefLookup(resolveThreadRefs, workspaceId);
+    // Roster chips resolve synchronously from loaded data: channel names from
+    // the loaded feed windows, member facts from the member list. Anything
+    // outside stays plain text — the same rule unresolvable refs follow. The
+    // lookups key on roster content, not array identity: every refresh hands
+    // over fresh arrays, and the memoized rows must survive change bursts that
+    // leave the roster itself untouched.
+    const rosterKey = useMemo(() => [
+        (view?.channels ?? []).map(channel => `${channel.channelRef}=${channel.name}=${channel.state}`).join(','),
+        members.map(status => `${status.member.memberId}=${status.member.handle}=${status.member.sessionId}=${status.availability}`).join(','),
+        view?.humanMemberId ?? '',
+    ].join(';'), [view, members]);
+    const channelNameOf = useMemo(() => {
+        const channels = view?.channels ?? [];
+        return (ref) => rosterChannelName(channels, ref);
+    }, [rosterKey]);
+    const memberOf = useMemo(() => {
+        const humanMemberId = view?.humanMemberId;
+        return (ref) => rosterMember(members, humanMemberId, humanName, ref);
+    }, [rosterKey, humanName]);
+    // The Thread entry row's owner stack speaks the same grammar as the Inbox
+    // row's, Human included: the Host names which actor is the reader, the
+    // Client's identity projection says what that actor looks like.
+    const humanMemberId = view?.humanMemberId;
+    const humanIdentity = humanMemberId === undefined
+        ? undefined
+        : { memberId: humanMemberId, name: humanName, ...(humanAvatarUrl === undefined ? {} : { avatarUrl: humanAvatarUrl }) };
     const timeline = useTimelineScroll(`${view?.items.length ?? 0}:${channelLastItem?.message.messageRef ?? ''}`);
     const channel = view?.channels.find(item => item.channelRef === channelRef);
     const channelMemberIds = new Set(view?.members.filter(item => item.channelRef === channelRef).map(item => item.memberId) ?? []);
@@ -346,7 +381,7 @@ export function TeamChannelPage({ workspaceId, channelRef, loadChannels, subscri
             setPending(false);
         }
     };
-    return _jsxs("main", { className: css.surface, "data-team-channel": channelRef, children: [_jsxs("div", { className: css.surfaceHeader, children: [_jsx("div", { className: css.backRow, children: _jsx(Button, { size: "sm", icon: _jsx(IconChevronLeftOutlineRegular, {}), onClick: backToChannels, children: t('backToChannels') }) }), _jsxs("header", { className: css.headerRow, children: [_jsxs("div", { className: css.headerCopy, children: [_jsx("h1", { children: channel === undefined ? '# …' : `# ${channel.name}` }), channel !== undefined && _jsx("p", { children: channel.description }), channel !== undefined && _jsxs("div", { className: channelCss.headerMeta, children: [_jsx("span", { children: t('memberCount', { count: channelMembers.length }) }), _jsx("span", { children: t('onlineCount', { count: onlineCount }) })] })] }), channel !== undefined && _jsx("span", { ref: manageTriggerRef, children: _jsx(Button, { size: "sm", variant: "outline", "aria-haspopup": "dialog", onClick: () => { setManagingMembers(true); }, children: t('manageMembers') }) })] })] }), _jsx(Modal, { open: managingMembers, onClose: closeMembers, title: t('channelMembers'), ...(channel === undefined ? {} : { description: `# ${channel.name} · ${t('memberCount', { count: channelMembers.length })}` }), closeLabel: t('close'), contentClassName: channelCss.modalBody, children: _jsx("div", { ref: memberListRef, className: channelCss.memberList, children: members.filter(status => status.member.state !== 'inactive' && status.member.state !== 'archived').map(status => {
+    return _jsxs("main", { className: css.surface, "data-team-channel": channelRef, children: [_jsxs("div", { className: css.surfaceHeader, children: [_jsx("div", { className: css.backRow, children: _jsx(Button, { size: "sm", icon: _jsx(IconChevronLeftOutline14, {}), onClick: backToChannels, children: t('backToChannels') }) }), _jsxs("header", { className: css.headerRow, children: [_jsxs("div", { className: css.headerCopy, children: [_jsx("h1", { children: channel === undefined ? '# …' : `# ${channel.name}` }), channel !== undefined && _jsx("p", { children: channel.description }), channel !== undefined && _jsxs("div", { className: channelCss.headerMeta, children: [_jsx("span", { children: t('memberCount', { count: channelMembers.length }) }), _jsx("span", { children: t('onlineCount', { count: onlineCount }) })] })] }), channel !== undefined && _jsx("span", { ref: manageTriggerRef, children: _jsx(Button, { size: "sm", variant: "outline", "aria-haspopup": "dialog", onClick: () => { setManagingMembers(true); }, children: t('manageMembers') }) })] })] }), _jsx(Modal, { open: managingMembers, onClose: closeMembers, title: t('channelMembers'), ...(channel === undefined ? {} : { description: `# ${channel.name} · ${t('memberCount', { count: channelMembers.length })}` }), closeLabel: t('close'), contentClassName: channelCss.modalBody, children: _jsx("div", { ref: memberListRef, className: channelCss.memberList, children: members.filter(status => status.member.state !== 'inactive' && status.member.state !== 'archived').map(status => {
                         const joined = channelMemberIds.has(status.member.memberId);
                         const rowPending = membership.pending.has(status.member.memberId);
                         // Joining needs an active Member — the Host refuses any other
@@ -364,7 +399,7 @@ export function TeamChannelPage({ workspaceId, channelRef, loadChannels, subscri
                             : _jsx("div", { className: css.messageRun, children: block.items.map((item, index) => {
                                     const senderStatus = members.find(member => member.member.memberId === item.message.sender);
                                     const human = item.message.sender === view.humanMemberId;
-                                    const sender = human ? t('human') : senderStatus?.member.handle ?? item.message.sender;
+                                    const sender = human ? humanName : senderStatus?.member.handle ?? item.message.sender;
                                     const turnGap = isRunGap(index > 0 ? block.items[index - 1].message.occurredAt : undefined, item.message.occurredAt);
                                     const task = item.task;
                                     // The entry's own line is the gate under the body, and its state
@@ -373,7 +408,7 @@ export function TeamChannelPage({ workspaceId, channelRef, loadChannels, subscri
                                     // of it — the Thread page owns that surface.
                                     const unread = unreadByThread.get(item.thread.threadRef) ?? 0;
                                     // A turn divider already labels the gapped entry; its row stays chrome-free.
-                                    return _jsxs(Fragment, { children: [turnGap && _jsx(TeamRunDivider, { occurredAt: item.message.occurredAt }), _jsx(TeamMessage, { senderName: sender, memberId: item.message.sender, human: human, body: item.message.body, attachments: item.message.attachments, loadAttachment: getAttachment, t: t, occurredAt: item.message.occurredAt, mentionNames: mentionNamesOf(item.mentions, handleByMember), onOpenRef: openRef, onResolveTaskRefs: lookupTaskRefs, grouped: index > 0, showGroupedTime: item.message.topLevel === true && !turnGap, ...(senderStatus === undefined ? {} : { senderTitle: senderStatus.member.description }), children: item.message.topLevel && _jsx(ThreadEntryRow, { item: item, owners: item.claimOwners, unread: unread, t: t, onOpen: () => { selectThread(item.thread.threadRef, channelRef, task?.taskRef, item.taskNumber); } }) })] }, item.message.messageRef);
+                                    return _jsxs(Fragment, { children: [turnGap && _jsx(TeamRunDivider, { occurredAt: item.message.occurredAt }), _jsx(TeamMessage, { senderName: sender, memberId: item.message.sender, human: human, ...(humanAvatarUrl === undefined ? {} : { avatarUrl: humanAvatarUrl }), body: item.message.body, attachments: item.message.attachments, loadAttachment: getAttachment, t: t, occurredAt: item.message.occurredAt, mentionNames: mentionNamesOf(item.mentions, handleByMember, humanName), onOpenRef: openRef, onResolveTaskRefs: lookupTaskRefs, onResolveThreadRefs: lookupThreadRefs, channelNameOf: channelNameOf, memberOf: memberOf, onOpenMemberSession: openMemberSession, grouped: index > 0, showGroupedTime: item.message.topLevel === true && !turnGap, ...(senderStatus === undefined ? {} : { senderTitle: senderStatus.member.description }), children: item.message.topLevel && _jsx(ThreadEntryRow, { item: item, owners: item.claimOwners, unread: unread, human: humanIdentity, t: t, onOpen: () => { selectThread(item.thread.threadRef, channelRef, task?.taskRef, item.taskNumber); } }) })] }, item.message.messageRef);
                                 }) }, `run-${block.items[0].message.messageRef}`))] }) }), channel !== undefined ? _jsx(TeamComposer, { members: channelMembers, drafts: drafts, draftKey: draftKey, pending: pending, ...(statusMessage === undefined ? {} : { confirmation: statusMessage }), ...(error === undefined ? {} : { error }), onEdit: clearSendState, onSubmit: () => { void send(); }, pendingFiles: pendingFiles, onFilesChange: setPendingFiles, asTask: asTask, onAsTaskChange: setAsTask, t: t }, draftKey) : _jsx("div", {})] });
 }
 /**
@@ -385,27 +420,30 @@ export function TeamChannelPage({ workspaceId, channelRef, loadChannels, subscri
  * carried nothing else. The unread capsule is the only member a taskless
  * discussion can carry: it needs no Task.
  */
-function ThreadStateCluster({ task, owners, unread, t }) {
+function ThreadStateCluster({ task, owners, unread, human, t }) {
     if (task === undefined && unread === 0)
         return null;
-    return _jsxs("span", { className: css.stateCluster, children: [task !== undefined && _jsx(TeamAvatarStack, { owners: owners, label: claimersLabel(owners, t) }), task !== undefined && _jsx(TeamStateDot, { size: 8, state: taskStatusDot(task.status) }), task !== undefined && _jsx("span", { className: css.statusWord, children: formatTaskStatus(task.status, t) }), _jsx(TeamCountBadge, { count: unread })] });
+    const namedOwners = namedAvatarOwners(owners, human);
+    return _jsxs("span", { className: css.stateCluster, children: [task !== undefined && _jsx(TeamAvatarStack, { owners: namedOwners, label: claimersLabel(namedOwners, t), human: human }), task !== undefined && _jsx(TeamStateDot, { size: 8, state: taskStatusDot(task.status) }), task !== undefined && _jsx("span", { className: css.statusWord, children: formatTaskStatus(task.status, t) }), _jsx(TeamCountBadge, { count: unread })] });
 }
 /**
  * The gate under one top-level Message: the single row that opens its Thread,
  * and the one line that says what stands there. State leads it, then what the
  * entry is: a Task entry keeps its number so the status word never floats free
- * of the Task it describes, follow-up activity adds when the work last moved,
- * and an unanswered Thread says only 回复. The instant uses the Inbox's own
- * 今天/昨天 form with the precise local time on the control's title, and an
- * unread Thread says so in the control's label rather than only in pixels.
+ * of the Task it describes, follow-up activity adds when the work last moved —
+ * while the work is still unfinished — and an unanswered Thread says only 回复.
+ * The instant uses the Inbox's own 今天/昨天 form with the precise local time on
+ * the control's title, and an unread Thread says so in the control's label
+ * rather than only in pixels.
  */
-function ThreadEntryRow({ item, owners, unread, t, onOpen }) {
+function ThreadEntryRow({ item, owners, unread, human, t, onOpen }) {
     const taskNumber = item.taskNumber;
     const followUp = followUpAt(item);
+    const printedActivity = printedActivityAt(item);
     const label = taskNumber !== undefined
         ? t('taskLabel', { number: taskNumber })
         : followUp === undefined ? t('replyAction') : t('threadLabel');
-    const text = followUp === undefined ? label : `${label} · ${t('recentActivity', { time: formatInboxTime(followUp, t) })}`;
+    const text = printedActivity === undefined ? label : `${label} · ${t('recentActivity', { time: formatInboxTime(printedActivity, t) })}`;
     const openLabel = taskNumber === undefined
         ? unread > 0 ? t('openThreadUnread', { count: unread }) : t('openThread')
         : unread > 0 ? t('openTaskUnread', { number: taskNumber, count: unread }) : t('openTask', { number: taskNumber });
@@ -413,5 +451,5 @@ function ThreadEntryRow({ item, owners, unread, t, onOpen }) {
     // owner stack keeps its own accessible name — a labeled button prunes its
     // descendants from the accessibility tree — and so the control's name says
     // exactly what clicking it does.
-    return _jsxs("span", { className: css.entryLine, "data-thread-entry": "", children: [_jsx(ThreadStateCluster, { task: item.task, owners: owners, unread: unread, t: t }), _jsxs("button", { type: "button", className: css.entryRow, "aria-label": openLabel, ...(followUp === undefined ? {} : { title: formatAbsoluteTime(followUp) }), onClick: onOpen, children: [_jsx("span", { children: text }), _jsx("span", { className: css.entryArrow, "aria-hidden": "true", children: _jsx(IconChevronRightOutlineRegular, { size: 12 }) })] })] });
+    return _jsxs("span", { className: css.entryLine, "data-thread-entry": "", children: [_jsx(ThreadStateCluster, { task: item.task, owners: owners, unread: unread, human: human, t: t }), _jsxs("button", { type: "button", className: css.entryRow, "aria-label": openLabel, ...(followUp === undefined ? {} : { title: formatAbsoluteTime(followUp) }), onClick: onOpen, children: [_jsx("span", { children: text }), _jsx("span", { className: css.entryArrow, "aria-hidden": "true", children: _jsx(IconChevronRightOutline14, { size: 12 }) })] })] });
 }

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Button, IconArchiveOutlineRegular, IconEditOutlineRegular, IconPlusOutlineRegular, Input, Modal, Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
+import { Button, IconArchiveOutline20, IconEditOutline16, IconPlusOutline16, Input, Modal, Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
 import { TeamPresenceDot } from "./TeamPresenceDot.js";
 import { TeamMemberRow } from "./TeamMemberRow.js";
 import { MultiMenuField } from "./multi-menu-field.js";
@@ -153,7 +153,7 @@ export function TeamChannelsPanel(props) {
                                     return next;
                                 });
                                 setPendingCreate(undefined);
-                            }, triggerEmptyLabel: t('membersPickerEmpty'), formatCount: count => t('membersPickerCount', { count }) }), error !== undefined && _jsx("p", { className: createCss.error, role: "alert", children: error })] }) }), _jsxs(TeamSidebarSection, { title: t('channels'), open: sectionOpen, onToggle: open => { setSidebarSectionOpen(workspaceId, 'channels', open); }, actions: (_jsx(Tooltip, { label: t('addChannel'), delayMs: 500, children: _jsx("button", { ref: triggerRef, type: "button", className: css.iconButton, "aria-label": t('addChannel'), onClick: () => { setError(undefined); setFormOpen(true); }, children: _jsx(IconPlusOutlineRegular, { size: 14 }) }) })), children: [loading && view === undefined && _jsx("p", { className: css.emptyState, children: t('loadingChannels') }), !loading && error === undefined && view !== undefined && view.channels.length === 0 && _jsx("p", { className: css.emptyState, children: t('emptyChannels') }), _jsx("div", { className: css.channelList, children: orderedChannels.map(channel => {
+                            }, triggerEmptyLabel: t('membersPickerEmpty'), formatCount: count => t('membersPickerCount', { count }) }), error !== undefined && _jsx("p", { className: createCss.error, role: "alert", children: error })] }) }), _jsxs(TeamSidebarSection, { title: t('channels'), open: sectionOpen, onToggle: open => { setSidebarSectionOpen(workspaceId, 'channels', open); }, actions: (_jsx(Tooltip, { label: t('addChannel'), delayMs: 500, children: _jsx("button", { ref: triggerRef, type: "button", className: css.iconButton, "aria-label": t('addChannel'), onClick: () => { setError(undefined); setFormOpen(true); }, children: _jsx(IconPlusOutline16, { size: 14 }) }) })), children: [loading && view === undefined && _jsx("p", { className: css.emptyState, children: t('loadingChannels') }), !loading && error === undefined && view !== undefined && view.channels.length === 0 && _jsx("p", { className: css.emptyState, children: t('emptyChannels') }), _jsx("div", { className: css.channelList, children: orderedChannels.map(channel => {
                             const joined = membership.get(channel.channelRef) ?? new Set();
                             return (_jsx(SortableRow, { drag: drag, orderKey: channel.channelRef, children: _jsx(ChannelRow, { channel: channel, members: members, joinedIds: joined, selected: selectedChannelRef === channel.channelRef, updateChannel: updateChannel, archiveChannel: props.archiveChannel, joinChannel: props.joinChannel, removeChannelMember: props.removeChannelMember, onCommitted: () => { void refresh(); }, selectChannel: selectChannel, t: t }) }, channel.channelRef));
                         }) })] }), !formOpen && error !== undefined && _jsx("p", { className: css.error, role: "alert", children: error })] }));
@@ -184,8 +184,8 @@ function ChannelRow({ channel, members, joinedIds, selected, updateChannel, arch
         }
     };
     return (_jsxs(_Fragment, { children: [_jsxs("article", { className: css.channelRow, "data-menu-open": menuOpen || undefined, "aria-current": selected ? 'page' : undefined, children: [_jsx("button", { type: "button", className: css.channelSelect, "aria-label": `# ${channel.name}`, onClick: () => { selectChannel(channel.channelRef); }, children: _jsxs("strong", { className: css.channelName, children: ["# ", channel.name] }) }), _jsx("span", { className: css.rowMenu, children: _jsx(TeamRowMenu, { label: t('actionsChannel', { name: channel.name }), items: [
-                                { id: 'edit', label: t('editChannel'), icon: _jsx(IconEditOutlineRegular, {}) },
-                                { id: 'archive', label: t('archiveChannel'), icon: _jsx(IconArchiveOutlineRegular, { size: 16 }), danger: true },
+                                { id: 'edit', label: t('editChannel'), icon: _jsx(IconEditOutline16, {}) },
+                                { id: 'archive', label: t('archiveChannel'), icon: _jsx(IconArchiveOutline20, { size: 16 }), danger: true },
                             ], onSelect: (id) => {
                                 if (id === 'edit')
                                     setEditing(true);