@wowyuarm/dsh-agent-team 0.1.0 → 0.1.1

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

@@ -1,6 +1,6 @@
 import type { AgentTeamClientMemberStatus, AgentTeamMemberId } from '@wowyuarm/dsh-agent-team/types';
 import type { TeamConversationProps } from './slots.ts';
-export declare function TeamComposer({ members, recipients, draft, pending, confirmation, error, onDraftChange, onRecipientsChange, onSubmit, t }: {
+export declare function TeamComposer({ members, recipients, draft, pending, confirmation, error, onDraftChange, onRecipientsChange, onSubmit, pendingFiles, onFilesChange, t }: {
     readonly members: readonly AgentTeamClientMemberStatus[];
     readonly recipients: ReadonlySet<AgentTeamMemberId>;
     readonly draft: string;
@@ -10,6 +10,9 @@ export declare function TeamComposer({ members, recipients, draft, pending, conf
     readonly onDraftChange: (draft: string) => void;
     readonly onRecipientsChange: (recipients: ReadonlySet<AgentTeamMemberId>) => void;
     readonly onSubmit: () => void;
+    /** Upload-capable surfaces pass this to enable the "+" file picker; the reply path omits it. */
+    readonly pendingFiles?: readonly File[];
+    readonly onFilesChange?: (files: readonly File[]) => void;
     readonly t: TeamConversationProps['t'];
 }): import("react").JSX.Element;
 //# sourceMappingURL=TeamComposer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TeamComposer.d.ts","sourceRoot":"","sources":["../../../src/client/TeamComposer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEpG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAoCvD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE;IACzI,QAAQ,CAAC,OAAO,EAAE,SAAS,2BAA2B,EAAE,CAAA;IACxD,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAA;IACnD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACjF,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC,+BAkKA"}
+{"version":3,"file":"TeamComposer.d.ts","sourceRoot":"","sources":["../../../src/client/TeamComposer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEpG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAoCvD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,EAAE,EAAE;IACtK,QAAQ,CAAC,OAAO,EAAE,SAAS,2BAA2B,EAAE,CAAA;IACxD,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAA;IACnD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACjF,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,gGAAgG;IAChG,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,IAAI,EAAE,CAAA;IACvC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,IAAI,EAAE,KAAK,IAAI,CAAA;IACzD,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC,+BAyNA"}

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

@@ -1,6 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { IconSendOutline16, useAnchoredMaxHeight, useDismissOnOutsidePointer } from '@deepseek-ai/dsh-client-ui-primitives';
+import { IconPlusOutline16, IconSendOutline16, useAnchoredMaxHeight, useDismissOnOutsidePointer } from '@deepseek-ai/dsh-client-ui-primitives';
 import { TeamPresenceDot } from "./TeamPresenceDot.js";
 import css from './composer.module.css';
 function findMention(draft, caret) {
@@ -29,8 +29,9 @@ function mentionCandidates(members, query) {
         && status.member.state !== 'inactive'
         && status.member.handle.toLocaleLowerCase().startsWith(normalized));
 }
-export function TeamComposer({ members, recipients, draft, pending, confirmation, error, onDraftChange, onRecipientsChange, onSubmit, t }) {
+export function TeamComposer({ members, recipients, draft, pending, confirmation, error, onDraftChange, onRecipientsChange, onSubmit, pendingFiles, onFilesChange, t }) {
     const inputRef = useRef(null);
+    const fileInputRef = useRef(null);
     const rootRef = useRef(null);
     const menuRef = useRef(null);
     const composingRef = useRef(false);
@@ -57,6 +58,22 @@ export function TeamComposer({ members, recipients, draft, pending, confirmation
         }
         setHighlight(current => Math.min(current, candidates.length - 1));
     }, [mention, candidates.length]);
+    // Match the resident DSH composer without stealing a later user choice: Team
+    // data can load after navigation, so a dialog or another control may already
+    // own focus by the time this composer appears.
+    useEffect(() => {
+        const active = document.activeElement;
+        if (active !== document.body && active?.closest('[aria-current="page"]') === null)
+            return;
+        inputRef.current?.focus({ preventScroll: true });
+    }, []);
+    // Confirmation settles after a read-only submission span. Restore focus in
+    // case the browser moved it so the second Enter can confirm immediately.
+    useEffect(() => {
+        if (confirmation === undefined || pending)
+            return;
+        inputRef.current?.focus({ preventScroll: true });
+    }, [confirmation, pending]);
     const pruneRecipients = (nextDraft) => {
         const knownMembers = new Map(members.map(status => [status.member.memberId, status.member]));
         const next = new Set([...recipients].filter(memberId => {
@@ -66,6 +83,15 @@ export function TeamComposer({ members, recipients, draft, pending, confirmation
         if (next.size !== recipients.size)
             onRecipientsChange(next);
     };
+    // Restored drafts may carry recipients that no longer match the text (or
+    // unknown Members); converge on mount and on every state change so the
+    // cached entry never stays stale — the same rule user edits already apply.
+    // An unloaded roster must never judge recipients unknown.
+    useEffect(() => {
+        if (members.length === 0)
+            return;
+        pruneRecipients(draft);
+    }, [draft, recipients, members]);
     const updateMention = (nextDraft, caret) => {
         const match = findMention(nextDraft, caret);
         setMention(match);
@@ -133,6 +159,7 @@ export function TeamComposer({ members, recipients, draft, pending, confirmation
             onSubmit();
     };
     return _jsxs("form", { ref: rootRef, className: css.root, onSubmit: event => {
+            console.log('DBG composer submit pending=%s draft=%j', pending, draft);
             event.preventDefault();
             if (!pending && draft.trim() !== '')
                 onSubmit();
@@ -140,5 +167,14 @@ export function TeamComposer({ members, recipients, draft, pending, confirmation
                                     const optionId = `${listId}-${status.member.memberId}`;
                                     const selected = index === highlight;
                                     return _jsxs("button", { id: optionId, type: "button", role: "option", "aria-selected": selected, className: css.mentionOption, onMouseDown: event => { event.preventDefault(); }, onClick: () => { selectMention(status); }, children: [_jsx(TeamPresenceDot, { status: status, t: t }), _jsxs("span", { className: css.mentionName, children: ["@", status.member.handle] }), _jsx("span", { className: css.mentionDescription, children: status.member.description })] }, status.member.memberId);
-                                }) }), _jsx("textarea", { ref: inputRef, "aria-label": t('messageDraft'), "aria-autocomplete": "list", "aria-controls": menuOpen ? listId : undefined, "aria-activedescendant": menuOpen && activeCandidate !== undefined ? `${listId}-${activeCandidate.member.memberId}` : undefined, "aria-expanded": menuOpen, value: draft, disabled: pending, placeholder: t('messagePlaceholder'), rows: 1, onChange: onChange, onKeyDown: onKeyDown, onSelect: event => { updateMention(event.currentTarget.value, event.currentTarget.selectionStart ?? event.currentTarget.value.length); }, onCompositionStart: () => { composingRef.current = true; }, onCompositionEnd: () => { setTimeout(() => { composingRef.current = false; }, 10); } })] }), recipients.size > 0 && _jsx("p", { className: css.notifyRow, "data-team-notify": true, children: t('composerNotify', { ids: [...recipients].sort().map(memberId => `@${members.find(candidate => candidate.member.memberId === memberId)?.member.handle ?? memberId}`).join(', ') }) }), _jsx("div", { className: css.toolbar, children: _jsx("button", { type: "submit", className: css.sendButton, "aria-label": pending ? t('sendingMessage') : t('sendMessage'), disabled: pending || draft.trim() === '', children: _jsx(IconSendOutline16, { size: 16 }) }) })] }), error !== undefined && _jsx("p", { className: css.error, role: "alert", children: error })] });
+                                }) }), _jsx("textarea", { ref: inputRef, "aria-label": t('messageDraft'), "aria-autocomplete": "list", "aria-controls": menuOpen ? listId : undefined, "aria-activedescendant": menuOpen && activeCandidate !== undefined ? `${listId}-${activeCandidate.member.memberId}` : undefined, "aria-expanded": menuOpen, value: draft, readOnly: pending, placeholder: t('messagePlaceholder'), rows: 1, onChange: onChange, onKeyDown: onKeyDown, onSelect: event => { updateMention(event.currentTarget.value, event.currentTarget.selectionStart ?? event.currentTarget.value.length); }, onCompositionStart: () => { composingRef.current = true; }, onCompositionEnd: () => { setTimeout(() => { composingRef.current = false; }, 10); } })] }), recipients.size > 0 && _jsx("p", { className: css.notifyRow, "data-team-notify": true, children: t('composerNotify', { ids: [...recipients].sort().map(memberId => `@${members.find(candidate => candidate.member.memberId === memberId)?.member.handle ?? memberId}`).join(', ') }) }), onFilesChange !== undefined && pendingFiles !== undefined && pendingFiles.length > 0 && (_jsx("ul", { className: css.fileChips, "aria-label": t('attachFiles'), children: pendingFiles.map((file, index) => _jsxs("li", { className: css.fileChip, children: [_jsx("span", { className: css.fileChipName, title: file.name, children: file.name }), _jsx("button", { type: "button", className: css.fileChipRemove, "aria-label": t('removeFile', { name: file.name }), disabled: pending, onClick: () => { onFilesChange(pendingFiles.filter((_, candidate) => candidate !== index)); }, children: "\u00D7" })] }, `${file.name}-${index}`)) })), _jsxs("div", { className: css.toolbar, children: [onFilesChange !== undefined && (_jsxs(_Fragment, { children: [_jsx("input", { ref: fileInputRef, type: "file", multiple: true, className: css.fileInput, "aria-hidden": "true", tabIndex: -1, onChange: event => {
+                                            const chosen = [...event.target.files ?? []];
+                                            if (chosen.length > 0 && pendingFiles !== undefined)
+                                                onFilesChange([...pendingFiles, ...chosen]);
+                                            event.target.value = '';
+                                        } }), _jsx("button", { type: "button", className: css.attachButton, "aria-label": t('attachFiles'), title: t('attachFiles'), disabled: pending, onClick: () => { fileInputRef.current?.click(); }, children: _jsx(IconPlusOutline16, { size: 14 }) })] })), _jsx("button", { type: "submit", className: css.sendButton, "aria-label": pending ? t('sendingMessage') : t('sendMessage'), disabled: pending || draft.trim() === '', onMouseDown: event => {
+                                    // Keep the composer focused when the send control is clicked.
+                                    event.preventDefault();
+                                    inputRef.current?.focus({ preventScroll: true });
+                                }, children: _jsx(IconSendOutline16, { size: 16 }) })] })] }), error !== undefined && _jsx("p", { className: css.error, role: "alert", children: error })] });
 }

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

