@agi-fans/dsh-tui 0.19.0 → 0.20.0

package/lib/views/transcript-render.js

@@ -12,12 +12,12 @@ import { renderCopySelector } from "./copy-selector.js";
 import { renderSettings } from "./settings-list.js";
 import { renderTrajectory } from "./trajectory.js";
 import { renderAgentHub } from "./agent-hub.js";
-import { renderPlanReviewPage, renderPromptSelector, renderPromptSelectorPage, } from "./prompt-selector.js";
+import { renderImagePreviewPage, renderPlanReviewPage, renderPromptSelector, renderPromptSelectorPage, renderPromptTreePage, } from "./prompt-selector.js";
 import { resolveStatusBarConfig } from "../chrome/status-config.js";
 import { renderPermissionBadge, renderStatusFooter } from "../chrome/status-line.js";
-import { createTheme, SPINNER, SYMBOL, BOX } from "../chrome/theme.js";
+import { createTheme, paintSurface, SPINNER, SYMBOL, BOX } from "../chrome/theme.js";
 import { renderGoalBar } from "../chrome/goal-bar.js";
-import { charWidth, padToWidth, stripAnsi, truncateToWidth, visibleWidth, wrapText } from "../chrome/width.js";
+import { padToWidth, stripAnsi, truncateToWidth, visibleWidth, wrapText } from "../chrome/width.js";
 import { alignFileDiffs, wrapPaintedDiffRows, } from "../chrome/diff-render.js";
 import { workspaceBlockLines } from "./workspace-changes.js";
 import { renderTool, toolArgSubject } from "../chrome/tool-renderers.js";
@@ -26,7 +26,6 @@ import { renderToolsPanel } from "../chrome/tools-list.js";
 import { renderCommandOutput, renderCommandSeparator } from "../chrome/command-output.js";
 import { renderPathMentionRows } from "../chrome/path-mentions.js";
 import { blockMatchesQuery, transcriptSearchHint } from "./transcript-search.js";
