@deepseek-harness-tui/dsh-tui 0.15.0 → 0.16.1

package/lib/types/components/PluginInstallPane.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { PluginInstallStep } from '../dsh-adapter/plugin-install.js';
+/**
+ * `/plugin install <spec>`: the pane that asks what the flow cannot answer on
+ * its own (Stage C-4).
+ *
+ * The flow (`dsh-adapter/plugin-install.ts`) writes every line of the install
+ * into the transcript as it happens — the inspection, pnpm's phases, the result
+ * — so this pane only carries the two things a person must decide before that:
+ * gate 1's pre-install notice and gate 3's trust confirmation. It also renders
+ * the two "decide and retry" steps (unapproved build scripts, an incompatible
+ * version), which are the same kind of question.
+ *
+ * Presentational only: the step state lives in Chat, keys are handled there
+ * (Enter confirms / retries, Esc cancels), exactly like the SDK install wizard.
+ */
+export declare function PluginInstallPane({ step, busy }: {
+    step: PluginInstallStep;
+    busy: boolean;
+}): React.ReactNode;
+//# sourceMappingURL=PluginInstallPane.d.ts.map

package/lib/types/components/PluginInstallPane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginInstallPane.d.ts","sourceRoot":"","sources":["../../../src/components/PluginInstallPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,iBAAiB,EAAqB,MAAM,kCAAkC,CAAA;AAqB5F;;;;;;;;;;;;;GAaG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAgF7G"}

package/lib/types/components/PluginInstallPane.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from '../i18n.js';
+import { Box, Text } from '../ui.js';
+import { cleanRenderText, NOTICE_CELLS } from '../channel/sanitize.js';
+import { HintLine } from './design-system/HintLine.js';
+import { LoadingState } from './design-system/LoadingState.js';
+import { Pane } from './design-system/Pane.js';
+/** Foreign text on its way to the screen: control sequences stripped, bounded. */
+const clean = (value) => cleanRenderText(value, NOTICE_CELLS);
+/**
+ * The target's identity is the subject of the confirmation, and it is foreign
+ * text like everything else here: the name comes from the package's own
+ * manifest, so it can carry newlines or thousands of cells. Bounded to what a
+ * line can show — at 50 columns an unbounded name buries the title and the key
+ * hints, which are exactly what the person needs to answer the question.
+ */
+const TARGET_CELLS = 80;
+/**
+ * `/plugin install <spec>`: the pane that asks what the flow cannot answer on
+ * its own (Stage C-4).
+ *
+ * The flow (`dsh-adapter/plugin-install.ts`) writes every line of the install
+ * into the transcript as it happens — the inspection, pnpm's phases, the result
+ * — so this pane only carries the two things a person must decide before that:
+ * gate 1's pre-install notice and gate 3's trust confirmation. It also renders
+ * the two "decide and retry" steps (unapproved build scripts, an incompatible
+ * version), which are the same kind of question.
+ *
+ * Presentational only: the step state lives in Chat, keys are handled there
+ * (Enter confirms / retries, Esc cancels), exactly like the SDK install wizard.
+ */
+export function PluginInstallPane({ step, busy }) {
+    if (busy) {
+        return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "remember", bold: true, children: t('plugins-install-pane-title') }), _jsx(Box, { marginTop: 1, children: _jsx(LoadingState, { message: t('plugins-install-installing') }) })] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('plugins-install-key-cancel') }) })] }));
+    }
+    if (step.kind === 'confirm') {
+        const { artifact, trust, notice } = step;
+        const spec = artifact.name === undefined
+            ? t('plugins-install-unidentified')
+            : cleanRenderText(`${artifact.name}${artifact.version === undefined ? '' : `@${artifact.version}`}`, TARGET_CELLS);
+        return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('plugins-install-pane-title') }) }), _jsx(Text, { children: t('plugins-install-configure', {
+                                spec,
+                                kind: artifact.kind,
+                                bundle: artifact.bundle === true ? 'bundle' : artifact.bundle === false ? 'not a bundle' : 'unknown',
+                            }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [trust.kind === 'third-party' && _jsx(Text, { children: t('plugins-install-trust-third-party') }), notice.kind === 'declared' && _jsx(Text, { dimColor: true, children: t('plugins-install-notice-declared') }), notice.kind === 'undeclared' && _jsx(Text, { children: t('plugins-install-notice-undeclared') }), notice.kind === 'invalid' && _jsx(Text, { children: t('plugins-install-notice-invalid', { err: notice.error }) }), notice.kind === 'unjudged' && _jsx(Text, { children: t('plugins-install-notice-unjudged') })] })] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('plugins-install-key-confirm') }) })] }));
+    }
+    if (step.kind === 'build-blocked') {
+        return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "remember", bold: true, children: t('plugins-install-pane-title') }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: t('plugins-install-builds-title') }), step.builds.map(build => _jsx(Text, { dimColor: true, children: `  ${clean(build)}` }, build))] })] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('plugins-install-key-builds') }) })] }));
+    }
+    if (step.kind === 'incompatible') {
+        return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "remember", bold: true, children: t('plugins-install-pane-title') }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: t('plugins-install-incompatible-title') }), step.packages.map(entry => _jsx(Text, { dimColor: true, children: describe(entry) }, `${entry.name}@${entry.version}`))] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: t('plugins-install-exemptions-title') }), exemptionLines(step.exemptions).map((line, index) => _jsx(Text, { dimColor: true, children: line }, index))] })] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('plugins-install-key-incompatible') }) })] }));
+    }
+    // `done` never renders: its lines are already in the transcript, so Chat
+    // closes the pane instead of leaving an empty box behind.
+    return null;
+}
+/**
+ * One package the running host refuses, with the peers it fails.
+ *
+ * Every field here is foreign text — a package name, a version, a peer range
+ * the author wrote — and the pane is a render path like any other, so each one
+ * goes through the same sanitizer the rest of the interface uses before it can
+ * reach the screen.
+ */
+function describe(entry) {
+    const peers = Object.entries(entry.peers)
+        .map(([name, range]) => `${clean(name)} ${clean(range)}`)
+        .join(', ');
+    return `  ${clean(entry.name)}@${clean(entry.version)} (running ${clean(entry.runtimeVersion)}${peers === '' ? '' : `; needs ${peers}`})`;
+}
+/**
+ * The profile's compatibility file as rows. The file maps `package@version` to
+ * the runtime versions exempted for it, and a corrupt one answers warnings
+ * instead — both shapes are the person's business here, because this is the
+ * step where they decide whether to add another. The file is user-editable and
+ * carries whatever somebody typed, so its rows are sanitized too.
+ */
+function exemptionLines(exemptions) {
+    const rows = Object.entries(exemptions.exemptions)
+        .map(([packageVersion, runtimes]) => `  ${clean(packageVersion)} → ${runtimes.map(runtime => clean(runtime)).join(', ')}`);
+    if (rows.length === 0 && exemptions.warnings.length === 0)
+        return [`  ${t('plugins-info-registries-none')}`];
+    return [...rows, ...exemptions.warnings.map(warning => `  ${clean(warning)}`)];
+}