@@ -1,3 +1,3 @@
 import type { TeamConversationProps } from './slots.ts';
-export declare function TeamConversation({ t, useWorkspaces, navigation, loadChannels, readThread, loadThreadHistory, subscribeChanges, loadMembers, sendMessage, joinChannel, removeChannelMember, reply, changeTask, selectThread, backToWorkspace, backToChannels }: TeamConversationProps): import("react").JSX.Element;
+export declare function TeamConversation({ t, useWorkspaces, navigation, drafts, putAttachment, getAttachment, loadChannels, readThread, loadThreadHistory, subscribeChanges, loadMembers, sendMessage, joinChannel, removeChannelMember, reply, changeTask, selectThread, backToWorkspace, backToChannels }: TeamConversationProps): import("react").JSX.Element;
 //# sourceMappingURL=TeamConversation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TeamConversation.d.ts","sourceRoot":"","sources":["../../../src/client/TeamConversation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAKvD,wBAAgB,gBAAgB,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,qBAAqB,+BAoBpR"}
+{"version":3,"file":"TeamConversation.d.ts","sourceRoot":"","sources":["../../../src/client/TeamConversation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAKvD,wBAAgB,gBAAgB,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,qBAAqB,+BAoB1T"}

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

@@ -3,15 +3,15 @@ import { useSyncExternalStore } from 'react';
 import { TeamChannelPage } from "./TeamChannelPage.js";
 import { TeamThreadPage } from "./TeamThreadPage.js";
 import css from './conversation.module.css';
-export function TeamConversation({ t, useWorkspaces, navigation, loadChannels, readThread, loadThreadHistory, subscribeChanges, loadMembers, sendMessage, joinChannel, removeChannelMember, reply, changeTask, selectThread, backToWorkspace, backToChannels }) {
+export function TeamConversation({ t, useWorkspaces, navigation, drafts, putAttachment, getAttachment, loadChannels, readThread, loadThreadHistory, subscribeChanges, loadMembers, sendMessage, joinChannel, removeChannelMember, reply, changeTask, selectThread, backToWorkspace, backToChannels }) {
     const navigationState = useSyncExternalStore(navigation.subscribe, navigation.getSnapshot, navigation.getSnapshot);
     const workspaces = useWorkspaces(state => state.items);
     const current = workspaces.find(workspace => workspace.workspaceId === navigationState.workspaceId);
     if (current !== undefined && navigationState.taskRef !== undefined && navigationState.threadRef !== undefined) {
-        return _jsx(TeamThreadPage, { workspaceId: current.workspaceId, taskRef: navigationState.taskRef, threadRef: navigationState.threadRef, backToWorkspace: backToWorkspace, ...(navigationState.channelRef === undefined ? {} : { channelRef: navigationState.channelRef }), ...(navigationState.taskNumber === undefined ? {} : { taskNumber: navigationState.taskNumber }), readThread: readThread, loadChannels: loadChannels, loadThreadHistory: loadThreadHistory, subscribeChanges: subscribeChanges, loadMembers: loadMembers, reply: reply, changeTask: changeTask, t: t }, navigationState.threadRef);
+        return _jsx(TeamThreadPage, { workspaceId: current.workspaceId, taskRef: navigationState.taskRef, threadRef: navigationState.threadRef, backToWorkspace: backToWorkspace, ...(navigationState.channelRef === undefined ? {} : { channelRef: navigationState.channelRef }), ...(navigationState.taskNumber === undefined ? {} : { taskNumber: navigationState.taskNumber }), drafts: drafts, getAttachment: getAttachment, readThread: readThread, loadChannels: loadChannels, loadThreadHistory: loadThreadHistory, subscribeChanges: subscribeChanges, loadMembers: loadMembers, reply: reply, changeTask: changeTask, t: t }, navigationState.threadRef);
     }
     if (current !== undefined && navigationState.channelRef !== undefined) {
-        return _jsx(TeamChannelPage, { workspaceId: current.workspaceId, channelRef: navigationState.channelRef, loadChannels: loadChannels, subscribeChanges: subscribeChanges, loadMembers: loadMembers, sendMessage: sendMessage, joinChannel: joinChannel, removeChannelMember: removeChannelMember, selectThread: selectThread, backToChannels: backToChannels, t: t }, navigationState.channelRef);
+        return _jsx(TeamChannelPage, { workspaceId: current.workspaceId, channelRef: navigationState.channelRef, drafts: drafts, putAttachment: putAttachment, getAttachment: getAttachment, loadChannels: loadChannels, subscribeChanges: subscribeChanges, loadMembers: loadMembers, sendMessage: sendMessage, joinChannel: joinChannel, removeChannelMember: removeChannelMember, selectThread: selectThread, backToChannels: backToChannels, t: t }, navigationState.channelRef);
     }
     const welcome = current === undefined
         ? { eyebrow: t('teamMode'), title: t('team'), body: t('empty') }

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

@@ -1,5 +1,6 @@
 import { type ReactNode } from 'react';
-import type { AgentTeamMemberId } from '@wowyuarm/dsh-agent-team/types';
+import type { AgentTeamMemberId, AgentTeamMessageAttachment } from '@wowyuarm/dsh-agent-team/types';
+import type { TeamConversationProps } from './slots.ts';
 export interface TeamMessageProps {
     readonly senderName: string;
     readonly memberId: AgentTeamMemberId;
@@ -12,8 +13,12 @@ export interface TeamMessageProps {
     readonly senderTitle?: string;
     /** Continuation of one same-sender run: suppress repeated identity chrome. */
     readonly grouped?: boolean;
+    readonly attachments?: readonly AgentTeamMessageAttachment[] | undefined;
+    /** Cache readback for thumbnails; absent on surfaces without the remotes. */
+    readonly loadAttachment?: TeamConversationProps['getAttachment'] | undefined;
+    readonly t?: TeamConversationProps['t'] | undefined;
     readonly children?: ReactNode;
 }
 /** One chat message row with identity chrome and sender-appropriate rendering. */
-export declare function TeamMessage({ senderName, memberId, human, body, occurredAt, mentionNames, senderTitle, grouped, children }: TeamMessageProps): import("react").JSX.Element;
+export declare function TeamMessage({ senderName, memberId, human, body, occurredAt, mentionNames, senderTitle, grouped, attachments, loadAttachment, t, children }: TeamMessageProps): import("react").JSX.Element;
 //# sourceMappingURL=TeamMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TeamMessage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAIvE,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,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,QAAQ,EAAE,EAAE,gBAAgB,+BAsC5I"}
+{"version":3,"file":"TeamMessage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEzF,OAAO,KAAK,EAAgC,iBAAiB,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAA;AACjI,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAKvD,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,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,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,WAAW,EAAE,cAAc,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BA8C5K"}

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

@@ -1,17 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from 'react';
-import { MarkdownText, MessageText } from '@deepseek-ai/dsh-client-ui-primitives';
-import { formatMessageTime, isPlainTextBody, memberHue, splitMentionNames } from "./team-formatters.js";
+import { Fragment, useEffect, useState } from 'react';
+import { MarkdownText, MessageText, Modal } from '@deepseek-ai/dsh-client-ui-primitives';
+import { cachedAttachmentDataUrl, formatByteSize, loadAttachmentDataUrl } from "./attachment-preview.js";
+import { formatMessageTime, isPlainTextBody, memberHue, splitMentionNames, stripAttachmentLines } from "./team-formatters.js";
 import css from './conversation.module.css';
 /** One chat message row with identity chrome and sender-appropriate rendering. */
-export function TeamMessage({ senderName, memberId, human, body, occurredAt, mentionNames, senderTitle, grouped, children }) {
+export function TeamMessage({ senderName, memberId, human, body, occurredAt, mentionNames, senderTitle, grouped, attachments, loadAttachment, t, children }) {
     const avatarStyle = human ? undefined : { '--team-avatar-hue': memberHue(memberId) };
     // Literal bodies carry the chips inline — Human input always, and plain-
     // prose Agent bodies where literal rendering loses nothing. Rich Markdown
     // Agent bodies fall back to the trailing chip row: the Markdown primitive
     // renders block-level documents, so chips cannot interleave mid-paragraph.
-    const inline = (human || isPlainTextBody(body)) && mentionNames !== undefined && mentionNames.length > 0
-        ? splitMentionNames(body, mentionNames)
+    // The stored body carries machine-facing `[attachment] <path>` prompt lines;
+    // humans see the attachment strip rendered from the message metadata instead.
+    const displayBody = stripAttachmentLines(body) === '' ? body : stripAttachmentLines(body);
+    const inline = (human || isPlainTextBody(displayBody)) && mentionNames !== undefined && mentionNames.length > 0
+        ? splitMentionNames(displayBody, mentionNames)
         : undefined;
     const fallbackNames = inline === undefined ? (mentionNames ?? []) : inline.unmatched;
     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 && (_jsxs("div", { className: css.nameRow, children: [_jsx("strong", { ...(senderTitle === undefined ? {} : { title: senderTitle }), children: senderName }), occurredAt !== undefined && _jsx("span", { className: css.messageTime, children: formatMessageTime(occurredAt) })] })), inline !== undefined
@@ -19,6 +23,28 @@ export function TeamMessage({ senderName, memberId, human, body, occurredAt, men
                                 ? _jsx("span", { className: css.mention, children: segment.text }, index)
                                 : _jsx(Fragment, { children: segment.text }, index)) })
                         : human
-                            ? _jsx("div", { className: css.messageText, children: _jsx(MessageText, { text: body }) })
-                            : _jsx("div", { className: css.messageMarkdown, children: _jsx(MarkdownText, { text: body }) }), fallbackNames.length > 0 && (_jsx("div", { className: css.mentionsRow, children: fallbackNames.map(name => _jsxs("span", { className: css.mention, children: ["@", name] }, name)) })), children] })] }));
+                            ? _jsx("div", { className: css.messageText, children: _jsx(MessageText, { text: displayBody }) })
+                            : _jsx("div", { className: css.messageMarkdown, children: _jsx(MarkdownText, { text: displayBody }) }), fallbackNames.length > 0 && (_jsx("div", { className: css.mentionsRow, children: fallbackNames.map(name => _jsxs("span", { className: css.mention, children: ["@", name] }, name)) })), attachments !== undefined && attachments.length > 0 && _jsx(TeamAttachmentStrip, { attachments: attachments, ...(loadAttachment === undefined ? {} : { loadAttachment }), ...(t === undefined ? {} : { t }) }), children] })] }));
+}
+/** One message's attachment strip: image thumbnails with a large view, or name chips when bytes are gone. */
+function TeamAttachmentStrip({ attachments, loadAttachment, t }) {
+    const [zoomed, setZoomed] = useState();
+    return _jsxs("div", { className: css.attachmentStrip, children: [attachments.map(attachment => _jsx(TeamAttachment, { attachment: attachment, ...(loadAttachment === undefined ? {} : { loadAttachment }), ...(t === undefined ? {} : { t }), onZoom: setZoomed }, attachment.attachmentId)), zoomed !== undefined && _jsx(Modal, { open: true, ...(css.attachmentModal === undefined ? {} : { className: css.attachmentModal }), title: zoomed.name, onClose: () => { setZoomed(undefined); }, children: _jsx("img", { className: css.attachmentZoom, src: cachedAttachmentDataUrl(zoomed.attachmentId) ?? undefined, alt: zoomed.name }) })] });
+}
+function TeamAttachment({ attachment, loadAttachment, t, onZoom }) {
+    const wantsPreview = loadAttachment !== undefined && attachment.mediaType.startsWith('image/');
+    const [dataUrl, setDataUrl] = useState(wantsPreview ? cachedAttachmentDataUrl(attachment.attachmentId) : null);
+    useEffect(() => {
+        if (!wantsPreview || dataUrl !== undefined)
+            return;
+        let mounted = true;
+        void loadAttachmentDataUrl(loadAttachment, attachment).then(url => { if (mounted)
+            setDataUrl(url); });
+        return () => { mounted = false; };
+    }, [wantsPreview, dataUrl, loadAttachment, attachment]);
+    const expired = t?.('attachmentExpired') ?? 'File no longer cached';
+    if (wantsPreview && dataUrl !== null) {
+        return _jsx("button", { type: "button", className: css.attachmentThumb, "aria-label": t?.('viewImage', { name: attachment.name }) ?? attachment.name, title: attachment.name, onClick: () => { onZoom(attachment); }, children: _jsx("img", { src: dataUrl, alt: attachment.name }) });
+    }
+    return _jsxs("span", { className: css.attachmentChip, title: wantsPreview ? expired : `${attachment.name} · ${formatByteSize(attachment.byteSize)}`, children: [_jsx("span", { className: css.attachmentChipName, children: attachment.name }), _jsx("span", { className: css.attachmentChipSize, children: wantsPreview ? expired : formatByteSize(attachment.byteSize) })] });
 }

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

