@wowyuarm/dsh-agent-team 0.1.4 → 0.1.6

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

@@ -45,8 +45,13 @@ export function TeamMemberSessionComposer({ controller, inputActions, overlay, p
             setSubmissionNotice('Compact 未执行，请重试。');
             return;
         }
-        if (input.phase === 'plain')
+        if (input.phase === 'plain') {
+            // Reaching plain after a compact flight means the InputMachine adopted
+            // the clear-on-success draft; a stale retry notice must not outlive it.
+            if (compactWasSubmitting.current)
+                setSubmissionNotice(undefined);
             compactWasSubmitting.current = false;
+        }
     }, [input?.claim?.token, input?.phase]);
     useEffect(() => {
         if (input === undefined)
@@ -86,6 +91,16 @@ export function TeamMemberSessionComposer({ controller, inputActions, overlay, p
             return;
         if (event.repeat || composing.current || event.nativeEvent.isComposing || event.nativeEvent.keyCode === 229)
             return;
+        // Tab accepts the highlighted candidate, mirroring the team-mode composer
+        // and the Channel/Thread bars; Shift+Tab keeps native focus reversal.
+        if (event.key === 'Tab' && !event.shiftKey) {
+            const highlight = controller.menu.getSnapshot().highlight;
+            if (highlight !== null) {
+                event.preventDefault();
+                controller.pick(highlight.source, highlight.index);
+            }
+            return;
+        }
         const key = event.key === 'ArrowUp' ? 'up' : event.key === 'ArrowDown' ? 'down' : event.key === 'Escape' ? 'escape' : event.key === 'Enter' ? 'enter' : undefined;
         if (key !== undefined) {
             const outcome = controller.arbitrate(key, false);

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,EAA2F,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/H,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,+BA6G3N"}
+{"version":3,"file":"TeamMessage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2F,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/H,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,+BA8G3N"}

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

@@ -29,6 +29,7 @@ export function TeamMessage({ senderName, memberId, human, body, occurredAt, men
         void resolveUnknownTaskRefs(bodyTaskRefs, onResolveTaskRefs);
     }, [onResolveTaskRefs, bodyTaskRefKey, refVersion]);
     const taskLabel = useCallback((taskNumber) => t?.('taskLabel', { number: taskNumber }) ?? `Task #${taskNumber}`, [t]);
+    const refLabel = useCallback((ref) => ref.startsWith('thread:') ? (t?.('threadLabel') ?? 'Thread') : ref.startsWith('channel:') ? (t?.('channels') ?? 'Channels') : ref, [t]);
     // Long bodies start clamped behind the expand control. The default derives
     // from the body alone; the toggle itself is per-mount view state nothing
     // persists.
@@ -49,16 +50,16 @@ export function TeamMessage({ senderName, memberId, human, body, occurredAt, men
         if (onResolveTaskRefs !== undefined && taskRefs.length > 0)
             void resolveUnknownTaskRefs(taskRefs, onResolveTaskRefs);
         for (const code of styledRefCodes)
-            renderResolvedMarkdownCodeRef(code, taskLabel);
+            renderResolvedMarkdownCodeRef(code, taskLabel, refLabel);
         for (const node of textNodes)
-            renderResolvedMarkdownText(node, mentionNames ?? [], taskLabel);
+            renderResolvedMarkdownText(node, mentionNames ?? [], taskLabel, refLabel);
         for (const button of root.querySelectorAll('button[data-task-ref]')) {
             const taskRef = button.dataset.taskRef;
             const hit = taskRef === undefined ? undefined : cachedResolvedTaskRef(taskRef);
             if (taskRef !== undefined && hit !== undefined)
                 button.textContent = taskLabel(hit.taskNumber);
         }
-    }, [richAgentBody, onOpenRef, onResolveTaskRefs, refVersion, taskLabel, mentionNames]);
+    }, [richAgentBody, onOpenRef, onResolveTaskRefs, refVersion, taskLabel, refLabel, mentionNames]);
     useEffect(() => {
         const root = markdownRef.current;
         if (!richAgentBody || root === null || onOpenRef === undefined)
@@ -67,12 +68,12 @@ export function TeamMessage({ senderName, memberId, human, body, occurredAt, men
             const target = event.target;
             if (!(target instanceof Element))
                 return;
-            const button = target.closest('button[data-task-ref]');
+            const button = target.closest('button[data-ref], button[data-task-ref]');
             if (button === null || !root.contains(button))
                 return;
-            const taskRef = button instanceof HTMLElement ? button.dataset.taskRef : undefined;
-            if (taskRef !== undefined)
-                onOpenRef(taskRef);
+            const ref = button instanceof HTMLElement ? button.dataset.ref ?? button.dataset.taskRef : undefined;
+            if (ref !== undefined)
+                onOpenRef(ref);
         };
         root.addEventListener('click', openTask);
         return () => { root.removeEventListener('click', openTask); };
@@ -80,9 +81,9 @@ export function TeamMessage({ senderName, memberId, human, body, occurredAt, men
     const bodyNode = plan.render === 'inline' && plan.inline !== undefined
         ? _jsx("div", { className: css.messageText, children: plan.inline.segments.map((segment, index) => segment.mention
                 ? _jsx("span", { className: css.mention, children: segment.text }, index)
-                : _jsx(Fragment, { children: renderRefs(segment.text, onOpenRef, taskLabel) }, index)) })
+                : _jsx(Fragment, { children: renderRefs(segment.text, onOpenRef, taskLabel, refLabel) }, index)) })
         : plan.render === 'literal'
-            ? _jsx("div", { className: css.messageText, children: onOpenRef === undefined ? _jsx(MessageText, { text: displayBody }) : renderRefs(displayBody, onOpenRef, taskLabel) })
+            ? _jsx("div", { className: css.messageText, children: onOpenRef === undefined ? _jsx(MessageText, { text: displayBody }) : renderRefs(displayBody, onOpenRef, taskLabel, refLabel) })
             : _jsx("div", { ref: markdownRef, className: css.messageMarkdown, children: _jsx(MarkdownText, { text: displayBody }, `${displayBody}:${onOpenRef === undefined ? 'literal' : 'refs'}`) });
     return (_jsxs("article", { className: css.messageRow, "data-human": human || undefined, "data-grouped": grouped || undefined, children: [_jsx("div", { className: css.messageIdentity, style: avatarStyle, "aria-hidden": "true", children: senderName.replace('@', '').slice(0, 1).toUpperCase() }), _jsxs("div", { className: css.messageBody, children: [(!grouped || showGroupedTime === true) && (_jsxs("div", { className: css.nameRow, children: [!grouped && _jsx("strong", { ...(senderTitle === undefined ? {} : { title: senderTitle }), children: senderName }), occurredAt !== undefined && _jsx("span", { className: css.messageTime, children: formatMessageTime(occurredAt) })] })), clampable ? _jsx("div", { className: clamped ? css.messageClamp : undefined, children: bodyNode }) : bodyNode, clampable && (_jsx("button", { type: "button", className: css.messageExpand, "data-message-expand": "true", "aria-expanded": expanded, onClick: () => { setExpanded(value => !value); }, children: expanded ? (t?.('collapseMessage') ?? 'Show less') : (t?.('expandMessage') ?? 'Show more') })), (plan.fallbackNames.length > 0 || plan.fallbackRefs.length > 0) && (_jsxs("div", { className: css.mentionsRow, children: [plan.fallbackNames.map(name => _jsxs("span", { className: css.mention, children: ["@", name] }, name)), plan.fallbackRefs.map(ref => {
                                 const resolved = cachedResolvedTaskRef(ref);
@@ -132,17 +133,31 @@ function resolvedTaskRefButton(taskRef, label) {
     return button;
 }
 /** Replace a whole-ref code span with its resolved Task chip once known. */
-function renderResolvedMarkdownCodeRef(code, taskLabel) {
+function renderResolvedMarkdownCodeRef(code, taskLabel, refLabel) {
     const segments = splitBrandedRefs((code.textContent ?? '').trim());
     const segment = segments.length === 1 ? segments[0] : undefined;
-    const taskRef = segment?.ref?.startsWith('task:') === true ? segment.ref : undefined;
+    const ref = segment?.ref;
+    if (ref === undefined)
+        return;
+    const taskRef = ref.startsWith('task:') === true ? ref : undefined;
     const resolved = taskRef === undefined ? undefined : cachedResolvedTaskRef(taskRef);
-    if (taskRef === undefined || resolved === undefined)
+    if (taskRef !== undefined && resolved === undefined)
+        return;
+    if (taskRef !== undefined) {
+        code.replaceWith(resolvedTaskRefButton(taskRef, taskLabel(resolved.taskNumber)));
         return;
-    code.replaceWith(resolvedTaskRefButton(taskRef, taskLabel(resolved.taskNumber)));
+    }
+    const button = document.createElement('button');
+    button.type = 'button';
+    if (css.refLink !== undefined)
+        button.className = css.refLink;
+    button.dataset.ref = ref;
+    button.title = ref;
+    button.textContent = refLabel(ref);
+    code.replaceWith(button);
 }
 /** Replace resolved Task refs and structured mention handles in one prose text node without changing Markdown structure. */
-function renderResolvedMarkdownText(node, mentionNames, taskLabel) {
+function renderResolvedMarkdownText(node, mentionNames, taskLabel, refLabel) {
     let changed = false;
     const fragment = document.createDocumentFragment();
     for (const refSegment of splitBrandedRefs(node.data)) {
@@ -163,25 +178,40 @@ function renderResolvedMarkdownText(node, mentionNames, taskLabel) {
         }
         const taskRef = refSegment.ref.startsWith('task:') === true ? refSegment.ref : undefined;
         const resolved = taskRef === undefined ? undefined : cachedResolvedTaskRef(taskRef);
-        if (resolved === undefined) {
+        // Task refs need Host resolution before becoming human-readable links;
+        // channel/thread refs already have their canonical display text and can be
+        // linked immediately at the authored position.
+        if (taskRef !== undefined && resolved === undefined) {
             fragment.append(refSegment.text);
             continue;
         }
         changed = true;
-        fragment.append(resolvedTaskRefButton(taskRef, taskLabel(resolved.taskNumber)));
+        if (taskRef !== undefined) {
+            fragment.append(resolvedTaskRefButton(taskRef, taskLabel(resolved.taskNumber)));
+        }
+        else {
+            const button = document.createElement('button');
+            button.type = 'button';
+            if (css.refLink !== undefined)
+                button.className = css.refLink;
+            button.dataset.ref = refSegment.ref;
+            button.title = refSegment.ref;
+            button.textContent = refLabel(refSegment.ref);
+            fragment.append(button);
+        }
     }
     if (changed)
         node.replaceWith(fragment);
 }
 /** Render one literal text run, linkifying branded refs when navigation is available. */
-function renderRefs(text, onOpenRef, taskLabel) {
+function renderRefs(text, onOpenRef, taskLabel, refLabel) {
     if (onOpenRef === undefined)
         return text;
     return splitBrandedRefs(text).map((segment, index) => {
         if (segment.ref === undefined)
             return _jsx(Fragment, { children: segment.text }, index);
         const resolved = cachedResolvedTaskRef(segment.ref);
-        const label = resolved !== undefined && segment.ref.startsWith('task:') ? taskLabel(resolved.taskNumber) : segment.ref;
+        const label = resolved !== undefined && segment.ref.startsWith('task:') ? taskLabel(resolved.taskNumber) : refLabel(segment.ref);
         return _jsx("button", { type: "button", className: css.refLink, title: segment.ref, onClick: () => { onOpenRef(segment.ref); }, children: label }, index);
     });
 }

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

@@ -1,4 +1,4 @@
-import type { MenuItem } from '@deepseek-ai/dsh-client-ui-primitives';
+import { type MenuEntry } from '@deepseek-ai/dsh-client-ui-primitives';
 /**
  * Row-level overflow menu shared by sidebar Channel and Agent rows, mirroring
  * the harness session-row pattern: a portal list anchored to a bare ellipsis
@@ -7,7 +7,8 @@ import type { MenuItem } from '@deepseek-ai/dsh-client-ui-primitives';
 export declare function TeamRowMenu({ label, items, onSelect, onOpenChange }: {
     /** Localized action label for the trigger, e.g. "{name} 的操作". */
     readonly label: string;
-    readonly items: readonly MenuItem[];
+    /** Menu rows plus optional non-interactive labels and separators. */
+    readonly items: readonly MenuEntry[];
     readonly onSelect: (id: string) => void;
     /** Lets the row pin its hover styling while the portal list is up. */
     readonly onOpenChange?: (open: boolean) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"TeamRowMenu.d.ts","sourceRoot":"","sources":["../../../src/client/TeamRowMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AAGrE;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE;IACpE,iEAAiE;IACjE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAA;IACnC,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,sEAAsE;IACtE,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CAChD,+BAkCA"}
+{"version":3,"file":"TeamRowMenu.d.ts","sourceRoot":"","sources":["../../../src/client/TeamRowMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,uCAAuC,CAAA;AAGnG;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE;IACpE,iEAAiE;IACjE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,qEAAqE;IACrE,QAAQ,CAAC,KAAK,EAAE,SAAS,SAAS,EAAE,CAAA;IACpC,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,sEAAsE;IACtE,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CAChD,+BAkCA"}

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

@@ -1,9 +1,12 @@
-import { type ReactNode } from 'react';
+import type { ReactNode } from 'react';
 /** Collapsible sidebar section header: disclosure toggle plus trailing actions. */
-export declare function TeamSidebarSection({ title, actions, children }: {
+export declare function TeamSidebarSection({ title, actions, open, onToggle, children }: {
     readonly title: string;
     /** Trailing header controls (the add button); never part of the toggle. */
     readonly actions?: ReactNode;
+    /** Controlled disclosure state; the caller owns persistence. */
+    readonly open: boolean;
+    readonly onToggle: (open: boolean) => void;
     readonly children: ReactNode;
 }): import("react").JSX.Element;
 //# sourceMappingURL=TeamSidebarSection.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TeamSidebarSection.d.ts","sourceRoot":"","sources":["../../../src/client/TeamSidebarSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIhD,mFAAmF;AACnF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;IAC/D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,2EAA2E;IAC3E,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC7B,+BAcA"}
+{"version":3,"file":"TeamSidebarSection.d.ts","sourceRoot":"","sources":["../../../src/client/TeamSidebarSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,mFAAmF;AACnF,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;IAC/E,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,2EAA2E;IAC3E,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;IAC5B,gEAAgE;IAChE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1C,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC7B,+BAaA"}

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

@@ -1,9 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
 import { IconChevronDownOutline14 } from '@deepseek-ai/dsh-client-ui-primitives';
 import css from './sidebar.module.css';
 /** Collapsible sidebar section header: disclosure toggle plus trailing actions. */
-export function TeamSidebarSection({ title, actions, children }) {
-    const [open, setOpen] = useState(true);
-    return (_jsxs("section", { className: css.section, children: [_jsxs("div", { className: css.sectionHeader, children: [_jsxs("button", { type: "button", className: css.sectionToggle, "aria-expanded": open, onClick: () => { setOpen(value => !value); }, children: [_jsx(IconChevronDownOutline14, { className: css.sectionChevron }), _jsx("span", { className: css.sectionTitle, children: title })] }), actions !== undefined && _jsx("span", { className: css.sectionActions, children: actions })] }), open && children] }));
+export function TeamSidebarSection({ title, actions, open, onToggle, children }) {
+    return (_jsxs("section", { className: css.section, children: [_jsxs("div", { className: css.sectionHeader, children: [_jsxs("button", { type: "button", className: css.sectionToggle, "aria-expanded": open, onClick: () => { onToggle(!open); }, children: [_jsx(IconChevronDownOutline14, { className: css.sectionChevron }), _jsx("span", { className: css.sectionTitle, children: title })] }), actions !== undefined && _jsx("span", { className: css.sectionActions, children: actions })] }), open && children] }));
 }

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,wCAAwC,CAAA;AAEzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAA;AAc/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,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,+BA+mBxD"}
+{"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,wCAAwC,CAAA;AAEzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAA;AAc/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,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,+BAuqBxD"}

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

@@ -43,7 +43,13 @@ export function TeamThreadPage(props) {
     const [readFacts, setReadFacts] = useState([]);
     const [historyCursor, setHistoryCursor] = useState();
     const [historyHasMore, setHistoryHasMore] = useState(false);
-    const [remainingUnreadCount, setRemainingUnreadCount] = useState(0);
+    // A bounded read acknowledges at most 20 unread facts; larger backlogs need
+    // continuation reads. Reads also never self-wake a change scope, so a
+    // backlog beyond a handful of batches would otherwise linger forever. The
+    // cap stops a pathological feed (facts arriving faster than they are read)
+    // from looping without bound; the error surface keeps the remainder visible.
+    const MAX_AUTO_READ_ROUNDS = 50;
+    const [autoReadExhausted, setAutoReadExhausted] = useState(false);
     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.
@@ -70,13 +76,14 @@ export function TeamThreadPage(props) {
     const currentFactsRef = useRef([]);
     const sequenceRef = useRef(0);
     const readRequestIdRef = useRef(mintRequestId());
+    const projectionRef = useRef();
     const mutationRequests = useRef(new Map());
     const threadLastFact = currentFacts[currentFacts.length - 1];
     const timeline = useTimelineScroll(`${currentFacts.length}:${olderFacts.length}:${threadLastFact === undefined ? '' : factKey(threadLastFact)}`);
     const updateProjection = (next) => {
+        projectionRef.current = next;
         setProjection(next);
         setReadFacts(next.facts);
-        setRemainingUnreadCount(next.remainingUnreadCount);
         const anchor = messageFact(next.anchor, next.anchorMentions);
         const batch = [anchor, ...next.facts.map(fact => fact.fact)];
         setCurrentFacts(current => {
@@ -84,7 +91,28 @@ export function TeamThreadPage(props) {
             currentFactsRef.current = merged;
             return merged;
         });
-        setNewFactsCount(0);
+    };
+    // Continue a bounded read while unread facts remain. Each round must mint a
+    // fresh requestId: the Host replays a repeated id from its idempotency
+    // cache, which would return the same batch forever. The loop terminates on
+    // a zero remainder, a failed read (the existing error surface offers
+    // retry), a superseding sequence, or the round cap.
+    const drainUnread = async () => {
+        for (let round = 1; round <= MAX_AUTO_READ_ROUNDS; round += 1) {
+            const snapshot = projectionRef.current;
+            if (snapshot === undefined || snapshot.remainingUnreadCount <= 0)
+                return;
+            const beforeSequence = sequenceRef.current;
+            if (!await readCurrent(true))
+                return;
+            // A newer read or remount owns the tail now; it drains the remainder.
+            if (!mountedRef.current || sequenceRef.current !== beforeSequence + 1)
+                return;
+            // A stalled remainder (Host fault) must not spin the loop.
+            if (projectionRef.current?.remainingUnreadCount === snapshot.remainingUnreadCount)
+                return;
+        }
+        setAutoReadExhausted(true);
     };
     const readCurrent = async (newRequest = false) => {
         if (!mountedRef.current)
@@ -157,23 +185,26 @@ export function TeamThreadPage(props) {
                 currentFactsRef.current = merged;
                 return merged;
             });
-            setProjection(current => current === undefined ? current : { ...current, ...(result.value.task === undefined ? {} : { task: result.value.task }), thread: result.value.thread, claims: result.value.claims });
+            setProjection(current => {
+                const next = current === undefined ? current : { ...current, ...(result.value.task === undefined ? {} : { task: result.value.task }), thread: result.value.thread, claims: result.value.claims };
+                if (next !== undefined)
+                    projectionRef.current = next;
+                return next;
+            });
             if (additions.length === 0)
                 return;
-            // A reader scrolled away from the tail must be offered the explicit
-            // new-updates action; a reader pinned to the bottom is watching these
-            // facts arrive, so they are already seen and the batch is acknowledged
-            // durably instead of being counted for an explicit read.
-            if (!timeline.isPinned()) {
+            // Every arrival while the Thread is open is acknowledged durably: the
+            // timeline renders it either way, and the Human has no manual read
+            // action anymore. The count only feeds the pure jump hint for a reader
+            // away from the bottom; returning to the bottom clears it.
+            if (!timeline.isPinned())
                 setNewFactsCount(current => current + additions.length);
-                return;
-            }
             const priorSequence = sequenceRef.current;
             if (await readCurrent(true))
                 return;
             // The durable acknowledgment did not happen (it failed, a newer read
-            // superseded it, or the page unmounted); fall back to the explicit
-            // action unless that newer read now owns the tail.
+            // superseded it, or the page unmounted); the count keeps the jump hint
+            // visible unless that newer read now owns the tail.
             if (!mountedRef.current || sequenceRef.current !== priorSequence + 1)
                 return;
             setNewFactsCount(current => current + additions.length);
@@ -184,6 +215,7 @@ export function TeamThreadPage(props) {
     };
     useEffect(() => {
         mountedRef.current = true;
+        projectionRef.current = undefined;
         setProjection(undefined);
         setChannelView(undefined);
         setMembers([]);
@@ -193,7 +225,7 @@ export function TeamThreadPage(props) {
         setReadFacts([]);
         setHistoryCursor(undefined);
         setHistoryHasMore(false);
-        setRemainingUnreadCount(0);
+        setAutoReadExhausted(false);
         setNewFactsCount(0);
         setError(undefined);
         setStatusMessage(undefined);
@@ -215,9 +247,9 @@ export function TeamThreadPage(props) {
                 return;
             }
             updateProjection(read.value);
-            // Opened onto unread updates: land on the boundary instead of the floor.
-            if (read.value.facts.some(fact => fact.unread))
-                timeline.jumpToBoundary();
+            // The Thread opens at the latest fact; the unread boundary stays
+            // rendered as information, but reading is automatic from here on.
+            timeline.scrollToBottom();
             if (history !== undefined && history.ok) {
                 setCurrentFacts(current => {
                     const merged = mergeFacts(current, history.value.facts);
@@ -229,6 +261,7 @@ export function TeamThreadPage(props) {
             }
             setError(undefined);
             setLoading(false);
+            await drainUnread();
         })();
         void refreshSupplemental();
         const disposers = [
@@ -258,6 +291,13 @@ export function TeamThreadPage(props) {
                 dispose();
         };
     }, [workspaceId, taskRef, threadRef]);
+    // Returning to the bottom is the reader's answer to the jump hint: the
+    // arrivals are on screen, their durable read already happened (or will be
+    // retried by the next change wake), and the hint has nothing left to say.
+    useEffect(() => {
+        if (newFactsCount > 0 && timeline.isPinned())
+            setNewFactsCount(0);
+    }, [newFactsCount, currentFacts, olderFacts, timeline]);
     const loadOlder = async () => {
         if (historyHasMore === false && historyCursor === undefined)
             return;
@@ -314,8 +354,25 @@ export function TeamThreadPage(props) {
     // 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) => {
-        if (ref.startsWith('channel:') && ref !== channelRef)
+        if (ref.startsWith('channel:') && ref !== channelRef) {
             selectChannel(ref);
+            return;
+        }
+        if (ref.startsWith('thread:') && ref !== threadRef) {
+            // Thread refs do not have a dedicated resolver Remote. The Host view
+            // query still returns the target's home Channel and Task projection.
+            void loadChannels({ workspaceId, threadRef: ref, includeActivities: false, limit: 1 }).then(result => {
+                if (!result.ok)
+                    return;
+                const target = result.value.items[0];
+                if (target === undefined)
+                    return;
+                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);
+            });
+            return;
+        }
         if (ref.startsWith('task:') && ref !== taskRef) {
             // Another Task cited here: resolve its home Channel and jump.
             jumpToTaskThread(resolveTaskRefs, workspaceId, ref, selectThread);
@@ -362,7 +419,7 @@ export function TeamThreadPage(props) {
             }
             flushRun();
             if (boundaryIndex === index)
-                nodes.push(_jsx("p", { className: threadCss.unreadBoundary, role: "separator", "data-thread-boundary": true, children: _jsx("span", { children: t('unreadBoundary') }) }, `boundary-${index}`));
+                nodes.push(_jsx("p", { className: threadCss.unreadBoundary, role: "separator", children: _jsx("span", { children: t('unreadBoundary') }) }, `boundary-${index}`));
             if (sender !== undefined)
                 run.push(fact);
             else
@@ -372,9 +429,10 @@ export function TeamThreadPage(props) {
         return nodes;
     };
     const refreshAfterFence = async () => {
-        timeline.jumpToLatest();
+        timeline.scrollToBottom();
         await readCurrent(true);
         await refreshSupplemental();
+        await drainUnread();
     };
     const convertToTask = async () => {
         if (pending || thread === undefined || task !== undefined)
@@ -559,7 +617,9 @@ export function TeamThreadPage(props) {
     return _jsxs("main", { className: css.surface, "data-team-thread": threadRef, children: [_jsxs("div", { className: css.surfaceHeader, children: [_jsx("div", { className: css.backRow, children: _jsx(Button, { size: "sm", icon: _jsx(IconChevronLeftOutline14, {}), onClick: backToWorkspace, children: backLabel }) }), _jsxs("header", { className: css.headerRow, children: [_jsxs("div", { className: css.headerCopy, children: [_jsxs("div", { className: threadCss.titleLine, children: [_jsx("h1", { children: task === undefined ? t('threadLabel') : t('taskLabel', { number: resolvedTaskNumber ?? '…' }) }), task !== undefined && _jsx(Pill, { children: formatTaskStatus(task.status, t) })] }), taskTitle !== undefined && taskTitle !== '' && _jsx("p", { className: threadCss.taskTitle, title: taskTitle, children: taskTitle })] }), task === undefined && thread !== undefined && _jsx("div", { className: css.headerActions, children: _jsx(Button, { size: "sm", variant: "primary", disabled: pending, onClick: () => { void convertToTask(); }, children: mutating === 'promote' ? t('promotingTask') : t('promoteToTask') }) }), task !== undefined && thread !== undefined && task.resolution !== 'closed' && _jsxs("div", { className: css.headerActions, children: [(() => {
                                         const activeClaims = projection?.claims.filter(claim => claim.taskRef === task.taskRef && claim.state === 'active') ?? [];
                                         const earlyAccept = task.resolution === 'open' && task.status === 'in_progress' && activeClaims.length > 0;
-                                        if (!(task.status === 'in_review' || earlyAccept) || task.resolution !== 'open')
+                                        // todo Tasks accept directly: the work finished outside the
+                                        // ledger, so there is nothing to confirm and no Claims to list.
+                                        if (!(task.status === 'in_review' || task.status === 'todo' || earlyAccept) || task.resolution !== 'open')
                                             return null;
                                         return _jsx(Button, { size: "sm", variant: "primary", disabled: pending, onClick: () => { if (earlyAccept) {
                                                 setConfirmingAccept(true);
@@ -577,7 +637,7 @@ export function TeamThreadPage(props) {
                     })(), task !== undefined && thread !== undefined && _jsx("section", { className: threadCss.workSection, "aria-label": t('claims'), children: _jsx(DisclosureRow, { expandOnRowClick: true, expandable: true, open: claimsOpen, onToggle: () => { setClaimsOpen(current => !current); }, icon: _jsx(IconChecklistOutline14, { size: 14 }), title: `${t('claims')} · ${taskClaims.length}`, children: _jsxs("div", { className: threadCss.claimList, children: [taskClaims.length === 0 && _jsx("p", { className: threadCss.emptyClaims, children: t('noClaims') }), taskClaims.map(claim => {
                                         const ownerStatus = members.find(status => status.member.memberId === claim.owner);
                                         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: timeline.onScroll, 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) }), newFactsCount > 0 && _jsxs("div", { className: threadCss.newUpdates, role: "status", children: [_jsx("span", { children: t('readNewUpdates', { count: newFactsCount }) }), _jsx(Button, { size: "sm", variant: "outline", disabled: loading, onClick: () => { timeline.jumpToLatest(); void readCurrent(true); }, children: t('markRead') })] }), remainingUnreadCount > 0 && _jsxs("div", { className: css.timelineAction, role: "status", children: [_jsx("span", { children: t('remainingUnread', { count: remainingUnreadCount }) }), _jsx(Button, { size: "sm", onClick: () => { timeline.jumpToBoundary(); void readCurrent(true); }, disabled: loading, children: t('continueReading') })] })] }) }), projection !== undefined && thread !== undefined ? (task?.resolution === 'closed'
+                                    })] }) }) })] }), _jsx("section", { ref: timeline.ref, onScroll: timeline.onScroll, 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: 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, 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", {})] });
 }

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, updateMember, recoverMember, joinChannel, removeChannelMember, loadModels, openMemberSession }: TeamSidebarProps): import("react").JSX.Element;
+export declare function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWorkspace, selectChannel, t, useWorkspaces, loadMembers, subscribeChanges, addMember, loadChannels, createChannel, updateChannel, updateMember, recoverMember, clearMemberContext, 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;AASlD,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,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,gBAAgB,+BA6D/T"}
+{"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,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,WAAW,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,gBAAgB,+BA8DnV"}

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

@@ -3,10 +3,11 @@ import { useEffect, useRef, useState, useSyncExternalStore } from 'react';
 import { IconAgentPresetOutline16, IconListPenOutline16, Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
 import { TeamWorkspaceRow } from "./TeamWorkspaceRow.js";
 import { TeamSidebarSection } from "./TeamSidebarSection.js";
+import { useSidebarSectionOpen, setSidebarSectionOpen } from "./sidebar-sections.js";
 import { TeamAgentsPanel } from "./TeamAgentsPanel.js";
 import { TeamChannelsPanel } from "./TeamChannelsPanel.js";
 import css from './sidebar.module.css';
-export function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWorkspace, selectChannel, t, useWorkspaces, loadMembers, subscribeChanges, addMember, loadChannels, createChannel, updateChannel, updateMember, recoverMember, joinChannel, removeChannelMember, loadModels, openMemberSession }) {
+export function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWorkspace, selectChannel, t, useWorkspaces, loadMembers, subscribeChanges, addMember, loadChannels, createChannel, updateChannel, updateMember, recoverMember, clearMemberContext, joinChannel, removeChannelMember, loadModels, openMemberSession }) {
     const navigationState = useSyncExternalStore(navigation.subscribe, navigation.getSnapshot, navigation.getSnapshot);
     const workspaces = useWorkspaces(state => state.items);
     const selected = navigationState.workspaceId;
@@ -22,6 +23,7 @@ export function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWo
     const [pendingSection, setPendingSection] = useState();
     const channelsRef = useRef(null);
     const agentsRef = useRef(null);
+    const workspacesOpen = useSidebarSectionOpen(undefined, 'workspaces');
     useEffect(() => {
         if (navigationState.mode === 'team' && selectedId !== undefined && selectedId !== selected) {
             selectWorkspace(selectedId);
@@ -37,5 +39,5 @@ export function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWo
     if (!wide) {
         return _jsxs("nav", { className: css.railWorkspace, "aria-label": t('workspaceSections'), children: [_jsx(Tooltip, { label: t('channels'), side: "right", children: _jsx("button", { type: "button", className: css.railButton, "aria-label": t('channels'), onClick: () => { setPendingSection('channels'); expandSidebar(); }, children: _jsx(IconListPenOutline16, { size: 16 }) }) }), _jsx(Tooltip, { label: t('agents'), side: "right", children: _jsx("button", { type: "button", className: css.railButton, "aria-label": t('agents'), onClick: () => { setPendingSection('agents'); expandSidebar(); }, children: _jsx(IconAgentPresetOutline16, { size: 16 }) }) })] });
     }
-    return _jsxs("section", { className: css.workspaceBrowser, "aria-label": t('workspaces'), children: [_jsx(TeamSidebarSection, { title: t('workspaces'), children: _jsxs("div", { className: css.workspaceList, children: [workspaces.map(workspace => _jsx(TeamWorkspaceRow, { workspaceId: workspace.workspaceId, title: workspace.title, path: workspace.path, selected: workspace.workspaceId === selectedId, current: workspace.workspaceId === selectedId && overviewIsCurrent, onSelect: selectWorkspace }, workspace.workspaceId)), workspaces.length === 0 && _jsx("p", { className: css.emptyState, children: t('empty') })] }) }), selectedId !== undefined && _jsxs("div", { className: css.workspaceSection, children: [_jsx("div", { ref: channelsRef, children: _jsx(TeamChannelsPanel, { workspaceId: selectedId, loadMembers: loadMembers, loadChannels: loadChannels, subscribeChanges: subscribeChanges, createChannel: createChannel, updateChannel: updateChannel, joinChannel: joinChannel, removeChannelMember: removeChannelMember, creatingAgents: creatingAgents.filter(request => request.workspaceId === selectedId), ...(navigationState.memberSessionId !== undefined || navigationState.channelRef === undefined ? {} : { selectedChannelRef: navigationState.channelRef }), selectChannel: selectChannel, t: t }, selectedId) }), _jsx("div", { ref: agentsRef, children: _jsx(TeamAgentsPanel, { workspaceId: selectedId, loadMembers: loadMembers, subscribeChanges: subscribeChanges, loadChannels: loadChannels, addMember: addMember, updateMember: updateMember, recoverMember: recoverMember, joinChannel: joinChannel, removeChannelMember: removeChannelMember, loadModels: loadModels, ...(navigationState.memberSessionId === undefined ? {} : { memberSessionId: navigationState.memberSessionId }), openMemberSession: openMemberSession, onCreatingChange: (request, creating) => { setCreatingAgents(current => creating ? [...current.filter(item => item.requestId !== request.requestId), request] : current.filter(item => item.requestId !== request.requestId)); }, t: t }, selectedId) })] })] });
+    return _jsxs("section", { className: css.workspaceBrowser, "aria-label": t('workspaces'), children: [_jsx(TeamSidebarSection, { title: t('workspaces'), open: workspacesOpen, onToggle: open => { setSidebarSectionOpen(undefined, 'workspaces', open); }, children: _jsxs("div", { className: css.workspaceList, children: [workspaces.map(workspace => _jsx(TeamWorkspaceRow, { workspaceId: workspace.workspaceId, title: workspace.title, path: workspace.path, selected: workspace.workspaceId === selectedId, current: workspace.workspaceId === selectedId && overviewIsCurrent, onSelect: selectWorkspace }, workspace.workspaceId)), workspaces.length === 0 && _jsx("p", { className: css.emptyState, children: t('empty') })] }) }), selectedId !== undefined && _jsxs("div", { className: css.workspaceSection, children: [_jsx("div", { ref: channelsRef, children: _jsx(TeamChannelsPanel, { workspaceId: selectedId, loadMembers: loadMembers, loadChannels: loadChannels, subscribeChanges: subscribeChanges, createChannel: createChannel, updateChannel: updateChannel, joinChannel: joinChannel, removeChannelMember: removeChannelMember, creatingAgents: creatingAgents.filter(request => request.workspaceId === selectedId), ...(navigationState.memberSessionId !== undefined || navigationState.channelRef === undefined ? {} : { selectedChannelRef: navigationState.channelRef }), selectChannel: selectChannel, t: t }, selectedId) }), _jsx("div", { ref: agentsRef, children: _jsx(TeamAgentsPanel, { workspaceId: selectedId, loadMembers: loadMembers, subscribeChanges: subscribeChanges, addMember: addMember, updateMember: updateMember, recoverMember: recoverMember, clearMemberContext: clearMemberContext, loadModels: loadModels, ...(navigationState.memberSessionId === undefined ? {} : { memberSessionId: navigationState.memberSessionId }), openMemberSession: openMemberSession, onCreatingChange: (request, creating) => { setCreatingAgents(current => creating ? [...current.filter(item => item.requestId !== request.requestId), request] : current.filter(item => item.requestId !== request.requestId)); }, t: t }, selectedId) })] })] });
 }

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

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

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

@@ -15,6 +15,19 @@ export const inject = [
     'slots', 'workspaces', 'locale', 'remote', 'sessions', 'connection', 'conversation', 'inputTriggers',
 ];
 function registerModeShadow(ctx, navigation, changes, drafts, name, component, extraInject) {
+    // Stay in Team mode: the conversation shadow stands down for Member Session
+    // views (see registerModeShadow), so the shipped conversation root renders
+    // the selected Member Session inside the Team shell.
+    const openMemberSessionImpl = (sessionId) => {
+        const sessions = ctx.sessions;
+        const snapshot = navigation.getSnapshot();
+        const current = sessions.list.getSnapshot().current;
+        // The return target is captured on first entry only — switching between
+        // Member Sessions must keep pointing at the Human's original session.
+        const returnTo = snapshot.memberSessionId === undefined && current !== undefined && current !== sessionId ? current : undefined;
+        navigation.actions().enterMemberSession(sessionId, returnTo);
+        sessions.open(sessionId);
+    };
     // Remote bindings shared by every Team slot; surface-specific entries extend it below.
     const sharedRemotes = {
         loadChannels: (request) => ctx.remote.agentTeam.view(request),
@@ -26,25 +39,14 @@ function registerModeShadow(ctx, navigation, changes, drafts, name, component, e
         updateChannel: (request) => ctx.remote.agentTeam.updateChannel(request),
         updateMember: (request) => ctx.remote.agentTeam.updateMember(request),
         recoverMember: (request) => ctx.remote.agentTeam.recoverMember(request),
+        clearMemberContext: (request) => ctx.remote.agentTeam.clearMemberContext(request),
         // The Host-scoped catalog needs no live Member, so suspended ones stay editable too.
         loadModels: async () => {
             const connection = ctx.get('connection');
             const response = await connection.api.llm.models({});
             return response.result;
         },
-        openMemberSession: (sessionId) => {
-            // Stay in Team mode: the conversation shadow stands down for Member
-            // Session views (see registerModeShadow), so the shipped conversation
-            // root renders the selected Member Session inside the Team shell.
-            const sessions = ctx.sessions;
-            const snapshot = navigation.getSnapshot();
-            const current = sessions.list.getSnapshot().current;
-            // The return target is captured on first entry only — switching between
-            // Member Sessions must keep pointing at the Human's original session.
-            const returnTo = snapshot.memberSessionId === undefined && current !== undefined && current !== sessionId ? current : undefined;
-            navigation.actions().enterMemberSession(sessionId, returnTo);
-            sessions.open(sessionId);
-        },
+        openMemberSession: openMemberSessionImpl,
     };
     ctx.slots.inject(name, () => {
         let dispose;