@aragon-agent/cli 0.6.46 → 0.6.48

package/dist/ui/TeamPanel.js

@@ -1,103 +0,0 @@
-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 { childStatus, isRunningStatus, rosterCounts, rosterHeadline, statusColor, } from './team-status.js';
-import { formatDuration } from '../agent/usage.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';
-/**
- * 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 function supervisorStatusLine(runs, at) {
-    let label = '';
-    let latest;
-    for (const run of runs) {
-        const last = run.lastIntervention;
-        if (last !== undefined && (latest === undefined || last.at > latest.at)) {
-            latest = last;
-            label = run.label;
-        }
-    }
-    if (latest === undefined)
-        return '';
-    const ago = formatDuration(Math.max(0, at - latest.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,
-    });
-    if (projection.rowCount === 0)
-        return null;
-    const glyphs = pickGlyphs(caps);
-    const at = now ?? Date.now();
-    // ONE COUNTING AUTHORITY (A-1): `queued` used to fall between `isRunning` and
-    // `isSettled`, so a fresh dispatch read `0 running  0 done` above rows that each
-    // said `queued`.
-    const counts = rosterCounts(snapshot.runs);
-    const elapsed = formatDuration(Math.max(0, at - snapshot.startedAt));
-    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. 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", 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;
-    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
-                // five is the documented maximum number of simultaneous spinners. Both
-                // `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;
-                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/ToastStack.d.ts

@@ -1,8 +0,0 @@
-/** Fixed one-row toast strip; only the newest toast is shown. */
-import React from 'react';
-import type { Theme } from './theme.js';
-import type { Toast } from '../agent/reducer.js';
-export declare function ToastStack({ toasts, theme, }: {
-    toasts: Toast[];
-    theme: Theme;
-}): React.ReactElement | null;

package/dist/ui/ToastStack.js

@@ -1,31 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-function toastColor(level, theme) {
-    switch (level) {
-        case 'success':
-            return theme.toast.success;
-        case 'warn':
-            return theme.toast.warn;
-        case 'error':
-            return theme.toast.error;
-        default:
-            return theme.toast.info;
-    }
-}
-function toastGlyph(level, theme) {
-    switch (level) {
-        case 'success':
-            return theme.symbols.toolDone;
-        case 'warn':
-            return theme.symbols.warn;
-        case 'error':
-            return theme.symbols.error;
-        default:
-            return theme.symbols.info;
-    }
-}
-export function ToastStack({ toasts, theme, }) {
-    const latest = toasts[toasts.length - 1];
-    const extra = Math.max(0, toasts.length - 1);
-    return (_jsx(Box, { flexShrink: 0, children: latest ? (_jsxs(Text, { wrap: "truncate", color: toastColor(latest.level, theme), children: [' ', toastGlyph(latest.level, theme), " ", latest.text, extra > 0 ? `  +${extra}` : ''] })) : (_jsx(Text, { children: " " })) }));
-}

package/dist/ui/TodoPanel.d.ts

@@ -1,52 +0,0 @@
-/**
- * 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).
- *
- * MOUNTED ONLY WHEN A LIST EXISTS. `App` passes `null` the rest of the time and
- * 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
- * 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 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';
-import type { TermCapabilities } from './capabilities.js';
-import type { TodoSnapshot } from '../todo/types.js';
-export interface TodoPanelProps {
-    snapshot: TodoSnapshot;
-    /** From `todoRailWidth(cols)`. The rail's whole column budget, separator included. */
-    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.
-     */
-    rows: number;
-    /** Whether the agent is running; gates the spinner (never animate when idle). */
-    running: boolean;
-    reducedMotion: boolean;
-    theme: Theme;
-    caps: TermCapabilities;
-}
-export declare function TodoPanel({ snapshot, width, rows, running, reducedMotion, theme, caps, }: TodoPanelProps): React.ReactElement | null;

package/dist/ui/TodoPanel.js