@@ -0,0 +1,10 @@
+/**
+ * Explicit boundary between two same-sender Messages of one run separated by
+ * a real waiting gap: the hairline restores the block boundary that grouping
+ * removed, and the label below it restores the instant that the suppressed
+ * identity chrome would have shown.
+ */
+export declare function TeamRunDivider({ occurredAt }: {
+    readonly occurredAt: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=TeamRunDivider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamRunDivider.d.ts","sourceRoot":"","sources":["../../../src/client/TeamRunDivider.tsx"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAAE,+BAM7E"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { formatMessageTime } from "./team-formatters.js";
+import css from './conversation.module.css';
+/**
+ * Explicit boundary between two same-sender Messages of one run separated by
+ * a real waiting gap: the hairline restores the block boundary that grouping
+ * removed, and the label below it restores the instant that the suppressed
+ * identity chrome would have shown.
+ */
+export function TeamRunDivider({ occurredAt }) {
+    return (_jsx("div", { className: css.runDivider, role: "separator", children: _jsx("time", { dateTime: occurredAt, children: formatMessageTime(occurredAt) }) }));
+}

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

@@ -1,6 +1,7 @@
 import type { AgentTeamChannelRef, AgentTeamTaskRef, AgentTeamThreadRef } from '@wowyuarm/dsh-agent-team/types';
 import type { WorkspaceId } from '@deepseek-ai/dsh-client-runtime/client';
 import type { TeamConversationProps } from './slots.ts';
+import type { TeamDraftStore } from './drafts.ts';
 interface TeamThreadPageProps {
     readonly workspaceId: WorkspaceId;
     readonly channelRef?: AgentTeamChannelRef;
@@ -13,6 +14,8 @@ interface TeamThreadPageProps {
     readonly loadThreadHistory: TeamConversationProps['loadThreadHistory'];
     readonly subscribeChanges: TeamConversationProps['subscribeChanges'];
     readonly loadMembers: TeamConversationProps['loadMembers'];
+    readonly drafts: TeamDraftStore;
+    readonly getAttachment: TeamConversationProps['getAttachment'];
     readonly reply: TeamConversationProps['reply'];
     readonly changeTask: TeamConversationProps['changeTask'];
     readonly t: TeamConversationProps['t'];

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,wCAAwC,CAAA;AAEzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAUvD,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAA;IACzC,QAAQ,CAAC,OAAO,EAAE,gBAAgB,CAAA;IAClC,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,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAA;IAC9C,QAAQ,CAAC,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IACxD,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC;AA8BD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BA8dxD"}
+{"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,wCAAwC,CAAA;AAEzE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AACvD,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,aAAa,CAAA;AAW/D,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAA;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAA;IACzC,QAAQ,CAAC,OAAO,EAAE,gBAAgB,CAAA;IAClC,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,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC;AA8BD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAgfxD"}

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

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
+import { Fragment, useEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';
 import { Button, DisclosureRow, IconChevronLeftOutline14, IconChecklistOutline14, Pill } from '@deepseek-ai/dsh-client-ui-primitives';
 import { TeamComposer } from "./TeamComposer.js";
 import { TeamPresenceDot } from "./TeamPresenceDot.js";
 import { TeamMessage } from "./TeamMessage.js";
+import { TeamRunDivider } from "./TeamRunDivider.js";
 import { formatActivity, formatClaimState, formatTaskStatus, formatTaskTitle, mentionNamesOf } from "./team-formatters.js";
-import { daySeparatorLabel, timelineDayKey } from "./team-separators.js";
+import { daySeparatorLabel, isRunGap, timelineDayKey } from "./team-separators.js";
 import { useTimelineScroll } from "./timeline-scroll.js";
 import css from './conversation.module.css';
 import threadCss from './thread.module.css';
@@ -29,7 +30,7 @@ function readMeta(facts) {
     return new Map(facts.map(fact => [factKey(fact.fact), fact]));
 }
 export function TeamThreadPage(props) {
-    const { workspaceId, channelRef, taskRef, threadRef, taskNumber, backToWorkspace, loadChannels, readThread, loadThreadHistory, subscribeChanges, loadMembers, reply, changeTask, t, } = props;
+    const { workspaceId, channelRef, taskRef, threadRef, taskNumber, backToWorkspace, loadChannels, readThread, loadThreadHistory, subscribeChanges, loadMembers, drafts, getAttachment, reply, changeTask, t, } = props;
     const [projection, setProjection] = useState();
     const [channelView, setChannelView] = useState();
     const [members, setMembers] = useState([]);
@@ -40,8 +41,10 @@ export function TeamThreadPage(props) {
     const [historyHasMore, setHistoryHasMore] = useState(false);
     const [remainingUnreadCount, setRemainingUnreadCount] = useState(0);
     const [newFactsCount, setNewFactsCount] = useState(0);
-    const [draft, setDraft] = useState('');
-    const [recipients, setRecipients] = useState(new Set());
+    // 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.
+    const draftKey = `thread:${threadRef}`;
+    const { draft, recipients } = useSyncExternalStore(drafts.subscribe, () => drafts.getSnapshot(draftKey));
     const [claimsOpen, setClaimsOpen] = useState(false);
     const [replyRequestId, setReplyRequestId] = useState();
     const [confirmation, setConfirmation] = useState();
@@ -295,7 +298,7 @@ export function TeamThreadPage(props) {
         if (fact.kind === 'message') {
             const sender = memberName(fact.message.sender);
             const senderStatus = members.find(candidate => candidate.member.memberId === fact.message.sender);
-            return _jsx(TeamMessage, { senderName: sender, memberId: fact.message.sender, human: fact.message.sender === channelView?.humanMemberId, body: fact.message.body, occurredAt: fact.message.occurredAt, mentionNames: mentionNamesOf(fact.mentions, mentionHandlesMap), grouped: grouped, ...(senderStatus === undefined ? {} : { senderTitle: senderStatus.member.description }) }, factKey(fact));
+            return _jsx(TeamMessage, { senderName: sender, memberId: fact.message.sender, human: fact.message.sender === channelView?.humanMemberId, body: fact.message.body, attachments: fact.message.attachments, loadAttachment: getAttachment, t: t, occurredAt: fact.message.occurredAt, mentionNames: mentionNamesOf(fact.mentions, mentionHandlesMap), grouped: grouped, ...(senderStatus === undefined ? {} : { senderTitle: senderStatus.member.description }) }, factKey(fact));
         }
         return _jsxs("p", { className: threadCss.activityRow, children: [_jsx("span", { className: threadCss.activityMark, "aria-hidden": "true" }), _jsx("span", { className: threadCss.activityText, children: formatActivity(fact.activity, { t, actorName: memberName, claims: taskClaims }) })] }, factKey(fact));
     };
@@ -305,8 +308,13 @@ export function TeamThreadPage(props) {
         let run = [];
         let lastDay;
         const flushRun = () => {
-            if (run.length > 0)
-                nodes.push(_jsx("div", { className: css.messageRun, children: run.map((entry, entryIndex) => renderFact(entry, entryIndex > 0)) }, `run-${factKey(run[0])}`));
+            if (run.length > 0) {
+                nodes.push(_jsx("div", { className: css.messageRun, children: run.map((entry, entryIndex) => {
+                        const previous = entryIndex > 0 ? run[entryIndex - 1] : undefined;
+                        const turnGap = entry.kind === 'message' && isRunGap(previous?.kind === 'message' ? previous.message.occurredAt : undefined, entry.message.occurredAt);
+                        return _jsxs(Fragment, { children: [turnGap && _jsx(TeamRunDivider, { occurredAt: entry.message.occurredAt }), renderFact(entry, entryIndex > 0)] }, factKey(entry));
+                    }) }, `run-${factKey(run[0])}`));
+            }
             run = [];
         };
         facts.forEach((fact, index) => {
@@ -405,8 +413,7 @@ export function TeamThreadPage(props) {
                     return merged;
                 });
                 setProjection(current => current === undefined ? current : { ...current, task: committed.task, thread: committed.thread });
-                setDraft('');
-                setRecipients(new Set());
+                drafts.clear(draftKey);
                 setReplyRequestId(undefined);
                 setConfirmation(undefined);
                 setStatusMessage(undefined);
@@ -460,5 +467,5 @@ export function TeamThreadPage(props) {
                                         return _jsxs("article", { className: threadCss.claimRow, children: [ownerStatus === undefined ? _jsx("span", {}) : _jsx(TeamPresenceDot, { status: ownerStatus, t: t }), _jsx("strong", { className: threadCss.claimOwner, children: memberName(claim.owner) }), _jsx("span", { className: threadCss.claimDirection, children: claim.direction }), _jsx("small", { className: threadCss.claimState, children: formatClaimState(claim.state, t) })] }, claim.claimRef);
                                     })] }) }) })] }), _jsx("section", { ref: timeline.ref, onScroll: 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 && task !== 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 => { setDraft(next); setConfirmation(undefined); setReplyRequestId(undefined); setStatusMessage(undefined); }, onRecipientsChange: next => { setRecipients(next); setConfirmation(undefined); setReplyRequestId(undefined); setStatusMessage(undefined); }, onSubmit: () => { void sendReply(); }, t: t })) : _jsx("div", {})] });
