@wowyuarm/dsh-agent-team 0.1.10 → 0.1.12

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

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Button, IconArchiveOutline20, IconEditOutline16, IconPlusOutline16, Input, Modal, Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
 import { TeamPresenceDot } from "./TeamPresenceDot.js";
+import { TeamMemberRow } from "./TeamMemberRow.js";
 import { MultiMenuField } from "./multi-menu-field.js";
 import { SortableRow, useSidebarRowDrag } from "./sidebar-drag.js";
 import { moveSidebarItem, useSidebarOrder } from "./sidebar-order.js";
@@ -10,6 +11,7 @@ import { mintRequestId } from "./requests.js";
 import { TeamRowMenu } from "./TeamRowMenu.js";
 import { TeamSidebarSection } from "./TeamSidebarSection.js";
 import { useChannelMembership } from "./team-membership.js";
+import { useEditDialogSave } from "./team-dialog-save.js";
 import createCss from './create.module.css';
 import css from './sidebar.module.css';
 export function TeamChannelsPanel(props) {
@@ -39,8 +41,12 @@ export function TeamChannelsPanel(props) {
     };
     const drag = useSidebarRowDrag({ refs: orderedChannelRefs, onCommit: applyMove });
     const sectionOpen = useSidebarSectionOpen(workspaceId, 'channels');
+    // Only the first refresh owns the loading surface; later wakes (workspace
+    // catalog changes, member creation) refresh the rendered rows in place.
+    const loadedRef = useRef(false);
     const refresh = useCallback(async () => {
-        setLoading(true);
+        if (!loadedRef.current)
+            setLoading(true);
         const [channelResult, memberResult] = await Promise.all([
             loadChannels({ workspaceId, limit: 1 }),
             loadMembers({ workspaceId }),
@@ -53,6 +59,7 @@ export function TeamChannelsPanel(props) {
                 .map(status => status.member.memberId));
             setSelected(current => new Set([...current].filter(memberId => selectable.has(memberId))));
             setError(undefined);
+            loadedRef.current = true;
         }
         else if (!channelResult.ok) {
             setError(channelResult.error.message);
@@ -146,7 +153,7 @@ export function TeamChannelsPanel(props) {
                                     return next;
                                 });
                                 setPendingCreate(undefined);
-                            }, triggerEmptyLabel: t('membersPickerEmpty'), formatCount: count => t('membersPickerCount', { count }) }), error !== undefined && _jsx("p", { className: createCss.error, role: "alert", children: error })] }) }), _jsxs(TeamSidebarSection, { title: t('channels'), open: sectionOpen, onToggle: open => { setSidebarSectionOpen(workspaceId, 'channels', open); }, actions: (_jsx(Tooltip, { label: t('addChannel'), delayMs: 500, children: _jsx("button", { ref: triggerRef, type: "button", className: css.iconButton, "aria-label": t('addChannel'), onClick: () => { setError(undefined); setFormOpen(true); }, children: _jsx(IconPlusOutline16, { size: 14 }) }) })), children: [loading && view === undefined && _jsx("p", { className: css.emptyState, children: t('loadingChannels') }), !loading && (view?.channels.length ?? 0) === 0 && _jsx("p", { className: css.emptyState, children: t('emptyChannels') }), _jsx("div", { className: css.channelList, children: orderedChannels.map(channel => {
+                            }, triggerEmptyLabel: t('membersPickerEmpty'), formatCount: count => t('membersPickerCount', { count }) }), error !== undefined && _jsx("p", { className: createCss.error, role: "alert", children: error })] }) }), _jsxs(TeamSidebarSection, { title: t('channels'), open: sectionOpen, onToggle: open => { setSidebarSectionOpen(workspaceId, 'channels', open); }, actions: (_jsx(Tooltip, { label: t('addChannel'), delayMs: 500, children: _jsx("button", { ref: triggerRef, type: "button", className: css.iconButton, "aria-label": t('addChannel'), onClick: () => { setError(undefined); setFormOpen(true); }, children: _jsx(IconPlusOutline16, { size: 14 }) }) })), children: [loading && view === undefined && _jsx("p", { className: css.emptyState, children: t('loadingChannels') }), !loading && error === undefined && view !== undefined && view.channels.length === 0 && _jsx("p", { className: css.emptyState, children: t('emptyChannels') }), _jsx("div", { className: css.channelList, children: orderedChannels.map(channel => {
                             const joined = membership.get(channel.channelRef) ?? new Set();
                             return (_jsx(SortableRow, { drag: drag, orderKey: channel.channelRef, children: _jsx(ChannelRow, { channel: channel, members: members, joinedIds: joined, selected: selectedChannelRef === channel.channelRef, updateChannel: updateChannel, archiveChannel: props.archiveChannel, joinChannel: props.joinChannel, removeChannelMember: props.removeChannelMember, onCommitted: () => { void refresh(); }, selectChannel: selectChannel, t: t }) }, channel.channelRef));
                         }) })] }), !formOpen && error !== undefined && _jsx("p", { className: css.error, role: "alert", children: error })] }));