@@ -1,214 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * 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).
- *
- * MOUNTED ONLY WHEN A LIST EXISTS. `App` passes `null` the rest of the time and
- * 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
- * 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 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 { useMemo } from 'react';
-import { Box, Text } from 'ink';
-import Spinner from 'ink-spinner';
-import { pickGlyphs } from './glyphs.js';
-import { buildGauge } from './gauge.js';
-import { railBorderProps } from './layout/Gutter.js';
-import { TODO_RAIL_INDEX_MIN_COLS } from './layout/rail.js';
-import { TODO_LIMITS } from '../todo/limits.js';
-import { derivePlanPhase } from '../todo/acceptance.js';
-import { buildPlanSections } from '../todo/plan-sections.js';
-import { selectAcceptanceRows, selectCompactAcceptanceRows, selectCompactTodoRows, selectTodoRows, } from '../todo/panel-rows.js';
-/** The gauge is the one purely decorative element, so it is the first to go. */
-const GAUGE_MIN_ROWS = 8;
-const GAUGE_MIN_COLS = 20;
-/** Separator column + one space of padding, supplied by `railBorderProps`. */
-const CHROME_COLS = 2;
-/** Marker cell. Three, because the ASCII tier's `[x]` / `[ ]` / `[!]` are three wide. */
-const MARKER_COLS = 3;
-/** Index cell: two digits plus the space that separates it from the text. */
-const INDEX_COLS = 3;
-/** `ACCEPT` / `VERIFY` are both six columns, so switching phase shifts nothing (D-8). */
-const ACCEPT_LABEL = 'ACCEPT';
-const VERIFY_LABEL = 'VERIFY';
-function marker(item, glyphs) {
-    // Ink's tokenizer otherwise treats the bare emoji-capable check as one cell,
-    // while string-width counts two, adding an extra visible space to each row.
-    if (item.status === 'completed') {
-        return glyphs.todoDone.length === 1 ? `${glyphs.todoDone}\uFE0F` : glyphs.todoDone;
-    }
-    if (item.status === 'in_progress')
-        return glyphs.todoActive;
-    return glyphs.todoPending;
-}
-/**
- * `passed` REUSES THE DONE GLYPH ON PURPOSE (D-9): it is the same settled positive,
- * so two colour ramps and two shapes for one meaning would be learned twice for
- * nothing. `failed` is the only new meaning, and it gets the only new glyph.
- */
-function acceptanceMarker(item, glyphs) {
-    if (item.status === 'passed') {
-        return glyphs.todoDone.length === 1 ? `${glyphs.todoDone}\uFE0F` : glyphs.todoDone;
-    }
-    if (item.status === 'failed')
-        return glyphs.todoFail;
-    if (item.status === 'in_progress')
-        return glyphs.todoActive;
-    return glyphs.todoPending;
-}
-function rowColor(item, theme) {
-    if (item.status === 'completed')
-        return theme.muted;
-    if (item.status === 'in_progress')
-        return theme.primary;
-    return theme.hintFg ?? theme.muted;
-}
-function acceptanceRowColor(item, theme) {
-    if (item.status === 'failed')
-        return theme.toolError;
-    if (item.status === 'passed')
-        return theme.muted;
-    if (item.status === 'in_progress')
-        return theme.primary;
-    return theme.hintFg ?? theme.muted;
-}
-export function TodoPanel({ snapshot, width, rows, running, reducedMotion, theme, caps, }) {
-    const glyphs = pickGlyphs(caps);
-    // Ink reapplies all four Yoga borders when the borderStyle object changes, but
-    // unchanged borderTop/Bottom=false props are not reapplied on that update.
-    const border = useMemo(() => railBorderProps(glyphs.railVertical), [glyphs.railVertical]);
-    if (snapshot.items.length === 0 || rows < TODO_LIMITS.panelMinRows)
-        return null;
-    const compact = rows < TODO_LIMITS.panelFullRows;
-    const showGauge = width >= GAUGE_MIN_COLS && rows >= GAUGE_MIN_ROWS;
-    const showIndex = !compact && width >= TODO_RAIL_INDEX_MIN_COLS;
-    const acceptance = snapshot.acceptance;
-    const acceptanceItems = acceptance?.items ?? [];
-    const phase = derivePlanPhase(snapshot.items, acceptanceItems);
-    // EVERY ROW FIGURE COMES FROM ONE FUNCTION (§6.9.2). Not because arithmetic in a
-    // component is hard, but because `/perf` and the status-bar chip have to report
-    // the same answer, and a second copy is a second answer.
-    const sections = buildPlanSections({
-        rows,
-        width,
-        phase,
-        todoCount: snapshot.items.length,
-        acceptanceCount: acceptanceItems.length,
-        showGauge,
-    });
-    const compactFooter = sections.todoFooter;
-    const todoWindow = compact
-        ? selectCompactTodoRows(snapshot.items, sections.todoItemRows)
-        : selectTodoRows(snapshot.items, sections.todoItemRows);
-    const acceptanceSection = sections.acceptance;
-    const acceptanceWindow = acceptanceSection && acceptanceSection.itemRows > 0
-        ? compact
-            ? selectCompactAcceptanceRows(acceptanceItems, acceptanceSection.itemRows)
-            : selectAcceptanceRows(acceptanceItems, acceptanceSection.itemRows)
-        : { visible: [], hiddenAbove: 0, hiddenBelow: 0 };
-    const pct = snapshot.total > 0 ? Math.round((snapshot.doneCount / snapshot.total) * 100) : 0;
-    const gauge = buildGauge(pct, Math.max(4, width - CHROME_COLS - 2), theme, caps);
-    const complete = snapshot.doneCount === snapshot.total;
-    const countText = `${snapshot.doneCount}/${snapshot.total}`;
-    const showDone = complete && fitsDone(width, countText, 'TODO');
-    const count = `${countText}${showDone ? ' done' : ''}`;
-    // ONE CALL EACH: the text is both the header's right-hand cell and the width that
-    // cell is measured with, so computing it twice invites the two to drift.
-    const acceptanceCountLabel = acceptanceCountText(acceptance, width);
-    const acceptanceTone = acceptanceColor(acceptance, theme);
-    // The `summary` rung has NO `done` rung (§6.9.3): one muted line, or the error
-    // colour when something failed. Green is a verdict about a table the narrow rail is
-    // not showing, and claiming it in one line would be the only place in this feature
-    // where a colour says more than the text does.
-    const hasFailed = (acceptance?.failedCount ?? 0) > 0;
-    const acceptanceSummaryTone = hasFailed ? theme.toolError : theme.muted;
-    // `verify` collapses the step list to ONE row: every step is done, so seven rows
-    // of "completed" buy no information and cost the rows the eye needs (D-7). The
-    // marker cell is still reserved so the two sections stay column-aligned.
-    const showTodoItems = phase !== 'verify';
-    // THE `-N +M` FOOTER DESCRIBES A WINDOW THAT IS ON SCREEN. In `verify` the list is
-    // collapsed on purpose, so the marker would advertise rows the user cannot reach
-    // (`-0 +5` under "all steps complete" is the exact opposite of the sentence above
-    // it). The rows it would have occupied stay blank inside the fixed-height box.
-    const showCompactFooter = compactFooter && showTodoItems;
-    return (
-    // `flexShrink={0}` IS LOAD-BEARING (P1-4). Ink's `Box.defaultProps` is
-    // `{ flexWrap:'nowrap', flexDirection:'row', flexGrow:0, flexShrink:1 }`, so a
-    // `width={n}` box inside a shrinking row is SQUEEZED under pressure - and every
-    // piece of arithmetic in `rail.ts` silently becomes a suggestion at exactly the
-    // narrow widths where the guarantee matters. `ScrollIndicator` spells the same
-    // pair one level down. Height uses the same row budget as selection, so content
-    // cannot silently enlarge the middle band.
-    _jsxs(Box, { flexDirection: "column", flexShrink: 0, width: width, height: rows, overflow: "hidden", paddingLeft: 1, ...border, borderColor: theme.border, children: [_jsxs(Box, { flexDirection: "row", justifyContent: "space-between", children: [_jsx(Box, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsx(Text, { wrap: "truncate", color: theme.accent, bold: true, children: "TODO" }) }), _jsx(Box, { width: count.length, flexShrink: 0, children: _jsx(Text, { wrap: "truncate", color: complete ? theme.toolDone : theme.muted, children: count }) })] }), showGauge && (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: gauge.fillColor, children: gauge.filled }), _jsx(Text, { color: gauge.trackColor, children: gauge.empty })] })), !compact && _jsx(Text, { children: " " }), !compact && showTodoItems && todoWindow.hiddenAbove > 0 && (_jsxs(Text, { wrap: "truncate", color: theme.muted, children: ['   ', "+", todoWindow.hiddenAbove, " above"] })), showTodoItems && todoWindow.visible.map(({ item, index }) => {
-                const active = item.status === 'in_progress';
-                // The spinner is gated on `running`: a spinner while the agent is idle is a
-                // lie about the state of the world, and this panel outlives the run that
-                // filled it. Reduced motion and a non-Unicode terminal fall back to the same
-                // static marker, exactly as `AssistantEntry` and `TeamPanel` do.
-                const animate = active && running && !reducedMotion && caps.unicode;
-                return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { flexShrink: 0, width: MARKER_COLS, children: _jsx(Text, { color: rowColor(item, theme), bold: active, children: animate ? _jsx(Spinner, { type: "dots" }) : marker(item, glyphs) }) }), showIndex && (_jsx(Box, { flexShrink: 0, width: INDEX_COLS, children: _jsx(Text, { color: theme.muted, children: String(index + 1).padStart(2) }) })), _jsx(Box, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsx(Text, { wrap: "truncate", color: rowColor(item, theme), bold: active, children: active ? item.activeForm : item.content }) })] }, `${index}-${item.content}`));
-            }), phase === 'verify' && (_jsxs(Text, { wrap: "truncate", color: theme.muted, children: ['   ', "all steps complete"] })), showCompactFooter && (_jsxs(Text, { wrap: "truncate", color: theme.muted, children: ["-", todoWindow.hiddenAbove, " +", todoWindow.hiddenBelow] })), !compact && showTodoItems && todoWindow.hiddenBelow > 0 && (_jsxs(Text, { wrap: "truncate", color: theme.muted, children: ['   ', "+", todoWindow.hiddenBelow, " more"] })), acceptanceSection && acceptanceSection.reason === 'summary' && (_jsxs(Text, { wrap: "truncate", color: acceptanceSummaryTone, children: ['   ', "AC ", summaryCount(acceptance)] })), acceptanceSection && acceptanceSection.reason === 'visible' && (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "row", justifyContent: "space-between", children: [_jsx(Box, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsx(Text, { wrap: "truncate", color: theme.accent, bold: true, children: phase === 'verify' ? VERIFY_LABEL : ACCEPT_LABEL }) }), _jsx(Box, { width: acceptanceCountLabel.length, flexShrink: 0, children: _jsx(Text, { wrap: "truncate", color: acceptanceTone, children: acceptanceCountLabel }) })] }), acceptanceWindow.visible.map(({ item, index }) => {
-                        const active = item.status === 'in_progress';
-                        const animate = active && running && !reducedMotion && caps.unicode;
-                        return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { flexShrink: 0, width: MARKER_COLS + 1, children: _jsx(Text, { color: acceptanceRowColor(item, theme), bold: active, children: animate ? _jsx(Spinner, { type: "dots" }) : acceptanceMarker(item, glyphs) }) }), _jsx(Box, { flexGrow: 1, flexShrink: 1, overflow: "hidden", children: _jsx(Text, { wrap: "truncate", color: acceptanceRowColor(item, theme), bold: active, children: item.content }) })] }, `acc-${index}-${item.content}`));
-                    })] }))] }, glyphs.railVertical));
-}
-/**
- * Does the section's count fit beside its label? The same width guard the TODO
- * header uses for ` done`, so a narrow rail drops the suffix rather than the number.
- */
-function fitsDone(width, countText, label) {
-    return width - CHROME_COLS >= label.length + 1 + countText.length + ' done'.length;
-}
-/** `<checked>/<total>`, ` !<failed>`, and ` done` when every criterion passed. */
-function acceptanceCountText(acceptance, width) {
-    if (!acceptance)
-        return '';
-    const base = `${acceptance.checkedCount}/${acceptance.total}`;
-    const failed = acceptance.failedCount > 0 ? ` !${acceptance.failedCount}` : '';
-    const allPassed = acceptance.checkedCount === acceptance.total && acceptance.failedCount === 0;
-    const done = allPassed && fitsDone(width, base, VERIFY_LABEL) ? ' done' : '';
-    return `${base}${failed}${done}`;
-}
-/** The `summary` rung's single line: `2/5`, plus ` !1` when something failed. */
-function summaryCount(acceptance) {
-    if (!acceptance)
-        return '';
-    return `${acceptance.checkedCount}/${acceptance.total}` +
-        (acceptance.failedCount > 0 ? ` !${acceptance.failedCount}` : '');
-}
-/**
- * All passed reads as done, any failure reads as an error, everything else is
- * muted - the same three-rung colour ladder the TODO header uses.
- */
-function acceptanceColor(acceptance, theme) {
-    if (!acceptance)
-        return theme.muted;
-    if (acceptance.failedCount > 0)
-        return theme.toolError;
-    if (acceptance.total > 0 && acceptance.checkedCount === acceptance.total) {
-        return theme.toolDone;
-    }
-    return theme.muted;
-}

