@aragon-agent/cli 0.6.35 → 0.6.36

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;

package/dist/ui/ScrollbackShell.d.ts

@@ -18,22 +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:
  *
- *   +---------------------------------------------+-----------------+
- *   | tail window      (height = band.previewRows) | TODO rail       |
- *   +---------------------------------------------+ (height =       |
- *   | team roster      (height = band.teamRows)    |  band.railRows) |
- *   +---------------------------------------------+-----------------+
+ *   +----------------------------------------------+----------------+
+ *   | tail window       (height = band.previewRows) | TODO rail      |
+ *   +----------------------------------------------+ (height =      |
+ *   | team roster (width = contentCols, height = band.teamRows)       |
+ *   +----------------------------------------------------------------+
  *
- * THE ROSTER IS THE LEFT COLUMN'S BOTTOM SLOT, not its top one
- * (tui-subagent-double-roster A-3). `band.ts` allocates the same two heights either
- * way - only the drawing order changed - so every row number, and every test that
- * asserts one, is untouched. What moves is the reading: 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),
- * and the conversation's own tail stays above it. As a bonus the rows a short tail
- * does not use now fall between the tail and the roster instead of between the tail
- * and the input box, which is the "blank space above the composer" shape the
- * plan-A-prime work removed one level up.
+ * 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
@@ -88,12 +88,12 @@ export interface ScrollbackShellProps {
     /** Real components for the tail window (`LiveTail`). */
     tail?: React.ReactNode;
     /**
-     * The subagent roster: the BOTTOM slot of the band's left column, i.e. the row
-     * 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.
+     * 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.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.teamRows > 0 && (_jsx(Box, { height: band.teamRows, flexShrink: 0, overflow: "hidden", children: team }))] }), 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

@@ -73,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

@@ -41,6 +41,7 @@ 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,

package/dist/ui/TeamPanel.d.ts

@@ -20,9 +20,18 @@
  * 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 BOTTOM slot of the band's left column (`ScrollbackShell`),
- * i.e. directly above the composer; full-screen mode draws it in the viewport
- * footer, which is already above the composer.
+ * 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
@@ -33,6 +42,20 @@ 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`. */
@@ -50,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;

package/dist/ui/TeamPanel.js

@@ -1,133 +1,20 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import Spinner from 'ink-spinner';
 import { pickGlyphs } from './glyphs.js';
-import { childElapsedMs, childStatus, isRunningStatus, rosterCounts, rosterHeadline, statusColor, statusMarkerCell, } from './team-status.js';
+import { childStatus, isRunningStatus, rosterCounts, rosterHeadline, statusColor, } from './team-status.js';
 import { formatDuration } from '../agent/usage.js';
-import { describeToolActivity, sanitizeActivity } from '../team/activity.js';
-import { TEAM_LIMITS } from '../team/limits.js';
 import { buildTeamPanelLayout } from './layout/team-panel.js';
+import { interventionWord, teamRowCells, teamRowGeometry, TEAM_CLOCK_CELLS, } from './layout/team-row.js';
+import { fitCells } from './layout/cells.js';
 /**
- * How many characters the activity column may spend at this width (P0-1).
- *
- * `TEAM_LIMITS.activityChars` is a STORAGE ceiling; a terminal has a COLUMN
- * budget, and the two are not the same number. The row is
- *
- *     marker(3) + label(8) + description(flex) + 2 + activity + 2 + elapsed(~6)
- *
- * and the comment on the description cell below promises that activity and
- * elapsed never lose characters, i.e. that `description` absorbs ALL width
- * pressure. A 64-character prose tail plus `writing: ` is 73, which on an
- * 80-column terminal needs 94 columns before `description` gets one. The promise
- * cannot be kept by wishing; the column has to be sized from `cols`.
- *
- * `WIDE_CHAR_ALLOWANCE` is the concession to there being no display-width helper
- * in production code: this budget is denominated in code units while the
- * terminal is denominated in columns, and CJK and emoji occupy two columns per
- * unit, so the budget is halved against the reserve rather than spent to the
- * last cell. Erring small costs a few characters of prose; erring large costs
- * the elapsed column.
+ * 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.
  */
-const ROW_RESERVED_COLS = 3 + 8 + 2 + 2 + 8 + 12; // marker, label, gaps, elapsed, min description
-const WIDE_CHAR_ALLOWANCE = 2;
-export function activityBudget(cols) {
-    const spare = Math.floor((cols - ROW_RESERVED_COLS) / WIDE_CHAR_ALLOWANCE);
-    return Math.max(TEAM_LIMITS.activityMinChars, Math.min(TEAM_LIMITS.activityChars, spare));
-}
-/**
- * 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 function activityLine(run, cols) {
-    const wide = cols >= TEAM_LIMITS.activityWideCols;
-    const budget = activityBudget(cols);
-    switch (run.phase) {
-        case 'queued':
-            return 'queued';
-        case 'starting':
-            // The one row that legitimately restarts its clock, saying why (P2-4):
-            // F-2 ranks the running group by `startedAt` and a retry re-stamps it.
-            return run.retries ? 'starting (retry)' : 'starting';
-        case 'thinking':
-            // Clamped AT RENDER, against this terminal's budget. `run.activity` was
-            // clamped at STORE against `activityChars`; that is a ceiling, not a fit.
-            return run.activity ? `writing: ${sanitizeActivity(run.activity, budget)}` : 'thinking';
-        case 'tool':
-        case 'waiting':
-            return run.lastTool
-                ? sanitizeActivity(describeToolActivity(run.lastTool, run.activityArgs, wide), budget)
-                : run.phase === 'waiting'
-                    ? 'waiting for mail'
-                    : 'tool';
-        case 'done':
-            // `compacted N` ON THE SETTLED ROW ONLY (hardening §3.4.4 / W3). A running
-            // row is already competing for `activityBudget(cols)` with the child's own
-            // prose, and a marker that displaces what the child is DOING right now
-            // buys nothing - the dispatch report carries the same fact for good.
-            return run.compactions
-                ? `done  ${run.turns} turns  compacted ${run.compactions}`
-                : `done  ${run.turns} turns`;
-        case 'failed':
-            return 'failed';
-        case 'aborted':
-            return 'aborted';
-    }
-}
-/** The past-tense word the supervisor badge and status line render. */
-function interventionWord(action) {
-    switch (action) {
-        case 'nudge':
-            return 'nudged';
-        case 'replace':
-            return 'replaced';
-        case 'abandon':
-            return 'abandoned';
-        default:
-            return 'waited';
-    }
-}
-/**
- * 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 function overseerBadge(run, at) {
-    const last = run.lastIntervention;
-    if (last === undefined)
-        return '';
-    return `${interventionWord(last.action)} ${formatDuration(Math.max(0, at - last.at))}`;
-}
-/**
- * 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 function activityWithBadge(run, cols, at) {
-    const last = run.lastIntervention;
-    if (last === undefined)
-        return activityLine(run, cols);
-    const badge = overseerBadge(run, at);
-    if (cols < TEAM_LIMITS.activityWideCols)
-        return interventionWord(last.action);
-    return sanitizeActivity(`${badge}; ${activityLine(run, cols)}`, activityBudget(cols));
-}
+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
@@ -149,6 +36,9 @@ export function supervisorStatusLine(runs, at) {
     const head = latest.reasonHead.length > 0 ? ` (${latest.reasonHead})` : '';
     return `supervisor: ${interventionWord(latest.action)} ${label} ${ago} ago${head}`;
 }
+/** Columns the `ctrl+b` hint cell spends, and the width below which it is dropped. */
+const HINT_CELLS = 'ctrl+b'.length;
+const HINT_MIN_COLS = 100;
 export function TeamPanel({ snapshot, rows, cols, reducedMotion, theme, caps, now, layout, }) {
     const projection = layout ?? buildTeamPanelLayout({
         snapshot, terminalRows: rows, availableRows: Infinity,
@@ -162,18 +52,44 @@ export function TeamPanel({ snapshot, rows, cols, reducedMotion, theme, caps, no
     // said `queued`.
     const counts = rosterCounts(snapshot.runs);
     const elapsed = formatDuration(Math.max(0, at - snapshot.startedAt));
-    const header = (_jsxs(Box, { flexDirection: "row", justifyContent: "space-between", children: [_jsxs(Text, { wrap: "truncate", color: theme.accent, bold: true, children: [glyphs.teamAgent, " team", '  ', _jsxs(Text, { color: theme.muted, children: [rosterHeadline(counts, glyphs, cols), " ", glyphs.midDot, " ", elapsed] })] }), snapshot.messageCount > 0 && (_jsxs(Text, { wrap: "truncate", color: theme.muted, children: [glyphs.teamMail, " ", snapshot.messageCount] }))] }));
+    const g = teamRowGeometry(cols, glyphs);
+    // WIDTH IS BUDGETED ONCE (I-13). `rosterHeadline` subtracts its own
+    // HEADER_RESERVED_COLS(16) - it takes the ROW's column count, not a budget - so
+    // the caller may only take away the cells this feature ADDS. Subtracting 16 here
+    // too would spend the reserve twice and drop `done` / `queued` from a 100-column
+    // header that has room for them.
+    const showHint = cols >= HINT_MIN_COLS && !projection.collapsed;
+    const headlineCols = Math.max(0, cols - TEAM_CLOCK_CELLS - (showHint ? HINT_CELLS : 0));
+    const mailText = `${glyphs.teamMail} ${snapshot.messageCount}`;
+    // The badge takes its NATURAL width and the flexible left cell gives way: it is
+    // the only header cell whose content length varies, and pinning it to a computed
+    // width would clip `@ 12` on a row that has room for it.
+    const mailCells = Math.min(mailText.length, Math.max(0, cols - TEAM_CLOCK_CELLS));
+    /**
+     * The header is the row's own geometry one level up: a flexible left cell and
+     * fixed right-hand cells, so the dispatch clock and every child clock stand in
+     * the SAME column (I-5 / AC-2).
+     *
+     * THE ELAPSED TIME APPEARS ONLY IN THE CLOCK CELL (§4.3 / RV-P2-9). The old
+     * header also carried it inline among the count clauses; with a right-edge clock
+     * that would be the same number twice, and the pair could disagree for one frame
+     * every 200 ms.
+     */
+    const header = (_jsxs(Box, { flexDirection: "row", width: "100%", height: 1, flexShrink: 0, overflow: "hidden", children: [_jsx(Box, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsxs(Text, { wrap: "truncate", color: theme.accent, bold: true, children: [glyphs.teamAgent, ' team  ', _jsx(Text, { color: theme.muted, children: rosterHeadline(counts, glyphs, headlineCols) })] }) }), showHint && (_jsx(Box, { width: HINT_CELLS, flexShrink: 0, justifyContent: "flex-end", children: _jsx(Text, { color: theme.hintFg, children: "ctrl+b" }) })), snapshot.messageCount > 0 && (_jsx(Box, { width: mailCells, flexShrink: 0, justifyContent: "flex-end", children: _jsx(Text, { wrap: "truncate", color: theme.muted, children: mailText }) })), _jsx(Box, { width: TEAM_CLOCK_CELLS, flexShrink: 0, justifyContent: "flex-end", children: _jsx(Text, { wrap: "truncate", color: theme.accent, bold: true, children: elapsed }) })] }));
     // Short terminals or a long draft leave only the shared header projection,
-    // which still answers whether anything is running and for how long.
+    // which still answers whether anything is running and for how long. The header
+    // keeps the count clauses AND the right-edge clock, so the collapsed form loses
+    // no information - only the per-child rows.
     if (projection.collapsed) {
-        return _jsx(Box, { flexDirection: "column", flexShrink: 0, children: header });
+        return _jsx(Box, { flexDirection: "column", width: "100%", flexShrink: 0, children: header });
     }
     // RANKED, not sliced by array index (F-2). The slot pool hands out indices in
     // order, so `slice(0, 5)` showed the five children that finished FIRST and hid
     // everything still working behind `+N more` - at exactly the fan-out widths
     // the requirement permits.
     const { visible, hiddenTotal, hiddenRunning } = projection;
-    return (_jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [header, visible.map((run) => {
+    const supervisorLine = supervisorStatusLine(snapshot.runs, at);
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", flexShrink: 0, children: [header, visible.map((run) => {
                 const status = childStatus(run);
                 const color = statusColor(status, theme);
                 // One spinner per RUNNING row, and the row cap is 5 precisely because
@@ -181,12 +97,7 @@ export function TeamPanel({ snapshot, rows, cols, reducedMotion, theme, caps, no
                 // `reducedMotion` and a non-Unicode terminal fall back to the same
                 // static marker, exactly as `AssistantEntry` and `ToolCard` already do.
                 const animate = isRunningStatus(status) && !reducedMotion && caps.unicode;
-                return (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: color, children: [' ', animate ? _jsx(Spinner, { type: "dots" }) : statusMarkerCell(status, glyphs), ' '] }), _jsx(Text, { color: theme.primary, children: run.label.padEnd(8).slice(0, 8) }), _jsx(Box, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsx(Text, { wrap: "truncate", color: theme.muted, children: run.description.replace(/\s+/g, ' ') }) }), _jsx(Box, { flexShrink: 1, overflow: "hidden", children: _jsxs(Text, { wrap: "truncate", color: color, children: ['  ', activityWithBadge(run, cols, at)] }) }), _jsxs(Text, { wrap: "truncate", color: theme.muted, children: ['  ', run.startedAt ? formatDuration(childElapsedMs(run, at)) : ''] })] }, run.label));
-            }), hiddenTotal > 0 && (_jsxs(Text, { wrap: "truncate", color: theme.muted, children: ['  ', "+", hiddenTotal, " more", hiddenRunning > 0 ? ` (${hiddenRunning} running)` : ''] })), (() => {
-                // The panel's supervisor line (AC-5): one row, only when the
-                // supervisor has actually acted - the per-row badges above already
-                // carry the per-child facts.
-                const line = supervisorStatusLine(snapshot.runs, at);
-                return line ? (_jsxs(Text, { wrap: "truncate", color: theme.muted, children: ['  ', line] })) : null;
-            })(), snapshot.lastMessage && (_jsxs(Text, { wrap: "truncate", color: theme.muted, children: [' ', glyphs.teamMail, " ", snapshot.lastMessage.from, " ", glyphs.arrowRight, " ", snapshot.lastMessage.to, ": ", snapshot.lastMessage.subject.replace(/\s+/g, ' ')] }))] }));
+                const cells = teamRowCells(run, cols, at, glyphs);
+                return (_jsxs(Box, { flexDirection: "row", width: "100%", height: 1, flexShrink: 0, overflow: "hidden", children: [_jsx(Box, { width: g.marker, flexShrink: 0, children: _jsxs(Text, { wrap: "truncate", color: color, children: [' ', animate ? _jsx(Spinner, { type: "dots" }) : cells.marker, ' '] }) }), _jsx(Box, { width: g.label, flexShrink: 0, children: _jsx(Text, { wrap: "truncate", color: theme.primary, children: cells.label }) }), _jsx(Box, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsx(Text, { wrap: "truncate", color: theme.muted, children: cells.description }) }), _jsx(Box, { width: g.gap, flexShrink: 0, children: _jsx(Text, { children: " " }) }), _jsx(Box, { width: g.activity, flexShrink: 0, overflow: "hidden", children: _jsx(Text, { wrap: "truncate", color: color, children: cells.activity }) }), _jsx(Box, { width: g.clock, flexShrink: 0, justifyContent: "flex-end", children: _jsx(Text, { wrap: "truncate", color: theme.muted, children: cells.clock }) })] }, run.label));
+            }), hiddenTotal > 0 && (_jsxs(Text, { wrap: "truncate", color: theme.muted, children: ['  ', "+", hiddenTotal, " more", hiddenRunning > 0 ? ` (${hiddenRunning} running)` : ''] })), supervisorLine.length > 0 && (_jsxs(Text, { wrap: "truncate", color: theme.muted, children: ['  ', fitCells(supervisorLine, Math.max(0, cols - 2), glyphs.ellipsis)] })), snapshot.lastMessage && (_jsxs(Text, { wrap: "truncate", color: theme.muted, children: [' ', glyphs.teamMail, " ", snapshot.lastMessage.from, " ", glyphs.arrowRight, " ", snapshot.lastMessage.to, ": ", snapshot.lastMessage.subject.replace(/\s+/g, ' ')] }))] }));
 }

