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

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

@@ -2,8 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { MarkdownText, Modal } from '@deepseek-ai/dsh-client-ui-primitives';
 import { cachedAttachmentDataUrl, formatByteSize, loadAttachmentDataUrl } from "./attachment-preview.js";
-import { cachedResolvedTaskRef, resolveUnknownTaskRefs, useResolvedTaskRefVersion } from "./task-refs.js";
+import { cachedResolvedTaskRef, resolveUnknownTaskRefs, useResolvedTaskRefVersion } from "./refs.js";
+import { cachedResolvedThreadRef, resolveUnknownThreadRefs, useResolvedThreadRefVersion } from "./refs.js";
 import { formatMessageTime, isSingleBrandedRef, memberHue, planMessageBody, shouldClampMessage, splitBrandedRefs, splitMentionNames } from "./team-formatters.js";
+import { useAvatarImage } from "./avatar-image.js";
 import css from './conversation.module.css';
 /**
  * One chat message row with identity chrome and sender-appropriate rendering.
@@ -13,30 +15,49 @@ import css from './conversation.module.css';
  * skipping a render here never detaches it. Callers must therefore keep the
  * props they derive per render (mention names, ref callbacks) identity-stable.
  */
-export const TeamMessage = memo(function TeamMessage({ senderName, memberId, human, body, occurredAt, mentionNames, senderTitle, grouped, showGroupedTime, attachments, loadAttachment, t, onOpenRef, onResolveTaskRefs, children }) {
+export const TeamMessage = memo(function TeamMessage({ senderName, memberId, human, avatarUrl, body, occurredAt, mentionNames, senderTitle, grouped, showGroupedTime, attachments, loadAttachment, t, onOpenRef, onResolveTaskRefs, onResolveThreadRefs, channelNameOf, memberOf, onOpenMemberSession, children }) {
     const avatarStyle = human ? undefined : { '--team-avatar-hue': memberHue(memberId) };
+    // Only the Human's own row may draw a picture: the profile owns those bytes,
+    // and one seat painting the reader's face for another author would name two
+    // people alike. A seat draws it while those bytes decode; anything else keeps
+    // the initial, which is what the fallback promises.
+    const identityImage = useAvatarImage(human ? avatarUrl : undefined);
     // Literal bodies carry mention chips inline — Human input always, and
     // plain-prose Agent bodies where literal rendering loses nothing. Rich
     // Markdown keeps unmatched structured mentions in the trailing row.
     // The stored body carries machine-facing `[attachment] <path>` prompt lines;
     // humans see the attachment strip rendered from the message metadata instead.
     // One pure plan resolves the stored body into the rendering branch, the
-    // trailing fallback rows, and the literal Task refs that resolve in place.
+    // trailing fallback rows, and the literal Task/Thread refs that resolve in place.
     const plan = planMessageBody(body, { human, ...(mentionNames === undefined ? {} : { mentionNames }), canOpenRefs: onOpenRef !== undefined });
     const displayBody = plan.displayBody;
     const { richAgentBody } = plan;
-    // Resolved refs re-label once the Host lookup lands; the version token
-    // refreshes literal links and rendered Markdown prose.
-    const refVersion = useResolvedTaskRefVersion();
+    // Resolved refs re-label once the Host lookup lands; the version tokens
+    // refresh literal links and rendered Markdown prose.
+    const taskRefVersion = useResolvedTaskRefVersion();
+    const threadRefVersion = useResolvedThreadRefVersion();
     const bodyTaskRefs = plan.taskRefs;
     const bodyTaskRefKey = bodyTaskRefs.join(',');
+    const bodyThreadRefs = plan.threadRefs;
+    const bodyThreadRefKey = bodyThreadRefs.join(',');
     useEffect(() => {
-        if (onResolveTaskRefs === undefined || bodyTaskRefKey === '')
-            return;
-        void resolveUnknownTaskRefs(bodyTaskRefs, onResolveTaskRefs);
-    }, [onResolveTaskRefs, bodyTaskRefKey, refVersion]);
+        if (onResolveTaskRefs !== undefined && bodyTaskRefKey !== '')
+            void resolveUnknownTaskRefs(bodyTaskRefs, onResolveTaskRefs);
+        if (onResolveThreadRefs !== undefined && bodyThreadRefKey !== '')
+            void resolveUnknownThreadRefs(bodyThreadRefs, onResolveThreadRefs);
+    }, [onResolveTaskRefs, onResolveThreadRefs, bodyTaskRefKey, bodyThreadRefKey, taskRefVersion, threadRefVersion]);
     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]);