+                : _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(); }, 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, 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, restartMember, 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;AAQlD,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,WAAW,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,gBAAgB,+BA2DhT"}
+{"version":3,"file":"TeamWorkspaceBrowser.d.ts","sourceRoot":"","sources":["../../../src/client/TeamWorkspaceBrowser.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAQlD,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,aAAa,EAAE,WAAW,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,gBAAgB,+BA4D9U"}

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

@@ -5,16 +5,17 @@ import { TeamWorkspaceRow } from "./TeamWorkspaceRow.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, joinChannel, removeChannelMember, loadModels, openMemberSession }) {
+export function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWorkspace, selectChannel, t, useWorkspaces, loadMembers, subscribeChanges, addMember, loadChannels, createChannel, updateChannel, updateMember, recoverMember, restartMember, joinChannel, removeChannelMember, loadModels, openMemberSession }) {
     const navigationState = useSyncExternalStore(navigation.subscribe, navigation.getSnapshot, navigation.getSnapshot);
     const workspaces = useWorkspaces(state => state.items);
     const selected = navigationState.workspaceId;
     const selectedExists = selected !== undefined && workspaces.some(workspace => workspace.workspaceId === selected);
     const selectedId = selectedExists ? selected : workspaces[0]?.workspaceId;
     // Exactly one sidebar row carries aria-current='page': the open Channel while
-    // one is set, otherwise the browsed Workspace's overview. The selected row
-    // keeps its quiet folder tint (data-selected) in both cases.
-    const overviewIsCurrent = navigationState.channelRef === undefined;
+    // one is set, the selected Agent card while a Member Session view is open,
+    // otherwise the browsed Workspace's overview. The selected row keeps its
+    // quiet folder tint (data-selected) in every case.
+    const overviewIsCurrent = navigationState.channelRef === undefined && navigationState.memberSessionId === undefined;
     const [creatingAgents, setCreatingAgents] = useState([]);
     // Rail icons request expansion and name the section to reveal once wide.
     const [pendingSection, setPendingSection] = useState();
@@ -35,5 +36,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("div", { className: css.workspaceHeader, children: t('workspaces') }), _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.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, joinChannel: joinChannel, removeChannelMember: removeChannelMember, loadModels: loadModels, 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("div", { className: css.workspaceHeader, children: t('workspaces') }), _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, restartMember: restartMember, 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) })] })] });
 }

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