package/dist/ui/TodoPanel.d.ts

@@ -1,5 +1,6 @@
 /**
- * TodoPanel — the right rail (todo-plan-execution §6.1).
+ * TodoPanel — the right rail (todo-plan-execution §6.1; two sections per
+ * todo-acceptance-criteria §6.9).
  *
  * ASCII ONLY: every glyph comes from `pickGlyphs`; a literal here bypasses the
  * capability probe and shows mojibake on a legacy console (`glyphs.ts` header).
@@ -8,22 +9,24 @@
  * this component is not rendered at all, so a session that never plans has zero
  * columns and zero layout shift (R-g's "no furniture when idle" / AC-24).
  *
+ * NO NEW PROP CARRIES THE ACCEPTANCE TABLE (§6.9.1): `snapshot.acceptance` is
+ * already inside `snapshot`, and `null` IS the projection of "the capability is
+ * off", because a disabled store commits an empty table. Keeping the props surface
+ * narrow is what keeps `App`'s two mount points untouched.
+ *
  * IT MUST BE MOUNTED IN `AppShell`'s MIDDLE BAND, NEVER IN THE BOTTOM CHROME
  * (C-6 / I-4). This is a COLUMN BESIDE the viewport, and the middle band is the
- * only row-wrapped region there is; moved down into the bottom chrome it would
- * stop being a rail and start eating viewport height, growing and shrinking the
+ * only row-wrapped region there is; moved down into the bottom chrome it would stop
+ * being a rail and start eating viewport height, growing and shrinking the
  * transcript every time the list changed length.
  *
  * WIDTH IS MEASURED IN COLUMNS, NEVER IN CODE UNITS (P2-3). This rail is 14-36
  * columns wide and the system prompt's last line is "Respond in the language the
- * user writes in", so CJK item text in an 18-column rail is the NORMAL case
- * rather than the edge case. Every text cell is `wrap="truncate"` and Ink's
- * truncation is display-width aware, so nothing can overflow the box — and NO
- * ARITHMETIC HERE MAY BUDGET USER TEXT BY `.length`. The count string and
- * `padStart(2)` cells below are ASCII counts and indices, which is why they are
- * safe; a "characters that fit" calculation over `content` would not be. That is
- * the whole of the lesson `TeamPanel`'s `WIDE_CHAR_ALLOWANCE` records at length,
- * and the mitigation here is to have no such budget at all.
+ * user writes in", so CJK text in an 18-column rail is the NORMAL case rather than
+ * the edge case. Every text cell is `wrap="truncate"` and Ink's truncation is
+ * display-width aware, so nothing can overflow the box - and NO ARITHMETIC HERE MAY
+ * BUDGET USER TEXT BY `.length`. The count strings and `padStart(2)` cells below are
+ * ASCII counts and indices, which is why they are safe.
  */
 import React from 'react';
 import type { Theme } from './theme.js';
@@ -35,9 +38,9 @@ export interface TodoPanelProps {
     width: number;
     /**
      * From `buildTodoRailLayout` after actual team/menu rows are subtracted.
-     * (I-10 / P1-3). The gate that mounts this component and the number it lays
-     * out against are ONE value computed once in `App`: a panel that mounts on one
-     * number and lays out against another renders nothing and reports nothing.
+     * (I-10 / P1-3). The gate that mounts this component and the number it lays out
+     * against are ONE value computed once in `App`: a panel that mounts on one number
+     * and lays out against another renders nothing and reports nothing.
      */
     rows: number;
     /** Whether the agent is running; gates the spinner (never animate when idle). */