@deepseek-harness-tui/dsh-tui 0.10.0-beta.1 → 0.10.0-beta.2

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

@@ -4,7 +4,7 @@ import type { ChatRow } from '../dsh-adapter/channel.js';
 import type { DOMElement } from '../ink/dom.js';
 import { type TimelineSnapshot } from '../ink/timeline-rail.js';
 import type { ToolBackground } from '../tuiDisplayPrefs.js';
-export declare function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, streamViewToggledRows, onToggleStreamView, model, diffLayout, thinkingFold, toolBackground, foldTerminalCommand, activityFrames, showAll, onToggleAll, onLoadOlder, thinkingVisible, historyPaintEnabled, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, onTimeline, failureHintRowId, failureHint, onOpenSubagent, onOpenFile, }: {
+export declare function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, streamViewToggledRows, onToggleStreamView, model, diffLayout, thinkingFold, toolBackground, foldTerminalCommand, smoothStreaming, activityFrames, showAll, onToggleAll, onLoadOlder, thinkingVisible, historyPaintEnabled, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, onTimeline, failureHintRowId, failureHint, onOpenSubagent, onOpenFile, }: {
     rows: readonly ChatRow[];
     expanded: boolean;
     expandedRows: ReadonlySet<number>;
@@ -22,6 +22,10 @@ export declare function MessageList({ rows, expanded, expandedRows, selectedId,
     toolBackground?: ToolBackground;
     /** Terminal-card header folding from the live channel settings. */
     foldTerminalCommand?: boolean;
+    /** Smooth streaming reveal from the live channel settings (default off at
+     *  this layer — embedders and verify harnesses keep exact-paint behavior;
+     *  Chat passes the channel's `dsh-tui.smoothStreaming` value). */
+    smoothStreaming?: boolean;
     /** Working-activity preset name from the channel; drives the subagent
      *  card's running glyph so both indicators follow one setting. */
     activityFrames?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList.tsx"],"names":[],"mappings":"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"}

package/lib/types/components/MessageList.js

@@ -18,6 +18,7 @@ import { stripNarration } from '../utils/narration.js';
 import { stringWidth } from '../ink/stringWidth.js';
 import { truncateToWidth } from '../ink/truncateToWidth.js';
 import { clipPreview } from '../ink/timeline-rail.js';
+import { getRevealVersion, revealLengthOf, revealTextOf, subscribeReveal } from './smoothReveal.js';
 /**
  * Transcript rows rendered in the Claude Code visual language: user prompts
  * on a grey bubble with a `❯` pointer, assistant text with a `●` bullet and
@@ -55,6 +56,37 @@ const DEFAULT_HEADER_LINES = 14;
  *  toggle callback's deps never churn. */
 const NO_STREAM_VIEW_TOGGLED = new Set();
 const NOOP_TOGGLE_STREAM_VIEW = (_rowId) => { };
+// --- smooth-streaming display text -----------------------------------------
+// Render-phase reads of the shared reveal cursors (see smoothReveal.ts for
+// why the cursors live outside React). `active` gates cursor CREATION to
+// live-arrived content (streaming rows, live-settled rows marked `fresh`,
+// replayed history paints complete); once created, a cursor keeps revealing
+// until it catches up — settling mid-reveal must not snap (that is the
+// "non-streaming delivery becomes a smooth flow" contract).
+function assistantRevealText(row, enabled) {
+    const stripped = stripNarration(row.text);
+    return revealTextOf(`a${row.id}`, stripped, {
+        enabled,
+        active: row.streaming === true || row.fresh === true,
+    });
+}
+function reasoningRevealText(row, enabled) {
+    return revealTextOf(`r${row.id}`, row.text, { enabled, active: row.streaming === true });
+}
+/** Display length only (layout signature; no slice allocation). */
+function revealDisplayLen(row, enabled) {
+    if (row.kind === 'assistant') {
+        const stripped = stripNarration(row.text);
+        return revealLengthOf(`a${row.id}`, stripped, {
+            enabled,
+            active: row.streaming === true || row.fresh === true,
+        });
+    }
+    if (row.kind === 'reasoning') {
+        return revealLengthOf(`r${row.id}`, row.text, { enabled, active: row.streaming === true });
+    }
+    return row.text.length;
+}
 /**
  * Per-kind layout signature PARTS: the O(1) identity of every input that
  * decides a row's rendered HEIGHT (see sigRef in MessageList). Fields are
@@ -76,11 +108,13 @@ const NOOP_TOGGLE_STREAM_VIEW = (_rowId) => { };
  * (parts.slice()).
  */
 const signatureScratch = [];
-function signatureParts(row, columns, expanded, expandedRows, streamViewToggledRows, thinkingVisible, thinkingFold, diffLayout, foldTerminalCommand, model, failureHintRowId, failureHint) {
+function signatureParts(row, columns, expanded, expandedRows, streamViewToggledRows, thinkingVisible, thinkingFold, diffLayout, foldTerminalCommand, model, failureHintRowId, failureHint, displayTextLen) {
     signatureScratch.length = 0;
     // Universal height inputs: width reflows every row; kind switches height
-    // semantics wholesale; text length drives wrapping.
-    signatureScratch.push(columns, row.kind, row.text?.length ?? 0);
+    // semantics wholesale; text length drives wrapping. `displayTextLen` is the
+    // REVEALED length while smooth streaming is painting (the height follows
+    // what is on screen, not what has arrived).
+    signatureScratch.push(columns, row.kind, displayTextLen);
     switch (row.kind) {
         case 'assistant':
             // Streaming vs settled swaps renderers; Ctrl+O/per-row expand adds the
@@ -119,7 +153,7 @@ function signatureParts(row, columns, expanded, expandedRows, streamViewToggledR
     }
     return signatureScratch;
 }
-export function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, streamViewToggledRows = NO_STREAM_VIEW_TOGGLED, onToggleStreamView = NOOP_TOGGLE_STREAM_VIEW, model, diffLayout = 'auto', thinkingFold = 'preview', toolBackground = 'none', foldTerminalCommand = false, activityFrames, showAll, onToggleAll, onLoadOlder, thinkingVisible = true, historyPaintEnabled = true, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, onTimeline, failureHintRowId, failureHint, onOpenSubagent, onOpenFile, }) {
+export function MessageList({ rows, expanded, expandedRows, selectedId, onToggleRow, streamViewToggledRows = NO_STREAM_VIEW_TOGGLED, onToggleStreamView = NOOP_TOGGLE_STREAM_VIEW, model, diffLayout = 'auto', thinkingFold = 'preview', toolBackground = 'none', foldTerminalCommand = false, smoothStreaming = false, activityFrames, showAll, onToggleAll, onLoadOlder, thinkingVisible = true, historyPaintEnabled = true, registerRowRef, scrollHandle, forceMountRowId, newSinceRowId, onUnseenCount, onTimeline, failureHintRowId, failureHint, onOpenSubagent, onOpenFile, }) {
     const hiddenCount = rows.length - MAX_RENDERED_ROWS;
     // The thinking filter runs BEFORE virtualization so window indices line up.
     //
@@ -225,6 +259,13 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
     };
     // --- layout virtualization ---------------------------------------------
     const { columns, rows: termRows } = useTerminalSize();
+    // Smooth-reveal wakeups: the scheduler's tick bumps this store, re-running
+    // MessageList so the revealed `text`/line-count reads below feed fresh
+    // values through the same MemoRow-prop pipeline an arriving chunk uses —
+    // memo miss → re-render → post-commit height re-measure. Without this
+    // subscription a reveal living in child state would change row heights
+    // invisibly to the virtualization (stale cached heights → blank bands).
+    React.useSyncExternalStore(subscribeReveal, getRevealVersion);
     // Measured row heights, remembered after a row unmounts so virtualization
     // can compute total content height. Bounded: row ids grow monotonically
     // and rows are never removed from the transcript (foldRows keeps the
@@ -318,7 +359,7 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
             // reasoning height at once, remounting the widened window over rows
             // whose rendering never changed (Yoga spike + measure churn for
             // nothing). Base parts cover the universal height inputs.
-            const parts = signatureParts(row, columns, expanded, expandedRows, streamViewToggledRows, thinkingVisible, thinkingFold, diffLayout, foldTerminalCommand, model, failureHintRowId, failureHint);
+            const parts = signatureParts(row, columns, expanded, expandedRows, streamViewToggledRows, thinkingVisible, thinkingFold, diffLayout, foldTerminalCommand, model, failureHintRowId, failureHint, revealDisplayLen(row, smoothStreaming));
             const cachedParts = sigs.get(row.id);
             let same = false;
             if (cachedParts !== undefined && cachedParts.length === parts.length) {
@@ -832,7 +873,27 @@ export function MessageList({ rows, expanded, expandedRows, selectedId, onToggle
                 const addMargin = margins.get(row.id) === true;
                 const tool = row.tool;
                 const subagent = row.kind === 'subagent' ? row.subagent : undefined;
-                return (_jsx(MemoRow, { rowId: row.id, kind: row.kind, text: row.text, executionTarget: row.executionTarget, streaming: row.streaming === true, durationMs: row.durationMs, time: row.time, addMargin: addMargin, isSelected: selectedId === row.id, isExpanded: expandedRows.has(row.id), expanded: expanded, model: model, diffLayout: diffLayout, thinkingFold: thinkingFold, toolBackground: toolBackground, foldTerminalCommand: foldTerminalCommand, activityFrames: activityFrames, background: rowBackground(row.id), toolCallId: tool?.callId, toolName: tool?.name, toolArgsText: tool?.argsText, toolArgsFull: tool?.argsFull, toolStatus: tool?.status, toolResultText: tool?.resultText, toolResultFull: tool?.resultFull, toolErrorText: tool?.errorText, toolFootnote: failureHintRowId === row.id ? failureHint : undefined, toolCallView: tool?.callView, toolResultView: tool?.resultView, toolStartedAt: tool?.startedAt, toolDurationMs: tool?.durationMs, subagent: subagent, onToggleRow: onToggleRow, onToggleStreamView: onToggleStreamView, streamViewToggled: streamViewToggledRows.has(row.id), onOpenSubagent: onOpenSubagent, onOpenFile: onOpenFile, setRowRef: setRowRef }, row.id));
+                // Smooth reveal feeds the SAME flattened text prop a chunk feeds,
+                // and keeps the streaming layout alive until the reveal catches up
+                // (settling mid-reveal must not snap — a one-shot non-streaming
+                // delivery still paints as a flow).
+                let displayText = row.text;
+                let displayStreaming = row.streaming === true;
+                if (row.kind === 'assistant' && smoothStreaming) {
+                    const stripped = stripNarration(row.text);
+                    displayText = revealTextOf(`a${row.id}`, stripped, {
+                        enabled: true,
+                        active: displayStreaming || row.fresh === true,
+                    });
+                    displayStreaming = displayStreaming || displayText.length !== stripped.length;
+                }
+                else if (row.kind === 'assistant') {
+                    displayText = stripNarration(row.text);
+                }
+                else if (row.kind === 'reasoning' && smoothStreaming) {
+                    displayText = revealTextOf(`r${row.id}`, row.text, { enabled: true, active: displayStreaming });
+                }
+                return (_jsx(MemoRow, { rowId: row.id, kind: row.kind, text: displayText, textFull: row.kind === 'reasoning' ? row.text : undefined, executionTarget: row.executionTarget, streaming: displayStreaming, durationMs: row.durationMs, time: row.time, addMargin: addMargin, isSelected: selectedId === row.id, isExpanded: expandedRows.has(row.id), expanded: expanded, model: model, diffLayout: diffLayout, thinkingFold: thinkingFold, toolBackground: toolBackground, foldTerminalCommand: foldTerminalCommand, smoothStreaming: smoothStreaming, fresh: row.fresh === true, activityFrames: activityFrames, background: rowBackground(row.id), toolCallId: tool?.callId, toolName: tool?.name, toolArgsText: tool?.argsText, toolArgsFull: tool?.argsFull, toolStatus: tool?.status, toolResultText: tool?.resultText, toolResultFull: tool?.resultFull, toolErrorText: tool?.errorText, toolFootnote: failureHintRowId === row.id ? failureHint : undefined, toolCallView: tool?.callView, toolResultView: tool?.resultView, toolStartedAt: tool?.startedAt, toolDurationMs: tool?.durationMs, subagent: subagent, onToggleRow: onToggleRow, onToggleStreamView: onToggleStreamView, streamViewToggled: streamViewToggledRows.has(row.id), onOpenSubagent: onOpenSubagent, onOpenFile: onOpenFile, setRowRef: setRowRef }, row.id));
             }), bottomPad > 0 && _jsx(Box, { height: bottomPad, flexShrink: 0 })] }));
 }
 /** Load-earlier / show-previous divider row with a mouse hover tint — the
@@ -841,7 +902,7 @@ function ClickableDivider({ title, onClick }) {
     const [hovered, setHovered] = useState(false);
     return (_jsx(Box, { marginTop: 1, onClick: onClick, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), backgroundColor: hovered ? 'userMessageBackgroundHover' : undefined, children: _jsx(Divider, { title: title }) }));
 }
-function TranscriptRow({ rowId, kind, text, executionTarget, streaming, durationMs, time, addMargin, isSelected, isExpanded, expanded, model, diffLayout, thinkingFold, toolBackground, foldTerminalCommand, activityFrames, background, toolCallId, toolName, toolArgsText, toolArgsFull, toolStatus, toolResultText, toolResultFull, toolErrorText, toolFootnote, toolCallView, toolResultView, toolStartedAt, toolDurationMs, subagent, onToggleRow, onToggleStreamView, streamViewToggled, onOpenSubagent, onOpenFile, setRowRef, }) {
+function TranscriptRow({ rowId, kind, text, textFull, executionTarget, streaming, durationMs, time, addMargin, isSelected, isExpanded, expanded, model, diffLayout, smoothStreaming, fresh, thinkingFold, toolBackground, foldTerminalCommand, activityFrames, background, toolCallId, toolName, toolArgsText, toolArgsFull, toolStatus, toolResultText, toolResultFull, toolErrorText, toolFootnote, toolCallView, toolResultView, toolStartedAt, toolDurationMs, subagent, onToggleRow, onToggleStreamView, streamViewToggled, onOpenSubagent, onOpenFile, setRowRef, }) {
     const ref = React.useCallback((el) => {
         setRowRef(rowId, el);
     }, [setRowRef, rowId]);
@@ -878,7 +939,7 @@ function TranscriptRow({ rowId, kind, text, executionTarget, streaming, duration
             // or per-row transcript expansion always wins and shows the full text.
             const streamPreview = streaming && !expanded && !isExpanded &&
                 (streamViewToggled ? thinkingFold === 'full' : thinkingFold === 'preview');
-            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(AssistantThinkingMessage, { thinking: text, addMargin: addMargin, streaming: streaming, preview: streamPreview, 
+            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(AssistantThinkingMessage, { thinking: text, textFull: textFull, addMargin: addMargin, streaming: streaming, preview: streamPreview, 
                     // Settled rows keep the fold-on-settle default and expand via
                     // expandedRows/Ctrl+O; a live row is always preview or full.
                     verbose: isExpanded || expanded || (streaming && !streamPreview), durationMs: durationMs, isSelected: isSelected, onClick: streaming ? streamViewOnClick : foldOnClick }) }));
@@ -907,7 +968,7 @@ function TranscriptRow({ rowId, kind, text, executionTarget, streaming, duration
                 startedAt: toolStartedAt,
                 durationMs: toolDurationMs,
             };
-            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(AssistantToolUseMessage, { tool: tool, addMargin: addMargin, verbose: isExpanded || expanded, isSelected: isSelected, isExpanded: isExpanded, footnote: toolFootnote, diffLayout: diffLayout, toolBackground: toolBackground, foldTerminalCommand: foldTerminalCommand, onClick: foldOnClick, onOpenFile: onOpenFile }) }));
+            return (_jsx(Box, { flexDirection: "column", ref: ref, children: _jsx(AssistantToolUseMessage, { tool: tool, addMargin: addMargin, verbose: isExpanded || expanded, isSelected: isSelected, isExpanded: isExpanded, footnote: toolFootnote, diffLayout: diffLayout, toolBackground: toolBackground, smoothReveal: smoothStreaming, fresh: fresh, foldTerminalCommand: foldTerminalCommand, onClick: foldOnClick, onOpenFile: onOpenFile }) }));
         }
         case 'notice':
             return (_jsx(Box, { marginTop: 1, ref: ref, children: _jsx(Divider, { title: ` ${text} ` }) }));

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

@@ -3,7 +3,7 @@ import type { ToolFileDiff } from '../dsh-adapter/channel.js';
 export { chalkFromToken } from '../cc/syntaxTheme.js';
 export { parseAnsiRuns, highlightLines } from '../cc/syntaxRuns.js';
 import type { ToolBackground } from '../tuiDisplayPrefs.js';
-export declare function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground, }: {
+export declare function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground, reveal, }: {
     readonly diffs: readonly ToolFileDiff[];
     /** Content width available to the whole two-pane block (divider included). */
     readonly width: number;