@@ -193,9 +200,11 @@ function ChannelRow({ channel, members, joinedIds, selected, updateChannel, arch
 function ChannelEditorDialog({ channel, members, joinedIds, updateChannel, joinChannel, removeChannelMember, onCommitted, onClose, t }) {
     const [name, setName] = useState(channel.name);
     const [description, setDescription] = useState(channel.description);
-    const [saving, setSaving] = useState(false);
-    const [error, setError] = useState();
-    const pendingRequest = useRef();
+    const { saving, error, pendingRequest, save } = useEditDialogSave({
+        save: updateChannel,
+        onCommitted,
+        onClose,
+    });
     const membership = useChannelMembership({ joinChannel, removeChannelMember }, change => change.memberId, async () => { await onCommitted(); });
     const dirty = name.trim() !== channel.name || description.trim() !== channel.description;
     const submit = async (event) => {
@@ -213,32 +222,19 @@ function ChannelEditorDialog({ channel, members, joinedIds, updateChannel, joinC
             name: normalizedName,
             description: normalizedDescription,
         };
-        pendingRequest.current = request;
-        setSaving(true);
-        setError(undefined);
-        try {
-            const result = await updateChannel(request);
-            if (result.ok) {
-                pendingRequest.current = undefined;
-                await onCommitted();
-                onClose();
-            }
-            else {
-                setError(result.error.message);
-            }
-        }
-        catch (cause) {
-            setError(cause instanceof Error ? cause.message : String(cause));
-        }
-        finally {
-            setSaving(false);
-        }
+        await save(request);
     };
     return (_jsx(Modal, { open: true, onClose: onClose, title: t('editChannel'), description: `# ${channel.name}`, closeLabel: t('close'), contentClassName: createCss.dialogContent, footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", disabled: saving, onClick: onClose, children: t('cancel') }), _jsx(Button, { type: "submit", form: "team-channel-edit-form", variant: "primary", disabled: saving || !dirty || name.trim() === '', children: saving ? t('editSaving') : t('editSave') })] }), children: _jsxs("form", { id: "team-channel-edit-form", className: createCss.form, onSubmit: event => { void submit(event); }, children: [_jsxs("label", { className: createCss.field, children: [_jsx("span", { children: t('channelName') }), _jsx(Input, { className: createCss.input, value: name, onChange: event => { setName(event.target.value); pendingRequest.current = undefined; }, disabled: saving, autoFocus: true })] }), _jsxs("label", { className: createCss.field, children: [_jsxs("span", { children: [t('channelDescription'), t('optionalSuffix')] }), _jsx(Input, { className: createCss.input, value: description, placeholder: t('agentDescriptionPlaceholder'), onChange: event => { setDescription(event.target.value); pendingRequest.current = undefined; }, disabled: saving })] }), _jsxs("fieldset", { className: createCss.memberPicker, disabled: saving, children: [_jsx("legend", { children: t('channelMembersSection') }), members.map(status => {
                             const joined = joinedIds.has(status.member.memberId);
                             const rowPending = membership.pending.has(status.member.memberId);
-                            const disabled = rowPending || (!joined && status.presence === 'unavailable');
+                            // Same membership law as the Channel page roster: joining needs an
+                            // active Member, leaving only needs the fact.
+                            const disabled = rowPending || (!joined && status.availability !== 'active');
                             const rowError = membership.errors.get(status.member.memberId);
-                            return _jsxs("div", { className: css.editMemberRow, children: [_jsx(TeamPresenceDot, { status: status, t: t }), _jsxs("span", { className: css.editMemberCopy, children: [_jsxs("strong", { children: ["@", status.member.handle] }), _jsx("small", { children: status.member.description })] }), _jsx(Button, { size: "sm", variant: "outline", disabled: disabled, onClick: () => { void membership.change({ workspaceId: channel.workspaceId, channelRef: channel.channelRef, memberId: status.member.memberId, joined }); }, children: rowPending ? t('membershipUpdating') : joined ? t('removeFromChannel') : t('addToChannel') }), rowError !== undefined && _jsx("p", { className: css.rowError, role: "alert", children: rowError })] }, status.member.memberId);
+                            return _jsx(TeamMemberRow, { status: status, action: {
+                                    label: rowPending ? t('membershipUpdating') : joined ? t('removeFromChannel') : t('addToChannel'),
+                                    disabled,
+                                    onSelect: () => { void membership.change({ workspaceId: channel.workspaceId, channelRef: channel.channelRef, memberId: status.member.memberId, joined }); },
+                                }, ...(rowError === undefined ? {} : { error: rowError }), t: t }, status.member.memberId);
                         })] }), error !== undefined && _jsx("p", { className: createCss.error, role: "alert", children: error })] }) }));
 }

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

@@ -1,16 +1,22 @@
 import type { AgentTeamClientMemberStatus, AgentTeamMemberId } from '@wowyuarm/dsh-agent-team/types';
 import type { TeamConversationProps } from './slots.ts';
