@aragon-agent/cli 0.6.7 → 0.6.9

package/dist/ui/PromptInput.js

@@ -19,10 +19,11 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * stays a plain `useState` because it is written from the debounced glob effect
  * rather than from a key.
  */
-import { useEffect, useLayoutEffect, useReducer, useRef, useState } from 'react';
+import { useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from 'react';
 import { Box, Text, useInput, useStdout } from 'ink';
 import { glob as tinyGlob } from 'tinyglobby';
 import { pickGlyphs } from './glyphs.js';
+import { PromptCaret } from './PromptCaret.js';
 import { recognize } from '../input/keymap.js';
 import { AutocompletePopup } from './AutocompletePopup.js';
 import { buildAutocompleteLayout } from './layout/autocomplete.js';
@@ -43,8 +44,8 @@ const CHIP_FULL_MIN_COLS = 64;
  * reads `999+`.
  */
 const CHIP_MAX_N = 999;
-/** `↓ 999+ new lines · PgDn` — the widest form the full branch can produce. */
-const CHIP_FULL_CELLS = 24;
+/** `↓ 999+ lines below · PgDn` — the widest form the full branch can produce. */
+const CHIP_FULL_CELLS = 27;
 /** `↓999+` — the widest form the terse branch can produce. */
 const CHIP_TERSE_CELLS = 6;
 /**
@@ -64,7 +65,7 @@ export function scrollChip(scrolledLines, cols, glyphs) {
     }
     const noun = n === 1 ? 'line' : 'lines';
     return {
-        text: `${glyphs.arrowDown} ${shown} new ${noun} ${glyphs.midDot} PgDn`,
+        text: `${glyphs.arrowDown} ${shown} ${noun} below ${glyphs.midDot} PgDn`,
         cells: CHIP_FULL_CELLS,
     };
 }
@@ -247,7 +248,7 @@ function isControlSeq(input) {
 // ---------------------------------------------------------------------------
 // Component
 // ---------------------------------------------------------------------------
-export function PromptInput({ isActive, running, history, commands, cwd, theme, caps, popupMaxRows, popupMaxHeight, onPopupRowsChange, agentMode, onSubmit, onHelp, bordered, onDraftChange, onNotice, scrolledLines = 0, }) {
+export function PromptInput({ cols: colsProp, cursorVisible = true, onInteraction, isActive, running, history, commands, cwd, theme, caps, popupMaxRows, popupMaxHeight, onPopupRowsChange, agentMode, onSubmit, onHelp, onEscape, onEscapeDismiss, reducedMotion = false, borderColor, onDraftChange, onNotice, scrolledLines = 0, }) {
     const { stdout } = useStdout();
     const [editor, dispatch] = useReducer(editorReducer, INITIAL_EDITOR_STATE);
     const { buffer, cursor, historyIndex, dismissed, sel } = editor;
@@ -314,23 +315,20 @@ export function PromptInput({ isActive, running, history, commands, cwd, theme,
     // Deriving it twice — once for the frame and once for the budget — is exactly
     // the trap `BottomStatusRow.tsx:5-27` documents.
     const glyphs = pickGlyphs(caps);
-    const cols = stdout?.columns ?? 80;
+    const cols = colsProp ?? stdout?.columns ?? 80;
     const terminalRows = stdout?.rows ?? 24;
-    // Full-screen only: inline mode has no self-drawn viewport, so `scrolledLines`
-    // is always 0 there and the branch is unreachable rather than merely unused.
-    // The guard is explicit so it stays that way.
-    const chip = bordered ? scrollChip(scrolledLines, cols, glyphs) : null;
+    const chip = scrollChip(scrolledLines, cols, glyphs);
     // Err NARROW. Wrapping wider than the box Ink gives us would make Ink wrap a
     // second time, and then `layout.rows.length` is a lie — which is the one thing
     // this module may not be.
-    const chromeCols = bordered ? 2 /* border */ + 2 /* paddingX */ + 2 /* marker */ : 2;
+    const chromeCols = 2 /* border */ + 2 /* paddingX */ + 2 /* marker */;
     const baseCols = Math.max(8, cols - chromeCols - (chip ? chip.cells + 1 : 0));
     const measure = (wrapCols) => layoutComposer({
         buffer,
         cursor,
         cols: wrapCols,
         maxRows: draftMaxRows(terminalRows),
-        active: isActive,
+        active: isActive && cursorVisible,
     });
     // TWO PASSES, AND THE SECOND ONE IS LOAD-BEARING (I-8). The overflow indicator
     // rides the last rendered row INSIDE the box the draft wraps in, so its cells
@@ -348,6 +346,7 @@ export function PromptInput({ isActive, running, history, commands, cwd, theme,
     const usableCols = overflows ? Math.max(8, baseCols - OVERFLOW_CELLS - 1) : baseCols;
     const layout = overflows ? measure(usableCols) : wide;
     const draftRowCount = Math.max(1, layout.rows.length);
+    const caretResetKey = useMemo(() => ({}), [buffer, cursor, isActive, usableCols]);
     // --- Draft presence and height, reported only on a transition. -----------
     // Notifying on every keystroke would re-render the whole App tree per key. The
     // row count changes on a line break or a wrap boundary, not per character
@@ -368,6 +367,7 @@ export function PromptInput({ isActive, running, history, commands, cwd, theme,
     // by line. Two dispatches from one key would put the legacy root back to two
     // commits and undo the whole of F3 for that branch.
     const insert = (text) => {
+        onInteraction?.();
         dispatch({ type: 'insert', text });
     };
     /**
@@ -379,6 +379,7 @@ export function PromptInput({ isActive, running, history, commands, cwd, theme,
      * needs. `clear` releases every payload in the same dispatch.
      */
     const submit = (text) => {
+        onInteraction?.();
         onSubmit(expandPastes(text, editor.pastes));
         dispatch({ type: 'clear' });
     };
@@ -404,6 +405,7 @@ export function PromptInput({ isActive, running, history, commands, cwd, theme,
         dispatch({ type: 'recall', buffer: value, cursor: value.length, historyIndex: idx });
     };
     const completeSelection = () => {
+        onInteraction?.();
         const chosen = popupItems[clampedSel];
         if (!chosen)
             return;
@@ -417,6 +419,7 @@ export function PromptInput({ isActive, running, history, commands, cwd, theme,
         }
     };
     const verticalOrHistory = (dir) => {
+        onInteraction?.();
         const moved = moveVertical(buffer, cursor, dir);
         if (moved) {
             dispatch({ type: 'moveCursor', cursor: moved.cursor });
@@ -441,13 +444,17 @@ export function PromptInput({ isActive, running, history, commands, cwd, theme,
         // appears with a popup open and is therefore easy to ship (AC-P3 / R-P2).
         if (key.tab && key.shift)
             return;
+        if (key.pageUp || key.pageDown || (key.shift && (key.upArrow || key.downArrow)))
+            return;
         // Popup navigation owns Up/Down/Tab/→/Enter/Esc while it is open.
         if (popupVisible) {
             if (key.upArrow) {
+                onInteraction?.();
                 dispatch({ type: 'select', sel: Math.max(0, clampedSel - 1) });
                 return;
             }
             if (key.downArrow) {
+                onInteraction?.();
                 dispatch({ type: 'select', sel: Math.min(popupItems.length - 1, clampedSel + 1) });
                 return;
             }
@@ -463,15 +470,19 @@ export function PromptInput({ isActive, running, history, commands, cwd, theme,
             }
             if (key.escape) {
                 dispatch({ type: 'dismiss' });
+                onEscapeDismiss?.();
                 return;
             }
             // Any other key falls through so typing keeps filtering the popup.
         }
-        if (key.escape)
-            return; // App owns abort / close-overlay.
+        if (key.escape) {
+            onEscape?.();
+            return;
+        }
         // Line-editing intents (Home/End/word/kill) recognized from raw keys.
         const intent = recognize(input, key);
         if (intent) {
+            onInteraction?.();
             const next = applyEdit(buffer, cursor, intent);
             dispatch({ type: 'replace', buffer: next.buffer, cursor: next.cursor });
             return;
@@ -489,6 +500,7 @@ export function PromptInput({ isActive, running, history, commands, cwd, theme,
             return;
         }
         if (key.backspace || key.delete) {
+            onInteraction?.();
             // The `cursor > 0` guard lives in the reducer now, so this branch is one
             // unconditional dispatch and a no-op at the left edge returns the same
             // state object — which React bails out on, exactly as the old
@@ -497,11 +509,15 @@ export function PromptInput({ isActive, running, history, commands, cwd, theme,
             return;
         }
         if (key.leftArrow) {
-            dispatch({ type: 'moveCursor', cursor: Math.max(0, cursor - 1) });
+            onInteraction?.();
+            const step = cursor >= 2 && (buffer.codePointAt(cursor - 2) ?? 0) > 0xffff ? 2 : 1;
+            dispatch({ type: 'moveCursor', cursor: Math.max(0, cursor - step) });
             return;
         }
         if (key.rightArrow) {
-            dispatch({ type: 'moveCursor', cursor: Math.min(buffer.length, cursor + 1) });
+            onInteraction?.();
+            const step = (buffer.codePointAt(cursor) ?? 0) > 0xffff ? 2 : 1;
+            dispatch({ type: 'moveCursor', cursor: Math.min(buffer.length, cursor + step) });
             return;
         }
         // `!key.shift` is load-bearing: Shift+↑/↓ is the viewport's line-scroll
@@ -539,6 +555,7 @@ export function PromptInput({ isActive, running, history, commands, cwd, theme,
                 onNotice?.('warn', refusal);
                 return;
             }
+            onInteraction?.();
             dispatch({ type: 'input', segments });
             return;
         }
@@ -549,7 +566,7 @@ export function PromptInput({ isActive, running, history, commands, cwd, theme,
     const marker = running ? glyphs.steer : glyphs.caret;
     const markerColor = running ? theme.toolRunning : theme.primary;
     const placeholder = running
-        ? `Type to steer the run, Esc to abort${glyphs.ellipsis}`
+        ? `Type to steer the run, Esc twice to interrupt${glyphs.ellipsis}`
         : agentMode === 'plan'
             ? `Describe what you want to build; I'll research and plan it first${glyphs.ellipsis}`
             : `Send a message (/ for commands, @ for files)${glyphs.ellipsis}`;
@@ -562,9 +579,9 @@ export function PromptInput({ isActive, running, history, commands, cwd, theme,
         // The caret is drawn as one inverse cell, split at the column
         // `layoutComposer` reported — the same width table it wrapped with (I-9).
         const split = splitRowAtColumn(row, layout.cursorCol);
-        return (_jsxs(_Fragment, { children: [renderSegments(split.before, `b${i}.`), _jsx(Text, { inverse: true, children: split.at ? split.at.text : ' ' }), renderSegments(split.after, `a${i}.`)] }));
+        return (_jsxs(_Fragment, { children: [renderSegments(split.before, `b${i}.`), _jsx(PromptCaret, { text: split.at ? split.at.text : ' ', active: isActive && cursorVisible, reducedMotion: reducedMotion, colorLevel: caps.colorLevel, resetKey: caretResetKey, color: split.at?.kind === 'token' ? tokenColor : undefined }), renderSegments(split.after, `a${i}.`)] }));
     });
-    const inputRow = (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: markerColor, bold: true, children: [marker, ' '] }), _jsx(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 1, children: buffer.length === 0 ? (_jsx(Text, { wrap: "truncate", color: theme.muted, children: placeholder })) : (rowNodes.map((node, i) => overflow && i === rowNodes.length - 1 ? (
+    const inputRow = (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: markerColor, bold: true, children: [marker, ' '] }), _jsx(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 1, children: buffer.length === 0 ? (_jsxs(Text, { wrap: "truncate", color: theme.muted, children: [_jsx(PromptCaret, { text: String.fromCodePoint(placeholder.codePointAt(0)), active: isActive && cursorVisible, reducedMotion: reducedMotion, colorLevel: caps.colorLevel, color: theme.muted, resetKey: caretResetKey }), placeholder.slice(String.fromCodePoint(placeholder.codePointAt(0)).length)] })) : (rowNodes.map((node, i) => overflow && i === rowNodes.length - 1 ? (
                 // The overflow indicator rides the LAST rendered row rather than
                 // taking one of its own: an extra row would put the composer's
                 // real height one above the `draftRows` it just reported (I-8).
@@ -579,5 +596,5 @@ export function PromptInput({ isActive, running, history, commands, cwd, theme,
             // the user is typing — `↓ 9` becomes `↓ 10` becomes `↓ 100` — and every
             // change would otherwise re-wrap a draft that fills the line.
             _jsx(Box, { flexShrink: 0, alignSelf: "flex-start", marginLeft: 1, width: chip.cells, justifyContent: "flex-end", children: _jsx(Text, { wrap: "truncate", color: theme.hintFg ?? theme.muted, children: chip.text }) }))] }));
-    return (_jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [popupVisible && (_jsx(AutocompletePopup, { items: popupItems, selected: clampedSel, theme: theme, caps: caps, maxRows: popupMaxRows, layout: popupLayout })), bordered ? (_jsx(Box, { flexDirection: "column", flexShrink: 0, borderStyle: glyphs.boxStyle, borderColor: bordered.color, paddingX: 1, children: inputRow })) : (inputRow)] }));
+    return (_jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [popupVisible && (_jsx(AutocompletePopup, { items: popupItems, selected: clampedSel, theme: theme, caps: caps, maxRows: popupMaxRows, layout: popupLayout })), (_jsx(Box, { flexDirection: "column", flexShrink: 0, borderStyle: glyphs.boxStyle, borderColor: borderColor, paddingX: 1, children: inputRow }))] }));
 }

package/dist/ui/StatusBar.d.ts

@@ -21,6 +21,7 @@ import type { UsageTotal } from '../agent/reducer.js';
 import type { ContextUsageSnapshot } from '../compaction/types.js';
 import { type AgentMode } from '../agent/agent-mode.js';
 interface StatusBarProps {
+    interruptHint?: string;
     model: string;
     provider: string;
     usageTotal: UsageTotal;
@@ -51,17 +52,6 @@ interface StatusBarProps {
      * Ctrl+L redraw carrier — invariant I-5 (spec §4.13). See `redrawChar`.
      */
     redrawNonce?: number;
-    /**
-     * The session mode. THIS IS THE GUARANTEED MODE INDICATOR (plan-mode §6.4 /
-     * P1-6): the composer chip disappears on a short terminal, under
-     * `hints: false`, and in inline render mode, but `StatusBar` renders in both
-     * `AppShell` branches and its left cluster has no opt-out and no width gate.
-     *
-     * Design intent, stated here so it survives a later refactor: the status bar
-     * must ALWAYS name a non-default mode; the chip may. Do not give this a
-     * `cols >= N` breakpoint, and do not move it into the right cluster — those
-     * children are flexible and drop characters under pressure.
-     */
     agentMode?: AgentMode;
     /** Non-null while a deferred `plan -> build` waits for `agent_end`. */
     pendingAgentMode?: AgentMode | null;

package/dist/ui/StatusBar.js

@@ -1,4 +1,5 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import stringWidth from 'string-width';
 import { Box, Text, useStdout } from 'ink';
 import { pickGlyphs } from './glyphs.js';
 import { formatCost, formatTokens, formatDuration, promptTokensOf } from '../agent/usage.js';
@@ -95,6 +96,11 @@ export function StatusBar(props) {
         : pendingAgentMode
             ? `${MODE_LABEL[agentMode]} ${glyphs.arrowRight} ${MODE_LABEL[pendingAgentMode]}`
             : MODE_LABEL[agentMode];
+    const actionHints = [running ? (props.interruptHint ?? 'Esc abort') : '',
+        servicesActive ? `Ctrl+C stop ${servicesActive.live}` : '',
+        scrolledLines > 0 ? 'PgDn down' : ''].filter(Boolean).join(' | ');
+    const hintCols = actionHints ? Math.min(Math.max(0, cols - 1), stringWidth(actionHints) + 2) : 0;
+    const detailCols = Math.max(0, cols - 1 - hintCols);
     return (
     // `flexShrink={0}` on the left cluster is not cosmetic. When the two clusters
     // over-subscribe the row, yoga shrinks the flexible children and Ink's text
@@ -102,11 +108,11 @@ export function StatusBar(props) {
     // and "? hel" rather than truncating cleanly at one end. Pinning the left
     // cluster keeps the run status and model intact and makes the degradation
     // land in one predictable place.
-    _jsxs(Box, { flexDirection: "row", justifyContent: "space-between", flexShrink: 0, children: [_jsxs(Box, { flexDirection: "row", flexShrink: 0, children: [_jsxs(Text, { color: running ? theme.toolRunning : theme.toolDone, children: [redrawChar(redrawNonce), statusGlyph, " ", running ? 'running' : 'idle'] }), modeWord && (_jsxs(Text, { color: theme.accent, bold: true, children: ['  ', modeWord] })), teamActive && (_jsxs(Text, { color: theme.toolRunning, bold: true, children: ['  ', cols >= TEAM_LIMITS.statusCompactCols
-                                ? `agents ${teamActive.running}/${teamActive.total}`
-                                : `[${teamActive.running}]`] })), retryActive && (_jsxs(Text, { color: theme.noticeWarn, bold: true, children: ['  ', formatRetryChip(retryActive, cols)] })), todoActive && (_jsxs(Text, { color: theme.accent, children: ['  ', cols >= TODO_LIMITS.statusCompactCols
-                                ? `todo ${todoActive.done}/${todoActive.total}`
-                                : `[${todoActive.done}/${todoActive.total}]`] })), servicesActive && (_jsxs(Text, { color: theme.accent, children: ['  ', cols >= PROC_LIMITS.statusCompactCols
-                                ? `svc ${servicesActive.live}`
-                                : `[${servicesActive.live}]`] })), cols >= 60 && (_jsxs(Text, { color: theme.muted, children: ['  ', provider, ":", model] })), thinkingLevel !== 'off' && cols >= 72 && (_jsxs(Text, { color: theme.accent, children: ["  think:", thinkingLevel] }))] }), _jsxs(Box, { flexDirection: "row", children: [compactionActive && cols >= COMPACTION_LIMITS.statusCompactCols && (_jsxs(Text, { color: compactionActive.inFlight ? theme.accent : theme.muted, children: [compactionActive.inFlight ? 'compacting' : 'compact', '  '] })), fastActive && cols >= FAST_LIMITS.statusCompactCols && (_jsxs(Text, { color: theme.muted, children: ["fast", fastActive.inFlight ? '*' : '', '  '] })), ecoRung > 0 && cols >= ECO_MIN_COLS && (_jsxs(Text, { color: theme.muted, children: ["eco", '  '] })), scrolledLines > 0 && (_jsxs(Text, { color: theme.noticeWarn, children: [glyphs.arrowUp, scrolledLines, '  '] })), cols >= 60 && (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: "[" }), _jsx(Text, { color: gauge.fillColor, children: gauge.filled }), _jsx(Text, { color: gauge.trackColor, children: gauge.empty }), _jsx(Text, { color: theme.muted, children: "] " })] })), _jsx(Text, { color: theme.muted, children: pctLabel }), cols >= ABSOLUTE_PAIR_MIN_COLS && (_jsxs(Text, { color: theme.muted, children: ["  ", absolutePair] })), cols >= SESSION_TOTAL_MIN_COLS && _jsxs(Text, { color: theme.muted, children: ["  ", tokens] }), _jsxs(Text, { color: theme.muted, children: ["  ", formatCost(usageTotal.costUsd)] }), running && (_jsxs(Text, { color: theme.muted, children: [tokPerSec > 0 && cols >= 72 ? `  ${tokPerSec} tok/s` : '', "  ", formatDuration(elapsedMs)] }))] })] }));
+    _jsxs(Box, { width: cols, flexDirection: "row", justifyContent: "space-between", flexShrink: 0, height: 1, overflow: "hidden", children: [_jsx(Box, { width: 1, flexShrink: 0, children: _jsx(Text, { children: redrawChar(redrawNonce) }) }), hintCols > 0 && (_jsx(Box, { width: hintCols, flexShrink: 0, overflow: "hidden", children: _jsxs(Text, { wrap: "truncate", color: theme.noticeWarn, children: [actionHints, '  '] }) })), _jsxs(Box, { display: detailCols > 0 ? 'flex' : 'none', width: detailCols, flexShrink: 0, flexDirection: "row", justifyContent: "space-between", overflow: "hidden", children: [_jsxs(Box, { flexDirection: "row", flexShrink: 0, overflow: "hidden", children: [_jsxs(Text, { color: running ? theme.toolRunning : theme.toolDone, children: [statusGlyph, " ", running ? 'running' : 'idle'] }), modeWord && (_jsxs(Text, { color: theme.accent, bold: true, children: ['  ', modeWord] })), teamActive && (_jsxs(Text, { color: theme.toolRunning, bold: true, children: ['  ', cols >= TEAM_LIMITS.statusCompactCols
+                                        ? `agents ${teamActive.running}/${teamActive.total}`
+                                        : `[${teamActive.running}]`] })), retryActive && (_jsxs(Text, { color: theme.noticeWarn, bold: true, children: ['  ', formatRetryChip(retryActive, cols)] })), todoActive && (_jsxs(Text, { color: theme.accent, children: ['  ', cols >= TODO_LIMITS.statusCompactCols
+                                        ? `todo ${todoActive.done}/${todoActive.total}`
+                                        : `[${todoActive.done}/${todoActive.total}]`] })), servicesActive && (_jsxs(Text, { color: theme.accent, children: ['  ', cols >= PROC_LIMITS.statusCompactCols
+                                        ? `svc ${servicesActive.live}`
+                                        : `[${servicesActive.live}]`] })), cols >= 60 && (cols >= 110 || (!running && !servicesActive && scrolledLines === 0)) && (_jsxs(Text, { color: theme.muted, children: ['  ', provider, ":", model] })), thinkingLevel !== 'off' && cols >= 72 && (_jsxs(Text, { color: theme.accent, children: ["  think:", thinkingLevel] }))] }), _jsxs(Box, { flexDirection: "row", children: [compactionActive && cols >= COMPACTION_LIMITS.statusCompactCols && (_jsxs(Text, { color: compactionActive.inFlight ? theme.accent : theme.muted, children: [compactionActive.inFlight ? 'compacting' : 'compact', '  '] })), fastActive && cols >= FAST_LIMITS.statusCompactCols && (_jsxs(Text, { color: theme.muted, children: ["fast", fastActive.inFlight ? '*' : '', '  '] })), ecoRung > 0 && cols >= ECO_MIN_COLS && (_jsxs(Text, { color: theme.muted, children: ["eco", '  '] })), scrolledLines > 0 && (_jsxs(Text, { color: theme.noticeWarn, children: [glyphs.arrowUp, scrolledLines, '  '] })), cols >= 60 && (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: "[" }), _jsx(Text, { color: gauge.fillColor, children: gauge.filled }), _jsx(Text, { color: gauge.trackColor, children: gauge.empty }), _jsx(Text, { color: theme.muted, children: "] " })] })), _jsx(Text, { color: theme.muted, children: pctLabel }), cols >= ABSOLUTE_PAIR_MIN_COLS && (_jsxs(Text, { color: theme.muted, children: ["  ", absolutePair] })), cols >= SESSION_TOTAL_MIN_COLS && _jsxs(Text, { color: theme.muted, children: ["  ", tokens] }), _jsxs(Text, { color: theme.muted, children: ["  ", formatCost(usageTotal.costUsd)] }), running && (_jsxs(Text, { color: theme.muted, children: [tokPerSec > 0 && cols >= 72 ? `  ${tokPerSec} tok/s` : '', "  ", formatDuration(elapsedMs)] }))] })] })] }));
 }

package/dist/ui/ToastStack.d.ts

@@ -1,24 +1,8 @@
-/**
- * Toast strip (spec §4.8). Ephemeral acks created by App/commands and
- * auto-dismissed by App's TTL effect; the reducer stays timer-free.
- *
- * In `fullscreen` this ALWAYS occupies exactly one row — an empty row when there
- * is nothing to say. Rendering conditionally would make the viewport height (and
- * therefore the whole transcript) jump every time a toast appears or expires.
- * There is deliberately no `rows` threshold: jitter is a layout property, not a
- * space property, and a short terminal suffers it proportionally MORE, so the
- * tier that most needs the fixed row is exactly the one a threshold would skip.
- * Only the newest toast is shown; older ones collapse into a `+N` counter.
- *
- * `inline` keeps the v0.2.0 conditional 0–3 row stack: without a fixed frame,
- * growing and shrinking is just normal document flow.
- */
+/** 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';
-import type { RenderMode } from './layout/frame.js';
-export declare function ToastStack({ toasts, theme, mode, }: {
+export declare function ToastStack({ toasts, theme, }: {
     toasts: Toast[];
     theme: Theme;
-    mode?: RenderMode;
 }): React.ReactElement | null;

package/dist/ui/ToastStack.js

@@ -1,6 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
-const MAX_VISIBLE = 3;
 function toastColor(level, theme) {
     switch (level) {
         case 'success':
@@ -25,14 +24,8 @@ function toastGlyph(level, theme) {
             return theme.symbols.info;
     }
 }
-export function ToastStack({ toasts, theme, mode = 'inline', }) {
-    if (mode === 'fullscreen') {
-        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: " " })) }));
-    }
-    const shown = toasts.slice(-MAX_VISIBLE);
-    if (shown.length === 0)
-        return null;
-    return (_jsx(Box, { flexDirection: "column", marginTop: 1, children: shown.map((t) => (_jsxs(Text, { color: toastColor(t.level, theme), children: [toastGlyph(t.level, theme), " ", t.text] }, t.id))) }));
+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/Transcript.d.ts

@@ -1,65 +1,23 @@
-/**
- * Transcript (spec §3.8). Splits the entry list into a settled prefix rendered
- * once into Ink's `<Static>` (native terminal scrollback, never re-rendered)
- * and a live tail rendered normally. This kills per-token full re-renders and
- * flicker on long/fast sessions.
- *
- * `computeSettledCount` is pure and exported for `transcript-static.test.ts`.
- * The settled boundary is held MONOTONIC at render time: a previously-settled
- * entry never leaves `<Static>` (which cannot un-print it) even if it later
- * becomes expanded, so the live tail can never duplicate a scrolled-off entry.
- *
- * `EntryView` is shared by both render paths ON PURPOSE (§4.3 / §12). Forking it
- * to freeze inline's v0.2.0 output would mean writing every future entry-layer
- * change twice and watching the two drift; inline is a degradation path, not a
- * parallel product. What inline still guarantees is its GEOMETRY contract — no
- * fixed frame, `<Static>` keeps the settled history, no private ANSI — not its
- * pixel-for-pixel appearance.
- *
- * Two things changed with tui-render-performance:
- *   - `EntryView` is `React.memo`'d with an explicit comparator (L2 / R3), which
- *     is only worth anything because `mapEntry` already preserves object
- *     identity for untouched entries;
- *   - `TranscriptList` (the FULL-SCREEN body) mounts only the entries inside the
- *     viewport and replaces the rest with two spacer boxes (L3 / R1), and the
- *     inline `Transcript` clamps its live region so `ink.js:121` is unreachable
- *     (L5 / R6).
- */
+/** 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 { RenderMode } from './layout/frame.js';
 import { type TailSink } from './layout/follow-state.js';
 import type { HeightStore } from './use-height-store.js';
-/**
- * Largest prefix length P such that `entries[0..P)` are all terminal, none is
- * within the last `LIVE_TAIL` entries, and none is currently expanded. Pure and
- * non-decreasing as entries terminalize (expanding a card can lower it — the
- * component clamps with a monotonic high-water mark to avoid Static duplication).
- */
-export declare function computeSettledCount(entries: Entry[], expandedToolIds: Record<string, true>): number;
 interface TranscriptProps {
     entries: Entry[];
     expandedToolIds: Record<string, true>;
     thinkingVisible: boolean;
     reducedMotion: boolean;
     density: DensityMode;
-    /**
-     * The render mode, threaded from `App` as a plain scalar prop.
-     *
-     * It decides whether the collapsed thinking marker may offer `ctrl+t` (D-16):
-     * inline prints settled entries into `<Static>`, which cannot re-print them.
-     * NOT read from a module-level singleton — `render-memo.test.tsx` asserts prop
-     * stability across frames, and a hidden read would be invisible to it.
-     */
-    mode: RenderMode;
     /**
      * 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).
      *
-     * BOTH MAP CALLBACKS BELOW DECIDE PER ENTRY WHETHER TO PASS IT ON, and neither
+     * 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.
@@ -76,15 +34,12 @@ export interface EntryViewProps {
     thinkingVisible: boolean;
     reducedMotion: boolean;
     density: DensityMode;
-    mode: RenderMode;
     theme: Theme;
     caps: TermCapabilities;
-    /** Inline mode only (L5); `undefined` in full-screen, which means no clamp. */
-    liveClampRows?: number;
     /** 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, mode, theme, caps, liveClampRows, nowSec, }: EntryViewProps): React.ReactElement | null;
+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).
  *
@@ -100,27 +55,7 @@ declare function EntryViewImpl({ entry, prev, expanded, thinkingVisible, reduced
  * test rather than a silent regression.
  */
 export declare const EntryView: React.MemoExoticComponent<typeof EntryViewImpl>;
-/**
- * Full-screen transcript body — the same entry renderers with NO `<Static>`.
- *
- * `<Static>` prints above the live frame; once the frame is `rows - 1` tall
- * there is exactly one visible line up there, so the mechanism stops being a
- * history view and starts being a leak. Full-screen therefore owns its history
- * inside `ScrollViewport` instead.
- *
- * `computeSettledCount` is deliberately NOT called here: its only job is to keep
- * an entry that already reached `<Static>` from flowing back into the live
- * region, and with no Static there is nothing to protect. The settled high-water
- * mark feeds nothing else — `/save` serializes `entries` in full — so leaving it
- * un-advanced has no side effect.
- *
- * VIRTUALISED (L3 / R1). `windowSize` is now the SCROLL HORIZON — how far back
- * the user can scroll — and no longer the rendering budget, because entries
- * outside the viewport are not mounted at all. What bounds the frame is
- * `selectWindow`, and the two spacers are what keep the scroll maths honest
- * while they are absent.
- */
-export declare function TranscriptList({ entries, expandedToolIds, thinkingVisible, reducedMotion, density, mode, nowSec, theme, caps, windowSize, cols, heights, mountedSink, tailSink, }: TranscriptProps & {
+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;
@@ -153,5 +88,4 @@ export declare function TranscriptList({ entries, expandedToolIds, thinkingVisib
      */
     tailSink?: TailSink;
 }): React.ReactElement;
-export declare function Transcript({ entries, expandedToolIds, thinkingVisible, reducedMotion, density, mode, nowSec, theme, caps, }: TranscriptProps): React.ReactElement;
 export {};