package/lib/types/components/PluginManagePane.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { PluginManageStep } from '../dsh-adapter/plugin-manage.js';
+/**
+ * `/plugin remove | enable | disable`: the pane that asks what the flow cannot
+ * answer on its own (Stage C-5).
+ *
+ * The flow (`dsh-adapter/plugin-manage.ts`) writes every line of the action into
+ * the transcript — what it resolved, why it refused, what the service answered —
+ * so this pane only carries the one thing a person must decide before the write.
+ * Unlike the install pane there is no progress, no cancellation and no retry:
+ * each action is a single call that settles once.
+ *
+ * Presentational only, and the same three parts as its install sibling
+ * (`PluginInstallPane`): the pane, the facts that make the question answerable,
+ * and the key hints. Keys are handled in Chat (Enter answers, Esc closes).
+ */
+export declare function PluginManagePane({ step, busy }: {
+    step: PluginManageStep;
+    busy: boolean;
+}): React.ReactNode;
+//# sourceMappingURL=PluginManagePane.d.ts.map

package/lib/types/components/PluginManagePane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginManagePane.d.ts","sourceRoot":"","sources":["../../../src/components/PluginManagePane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,gBAAgB,EAAsB,MAAM,iCAAiC,CAAA;AAiB3F;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAqD3G"}

package/lib/types/components/PluginManagePane.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { t } from '../i18n.js';
+import { Box, Text } from '../ui.js';
+import { cleanRenderText, NOTICE_CELLS } from '../channel/sanitize.js';
+import { HintLine } from './design-system/HintLine.js';
+import { LoadingState } from './design-system/LoadingState.js';
+import { Pane } from './design-system/Pane.js';
+/** Foreign text on its way to the screen: control sequences stripped, bounded. */
+const clean = (value) => cleanRenderText(value, NOTICE_CELLS);
+/**
+ * The target's identity is the subject of the question, and it is foreign text
+ * like everything else here: a package name and a module specifier come from
+ * somebody else's manifest, so either can carry newlines or thousands of cells.
+ * Bounded to what a line can show — at 50 columns an unbounded name buries the
+ * title and the key hints, which are exactly what the person needs to answer.
+ */
+const TARGET_CELLS = 80;
+/**
+ * `/plugin remove | enable | disable`: the pane that asks what the flow cannot
+ * answer on its own (Stage C-5).
+ *
+ * The flow (`dsh-adapter/plugin-manage.ts`) writes every line of the action into
+ * the transcript — what it resolved, why it refused, what the service answered —
+ * so this pane only carries the one thing a person must decide before the write.
+ * Unlike the install pane there is no progress, no cancellation and no retry:
+ * each action is a single call that settles once.
+ *
+ * Presentational only, and the same three parts as its install sibling
+ * (`PluginInstallPane`): the pane, the facts that make the question answerable,
+ * and the key hints. Keys are handled in Chat (Enter answers, Esc closes).
+ */
+export function PluginManagePane({ step, busy }) {
+    if (busy) {
+        // A write is in flight. Esc closes the pane and the write finishes anyway —
+        // the service has no cancellation for these three, and saying "cancelling"
+        // here would be a promise nobody can keep.
+        return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "remember", bold: true, children: t('plugins-manage-pane-title') }), _jsx(Box, { marginTop: 1, children: _jsx(LoadingState, { message: t('plugins-manage-working') }) })] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('plugins-manage-key-busy') }) })] }));
+    }
+    if (step.kind === 'confirm') {
+        return (_jsxs(Pane, { color: "permission", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "remember", bold: true, children: t('plugins-manage-pane-title') }) }), _jsx(Text, { children: t('plugins-manage-configure', {
+                                action: t(actionKeyOf(step.target)),
+                                target: describe(step.target),
+                            }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [step.question.kind === 'remove' && (_jsx(Text, { children: t('plugins-manage-remove-facts', {
+                                        rows: String(step.target.kind === 'bundle' ? step.target.rows : 0),
+                                        overrides: String(step.target.kind === 'bundle' ? step.target.overrides : 0),
+                                    }) })), step.question.kind === 'trust' && _jsx(Text, { children: t('plugins-manage-trust-facts') }), step.question.kind === 'host-row' && _jsx(Text, { children: t('plugins-manage-host-row-facts') }), step.question.kind === 'team-active' && (_jsxs(_Fragment, { children: [step.question.members > 0 && _jsx(Text, { children: t('plugins-manage-team-active-facts', { members: String(step.question.members) }) }), step.question.unseen > 0 && _jsx(Text, { children: t('plugins-manage-team-unseen-facts', { members: String(step.question.unseen) }) }), _jsx(Text, { children: t('plugins-manage-team-active-stop') })] }))] })] }), _jsx(Text, { dimColor: true, italic: true, children: _jsx(HintLine, { text: t('plugins-manage-key-confirm') }) })] }));
+    }
+    // `done` never renders: its lines are already in the transcript, so Chat
+    // closes the pane instead of leaving an empty box behind.
+    return null;
+}
+/** Which verb the title asks about. */
+function actionKeyOf(target) {
+    return target.action === 'remove'
+        ? 'plugins-manage-action-remove'
+        : target.action === 'enable' ? 'plugins-manage-action-enable' : 'plugins-manage-action-disable';
+}
+/**
+ * The target as one bounded cell. A bundle is named by its package name; a row
+ * by the module it loads, which is what the report listed it as and what a
+ * person typed to get here.
+ */
+function describe(target) {
+    if (target.kind === 'bundle') {
+        const version = target.version === undefined ? '' : `@${target.version}`;
+        return cleanRenderText(`${target.name}${version}`, TARGET_CELLS);
+    }
+    return cleanRenderText(target.moduleName, TARGET_CELLS);
+}