@@ -0,0 +1,22 @@
+import type { AgentTeamAttachmentId, AgentTeamGetAttachmentRequest, AgentTeamGetAttachmentResult } from '@wowyuarm/dsh-agent-team/types';
+/** Base64 one file payload in chunks so large uploads stay off the call-stack limit. */
+export declare function bytesToBase64(bytes: Uint8Array): string;
+/** Mirrors the slot's Remote result union without importing the slots module. */
+type GetAttachment = (request: AgentTeamGetAttachmentRequest) => Promise<{
+    ok: true;
+    value: AgentTeamGetAttachmentResult;
+} | {
+    ok: false;
+    error: {
+        message: string;
+    };
+}>;
+export declare function cachedAttachmentDataUrl(attachmentId: AgentTeamAttachmentId): string | null | undefined;
+export declare function loadAttachmentDataUrl(getAttachment: GetAttachment, attachment: {
+    attachmentId: AgentTeamAttachmentId;
+    mediaType: string;
+}): Promise<string | null>;
+/** Human-readable byte size for attachment chips. */
+export declare function formatByteSize(byteSize: number): string;
+export {};
+//# sourceMappingURL=attachment-preview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-preview.d.ts","sourceRoot":"","sources":["../../../src/client/attachment-preview.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,6BAA6B,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAExI,wFAAwF;AACxF,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAOvD;AAED,iFAAiF;AACjF,KAAK,aAAa,GAAG,CAAC,OAAO,EAAE,6BAA6B,KAAK,OAAO,CAAC;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,4BAA4B,CAAA;CAAE,GAAG;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC,CAAA;AASvK,wBAAgB,uBAAuB,CAAC,YAAY,EAAE,qBAAqB,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAEtG;AAED,wBAAsB,qBAAqB,CAAC,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE;IAAE,YAAY,EAAE,qBAAqB,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAOxK;AAED,qDAAqD;AACrD,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAIvD"}