+    // Thread chips carry the cited Thread's opening-line gist, so one taskless
+    // Thread no longer reads exactly like the next. Unresolvable refs never
+    // reach this label — they stay plain text (see renderRefs).
+    const threadChipLabel = useCallback((title) => {
+        const base = t?.('threadLabel') ?? 'Thread';
+        return title === '' ? base : `${base} · ${title}`;
+    }, [t]);
+    // Channel chips name the cited Channel; member chips name the cited Member
+    // with a handle — deliberately distinct from `@mention` chips, which notify.
+    const channelChipLabel = useCallback((name) => t?.('channelLabel', { name }) ?? `Channel · ${name}`, [t]);
+    const memberChipLabel = useCallback((name) => t?.('memberLabel', { name }) ?? `Member · @${name}`, [t]);
     // Markdown chrome (code-copy buttons, footnotes heading) is locale copy the
     // cordis-free primitive receives via props. Stable per locale revision — a
     // fresh object per render would rebuild the component table every chunk.
@@ -61,19 +82,31 @@ export const TeamMessage = memo(function TeamMessage({ senderName, memberId, hum
                 .flatMap(text => splitBrandedRefs(text)
                 .filter(segment => segment.ref?.startsWith('task:') === true)
                 .map(segment => segment.ref)))];
+        const threadRefs = [...new Set([...textNodes.map(node => node.data), ...styledRefCodes.map(code => code.textContent ?? '')]
+                .flatMap(text => splitBrandedRefs(text)
+                .filter(segment => segment.ref?.startsWith('thread:') === true)
+                .map(segment => segment.ref)))];
         if (onResolveTaskRefs !== undefined && taskRefs.length > 0)
             void resolveUnknownTaskRefs(taskRefs, onResolveTaskRefs);
+        if (onResolveThreadRefs !== undefined && threadRefs.length > 0)
+            void resolveUnknownThreadRefs(threadRefs, onResolveThreadRefs);
         for (const code of styledRefCodes)
-            renderResolvedMarkdownCodeRef(code, taskLabel, refLabel);
+            renderResolvedMarkdownCodeRef(code, taskLabel, threadChipLabel, channelChipLabel, memberChipLabel, channelNameOf, memberOf);
         for (const node of textNodes)
-            renderResolvedMarkdownText(node, mentionNames ?? [], taskLabel, refLabel);
+            renderResolvedMarkdownText(node, mentionNames ?? [], taskLabel, threadChipLabel, channelChipLabel, memberChipLabel, channelNameOf, memberOf);
         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, refLabel, mentionNames]);