package/lib/types/components/PromptInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromptInput.d.ts","sourceRoot":"","sources":["../../../src/components/PromptInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA8BzB,OAAO,KAAK,EAAE,SAAS,IAAI,OAAO,EAAE,MAAM,iCAAiC,CAAA;AAC3E,OAAO,KAAK,EACV,gBAAgB,EAGjB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAa1E,OAAO,EAIL,KAAK,gBAAgB,EAEtB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAgLjF;gFACgF;AAChF,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GACzC,gBAAgB,EAAE,CAWpB;AAqLD;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,IAAI,OAAO,CAAA;IAClB,yFAAyF;IACzF,IAAI,IAAI,MAAM,CAAA;IACd,4EAA4E;IAC5E,aAAa,CAAC,IAAI,SAAS;QAAE,KAAK,EAAE,eAAe,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACtE,KAAK,IAAI,IAAI,CAAA;IACb;;;;;OAKG;IACH,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B;;;;;OAKG;IACH,oBAAoB,IAAI,OAAO,CAAA;IAC/B,yEAAyE;IACzE,aAAa,IAAI,OAAO,CAAA;IACxB,2EAA2E;IAC3E,SAAS,IAAI,OAAO,CAAA;IACpB;yEACqE;IACrE,SAAS,IAAI,OAAO,CAAA;CAAC;AAEvB;;;;;;GAMG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,KAAK,OAAO,CAAA;IACrE;;;;;;;;;;;;;;OAcG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAA;IAC7B,0EAA0E;IAC1E,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,IAAI,IAAI,CAAA;IACpB;;;OAGG;IACH,YAAY,CACV,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,SAAS,gBAAgB,EAAE,GAClC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;IAC7B,6EAA6E;IAC7E,eAAe,EAAE,OAAO,CAAA;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,cAAc,CAAC,IAAI,IAAI,CAAA;IACvB,kEAAkE;IAClE,eAAe,CAAC,IAAI,IAAI,CAAA;IACxB;;;OAGG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAA;IAC5B;;;;;;;;OAQG;IACH,cAAc,CAAC,IAAI,IAAI,CAAA;IACvB;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAA;IACrC,0EAA0E;IAC1E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IACxD;;;;;;;OAOG;IACH,YAAY,CAAC,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAAA;IAC7G;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,qBAAqB,CAAC,IAAI,IAAI,CAAA;IAC9B;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,eAAe,EACf,SAAiB,EACjB,aAAoB,EACpB,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,4BAA4B,EAC5B,aAAa,EACb,YAAY,EACZ,gBAAwB,EACxB,qBAAqB,EACrB,GAAc,GACf,EAAE,gBAAgB,4BA63HlB"}
+{"version":3,"file":"PromptInput.d.ts","sourceRoot":"","sources":["../../../src/components/PromptInput.tsx"],"names":[],"mappings":"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"}

package/lib/types/components/PromptInput.js