-export declare function TeamComposer({ members, followerMemberIds, recipients, draft, pending, confirmation, error, onDraftChange, onRecipientsChange, onSubmit, placeholder, pendingFiles, onFilesChange, asTask, onAsTaskChange, t }: {
+import type { TeamDraftKey, TeamDraftStore } from './drafts.ts';
+export declare function TeamComposer({ members, followerMemberIds, drafts, draftKey, pending, confirmation, error, onEdit, onSubmit, placeholder, pendingFiles, onFilesChange, asTask, onAsTaskChange, t }: {
     readonly members: readonly AgentTeamClientMemberStatus[];
     /** Current Thread followers; the Thread surface passes them so they rank above other candidates. */
     readonly followerMemberIds?: ReadonlySet<AgentTeamMemberId>;
-    readonly recipients: ReadonlySet<AgentTeamMemberId>;
-    readonly draft: string;
+    /**
+     * The draft cache this composer subscribes to: owning the subscription here
+     * instead of in the hosting page keeps a keystroke from re-rendering the
+     * timeline around it.
+     */
+    readonly drafts: TeamDraftStore;
+    readonly draftKey: TeamDraftKey;
     readonly pending: boolean;
     readonly confirmation?: string;
     readonly error?: string;
-    readonly onDraftChange: (draft: string) => void;
-    readonly onRecipientsChange: (recipients: ReadonlySet<AgentTeamMemberId>) => void;
+    /** The Human edited the draft: the hosting page drops its one-shot send state. */
+    readonly onEdit?: () => void;
     readonly onSubmit: () => void;
     /** Conversation-specific prompt; the shared default fits Channel surfaces. */
     readonly placeholder?: string;

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;AAqEvD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC,EAAE,EAAE;IAC9N,QAAQ,CAAC,OAAO,EAAE,SAAS,2BAA2B,EAAE,CAAA;IACxD,oGAAoG;IACpG,QAAQ,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAA;IAC3D,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,8EAA8E;IAC9E,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,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,gFAAgF;IAChF,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC,+BA6SA"}
+{"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;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAqD/D,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC,EAAE,EAAE;IAClM,QAAQ,CAAC,OAAO,EAAE,SAAS,2BAA2B,EAAE,CAAA;IACxD,oGAAoG;IACpG,QAAQ,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAA;IAC3D;;;;OAIG;IACH,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAA;IAC/B,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAA;IAC/B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,kFAAkF;IAClF,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,8EAA8E;IAC9E,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,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,gFAAgF;IAChF,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC,+BAiUA"}

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

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { Button, IconPlusOutline16, IconSendOutline16, useAnchoredMaxHeight, useDismissOnOutsidePointer } from '@deepseek-ai/dsh-client-ui-primitives';
+import { useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from 'react';
+import { IconChecklistOutline14, IconPaperclipOutline16, IconSendOutline16, Tooltip, useAnchoredMaxHeight, useDismissOnOutsidePointer } from '@deepseek-ai/dsh-client-ui-primitives';
 import { TeamPresenceDot } from "./TeamPresenceDot.js";
+import { allMentionMembers, containsAllMention, containsMention, mentionedMemberIds } from "./team-formatters.js";
 import css from './composer.module.css';
 import { formatByteSize } from "./attachment-preview.js";
 function findMention(draft, caret) {
@@ -18,12 +19,6 @@ function findMention(draft, caret) {
         return undefined;
     return { start: at, end: caret, query: beforeCaret.slice(at + 1) };
 }
-function escapeRegExp(value) {
-    return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-}
-function containsMention(draft, handle) {
-    return new RegExp(`(?:^|[^\\p{L}\\p{N}_])@${escapeRegExp(handle)}(?=$|[^\\p{L}\\p{N}_])`, 'u').test(draft);
-}
 function mentionCandidates(members, query) {
     const normalized = query.toLocaleLowerCase();
     return members.filter(status => status.presence !== 'unavailable'
@@ -37,13 +32,6 @@ function rankMentionCandidates(candidates, followers) {
         return candidates;
     return [...candidates].sort((left, right) => Number(followers.has(right.member.memberId)) - Number(followers.has(left.member.memberId)));
 }
-/** Every member a manual handle pick could reach: the @all expansion snapshot. */
-function allMentionMembers(members) {
-    return members.filter(status => status.presence !== 'unavailable' && status.member.state !== 'inactive' && status.member.state !== 'archived');
-}
-function containsAllMention(draft) {
-    return /(?:^|[^\p{L}\p{N}_])@all(?=$|[^\p{L}\p{N}_])/u.test(draft);
-}
 /** One object URL per draft file; revoked when the draft is removed. */
 const draftPreviewUrls = new WeakMap();
 function draftPreviewUrl(file) {
@@ -56,13 +44,17 @@ function draftPreviewUrl(file) {
     }
     return url;
 }
-export function TeamComposer({ members, followerMemberIds, recipients, draft, pending, confirmation, error, onDraftChange, onRecipientsChange, onSubmit, placeholder, pendingFiles, onFilesChange, asTask, onAsTaskChange, t }) {
+export function TeamComposer({ members, followerMemberIds, drafts, draftKey, pending, confirmation, error, onEdit, onSubmit, placeholder, pendingFiles, onFilesChange, asTask, onAsTaskChange, t }) {
     const inputRef = useRef(null);
     const fileInputRef = useRef(null);
     const rootRef = useRef(null);
     const menuRef = useRef(null);
     const activeOptionRef = useRef(null);
     const composingRef = useRef(false);
+    // The draft lives in the injected cache so a view switch or refresh does not
+    // cost the half-written message. Subscribing here — not in the page that
+    // hosts this composer — is what keeps a keystroke off the timeline.
+    const { draft, recipients } = useSyncExternalStore(drafts.subscribe, () => drafts.getSnapshot(draftKey));
     const [mention, setMention] = useState();
     const [highlight, setHighlight] = useState(0);
     // @all is a composer-layer expansion of the same eligibility filter a
@@ -117,18 +109,20 @@ export function TeamComposer({ members, followerMemberIds, recipients, draft, pe
             return;
         inputRef.current?.focus({ preventScroll: true });
     }, [confirmation, pending]);
+    // Handle lookup for both directions of the same judgement: whether a picked
+    // recipient is still spelled in the text, and which Members the text names.
+    const memberHandles = new Map(members.map(status => [status.member.memberId, status.member.handle]));
     const pruneRecipients = (nextDraft) => {
         // An @all marker stands for its expansion snapshot: the member handles it
         // stands for are not in the text, so text-based pruning must stand down.
         if (containsAllMention(nextDraft))
             return;
-        const knownMembers = new Map(members.map(status => [status.member.memberId, status.member]));
         const next = new Set([...recipients].filter(memberId => {
-            const member = knownMembers.get(memberId);
-            return member !== undefined && containsMention(nextDraft, member.handle);
+            const handle = memberHandles.get(memberId);
+            return handle !== undefined && containsMention(nextDraft, handle);
         }));
         if (next.size !== recipients.size)
-            onRecipientsChange(next);
+            drafts.writeRecipients(draftKey, 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
@@ -139,6 +133,10 @@ export function TeamComposer({ members, followerMemberIds, recipients, draft, pe
             return;
         pruneRecipients(draft);
     }, [draft, recipients, members]);
+    // The notify row reports what the Host will resolve from this draft, not just
+    // what the mention menu picked: an authored `@Handle` delivers exactly like a
+    // pick, and `@all` stands for the menu's expansion.
+    const notifiedIds = [...new Set([...recipients, ...mentionedMemberIds(draft, members)])].sort();
     const updateMention = (nextDraft, caret) => {
         const match = findMention(nextDraft, caret);
         setMention(match);
@@ -147,15 +145,17 @@ export function TeamComposer({ members, followerMemberIds, recipients, draft, pe
     };
     const onChange = (event) => {
         const nextDraft = event.target.value;
-        onDraftChange(nextDraft);
+        drafts.writeDraft(draftKey, nextDraft);
+        onEdit?.();
         pruneRecipients(nextDraft);
         updateMention(nextDraft, event.target.selectionStart ?? nextDraft.length);
     };
     // Both pick kinds share the same commit path: swap the text in, add the
     // recipients, close the menu, and restore the caret after focus.
     const commitMention = (nextDraft, nextCaret, nextRecipients) => {
-        onDraftChange(nextDraft);
-        onRecipientsChange(nextRecipients);
+        drafts.writeDraft(draftKey, nextDraft);
+        drafts.writeRecipients(draftKey, nextRecipients);
+        onEdit?.();
         setMention(undefined);
         setHighlight(0);
         requestAnimationFrame(() => {
@@ -246,7 +246,7 @@ export function TeamComposer({ members, followerMemberIds, recipients, draft, pe
                                     return option.kind === 'all'
                                         ? _jsxs("button", { id: optionId, type: "button", role: "option", "aria-selected": selected, className: css.mentionOption, ref: selected ? activeOptionRef : undefined, onMouseDown: event => { event.preventDefault(); }, onClick: () => { selectOption(option); }, children: [_jsx("span", { className: css.mentionAllDot, "aria-hidden": "true" }), _jsx("span", { className: css.mentionName, children: "@all" }), _jsx("span", { className: css.mentionDescription, children: t('mentionAll', { count: allCount }) })] }, "all")
                                         : _jsxs("button", { id: optionId, type: "button", role: "option", "aria-selected": selected, className: css.mentionOption, ref: selected ? activeOptionRef : undefined, onMouseDown: event => { event.preventDefault(); }, onClick: () => { selectOption(option); }, children: [_jsx(TeamPresenceDot, { status: option.status, t: t }), _jsxs("span", { className: css.mentionName, children: ["@", option.status.member.handle] }), _jsx("span", { className: css.mentionDescription, children: option.status.member.description })] }, option.status.member.memberId);
-                                }) }), _jsx("textarea", { ref: inputRef, "aria-label": t('messageDraft'), "aria-autocomplete": "list", "aria-controls": menuOpen ? listId : undefined, "aria-activedescendant": menuOpen && activeOption !== undefined ? activeOption.kind === 'all' ? `${listId}-all` : `${listId}-${activeOption.status.member.memberId}` : undefined, "aria-expanded": menuOpen, value: draft, readOnly: pending, placeholder: placeholder ?? t('messagePlaceholder'), rows: 1, onChange: onChange, onPaste: onPaste, 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) => {
+                                }) }), _jsx("textarea", { ref: inputRef, "aria-label": t('messageDraft'), "aria-autocomplete": "list", "aria-controls": menuOpen ? listId : undefined, "aria-activedescendant": menuOpen && activeOption !== undefined ? activeOption.kind === 'all' ? `${listId}-all` : `${listId}-${activeOption.status.member.memberId}` : undefined, "aria-expanded": menuOpen, value: draft, readOnly: pending, placeholder: placeholder ?? t('messagePlaceholder'), rows: 1, onChange: onChange, onPaste: onPaste, 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); } })] }), notifiedIds.length > 0 && _jsx("p", { className: css.notifyRow, "data-team-notify": true, children: t('composerNotify', { ids: notifiedIds.map(memberId => `@${memberHandles.get(memberId) ?? memberId}`).join(', ') }) }), onFilesChange !== undefined && pendingFiles !== undefined && pendingFiles.length > 0 && (_jsx("ul", { className: css.fileChips, "aria-label": t('attachFiles'), children: pendingFiles.map((file, index) => {
                             const previewUrl = draftPreviewUrl(file);
                             return _jsxs("li", { className: `${css.fileChip} ${previewUrl !== undefined ? css.imageChip : ''}`, children: [previewUrl !== undefined && _jsx("img", { src: previewUrl, alt: "", className: css.imageChipPreview }), _jsxs("span", { className: css.fileChipName, title: file.name, children: [file.name, _jsx("span", { className: css.fileChipSize, children: formatByteSize(file.size) })] }), _jsx("button", { type: "button", className: css.fileChipRemove, "aria-label": t('removeFile', { name: file.name }), disabled: pending, onClick: () => {
                                             const url = draftPreviewUrls.get(file);
@@ -254,12 +254,12 @@ export function TeamComposer({ members, followerMemberIds, recipients, draft, pe
                                                 URL.revokeObjectURL(url);
                                             onFilesChange(pendingFiles.filter((_, candidate) => candidate !== index));
                                         }, children: "\u00D7" })] }, `${file.name}-${index}`);
-                        }) })), _jsxs("div", { className: css.toolbar, children: [onAsTaskChange !== undefined && (_jsx(Button, { size: "sm", variant: "outline", className: asTask === true ? css.asTaskOn : undefined, "aria-pressed": asTask === true, disabled: pending, onClick: () => { onAsTaskChange(asTask !== true); }, children: t('asTask') })), onFilesChange !== undefined && (_jsxs(_Fragment, { children: [_jsx("input", { ref: fileInputRef, type: "file", multiple: true, className: css.fileInput, "aria-hidden": "true", tabIndex: -1, onChange: event => {
+                        }) })), _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 => {
+                                        } }), _jsx(Tooltip, { label: t('attachFiles'), side: "top", delayMs: 500, children: _jsx("button", { type: "button", className: css.attachButton, "aria-label": t('attachFiles'), disabled: pending, onClick: () => { fileInputRef.current?.click(); }, children: _jsx(IconPaperclipOutline16, { size: 14 }) }) })] })), onAsTaskChange !== undefined && (_jsxs("button", { type: "button", className: asTask === true ? `${css.asTaskPill} ${css.asTaskPillOn}` : css.asTaskPill, "aria-label": t('asTask'), "aria-pressed": asTask === true, title: t('asTask'), disabled: pending, onClick: () => { onAsTaskChange(asTask !== true); }, children: [_jsx(IconChecklistOutline14, { size: 14 }), _jsx("span", { className: css.asTaskLabel, children: t('asTask') })] })), _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 });

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, drafts, putAttachment, getAttachment, loadChannels, readThread, loadThreadHistory, threadObservations, subscribeChanges, loadMembers, sendMessage, joinChannel, removeChannelMember, reply, changeTask, promoteThread, selectThread, selectChannel, backToWorkspace, backToChannels, resolveTaskRefs }: TeamConversationProps): import("react").JSX.Element;
+export declare function TeamConversation({ t, useWorkspaces, navigation, drafts, putAttachment, getAttachment, loadChannels, readThread, loadThreadHistory, threadObservations, subscribeChanges, loadMembers, loadInbox, sendMessage, joinChannel, removeChannelMember, reply, changeTask, promoteThread, selectThread, selectChannel, selectWorkspace, backToWorkspace, backToChannels, resolveTaskRefs }: 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,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,EAAE,qBAAqB,+BAoB7X"}
+{"version":3,"file":"TeamConversation.d.ts","sourceRoot":"","sources":["../../../src/client/TeamConversation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAMvD,wBAAgB,gBAAgB,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,mBAAmB,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,EAAE,qBAAqB,+BA0BzZ"}

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

@@ -1,17 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSyncExternalStore } from 'react';
 import { TeamChannelPage } from "./TeamChannelPage.js";
+import { TeamInboxPage } from "./TeamInboxPage.js";
 import { TeamThreadPage } from "./TeamThreadPage.js";
 import css from './conversation.module.css';
-export function TeamConversation({ t, useWorkspaces, navigation, drafts, putAttachment, getAttachment, loadChannels, readThread, loadThreadHistory, threadObservations, subscribeChanges, loadMembers, sendMessage, joinChannel, removeChannelMember, reply, changeTask, promoteThread, selectThread, selectChannel, backToWorkspace, backToChannels, resolveTaskRefs }) {
+export function TeamConversation({ t, useWorkspaces, navigation, drafts, putAttachment, getAttachment, loadChannels, readThread, loadThreadHistory, threadObservations, subscribeChanges, loadMembers, loadInbox, sendMessage, joinChannel, removeChannelMember, reply, changeTask, promoteThread, selectThread, selectChannel, selectWorkspace, backToWorkspace, backToChannels, resolveTaskRefs }) {
     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 (navigationState.inbox === true) {
+        // The Inbox page is global: it merges every visible Workspace and needs no
+        // selected Workspace. Selecting Inbox clears the Channel/Thread faces, so
+        // this face owns the seat while the flag stands.
+        return _jsx(TeamInboxPage, { useWorkspaces: useWorkspaces, loadInbox: loadInbox, subscribeChanges: subscribeChanges, selectWorkspace: selectWorkspace, selectThread: selectThread, t: t }, "inbox");
+    }
     if (current !== undefined && navigationState.threadRef !== undefined) {
         return _jsx(TeamThreadPage, { workspaceId: current.workspaceId, putAttachment: putAttachment, threadRef: navigationState.threadRef, backToWorkspace: backToWorkspace, selectChannel: selectChannel, selectThread: selectThread, resolveTaskRefs: resolveTaskRefs, ...(navigationState.channelRef === undefined ? {} : { channelRef: navigationState.channelRef }), ...(navigationState.taskRef === undefined ? {} : { taskRef: navigationState.taskRef }), ...(navigationState.taskNumber === undefined ? {} : { taskNumber: navigationState.taskNumber }), drafts: drafts, getAttachment: getAttachment, readThread: readThread, loadChannels: loadChannels, loadThreadHistory: loadThreadHistory, threadObservations: threadObservations, subscribeChanges: subscribeChanges, loadMembers: loadMembers, reply: reply, changeTask: changeTask, promoteThread: promoteThread, t: t }, navigationState.threadRef);
     }
     if (current !== undefined && navigationState.channelRef !== undefined) {
-        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, selectChannel: selectChannel, backToChannels: backToChannels, resolveTaskRefs: resolveTaskRefs, 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, loadInbox: loadInbox, sendMessage: sendMessage, joinChannel: joinChannel, removeChannelMember: removeChannelMember, selectThread: selectThread, selectChannel: selectChannel, backToChannels: backToChannels, resolveTaskRefs: resolveTaskRefs, 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/TeamCountBadge.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The one count capsule. The Human Inbox entry, the Channel feed's Thread
+ * entry, and the Inbox queue row all answer the same question — how much is
+ * waiting here — so they wear the same box rather than one hand-written copy
+ * of the same declarations per surface. Three copies is how the feed's digit
+ * ended up on a different line box from the other two.
+ *
+ * Zero is the absence of a count rather than a capsule reading zero, which is
+ * the rule every caller wants and therefore the component's own.
+ */
+export declare function TeamCountBadge({ count, tone, label, className }: {
+    readonly count: number;
+    /** `hairline` is unread that merely arrived; the solid fill is unread that names this reader. */
+    readonly tone?: 'solid' | 'hairline' | undefined;
+    /** The accessible name while the count is the only thing saying it; omit it when the surrounding control already carries the number. */
+    readonly label?: string | undefined;
+    /** Placement belongs to the surface hanging the capsule: the narrow rail pins it to the icon's corner. */
+    readonly className?: string | undefined;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=TeamCountBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamCountBadge.d.ts","sourceRoot":"","sources":["../../../src/client/TeamCountBadge.tsx"],"names":[],"mappings":"AAKA;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,IAAc,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAC1E,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,iGAAiG;IACjG,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAA;IAChD,wIAAwI;IACxI,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,0GAA0G;IAC1G,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACxC,sCASA"}

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import css from './countBadge.module.css';
+/** Every count the Human reads is capped at this, so one wide number never widens the capsule. */
+const COUNT_CAP = 99;
+/**
+ * The one count capsule. The Human Inbox entry, the Channel feed's Thread
+ * entry, and the Inbox queue row all answer the same question — how much is
+ * waiting here — so they wear the same box rather than one hand-written copy
+ * of the same declarations per surface. Three copies is how the feed's digit
+ * ended up on a different line box from the other two.
+ *
+ * Zero is the absence of a count rather than a capsule reading zero, which is
+ * the rule every caller wants and therefore the component's own.
+ */
+export function TeamCountBadge({ count, tone = 'solid', label, className }) {
+    if (count <= 0)
+        return null;
+    const text = count > COUNT_CAP ? `${COUNT_CAP}+` : String(count);
+    const classes = `${css.badge}${tone === 'hairline' ? ` ${css.hairline}` : ''}${className === undefined ? '' : ` ${className}`}`;
+    // Tests and the browser journey read the capsule by this attribute rather
+    // than by a CSS-module hash, which changes whenever a rule is renamed.
+    return label === undefined
+        ? _jsx("span", { className: classes, "data-team-count-badge": tone, "aria-hidden": "true", children: text })
+        : _jsx("span", { className: classes, "data-team-count-badge": tone, role: "img", "aria-label": label, title: label, children: text });
+}

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

@@ -0,0 +1,25 @@
+import type { TeamConversationProps } from './slots.ts';
+interface TeamInboxPageProps {
+    readonly useWorkspaces: TeamConversationProps['useWorkspaces'];
+    readonly loadInbox: TeamConversationProps['loadInbox'];
+    /** Wake source while the page is open: one scope-less subscription, shared with the badge poll. */
+    readonly subscribeChanges: TeamConversationProps['subscribeChanges'];
+    readonly selectWorkspace: TeamConversationProps['selectWorkspace'];
+    readonly selectThread: TeamConversationProps['selectThread'];
+    readonly t: TeamConversationProps['t'];
+}
+/**
+ * The Human Inbox: one Inbox call per visible Workspace, rendering the Host's
+ * two slices — the unread queue (「需要我」, mentions counted inside it rather
+ * than alone) and the 「最近活跃」 tail of Threads the reader took part in.
+ * Both merge across every Workspace into one recency-ordered list, newest
+ * first, since a queue is read by recency rather than by Workspace.
+ * Opening the page never acknowledges anything — only a durable Thread read
+ * advances the watermark and consumes a mention marker, so rows and the badge
+ * drop after the Thread is opened through the existing auto-ack path. A Thread
+ * holding unread is only ever in the queue: the Host already excludes it from
+ * the tail, and this page never re-derives that judgement.
+ */
+export declare function TeamInboxPage({ useWorkspaces, loadInbox, subscribeChanges, selectWorkspace, selectThread, t }: TeamInboxPageProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TeamInboxPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamInboxPage.d.ts","sourceRoot":"","sources":["../../../src/client/TeamInboxPage.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAavD,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAA;IAC9D,QAAQ,CAAC,SAAS,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAA;IACtD,mGAAmG;IACnG,QAAQ,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,kBAAkB,CAAC,CAAA;IACpE,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAClE,QAAQ,CAAC,YAAY,EAAE,qBAAqB,CAAC,cAAc,CAAC,CAAA;IAC5D,QAAQ,CAAC,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAA;CACvC;AAyBD;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,kBAAkB,+BA0GjI"}

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

@@ -0,0 +1,139 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Button } from '@deepseek-ai/dsh-client-ui-primitives';
+import { formatAbsoluteTime, formatInboxTime } from "./team-formatters.js";
+import { TeamAvatarStack } from "./TeamAvatarStack.js";
+import { TeamCountBadge } from "./TeamCountBadge.js";
+import css from './conversation.module.css';
+import inboxCss from './inbox.module.css';
+/**
+ * How many 「最近活跃」 rows the merged page may show. The Host bounds each
+ * Workspace's own slice; this is the single bound across every Workspace on
+ * screen, so the section stays the same size no matter how many are open — and
+ * it stays a way back into work rather than a second queue, which is why it is
+ * shorter than the queue the reader is actually being asked to work through.
+ */
+const RECENT_ROWS_LIMIT = 5;
+/**
+ * Queue order: newest unread first, one total order across Workspaces. Each
+ * Workspace slice arrives in the Host's own order (that order is the Host's
+ * truncation policy); the merged display order is decided here, where the
+ * merge happens, and the ledger sequence breaks ties so the queue never
+ * reshuffles two rows that share an instant.
+ */
+function compareInboxRows(left, right) {
+    const leftAt = Date.parse(left.item.newestOccurredAt);
+    const rightAt = Date.parse(right.item.newestOccurredAt);
+    const byTime = (Number.isNaN(rightAt) ? 0 : rightAt) - (Number.isNaN(leftAt) ? 0 : leftAt);
+    return byTime !== 0 ? byTime : right.item.newestSequence - left.item.newestSequence;
+}
+/**
+ * The Human Inbox: one Inbox call per visible Workspace, rendering the Host's
+ * two slices — the unread queue (「需要我」, mentions counted inside it rather
+ * than alone) and the 「最近活跃」 tail of Threads the reader took part in.
+ * Both merge across every Workspace into one recency-ordered list, newest
+ * first, since a queue is read by recency rather than by Workspace.
+ * Opening the page never acknowledges anything — only a durable Thread read
+ * advances the watermark and consumes a mention marker, so rows and the badge
+ * drop after the Thread is opened through the existing auto-ack path. A Thread
+ * holding unread is only ever in the queue: the Host already excludes it from
+ * the tail, and this page never re-derives that judgement.
+ */
+export function TeamInboxPage({ useWorkspaces, loadInbox, subscribeChanges, selectWorkspace, selectThread, t }) {
+    const workspaces = useWorkspaces(state => state.items);
+    const [rows, setRows] = useState();
+    const [recentRows, setRecentRows] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState();
+    // Only the first refresh owns the loading surface; later wakes refresh the
+    // rendered rows in place instead of flashing them back to skeleton.
+    const loadedRef = useRef(false);
+    const refresh = useCallback(async () => {
+        if (!loadedRef.current)
+            setLoading(true);
+        const results = await Promise.all(workspaces.map(async (workspace) => {
+            const result = await loadInbox({ workspaceId: workspace.workspaceId, limit: 100 });
+            return result.ok
+                ? { ok: true, workspaceId: workspace.workspaceId, workspaceTitle: workspace.title, items: result.value.items, recent: result.value.recent }
+                : { ok: false, message: result.error.message };
+        }));
+        const failure = results.find(result => !result.ok);
+        const asRows = (items, workspaceId, workspaceTitle) => items.map(item => ({ workspaceId, workspaceTitle, item }));
+        setRows(results.flatMap(result => result.ok ? asRows(result.items, result.workspaceId, result.workspaceTitle) : []).sort(compareInboxRows));
+        // The tail is one global bound rather than one per Workspace: the reader was
+        // promised ten Threads to step back into, and every Workspace's slice is
+        // already capped on its own, so the merged list is trimmed here.
+        setRecentRows(results.flatMap(result => result.ok ? asRows(result.recent, result.workspaceId, result.workspaceTitle) : [])
+            .sort(compareInboxRows).slice(0, RECENT_ROWS_LIMIT));
+        setError(failure?.ok === false ? failure.message : undefined);
+        loadedRef.current = true;
+        setLoading(false);
+    }, [loadInbox, workspaces]);
+    useEffect(() => { void refresh(); }, [refresh]);
+    useEffect(() => subscribeChanges(undefined, update => {
+        if (update.type === 'failed') {
+            setError(update.message);
+            return;
+        }
+        void refresh();
+    }), [subscribeChanges, refresh]);
+    const open = (row) => {
+        selectWorkspace(row.workspaceId);
+        selectThread(row.item.thread.threadRef, row.item.channelRef, row.item.task?.taskRef, row.item.taskNumber);
+    };
+    // The page rides the shared conversation seat: the same header band, 880px
+    // reading column, responsive gutters, and scrollbar gutter as Channel and
+    // Thread, so switching surfaces does not shift the content column.
+    const totalUnread = rows?.reduce((sum, row) => sum + row.item.unreadCount, 0) ?? 0;
+    const totalMentions = rows?.reduce((sum, row) => sum + row.item.directCount, 0) ?? 0;
+    // A row names its Workspace only while the rows on screen span more than one.
+    // With a single Workspace in the list the segment is a constant printed down
+    // every row, which spends the row's most readable position on something that
+    // never varies; the moment a second Workspace reaches the list it comes back,
+    // because two rows then have to be tellable apart. This reads the rows rather
+    // than the open Workspaces: a Workspace holding nothing to show here is not a
+    // reason to keep printing the name of the one that is.
+    const shownWorkspaces = new Set();
+    for (const row of rows ?? [])
+        shownWorkspaces.add(row.workspaceTitle);
+    for (const row of recentRows)
+        shownWorkspaces.add(row.workspaceTitle);
+    const showWorkspace = shownWorkspaces.size > 1;
+    return _jsxs("main", { className: css.surface, "data-team-inbox": true, children: [_jsx("div", { className: css.surfaceHeader, children: _jsx("header", { className: css.headerRow, children: _jsxs("div", { className: css.headerCopy, children: [_jsx("h1", { children: t('inboxTitle') }), rows !== undefined && rows.length > 0 && _jsxs("p", { className: inboxCss.headerMeta, children: [_jsx("span", { children: t('inboxHeaderThreads', { count: rows.length }) }), _jsx("span", { className: inboxCss.headerUnread, children: t('inboxHeaderUnread', { count: totalUnread }) }), totalMentions > 0 && _jsx("span", { children: t('inboxHeaderMentions', { count: totalMentions }) })] })] }) }) }), _jsx("div", { className: css.timeline, children: _jsxs("div", { className: css.timelineContent, children: [loading && rows === undefined && error === undefined && _jsx("div", { className: css.emptySurface, children: _jsxs("p", { className: css.loadingState, children: [_jsx("span", { className: css.loadingMark, "aria-hidden": "true" }), t('loadingInbox')] }) }), !loading && rows === undefined && error !== undefined && _jsxs("div", { className: css.errorState, role: "alert", children: [_jsx("span", { children: error }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => { void refresh(); }, children: t('retry') })] }), rows !== undefined && (rows.length === 0 && recentRows.length === 0
+                            ? _jsx("div", { className: css.emptySurface, children: _jsxs("div", { className: css.emptyState, children: [_jsx("strong", { children: t('inboxEmptyTitle') }), _jsx("span", { children: t('inboxEmptyHint') })] }) })
+                            : _jsxs(_Fragment, { children: [rows.length > 0 && _jsxs("section", { className: inboxCss.section, children: [_jsxs("h2", { className: inboxCss.sectionTitle, children: [t('inboxSectionNeedsMe'), _jsx("span", { className: inboxCss.sectionCount, children: rows.length })] }), _jsx("div", { className: inboxCss.list, children: rows.map(row => _jsx(InboxQueueRow, { row: row, t: t, showWorkspace: showWorkspace, onOpen: () => { open(row); } }, `${row.workspaceId} ${row.item.thread.threadRef}`)) })] }), recentRows.length > 0 && _jsxs("section", { className: inboxCss.section, children: [_jsxs("h2", { className: inboxCss.sectionTitle, children: [t('inboxSectionRecent'), _jsx("span", { className: inboxCss.sectionCount, children: recentRows.length })] }), _jsx("div", { className: inboxCss.list, children: recentRows.map(row => _jsx(InboxQueueRow, { row: row, t: t, showWorkspace: showWorkspace, onOpen: () => { open(row); } }, `${row.workspaceId} ${row.item.thread.threadRef}`)) })] })] })), rows !== undefined && error !== undefined && _jsx("p", { className: css.error, role: "alert", children: error })] }) })] });
+}
+/**
+ * One queue row, shaped like the shipped two-line result row: who is on this
+ * Thread leads in the gutter, the identity line answers which Thread this is,
+ * how much is waiting, and when it last moved, and the gist sits under it on the
+ * same column as evidence for that identity rather than as the row's subject.
+ *
+ * The gutter carries the one thing every row has — who is on the work, or who
+ * moved a Thread nobody has claimed — so a Thread that merely arrived and one
+ * that named the reader open on the same edge instead of the quieter one opening
+ * on a slot reserved for a count it does not hold. It is the grammar the Channel
+ * feed's Thread entry row already speaks, where the people on the work lead the
+ * row.
+ *
+ * Before the queue admitted every unread Thread, each row was a mention and the
+ * rows were interchangeable; now that named and ambient unread share one list,
+ * the row has to carry that difference itself. The count closes the identity
+ * line and only its ink changes — the shared capsule fill for a row that names
+ * the reader, a hairline for one that merely moved. The two numbers behind that
+ * ink (unread, mentions) reach assistive tech through the capsule's own name,
+ * because a second visible count beside the first would cost the row the one
+ * thing it needs to stay scannable.
+ */
+function InboxQueueRow({ row, t, showWorkspace, onOpen }) {
+    const { item } = row;
+    const actor = item.newestActor;
+    const owners = item.claimOwners;
+    const named = item.directCount > 0;
+    const countLabel = named
+        ? t('inboxRowUnreadMentions', { count: item.unreadCount, mentions: item.directCount })
+        : t('inboxRowUnread', { count: item.unreadCount });
+    return _jsxs("button", { type: "button", className: inboxCss.row, "data-named": named || undefined, onClick: onOpen, children: [_jsx("span", { className: inboxCss.rowActor, children: owners.length > 0
+                    ? _jsx(TeamAvatarStack, { owners: owners, label: t('claimers', { names: owners.map(owner => `@${owner.name}`).join(', ') }) })
+                    : _jsx(TeamAvatarStack, { owners: [actor], label: t('inboxRowActor', { name: `@${actor.name}` }) }) }), _jsxs("span", { className: inboxCss.rowLine, children: [_jsxs("span", { className: inboxCss.rowCrumb, children: [showWorkspace && _jsx("span", { className: inboxCss.rowWorkspace, children: row.workspaceTitle }), showWorkspace && ' / ', _jsxs("span", { className: inboxCss.rowChannel, children: ["#", item.channelName] }), ' ', item.taskNumber !== undefined && _jsx("span", { className: inboxCss.rowTask, children: t('taskLabel', { number: item.taskNumber }) })] }), _jsx(TeamCountBadge, { count: item.unreadCount, tone: named ? 'solid' : 'hairline', label: countLabel }), _jsx("time", { className: inboxCss.rowTime, dateTime: item.newestOccurredAt, title: formatAbsoluteTime(item.newestOccurredAt), children: formatInboxTime(item.newestOccurredAt, t) })] }), _jsx("span", { className: inboxCss.rowPreview, children: item.previewText })] });
+}

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

@@ -1 +1 @@
-{"version":3,"file":"TeamMemberEditor.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMemberEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,uBAAuB,EAAgC,MAAM,gCAAgC,CAAA;AACxI,OAAO,KAAK,EAAiD,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAYjG;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE;IAClF,QAAQ,CAAC,KAAK,EAAE,uBAAuB,GAAG,SAAS,CAAA;IACnD,QAAQ,CAAC,aAAa,EAAE,CAAC,MAAM,EAAE,uBAAuB,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7E,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IACnD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;CAClC,+BA0GA;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE;IAC/F,QAAQ,CAAC,MAAM,EAAE,2BAA2B,CAAA;IAC5C,QAAQ,CAAC,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAA;IACvD,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IACnD,QAAQ,CAAC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAChD,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;CAClC,+BA0EA;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,uBAAuB,GAAG,SAAS,EAAE,KAAK,EAAE,uBAAuB,GAAG,SAAS,GAAG,OAAO,CAIxH"}
+{"version":3,"file":"TeamMemberEditor.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMemberEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,uBAAuB,EAAgC,MAAM,gCAAgC,CAAA;AACxI,OAAO,KAAK,EAAiD,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAajG;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE;IAClF,QAAQ,CAAC,KAAK,EAAE,uBAAuB,GAAG,SAAS,CAAA;IACnD,QAAQ,CAAC,aAAa,EAAE,CAAC,MAAM,EAAE,uBAAuB,GAAG,SAAS,KAAK,IAAI,CAAA;IAC7E,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IACnD,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;CAClC,+BA0GA;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE;IAC/F,QAAQ,CAAC,MAAM,EAAE,2BAA2B,CAAA;IAC5C,QAAQ,CAAC,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAA;IACvD,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IACnD,QAAQ,CAAC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAChD,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;CAClC,+BA4DA;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,uBAAuB,GAAG,SAAS,EAAE,KAAK,EAAE,uBAAuB,GAAG,SAAS,GAAG,OAAO,CAIxH"}