@aragon-agent/cli 0.6.34 → 0.6.36

package/dist/ui/Composer.d.ts

@@ -5,7 +5,7 @@ import type { Theme } from './theme.js';
 import type { TermCapabilities } from './capabilities.js';
 import { pickGlyphs } from './glyphs.js';
 import type { ComposerSubmitResult } from './composer-input.js';
-import { type CommandOption } from './PromptInput.js';
+import { type CommandOption, type DraftFill } from './PromptInput.js';
 import type { RunActivity } from './run-status-row.js';
 import { type AgentMode } from '../agent/agent-mode.js';
 /** Legacy caller shape retained for source compatibility; Composer no longer mounts it. */
@@ -77,6 +77,10 @@ export interface ComposerProps {
      * PromptInput unchanged.
      */
     draftClearNonce?: number;
+    /** Downward half of the fill channel; forwarded to `PromptInput` unchanged. */
+    draftFill?: DraftFill;
+    /** `prompts.insertMode`, forwarded unchanged. */
+    insertMode?: 'insert' | 'replace';
     /** Paste refusals from `PromptInput`, routed to `App`'s notice dispatch. */
     onNotice?: (level: 'warn' | 'error', text: string) => void;
     theme: Theme;
@@ -101,5 +105,5 @@ declare function hintText(opts: {
 }): string;
 /** Compatibility export for existing hint contract tests. */
 export declare const hintTextForTest: typeof hintText;
-export declare function Composer({ deleteDisambiguated, onCompletionContextChange, cols, terminalRows, statusExpanded, cursorVisible, onInteraction, measureRef, isActive, reducedMotion, onEscape, onEscapeDismiss, running, history, commands, cwd, agentMode, popupMaxRows, popupMaxHeight, onPopupRowsChange, onDraftRows, onDraftPresence, draftClearNonce, onNotice, theme, caps, onSubmit, onHelp, }: ComposerProps): React.ReactElement;
+export declare function Composer({ deleteDisambiguated, onCompletionContextChange, cols, terminalRows, statusExpanded, cursorVisible, onInteraction, measureRef, isActive, reducedMotion, onEscape, onEscapeDismiss, running, history, commands, cwd, agentMode, popupMaxRows, popupMaxHeight, onPopupRowsChange, onDraftRows, onDraftPresence, draftClearNonce, draftFill, insertMode, onNotice, theme, caps, onSubmit, onHelp, }: ComposerProps): React.ReactElement;
 export {};

package/dist/ui/Composer.js

@@ -36,7 +36,7 @@ function hintText(opts) {
 }
 /** Compatibility export for existing hint contract tests. */
 export const hintTextForTest = hintText;
-export function Composer({ deleteDisambiguated, onCompletionContextChange, cols, terminalRows, statusExpanded, cursorVisible, onInteraction, measureRef, isActive, reducedMotion, onEscape, onEscapeDismiss, running, history, commands, cwd, agentMode, popupMaxRows, popupMaxHeight, onPopupRowsChange, onDraftRows, onDraftPresence, draftClearNonce, onNotice, theme, caps, onSubmit, onHelp, }) {
+export function Composer({ deleteDisambiguated, onCompletionContextChange, cols, terminalRows, statusExpanded, cursorVisible, onInteraction, measureRef, isActive, reducedMotion, onEscape, onEscapeDismiss, running, history, commands, cwd, agentMode, popupMaxRows, popupMaxHeight, onPopupRowsChange, onDraftRows, onDraftPresence, draftClearNonce, draftFill, insertMode, onNotice, theme, caps, onSubmit, onHelp, }) {
     const [hasDraft, setHasDraft] = useState(false);
     const onDraftChange = useCallback((next) => {
         setHasDraft(next.hasDraft);
@@ -57,5 +57,5 @@ export function Composer({ deleteDisambiguated, onCompletionContextChange, cols,
                 : hasDraft
                     ? theme.focusBorder ?? theme.primary
                     : theme.idleBorder ?? theme.border;
-    return (_jsx(Box, { ref: measureRef, width: cols, flexDirection: "column", flexShrink: 0, children: _jsx(PromptInput, { deleteDisambiguated: deleteDisambiguated, onCompletionContextChange: onCompletionContextChange, cols: cols, terminalRows: terminalRows, statusExpanded: statusExpanded, cursorVisible: cursorVisible, onInteraction: onInteraction, isActive: isActive, reducedMotion: reducedMotion, onEscape: onEscape, onEscapeDismiss: onEscapeDismiss, running: running, history: history, commands: commands, cwd: cwd, theme: theme, caps: caps, popupMaxRows: popupMaxRows, popupMaxHeight: popupMaxHeight, onPopupRowsChange: onPopupRowsChange, onSubmit: onSubmit, onHelp: onHelp, agentMode: agentMode, borderColor: borderColor, onDraftChange: onDraftChange, draftClearNonce: draftClearNonce, onNotice: onNotice }) }));
+    return (_jsx(Box, { ref: measureRef, width: cols, flexDirection: "column", flexShrink: 0, children: _jsx(PromptInput, { deleteDisambiguated: deleteDisambiguated, onCompletionContextChange: onCompletionContextChange, cols: cols, terminalRows: terminalRows, statusExpanded: statusExpanded, cursorVisible: cursorVisible, onInteraction: onInteraction, isActive: isActive, reducedMotion: reducedMotion, onEscape: onEscape, onEscapeDismiss: onEscapeDismiss, running: running, history: history, commands: commands, cwd: cwd, theme: theme, caps: caps, popupMaxRows: popupMaxRows, popupMaxHeight: popupMaxHeight, onPopupRowsChange: onPopupRowsChange, onSubmit: onSubmit, onHelp: onHelp, agentMode: agentMode, borderColor: borderColor, onDraftChange: onDraftChange, draftClearNonce: draftClearNonce, draftFill: draftFill, insertMode: insertMode, onNotice: onNotice }) }));
 }

package/dist/ui/Header.d.ts

@@ -15,6 +15,22 @@ interface HeaderProps {
     statusExpanded?: boolean;
     scrolledLines?: number;
     overlayOpen?: boolean;
+    /**
+     * Whether the expanded status row teaches `ctrl+K` (agent-model-kits §4.7).
+     *
+     * DEFAULTS TO TRUE because that is the requirement - `ctrl+G` must reveal the
+     * kit key - and because a default of `false` would leave the one caller that
+     * forgets the prop silently teaching nothing.
+     */
+    kitHint?: boolean;
+    /**
+     * Whether the collapsed row teaches `ctrl+P` (quick-prompt-library D-15).
+     *
+     * DEFAULTS TO TRUE for the same reason `kitHint` does: the requirement is that the
+     * key be visible, and a default of `false` would leave the one caller that forgets
+     * the prop silently teaching nothing. `cfg.prompts.hint` is what turns it off.
+     */
+    promptsHint?: boolean;
 }
-export declare function Header({ cwd, provider, model, hasKey, variant, theme, caps, columns, statusExpanded, scrolledLines, overlayOpen }: HeaderProps): React.ReactElement;
+export declare function Header({ cwd, provider, model, hasKey, variant, theme, caps, columns, statusExpanded, scrolledLines, overlayOpen, kitHint, promptsHint }: HeaderProps): React.ReactElement;
 export {};

package/dist/ui/Header.js

@@ -3,13 +3,19 @@ import { basename } from 'node:path';
 import { Box, Text } from 'ink';
 import { Logo } from './Logo.js';
 import { planHeaderHints, HEADER_HINT_LIMITS } from './layout/header-hints.js';
-export function Header({ cwd, provider, model, hasKey, variant, theme, caps, columns = 80, statusExpanded = false, scrolledLines = 0, overlayOpen = false }) {
+export function Header({ cwd, provider, model, hasKey, variant, theme, caps, columns = 80, statusExpanded = false, scrolledLines = 0, overlayOpen = false, kitHint = true, promptsHint = true }) {
     // The right-hand hints are planned, not assembled (tui-branch-terminal-shortcut
     // 3.9 / D-11). `plan.text` is exactly `plan.cells` wide and already carries the
     // scroll chip's own trailing spacing, so this component can no longer clip a
     // hint by guessing one cell short - and the ladder that decides which hints
     // survive a narrow terminal lives in a pure function with its own tests.
-    const plan = planHeaderHints({ columns, statusExpanded, overlayOpen, scrolledLines });
+    //
+    // `kitHint` is the `^K switch kit` clause (agent-model-kits §4.7): `App`
+    // passes `true` always, because the requirement is that `ctrl+G` reveals the
+    // key - and the user with no kits needs that hint most.
+    const plan = planHeaderHints({
+        columns, statusExpanded, overlayOpen, scrolledLines, kitHint, promptsHint,
+    });
     // THE TWO HALVES ARE SEPARATED BY CELLS, NOT BY LUCK (defect 12). The left half
     // is `wrap="truncate"`, which draws its ellipsis in the LAST cell it owns; with
     // the right half starting in the very next cell a narrow terminal read

package/dist/ui/PromptInput.d.ts

@@ -102,8 +102,28 @@ interface PromptInputProps {
      * paste payloads with it.
      */
     draftClearNonce?: number;
+    /**
+     * App-owned ONE-SHOT fill (quick-prompt-library D-6 / §4.6).
+     *
+     * The payload-carrying sibling of `draftClearNonce`: `{ nonce, text, submit }`, with
+     * the same monotonic-nonce discipline, because a nonce is the only thing that makes
+     * an effect idempotent under StrictMode and re-renders (I-8). It is applied through
+     * `transact`, NOT by dispatching and calling `onSubmit` here: the composer has
+     * exactly one submission path and a fill must not become the second one (P0-1 / I-9).
+     */
+    draftFill?: DraftFill;
+    /** `prompts.insertMode`: what a fill does to a draft that already has text. */
+    insertMode?: 'insert' | 'replace';
     scrolledLines?: number;
 }
+/** A one-shot "put this text in the draft" payload (quick-prompt-library §4.6). */
+export interface DraftFill {
+    /** Monotonic; the same value is applied at most once. */
+    nonce: number;
+    text: string;
+    /** `true` = apply and submit in ONE transaction (the picker's `Ctrl+Enter`). */
+    submit?: boolean;
+}
 export interface ScrollChip {
     text: string;
     /** FIXED width, so the number gaining a digit cannot re-wrap the draft (P2-4). */
@@ -168,5 +188,5 @@ export declare function fileTokenAt(buffer: string, cursor: number): {
     end: number;
     query: string;
 } | null;
-export declare function PromptInput({ cols: colsProp, terminalRows: terminalRowsProp, statusExpanded, cursorVisible, onInteraction, isActive, running, history, commands, cwd, theme, caps, popupMaxRows, popupMaxHeight, onPopupRowsChange, onCompletionContextChange, deleteDisambiguated, agentMode, onSubmit, onHelp, onEscape, onEscapeDismiss, reducedMotion, borderColor, onDraftChange, draftClearNonce, onNotice, }: PromptInputProps): React.ReactElement;
+export declare function PromptInput({ cols: colsProp, terminalRows: terminalRowsProp, statusExpanded, cursorVisible, onInteraction, isActive, running, history, commands, cwd, theme, caps, popupMaxRows, popupMaxHeight, onPopupRowsChange, onCompletionContextChange, deleteDisambiguated, agentMode, onSubmit, onHelp, onEscape, onEscapeDismiss, reducedMotion, borderColor, onDraftChange, draftClearNonce, draftFill, insertMode, onNotice, }: PromptInputProps): React.ReactElement;
 export {};

package/dist/ui/PromptInput.js

@@ -269,7 +269,7 @@ function isControlSeq(input) {
 // ---------------------------------------------------------------------------
 // Component
 // ---------------------------------------------------------------------------
-export function PromptInput({ cols: colsProp, terminalRows: terminalRowsProp, statusExpanded = false, cursorVisible = true, onInteraction, isActive, running, history, commands, cwd, theme, caps, popupMaxRows, popupMaxHeight, onPopupRowsChange, onCompletionContextChange, deleteDisambiguated = false, agentMode, onSubmit, onHelp, onEscape, onEscapeDismiss, reducedMotion = false, borderColor, onDraftChange, draftClearNonce, onNotice, }) {
+export function PromptInput({ cols: colsProp, terminalRows: terminalRowsProp, statusExpanded = false, cursorVisible = true, onInteraction, isActive, running, history, commands, cwd, theme, caps, popupMaxRows, popupMaxHeight, onPopupRowsChange, onCompletionContextChange, deleteDisambiguated = false, agentMode, onSubmit, onHelp, onEscape, onEscapeDismiss, reducedMotion = false, borderColor, onDraftChange, draftClearNonce, draftFill, insertMode = 'insert', onNotice, }) {
     const { stdout } = useStdout();
     const [editor, dispatch] = useReducer(editorReducer, INITIAL_EDITOR_STATE);
     const { buffer, cursor, historyIndex, dismissed, sel } = editor;
@@ -466,6 +466,26 @@ export function PromptInput({ cols: colsProp, terminalRows: terminalRowsProp, st
             onNotice?.('warn', plan.notice);
         }
     };
+    // --- App-requested fill (quick-prompt-library §4.6 / D-6). -----------------
+    //
+    // THE NONCE IS THE DEPENDENCY, NOT THE TEXT, for the reason the clear effect above
+    // records: two fills of the same prompt in a row must both apply, and keying on the
+    // payload would silently drop the second one. `transact` is deliberately absent from
+    // the dependency list - it closes over THIS render's `editor`, and depending on it
+    // would re-run (and re-fill) the effect on every keystroke.
+    const appliedFill = useRef(0);
+    useEffect(() => {
+        if (!draftFill || draftFill.nonce <= appliedFill.current)
+            return;
+        appliedFill.current = draftFill.nonce;
+        transact([{
+                kind: 'fill',
+                text: draftFill.text,
+                mode: insertMode,
+                submit: draftFill.submit === true,
+            }]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- see the note above
+    }, [draftFill, insertMode]);
     const recallUp = () => {
         if (history.length === 0)
             return;
@@ -596,7 +616,7 @@ export function PromptInput({ cols: colsProp, terminalRows: terminalRowsProp, st
             return;
         }
         if (key.ctrl)
-            return; // App owns Ctrl+C / L / T / O.
+            return; // App owns Ctrl+C / L / T / O, and now Ctrl+K (the kit picker).
         if (key.return) {
             if (key.meta || key.shift) {
                 insert('\n');

package/dist/ui/ScrollbackShell.d.ts

@@ -18,11 +18,22 @@
  * transcript; without one the rail and the roster simply had nowhere to go, so the
  * default mode showed neither. The band is a row pool inside the live region:
  *
- *   +---------------------------------------------+-----------------+
- *   | team roster      (height = band.teamRows)    | TODO rail       |
- *   +---------------------------------------------+ (height =       |
- *   | tail window      (height = band.previewRows) |  band.railRows) |
- *   +---------------------------------------------+-----------------+
+ *   +----------------------------------------------+----------------+
+ *   | tail window       (height = band.previewRows) | TODO rail      |
+ *   +----------------------------------------------+ (height =      |
+ *   | team roster (width = contentCols, height = band.teamRows)       |
+ *   +----------------------------------------------------------------+
+ *
+ * THE ROSTER IS A FULL-WIDTH SLOT BELOW THE ROW REGION
+ * (tui-subagent-panel §4.1.2 / D-2). It used to be the band's LEFT COLUMN bottom
+ * slot, which capped its width at `previewCols`: with the TODO rail visible that is
+ * 84 columns on a 100-column terminal, so the row's right-aligned clock could never
+ * reach the screen's edge however carefully the row itself was laid out. It is now a
+ * SIBLING of the row region and spans `contentCols`, so the clock lands on the last
+ * column the terminal can draw. The READING is unchanged, and it is what
+ * `tui-subagent-double-roster` A-3 established: the roster is transient status about
+ * the run in progress, so it belongs against the composer, where the user's eyes
+ * already are and where full-screen mode's viewport `footer` puts it.
  *
  * Every box in it has an explicit `height` and `width` plus `overflow="hidden"`, and
  * that is a correctness requirement rather than tidiness: a box that grows with its
@@ -76,9 +87,13 @@ export interface ScrollbackShellProps {
     opener?: React.ReactNode;
     /** Real components for the tail window (`LiveTail`). */
     tail?: React.ReactNode;
-    /** The subagent roster, drawn at the top of the band's left column. */
+    /**
+     * The subagent roster: the band's FULL-WIDTH bottom slot, i.e. the rows closest to
+     * the composer. It is the only live subagent surface during a dispatch - the
+     * transcript's `team` card is suppressed while it is active.
+     */
     team?: React.ReactNode;
-    /** The TODO rail, drawn as the band's right-hand column. */
+    /** The TODO rail, drawn as the row region's right-hand column. */
     rail?: React.ReactNode;
     composer: React.ReactNode;
     status: React.ReactNode;

package/dist/ui/ScrollbackShell.js

@@ -11,9 +11,16 @@ export function ScrollbackShell({ budget, header, overlay, liveTailLines, opener
     // fixed (`flex-start`); `tail` alone may fall back to `flex-end` when it overflows.
     const leftColumn = opener ?? tail;
     const tailLines = liveTailLines.slice(-budget.liveTailRows);
+    // I-1 (tui-subagent-panel §4.1.3): `rowRegion + band.teamRows <= band.bandRows`. In
+    // `fill` mode `previewRows === railRows === bandRows - teamRows`, so the two heights
+    // add back up to the band exactly; `band.ts` owns both numbers and this is their
+    // only consumer.
+    const rowRegion = Math.max(band.previewRows, band.railRows);
     // The overlay and the band are alternatives, not siblings: the band reports
     // `bandRows = remaining` for an overlay frame, so drawing both would double the
     // region's height and take the frame to the terminal height (the `ESC[3J` case).
-    const top = band.reason === 'overlay' ? (_jsx(Box, { flexDirection: "column", height: budget.overlayRows, flexShrink: 0, overflow: "hidden", children: overlay })) : band.bandRows > 0 ? (_jsxs(Box, { flexDirection: "row", height: band.bandRows, flexShrink: 0, overflow: "hidden", children: [_jsxs(Box, { flexDirection: "column", width: budget.previewCols, flexShrink: 0, overflow: "hidden", children: [band.teamRows > 0 && (_jsx(Box, { height: band.teamRows, flexShrink: 0, overflow: "hidden", children: team })), band.previewRows > 0 && (_jsx(Box, { flexDirection: "column", height: band.previewRows, flexShrink: 0, justifyContent: "flex-start", overflow: "hidden", children: leftColumn ?? tailLines.map((line, index) => (_jsx(Text, { wrap: "truncate", color: theme.muted, children: line }, index))) }))] }), band.railRows > 0 && (_jsx(Box, { height: band.railRows, width: band.railCols, flexShrink: 0, overflow: "hidden", children: rail }))] })) : null;
+    const top = band.reason === 'overlay' ? (_jsx(Box, { flexDirection: "column", height: budget.overlayRows, flexShrink: 0, overflow: "hidden", children: overlay })) : band.bandRows > 0 ? (
+    // ROW REGION ABOVE, FULL-WIDTH ROSTER BELOW (tui-subagent-panel §4.1.2 / D-2).
+    _jsxs(Box, { flexDirection: "column", height: band.bandRows, flexShrink: 0, overflow: "hidden", children: [_jsxs(Box, { flexDirection: "row", height: rowRegion, flexShrink: 0, overflow: "hidden", children: [_jsx(Box, { flexDirection: "column", width: budget.previewCols, height: rowRegion, flexShrink: 0, overflow: "hidden", children: band.previewRows > 0 && (_jsx(Box, { flexDirection: "column", height: band.previewRows, flexShrink: 0, justifyContent: "flex-start", overflow: "hidden", children: leftColumn ?? tailLines.map((line, index) => (_jsx(Text, { wrap: "truncate", color: theme.muted, children: line }, index))) })) }), band.railRows > 0 && (_jsx(Box, { height: band.railRows, width: band.railCols, flexShrink: 0, overflow: "hidden", children: rail }))] }), band.teamRows > 0 && (_jsx(Box, { width: width, height: band.teamRows, flexShrink: 0, overflow: "hidden", children: team }))] })) : null;
     return (_jsxs(Box, { flexDirection: "column", height: budget.liveRows, width: width, overflow: "hidden", flexShrink: 0, children: [budget.headerRows > 0 && (_jsx(Box, { height: budget.headerRows, flexShrink: 0, overflow: "hidden", children: header })), top, _jsx(Box, { flexDirection: "column", height: budget.composerSlotRows, justifyContent: "flex-end", flexShrink: 0, overflow: "hidden", children: composer }), _jsx(Box, { height: budget.statusRows > 0 ? 1 : 0, flexShrink: 0, overflow: "hidden", children: status }), budget.statusRows === 2 && (_jsx(Box, { height: 1, flexShrink: 0, overflow: "hidden", children: details }))] }));
 }

package/dist/ui/StatusBar.d.ts

@@ -50,6 +50,19 @@ export interface StatusBarProps {
      * existing test render exactly what they rendered before (I-6).
      */
     sessionId?: string;
+    /**
+     * The agent kit in effect, or absent when there is none (agent-model-kits
+     * §4.8 / D-12).
+     *
+     * OPTIONAL AND ABSENT BY DEFAULT, for the same reason `sessionId` is: with no
+     * kit the plan is hidden, `kitCells` is 0, and this row's output is
+     * byte-identical to the pre-feature build (I-9).
+     */
+    kit?: {
+        name: string;
+        modified: boolean;
+        otherNames: readonly string[];
+    } | null;
     agentMode?: AgentMode;
     pendingAgentMode?: AgentMode | null;
     teamActive?: {
@@ -60,6 +73,11 @@ export interface StatusBarProps {
         done: number;
         total: number;
     };
+    acceptanceActive?: {
+        checked: number;
+        total: number;
+        failed: number;
+    };
     servicesActive?: {
         live: number;
     };

package/dist/ui/StatusBar.js

@@ -6,6 +6,7 @@ import { pickGlyphs } from './glyphs.js';
 import { liveSpinner } from './ActivityLine.js';
 import { planPrimaryStatusFields } from './layout/status-layout.js';
 import { planSessionChip } from './layout/session-chip.js';
+import { planKitChip } from './layout/kit-chip.js';
 /** An invisible leading byte change forces Ink to repaint on Ctrl+L. */
 const redrawChar = (nonce) => nonce % 2 ? String.fromCharCode(0x00a0) : ' ';
 export function StatusBar(props) {
@@ -21,8 +22,14 @@ export function StatusBar(props) {
         ...(props.sessionId ? { sessionId: props.sessionId } : {}),
     });
     const chipCells = chip.visible ? chip.cells + chip.gap : 0;
+    // THE KIT CHIP IS PLANNED SECOND, OUT OF WHAT THE SESSION CHIP LEFT (D-12):
+    // the session id is never truncated, so it is not the thing that gives way.
+    // With no kit the plan is hidden and `kitCells` is 0, which keeps this row
+    // byte-identical to the build before the feature (I-9).
+    const kit = planKitChip({ columns: cols - chipCells, kit: props.kit });
+    const kitCells = kit.visible ? kit.cells + kit.gap : 0;
     const plan = planPrimaryStatusFields({
-        reserveRight: chipCells,
+        reserveRight: chipCells + kitCells,
         columns: cols, phase, pendingCount: props.pendingSteering?.length ?? 0,
         context: props.context, usageTotal: props.usageTotal,
         thinkingLevel: props.thinkingLevel, elapsedMs: props.elapsedMs, tokPerSec: props.tokPerSec,
@@ -34,12 +41,13 @@ export function StatusBar(props) {
         compacting: props.compactionActive?.inFlight, retryActive: props.retryActive,
         mode: props.agentMode, pendingMode: props.pendingAgentMode, servicesActive: props.servicesActive,
         teamActive: props.teamActive, todoActive: props.todoActive,
+        ...(props.acceptanceActive ? { acceptanceActive: props.acceptanceActive } : {}),
         ecoRung: props.ecoRung, fastActive: props.fastActive, scrolledLines: props.scrolledLines,
     });
     const tones = { normal: props.theme.primary, muted: props.theme.muted,
         warning: props.theme.noticeWarn, error: props.theme.noticeError,
         accent: props.theme.accent };
-    return _jsxs(Box, { width: cols, height: 1, flexShrink: 0, flexDirection: "row", overflow: "hidden", children: [_jsx(Box, { width: 1, flexShrink: 0, children: _jsx(Text, { children: redrawChar(props.redrawNonce ?? 0) }) }), _jsx(Box, { width: Math.max(0, cols - 1 - chipCells), flexShrink: 0, flexDirection: "row", overflow: "hidden", children: plan.fields.map((item, index) => _jsxs(React.Fragment, { children: [index > 0 && _jsx(Box, { width: plan.separatorCells, flexShrink: 0, children: _jsx(Text, { color: props.theme.muted, children: plan.separator }) }), _jsx(Box, { width: item.cells, flexShrink: 0, children: _jsx(Text, { color: tones[item.tone], wrap: "truncate", children: item.id === 'phase' && active
+    return _jsxs(Box, { width: cols, height: 1, flexShrink: 0, flexDirection: "row", overflow: "hidden", children: [_jsx(Box, { width: 1, flexShrink: 0, children: _jsx(Text, { children: redrawChar(props.redrawNonce ?? 0) }) }), _jsx(Box, { width: Math.max(0, cols - 1 - chipCells - kitCells), flexShrink: 0, flexDirection: "row", overflow: "hidden", children: plan.fields.map((item, index) => _jsxs(React.Fragment, { children: [index > 0 && _jsx(Box, { width: plan.separatorCells, flexShrink: 0, children: _jsx(Text, { color: props.theme.muted, children: plan.separator }) }), _jsx(Box, { width: item.cells, flexShrink: 0, children: _jsx(Text, { color: tones[item.tone], wrap: "truncate", children: item.id === 'phase' && active
                                     ? _jsxs(_Fragment, { children: [spinner ?? glyph, item.text.slice(glyph.length)] })
-                                    : item.text }) })] }, item.id)) }), chip.visible && _jsx(Box, { width: chipCells, flexShrink: 0, justifyContent: "flex-end", overflow: "hidden", children: _jsx(Text, { color: props.theme.muted, wrap: "truncate", children: chip.text }) })] });
+                                    : item.text }) })] }, item.id)) }), kit.visible && _jsx(Box, { width: kitCells, flexShrink: 0, justifyContent: "flex-end", overflow: "hidden", children: _jsx(Text, { color: props.theme.muted, wrap: "truncate", children: kit.text }) }), chip.visible && _jsx(Box, { width: chipCells, flexShrink: 0, justifyContent: "flex-end", overflow: "hidden", children: _jsx(Text, { color: props.theme.muted, wrap: "truncate", children: chip.text }) })] });
 }

package/dist/ui/TeamPanel.d.ts

@@ -15,12 +15,47 @@
  * with the other transient rows — toast, composer, status bar — rather than
  * inside the scrolling transcript, where it would be interleaved with history
  * and scroll out of sight exactly when the user wants to watch it.
+ *
+ * IT IS THE ONLY LIVE SUBAGENT SURFACE (tui-subagent-double-roster A-2). The
+ * transcript's `team` card is suppressed while its dispatch is active
+ * (`team-status.ts::isLiveTeamCard`), so this roster is what the user watches
+ * during a dispatch and the card becomes the history afterwards. Native mode
+ * draws it as the band's BOTTOM, FULL-WIDTH slot (`ScrollbackShell`), i.e.
+ * directly above the composer and spanning the TODO rail's columns as well; the
+ * full-screen mode draws it in the viewport footer, which is already above the
+ * composer.
+ *
+ * THE ROW IS A TABLE, NOT A PARAGRAPH (tui-subagent-panel §0.1 / §4.2). The
+ * columns are placed by COMPUTED widths (`layout/team-row.ts`) inside fixed-width
+ * boxes, never by `flexGrow`: a fixed-height parent box makes Yoga size a column
+ * to its widest child, so the old row measured 48 columns inside a 100-column
+ * terminal and the clock stopped beside the description instead of at the right
+ * edge. The description is the only flexible cell, which is what keeps the two
+ * right-hand cells at their absolute offsets.
+ *
+ * EVERY PHASE -> GLYPH / COLOUR / COUNT DECISION COMES FROM `team-status.ts`.
+ * The local copies this file used to carry are gone on purpose: the transcript
+ * card kept a second copy and the two disagreed about what "running" looks like.
  */
 import React from 'react';
 import type { Theme } from './theme.js';
 import type { TermCapabilities } from './capabilities.js';
 import { type TeamPanelLayout } from './layout/team-panel.js';
 import type { SubagentRun, TeamSnapshot } from '../team/types.js';
+/**
+ * THE ACTIVITY / BADGE HELPERS LIVE IN `layout/team-row.ts` NOW (v2 implementation
+ * note, recorded in the spec's "implementation findings"). `teamRowCells` has to
+ * compose the activity text with the supervisor badge, so keeping those functions
+ * in this component would make the two modules import each other. They are
+ * re-exported here so every existing import site keeps its path.
+ */
+export { activityBudget, activityLine, activityWithBadge, overseerBadge, teamClockText, teamRowCells, teamRowGeometry, } from './layout/team-row.js';
+/**
+ * The panel's one supervisor status line (AC-5): the most recent intervention
+ * across the roster, human-phrased. Empty when the supervisor has not acted
+ * yet - furniture that says nothing is worse than no line.
+ */
+export declare function supervisorStatusLine(runs: SubagentRun[], at: number): string;
 export interface TeamPanelProps {
     snapshot: TeamSnapshot;
     /** Terminal rows, for the one-line collapse below `panelCollapseRows`. */
@@ -38,45 +73,4 @@ export interface TeamPanelProps {
     now?: number;
     layout?: TeamPanelLayout;
 }
-export declare function activityBudget(cols: number): number;
-/**
- * The middle column: what this child is doing right now, in a few words.
- *
- * Two width policies, answering different questions. `wide` decides WHICH FACT
- * to show - a whole path or its basename, a whole command line or its program
- * name - mirroring `StatusBar`'s `statusCompactCols` degradation rather than
- * inventing a second threshold. `activityBudget(cols)` decides HOW MUCH OF IT
- * FITS, and it is a continuous function of width rather than a threshold,
- * because the failure it prevents - a row wider than the terminal - is
- * continuous.
- *
- * Exported for the same reason `buildSubagentTools` is: the width bound is the
- * property this round has to keep, and asserting it through a rendered frame
- * cannot distinguish "the arithmetic clamped it" from "Ink truncated it" - which
- * is precisely the confusion that let v1's fixed-width column look fine at 100
- * columns and break at 80.
- */
-export declare function activityLine(run: SubagentRun, cols: number): string;
-/**
- * The row's supervisor badge (subagent-overseer-v2 AC-5): what the supervisor
- * last did to THIS child and how long ago, e.g. `nudged 2m03s`.
- *
- * `lastIntervention.at` is ABSOLUTE epoch ms (R-P2-3), the same units as
- * `startedAt`, so this is one subtraction - no second clock convention.
- */
-export declare function overseerBadge(run: SubagentRun, at: number): string;
-/**
- * The activity column WITH the badge composed in (AC-5 / risk table): the
- * badge rides the SAME `activityBudget(cols)` allocation the prose uses, so
- * a row can never grow past its terminal; on a narrow terminal the badge
- * degrades to the action word alone - the who-acted fact outranks the
- * what-they-are-doing tail exactly when there is room for only one.
- */
-export declare function activityWithBadge(run: SubagentRun, cols: number, at: number): string;
-/**
- * The panel's one supervisor status line (AC-5): the most recent intervention
- * across the roster, human-phrased. Empty when the supervisor has not acted
- * yet - furniture that says nothing is worse than no line.
- */
-export declare function supervisorStatusLine(runs: SubagentRun[], at: number): string;
 export declare function TeamPanel({ snapshot, rows, cols, reducedMotion, theme, caps, now, layout, }: TeamPanelProps): React.ReactElement | null;