package/dist/ui/Transcript.d.ts

@@ -1,105 +0,0 @@
-/** Virtualized full-screen transcript and entry cards. */
-/** Virtualized full-screen transcript and shared entry cards. */
-import React from 'react';
-import { type Theme } from './theme.js';
-import type { TermCapabilities } from './capabilities.js';
-import { type DensityMode } from './density.js';
-import type { Entry } from '../agent/reducer.js';
-import { type TailSink } from './layout/follow-state.js';
-import type { HeightStore } from './use-height-store.js';
-interface TranscriptProps {
-    entries: Entry[];
-    expandedToolIds: Record<string, true>;
-    thinkingVisible: boolean;
-    reducedMotion: boolean;
-    density: DensityMode;
-    /**
-     * Wall-clock seconds, threaded from `App`'s existing 200 ms ticker, for the
-     * live tool card's stall row (agent-activity-presentation-live §3.3.4 / D-36).
-     *
-     * The entry map decides per entry whether to pass it on, and it
-     * may pass it unconditionally: `ToolCard` is `React.memo` with the default
-     * comparator, so a prop that changes every second on every card would defeat
-     * that boundary for the whole transcript.
-     */
-    nowSec?: number;
-    theme: Theme;
-    caps: TermCapabilities;
-}
-/**
- * The value `EntryView` should receive for `nowSec` on THIS entry.
- *
- * `undefined` for everything that is not a running tool, which is what keeps
- * every other card's memo boundary intact — `undefined === undefined` in the
- * comparator, on every frame, forever.
- *
- * EXPORTED for `ui/scrollback/LiveTail.tsx` (release-gate-and-native-panels §6.5), and
- * that is the whole of this feature's change to this file: the live region mounts the
- * same `EntryView` the transcript does, so it must feed it the same per-entry clock.
- * A copy of this rule in the band would be a second answer to "does this card tick?"
- * and the two would disagree the first time a consumer is added.
- */
-export declare function nowSecFor(entry: Entry, nowSec: number | undefined): number | undefined;
-export interface EntryViewProps {
-    entry: Entry;
-    /** Previous entry in the list; `undefined` for the first item. */
-    prev: Entry | undefined;
-    expanded: boolean;
-    thinkingVisible: boolean;
-    reducedMotion: boolean;
-    density: DensityMode;
-    theme: Theme;
-    caps: TermCapabilities;
-    /** Wall-clock seconds; set ONLY on a running tool entry (§3.3.4 / P1-3). */
-    nowSec?: number;
-}
-declare function EntryViewImpl({ entry, prev, expanded, thinkingVisible, reducedMotion, density, theme, caps, nowSec, }: EntryViewProps): React.ReactElement | null;
-/**
- * THE memo boundary that makes a long transcript cheap (L2 / R3).
- *
- * The comparator is written out rather than defaulted because `prev` is the one
- * prop whose identity matters for a reason the type does not show: it feeds
- * `separationRows`, so an entry whose PREDECESSOR changed kind must re-render
- * even though the entry itself did not.
- *
- * I-L2-1 — `theme` and `caps` are `useMemo`d in `App.tsx` and are therefore
- * referentially stable across frames. If a future change makes either a fresh
- * object per render, EVERY boundary below becomes a no-op AND NOTHING FAILS;
- * `render-memo.test.tsx` asserts that stability directly so the trap is a red
- * test rather than a silent regression.
- */
-export declare const EntryView: React.MemoExoticComponent<typeof EntryViewImpl>;
-export declare function TranscriptList({ entries, expandedToolIds, thinkingVisible, reducedMotion, density, nowSec, theme, caps, windowSize, cols, heights, mountedSink, tailSink, }: TranscriptProps & {
-    windowSize: number;
-    /** The viewport's own width — narrower than the terminal when the rail is up. */
-    cols: number;
-    heights: HeightStore;
-    /**
-     * Written during render with the number of entries actually mounted, for
-     * `/perf` (AC-9). A ref rather than a callback: a `setState` here would make
-     * observing the render budget cost a render.
-     */
-    mountedSink?: {
-        current: number;
-    };
-    /**
-     * Rows appended AT THE TAIL, published for `ScrollViewport`'s Rule A
-     * (tui-selection-and-scroll-follow §4.3.1a). THIS IS P0-1's FIX.
-     *
-     * It lives here because this is the only place that holds the per-entry height
-     * table, and therefore the only place that can tell "the agent produced output"
-     * apart from "an entry above changed height" or "the horizon dropped an entry
-     * off the front". Reacting to `measureElement(inner).height` instead conflates
-     * all three, breaks `virtual-window.ts`'s invariant V-4, and closes an
-     * offset → mounted-set → measured-height → offset loop.
-     *
-     * A REF WRITTEN DURING RENDER, exactly as `mountedSink` above is and for the
-     * same reason: a `setState` here would make observing the tail cost a render.
-     * If this sink ever needs more than that — a `setState`, or the geometry
-     * context — STOP AND RE-REVIEW: the loop above is open again, and the correct
-     * response is full entry anchoring (D-13's rejected alternative), not a larger
-     * sink.
-     */
-    tailSink?: TailSink;
-}): React.ReactElement;
-export {};