@wowyuarm/dsh-agent-team 0.1.11 → 0.1.12

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

@@ -1,11 +1,21 @@
-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 { 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';
 /**
- * Queue order: newest mention first, one total order across Workspaces. Each
+ * 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
@@ -18,16 +28,21 @@ function compareInboxRows(left, right) {
     return byTime !== 0 ? byTime : right.item.newestSequence - left.item.newestSequence;
 }
 /**
- * The Human 「提到我」 queue: one direct-only Inbox call per visible Workspace,
- * merged into a single recency-ordered list — newest mention first across every
- * Workspace, since a queue is read by recency rather than by Workspace.
+ * 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
- * consumes a mention marker, so rows and the badge drop after the Thread is
- * opened through the existing auto-ack path.
+ * 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
@@ -37,15 +52,19 @@ export function TeamInboxPage({ useWorkspaces, loadInbox, subscribeChanges, sele
         if (!loadedRef.current)
             setLoading(true);
         const results = await Promise.all(workspaces.map(async (workspace) => {
-            const result = await loadInbox({ workspaceId: workspace.workspaceId, directOnly: true, limit: 100 });
+            const result = await loadInbox({ workspaceId: workspace.workspaceId, limit: 100 });
             return result.ok
-                ? { ok: true, workspaceId: workspace.workspaceId, workspaceTitle: workspace.title, items: result.value.items }
+                ? { 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);
-        setRows(results.flatMap(result => result.ok
-            ? result.items.map(item => ({ workspaceId: result.workspaceId, workspaceTitle: result.workspaceTitle, item }))
-            : []).sort(compareInboxRows));
+        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);
@@ -65,7 +84,56 @@ export function TeamInboxPage({ useWorkspaces, loadInbox, subscribeChanges, sele
     // 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.
-    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('mentionsOfMe') }), rows !== undefined && rows.length > 0 && _jsx("p", { className: inboxCss.headerMeta, children: t('inboxHeaderMeta', { threads: rows.length, mentions: rows.reduce((sum, row) => sum + row.item.directCount, 0) }) })] }) }) }), _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
+    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') })] }) })
-                            : _jsx("div", { className: inboxCss.list, children: rows.map(row => (_jsxs("button", { type: "button", className: inboxCss.row, onClick: () => { open(row); }, children: [_jsxs("span", { className: inboxCss.rowCrumb, children: [row.workspaceTitle, " / ", _jsxs("span", { className: inboxCss.rowChannel, children: ["#", row.item.channelName] }), row.item.taskNumber !== undefined && _jsx("span", { className: inboxCss.rowTask, children: t('taskLabel', { number: row.item.taskNumber }) })] }), _jsx("span", { className: inboxCss.rowPreview, children: row.item.previewText }), _jsx("time", { className: inboxCss.rowTime, dateTime: row.item.newestOccurredAt, title: formatAbsoluteTime(row.item.newestOccurredAt), children: formatInboxTime(row.item.newestOccurredAt, t) })] }, `${row.workspaceId} ${row.item.thread.threadRef}`))) })), rows !== undefined && error !== undefined && _jsx("p", { className: css.error, role: "alert", children: error })] }) })] });
+                            : _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/TeamMemberRow.d.ts

@@ -0,0 +1,43 @@
+import type { AgentTeamClientMemberStatus } from '@wowyuarm/dsh-agent-team/types';
+import type { TeamSidebarProps } from './slots.ts';
+/** One membership action: what it says and which Member it acts on. */
+export interface TeamMemberAction {
+    readonly label: string;
+    readonly onSelect: () => void;
+    readonly disabled?: boolean;
+}
+/**
+ * The one place a Member's identity is drawn: the presence-bearing avatar plus
+ * the handle over its description. Read-only rosters, the rosters with a
+ * membership action, and the sidebar Agent list all render this, so identity,
+ * tone and truncation cannot drift between surfaces that show the same person.
+ *
+ * A fragment, not a row: each surface owns its own row element, hit target and
+ * grid, and places this identity in that grid's first two tracks. The handle
+ * spelling is the surface's call — rosters address Members the way the
+ * composer does (`@handle`), the sidebar names them as the directory does.
+ */
+export declare function TeamMemberIdentity({ status, name, className, t }: {
+    readonly status: AgentTeamClientMemberStatus;
+    /** Handle spelling for this surface; defaults to the mention form. */
+    readonly name?: string | undefined;
+    /** Surface-local copy hook (sidebar line heights, dialog density). */
+    readonly className?: string | undefined;
+    readonly t: TeamSidebarProps['t'];
+}): import("react").JSX.Element;
+/**
+ * The one roster row: identity, an optional membership action, and the row's
+ * own failure line. The action is the row's only chrome, so the eye lands on
+ * the handle first and on the action second. A read-only roster omits it and
+ * the trailing track collapses, handing its width back to the description.
+ */
+export declare function TeamMemberRow({ status, action, error, className, t }: {
+    readonly status: AgentTeamClientMemberStatus;
+    readonly action?: TeamMemberAction | undefined;
+    /** Transport failure for this row's last mutation, announced in place. */
+    readonly error?: string | undefined;
+    /** Surface-local hook (dialog, sidebar, footer) for its own row rules. */
+    readonly className?: string | undefined;
+    readonly t: TeamSidebarProps['t'];
+}): import("react").JSX.Element;
+//# sourceMappingURL=TeamMemberRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamMemberRow.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMemberRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAA;AACjF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAIlD,uEAAuE;AACvE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE;IACjE,QAAQ,CAAC,MAAM,EAAE,2BAA2B,CAAA;IAC5C,sEAAsE;IACtE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,sEAAsE;IACtE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvC,QAAQ,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;CAClC,+BAQA;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE;IACrE,QAAQ,CAAC,MAAM,EAAE,2BAA2B,CAAA;IAC5C,QAAQ,CAAC,MAAM,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAA;IAC9C,0EAA0E;IAC1E,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,0EAA0E;IAC1E,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvC,QAAQ,CAAC,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAA;CAClC,+BAMA"}

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '@deepseek-ai/dsh-client-ui-primitives';
+import { TeamMemberAvatar } from "./TeamMemberAvatar.js";
+import css from './member-row.module.css';
+/**
+ * The one place a Member's identity is drawn: the presence-bearing avatar plus
+ * the handle over its description. Read-only rosters, the rosters with a
+ * membership action, and the sidebar Agent list all render this, so identity,
+ * tone and truncation cannot drift between surfaces that show the same person.
+ *
+ * A fragment, not a row: each surface owns its own row element, hit target and
+ * grid, and places this identity in that grid's first two tracks. The handle
+ * spelling is the surface's call — rosters address Members the way the
+ * composer does (`@handle`), the sidebar names them as the directory does.
+ */
+export function TeamMemberIdentity({ status, name, className, t }) {
+    return _jsxs(_Fragment, { children: [_jsx(TeamMemberAvatar, { status: status, t: t }), _jsxs("span", { className: className === undefined ? css.copy : `${css.copy} ${className}`, children: [_jsx("strong", { children: name ?? `@${status.member.handle.replace(/^@/, '')}` }), _jsx("small", { children: status.member.description })] })] });
+}
+/**
+ * The one roster row: identity, an optional membership action, and the row's
+ * own failure line. The action is the row's only chrome, so the eye lands on
+ * the handle first and on the action second. A read-only roster omits it and
+ * the trailing track collapses, handing its width back to the description.
+ */
+export function TeamMemberRow({ status, action, error, className, t }) {
+    return _jsxs("div", { className: className === undefined ? css.row : `${css.row} ${className}`, "data-team-member-row": true, children: [_jsx(TeamMemberIdentity, { status: status, t: t }), action !== undefined && _jsx(Button, { size: "sm", variant: "outline", className: css.action, disabled: action.disabled === true, onClick: action.onSelect, children: action.label }), error !== undefined && _jsx("p", { className: css.error, role: "alert", children: error })] });
+}

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

@@ -1,5 +1,5 @@
-import type { TeamFooterProps } from './slots.ts';
-type TeamMembersActionProps = Pick<TeamFooterProps, 'wide' | 'loadMemberGroups' | 't'>;
+import type { TeamSettingsProps } from './slots.ts';
+type TeamMembersActionProps = Pick<TeamSettingsProps, 'wide' | 'loadMemberGroups' | 't'>;
 export declare function TeamMembersAction({ wide, loadMemberGroups, t }: TeamMembersActionProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=TeamMembersAction.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TeamMembersAction.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMembersAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAKjD,KAAK,sBAAsB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,kBAAkB,GAAG,GAAG,CAAC,CAAA;AAEtF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,EAAE,sBAAsB,+BAuDtF"}
+{"version":3,"file":"TeamMembersAction.d.ts","sourceRoot":"","sources":["../../../src/client/TeamMembersAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAKnD,KAAK,sBAAsB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,kBAAkB,GAAG,GAAG,CAAC,CAAA;AAExF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,EAAE,sBAAsB,+BAkDtF"}

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { IconUserOutline16, Modal, Tooltip } from '@deepseek-ai/dsh-client-ui-primitives';
-import { TeamPresenceDot } from "./TeamPresenceDot.js";
+import { TeamMemberRow } from "./TeamMemberRow.js";
 import membersCss from './members.module.css';
 import css from './team.module.css';
 export function TeamMembersAction({ wide, loadMemberGroups, t }) {
@@ -28,5 +28,5 @@ export function TeamMembersAction({ wide, loadMemberGroups, t }) {
         setPanelOpen(false);
         queueMicrotask(() => { triggerRef.current?.focus(); });
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, { label: t('members'), delayMs: 500, disabled: wide, children: _jsxs("button", { ref: triggerRef, type: "button", className: wide ? css.settingsAction : `${css.settingsAction} ${css.rail}`, "aria-label": t('members'), "aria-haspopup": "dialog", onClick: openMembers, children: [_jsx(IconUserOutline16, { size: wide ? 16 : 18 }), wide && _jsx("span", { children: t('members') })] }) }), _jsx(Modal, { open: panelOpen, onClose: closeMembers, title: t('members'), closeLabel: t('close'), contentClassName: membersCss.body, children: _jsxs("div", { ref: contentRef, className: membersCss.content, tabIndex: -1, children: [loading && _jsx("p", { className: membersCss.state, role: "status", children: t('loadingAgents') }), !loading && groups.length === 0 && error === undefined && _jsx("p", { className: membersCss.state, children: t('emptyAgents') }), !loading && groups.map(group => (_jsxs("section", { className: membersCss.group, "aria-labelledby": `team-members-${group.workspaceId}`, children: [_jsx("h3", { id: `team-members-${group.workspaceId}`, children: group.workspaceTitle }), group.members.map(status => (_jsxs("div", { className: membersCss.member, children: [_jsx(TeamPresenceDot, { status: status, t: t }), _jsxs("span", { className: membersCss.copy, children: [_jsxs("strong", { children: ["@", status.member.handle] }), _jsx("small", { children: status.member.description })] })] }, status.member.memberId)))] }, group.workspaceId))), error !== undefined && _jsx("p", { className: membersCss.error, role: "alert", children: error })] }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, { label: t('members'), delayMs: 500, disabled: wide, children: _jsxs("button", { ref: triggerRef, type: "button", className: wide ? css.settingsAction : `${css.settingsAction} ${css.rail}`, "aria-label": t('members'), "aria-haspopup": "dialog", onClick: openMembers, children: [_jsx(IconUserOutline16, { size: wide ? 16 : 18 }), wide && _jsx("span", { children: t('members') })] }) }), _jsx(Modal, { open: panelOpen, onClose: closeMembers, title: t('members'), closeLabel: t('close'), contentClassName: membersCss.body, children: _jsxs("div", { ref: contentRef, className: membersCss.content, tabIndex: -1, children: [loading && _jsx("p", { className: membersCss.state, role: "status", children: t('loadingAgents') }), !loading && groups.length === 0 && error === undefined && _jsx("p", { className: membersCss.state, children: t('emptyAgents') }), !loading && groups.map(group => (_jsxs("section", { className: membersCss.group, "aria-labelledby": `team-members-${group.workspaceId}`, children: [_jsx("h3", { id: `team-members-${group.workspaceId}`, children: group.workspaceTitle }), group.members.map(status => _jsx(TeamMemberRow, { status: status, className: membersCss.member, t: t }, status.member.memberId))] }, group.workspaceId))), error !== undefined && _jsx("p", { className: membersCss.error, role: "alert", children: error })] }) })] }));
 }

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

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

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

@@ -5,7 +5,7 @@ import { TeamComposer } from "./TeamComposer.js";
 import { diagnosticText, TeamPresenceDot } from "./TeamPresenceDot.js";
 import { TeamMessage } from "./TeamMessage.js";
 import { TeamRunDivider } from "./TeamRunDivider.js";
-import { formatActivity, formatClaimState, formatTaskStatus, formatTaskTitle, mentionNamesOf, taskStatusDot } from "./team-formatters.js";
+import { formatActivity, formatClaimState, formatTaskStatus, formatTaskTitle, mentionNamesOf, mentionedMemberIds, taskStatusDot } from "./team-formatters.js";
 import { TeamStateDot } from "./TeamStateDot.js";
 import { mintRequestId, uploadComposerFiles } from "./requests.js";
 import { ScopeCoverage } from "./scope-coverage.js";
@@ -659,8 +659,12 @@ export function TeamThreadPage(props) {
             }
             if (result.value.kind === 'committed') {
                 const committed = result.value;
+                // The optimistic row chips what the Host is about to report: a
+                // hand-typed `@Handle` delivers exactly like a picked recipient, and the
+                // committed facts replace this row as soon as they arrive.
+                const optimisticMentions = [...new Set([...recipients, ...mentionedMemberIds(draft, channelMembers)])].sort();
                 setCurrentFacts(current => {
-                    const merged = mergeFacts(current, [{ kind: 'message', sequence: committed.message.sequence, message: committed.message, mentions: [...recipients].sort(), occurredAt: committed.receipt.occurredAt }]);
+                    const merged = mergeFacts(current, [{ kind: 'message', sequence: committed.message.sequence, message: committed.message, mentions: optimisticMentions, occurredAt: committed.receipt.occurredAt }]);
                     currentFactsRef.current = merged;
                     return merged;
                 });

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;AAUlD,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,gBAAgB,+BA+GtY"}
+{"version":3,"file":"TeamWorkspaceBrowser.d.ts","sourceRoot":"","sources":["../../../src/client/TeamWorkspaceBrowser.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAyBlD,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,mBAAmB,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,gBAAgB,+BAoHtY"}

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

@@ -7,6 +7,17 @@ import { useSidebarSectionOpen, setSidebarSectionOpen } from "./sidebar-sections
 import { TeamAgentsPanel } from "./TeamAgentsPanel.js";
 import { TeamChannelsPanel } from "./TeamChannelsPanel.js";
 import css from './sidebar.module.css';
+/**
+ * The Inbox entry's icon with its unread mark. The quantity left this surface
+ * and lives in the control's accessible name: the sidebar answers whether
+ * anything is waiting at a glance, and the number — which moves on every fact —
+ * is what a reader asks for on purpose. The mark hangs off the icon rather than
+ * off the control, so the wide card and the 36px rail button put the same dot
+ * on the same corner of the same glyph.
+ */
+function InboxMark({ unread }) {
+    return _jsxs("span", { className: css.inboxMark, children: [_jsx(IconQueueOutline14, { size: 16 }), unread > 0 && _jsx("span", { className: css.inboxDot, "data-team-inbox-dot": true, "aria-hidden": "true" })] });
+}
 export function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWorkspace, selectChannel, selectInbox, t, useWorkspaces, loadMembers, loadInbox, subscribeChanges, subscribeReads, addMember, loadChannels, createChannel, updateChannel, archiveChannel, updateMember, recoverMember, archiveMember, joinChannel, removeChannelMember, loadModels, openMemberSession }) {
     const navigationState = useSyncExternalStore(navigation.subscribe, navigation.getSnapshot, navigation.getSnapshot);
     const workspaces = useWorkspaces(state => state.items);
@@ -17,26 +28,33 @@ export function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWo
     // 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. The mention-Inbox card
-    // takes the marker while the Inbox page stands.
+    // takes the marker while the Inbox page stands, and stands down while the
+    // embedded Member Session covers that page: the Inbox stays the remembered
+    // face underneath — closing the overlay returns to it, marker included —
+    // but the card is not a second current page while an Agent holds the seat.
     const overviewIsCurrent = navigationState.channelRef === undefined && navigationState.memberSessionId === undefined && navigationState.inbox !== true;
-    const inboxIsCurrent = navigationState.inbox === true;
+    const inboxIsCurrent = navigationState.inbox === true && navigationState.memberSessionId === undefined;
     const [creatingAgents, setCreatingAgents] = useState([]);
     // Rail icons request expansion and name the section to reveal once wide.
     const [pendingSection, setPendingSection] = useState();
     const channelsRef = useRef(null);
     const agentsRef = useRef(null);
     const workspacesOpen = useSidebarSectionOpen(undefined, 'workspaces');
-    // The cross-Workspace mention badge: one scope-less subscription while the
-    // Team sidebar stands; every wake re-pulls each Workspace's direct-only
-    // total (limit 1 — totals cover every row, never the list). Same-burst
-    // wakes coalesce behind a short debounce; the total is still whatever the
-    // Host's direct-only projection returns.
+    // The cross-Workspace Inbox badge: one scope-less subscription while the
+    // Team sidebar stands; every wake re-pulls each Workspace's unread total
+    // (limit 1 — totals cover every row, never the list). Same-burst wakes
+    // coalesce behind a short debounce; the number is whatever the Host's whole
+    // unread slice returns, mentions included rather than alone.
     const [inboxTotal, setInboxTotal] = useState(0);
+    // One name for both entries: what the control is, and how much waits behind
+    // it. The rail repeats it as its hover hint, which is the only place a reader
+    // still meets the quantity without opening the page.
+    const inboxLabel = inboxTotal > 0 ? t('inboxTitleWithCount', { count: inboxTotal }) : t('inboxTitle');
     useEffect(() => {
         let disposed = false;
         let scheduled;
         const refresh = async () => {
-            const results = await Promise.all(workspaces.map(workspace => loadInbox({ workspaceId: workspace.workspaceId, directOnly: true, limit: 1 })));
+            const results = await Promise.all(workspaces.map(workspace => loadInbox({ workspaceId: workspace.workspaceId, limit: 1 })));
             if (disposed)
                 return;
             setInboxTotal(results.reduce((sum, result) => result.ok ? sum + result.value.totalUnreadCount : sum, 0));
@@ -80,7 +98,7 @@ export function TeamWorkspaceBrowser({ wide, expandSidebar, navigation, selectWo
         queueMicrotask(() => { node?.querySelector('button')?.focus(); });
     }, [wide, pendingSection]);
     if (!wide) {
-        return _jsxs("nav", { className: css.railWorkspace, "aria-label": t('workspaceSections'), children: [_jsx(Tooltip, { label: t('mentionsOfMe'), side: "right", children: _jsxs("button", { type: "button", className: css.railButton, "aria-label": inboxTotal > 0 ? t('mentionsOfMeWithCount', { count: inboxTotal }) : t('mentionsOfMe'), "aria-current": inboxIsCurrent ? 'page' : undefined, onClick: () => { selectInbox(); expandSidebar(); }, children: [_jsx(IconQueueOutline14, { size: 16 }), inboxTotal > 0 && _jsx("span", { className: css.inboxBadge, "aria-hidden": "true", children: inboxTotal > 99 ? '99+' : inboxTotal })] }) }), _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("nav", { className: css.railWorkspace, "aria-label": t('workspaceSections'), children: [_jsx(Tooltip, { label: inboxLabel, side: "right", children: _jsx("button", { type: "button", className: css.railButton, "aria-label": inboxLabel, "aria-current": inboxIsCurrent ? 'page' : undefined, onClick: () => { selectInbox(); expandSidebar(); }, children: _jsx(InboxMark, { unread: inboxTotal }) }) }), _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: [_jsxs("button", { type: "button", className: css.inboxCard, "aria-label": inboxTotal > 0 ? t('mentionsOfMeWithCount', { count: inboxTotal }) : t('mentionsOfMe'), "aria-current": inboxIsCurrent ? 'page' : undefined, onClick: selectInbox, children: [_jsx(IconQueueOutline14, { size: 16 }), _jsx("span", { className: css.inboxCardLabel, children: t('mentionsOfMe') }), inboxTotal > 0 && _jsx("span", { className: css.inboxBadge, "aria-hidden": "true", children: inboxTotal > 99 ? '99+' : inboxTotal })] }), _jsx(TeamSidebarSection, { title: t('workspaces'), open: workspacesOpen, onToggle: open => { setSidebarSectionOpen(undefined, 'workspaces', open); }, children: _jsxs("div", { className: css.workspaceList, children: [workspaces.map(workspace => _jsx(TeamWorkspaceRow, { workspaceId: workspace.workspaceId, title: workspace.title, path: workspace.path, selected: workspace.workspaceId === selectedId, current: workspace.workspaceId === selectedId && overviewIsCurrent, onSelect: selectWorkspace }, workspace.workspaceId)), workspaces.length === 0 && _jsx("p", { className: css.emptyState, children: t('empty') })] }) }), selectedId !== undefined && _jsxs("div", { className: css.workspaceSection, children: [_jsx("div", { ref: channelsRef, children: _jsx(TeamChannelsPanel, { workspaceId: selectedId, loadMembers: loadMembers, loadChannels: loadChannels, subscribeChanges: subscribeChanges, createChannel: createChannel, updateChannel: updateChannel, archiveChannel: archiveChannel, joinChannel: joinChannel, removeChannelMember: removeChannelMember, creatingAgents: creatingAgents.filter(request => request.workspaceId === selectedId), ...(navigationState.memberSessionId !== undefined || navigationState.channelRef === undefined ? {} : { selectedChannelRef: navigationState.channelRef }), selectChannel: selectChannel, t: t }, selectedId) }), _jsx("div", { ref: agentsRef, children: _jsx(TeamAgentsPanel, { workspaceId: selectedId, loadMembers: loadMembers, subscribeChanges: subscribeChanges, addMember: addMember, updateMember: updateMember, recoverMember: recoverMember, archiveMember: archiveMember, loadModels: loadModels, ...(navigationState.memberSessionId === undefined ? {} : { memberSessionId: navigationState.memberSessionId }), openMemberSession: openMemberSession, onCreatingChange: (request, creating) => { setCreatingAgents(current => creating ? [...current.filter(item => item.requestId !== request.requestId), request] : current.filter(item => item.requestId !== request.requestId)); }, t: t }, selectedId) })] })] });
+    return _jsxs("section", { className: css.workspaceBrowser, "aria-label": t('workspaces'), children: [_jsxs("button", { type: "button", className: css.inboxCard, "aria-label": inboxLabel, "aria-current": inboxIsCurrent ? 'page' : undefined, onClick: selectInbox, children: [_jsx(InboxMark, { unread: inboxTotal }), _jsx("span", { className: css.inboxCardLabel, children: t('inboxTitle') })] }), _jsx(TeamSidebarSection, { title: t('workspaces'), open: workspacesOpen, onToggle: open => { setSidebarSectionOpen(undefined, 'workspaces', open); }, children: _jsxs("div", { className: css.workspaceList, children: [workspaces.map(workspace => _jsx(TeamWorkspaceRow, { workspaceId: workspace.workspaceId, title: workspace.title, path: workspace.path, selected: workspace.workspaceId === selectedId, current: workspace.workspaceId === selectedId && overviewIsCurrent, onSelect: selectWorkspace }, workspace.workspaceId)), workspaces.length === 0 && _jsx("p", { className: css.emptyState, children: t('empty') })] }) }), selectedId !== undefined && _jsxs("div", { className: css.workspaceSection, children: [_jsx("div", { ref: channelsRef, children: _jsx(TeamChannelsPanel, { workspaceId: selectedId, loadMembers: loadMembers, loadChannels: loadChannels, subscribeChanges: subscribeChanges, createChannel: createChannel, updateChannel: updateChannel, archiveChannel: archiveChannel, joinChannel: joinChannel, removeChannelMember: removeChannelMember, creatingAgents: creatingAgents.filter(request => request.workspaceId === selectedId), ...(navigationState.memberSessionId !== undefined || navigationState.channelRef === undefined ? {} : { selectedChannelRef: navigationState.channelRef }), selectChannel: selectChannel, t: t }, selectedId) }), _jsx("div", { ref: agentsRef, children: _jsx(TeamAgentsPanel, { workspaceId: selectedId, loadMembers: loadMembers, subscribeChanges: subscribeChanges, addMember: addMember, updateMember: updateMember, recoverMember: recoverMember, archiveMember: archiveMember, loadModels: loadModels, ...(navigationState.memberSessionId === undefined ? {} : { memberSessionId: navigationState.memberSessionId }), openMemberSession: openMemberSession, onCreatingChange: (request, creating) => { setCreatingAgents(current => creating ? [...current.filter(item => item.requestId !== request.requestId), request] : current.filter(item => item.requestId !== request.requestId)); }, t: t }, selectedId) })] })] });
 }

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

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

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

@@ -1,9 +1,9 @@
-import agentTeamRemote from '../../../agent-team/lib/typert.remote-client.js';
+import agentTeamRemote from '@wowyuarm/dsh-agent-team/remote';
 import { TeamNavigation } from "./navigation.js";
 import { TeamChangeStream, TeamReadStream } from "./team-changes.js";
 import { TeamDraftStore } from "./drafts.js";
 import { TeamFooterAction } from "./TeamFooterAction.js";
-import { TeamSettings } from "./TeamSettings.js";
+import { TeamMembersAction } from "./TeamMembersAction.js";
 import { TeamConversation } from "./TeamConversation.js";
 import { TeamWorkspaceBrowser } from "./TeamWorkspaceBrowser.js";
 import { en, zh } from "./locales.js";
@@ -183,12 +183,11 @@ function applyUi(ctx) {
                 navigation.actions().exitMemberSession();
                 navigation.actions().leaveTeam();
             },
-            loadMemberGroups,
         }),
     }, TeamFooterAction));
     registerModeShadow(ctx, navigation, changes, reads, drafts, 'sidebar.workspaces', TeamWorkspaceBrowser);
     registerModeShadow(ctx, navigation, changes, reads, drafts, 'main', TeamConversation, undefined, 'conversation');
-    registerModeShadow(ctx, navigation, changes, reads, drafts, 'sidebar.settings', TeamSettings, () => ({ loadMemberGroups }));
+    registerModeShadow(ctx, navigation, changes, reads, drafts, 'sidebar.settings', TeamMembersAction, () => ({ loadMemberGroups }));
 }
 export async function apply(ctx) {
     const disposeRemote = await ctx.remote.$mount(agentTeamRemote);

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

@@ -27,14 +27,20 @@ export declare const zh: {
     readonly statusError: "错误";
     readonly statusUnavailable: "不可用";
     readonly addChannel: "新建频道";
-    readonly mentionsOfMe: "提到我";
-    readonly mentionsOfMeWithCount: "提到我，{count} 条未读提及";
-    readonly loadingInbox: "正在加载提到我…";
-    readonly inboxEmptyTitle: "还没有人提到你";
-    readonly inboxEmptyHint: "需要你知道或做决定时，成员会提到你";
-    readonly inboxTimeToday: "今天";
+    readonly inboxTitle: "收件箱";
+    readonly inboxTitleWithCount: "收件箱，{count} 条未读";
+    readonly loadingInbox: "正在加载收件箱…";
+    readonly inboxEmptyTitle: "收件箱是空的";
+    readonly inboxEmptyHint: "你参与的 Thread 有新活动、或有人提到你时，会出现在这里";
     readonly inboxTimeYesterday: "昨天";
-    readonly inboxHeaderMeta: "共 {threads} 个 Thread · {mentions} 条提及，按最新提及排序";
+    readonly inboxHeaderThreads: "{count} 个 Thread";
+    readonly inboxHeaderUnread: "{count} 条未读";
+    readonly inboxHeaderMentions: "{count} 条提及";
+    readonly inboxRowUnread: "{count} 条未读";
+    readonly inboxRowUnreadMentions: "{count} 条未读，其中 {mentions} 条提及";
+    readonly inboxRowActor: "最新来自 {name}";
+    readonly inboxSectionNeedsMe: "需要我";
+    readonly inboxSectionRecent: "最近活跃";
     readonly channelName: "名称";
     readonly channelDescription: "说明";
     readonly initialMembers: "初始成员";
@@ -100,12 +106,16 @@ export declare const zh: {
     readonly taskStatusInReview: "待验收";
     readonly taskStatusDone: "已完成";
     readonly taskStatusClosed: "已关闭";
-    readonly taskMessageCount: "{count} 条消息";
     readonly taskLabel: "Task #{number}";
     readonly taskPending: "Task …";
     readonly openTask: "打开 Task #{number}";
     readonly openThread: "打开讨论";
+    readonly openTaskUnread: "打开 Task #{number}（{count} 条新动态）";
+    readonly openThreadUnread: "打开讨论（{count} 条新动态）";
     readonly threadLabel: "讨论";
+    readonly recentActivity: "最近活动 {time}";
+    readonly replyAction: "回复";
+    readonly claimers: "由 {names} 处理";
     readonly asTask: "作为任务";
     readonly promoteToTask: "转为 Task";
     readonly promotingTask: "正在转为 Task…";
@@ -184,14 +194,20 @@ export declare const en: {
     readonly statusError: "Error";
     readonly statusUnavailable: "Unavailable";
     readonly addChannel: "New Channel";
-    readonly mentionsOfMe: "Mentions of me";
-    readonly mentionsOfMeWithCount: "Mentions of me, {count} unread mention(s)";
-    readonly loadingInbox: "Loading mentions…";
-    readonly inboxEmptyTitle: "Nobody has mentioned you yet";
-    readonly inboxEmptyHint: "Members will mention you when you must know or decide";
-    readonly inboxTimeToday: "Today";
+    readonly inboxTitle: "Inbox";
+    readonly inboxTitleWithCount: "Inbox, {count} unread";
+    readonly loadingInbox: "Loading Inbox…";
+    readonly inboxEmptyTitle: "Your Inbox is empty";
+    readonly inboxEmptyHint: "Threads you take part in appear here when they have new activity or mention you";
     readonly inboxTimeYesterday: "Yesterday";
-    readonly inboxHeaderMeta: "{threads} Thread(s) · {mentions} mention(s), newest first";
+    readonly inboxHeaderThreads: "{count} Thread(s)";
+    readonly inboxHeaderUnread: "{count} unread";
+    readonly inboxHeaderMentions: "{count} mention(s)";
+    readonly inboxRowUnread: "{count} unread";
+    readonly inboxRowUnreadMentions: "{count} unread, {mentions} mention(s)";
+    readonly inboxRowActor: "Latest from {name}";
+    readonly inboxSectionNeedsMe: "Needs me";
+    readonly inboxSectionRecent: "Recently active";
     readonly channelName: "Name";
     readonly channelDescription: "Description";
     readonly initialMembers: "Initial members";
@@ -257,12 +273,16 @@ export declare const en: {
     readonly taskStatusInReview: "In review";
     readonly taskStatusDone: "Done";
     readonly taskStatusClosed: "Closed";
-    readonly taskMessageCount: "{count} messages";
     readonly taskLabel: "Task #{number}";
     readonly taskPending: "Task …";
     readonly openTask: "Open Task #{number}";
     readonly openThread: "Open thread";
+    readonly openTaskUnread: "Open Task #{number} ({count} new updates)";
+    readonly openThreadUnread: "Open thread ({count} new updates)";
     readonly threadLabel: "Thread";
+    readonly recentActivity: "Last activity {time}";
+    readonly replyAction: "Reply";
+    readonly claimers: "Handled by {names}";
     readonly asTask: "As task";
     readonly promoteToTask: "Convert to Task";
     readonly promotingTask: "Converting to Task…";

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

@@ -1 +1 @@
-{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../../../src/client/locales.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4JL,CAAA;AAEV,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4JL,CAAA;AAEV,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,EAAE,CAAA"}
+{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../../../src/client/locales.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsKL,CAAA;AAEV,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsKL,CAAA;AAEV,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,EAAE,CAAA"}