@@ -954,6 +954,7 @@ export function PromptInput({ channel, toastSuppressed, suspended = false, curso
     // index space: `suggestions` stays the only list selection, Enter dispatch and
     // clicks read, and the default selection stays the first normal-region row.
     // The region is marked by colour only — it costs no display row.
+    const completionInput = value;
     const completions = value.startsWith('/') ? channel.commandCompletions(value) : [];
     const holdOf = (commandLine) => workingHoldOf(commandLine, channel.commandList.find(command => command.name === commandLine.replace(/^\//, '').split(/[\t ]/u)[0])?.skill === true) !== undefined;
     const normalCompletions = channel.working
@@ -1709,7 +1710,10 @@ export function PromptInput({ channel, toastSuppressed, suspended = false, curso
             editDocked(dockSelectedRef.current);
             return;
         }
-        if (overlayOpen) {
+        // A preceding edit in this stdin batch has already updated valueRef, but
+        // the completion rows still belong to the last render. Submit the current
+        // draft through the ordinary path instead of accepting a stale row.
+        if (overlayOpen && value === completionInput) {
             const command = suggestions[selectedCommand];
             if (command) {
                 tryRunCommand(command.commandLine);
@@ -2427,7 +2431,7 @@ export function PromptInput({ channel, toastSuppressed, suspended = false, curso
         }
         if (key.tab && overlayOpen) {
             const command = suggestions[selectedCommand];
-            if (command) {
+            if (command && value === completionInput) {
                 updateFoldBlock(null);
                 setInput(command.replacement, command.replacement.length, 'step');
             }
@@ -3809,7 +3813,7 @@ export function PromptInput({ channel, toastSuppressed, suspended = false, curso
                         onPick: (index) => {
                             const command = suggestions[index];
                             if (command)
-                                tryRunCommand(command.commandLine);
+                                tryRunCommand(valueRef.current === completionInput ? command.commandLine : valueRef.current);
                         }, 
                         // 滚轮 = 移动选中行（与 ↑/↓ 同路径，窗口跟随）
                         onWheelStep: (step) => {

package/lib/types/components/SubagentCard.d.ts

@@ -1,11 +1,23 @@
 import React from 'react';
 import type { SubagentState } from '../dsh-adapter/subagents.js';
 import type { ClickEvent } from '../ink/events/click-event.js';
+import type { TeamMemberStatus } from './teamRoster.js';
 export interface SubagentCardProps {
     subagent: SubagentState;
     focused?: boolean;
     onClick?(event: ClickEvent): void;
     variant?: 'default' | 'panel';
+    /** Agent Teams: the row is this teammate — its name replaces the
+     *  description and its member state replaces the run status. */
+    teamMember?: {
+        readonly name: string;
+        readonly status: TeamMemberStatus;
+    };
 }
-export declare function SubagentCard({ subagent, focused, onClick, variant }: SubagentCardProps): React.ReactNode;
+/** Status glyph and color of a team member (`·`-style in minimal UI). */
+export declare function teamStatusGlyph(status: TeamMemberStatus, minimalUi: boolean): {
+    readonly glyph: string;
+    readonly color?: 'warning' | 'subtle' | 'error' | 'accent';
+};
+export declare function SubagentCard({ subagent, focused, onClick, variant, teamMember }: SubagentCardProps): React.ReactNode;
 //# sourceMappingURL=SubagentCard.d.ts.map

package/lib/types/components/SubagentCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubagentCard.d.ts","sourceRoot":"","sources":["../../../src/components/SubagentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAIhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAO9D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,aAAa,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACjC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC9B;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAmB,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAiFpH"}
+{"version":3,"file":"SubagentCard.d.ts","sourceRoot":"","sources":["../../../src/components/SubagentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAIhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAOvD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,aAAa,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACjC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B;oEACgE;IAChE,UAAU,CAAC,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAA;KAAE,CAAA;CAC1E;AAED,yEAAyE;AACzE,wBAAgB,eAAe,CAAC,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,OAAO,GAAG;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;CAAE,CAQpK;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAmB,EAAE,UAAU,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CA2FhI"}

package/lib/types/components/SubagentCard.js

@@ -8,9 +8,21 @@ function formatDuration(ms) {
     const seconds = Math.floor(ms / 1000);
     return seconds < 60 ? `${seconds}s` : `${Math.floor(seconds / 60)}m${seconds % 60}s`;
 }
-export function SubagentCard({ subagent, focused, onClick, variant = 'default' }) {
+/** Status glyph and color of a team member (`·`-style in minimal UI). */
+export function teamStatusGlyph(status, minimalUi) {
+    switch (status) {
+        case 'running': return minimalUi ? { glyph: '·' } : { glyph: '🟡', color: 'warning' };
+        case 'idle': return minimalUi ? { glyph: '○' } : { glyph: '🔵', color: 'accent' };
+        case 'active': return minimalUi ? { glyph: '◇' } : { glyph: '🟣', color: 'accent' };
+        case 'provisioning': return minimalUi ? { glyph: '…' } : { glyph: '⚪', color: 'subtle' };
+        case 'failed': return minimalUi ? { glyph: '×' } : { glyph: '🔴', color: 'error' };
+    }
+}
+export function SubagentCard({ subagent, focused, onClick, variant = 'default', teamMember }) {
     const panelMode = variant === 'panel';
-    const running = subagent.status === 'running' || subagent.status === 'starting';
+    const running = teamMember !== undefined
+        ? teamMember.status === 'running'
+        : subagent.status === 'running' || subagent.status === 'starting';
     const [clockRef] = useAnimationFrame(running ? 1000 : null);
     // Unknown rows have no completion time, so they do not get a fabricated duration.
     const elapsed = running
@@ -25,15 +37,18 @@ export function SubagentCard({ subagent, focused, onClick, variant = 'default' }
     const [hovered, setHovered] = useState(false);
     const liveLine = running ? subagent.output[subagent.output.length - 1] : undefined;
     const minimalUi = isMinimalUiMode();
-    const glyph = running ? (minimalUi ? '·' : '🟡')
-        : subagent.status === 'unknown' ? (minimalUi ? '·' : '⚪')
-            : subagent.status === 'failed' || subagent.status === 'cancelled' ? (minimalUi ? '×' : '🔴')
-                : (minimalUi ? '✓' : '🟢');
-    const glyphColor = minimalUi ? undefined
-        : running ? 'warning'
-            : subagent.status === 'unknown' ? 'subtle'
-                : subagent.status === 'failed' || subagent.status === 'cancelled' ? 'error'
-                    : 'success';
+    const teamGlyph = teamMember === undefined ? undefined : teamStatusGlyph(teamMember.status, minimalUi);
+    const glyph = teamGlyph !== undefined ? teamGlyph.glyph
+        : running ? (minimalUi ? '·' : '🟡')
+            : subagent.status === 'unknown' ? (minimalUi ? '·' : '⚪')
+                : subagent.status === 'failed' || subagent.status === 'cancelled' ? (minimalUi ? '×' : '🔴')
+                    : (minimalUi ? '✓' : '🟢');
+    const glyphColor = teamGlyph !== undefined ? teamGlyph.color
+        : minimalUi ? undefined
+            : running ? 'warning'
+                : subagent.status === 'unknown' ? 'subtle'
+                    : subagent.status === 'failed' || subagent.status === 'cancelled' ? 'error'
+                        : 'success';
     const hoverTint = onClick !== undefined && hovered && !focused;
     // Keep the description on one row; narrower panels progressively drop metadata.
     const { columns } = useTerminalSize();
@@ -55,7 +70,7 @@ export function SubagentCard({ subagent, focused, onClick, variant = 'default' }
         subagent.effort,
         shownDuration === undefined ? undefined : formatDuration(shownDuration),
     ].filter(part => part !== undefined && part !== '').join(' · ');
-    return _jsxs(Box, { ref: clockRef, flexDirection: "column", paddingLeft: 1, marginBottom: panelMode ? 0 : 1, onClick: onClick, onMouseEnter: onClick !== undefined ? () => setHovered(true) : undefined, onMouseLeave: onClick !== undefined ? () => setHovered(false) : undefined, backgroundColor: hoverTint ? 'userMessageBackgroundHover' : undefined, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { flexShrink: 0, marginRight: 1, children: _jsx(Text, { color: glyphColor, children: glyph }) }), _jsx(Box, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsx(Text, { bold: true, color: focused ? 'accent' : undefined, wrap: "truncate-end", children: panelMode ? subagent.description : `${t('subagent-card-prefix')}${subagent.description}` }) }), subagent.mode === 'continuable' && (_jsx(Box, { flexShrink: 0, marginLeft: 1, children: _jsx(Text, { color: focused ? 'accent' : 'warning', children: t('subagent-mode-continuable') }) })), subagent.mode === 'one-shot' && (_jsx(Box, { flexShrink: 0, marginLeft: 1, children: _jsx(Text, { dimColor: true, children: t('subagent-mode-one-shot') }) })), !panelMode && meta !== '' && (_jsx(Box, { flexShrink: 0, marginLeft: 1, children: _jsx(Text, { dimColor: true, wrap: "truncate-end", children: meta }) }))] }), panelMode && panelMeta !== '' && _jsx(Box, { paddingLeft: 3, children: _jsx(Text, { dimColor: true, wrap: "wrap", children: panelMeta }) }), panelMode
+    return _jsxs(Box, { ref: clockRef, flexDirection: "column", paddingLeft: 1, marginBottom: panelMode ? 0 : 1, onClick: onClick, onMouseEnter: onClick !== undefined ? () => setHovered(true) : undefined, onMouseLeave: onClick !== undefined ? () => setHovered(false) : undefined, backgroundColor: hoverTint ? 'userMessageBackgroundHover' : undefined, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { flexShrink: 0, marginRight: 1, children: _jsx(Text, { color: glyphColor, children: glyph }) }), _jsx(Box, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsx(Text, { bold: true, color: focused ? 'accent' : undefined, wrap: "truncate-end", children: teamMember !== undefined ? teamMember.name : panelMode ? subagent.description : `${t('subagent-card-prefix')}${subagent.description}` }) }), teamMember !== undefined && (_jsx(Box, { flexShrink: 0, marginLeft: 1, children: _jsx(Text, { color: focused ? 'accent' : teamGlyph?.color, dimColor: teamMember.status === 'provisioning', children: t(`team-status-${teamMember.status}`) }) })), teamMember === undefined && subagent.mode === 'continuable' && (_jsx(Box, { flexShrink: 0, marginLeft: 1, children: _jsx(Text, { color: focused ? 'accent' : 'warning', children: t('subagent-mode-continuable') }) })), teamMember === undefined && subagent.mode === 'one-shot' && (_jsx(Box, { flexShrink: 0, marginLeft: 1, children: _jsx(Text, { dimColor: true, children: t('subagent-mode-one-shot') }) })), !panelMode && meta !== '' && (_jsx(Box, { flexShrink: 0, marginLeft: 1, children: _jsx(Text, { dimColor: true, wrap: "truncate-end", children: meta }) }))] }), panelMode && panelMeta !== '' && _jsx(Box, { paddingLeft: 3, children: _jsx(Text, { dimColor: true, wrap: "wrap", children: panelMeta }) }), panelMode
                 ? previewRows.map(row => _jsx(Text, { dimColor: true, wrap: "truncate", children: `  ${row.text}` }, row.key))
                 : liveLine !== undefined && _jsx(Text, { dimColor: true, wrap: "truncate", children: `  │ ${liveLine}` })] });
 }

package/lib/types/components/SubagentDashboard.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import type { SubagentState } from '../dsh-adapter/subagents.js';
 import type { SidePanelKeyFlags } from './sidePanel/types.js';
 import type { AgentMessageView, AgentIdentity } from './messages/agentTeam.js';
+import type { TeamView } from '../adapter/ports/channel-view.js';
 export interface SubagentDashboardProps {
     subagents: readonly SubagentState[];
     /** Optional cross-session agents, kept separate from this session children. */
@@ -15,6 +16,12 @@ export interface SubagentDashboardProps {
     onOpenView?: (agentId: string) => void;
     /** 代理↔代理消息流：每张卡下显示最后一条 from → to 摘要。 */
     messages?: readonly AgentMessageView[];
+    /** Agent Teams: present → team mode (members joined with their subagent
+     *  rows, a read-only task board, the failure banner). */
+    team?: TeamView;
+    /** The session on screen: inside a teammate the subagent rows are its own
+     *  children, so the roster is not joined with them. */
+    sessionId?: string;
     /** `panel` 挂在侧栏宿主里（去外层 padding、键盘走 usePanelInput 分发器）；
      *  default（缺省）与整屏形态逐字节一致。 */
     variant?: 'default' | 'panel';
@@ -32,5 +39,5 @@ export declare function ExitButton({ onClick }: {
  * SubagentDashboard — overlay panel showing all active/recent subagents.
  * Keyboard: up/down to navigate, Enter to view detail, Esc to close.
  */
-export declare function SubagentDashboard({ subagents, peers, onClose, onSelect, onOpenView, messages, variant, focused, visible, }: SubagentDashboardProps): React.ReactNode;
+export declare function SubagentDashboard({ subagents, team, sessionId, peers, onClose, onSelect, onOpenView, messages, variant, focused, visible, }: SubagentDashboardProps): React.ReactNode;
 //# sourceMappingURL=SubagentDashboard.d.ts.map

package/lib/types/components/SubagentDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubagentDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/SubagentDashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAMhE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAE7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAE9E,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,SAAS,aAAa,EAAE,CAAA;IACnC,+EAA+E;IAC/E,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,aAAa,EAAE,CAAA;IACzC;mDAC+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC;0BACsB;IACtB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;IACtC;iCAC6B;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,2EAA2E;AAC3E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,iBAAiB,GAAG,OAAO,CAOjF;AAED,yCAAyC;AACzC,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAWhF;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,OAAmB,EACnB,OAAc,EACd,OAAc,GACf,EAAE,sBAAsB,GAAG,KAAK,CAAC,SAAS,CA+M1C"}
+{"version":3,"file":"SubagentDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/SubagentDashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAMhE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAE7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAC9E,OAAO,KAAK,EAAY,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAI1E,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,SAAS,aAAa,EAAE,CAAA;IACnC,+EAA+E;IAC/E,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,aAAa,EAAE,CAAA;IACzC;mDAC+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC;0BACsB;IACtB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAA;IACtC;6DACyD;IACzD,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;2DACuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;iCAC6B;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,2EAA2E;AAC3E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,iBAAiB,GAAG,OAAO,CAOjF;AAED,yCAAyC;AACzC,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,GAAG,KAAK,CAAC,SAAS,CAWhF;AAgED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,IAAI,EACJ,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,OAAmB,EACnB,OAAc,EACd,OAAc,GACf,EAAE,sBAAsB,GAAG,KAAK,CAAC,SAAS,CAkS1C"}

package/lib/types/components/SubagentDashboard.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import { Box, Text, useInput, ScrollBox, useTerminalSize } from '../ui.js';
-import { SubagentCard } from './SubagentCard.js';
+import { SubagentCard, teamStatusGlyph } from './SubagentCard.js';
 import { t } from '../i18n.js';
 import { Divider } from './design-system/Divider.js';
 import { isPlainReturnInput } from '../utils/modifiers.js';
 import { usePanelInput } from './sidePanel/usePanelInput.js';
 import { AgentMessagesSummary } from './messages/AgentMessageFlow.js';
+import { isTeamTaskBlocked, teamDashboardModel, teamTaskProgress } from './teamRoster.js';
+import { isMinimalUiMode } from '../minimalUiMode.js';
 /** Accept Ink's Enter flag and the panel dispatcher's normalized alias. */
 export function isPanelPlainReturn(input, key) {
     return isPlainReturnInput(input, {
@@ -21,13 +23,29 @@ export function ExitButton({ onClick }) {
     const [hovered, setHovered] = React.useState(false);
     return (_jsx(Box, { onClick: onClick, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: _jsx(Text, { color: hovered ? 'text' : 'subtle', children: ' ✕' }) }));
 }
+/** A teammate the host has not announced as a subagent yet. */
+function TeamRosterOnlyRow({ row, focused, panelMode, self }) {
+    const { glyph, color } = teamStatusGlyph(row.status, isMinimalUiMode());
+    return (_jsxs(Box, { flexDirection: "row", paddingLeft: 1, marginBottom: panelMode ? 0 : 1, children: [_jsx(Box, { flexShrink: 0, marginRight: 1, children: _jsx(Text, { color: color, children: glyph }) }), _jsx(Box, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { bold: true, color: focused ? 'accent' : undefined, children: row.member.name }), self && _jsx(Text, { dimColor: true, children: ' · ' + t('team-self-mark') })] }) }), _jsx(Box, { flexShrink: 0, marginLeft: 1, children: _jsx(Text, { color: focused ? 'accent' : color, dimColor: row.status === 'provisioning', children: t(`team-status-${row.status}`) }) })] }));
+}
+const TASK_GLYPH = {
+    pending: { glyph: '○', color: 'subtle' },
+    in_progress: { glyph: '◐', color: 'accent' },
+    completed: { glyph: '●', color: 'success' },
+};
+/** The team's shared task board, read-only; narrow widths drop the owner. */
+function TeamTaskBoard({ tasks }) {
+    const { columns } = useTerminalSize();
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { dimColor: true, wrap: "truncate-end", children: t('team-tasks-title', teamTaskProgress(tasks)) }), tasks.length === 0 && _jsx(Text, { dimColor: true, children: '  ' + t('team-tasks-empty') }), tasks.map(task => (_jsxs(Box, { flexDirection: "row", paddingLeft: 1, children: [_jsx(Box, { flexShrink: 0, marginRight: 1, children: _jsx(Text, { color: TASK_GLYPH[task.status].color, children: TASK_GLYPH[task.status].glyph }) }), _jsx(Box, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsx(Text, { dimColor: task.status === 'completed', wrap: "truncate-end", children: task.subject }) }), columns >= 40 && task.ownerName !== undefined && (_jsx(Box, { flexShrink: 0, marginLeft: 1, children: _jsx(Text, { dimColor: true, children: '@' + task.ownerName }) })), isTeamTaskBlocked(task) && (_jsx(Box, { flexShrink: 0, marginLeft: 1, children: _jsx(Text, { color: "warning", children: t('team-task-blocked') }) })), task.writeScopeWarnings.length > 0 && (_jsx(Box, { flexShrink: 0, marginLeft: 1, children: _jsx(Text, { color: "warning", children: '⚠' + task.writeScopeWarnings.length }) }))] }, task.id)))] }));
+}
 /**
  * SubagentDashboard — overlay panel showing all active/recent subagents.
  * Keyboard: up/down to navigate, Enter to view detail, Esc to close.
  */
-export function SubagentDashboard({ subagents, peers, onClose, onSelect, onOpenView, messages, variant = 'default', focused = true, visible = true, }) {
+export function SubagentDashboard({ subagents, team, sessionId, peers, onClose, onSelect, onOpenView, messages, variant = 'default', focused = true, visible = true, }) {
     const panelMode = variant === 'panel';
-    const [focusIndex, setFocusIndex] = React.useState(0);
+    // Focus follows the row's key: team mode reorders the rows, and the roster can shrink.
+    const [focus, setFocus] = React.useState({ index: 0 });
     const scrollRef = React.useRef(null);
     const { rows, columns } = useTerminalSize();
     // Keep top-level children first when the roster includes nested agents.
@@ -35,6 +53,29 @@ export function SubagentDashboard({ subagents, peers, onClose, onSelect, onOpenV
     const nestedRows = subagents.filter(isNestedSpawn);
     const flatRows = subagents.filter(row => !isNestedSpawn(row));
     const ordered = nestedRows.length === 0 ? subagents : [...flatRows, ...nestedRows];
+    const model = team === undefined ? undefined : teamDashboardModel(team, subagents, sessionId);
+    const others = new Set(model?.others);
+    const nested = nestedRows.length;
+    const rowEntry = (subagent) => ({ key: subagent.agentId, subagent, nested: nested > 0 && isNestedSpawn(subagent) });
+    const entries = model === undefined
+        ? ordered.map(rowEntry)
+        : [
+            ...model.teammates.map(row => ({ key: row.member.id, teamRow: row, nested: false, ...row.subagent === undefined ? {} : { subagent: row.subagent } })),
+            ...ordered.filter(row => others.has(row)).map(rowEntry),
+        ];
+    const othersStart = model === undefined ? -1 : model.teammates.length;
+    const focusOf = (state) => {
+        const found = state.key === undefined ? -1 : entries.findIndex(entry => entry.key === state.key);
+        return found >= 0 ? found : Math.min(state.index, Math.max(0, entries.length - 1));
+    };
+    const focusIndex = focusOf(focus);
+    const moveFocus = (delta) => {
+        setFocus((prev) => {
+            const index = Math.max(0, Math.min(entries.length - 1, focusOf(prev) + delta));
+            const key = entries[index]?.key;
+            return key === undefined ? { index } : { index, key };
+        });
+    };
     useInput((input, key, event) => {
         if (panelMode)
             return;
@@ -45,19 +86,19 @@ export function SubagentDashboard({ subagents, peers, onClose, onSelect, onOpenV
         }
         if (key.upArrow) {
             event.stopImmediatePropagation();
-            setFocusIndex(i => Math.max(0, i - 1));
+            moveFocus(-1);
             scrollRef.current?.scrollBy(-3);
             return;
         }
         if (key.downArrow) {
             event.stopImmediatePropagation();
-            setFocusIndex(i => Math.min(ordered.length - 1, i + 1));
+            moveFocus(1);
             scrollRef.current?.scrollBy(3);
             return;
         }
         if (isPlainReturnInput(input, key) && onSelect) {
             event.stopImmediatePropagation();
-            const selected = ordered[focusIndex];
+            const selected = entries[focusIndex]?.subagent;
             if (selected)
                 onSelect(selected.agentId);
             return;
@@ -65,7 +106,7 @@ export function SubagentDashboard({ subagents, peers, onClose, onSelect, onOpenV
         // v = 主屏查看（Enter 仍是详情）。
         if (input.toLowerCase() === 'v' && onOpenView) {
             event.stopImmediatePropagation();
-            const selected = ordered[focusIndex];
+            const selected = entries[focusIndex]?.subagent;
             if (selected)
                 onOpenView(selected.agentId);
             return;
@@ -78,23 +119,23 @@ export function SubagentDashboard({ subagents, peers, onClose, onSelect, onOpenV
         if (key.escape === true || (key.ctrl === true && input === 'c'))
             return false;
         if (key.upArrow === true) {
-            setFocusIndex(i => Math.max(0, i - 1));
+            moveFocus(-1);
             scrollRef.current?.scrollBy(-3);
             return true;
         }
         if (key.downArrow === true) {
-            setFocusIndex(i => Math.min(ordered.length - 1, i + 1));
+            moveFocus(1);
             scrollRef.current?.scrollBy(3);
             return true;
         }
         if (isPanelPlainReturn(input, key)) {
-            const selected = ordered[focusIndex];
+            const selected = entries[focusIndex]?.subagent;
             if (selected !== undefined)
                 onSelect?.(selected.agentId);
             return true;
         }
         if (input.toLowerCase() === 'v' && onOpenView !== undefined) {
-            const selected = ordered[focusIndex];
+            const selected = entries[focusIndex]?.subagent;
             if (selected !== undefined)
                 onOpenView(selected.agentId);
             return true;
@@ -105,13 +146,14 @@ export function SubagentDashboard({ subagents, peers, onClose, onSelect, onOpenV
     const running = subagents.filter(s => s.status === 'running').length;
     const completed = subagents.filter(s => s.status === 'completed').length;
     const failed = subagents.filter(s => s.status === 'failed').length;
-    const nested = nestedRows.length;
+    const memberCount = (status) => model?.teammates.filter(row => row.status === status).length ?? 0;
+    const teamSep = panelMode ? ' · ' : '   ';
     // Full-screen keeps its inset; the panel uses one cell on each side.
     const outer = panelMode
         ? { paddingLeft: 1, paddingRight: 1, paddingTop: 0 }
         : { paddingX: 2, paddingY: 1 };
-    return (_jsxs(Box, { flexDirection: "column", ...outer, children: [!panelMode && _jsx(Divider, { color: "accent", title: t('subagent-dashboard-title') }), _jsxs(Box, { flexDirection: "row", gap: 3, marginTop: panelMode ? 0 : 1, marginBottom: panelMode ? 0 : 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "accent", children: running }), _jsxs(Text, { dimColor: true, children: [" ", t('subagent-count-running')] })] }), _jsxs(Text, { children: [_jsx(Text, { color: "success", children: completed }), _jsxs(Text, { dimColor: true, children: [" ", t('subagent-count-completed')] })] }), failed > 0 && (_jsxs(Text, { children: [_jsx(Text, { color: "error", children: failed }), _jsxs(Text, { dimColor: true, children: [" ", t('subagent-count-failed')] })] })), nested > 0 && (_jsxs(Text, { children: [_jsx(Text, { color: "accent", children: nested }), _jsxs(Text, { dimColor: true, children: [" ", t('subagent-count-nested')] })] })), _jsx(Box, { flexGrow: 1 }), !panelMode && onClose !== undefined && _jsx(ExitButton, { onClick: onClose })] }), _jsx(Box, { flexDirection: "column", maxHeight: panelMode ? Math.max(6, rows - 4) : Math.max(10, rows - 10), marginTop: panelMode ? 0 : 1, children: _jsx(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: subagents.length === 0 ? (_jsxs(Box, { flexDirection: "column", alignItems: "center", marginTop: Math.max(2, Math.floor((rows - 16) / 3)), children: [_jsx(Text, { dimColor: true, children: '○' }), _jsx(Text, { dimColor: true, children: t('subagent-none') }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: t('subagent-empty-hint') }) })] })) : (ordered.map((subagent, index) => (_jsxs(Box, { flexDirection: "column", children: [nested > 0 && isNestedSpawn(subagent) && (_jsx(Text, { dimColor: true, children: '  ↳ ' + t('subagent-nested-mark') })), _jsx(SubagentCard, { subagent: subagent, variant: panelMode ? 'panel' : 'default', focused: index === focusIndex, onClick: onSelect !== undefined
-                                    // Click = view detail, same as Enter on the focused card.
-                                    ? () => onSelect(subagent.agentId)
-                                    : undefined }), messages !== undefined && messages.length > 0 && (_jsx(AgentMessagesSummary, { messages: messages.filter(message => message.from === subagent.agentId || message.to === subagent.agentId), selfAgentId: subagent.agentId })), onOpenView !== undefined && (!panelMode || index === focusIndex) && (_jsx(Box, { paddingLeft: 1, onClick: () => onOpenView(subagent.agentId), children: _jsx(Text, { color: "subtle", children: `⤢ ${t('agent-view-open-action')}` }) })), !panelMode && index < ordered.length - 1 && (_jsx(Text, { dimColor: true, children: '─'.repeat(Math.max(20, Math.min(72, columns - 6))) }))] }, subagent.agentId)))) }) }), peers !== undefined && (!panelMode || peers.length > 0) && (_jsx(Box, { flexDirection: "column", children: panelMode ? (_jsx(Text, { dimColor: true, wrap: "truncate-end", children: t('agents-peers-title') + ' · ' + peers.length })) : (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: t('agents-peers-title') }), peers.length === 0 ? (_jsx(Text, { dimColor: true, children: '  ' + t('agents-peers-empty') })) : (_jsxs(Box, { flexDirection: "column", children: [peers.map(peer => (_jsx(Text, { dimColor: true, wrap: "truncate-end", children: '  · ' + (peer.name ?? peer.label ?? peer.agentId.slice(0, 8)) + ' · ' + peer.agentId.slice(0, 8) }, peer.agentId))), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: '  ' + t('agents-peers-note') })] }))] })) })), !panelMode && (_jsxs(_Fragment, { children: [_jsx(Divider, { color: "subtle", title: "" }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: onSelect ? t('subagent-dashboard-hint-detail') : t('subagent-dashboard-hint-basic') }) })] }))] }));
+    return (_jsxs(Box, { flexDirection: "column", ...outer, children: [!panelMode && _jsx(Divider, { color: "accent", title: t(team === undefined ? 'subagent-dashboard-title' : 'team-dashboard-title') }), _jsxs(Box, { flexDirection: "row", gap: 3, marginTop: panelMode ? 0 : 1, marginBottom: panelMode ? 0 : 1, children: [team !== undefined ? (_jsx(Box, { flexShrink: 1, overflow: "hidden", children: _jsxs(Text, { wrap: "truncate-end", children: [_jsx(Text, { color: "accent", children: memberCount('running') }), _jsx(Text, { dimColor: true, children: ' ' + t('team-status-running') + teamSep }), _jsx(Text, { color: "accent", children: memberCount('idle') }), _jsx(Text, { dimColor: true, children: ' ' + t('team-status-idle') + teamSep }), memberCount('provisioning') > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: memberCount('provisioning') }), _jsx(Text, { dimColor: true, children: ' ' + t('team-status-provisioning') + teamSep })] })), memberCount('active') > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "accent", children: memberCount('active') }), _jsx(Text, { dimColor: true, children: ' ' + t('team-status-active') + teamSep })] })), memberCount('failed') > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "error", children: memberCount('failed') }), _jsx(Text, { dimColor: true, children: ' ' + t('team-status-failed') + teamSep })] })), _jsx(Text, { dimColor: true, children: t('team-tasks-count', teamTaskProgress(team.tasks)) })] }) })) : (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [_jsx(Text, { color: "accent", children: running }), _jsxs(Text, { dimColor: true, children: [" ", t('subagent-count-running')] })] }), _jsxs(Text, { children: [_jsx(Text, { color: "success", children: completed }), _jsxs(Text, { dimColor: true, children: [" ", t('subagent-count-completed')] })] }), failed > 0 && (_jsxs(Text, { children: [_jsx(Text, { color: "error", children: failed }), _jsxs(Text, { dimColor: true, children: [" ", t('subagent-count-failed')] })] })), nested > 0 && (_jsxs(Text, { children: [_jsx(Text, { color: "accent", children: nested }), _jsxs(Text, { dimColor: true, children: [" ", t('subagent-count-nested')] })] }))] })), _jsx(Box, { flexGrow: 1 }), !panelMode && onClose !== undefined && _jsx(ExitButton, { onClick: onClose })] }), team?.failure !== undefined && (_jsx(Text, { color: "error", wrap: "wrap", children: '⚠ ' + t('team-failure', { failure: team.failure }) })), _jsx(Box, { flexDirection: "column", maxHeight: panelMode ? Math.max(6, rows - 4) : Math.max(10, rows - 10), marginTop: panelMode ? 0 : 1, children: _jsxs(ScrollBox, { ref: scrollRef, flexDirection: "column", flexGrow: 1, children: [model !== undefined && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: t('team-members-title') }), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: '  ◆ ' + t(model.viewedFromLead ? 'team-lead-row' : 'team-lead-row-peer') })] })), model === undefined && subagents.length === 0 ? (_jsxs(Box, { flexDirection: "column", alignItems: "center", marginTop: Math.max(2, Math.floor((rows - 16) / 3)), children: [_jsx(Text, { dimColor: true, children: '○' }), _jsx(Text, { dimColor: true, children: t('subagent-none') }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: t('subagent-empty-hint') }) })] })) : (entries.map(({ key, subagent, teamRow, nested: nestedMark }, index) => (_jsxs(Box, { flexDirection: "column", children: [index === othersStart && _jsx(Text, { dimColor: true, children: t('team-others-title') }), nestedMark && (_jsx(Text, { dimColor: true, children: '  ↳ ' + t('subagent-nested-mark') })), subagent === undefined ? (teamRow !== undefined && _jsx(TeamRosterOnlyRow, { row: teamRow, focused: index === focusIndex, panelMode: panelMode, self: teamRow.member.id === sessionId })) : (_jsx(SubagentCard, { subagent: subagent, variant: panelMode ? 'panel' : 'default', focused: index === focusIndex, onClick: onSelect !== undefined
+                                        // Click = view detail, same as Enter on the focused card.
+                                        ? () => onSelect(subagent.agentId)
+                                        : undefined, ...teamRow === undefined ? {} : { teamMember: { name: teamRow.member.name, status: teamRow.status } } })), teamRow?.status === 'failed' && teamRow.member.error !== undefined && (_jsx(Text, { color: "error", wrap: "truncate-end", children: '  │ ' + teamRow.member.error })), teamRow?.status === 'idle' && subagent?.status === 'failed' && (_jsx(Text, { color: "error", wrap: "truncate-end", children: '  │ ' + t('team-last-run-failed', { error: subagent.error ?? '' }).trimEnd() })), subagent !== undefined && messages !== undefined && messages.length > 0 && (_jsx(AgentMessagesSummary, { messages: messages.filter(message => message.from === subagent.agentId || message.to === subagent.agentId), selfAgentId: subagent.agentId })), subagent !== undefined && onOpenView !== undefined && (!panelMode || index === focusIndex) && (_jsx(Box, { paddingLeft: 1, onClick: () => onOpenView(subagent.agentId), children: _jsx(Text, { color: "subtle", children: `⤢ ${t('agent-view-open-action')}` }) })), !panelMode && index < entries.length - 1 && index + 1 !== othersStart && (_jsx(Text, { dimColor: true, children: '─'.repeat(Math.max(20, Math.min(72, columns - 6))) }))] }, key)))), team !== undefined && _jsx(TeamTaskBoard, { tasks: team.tasks })] }) }), peers !== undefined && (!panelMode || peers.length > 0) && (_jsx(Box, { flexDirection: "column", children: panelMode ? (_jsx(Text, { dimColor: true, wrap: "truncate-end", children: t('agents-peers-title') + ' · ' + peers.length })) : (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: t('agents-peers-title') }), peers.length === 0 ? (_jsx(Text, { dimColor: true, children: '  ' + t('agents-peers-empty') })) : (_jsxs(Box, { flexDirection: "column", children: [peers.map(peer => (_jsx(Text, { dimColor: true, wrap: "truncate-end", children: '  · ' + (peer.name ?? peer.label ?? peer.agentId.slice(0, 8)) + ' · ' + peer.agentId.slice(0, 8) }, peer.agentId))), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: '  ' + t('agents-peers-note') })] }))] })) })), !panelMode && (_jsxs(_Fragment, { children: [_jsx(Divider, { color: "subtle", title: "" }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: onSelect ? t('subagent-dashboard-hint-detail') : t('subagent-dashboard-hint-basic') }) })] }))] }));
 }