@@ -11,5 +11,15 @@ export declare function SplitDiffView({ diffs, width, maxRows, verbose, toolBack
     readonly maxRows: number;
     readonly verbose: boolean;
     readonly toolBackground?: ToolBackground;
+    /**
+     * Smooth-streaming participation (the card owning this view computes
+     * eligibility): when present, the capped row list reveals line-by-line at
+     * the shared ~30fps cadence instead of painting as one block. The `+N
+     * lines` fold hint stays rendered throughout — it describes the cap, not
+     * the reveal.
+     */
+    readonly reveal?: {
+        readonly key: string;
+    };
 }): React.ReactNode;
 //# sourceMappingURL=SplitDiffView.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SplitDiffView.d.ts","sourceRoot":"","sources":["../../../src/components/SplitDiffView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAO7D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAGnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAuR3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,cAAuB,GACxB,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAA;IACvC,8EAA8E;IAC9E,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,qEAAqE;IACrE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,cAAc,CAAC,EAAE,cAAc,CAAA;CACzC,GAAG,KAAK,CAAC,SAAS,CAkFlB"}
+{"version":3,"file":"SplitDiffView.d.ts","sourceRoot":"","sources":["../../../src/components/SplitDiffView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAO7D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAGnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAwR3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,cAAuB,EACvB,MAAM,GACP,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAA;IACvC,8EAA8E;IAC9E,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,qEAAqE;IACrE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,cAAc,CAAC,EAAE,cAAc,CAAA;IACxC;;;;;;OAMG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CAC3C,GAAG,KAAK,CAAC,SAAS,CAwFlB"}

package/lib/types/components/SplitDiffView.js

@@ -11,6 +11,7 @@ export { chalkFromToken } from '../cc/syntaxTheme.js';
 export { parseAnsiRuns, highlightLines } from '../cc/syntaxRuns.js';
 import { getTheme } from '../theme.js';
 import { useTheme } from './design-system/ThemeProvider.js';
+import { revealLinesOf } from './smoothReveal.js';
 /** Replace tabs so width math and alignment hold (pi convention). */
 const expandTabs = (text) => text.replaceAll('\t', '   ');
 /**
@@ -210,7 +211,7 @@ function PaneLine({ side, kind, width, tone, toolBackground, padLeft = false, })
     const prefix = padLeft ? ` ${marker}` : marker;
     return (_jsxs(Box, { width: width, flexShrink: 0, backgroundColor: backgroundColor, children: [_jsx(Text, { dimColor: true, backgroundColor: backgroundColor, children: `${prefix} ` }), side === undefined ? (_jsx(Text, { backgroundColor: backgroundColor, children: " " })) : (_jsx(Text, { wrap: "truncate", backgroundColor: backgroundColor, children: side.segments.map((segment, index) => segment.changed ? (_jsx(Text, { color: wordColor, bold: true, backgroundColor: backgroundColor, children: segment.text }, index)) : (_jsx(Text, { color: segment.color, backgroundColor: backgroundColor, children: segment.text }, index))) }))] }));
 }
-export function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground = 'none', }) {
+export function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground = 'none', reveal, }) {
     const [hl, setHl] = React.useState(null);
     React.useEffect(() => {
         let mounted = true;
@@ -243,6 +244,12 @@ export function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground =
     const capped = verbose || totalRows <= maxRows || totalRows - maxRows === 1;
     const visible = capped ? rows : rows.slice(0, maxRows);
     const hidden = totalRows - visible.length;
+    // Smooth reveal reads happen during render (the owning card subscribes to
+    // the scheduler's version, so its re-render drives this view too).
+    const revealedRows = reveal !== undefined
+        ? revealLinesOf(reveal.key, visible.length, { enabled: true, active: true })
+        : visible.length;
+    const shown = revealedRows >= visible.length ? visible : visible.slice(0, revealedRows);
     const paneWidth = Math.max(20, Math.floor((width - 1) / 2));
     // Whole-hunk highlight per file (multi-line lexer state preserved);
     // only the visible rows merge syntax runs with word flags below.
@@ -253,7 +260,7 @@ export function SplitDiffView({ diffs, width, maxRows, verbose, toolBackground =
             next: highlightLines(expandTabs(diff.newText), language, hl, syntaxTheme, themeSig),
         };
     });
-    return (_jsxs(Box, { flexDirection: "column", width: paneWidth * 2 + 1, children: [visible.map((row, index) => {
+    return (_jsxs(Box, { flexDirection: "column", width: paneWidth * 2 + 1, children: [shown.map((row, index) => {
                 if ('separator' in row) {
                     return (_jsx(Box, { width: paneWidth * 2 + 1, children: _jsx(Text, { dimColor: true, wrap: "truncate", children: row.separator === '⋯' ? '⋯' : `  ${row.separator}` }) }, index));
                 }

package/lib/types/components/design-system/Divider.d.ts

@@ -31,14 +31,19 @@ type DividerProps = {
  * A horizontal divider line, optionally with a title in the middle
  * (in the Claude Code visual language).
  *
- * The rule fills the width Yoga actually grants it: the stretched Box is
- * measured after layout (SearchBox pattern — a resize re-layouts without
- * any prop change, so measure on every commit; the setState is a no-op
- * when the width is unchanged) and the terminal column count only seeds
- * the first frame. A full-terminal-width rule nested in a narrower
+ * The rule fills the width Yoga actually grants it: the Box is measured
+ * after layout (SearchBox pattern — a resize re-layouts without any prop
+ * change, so measure on every commit) and the terminal column count only
+ * seeds the first frame. A full-terminal-width rule nested in a narrower
  * container (e.g., the transcript beside the 2-column timeline rail)
  * would otherwise wrap onto a second row.
  *
+ * Because the rendered rule width feeds back into the width Yoga grants
+ * the Box, the measurement negotiation is bounded per terminal-width
+ * generation (MAX_APPLIED_MEASUREMENTS below): a non-converging layout
+ * degrades to a frozen, truncated rule instead of tripping React's max
+ * update depth (error #185, a hard process crash).
+ *
  * @example
  * // ─────────── Title ───────────
  * <Divider title="Title" />

package/lib/types/components/design-system/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAOhE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAE3C,KAAK,YAAY,GAAG;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,KAAK,CAAA;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,IAAU,EACV,OAAW,EACX,KAAK,GACN,EAAE,YAAY,GAAG,KAAK,CAAC,SAAS,CAsChC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAOhE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAE3C,KAAK,YAAY,GAAG;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,KAAK,CAAA;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AASD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,IAAU,EACV,OAAW,EACX,KAAK,GACN,EAAE,YAAY,GAAG,KAAK,CAAC,SAAS,CAqEhC"}

package/lib/types/components/design-system/Divider.js

@@ -5,18 +5,29 @@ import Text from '../../ink/components/Text.js';
 import measureElement from '../../ink/measure-element.js';
 import { stringWidth } from '../../ink/stringWidth.js';
 import { useTerminalSize } from '../../ink/hooks/use-terminal-size.js';
+// Upper bound on distinct measurements applied per terminal-width
+// generation. Converging layouts apply one or two; a non-converging
+// context (content-sized Box, or a sibling negotiating space the same
+// way) would keep changing the measured width once per commit forever,
+// so freeze well before the reconciler's 50-nested-update limit.
+const MAX_APPLIED_MEASUREMENTS = 8;
 /**
  * A horizontal divider line, optionally with a title in the middle
  * (in the Claude Code visual language).
  *
- * The rule fills the width Yoga actually grants it: the stretched Box is
- * measured after layout (SearchBox pattern — a resize re-layouts without
- * any prop change, so measure on every commit; the setState is a no-op
- * when the width is unchanged) and the terminal column count only seeds
- * the first frame. A full-terminal-width rule nested in a narrower
+ * The rule fills the width Yoga actually grants it: the Box is measured
+ * after layout (SearchBox pattern — a resize re-layouts without any prop
+ * change, so measure on every commit) and the terminal column count only
+ * seeds the first frame. A full-terminal-width rule nested in a narrower
  * container (e.g., the transcript beside the 2-column timeline rail)
  * would otherwise wrap onto a second row.
  *
+ * Because the rendered rule width feeds back into the width Yoga grants
+ * the Box, the measurement negotiation is bounded per terminal-width
+ * generation (MAX_APPLIED_MEASUREMENTS below): a non-converging layout
+ * degrades to a frozen, truncated rule instead of tripping React's max
+ * update depth (error #185, a hard process crash).
+ *
  * @example
  * // ─────────── Title ───────────
  * <Divider title="Title" />
@@ -25,13 +36,46 @@ export function Divider({ width, color, char = '─', padding = 0, title, }) {
     const { columns } = useTerminalSize();
     const [measuredWidth, setMeasuredWidth] = useState(null);
     const boxRef = useRef(null);
+    // Measurement feedback guard: the rule width rendered from
+    // `measuredWidth` feeds back into the width Yoga grants the Box, so
+    // the measured value can drift or ping-pong without ever converging —
+    // one setState per commit then trips React's max update depth (error
+    // #185) and kills the process. Apply at most MAX_APPLIED_MEASUREMENTS
+    // distinct widths per terminal-width generation and freeze once a
+    // value repeats (A→B→A). truncate-end keeps an over-wide frozen rule
+    // on one row, so freezing degrades gracefully; a resize (columns
+    // change) reopens the negotiation.
+    const negotiation = useRef({ columns, applied: [], frozen: false });
     useLayoutEffect(() => {
         const node = boxRef.current;
         if (!node)
             return;
+        const state = negotiation.current;
+        if (state.columns !== columns) {
+            state.columns = columns;
+            state.applied = [];
+            state.frozen = false;
+            // The current Yoga layout was rendered from the previous terminal
+            // width. Clear it and let the next render seed from the new columns;
+            // measuring this stale pass would keep a grown terminal permanently
+            // pinned to its old narrow width.
+            setMeasuredWidth(null);
+            return;
+        }
+        if (state.frozen)
+            return;
         const w = measureElement(node).width;
-        if (w > 0)
-            setMeasuredWidth(prev => (prev === w ? prev : w));
+        if (w <= 0)
+            return;
+        const applied = state.applied;
+        if (w === applied[applied.length - 1])
+            return;
+        if (applied.includes(w) || applied.length >= MAX_APPLIED_MEASUREMENTS) {
+            state.frozen = true;
+            return;
+        }
+        applied.push(w);
+        setMeasuredWidth(w);
     });
     const available = measuredWidth ?? columns;
     const lineWidth = Math.max(0, Math.min(available, width ?? columns) - padding);

package/lib/types/components/messages/AssistantThinkingMessage.d.ts

@@ -2,6 +2,11 @@ import React from 'react';
 import type { ClickEvent } from '../../ink/events/click-event.js';
 type Props = {
     thinking: string;
+    /** The FULL un-revealed text (reasoning rows under smooth streaming):
+     *  `thinking` carries the revealed slice the expanded body paints, while
+     *  the live preview ticker must follow the newest ARRIVED content — never
+     *  a lagging reveal. Falls back to `thinking`. */
+    textFull?: string;
     /** Adds the top margin between messages (CC: addMargin). */
     addMargin: boolean;
     /** Show the full text (Ctrl+O, per-row expansion, or live click toggle). */
@@ -29,6 +34,6 @@ type Props = {
  * (`⚓ Thinking · 12s …`) — dsh-tui's take on making thinking time visible in
  * the transcript.
  */
-export declare function AssistantThinkingMessage({ thinking, addMargin, verbose, streaming, preview, durationMs, isSelected, onClick, }: Props): React.ReactNode;
+export declare function AssistantThinkingMessage({ thinking, textFull, addMargin, verbose, streaming, preview, durationMs, isSelected, onClick, }: Props): React.ReactNode;
 export {};
 //# sourceMappingURL=AssistantThinkingMessage.d.ts.map

package/lib/types/components/messages/AssistantThinkingMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantThinkingMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantThinkingMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAUjE,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,OAAO,EAAE,OAAO,CAAA;IAChB;;4CAEwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;8EAE0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAClC,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAiB,EACjB,OAAe,EACf,UAAU,EACV,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAkIzB"}
+{"version":3,"file":"AssistantThinkingMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantThinkingMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAUjE,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB;;;sDAGkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,OAAO,EAAE,OAAO,CAAA;IAChB;;4CAEwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;8EAE0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAClC,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAiB,EACjB,OAAe,EACf,UAAU,EACV,UAAkB,EAClB,OAAO,GACR,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAuIzB"}

package/lib/types/components/messages/AssistantThinkingMessage.js

@@ -25,9 +25,13 @@ const PREVIEW_ROWS = 3;
  * (`⚓ Thinking · 12s …`) — dsh-tui's take on making thinking time visible in
  * the transcript.
  */
-export function AssistantThinkingMessage({ thinking, addMargin, verbose, streaming = false, preview = false, durationMs, isSelected = false, onClick, }) {
+export function AssistantThinkingMessage({ thinking, textFull, addMargin, verbose, streaming = false, preview = false, durationMs, isSelected = false, onClick, }) {
     if (!thinking)
         return null;
+    // The preview ticker tracks the newest ARRIVED line (smooth streaming must
+    // not lag it behind the reveal); the expanded body below paints `thinking`
+    // — the revealed slice under smooth streaming, the full text otherwise.
+    const tickerText = textFull ?? thinking;
     // Spinner frame (80ms cadence, only while the reasoning is still
     // streaming — same pattern as BtwPanel's answering spinner).
     const [frame, setFrame] = React.useState(0);
@@ -64,7 +68,7 @@ export function AssistantThinkingMessage({ thinking, addMargin, verbose, streami
         // from the start (leading ellipsis) so the newest tokens — which grow
         // at the line's end — stay visible while the line is longer than the
         // width.
-        const lines = thinking.split('\n');
+        const lines = tickerText.split('\n');
         const visible = lines.slice(-PREVIEW_ROWS);
         const clipped = lines.length > visible.length;
         // Pad with single spaces — an empty-string Text renders with zero

package/lib/types/components/messages/AssistantToolUseMessage.d.ts

@@ -45,6 +45,18 @@ type Props = {
      * `+N lines` hint; verbose/expanded cards render the full title.
      */
     foldTerminalCommand?: boolean;
+    /**
+     * Smooth streaming reveal (settings `dsh-tui.smoothStreaming`): the card
+     * BODY (diff hunks / write content — model-authored prose, not tool
+     * output) paints through an even ~30fps line reveal when it first appears,
+     * instead of one jarring block. Only the pending CALL view animates; the
+     * settled result view paints complete (real output is progress, not
+     * prose), and so do replayed cards.
+     */
+    smoothReveal?: boolean;
+    /** Live-arrived row (channel `fresh`): gates reveal participation —
+     *  replayed cards must paint complete. */
+    fresh?: boolean;
 };
 export declare function toolNameColor(raw: string): keyof Theme;
 /**
@@ -53,6 +65,6 @@ export declare function toolNameColor(raw: string): keyof Theme;
  * output, read content — instead of the raw result dump (mirroring Claude Code's `AssistantToolUseMessage.tsx` + the dsh-tools presentation views the
  * channel captures per call).
  */
-export declare function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected, isExpanded, onClick, footnote, diffLayout, toolBackground, onOpenFile, foldTerminalCommand, }: Props): React.ReactNode;
+export declare function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected, isExpanded, onClick, footnote, diffLayout, toolBackground, onOpenFile, foldTerminalCommand, smoothReveal, fresh, }: Props): React.ReactNode;
 export {};
 //# sourceMappingURL=AssistantToolUseMessage.d.ts.map

package/lib/types/components/messages/AssistantToolUseMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssistantToolUseMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantToolUseMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAA8C,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAMvG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAEjE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACjC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IACzC,2EAA2E;IAC3E,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAsFD,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,CAKtD;AA+OD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,SAAS,EACT,OAAO,EACP,UAAkB,EAClB,UAAkB,EAClB,OAAO,EACP,QAAQ,EACR,UAAmB,EACnB,cAAuB,EACvB,UAAU,EACV,mBAA2B,GAC5B,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CA6MzB"}
+{"version":3,"file":"AssistantToolUseMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/AssistantToolUseMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAA8C,OAAO,EAAE,MAAM,8BAA8B,CAAA;AAMvG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAGjE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;IACb,4DAA4D;IAC5D,SAAS,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,OAAO,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACjC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;IACzC,2EAA2E;IAC3E,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;8CAC0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAsFD,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,CAKtD;AA+OD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,SAAS,EACT,OAAO,EACP,UAAkB,EAClB,UAAkB,EAClB,OAAO,EACP,QAAQ,EACR,UAAmB,EACnB,cAAuB,EACvB,UAAU,EACV,mBAA2B,EAC3B,YAAoB,EACpB,KAAa,GACd,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS,CAiOzB"}

package/lib/types/components/messages/AssistantToolUseMessage.js

@@ -9,6 +9,7 @@ import { SplitDiffView } from '../SplitDiffView.js';
 import { SyntaxText } from '../SyntaxText.js';
 import { useTooltip } from '../Tooltip.js';
 import { formatDuration } from '../../cc/format.js';
+import { getRevealVersion, revealLinesOf, snapReveal, subscribeReveal } from '../smoothReveal.js';
 /** Tool display names: DSH emits lowercase tool ids (`bash`); Claude Code
  *  shows capitalized names (`Bash`). Map the common ones, fall back to the
  *  id with its first letter uppercased. */
@@ -269,7 +270,11 @@ function HeaderTitle({ name, title, isTerminal, folded, displayArgs, argsLanguag
  * output, read content — instead of the raw result dump (mirroring Claude Code's `AssistantToolUseMessage.tsx` + the dsh-tools presentation views the
  * channel captures per call).
  */
-export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected = false, isExpanded = false, onClick, footnote, diffLayout = 'auto', toolBackground = 'none', onOpenFile, foldTerminalCommand = false, }) {
+export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected = false, isExpanded = false, onClick, footnote, diffLayout = 'auto', toolBackground = 'none', onOpenFile, foldTerminalCommand = false, smoothReveal = false, fresh = false, }) {
+    // Reveal-frame wakeups: the shared scheduler bumps its version, which
+    // re-renders this card even while MemoRow props hold still (the reveal
+    // lives outside React — see smoothReveal.ts).
+    React.useSyncExternalStore(subscribeReveal, getRevealVersion);
     const isRunning = tool.status === 'running';
     const isError = tool.status === 'error';
     const displayArgs = verbose ? tool.argsFull ?? tool.argsText : tool.argsText;
@@ -334,6 +339,21 @@ export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected =
     // long error body must not be the reason it disappears.
     const lines = capLines(body, cap, verbose);
     const rendered = footnote === undefined ? lines : [...lines, { text: footnote, tone: 'hint' }];
+    // Smooth reveal (line-unit, pending CALL body only): model-authored prose
+    // (diff hunks, write content) flows in at ~30fps; the settled RESULT view,
+    // error bodies, verbose/expanded cards, and replayed (non-fresh) cards all
+    // paint complete. `snapReveal` on every non-revealable render retires a
+    // cursor the moment its card stops qualifying (result arrived, user
+    // expanded) — idempotent, safe during render.
+    const revealKey = `tool:${tool.callId}`;
+    const revealable = smoothReveal && !isError && isRunning && view !== undefined &&
+        tool.resultView === undefined && !verbose && !isExpanded && fresh;
+    if (!revealable)
+        snapReveal(revealKey);
+    const revealedLineCount = revealable
+        ? revealLinesOf(revealKey, rendered.length, { enabled: true, active: true })
+        : rendered.length;
+    const shownLines = revealedLineCount >= rendered.length ? rendered : rendered.slice(0, revealedLineCount);
     // Nested split-diff context panes must also yield to interaction highlights.
     // `none` leaves them transparent so the selected/expanded root shows through.
     const ordinaryToolBackground = isSelected || isExpanded ? 'none' : toolBackground;
@@ -355,7 +375,7 @@ export function AssistantToolUseMessage({ tool, addMargin, verbose, isSelected =
     return (_jsx(Box, { ref: viewportRef, flexDirection: "row", justifyContent: "space-between", marginTop: addMargin ? 1 : 0, width: "100%", onClick: onClick, 
         // Only selection paints a highlight; the configured treatment applies
         // to an ordinary card. Diff line tints stay - they are content, not chrome.
-        backgroundColor: isSelected ? 'messageActionsBackground' : hoverTint ? 'toolCardBackground' : ordinaryBackground, onMouseEnter: interactive ? () => setHovered(true) : undefined, onMouseLeave: interactive ? () => setHovered(false) : undefined, children: _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { flexDirection: "row", flexWrap: "nowrap", minWidth: minWidth, children: [_jsx(ToolUseLoader, { shouldAnimate: isRunning, isUnresolved: isRunning, isError: isError, toolName: tool.name }), _jsx(HeaderTitle, { name: name, title: headerTitle, isTerminal: headerIsTerminal, folded: foldedHeader, displayArgs: displayArgs, argsLanguage: argsLanguage, nameColor: toolNameColor(tool.name), filePath: filePath, onOpenFile: onOpenFile }), !isRunning && (_jsx(Box, { flexWrap: "nowrap", children: _jsx(Text, { dimColor: !hovered, children: elapsedText }) })), hovered && (_jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, children: isExpanded ? '▴' : '▾' }) }))] }), useSplitDiff && view?.card === 'diff' ? (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: GUTTER_FIRST }) }), _jsx(SplitDiffView, { diffs: view.diffs, width: columns - 4, maxRows: DIFF_BODY_MAX_LINES, verbose: verbose, toolBackground: ordinaryToolBackground })] })) : (rendered.map((line, index) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { color: line.tone === 'add'
+        backgroundColor: isSelected ? 'messageActionsBackground' : hoverTint ? 'toolCardBackground' : ordinaryBackground, onMouseEnter: interactive ? () => setHovered(true) : undefined, onMouseLeave: interactive ? () => setHovered(false) : undefined, children: _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Box, { flexDirection: "row", flexWrap: "nowrap", minWidth: minWidth, children: [_jsx(ToolUseLoader, { shouldAnimate: isRunning, isUnresolved: isRunning, isError: isError, toolName: tool.name }), _jsx(HeaderTitle, { name: name, title: headerTitle, isTerminal: headerIsTerminal, folded: foldedHeader, displayArgs: displayArgs, argsLanguage: argsLanguage, nameColor: toolNameColor(tool.name), filePath: filePath, onOpenFile: onOpenFile }), !isRunning && (_jsx(Box, { flexWrap: "nowrap", children: _jsx(Text, { dimColor: !hovered, children: elapsedText }) })), hovered && (_jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, children: isExpanded ? '▴' : '▾' }) }))] }), useSplitDiff && view?.card === 'diff' ? (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { dimColor: true, children: GUTTER_FIRST }) }), _jsx(SplitDiffView, { diffs: view.diffs, width: columns - 4, maxRows: DIFF_BODY_MAX_LINES, verbose: verbose, toolBackground: ordinaryToolBackground, reveal: revealable ? { key: `${revealKey}:split` } : undefined })] })) : (shownLines.map((line, index) => (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { width: 3, flexShrink: 0, children: _jsx(Text, { color: line.tone === 'add'
                                     ? 'diffAddedWord'
                                     : line.tone === 'del'
                                         ? 'diffRemovedWord'