+        for (const button of root.querySelectorAll('button[data-thread-ref]')) {
+            const threadRef = button.dataset.threadRef;
+            const hit = threadRef === undefined ? undefined : cachedResolvedThreadRef(threadRef);
+            if (threadRef !== undefined && hit !== undefined)
+                button.textContent = threadChipLabel(hit.title);
+        }
+    }, [richAgentBody, onOpenRef, onResolveTaskRefs, onResolveThreadRefs, taskRefVersion, threadRefVersion, taskLabel, threadChipLabel, channelChipLabel, memberChipLabel, channelNameOf, memberOf, mentionNames]);
     useEffect(() => {
         const root = markdownRef.current;
         if (!richAgentBody || root === null || onOpenRef === undefined)
@@ -82,24 +115,35 @@ export const TeamMessage = memo(function TeamMessage({ senderName, memberId, hum
             const target = event.target;
             if (!(target instanceof Element))
                 return;
-            const button = target.closest('button[data-ref], button[data-task-ref]');
+            const button = target.closest('button[data-ref], button[data-task-ref], button[data-thread-ref], button[data-member-session]');
             if (button === null || !root.contains(button))
                 return;
-            const ref = button instanceof HTMLElement ? button.dataset.ref ?? button.dataset.taskRef : undefined;
-            if (ref !== undefined)
-                onOpenRef(ref);
+            if (button instanceof HTMLElement) {
+                // Member chips carry their session, not a Team ref: the same jump
+                // the agent card performs. Every other chip resolves to onOpenRef.
+                const sessionId = button.dataset.memberSession;
+                if (sessionId !== undefined) {
+                    onOpenMemberSession?.(sessionId);
+                    return;
+                }
+                const ref = button.dataset.ref ?? button.dataset.taskRef ?? button.dataset.threadRef;
+                if (ref !== undefined)
+                    onOpenRef(ref);
+            }
         };
         root.addEventListener('click', openTask);
         return () => { root.removeEventListener('click', openTask); };
-    }, [richAgentBody, onOpenRef]);
+    }, [richAgentBody, onOpenRef, onOpenMemberSession]);
     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, refLabel) }, index)) })
+                : _jsx(Fragment, { children: renderRefs(segment.text, onOpenRef, onOpenMemberSession, taskLabel, threadChipLabel, channelChipLabel, memberChipLabel, channelNameOf, memberOf) }, index)) })
         : plan.render === 'literal'
-            ? _jsx("div", { className: css.messageText, children: onOpenRef === undefined ? displayBody : renderRefs(displayBody, onOpenRef, taskLabel, refLabel) })
+            ? _jsx("div", { className: css.messageText, children: onOpenRef === undefined ? displayBody : renderRefs(displayBody, onOpenRef, onOpenMemberSession, taskLabel, threadChipLabel, channelChipLabel, memberChipLabel, channelNameOf, memberOf) })
             : _jsx("div", { ref: markdownRef, className: css.messageMarkdown, children: _jsx(MarkdownText, { text: displayBody, labels: markdownLabels }, `${displayBody}:${onOpenRef === undefined ? 'literal' : 'refs'}`) });