package/packages/client-agent-team/lib/types/client/attachment-preview.js

@@ -0,0 +1,35 @@
+/** Base64 one file payload in chunks so large uploads stay off the call-stack limit. */
+export function bytesToBase64(bytes) {
+    let binary = '';
+    const chunk = 0x8000;
+    for (let start = 0; start < bytes.length; start += chunk) {
+        binary += String.fromCharCode(...bytes.subarray(start, start + chunk));
+    }
+    return btoa(binary);
+}
+/**
+ * Thumbnail data URLs live in one session-wide cache: message lists re-render
+ * often, and each miss costs a Host round-trip plus a base64 decode. Failed
+ * loads (bytes already GC'd) are cached as `null` so the chip fallback is stable.
+ */
+const dataUrlCache = new Map();
+export function cachedAttachmentDataUrl(attachmentId) {
+    return dataUrlCache.get(attachmentId);
+}
+export async function loadAttachmentDataUrl(getAttachment, attachment) {
+    const cached = dataUrlCache.get(attachment.attachmentId);
+    if (cached !== undefined)
+        return cached;
+    const result = await getAttachment({ attachmentId: attachment.attachmentId });
+    const url = result.ok && attachment.mediaType.startsWith('image/') ? `data:${attachment.mediaType};base64,${result.value.bytesBase64}` : null;
+    dataUrlCache.set(attachment.attachmentId, url);
+    return url;
+}
+/** Human-readable byte size for attachment chips. */
+export function formatByteSize(byteSize) {
+    if (byteSize < 1024)
+        return `${byteSize} B`;
+    if (byteSize < 1024 * 1024)
+        return `${(byteSize / 1024).toFixed(0)} KB`;
+    return `${(byteSize / (1024 * 1024)).toFixed(1)} MB`;
+}

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