-import { DEFAULT_FOLD_DENSITY, foldPolicy, foldPolicyKey } from "../session/fold-policy.js";
 import { contentToText, prettyArgs, reasoningKey, } from "./transcript-types.js";
 function isBlockPending(block) {
     return (block.kind === 'assistant' && block.streaming) || (block.kind === 'tool' && block.status === 'running');
@@ -116,9 +115,9 @@ function userBubble(text, theme, width) {
     // anything else on the screen.
     return rows.map((row, index) => {
         if (row === '')
-            return theme.colors ? theme.bg('userMessageBg', padToWidth('', width)) : padToWidth('', width);
+            return paintSurface(theme, 'userMessageBg', 'userMessageText', padToWidth('', width));
         const content = padToWidth((index === 1 ? gutter : '') + row, width);
-        return theme.colors ? theme.bg('userMessageBg', content) : content;
+        return paintSurface(theme, 'userMessageBg', 'userMessageText', content);
     });
 }
 function toolIcon(status, theme, spinnerFrame) {
@@ -171,7 +170,7 @@ function toolFailureFact(output, command, fact) {
  * Errors reserve space for their reason; full commands and output stay in the
  * expanded block. Process rows share an 80-cell measure and right padding.
  */
-function toolRowLine(block, theme, width, spinnerFrame, showSubject = true, indent = '', elapsed) {
+function toolRowLine(block, theme, width, spinnerFrame) {
     const presentation = renderTool({
         name: block.name,
         arguments: prettyArgs(block.args),
@@ -184,7 +183,7 @@ function toolRowLine(block, theme, width, spinnerFrame, showSubject = true, inde
     // A PTC sub-call ran inside a program, not because the model asked for it
     // directly. Indenting says that without a second visual vocabulary, and the
     // width budget shrinks to match so the row still ends at the same column.
-    const nest = indent + (block.parentCallId === undefined ? '' : '  ');
+    const nest = block.parentCallId === undefined ? '' : '  ';
     // No gutter column. A settled successful call carries no mark at all — a
     // column of identical bullets says only that the row above exists — and the
     // two that remain are the states a reader has to act on: motion while the
@@ -193,19 +192,18 @@ function toolRowLine(block, theme, width, spinnerFrame, showSubject = true, inde
     const head = nest + mark;
     const room = processRoom(width, head);
     const label = processLabel(block.name);
-    const detail = toolRowSubject(block, presentation, label);
-    const subject = showSubject ? detail : '';
+    const subject = toolRowSubject(block, presentation, label);
     const args = toolArgsObject(block.args);
     const call = block.presentation?.call;
     const description = args?.['description'] ?? (call?.card === 'terminal' ? call.description : undefined);
-    const descriptionLed = showSubject && (COMMAND_TOOL.test(block.name) || call?.card === 'terminal')
+    const descriptionLed = (COMMAND_TOOL.test(block.name) || call?.card === 'terminal')
         && typeof description === 'string' && description.trim() !== '';
     // The echo a failure skips is the command line, which a description-led row
     // no longer carries as its subject.
-    const argCommand = toolArgsObject(block.args)?.['command'];
+    const argCommand = args?.['command'];
     const command = typeof argCommand === 'string'
         ? argCommand
-        : block.presentation?.call?.card === 'terminal' ? presentation.input[0] ?? detail : detail;
+        : block.presentation?.call?.card === 'terminal' ? presentation.input[0] ?? subject : subject;
     const fact = block.status === 'error'
         ? firstLineOf(block.job !== undefined && block.job.status !== 'completed'
             ? block.job.detail ?? block.job.status
@@ -216,14 +214,9 @@ function toolRowLine(block, theme, width, spinnerFrame, showSubject = true, inde
     // as a separate column that belonged to no row in particular. It is reserved
     // first so a long subject cannot push it off; a failure gets the larger
     // share, because its fact is the reason the reader stopped.
-    // The running clock is reserved before either of them: a call that has been
-    // running is what the reader is waiting on, and a subject that pushed its age
-    // off the row would leave the one live number in the transcript unreported.
-    const clock = elapsed === undefined || elapsed === '' ? '' : theme.dim(elapsed);
-    const clockRoom = clock === '' ? 0 : visibleWidth(clock) + ROW_JOIN.length;
     const factShare = block.status === 'error' ? 0.5 : 1 / 3;
-    const factRoom = Math.min(visibleWidth(fact), Math.floor(Math.max(1, room - clockRoom) * factShare));
-    const afterFact = Math.max(1, room - clockRoom - (factRoom === 0 ? 0 : factRoom + ROW_JOIN.length));
+    const factRoom = Math.min(visibleWidth(fact), Math.floor(Math.max(1, room) * factShare));
+    const afterFact = Math.max(1, room - (factRoom === 0 ? 0 : factRoom + ROW_JOIN.length));
     const labelRoom = descriptionLed ? 0 : Math.min(visibleWidth(label), afterFact);
     const detailRoom = descriptionLed ? afterFact : afterFact - labelRoom - ROW_JOIN.length;
     const labelText = descriptionLed ? '' : truncateToWidth(label, Math.max(1, labelRoom));
@@ -235,9 +228,7 @@ function toolRowLine(block, theme, width, spinnerFrame, showSubject = true, inde
     // A failure is the one line in a run that has to stay findable while scrolling
     // past, so its fact carries the error colour rather than the row's dim.
     const tail = tailText === '' ? '' : block.status === 'error' ? theme.fg('error', tailText) : theme.dim(tailText);
-    const clockText = clock === '' || text === '' && tailText === '' ? clock
-        : clock === '' ? '' : ROW_JOIN + clock;
-    return [padToWidth(truncateToWidth(head + theme.fg('muted', text) + tail + clockText, Math.max(1, width - 2)), width)];
+    return [padToWidth(truncateToWidth(head + theme.fg('muted', text) + tail, Math.max(1, width - 2)), width)];
 }
 /** Separator between a process subject and its outcome. */
 const ROW_JOIN = ' · ';
@@ -379,10 +370,8 @@ function toolBlockLines(block, theme, width, mode = 'preview', detailsKey = 'Alt
     if (block.job !== undefined)
         rows.push(...wrapText(theme.fg(block.status === 'error' ? 'error' : 'muted', `Job ${block.job.id} · ${block.job.detail ?? block.job.status}`), room));
     const bg = block.status === 'running' ? 'toolPendingBg' : block.status === 'error' ? 'toolErrorBg' : 'toolSuccessBg';
-    return ['', ...rows, ''].map(row => theme.bg(bg, padToWidth(' '.repeat(padding + nest) + row, width)));
+    return ['', ...rows, ''].map(row => paintSurface(theme, bg, 'toolOutput', padToWidth(' '.repeat(padding + nest) + row, width)));
 }
-/** How wide a preview may grow before it is cut even at a sentence end. */
-const PREVIEW_CELLS = 96;
 function firstLineOf(text) {
     for (const line of text.split('\n')) {
         const trimmed = line.trim();
@@ -391,91 +380,9 @@ function firstLineOf(text) {
     }
     return '';
 }
-/**
- * The first whole sentence of a line, or the line cut to a readable width.
- *
- * Taking the first *line* of a thought produced a run-on clause that always ran
- * off the right edge and always ended in an ellipsis, so a long turn came back
- * as a wall of identically truncated rows. A sentence is the unit a reader can
- * hold, and it is usually short enough to fit without a mark saying it was cut.
- * Prose that never closes on a sentence falls back to a width, and says so.
- */
-function firstSentenceOf(line) {
-    const limit = Math.min(visibleWidth(line), PREVIEW_CELLS);
-    // The running width is accumulated rather than re-measured per character. A
-    // thought paragraph runs to thousands of characters, and re-measuring the
-    // prefix on every step made looking for a sentence that is not there
-    // quadratic — the common case, since most thoughts do not close on one.
-    let widthSoFar = 0;
-    for (let at = 1; at < line.length; at += 1) {
-        const char = line[at];
-        const next = line[at + 1];
-        widthSoFar += charWidth(line.charCodeAt(at));
-        const wide = char === '\u3002' || char === '\uff01' || char === '\uff1f';
-        const closes = wide || char === '.' || char === '!' || char === '?';
-        // A full stop inside an ellipsis, a version tag or a decimal is not an end.
-        // A CJK stop is never followed by a space, so it ends wherever it stands.
-        const endsHere = closes && (wide || next === undefined || SENTENCE_FOLLOWER.test(next));
-        if (!endsHere || widthSoFar > limit)
-            continue;
-        // A sentence that closes inside a quotation takes the closing mark with it;
-        // cutting before it leaves the row with an opening quote and no partner.
-        let end = at + 1;
-        while (end < line.length && CLOSING_MARK.test(line[end]))
-            end += 1;
-        return line.slice(0, end).trimEnd();
-    }
-    return truncateToWidth(line, Math.max(1, limit));
-}
-const SENTENCE_FOLLOWER = /[\s"'\u201d\u2019)\]\u300d\u300f]/u;
-const CLOSING_MARK = /["'\u201d\u2019)\]\u300d\u300f]/u;
-/**
- * Sentences that carry no content on their own.
- *
- * A model opens a thought with an acknowledgement — `Good.`, `Hmm.`, `Now,` —
- * far more often than a writer would, and a preview that stops there reads as
- * a row of noise down the run. Skipping them costs nothing: the next sentence
- * is the one the acknowledgement was introducing.
- */
-const FILLER_SENTENCE = /^(good|great|ok|okay|hmm+|now|so|right|alright|yes|interesting|perfect|done|nice)[\s.!,:;\u2014-]*$/iu;
-/** The first sentence of a line that says something, skipping acknowledgements. */
-function firstTellingSentenceOf(line) {
-    let rest = line;
-    for (let hop = 0; hop < 3; hop += 1) {
-        const sentence = firstSentenceOf(rest);
-        const after = rest.slice(sentence.length).trim();
-        if (!FILLER_SENTENCE.test(sentence) || after === '')
-            return sentence;
-        rest = after;
-    }
-    return firstSentenceOf(rest);
-}
-/**
- * One-line preview of a reasoning run.
- *
- * Slicing the raw text would show half a sentence and then rewrite it under the
- * reader's eyes on the next token. A paragraph is the unit the model actually
- * finishes, so the preview advances to the first line of the last *completed*
- * paragraph and waits there until another one closes; before any paragraph has
- * closed there is nothing safe to show, and the row says so. Once the block
- * settles there is no incomplete tail to avoid, so the whole text's first line
- * is used. Inline markers are stripped because the row is prose, not rendered
- * markdown: leaving them reads as stray punctuation in a plain line.
- */
-export function reasoningPreview(text, streaming) {
-    const clean = text.replaceAll('**', '').replaceAll('`', '').trim();
-    if (clean === '')
-        return '';
-    if (!streaming)
-        return firstTellingSentenceOf(firstLineOf(clean));
-    const paragraphs = clean.split(/\n[ \t]*\n/u).map(paragraph => paragraph.trim()).filter(paragraph => paragraph !== '');
-    if (paragraphs.length < 2)
-        return '';
-    return firstTellingSentenceOf(firstLineOf(paragraphs[paragraphs.length - 2] ?? ''));
-}
 /** Thinking uses the same quiet Markdown style throughout the turn. */
-function openReasoningLines(block, theme, width) {
-    return assistantMarkdown(block.reasoning, theme, width, { color: 'thinkingText', italic: true });
+function openReasoningLines(block, theme, width, mathMode = 'auto') {
+    return assistantMarkdown(block.reasoning, theme, width, { color: 'thinkingText', italic: true, mathMode });
 }
 /** The block indexes a run shows as rows, in order: its members, then the thought it took from its answer. */
 function groupMembers(group) {
@@ -498,15 +405,15 @@ function groupMemberLines(index, context, thoughtOnly = false) {
     const block = blocks[index];
     // Search must reveal a match even when it falls outside a tool's normal preview.
     const full = block.kind === 'tool' && (context.matches.has(index) || options.expandedTools?.has(block.callId) === true);
-    const signature = [width, options.colors, context.trueColor, context.themeName, thoughtOnly, full, options.toolDetailsKey].join('\0');
+    const signature = [width, options.colors, context.trueColor, context.themeName, options.mathMode, options.mermaidMode, thoughtOnly, full, options.toolDetailsKey].join('\0');
     const cached = groupMemberCache.get(block);
     let lines;
     if (cached?.signature === signature)
         lines = cached.lines;
     else {
         lines = block.kind === 'tool' ? toolBlockLines(block, theme, width, full ? 'details' : 'preview', options.toolDetailsKey)
-            : block.kind === 'assistant' ? thoughtOnly ? openReasoningLines(block, theme, width)
-                : blockLines(block, theme, width, 0, false, true)
+            : block.kind === 'assistant' ? thoughtOnly ? openReasoningLines(block, theme, width, options.mathMode)
+                : blockLines(block, theme, width, { mathMode: options.mathMode ?? 'auto', mermaidMode: options.mermaidMode ?? 'auto' })
                 : block.kind === 'notice' ? blockLines(block, theme, width) : [];
         groupMemberCache.set(block, { signature, lines });
     }
@@ -553,24 +460,28 @@ export function formatElapsed(ms) {
     return `${Math.floor(minutes / 60)}h ${minutes % 60}m`;
 }
 /** A completed turn's duration and any failures remain visible when folded. */
-function processGroupHeader(group, theme, width, elapsed) {
+function processGroupHeader(group, theme, width, elapsed, expandKey = 'Ctrl+O') {
     const label = elapsed === undefined ? 'Worked' : `Worked for ${elapsed}`;
     const failure = group.failures === 0 ? '' : theme.fg('error', ` · ${group.failures} failed`);
     const labelRoom = Math.max(1, width - 4 - visibleWidth(failure));
-    return [padToWidth(truncateToWidth(`${SYMBOL.folded} ${theme.fg('dim', truncateToWidth(label, labelRoom))}${failure}`, Math.max(1, width - 2)), width)];
+    const summary = `${SYMBOL.folded} ${theme.fg('dim', truncateToWidth(label, labelRoom))}${failure}`;
+    const hint = ` · ${expandKey} to expand`;
+    const suffix = expandKey !== 'Disabled' && visibleWidth(summary) + visibleWidth(hint) <= width - 2
+        ? theme.fg('dim', hint) : '';
+    return [padToWidth(truncateToWidth(summary + suffix, Math.max(1, width - 2)), width)];
 }
 /**
  * Render a block for the transcript or plain printer. Full output is available
- * to direct callers; turn inspection uses previews. Legacy positional options
- * remain accepted, and omitReasoning excludes thinking already drawn by a run.
+ * to direct callers; turn inspection uses previews. omitReasoning excludes
+ * thinking already drawn by a run.
  */
-export function blockLines(block, theme, width, _spinnerFrame = 0, toolsExpanded = false, _reasoningExpanded = false, _toolSubject = true, omitReasoning = false, toolDetailsKey = 'Alt+O') {
+export function blockLines(block, theme, width, { toolsExpanded = false, omitReasoning = false, toolDetailsKey = 'Alt+O', mathMode = 'auto', mermaidMode = 'auto' } = {}) {
     if (block.kind === 'user')
         return userBubble(block.text, theme, width);
     if (block.kind === 'assistant') {
         const lines = [];
         if (block.reasoning !== '' && !omitReasoning) {
-            lines.push(...openReasoningLines(block, theme, width));
+            lines.push(...openReasoningLines(block, theme, width, mathMode));
             if (block.text !== '')
                 lines.push('');
         }
@@ -579,7 +490,7 @@ export function blockLines(block, theme, width, _spinnerFrame = 0, toolsExpanded
             lines.push(...assistantContentLines([theme.fg('dim', '…')], width, paddingX));
         }
         else if (block.text !== '') {
-            lines.push(...assistantMarkdown(block.text, theme, width, hasExplicitTextColor(theme) ? { color: 'text' } : undefined));
+            lines.push(...assistantMarkdown(block.text, theme, width, { ...(hasExplicitTextColor(theme) ? { color: 'text' } : {}), mathMode, mermaidMode }));
         }
         if (block.interrupted === true) {
             const paddingX = width > ASSISTANT_PADDING_X * 2 ? ASSISTANT_PADDING_X : 0;
@@ -690,74 +601,71 @@ function fitFrame(lines, width, stablePrefix = 0) {
 const transcriptBodyCache = new WeakMap();
 /** Settled immutable blocks keep their expensive Markdown/tool layout. */
 const blockLinesCache = new WeakMap();
-function cachedBlockLines(block, options, theme, themeName, trueColor, spinnerFrame, expanded, reasoningExpanded, toolSubject, omitReasoning = false) {
-    const animatedSpinnerFrame = block.kind === 'tool' && block.status === 'running' ? spinnerFrame : -1;
+function cachedBlockLines(block, options, theme, themeName, trueColor, expanded, omitReasoning = false) {
     const cached = blockLinesCache.get(block);
     if (cached !== undefined
         && cached.width === options.width
         && cached.colors === options.colors
         && cached.trueColor === trueColor
         && cached.themeName === themeName
-        && cached.spinnerFrame === animatedSpinnerFrame
         && cached.expanded === expanded
-        && cached.reasoningExpanded === reasoningExpanded
-        && cached.toolSubject === toolSubject
         && cached.omitReasoning === omitReasoning
+        && cached.mathMode === options.mathMode
+        && cached.mermaidMode === options.mermaidMode
         && cached.toolDetailsKey === options.toolDetailsKey
         && cached.toolDetails === (block.kind === 'tool' && options.expandedTools?.has(block.callId) === true))
         return cached.lines;
     const toolDetails = block.kind === 'tool' && options.expandedTools?.has(block.callId) === true;
     const lines = block.kind === 'tool' && toolDetails
         ? toolBlockLines(block, theme, options.width, 'details', options.toolDetailsKey)
-        : blockLines(block, theme, options.width, spinnerFrame, expanded, reasoningExpanded, toolSubject, omitReasoning, options.toolDetailsKey);
+        : blockLines(block, theme, options.width, { toolsExpanded: expanded, omitReasoning, toolDetailsKey: options.toolDetailsKey ?? 'Alt+O', mathMode: options.mathMode ?? 'auto', mermaidMode: options.mermaidMode ?? 'auto' });
     blockLinesCache.set(block, {
+        mathMode: options.mathMode,
+        mermaidMode: options.mermaidMode,
         toolDetailsKey: options.toolDetailsKey,
         toolDetails,
         width: options.width,
         colors: options.colors,
         trueColor,
         themeName,
-        spinnerFrame: animatedSpinnerFrame,
         expanded,
-        reasoningExpanded,
-        toolSubject,
         omitReasoning,
         lines,
     });
     return lines;
 }
-/** A phrase that does not inflect reads the same at one and at many. */
-const flat = (phrase) => () => phrase;
-/** The only inflection a title needs: one call, or more than one. */
-const plural = (one, many) => (count) => (count === 1 ? one : many);
-const PROCESS_CATEGORIES = [
-    { match: /^read$/, label: 'Read file', noun: plural('read', 'reads'), phrase: plural('Read a file', 'Read files') },
-    { match: /^(read_image|readImage)$/, label: 'View image', noun: plural('image', 'images'), phrase: plural('Looked at an image', 'Looked at images') },
-    { match: /^(write|notebook_edit|apply_patch)$/, label: 'Write file', noun: plural('write', 'writes'), phrase: plural('Wrote a file', 'Wrote files') },
-    { match: /^(edit|multi_edit|str_replace_editor)$/, label: 'Edit file', noun: plural('edit', 'edits'), phrase: plural('Edited a file', 'Edited files') },
-    { match: /^(grep|glob|list_dir|search)$/, label: 'Search code', noun: plural('search', 'searches'), phrase: flat('Searched the code') },
-    { match: /^(bash|shell|pwsh|exec|write_stdin)$/, label: 'Run command', noun: plural('command', 'commands'), phrase: plural('Ran a command', 'Ran commands') },
-    { match: /^(run_code)$/, label: 'Run code', noun: plural('program', 'programs'), phrase: flat('Ran code') },
-    { match: /^(web_search)$/, label: 'Search web', noun: plural('web search', 'web searches'), phrase: flat('Searched the web') },
-    { match: /^(web_fetch)$/, label: 'Fetch page', noun: plural('page', 'pages'), phrase: plural('Visited a page', 'Visited pages') },
+/**
+ * What a stretch of the transcript was doing, as a short English label.
+ *
+ * Status strings are English until a language layer exists, so every label a
+ * reader can see is resolved from this one table rather than spelled into the
+ * rendering code. A tool with no family is reported by its own name, which is
+ * still more informative than dropping it.
+ */
+const PROCESS_LABELS = [
+    { match: /^read$/, label: 'Read file' },
+    { match: /^(read_image|readImage)$/, label: 'View image' },
+    { match: /^(write|notebook_edit|apply_patch)$/, label: 'Write file' },
+    { match: /^(edit|multi_edit|str_replace_editor)$/, label: 'Edit file' },
+    { match: /^(grep|glob|list_dir|search)$/, label: 'Search code' },
+    { match: /^(bash|shell|pwsh|exec|write_stdin)$/, label: 'Run command' },
+    { match: /^(run_code)$/, label: 'Run code' },
+    { match: /^(web_search)$/, label: 'Search web' },
+    { match: /^(web_fetch)$/, label: 'Fetch page' },
     {
         match: /^(subagent|subagent_fork|subagent_isolated|agent|ralph|workflow_run)$/, label: 'Run subagent',
-        noun: plural('subagent', 'subagents'),
-        phrase: plural('Coordinated a subagent', 'Coordinated subagents'),
     },
     {
         match: /^(session_search|session_trace|session_event_read|session_event_search|session_event_trace)$/,
-        label: 'Search sessions', noun: plural('session search', 'session searches'), phrase: flat('Searched past sessions'),
+        label: 'Search sessions',
     },
     {
         match: /^(todo_write|update_goal|create_goal|get_goal)$/, label: 'Update plan',
-        noun: plural('plan update', 'plan updates'), phrase: flat('Updated the plan'),
     },
     {
         match: /^(ask_user_question|ask_user|user_question)$/, label: 'Ask question',
-        noun: plural('question', 'questions'), phrase: plural('Asked a question', 'Asked questions'),
     },
-    { match: /^skill$/, label: 'Load skill', noun: plural('skill', 'skills'), phrase: plural('Loaded a skill', 'Loaded skills') },
+    { match: /^skill$/, label: 'Load skill' },
 ];
 /**
  * The phrase for one tool, or the tool's own name when it belongs to no
@@ -765,32 +673,12 @@ const PROCESS_CATEGORIES = [
  * category for it would not be.
  */
 function processLabel(name) {
-    for (const category of PROCESS_CATEGORIES) {
+    for (const category of PROCESS_LABELS) {
         if (category.match.test(name))
             return category.label;
     }
     return name;
 }
-function processPhrase(name) {
-    for (const category of PROCESS_CATEGORIES) {
-        if (category.match.test(name))
-            return category.phrase;
-    }
-    return () => name;
-}
-/**
- * The bare noun a folded run counts this tool in: `16 commands`.
- *
- * A tool that belongs to no declared category is counted as a call rather than
- * dropped, so the run's totals always add up to what the reader can see.
- */
-function processNoun(name) {
-    for (const category of PROCESS_CATEGORIES) {
-        if (category.match.test(name))
-            return category.noun;
-    }
-    return plural('call', 'calls');
-}
 /** A group has to stand for repetition; one row is not repetition. */
 const MIN_GROUP_BLOCKS = 2;
 function blockIdentity(block, index) {
@@ -889,8 +777,6 @@ export function processGroups(blocks) {
         const size = memberEnd - start + (absorbs === undefined ? 0 : 1);
         const answerIndex = answer;
         if (size >= MIN_GROUP_BLOCKS || (size > 0 && segmentTurn !== undefined)) {
-            const categories = [];
-            const stats = [];
             let calls = 0;
             let failures = 0;
             let live = false;
@@ -910,18 +796,6 @@ export function processGroups(blocks) {
                 calls += 1;
                 if (block.status === 'error')
                     failures += 1;
-                const phrase = processPhrase(block.name);
-                const existing = categories.find(entry => entry.phrase(1) === phrase(1));
-                if (existing === undefined)
-                    categories.push({ phrase, count: 1 });
-                else
-                    existing.count += 1;
-                const noun = processNoun(block.name)(1);
-                const counted = stats.find(entry => entry.noun === noun);
-                if (counted === undefined)
-                    stats.push({ noun, count: 1 });
-                else
-                    counted.count += 1;
             }
             const turn = segmentTurn ?? (blocks[end]?.kind === 'workspace' ? blocks[end].turn : undefined);
             groups.push({
@@ -932,8 +806,6 @@ export function processGroups(blocks) {
                 // painted without it. A separate flag rather than a second index: the
                 // block is always the answer.
                 tookThought: absorbs !== undefined,
-                categories,
-                stats,
                 calls,
                 failures,
                 live,
@@ -987,8 +859,6 @@ export function turnGroups(state) {
 }
 function renderTranscriptBody(state, options, theme, spinnerFrame) {
     const toolsExpanded = options.toolsExpanded === true;
-    const fold = foldPolicy(DEFAULT_FOLD_DENSITY);
-    const foldKey = foldPolicyKey(fold);
     const expandedTools = [...(options.expandedTools ?? [])].sort().join('\0');
     const expandedReasoning = [...(options.expandedReasoning ?? [])].sort().join('\0');
     const openedGroups = [...(options.openedGroups ?? [])].sort().join('\0');
@@ -1008,13 +878,15 @@ function renderTranscriptBody(state, options, theme, spinnerFrame) {
         && cached.trueColor === trueColor
         && cached.themeName === themeName
         && cached.spinnerFrame === animatedSpinnerFrame
+        && cached.mathMode === options.mathMode
+        && cached.mermaidMode === options.mermaidMode
         && cached.toolsExpanded === toolsExpanded
         && cached.expandedTools === expandedTools
         && cached.expandedReasoning === expandedReasoning
         && cached.openedGroups === openedGroups
         && cached.toolDetailsKey === options.toolDetailsKey
-        && cached.foldKey === foldKey
         && cached.turnSpans === state.turnSpans
+        && cached.turnDetailsKey === options.turnDetailsKey
         && cached.searchKey === searchKey
         && cached.status === state.status
         && cached.focusBlock === options.focusBlock) {
@@ -1074,7 +946,6 @@ function renderTranscriptBody(state, options, theme, spinnerFrame) {
             openedThoughts.add(reasoningKey(state.blocks[group.answer]));
         }
         const asked = toolsExpanded
-            || !fold.groups
             || options.openedGroups?.has(group.key) === true
             || state.blocks.slice(group.start, group.until).some(block => block.kind === 'tool' && options.expandedTools?.has(block.callId))
             || reasoningHit
@@ -1089,7 +960,6 @@ function renderTranscriptBody(state, options, theme, spinnerFrame) {
     const foldMarks = [];
     if (toolsExpanded)
         foldMarks.push({ key: 'all', row: 0 });
-    foldMarks.push({ key: `density:${foldKey}`, row: 0 });
     let liveFrom;
     const context = {
         blocks: state.blocks, theme, themeName, trueColor, width: options.width,
@@ -1098,7 +968,7 @@ function renderTranscriptBody(state, options, theme, spinnerFrame) {
     const compactProcessRow = (block) => {
         if (block?.kind === 'notice')
             return block.process !== undefined && block.framed !== true;
-        return block?.kind === 'tool' && fold.tools && !toolsExpanded && !options.expandedTools?.has(block.callId);
+        return block?.kind === 'tool' && !toolsExpanded && !options.expandedTools?.has(block.callId);
     };
     // Only a turn's last run is summarized by how long the turn took; an earlier
     // run in the same turn did not take all of it.
@@ -1129,7 +999,7 @@ function renderTranscriptBody(state, options, theme, spinnerFrame) {
                 liveFrom ??= headerRow;
             // A live run has no header: it becomes a group when its turn ends.
             if (!group.live && !opened) {
-                lines.push(...processGroupHeader(group, theme, options.width, elapsedOf(groupIndex)));
+                lines.push(...processGroupHeader(group, theme, options.width, elapsedOf(groupIndex), options.turnDetailsKey));
             }
             const bodyRow = lines.length;
             let offsets = new Map();
@@ -1175,7 +1045,7 @@ function renderTranscriptBody(state, options, theme, spinnerFrame) {
                 blockDrawStarts[group.answer] = lines.length;
                 offsets.set(group.answer, lines.length - bodyRow);
                 const answer = state.blocks[group.answer];
-                const rendered = cachedBlockLines(answer, options, theme, themeName, trueColor, spinnerFrame, toolsExpanded || !fold.tools, toolsExpanded || !fold.reasoning, fold.subject, absorbed.has(group.answer));
+                const rendered = cachedBlockLines(answer, options, theme, themeName, trueColor, toolsExpanded, absorbed.has(group.answer));
                 for (const line of (search !== undefined && matches.has(group.answer)
                     ? rendered.map(row => blockMatchesQuery(stripAnsi(row), search.query) ? theme.inverse(row) : row)
                     : rendered))
@@ -1264,12 +1134,8 @@ function renderTranscriptBody(state, options, theme, spinnerFrame) {
         if (liveBlock)
             liveFrom ??= lines.length;
         const expanded = (block.kind === 'workspace' && groups.some((group, at) => group.turn === block.turn && openGroups.has(at))) || matches.has(index) || toolsExpanded
-            || !fold.tools
             || (block.kind === 'tool' && options.expandedTools?.has(block.callId) === true);
-        const reasoningExpanded = liveBlock || toolsExpanded
-            || !fold.reasoning
-            || (block.kind === 'assistant' && options.expandedReasoning?.has(reasoningKey(block)) === true);
-        const rendered = cachedBlockLines(block, options, theme, themeName, trueColor, spinnerFrame, expanded, reasoningExpanded, fold.subject, absorbed.has(index));
+        const rendered = cachedBlockLines(block, options, theme, themeName, trueColor, expanded, absorbed.has(index));
         lines.push(...(search !== undefined && matches.has(index)
             ? rendered.map(line => blockMatchesQuery(stripAnsi(line), search.query) ? theme.inverse(line) : line)
             : rendered));
@@ -1280,7 +1146,10 @@ function renderTranscriptBody(state, options, theme, spinnerFrame) {
     // this; opening, folding, or a run settling at turn end do.
     const foldShape = foldMarks.map(mark => mark.key).join('\u0001');
     transcriptBodyCache.set(state.blocks, {
+        mathMode: options.mathMode,
+        mermaidMode: options.mermaidMode,
         toolDetailsKey: options.toolDetailsKey,
+        turnDetailsKey: options.turnDetailsKey,
         blockDrawStarts,
         width: options.width,
         colors: options.colors,
@@ -1291,7 +1160,6 @@ function renderTranscriptBody(state, options, theme, spinnerFrame) {
         expandedTools,
         expandedReasoning,
         openedGroups,
-        foldKey,
         searchKey,
         turnSpans: state.turnSpans,
         status: state.status,
@@ -1638,6 +1506,17 @@ export function renderTurnError(text, theme, width) {
         + (suffix === '' ? '' : theme.fg('dim', suffix));
     return [padToWidth(line, width)];
 }
+/** Human guidance remains visible until the Harness claims it for a model step. */
+export function renderSteering(inbox, theme, width) {
+    const messages = inbox.filter(message => message.source.kind === 'user');
+    if (messages.length === 0 || width <= 0)
+        return [];
+    const latest = queuedMessageLabel(messages.at(-1));
+    const count = messages.length > 1 ? ` · ${messages.length}` : '';
+    return [truncateToWidth('  ' + theme.fg('border', '│') + ' '
+            + theme.bold(theme.fg('accent', 'Guidance · next step' + count))
+            + theme.fg('dim', ' · ') + theme.fg('text', latest), width)];
+}
 /** Compact, unframed pending-message view placed immediately above the composer. */
 export function renderQueuedSubmissions(submissions, theme, width, inbox = []) {
     const labels = [
@@ -1662,9 +1541,9 @@ export function renderQueuedSubmissions(submissions, theme, width, inbox = []) {
         return paintedLeft + '  ' + action;
     };
     if (labels.length === 1) {
-        return [alignAction(rail + queueLabel + theme.fg('dim', ' · ') + theme.fg('text', labels[0] ?? ''), theme.fg('dim', '↑ edit'))];
+        return [alignAction(rail + queueLabel + theme.fg('dim', ' · ') + theme.fg('dim', 'next turn · ') + theme.fg('text', labels[0] ?? ''), theme.fg('dim', '↑ edit'))];
     }
-    const summary = ` · ${labels.length}${hidden === 0 ? '' : ` · ${hidden} earlier`}`;
+    const summary = ` · ${labels.length} · next turn${hidden === 0 ? '' : ` · ${hidden} earlier`}`;
     const visibleLabels = labels.slice(start);
     const lines = [
         alignAction(rail + queueLabel + theme.fg('dim', summary), theme.fg('dim', '↑ edit latest'), false),
@@ -1719,19 +1598,21 @@ export function renderView(state, options) {
             documentRows: null,
         };
     }
-    if (options.promptSelector?.request.presentation === 'fullscreen-list') {
-        const selector = renderPromptSelectorPage(options.promptSelector, theme, width, height, options.input, options.inputCursor, appName);
+    if (options.promptSelector?.request.presentation === 'fullscreen-list' || options.promptSelector?.request.presentation === 'fullscreen-tree') {
+        const selector = (options.promptSelector.request.presentation === 'fullscreen-tree' ? renderPromptTreePage : renderPromptSelectorPage)(options.promptSelector, theme, width, height, options.input, options.inputCursor, appName);
         return {
             lines: fitFrame(selector.lines, width),
+            ...(selector.document === undefined ? {} : { promptDocument: selector.document }),
             cursor: selector.cursor,
             cursorVisible: true,
             // A full-screen surface drew no transcript body.
             documentRows: null,
         };
     }
-    if (options.promptSelector?.request.presentation === 'plan-review') {
-        const review = renderPlanReviewPage(options.promptSelector, theme, width, height, options.input, options.inputCursor, appName);
+    if (options.promptSelector?.request.presentation === 'plan-review' || options.promptSelector?.request.presentation === 'document') {
+        const review = options.promptSelector.request.documentImage === undefined ? renderPlanReviewPage(options.promptSelector, theme, width, height, options.input, options.inputCursor, appName) : renderImagePreviewPage(options.promptSelector, theme, width, height, appName, options.imageProtocol, options.imageCellSize);
         return {
+            ...(review.image === undefined ? {} : { image: review.image }),
             lines: fitFrame(review.lines, width),
             cursor: review.cursor,
             cursorVisible: review.cursorVisible === true,
@@ -1772,6 +1653,8 @@ export function renderView(state, options) {
         }, options.transcriptSearch.matches.length)
         : options.inspected === undefined
             ? slashInlineHint(options.input, options.inputCursor, options.commands)
+                ?? (state.status === 'running' && options.steerKey !== undefined
+                    ? `Enter: next turn · ${options.steerKey}: next step` : null)
             : options.inspected.writable
                 ? slashInlineHint(options.input, options.inputCursor, options.commands) ?? 'Enter to steer · Esc to return'
                 : 'Read-only · Esc to return';
@@ -1821,7 +1704,10 @@ export function renderView(state, options) {
         : undefined;
     const queuedSubmissions = editor === undefined || options.inspected !== undefined
         ? []
-        : renderQueuedSubmissions(options.queuedSubmissions ?? [], theme, width, state.nextTurnInbox);
+        : [
+            ...renderSteering(state.nextStepInbox, theme, width),
+            ...renderQueuedSubmissions(options.queuedSubmissions ?? [], theme, width, state.nextTurnInbox),
+        ];
     // Above the composer and below the queue: the failure explains why the queue
     // is not moving, and the row survives until the next submission.
     const turnError = editor === undefined || options.inspected !== undefined || state.turnError === undefined
@@ -1831,6 +1717,10 @@ export function renderView(state, options) {
     const goal = editor === undefined || options.inspected !== undefined || options.sessionControls?.goal === undefined
         ? []
         : renderGoalBar(options.sessionControls.goal, theme, width);
+    const pendingCount = options.sessionControls?.pendingQuestions ?? 0;
+    const questions = editor === undefined || options.inspected !== undefined || pendingCount === 0
+        ? []
+        : [truncateToWidth(theme.fg('warning', ` ${pendingCount} pending ${pendingCount === 1 ? 'question' : 'questions'} · /questions to answer`), width)];
     const inspect = editor === undefined ? [] : renderInspectBanner(options.inspected, theme, width, spinnerFrame);
     const subagents = editor === undefined
         ? []
@@ -1842,7 +1732,7 @@ export function renderView(state, options) {
     const inputLines = promptSelector?.lines ?? settings?.lines ?? copySelector?.lines ?? search?.lines
         ?? (editor === undefined ? [] : editor.lines);
     const spacer = 1;
-    const reserved = inputLines.length + working.length + inspect.length + subagents.length + todos.length + goal.length + queuedSubmissions.length + turnError.length + spacer + autocomplete.length + statusFooter.length;
+    const reserved = inputLines.length + working.length + inspect.length + subagents.length + todos.length + goal.length + questions.length + queuedSubmissions.length + turnError.length + spacer + autocomplete.length + statusFooter.length;
     const budget = Math.max(0, height - reserved);
     const focusIndex = options.focusBlock === undefined
         ? undefined
@@ -1876,11 +1766,12 @@ export function renderView(state, options) {
     if (visible.length > 0)
         lines.push(showJump
             ? ' '.repeat(jumpColumn) + theme.inverse(jumpText) : '');
-    const bottomRows = working.length + goal.length + inspect.length + subagents.length + todos.length + queuedSubmissions.length + turnError.length + inputLines.length + autocomplete.length + statusFooter.length;
+    const bottomRows = working.length + goal.length + questions.length + inspect.length + subagents.length + todos.length + queuedSubmissions.length + turnError.length + inputLines.length + autocomplete.length + statusFooter.length;
     const fill = Math.max(0, height - lines.length - bottomRows);
     lines.push(...Array.from({ length: fill }, () => ''));
     lines.push(...working);
     lines.push(...goal);
+    lines.push(...questions);
     lines.push(...inspect);
     lines.push(...subagents);
     lines.push(...todos);
@@ -1941,7 +1832,7 @@ export function renderView(state, options) {
             stickyHeaders.push({
                 start: transcriptStart + (transcript.blockStarts[at + 1] ?? transcript.lines.length),
                 end: body.length,
-                text: theme.bg('userMessageBg', padToWidth(' '.repeat(padding) + theme.fg('userMessageText', label), width)),
+                text: paintSurface(theme, 'userMessageBg', 'userMessageText', padToWidth(' '.repeat(padding) + label, width)),
             });
         }
     }