-    return (_jsxs("article", { className: css.messageRow, "data-human": human || undefined, "data-grouped": grouped || undefined, children: [_jsx("div", { className: css.messageIdentity, style: avatarStyle, "aria-hidden": "true", children: senderName.replace('@', '').slice(0, 1).toUpperCase() }), _jsxs("div", { className: css.messageBody, children: [(!grouped || showGroupedTime === true) && (_jsxs("div", { className: css.nameRow, children: [!grouped && _jsx("strong", { ...(senderTitle === undefined ? {} : { title: senderTitle }), children: senderName }), occurredAt !== undefined && _jsx("span", { className: css.messageTime, children: formatMessageTime(occurredAt) })] })), clampable ? _jsx("div", { className: clamped ? css.messageClamp : undefined, children: bodyNode }) : bodyNode, clampable && (_jsx("button", { type: "button", className: css.messageExpand, "data-message-expand": "true", "aria-expanded": expanded, onClick: () => { setExpanded(value => !value); }, children: expanded ? (t?.('collapseMessage') ?? 'Show less') : (t?.('expandMessage') ?? 'Show more') })), (plan.fallbackNames.length > 0 || plan.fallbackRefs.length > 0) && (_jsxs("div", { className: css.mentionsRow, children: [plan.fallbackNames.map(name => _jsxs("span", { className: css.mention, children: ["@", name] }, name)), plan.fallbackRefs.map(ref => {
+    return (_jsxs("article", { className: css.messageRow, "data-human": human || undefined, "data-grouped": grouped || undefined, children: [identityImage.src === undefined
+                ? _jsx("div", { className: css.messageIdentity, "data-avatar": "initial", style: avatarStyle, "aria-hidden": "true", children: senderName.replace('@', '').slice(0, 1).toUpperCase() })
+                : _jsx("img", { className: css.messageIdentityImage, "data-avatar": "image", src: identityImage.src, alt: "", "aria-hidden": "true", onError: identityImage.failed }), _jsxs("div", { className: css.messageBody, children: [(!grouped || showGroupedTime === true) && (_jsxs("div", { className: css.nameRow, children: [!grouped && _jsx("strong", { ...(senderTitle === undefined ? {} : { title: senderTitle }), children: senderName }), occurredAt !== undefined && _jsx("span", { className: css.messageTime, children: formatMessageTime(occurredAt) })] })), clampable ? _jsx("div", { className: clamped ? css.messageClamp : undefined, children: bodyNode }) : bodyNode, clampable && (_jsx("button", { type: "button", className: css.messageExpand, "data-message-expand": "true", "aria-expanded": expanded, onClick: () => { setExpanded(value => !value); }, children: expanded ? (t?.('collapseMessage') ?? 'Show less') : (t?.('expandMessage') ?? 'Show more') })), (plan.fallbackNames.length > 0 || plan.fallbackRefs.length > 0) && (_jsxs("div", { className: css.mentionsRow, children: [plan.fallbackNames.map(name => _jsxs("span", { className: css.mention, children: ["@", name] }, name)), plan.fallbackRefs.map(ref => {
                                 const resolved = cachedResolvedTaskRef(ref);
                                 const label = resolved !== undefined && ref.startsWith('task:') ? taskLabel(resolved.taskNumber) : ref;
                                 return _jsx("button", { type: "button", className: css.refLink, title: ref, onClick: () => { onOpenRef(ref); }, children: label }, ref);
@@ -146,32 +190,89 @@ function resolvedTaskRefButton(taskRef, label) {
     button.textContent = label;
     return button;
 }
-/** Replace a whole-ref code span with its resolved Task chip once known. */
-function renderResolvedMarkdownCodeRef(code, taskLabel, refLabel) {
+/** One resolved Thread-ref chip built outside React, matching the styled ref link. */
+function resolvedThreadRefButton(threadRef, label) {
+    const button = document.createElement('button');
+    button.type = 'button';
+    if (css.refLink !== undefined)
+        button.className = css.refLink;
+    button.dataset.threadRef = threadRef;
+    button.title = threadRef;
+    button.textContent = label;
+    return button;
+}
+/** One roster-resolved Channel chip built outside React, matching the styled ref link. */
+function resolvedChannelRefButton(channelRef, label) {
+    const button = document.createElement('button');
+    button.type = 'button';
+    if (css.refLink !== undefined)
+        button.className = css.refLink;
+    button.dataset.ref = channelRef;
+    button.title = channelRef;
+    button.textContent = label;
+    return button;
+}
+/**
+ * One roster-resolved Member chip built outside React. Openable Members jump
+ * to their session through the delegated click listener; everyone else gets
+ * a labelled but inert span, never a link-shaped misfire.
+ */
+function resolvedMemberRefChip(memberRef, label, sessionId) {
+    if (sessionId === undefined) {
+        const span = document.createElement('span');
+        span.title = memberRef;
+        span.textContent = label;
+        return span;
+    }
+    const button = document.createElement('button');
+    button.type = 'button';
+    if (css.refLink !== undefined)
+        button.className = css.refLink;
+    button.dataset.memberSession = sessionId;
+    button.title = memberRef;
+    button.textContent = label;
+    return button;
+}
+/** Replace a whole-ref code span with its resolved chip once known. */
+function renderResolvedMarkdownCodeRef(code, taskLabel, threadChipLabel, channelChipLabel, memberChipLabel, channelNameOf, memberOf) {
     const segments = splitBrandedRefs((code.textContent ?? '').trim());
     const segment = segments.length === 1 ? segments[0] : 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)
+    // Task and Thread refs need Host resolution before becoming human-readable
+    // links; Channel and Member refs resolve against the loaded rosters, and
+    // anything the roster does not know stays untouched plain text.
+    if (ref.startsWith('task:')) {
+        const resolved = cachedResolvedTaskRef(ref);
+        if (resolved === undefined)
+            return;
+        code.replaceWith(resolvedTaskRefButton(ref, taskLabel(resolved.taskNumber)));
         return;
-    if (taskRef !== undefined) {
-        code.replaceWith(resolvedTaskRefButton(taskRef, taskLabel(resolved.taskNumber)));
+    }
+    if (ref.startsWith('thread:')) {
+        const resolved = cachedResolvedThreadRef(ref);
+        if (resolved === undefined)
+            return;
+        code.replaceWith(resolvedThreadRefButton(ref, threadChipLabel(resolved.title)));
         return;
     }
-    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);
+    if (ref.startsWith('channel:')) {
+        const name = channelNameOf?.(ref);
+        if (name === undefined)
+            return;
+        code.replaceWith(resolvedChannelRefButton(ref, channelChipLabel(name)));
+        return;
+    }
+    if (ref.startsWith('member:')) {
+        const resolved = memberOf?.(ref);
+        if (resolved === undefined)
+            return;
+        code.replaceWith(resolvedMemberRefChip(ref, memberChipLabel(resolved.handle), resolved.openable ? resolved.sessionId : undefined));
+    }
 }
-/** Replace resolved Task refs and structured mention handles in one prose text node without changing Markdown structure. */
-function renderResolvedMarkdownText(node, mentionNames, taskLabel, refLabel) {
+/** Replace resolved Task/Thread/Channel/Member refs and structured mention handles in one prose text node without changing Markdown structure. */
+function renderResolvedMarkdownText(node, mentionNames, taskLabel, threadChipLabel, channelChipLabel, memberChipLabel, channelNameOf, memberOf) {
     let changed = false;
     const fragment = document.createDocumentFragment();
     for (const refSegment of splitBrandedRefs(node.data)) {
@@ -190,48 +291,93 @@ function renderResolvedMarkdownText(node, mentionNames, taskLabel, refLabel) {
             }
             continue;
         }
-        const taskRef = refSegment.ref.startsWith('task:') === true ? refSegment.ref : undefined;
-        const resolved = taskRef === undefined ? undefined : cachedResolvedTaskRef(taskRef);
-        // 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;
+        // Task and Thread refs need Host resolution before becoming human-readable
+        // links; Channel and Member refs resolve against the loaded rosters.
+        // Unresolvable refs stay plain text so prose never misfires as a link.
+        if (refSegment.ref.startsWith('task:')) {
+            const resolved = cachedResolvedTaskRef(refSegment.ref);
+            if (resolved === undefined) {
+                fragment.append(refSegment.text);
+                continue;
+            }
+            changed = true;
+            fragment.append(resolvedTaskRefButton(refSegment.ref, taskLabel(resolved.taskNumber)));
+        }
+        else if (refSegment.ref.startsWith('thread:')) {
+            const resolved = cachedResolvedThreadRef(refSegment.ref);
+            if (resolved === undefined) {
+                fragment.append(refSegment.text);
+                continue;
+            }
+            changed = true;
+            fragment.append(resolvedThreadRefButton(refSegment.ref, threadChipLabel(resolved.title)));
         }
-        changed = true;
-        if (taskRef !== undefined) {
-            fragment.append(resolvedTaskRefButton(taskRef, taskLabel(resolved.taskNumber)));
+        else if (refSegment.ref.startsWith('channel:')) {
+            const name = channelNameOf?.(refSegment.ref);
+            if (name === undefined) {
+                fragment.append(refSegment.text);
+                continue;
+            }
+            changed = true;
+            fragment.append(resolvedChannelRefButton(refSegment.ref, channelChipLabel(name)));
+        }
+        else if (refSegment.ref.startsWith('member:')) {
+            const resolved = memberOf?.(refSegment.ref);
+            if (resolved === undefined) {
+                fragment.append(refSegment.text);
+                continue;
+            }
+            changed = true;
+            fragment.append(resolvedMemberRefChip(refSegment.ref, memberChipLabel(resolved.handle), resolved.openable ? resolved.sessionId : undefined));
         }
         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);
+            fragment.append(refSegment.text);
         }
     }
     if (changed)
         node.replaceWith(fragment);
 }
 /** Render one literal text run, linkifying branded refs when navigation is available. */
-function renderRefs(text, onOpenRef, taskLabel, refLabel) {
+function renderRefs(text, onOpenRef, onOpenMemberSession, taskLabel, threadChipLabel, channelChipLabel, memberChipLabel, channelNameOf, memberOf) {
     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);
-        // Task refs link only once the Host confirms them; abbreviated or unknown
-        // refs stay plain text so prose never misfires as a link. Channel and
-        // Thread refs have no resolver and link at the authored position.
-        if (segment.ref.startsWith('task:') && resolved === undefined)
-            return _jsx(Fragment, { children: segment.text }, index);
-        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);
+        // Task and Thread refs link only once the Host confirms them; Channel and
+        // Member refs link once the loaded roster knows them. Anything unknown
+        // stays plain text so prose never misfires as a link.
+        if (segment.ref.startsWith('task:')) {
+            const resolved = cachedResolvedTaskRef(segment.ref);
+            if (resolved === undefined)
+                return _jsx(Fragment, { children: segment.text }, index);
+            return _jsx("button", { type: "button", className: css.refLink, title: segment.ref, onClick: () => { onOpenRef(segment.ref); }, children: taskLabel(resolved.taskNumber) }, index);
+        }
+        if (segment.ref.startsWith('thread:')) {
+            const resolved = cachedResolvedThreadRef(segment.ref);
+            if (resolved === undefined)
+                return _jsx(Fragment, { children: segment.text }, index);
+            return _jsx("button", { type: "button", className: css.refLink, title: segment.ref, onClick: () => { onOpenRef(segment.ref); }, children: threadChipLabel(resolved.title) }, index);
+        }
+        if (segment.ref.startsWith('channel:')) {
+            const name = channelNameOf?.(segment.ref);
+            if (name === undefined)
+                return _jsx(Fragment, { children: segment.text }, index);
+            return _jsx("button", { type: "button", className: css.refLink, title: segment.ref, onClick: () => { onOpenRef(segment.ref); }, children: channelChipLabel(name) }, index);
+        }
+        if (segment.ref.startsWith('member:')) {
+            const resolved = memberOf?.(segment.ref);
+            if (resolved === undefined)
+                return _jsx(Fragment, { children: segment.text }, index);
+            // Known but not openable (suspended Members, the Human): a labelled
+            // span, informative without promising a jump that cannot happen.
+            if (!resolved.openable || resolved.sessionId === undefined || onOpenMemberSession === undefined) {
+                return _jsx("span", { title: segment.ref, children: memberChipLabel(resolved.handle) }, index);
+            }
+            const sessionId = resolved.sessionId;
+            return _jsx("button", { type: "button", className: css.refLink, title: segment.ref, onClick: () => { onOpenMemberSession(sessionId); }, children: memberChipLabel(resolved.handle) }, index);
+        }
+        return _jsx(Fragment, { children: segment.text }, index);
     });
 }
 /** One message's attachment strip: image thumbnails with a large view, or name chips when bytes are gone. */

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":"AACA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,uCAAuC,CAAA;AAGxG;;;;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"}
+{"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/TeamRowMenu.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
-import { IconEllipsisOutlineRegular, Menu } from '@deepseek-ai/dsh-client-ui-primitives';
+import { IconEllipsisOutline16, Menu } from '@deepseek-ai/dsh-client-ui-primitives';
 import css from './sidebar.module.css';
 /**
  * Row-level overflow menu shared by sidebar Channel and Agent rows, mirroring
@@ -19,5 +19,5 @@ export function TeamRowMenu({ label, items, onSelect, onOpenChange }) {
         setOpen(false);
         onOpenChange?.(false);
     };
-    return (_jsx(Menu, { open: open, onClose: close, items: items, onSelect: (id) => { close(); onSelect(id); }, portal: true, closeOnPointerLeave: true, anchor: (_jsx("button", { type: "button", className: css.rowMenuButton, "aria-label": label, "aria-haspopup": "menu", "aria-expanded": open, onClick: (event) => { event.stopPropagation(); toggle(); }, children: _jsx(IconEllipsisOutlineRegular, {}) })) }));
+    return (_jsx(Menu, { open: open, onClose: close, items: items, onSelect: (id) => { close(); onSelect(id); }, portal: true, closeOnPointerLeave: true, anchor: (_jsx("button", { type: "button", className: css.rowMenuButton, "aria-label": label, "aria-haspopup": "menu", "aria-expanded": open, onClick: (event) => { event.stopPropagation(); toggle(); }, children: _jsx(IconEllipsisOutline16, {}) })) }));
 }

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconChevronDownOutlineRegular } from '@deepseek-ai/dsh-client-ui-primitives';
+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, 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(IconChevronDownOutlineRegular, { className: css.sectionChevron }), _jsx("span", { className: css.sectionTitle, children: title })] }), actions !== undefined && _jsx("span", { className: css.sectionActions, children: actions })] }), open && 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

@@ -4,6 +4,9 @@ import type { TeamConversationProps } from './slots.ts';
 import type { TeamDraftStore } from './drafts.ts';
 interface TeamThreadPageProps {
     readonly workspaceId: WorkspaceId;
+    /** The Human's own display name and avatar, from the shared identity projection. */
+    readonly humanName: string;
+    readonly humanAvatarUrl?: string | undefined;
     readonly channelRef?: AgentTeamChannelRef;
     readonly taskRef?: AgentTeamTaskRef;
     readonly threadRef: AgentTeamThreadRef;
@@ -24,6 +27,8 @@ interface TeamThreadPageProps {
     readonly selectChannel: TeamConversationProps['selectChannel'];
     readonly selectThread: TeamConversationProps['selectThread'];
     readonly resolveTaskRefs: TeamConversationProps['resolveTaskRefs'];
+    readonly resolveThreadRefs: TeamConversationProps['resolveThreadRefs'];
+    readonly openMemberSession: TeamConversationProps['openMemberSession'];
     readonly t: TeamConversationProps['t'];
 }
 export declare function TeamThreadPage(props: TeamThreadPageProps): import("react").JSX.Element;

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,EAEV,mBAAmB,EAInB,gBAAgB,EAGhB,kBAAkB,EAEnB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAA;AAEnF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAA;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,kBAAkB,EAAE,qBAAqB,CAAC,oBAAoB,CAAC,CAAA;IACxE,QAAQ,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAA;IACpE,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAC9C,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAClE,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC;AA+CD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BA2uBxD"}
+{"version":3,"file":"TeamThreadPage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamThreadPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,mBAAmB,EAInB,gBAAgB,EAGhB,kBAAkB,EAEnB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAA;AAEnF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAA;AAgB/D,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,oFAAoF;IACpF,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5C,QAAQ,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAA;IACzC,QAAQ,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAA;IACnC,QAAQ,CAAC,SAAS,EAAE,kBAAkB,CAAA;IACtC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAClE,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACxD,QAAQ,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;IACtE,QAAQ,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,oBAAoB,CAAC,CAAA;IACxE,QAAQ,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAA;IACpE,QAAQ,CAAC,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAC1D,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAC9C,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACxD,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAClE,QAAQ,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;IACtE,QAAQ,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;IACtE,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC;AA+CD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BA6wBxD"}