@@ -0,0 +1,41 @@
+import type { AgentTeamChannelRef, AgentTeamMemberId, AgentTeamThreadRef } from '@wowyuarm/dsh-agent-team/types';
+/**
+ * Keyed draft cache for the Channel/Thread composers. Drafts are local UI
+ * convenience state — never Host-authoritative facts — so localStorage is the
+ * right home: switching views unmounts the pages, and a refresh should not
+ * cost the Human their half-written message.
+ */
+export type TeamDraftKey = `channel:${AgentTeamChannelRef}` | `thread:${AgentTeamThreadRef}`;
+/** One cached composer state; `recipients` mirrors the structured mention set. */
+export interface TeamDraftState {
+    readonly draft: string;
+    readonly recipients: ReadonlySet<AgentTeamMemberId>;
+}
+declare const STORAGE_KEY = "dsh.agent-team.drafts.v1";
+/**
+ * Root-scoped draft cache, one instance per Client context (created in
+ * `applyUi` and injected like the navigation service — never a module
+ * singleton). Slot lifetimes subscribe per key.
+ */
+export declare class TeamDraftStore {
+    private entries;
+    private readonly snapshots;
+    private readonly listeners;
+    readonly subscribe: (listener: () => void) => (() => void);
+    /** Release listeners when the owning Client context disposes. */
+    dispose(): void;
+    /** Stable per-key snapshot identity for useSyncExternalStore. */
+    readonly getSnapshot: (key: TeamDraftKey) => TeamDraftState;
+    writeDraft(key: TeamDraftKey, draft: string): void;
+    writeRecipients(key: TeamDraftKey, recipients: Iterable<AgentTeamMemberId>): void;
+    /** Drop one key entirely — the success path after a committed send. */
+    clear(key: TeamDraftKey): void;
+    /** Test seam: forget everything, including what localStorage still holds. */
+    reset(): void;
+    /** Re-read persisted content — what a fresh page load starts from. */
+    reload(): void;
+    private write;
+    private evict;
+}
+export { STORAGE_KEY as TEAM_DRAFTS_STORAGE_KEY };
+//# sourceMappingURL=drafts.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drafts.d.ts","sourceRoot":"","sources":["../../../src/client/drafts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAEhH;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,WAAW,mBAAmB,EAAE,GAAG,UAAU,kBAAkB,EAAE,CAAA;AAE5F,kFAAkF;AAClF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAA;CACpD;AAQD,QAAA,MAAM,WAAW,6BAA6B,CAAA;AAuC9C;;;;GAIG;AACH,qBAAa,cAAc;IACzB,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA0C;IACpE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAwB;IAElD,QAAQ,CAAC,SAAS,GAAI,UAAU,MAAM,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC,CAGxD;IAED,iEAAiE;IACjE,OAAO,IAAI,IAAI;IAIf,iEAAiE;IACjE,QAAQ,CAAC,WAAW,GAAI,KAAK,YAAY,KAAG,cAAc,CAQzD;IAED,UAAU,CAAC,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIlD,eAAe,CAAC,GAAG,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,CAAC,iBAAiB,CAAC,GAAG,IAAI;IAIjF,uEAAuE;IACvE,KAAK,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI;IAO9B,6EAA6E;IAC7E,KAAK,IAAI,IAAI;IAOb,sEAAsE;IACtE,MAAM,IAAI,IAAI;IAMd,OAAO,CAAC,KAAK;IAwBb,OAAO,CAAC,KAAK;CAed;AAED,OAAO,EAAE,WAAW,IAAI,uBAAuB,EAAE,CAAA"}