@agi-fans/dsh-tui 0.16.0 → 0.17.0

package/lib/views/event-views.js

@@ -1,85 +1,17 @@
 /**
- * Transcript state machine: SessionEvent -> display blocks, and the pure
- * view that composes blocks + status + input into a render frame.
-
- * applyEvent is the single writer of TranscriptState; renderView is the
- * single reader. windowTranscript clips the body the way OMP's ScrollView
- * does. Both are pure so the whole rendering pipeline is testable without
- * a terminal.
+ * Transcript fold: SessionEvent/StreamDelta -> TranscriptState.
+ *
+ * applyEvent is the single writer of TranscriptState; replayEvents folds an
+ * immutable log without repeatedly copying its growing block array. Both are
+ * pure so the whole fold is testable without a terminal. Rendering lives in
+ * transcript-render.ts; consumers keep importing this module, which re-exports
+ * both halves.
  * @module @agi-fans/dsh-tui
  */
-import { leadingSlashCommandNameRange, renderAutocomplete, slashInlineHint } from "./autocomplete.js";
-import { HISTORY_SEARCH_MAX_VISIBLE, renderHistorySearch } from "./history-search.js";
-import { renderEditor, renderFramedBlock, renderWelcome, renderWorking } from "../chrome/box.js";
-import { renderMarkdown } from "../chrome/markdown.js";
-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 { resolveStatusBarConfig } from "../chrome/status-config.js";
-import { renderPermissionBadge, renderStatusFooter, formatTokens } from "../chrome/status-line.js";
-import { createTheme, SPINNER, SYMBOL } from "../chrome/theme.js";
-import { renderGoalBar } from "../chrome/goal-bar.js";
-import { padToWidth, stripAnsi, truncateToWidth, visibleWidth, wrapText } from "../chrome/width.js";
-import { alignFileDiffs, countDiffStats, paintDiffStats, paintPrefixedDiffLine, wrapPaintedDiffRows, } from "../chrome/diff-render.js";
-import { renderTool } from "../chrome/tool-renderers.js";
-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";
-/** True for blocks whose rendered text may still change. */
-function isBlockPending(block) {
-    return (block.kind === 'assistant' && block.streaming) || (block.kind === 'tool' && block.status === 'running');
-}
-/** Empty starting state. */
-export function initialTranscript() {
-    return {
-        blocks: [],
-        status: 'idle',
-        turn: 0,
-        todos: [],
-        compactCommandId: undefined,
-        compaction: undefined,
-        nextTurnInbox: [],
-        nextStepInbox: [],
-        turnError: undefined,
-    };
-}
-/** Extract plain text from text blocks, ignoring other block kinds. */
-function contentToText(content) {
-    return content
-        .flatMap((block) => {
-        if (block.type === 'text')
-            return [block.text];
-        if (block.type === 'image') {
-            const ref = block.attachment;
-            return [`[image ${ref.width}×${ref.height} · ${ref.mediaType}]`];
-        }
-        if (block.type === 'file') {
-            const ref = block.attachment;
-            return [`[file ${ref.name} · ${ref.bytes} bytes]`];
-        }
-        return [];
-    })
-        .join('');
-}
-/** Extract reasoning text from reasoning blocks. */
-function contentToReasoning(content) {
-    return content
-        .filter((block) => block.type === 'reasoning')
-        .map((block) => block.text)
-        .join('');
-}
-/** Compact pretty-print of a tool call's raw arguments JSON. */
-function prettyArgs(raw) {
-    try {
-        return JSON.stringify(JSON.parse(raw));
-    }
-    catch {
-        return raw;
-    }
-}
+import { formatTokens } from "../chrome/status-line.js";
+import { contentToReasoning, contentToText, initialTranscript, prettyArgs, } from "./transcript-types.js";
+export * from "./transcript-types.js";
+export * from "./transcript-render.js";
 function isRetryNotice(block) {
     return block?.kind === 'notice' && block.level === 'info' && block.text.startsWith('retrying ');
 }
@@ -514,889 +446,5 @@ function settleTool(block, result, error, presentation) {
         ...(presentation === undefined ? {} : { presentation }),
     };
 }
-/** Collapsed tool-output preview height (OMP `DEFAULT_TERMINAL_PREVIEW_LINES`). */
-export const TOOL_COLLAPSED_LINES = 10;
-export const TOOL_INPUT_COLLAPSED_LINES = 3;
-function slicePreview(lines, limit, expanded, direction) {
-    if (expanded || lines.length <= limit)
-        return { lines: [...lines], hidden: 0 };
-    const hidden = lines.length - limit;
-    return {
-        lines: direction === 'tail' ? lines.slice(hidden) : lines.slice(0, limit),
-        hidden,
-    };
-}
-function toolPreview(lines, width, limit, expanded, direction) {
-    const contentWidth = Math.max(1, width - 4);
-    return slicePreview(lines.flatMap(line => wrapText(line, contentWidth)), limit, expanded, direction);
-}
-function exclusiveDiffs(presentation) {
-    if (presentation?.result?.card === 'diff')
-        return presentation.result.diffs;
-    if (presentation?.result !== undefined)
-        return undefined;
-    if (presentation?.call?.card === 'diff')
-        return presentation.call.diffs;
-    return undefined;
-}
-/** OMP AssistantMessage uses one horizontal cell of padding and no vertical padding. */
-const ASSISTANT_PADDING_X = 1;
-function assistantContentLines(lines, width, paddingX) {
-    const margin = ' '.repeat(paddingX);
-    return lines.map((line) => padToWidth(margin + line + margin, width));
-}
-function lockThinkingLine(line, theme) {
-    if (line === '' || !theme.colors)
-        return line;
-    return theme.italic(theme.fg('thinkingText', stripAnsi(line)));
-}
-function hasExplicitTextColor(theme) {
-    const ansi = theme.getFgAnsi('text');
-    return ansi !== '' && ansi !== '\x1b[39m';
-}
-function assistantMarkdown(source, theme, width, style) {
-    const paddingX = width > ASSISTANT_PADDING_X * 2 ? ASSISTANT_PADDING_X : 0;
-    const contentWidth = Math.max(1, width - paddingX * 2);
-    const rendered = renderMarkdown(source, theme, contentWidth, style);
-    if (style?.color !== 'thinkingText')
-        return assistantContentLines(rendered, width, paddingX);
-    return assistantContentLines(rendered.map(line => lockThinkingLine(line, theme)), width, paddingX);
-}
-function userBubble(text, theme, width) {
-    const inner = Math.max(1, width - 2);
-    const wrapped = renderPathMentionRows(text, inner, theme);
-    const rows = ['', ...wrapped, ''];
-    return rows.map((row) => {
-        const content = row === '' ? padToWidth('', width) : padToWidth(' ' + row, width);
-        return theme.colors ? theme.bg('userMessageBg', content) : content;
-    });
-}
-function toolIcon(status, theme, spinnerFrame) {
-    if (status === 'running') {
-        if (spinnerFrame < 0)
-            return theme.fg('accent', SYMBOL.running);
-        return theme.fg('accent', SPINNER[spinnerFrame % SPINNER.length] ?? SYMBOL.running);
-    }
-    if (status === 'ok')
-        return theme.fg('success', SYMBOL.success);
-    return theme.fg('error', SYMBOL.error);
-}
-/** Render one tool block as an OMP framed output box. */
-function toolBlockLines(block, theme, width, spinnerFrame, expanded) {
-    const icon = toolIcon(block.status, theme, spinnerFrame);
-    const presentation = renderTool({
-        name: block.name,
-        arguments: prettyArgs(block.args),
-        output: block.output,
-        status: block.status,
-        expanded,
-        ...(block.partial === true ? { partial: true } : {}),
-        ...(block.presentation === undefined ? {} : { presentation: block.presentation }),
-    });
-    const diffs = exclusiveDiffs(block.presentation);
-    if (diffs !== undefined) {
-        const rows = alignFileDiffs(diffs);
-        const stats = countDiffStats(rows);
-        const statsLabel = paintDiffStats(stats.added, stats.removed, theme);
-        const header = icon + ' ' + theme.bold(presentation.title ?? block.name)
-            + (statsLabel === '' ? '' : ' ' + statsLabel);
-        const painted = wrapPaintedDiffRows(rows, theme, width);
-        const output = slicePreview(painted, TOOL_COLLAPSED_LINES, expanded, 'head');
-        if (output.hidden > 0) {
-            output.lines.push(theme.fg('dim', `… ${output.hidden} more lines · ⟨Ctrl+O: Expand⟩`));
-        }
-        const state = block.status === 'running' ? 'running' : block.status === 'ok' ? 'ok' : 'error';
-        return renderFramedBlock({ header, state, sections: [{ lines: output.lines }], width }, theme);
-    }
-    const summary = presentation.summary === undefined || presentation.summary === ''
-        ? ''
-        : theme.fg('dim', ' ' + presentation.summary);
-    const header = icon + ' ' + theme.bold(presentation.title ?? block.name) + summary;
-    const input = toolPreview(presentation.input, width, TOOL_INPUT_COLLAPSED_LINES, expanded, 'head');
-    const output = toolPreview(presentation.output, width, TOOL_COLLAPSED_LINES, expanded, presentation.outputPreview);
-    const hasOutput = presentation.output.length > 0;
-    const inputLines = input.lines.map(line => (block.presentation?.call?.card === 'diff' ? paintPrefixedDiffLine(line, theme) : theme.fg('toolOutput', line)));
-    if (input.hidden > 0) {
-        const hint = hasOutput && output.hidden > 0 ? '' : ' · ⟨Ctrl+O: Expand⟩';
-        inputLines.push(theme.fg('dim', `… ${input.hidden} more input lines${hint}`));
-    }
-    const outputLines = output.lines.map(line => (block.presentation?.result?.card === 'diff' ? paintPrefixedDiffLine(line, theme) : theme.fg('toolOutput', line)));
-    if (output.hidden > 0) {
-        const position = presentation.outputPreview === 'tail' ? 'earlier' : 'more';
-        const hint = theme.fg('dim', `… ${output.hidden} ${position} lines · ⟨Ctrl+O: Expand⟩`);
-        if (presentation.outputPreview === 'tail')
-            outputLines.unshift(hint);
-        else
-            outputLines.push(hint);
-    }
-    const sections = [
-        ...(inputLines.length === 0 ? [] : [{ lines: inputLines }]),
-        ...(outputLines.length === 0 ? [] : [{
-                ...(inputLines.length === 0 ? {} : { label: theme.fg('toolTitle', 'Output') }),
-                lines: outputLines,
-            }]),
-    ];
-    const state = block.status === 'running' ? 'running' : block.status === 'ok' ? 'ok' : 'error';
-    return renderFramedBlock({ header, state, sections, width }, theme);
-}
-/**
- * Render one transcript block to display lines. Pure; shared by the tty view
- * and the non-tty plain printer.
- * @param block - the block to render.
- * @param theme - active theme.
- * @param width - terminal width in columns.
- * @param spinnerFrame - activity spinner phase for running tools.
- * @param toolsExpanded - paint full tool output instead of the collapsed preview.
- * @returns display lines (already width-fitted).
- */
-export function blockLines(block, theme, width, spinnerFrame = 0, toolsExpanded = false) {
-    if (block.kind === 'user')
-        return userBubble(block.text, theme, width);
-    if (block.kind === 'assistant') {
-        const lines = [];
-        if (block.reasoning !== '') {
-            lines.push(...assistantMarkdown(block.reasoning, theme, width, { color: 'thinkingText', italic: true }));
-            if (block.text !== '')
-                lines.push('');
-        }
-        if (block.text === '' && block.streaming) {
-            const paddingX = width > ASSISTANT_PADDING_X * 2 ? ASSISTANT_PADDING_X : 0;
-            lines.push(...assistantContentLines([theme.fg('dim', '…')], width, paddingX));
-        }
-        else if (block.text !== '') {
-            lines.push(...assistantMarkdown(block.text, theme, width, hasExplicitTextColor(theme) ? { color: 'text' } : undefined));
-        }
-        if (block.interrupted === true) {
-            const paddingX = width > ASSISTANT_PADDING_X * 2 ? ASSISTANT_PADDING_X : 0;
-            lines.push(...assistantContentLines([theme.fg('dim', '· interrupted')], width, paddingX));
-        }
-        return lines;
-    }
-    if (block.kind === 'tool')
-        return toolBlockLines(block, theme, width, spinnerFrame, toolsExpanded);
-    if (block.kind === 'toolCatalog')
-        return renderToolsPanel(block.tools, theme, width, toolsExpanded);
-    if (block.kind === 'commandOutput')
-        return renderCommandOutput(block.command, block.text, theme, width);
-    if (block.framed !== true) {
-        const prefix = '  ';
-        const continuation = ' '.repeat(visibleWidth(prefix));
-        const tone = block.level === 'error' ? 'error' : block.level === 'warning' ? 'warning' : 'dim';
-        return wrapText(block.text, Math.max(1, width - visibleWidth(prefix))).map((line, index) => truncateToWidth((index === 0 ? prefix : continuation) + theme.fg(tone, line), width));
-    }
-    const state = block.level === 'error' ? 'error' : block.level === 'warning' ? 'warning' : 'info';
-    const paint = (text) => theme.fg(block.level === 'error' ? 'error' : block.level === 'warning' ? 'warning' : 'dim', text);
-    const wrapped = wrapText(block.text, Math.max(1, width - 4));
-    const title = paint(wrapped[0] ?? '');
-    return renderFramedBlock({
-        header: title,
-        state,
-        width,
-        lines: wrapped.slice(1).map(paint),
-        applyBg: false,
-    }, theme);
-}
-/** Plain text of one block, used by transcript search and match painting. */
-export function blockSearchText(block) {
-    if (block.kind === 'assistant') {
-        return block.reasoning === '' ? block.text : `${block.reasoning}\n${block.text}`;
-    }
-    if (block.kind === 'tool')
-        return `${block.args}\n${block.output}`;
-    if (block.kind === 'toolCatalog') {
-        return block.tools.map(tool => `${tool.name} ${tool.description}`).join('\n');
-    }
-    return block.text;
-}
-function fitFrame(lines, width, stablePrefix = 0) {
-    let fitted;
-    const start = Math.max(0, Math.min(lines.length, stablePrefix));
-    for (let index = start; index < lines.length; index += 1) {
-        const line = lines[index];
-        if (visibleWidth(line) <= width)
-            continue;
-        fitted ??= lines.slice();
-        fitted[index] = truncateToWidth(line, width);
-    }
-    return fitted ?? lines;
-}
-/**
- * Scroll, activity, inbox, and composer changes do not alter transcript blocks.
- * Cache the expensive Markdown/tool fold by immutable block-array identity so
- * those frames slice already-rendered rows instead of formatting the complete
- * session again. Spinner frames matter only while a visible tool block runs.
- */
-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) {
-    const animatedSpinnerFrame = block.kind === 'tool' && block.status === 'running' ? spinnerFrame : -1;
-    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)
-        return cached.lines;
-    const lines = blockLines(block, theme, options.width, spinnerFrame, expanded);
-    blockLinesCache.set(block, {
-        width: options.width,
-        colors: options.colors,
-        trueColor,
-        themeName,
-        spinnerFrame: animatedSpinnerFrame,
-        expanded,
-        lines,
-    });
-    return lines;
-}
-function renderTranscriptBody(state, options, theme, spinnerFrame) {
-    const toolsExpanded = options.toolsExpanded === true;
-    const expandedTools = [...(options.expandedTools ?? [])].sort().join('\0');
-    const themeName = options.themeName ?? 'dark';
-    const trueColor = options.trueColor === true;
-    const animatedSpinnerFrame = state.blocks.some(block => block.kind === 'tool' && block.status === 'running')
-        ? spinnerFrame
-        : -1;
-    const search = options.transcriptSearch;
-    const searchKey = search === undefined
-        ? ''
-        : `${search.query}\u0000${search.focus}\u0000${search.matches.join(',')}`;
-    const cached = transcriptBodyCache.get(state.blocks);
-    if (cached !== undefined
-        && cached.width === options.width
-        && cached.colors === options.colors
-        && cached.trueColor === trueColor
-        && cached.themeName === themeName
-        && cached.spinnerFrame === animatedSpinnerFrame
-        && cached.toolsExpanded === toolsExpanded
-        && cached.expandedTools === expandedTools
-        && cached.searchKey === searchKey) {
-        return { lines: cached.lines, blockStarts: cached.blockStarts };
-    }
-    const matches = new Set(search?.matches ?? []);
-    const lines = [];
-    const blockStarts = [];
-    let previous;
-    for (let index = 0; index < state.blocks.length; index += 1) {
-        const block = state.blocks[index];
-        if (lines.length > 0) {
-            const previousCommand = commandSurfaceName(previous);
-            const currentCommand = commandSurfaceName(block);
-            if (previousCommand !== undefined && currentCommand !== undefined && previousCommand !== currentCommand) {
-                lines.push('', renderCommandSeparator(theme, options.width), '');
-            }
-            else {
-                lines.push('');
-            }
-        }
-        blockStarts.push(lines.length);
-        const expanded = toolsExpanded || (block.kind === 'tool' && options.expandedTools?.has(block.callId) === true);
-        const rendered = cachedBlockLines(block, options, theme, themeName, trueColor, spinnerFrame, expanded);
-        lines.push(...(search !== undefined && matches.has(index)
-            ? rendered.map(line => blockMatchesQuery(stripAnsi(line), search.query) ? theme.inverse(line) : line)
-            : rendered));
-        previous = block;
-    }
-    transcriptBodyCache.set(state.blocks, {
-        width: options.width,
-        colors: options.colors,
-        trueColor,
-        themeName,
-        spinnerFrame: animatedSpinnerFrame,
-        toolsExpanded,
-        expandedTools,
-        searchKey,
-        lines,
-        blockStarts,
-    });
-    return { lines, blockStarts };
-}
-function commandSurfaceName(block) {
-    if (block?.kind === 'toolCatalog')
-        return 'tools';
-    if (block?.kind === 'commandOutput')
-        return block.command;
-    return undefined;
-}
-/** Rows moved per Shift+Arrow (OMP ScrollView `fastScrollLines`). */
-export const TRANSCRIPT_FAST_SCROLL = 5;
-function earlierLabel(count) {
-    return '… ↑ ' + count + ' earlier line' + (count === 1 ? '' : 's') + ' ⟨Pg↑⟩';
-}
-function laterLabel(count) {
-    return '… ↓ ' + count + ' later line' + (count === 1 ? '' : 's') + ' ⟨Pg↓⟩';
-}
-/**
- * Window `body` into `budget` rows with ↑/↓ overflow markers.
- * `start` is the first body row to keep; non-finite values pin to the tail.
- */
-export function windowTranscript(body, budget, start, theme) {
-    const len = body.length;
-    if (budget <= 0) {
-        return { lines: [], start: 0, maxStart: 0, budget, hiddenAbove: len, hiddenBelow: 0 };
-    }
-    if (len <= budget) {
-        return { lines: [...body], start: 0, maxStart: 0, budget, hiddenAbove: 0, hiddenBelow: 0 };
-    }
-    const maxStart = Math.max(0, len - (budget - 1));
-    const s = Number.isFinite(start) ? Math.max(0, Math.min(Math.trunc(start), maxStart)) : maxStart;
-    const atTail = s >= maxStart;
-    const atTop = s <= 0;
-    if (budget === 1) {
-        const label = atTail
-            ? earlierLabel(len)
-            : atTop
-                ? laterLabel(len)
-                : '… ↑ ' + s + ' · ↓ ' + (len - s) + ' ⟨Pg↑/Pg↓⟩';
-        return {
-            lines: [theme.fg('dim', label)],
-            start: s,
-            maxStart,
-            budget,
-            hiddenAbove: atTail ? len : s,
-            hiddenBelow: atTail ? 0 : len - s,
-        };
-    }
-    if (atTail) {
-        const take = budget - 1;
-        const hiddenAbove = len - take;
-        return {
-            lines: [theme.fg('dim', earlierLabel(hiddenAbove)), ...body.slice(hiddenAbove)],
-            start: hiddenAbove,
-            maxStart,
-            budget,
-            hiddenAbove,
-            hiddenBelow: 0,
-        };
-    }
-    if (atTop) {
-        const take = budget - 1;
-        const hiddenBelow = len - take;
-        return {
-            lines: [...body.slice(0, take), theme.fg('dim', laterLabel(hiddenBelow))],
-            start: 0,
-            maxStart,
-            budget,
-            hiddenAbove: 0,
-            hiddenBelow,
-        };
-    }
-    if (budget === 2) {
-        return {
-            lines: [theme.fg('dim', earlierLabel(s)), body[s] ?? ''],
-            start: s,
-            maxStart,
-            budget,
-            hiddenAbove: s,
-            hiddenBelow: len - s - 1,
-        };
-    }
-    const take = budget - 2;
-    const hiddenBelow = len - s - take;
-    return {
-        lines: [
-            theme.fg('dim', earlierLabel(s)),
-            ...body.slice(s, s + take),
-            theme.fg('dim', laterLabel(hiddenBelow)),
-        ],
-        start: s,
-        maxStart,
-        budget,
-        hiddenAbove: s,
-        hiddenBelow,
-    };
-}
-const IMAGE_MARKER = /\[Image #\d+(?:, \d+x\d+)?\]/gu;
-function imageMarkerRanges(text) {
-    return [...text.matchAll(IMAGE_MARKER)].map(match => ({
-        start: match.index,
-        end: match.index + match[0].length,
-    }));
-}
-function coveringRange(ranges, index) {
-    return ranges.find(range => range.start <= index && index < range.end);
-}
-function nextRangeStart(ranges, index) {
-    let next = Number.POSITIVE_INFINITY;
-    for (const range of ranges) {
-        if (range.start > index && range.start < next)
-            next = range.start;
-    }
-    return next;
-}
-/** Paint a wrapped composer slice: leading `/name` plus image markers. */
-function paintComposerInputSlice(fullText, slice, sourceStart, theme) {
-    const sourceEnd = sourceStart + slice.length;
-    const slash = leadingSlashCommandNameRange(fullText);
-    const slashRanges = slash === null ? [] : [slash];
-    const images = imageMarkerRanges(fullText);
-    if (slashRanges.length === 0 && images.length === 0)
-        return slice;
-    let output = '';
-    let cursor = sourceStart;
-    while (cursor < sourceEnd) {
-        const image = coveringRange(images, cursor);
-        if (image !== undefined) {
-            const end = Math.min(image.end, sourceEnd);
-            output += theme.underline(theme.bold(theme.fg('accent', fullText.slice(cursor, end))));
-            cursor = end;
-            continue;
-        }
-        const command = coveringRange(slashRanges, cursor);
-        if (command !== undefined) {
-            const end = Math.min(command.end, sourceEnd, nextRangeStart(images, cursor));
-            output += theme.bold(theme.fg('accent', fullText.slice(cursor, end)));
-            cursor = end;
-            continue;
-        }
-        const end = Math.min(sourceEnd, nextRangeStart(images, cursor), nextRangeStart(slashRanges, cursor));
-        output += fullText.slice(cursor, end);
-        cursor = end;
-    }
-    return output;
-}
-/** Maximum number of queued composer submissions kept visible above the editor. */
-export const QUEUED_SUBMISSION_PREVIEW = 3;
-/** Maximum number of Todo items kept visible above the composer. */
-export const TODO_PREVIEW = 5;
-/** Maximum number of descendant subagents kept visible above the composer. */
-export const SUBAGENT_PREVIEW = 5;
-function todoPreviewStart(todos) {
-    if (todos.length <= TODO_PREVIEW)
-        return 0;
-    const active = todos.findIndex(todo => todo.status === 'in_progress');
-    if (active >= 0)
-        return active;
-    const pending = todos.findIndex(todo => todo.status === 'pending');
-    return pending >= 0 ? pending : Math.max(0, todos.length - TODO_PREVIEW);
-}
-/** Compact, unframed Todo tree placed above queued messages. */
-export function renderTodos(todos, theme, width) {
-    if (todos.length === 0 || width <= 0)
-        return [];
-    const completed = todos.filter(todo => todo.status === 'completed').length;
-    const header = '  ' + theme.bold(theme.fg('accent', 'Todos'))
-        + theme.fg('dim', ` · ${completed}/${todos.length}`);
-    const start = todoPreviewStart(todos);
-    const end = Math.min(todos.length, start + TODO_PREVIEW);
-    const rows = [
-        ...(start === 0 ? [] : [`… ${start} earlier`]),
-        ...todos.slice(start, end),
-        ...(end === todos.length ? [] : [`… ${todos.length - end} more`]),
-    ];
-    const lines = [header, ...rows.map((row, index) => {
-            const branch = '  ' + theme.fg('dim', index === rows.length - 1 ? '└─' : '├─') + ' ';
-            if (typeof row === 'string')
-                return branch + theme.fg('dim', row);
-            const todo = row;
-            if (todo.status === 'completed') {
-                return branch + theme.fg('success', SYMBOL.success + ' ' + theme.strikethrough(todo.content));
-            }
-            if (todo.status === 'in_progress') {
-                return branch + theme.fg('accent', SYMBOL.pending + ' ' + todo.content);
-            }
-            return branch + theme.fg('dim', SYMBOL.pending + ' ' + todo.content);
-        })];
-    return lines.map(line => truncateToWidth(line, width));
-}
-function subagentPreviewStart(agents) {
-    if (agents.length <= SUBAGENT_PREVIEW)
-        return 0;
-    const active = agents.findIndex(agent => agent.phase === 'running' || agent.phase === 'starting');
-    if (active >= 0)
-        return Math.max(0, Math.min(active, agents.length - SUBAGENT_PREVIEW));
-    const waiting = agents.findIndex(agent => agent.phase === 'waiting');
-    return waiting >= 0
-        ? Math.max(0, Math.min(waiting, agents.length - SUBAGENT_PREVIEW))
-        : Math.max(0, agents.length - SUBAGENT_PREVIEW);
-}
-function subagentPhaseGlyph(phase, theme, spinnerFrame) {
-    if (phase === 'running' || phase === 'starting') {
-        if (spinnerFrame < 0)
-            return theme.fg('accent', SYMBOL.running);
-        return theme.fg('accent', SPINNER[spinnerFrame % SPINNER.length] ?? SYMBOL.running);
-    }
-    if (phase === 'error')
-        return theme.fg('error', SYMBOL.error);
-    return theme.fg('success', SYMBOL.success);
-}
-const SUBAGENT_PHASE_LABELS = {
-    starting: 'Starting', running: 'Running', waiting: 'Waiting', completed: 'Done', error: 'Failed',
-};
-function subagentRowText(agent) {
-    const indent = agent.depth > 1 ? '  '.repeat(agent.depth - 1) : '';
-    return `${indent}${agent.label} · ${SUBAGENT_PHASE_LABELS[agent.phase]}`;
-}
-/** Compact, unframed descendant-subagent tree placed above Todos. */
-export function renderSubagents(roster, theme, width, spinnerFrame = 0, inspectedId, launcherFocused = false) {
-    const agents = roster?.agents ?? [];
-    if (agents.length === 0 || width <= 0)
-        return [];
-    const running = agents.filter(agent => agent.phase === 'running' || agent.phase === 'starting').length;
-    const failed = agents.filter(agent => agent.phase === 'error').length;
-    const waiting = agents.filter(agent => agent.phase === 'waiting').length;
-    const done = agents.filter(agent => agent.phase === 'completed').length;
-    const counts = [
-        running === 0 ? undefined : `${running} running`,
-        waiting === 0 ? undefined : `${waiting} waiting`,
-        done === 0 ? undefined : `${done} done`,
-        failed === 0 ? undefined : `${failed} failed`,
-    ].filter((part) => part !== undefined);
-    const headerBody = theme.bold(theme.fg('accent', 'Agents'))
-        + (counts.length === 0 ? '' : theme.fg('dim', ` · ${counts.join(' · ')}`))
-        + theme.fg('dim', launcherFocused ? ' · Enter open · Esc return' : ' · ↓ select · Alt+A open');
-    const header = '  ' + (launcherFocused ? theme.inverse(headerBody) : headerBody);
-    const start = subagentPreviewStart(agents);
-    const end = Math.min(agents.length, start + SUBAGENT_PREVIEW);
-    const rows = [
-        ...(start === 0 ? [] : [`… ${start} earlier`]),
-        ...agents.slice(start, end),
-        ...(end === agents.length ? [] : [`… ${agents.length - end} more`]),
-    ];
-    const lines = [header, ...rows.map((row, index) => {
-            const branch = '  ' + theme.fg('dim', index === rows.length - 1 ? '└─' : '├─') + ' ';
-            if (typeof row === 'string')
-                return branch + theme.fg('dim', row);
-            const selected = inspectedId === row.id;
-            const paint = row.phase === 'completed'
-                ? (text) => theme.fg('dim', theme.strikethrough(text))
-                : row.phase === 'error'
-                    ? (text) => theme.fg('error', text)
-                    : row.phase === 'waiting'
-                        ? (text) => theme.fg('dim', text)
-                        : (text) => text;
-            const marker = selected ? theme.fg('accent', SYMBOL.cursor) + ' ' : '';
-            const body = marker + subagentPhaseGlyph(row.phase, theme, spinnerFrame) + ' ' + paint(subagentRowText(row));
-            return branch + (selected ? theme.bold(body) : body);
-        })];
-    return lines.map(line => truncateToWidth(line, width));
-}
-/** Persistent inspect chrome: stays visible while the child transcript scrolls. */
-export function renderInspectBanner(inspected, theme, width, spinnerFrame = 0) {
-    if (inspected === undefined || width <= 0)
-        return [];
-    const guidance = inspected.writable ? 'Enter to steer · Esc to return' : 'read-only · Esc to return';
-    const line = '  ' + theme.fg('accent', '←') + ' ' + subagentPhaseGlyph(inspected.phase, theme, spinnerFrame)
-        + ' ' + theme.bold(inspected.label)
-        + theme.fg('dim', ` · ${guidance}`);
-    return [truncateToWidth(line, width)];
-}
-function queuedSubmissionLabel(submission) {
-    const text = submission.text.replaceAll('\r\n', '\n').replaceAll('\r', '\n')
-        .replaceAll('\n', ' ↵ ')
-        .replace(/\s+/gu, ' ')
-        .trim();
-    if (text !== '')
-        return text;
-    const count = submission.images.length;
-    return count === 0 ? '(empty message)' : `${count} image${count === 1 ? '' : 's'}`;
-}
-function queuedMessageLabel(message) {
-    const text = contentToText(message.content).replaceAll('\r\n', '\n').replaceAll('\r', '\n')
-        .replaceAll('\n', ' ↵ ')
-        .replace(/\s+/gu, ' ')
-        .trim();
-    if (text !== '')
-        return text;
-    const count = message.content.filter(block => block.type === 'image').length;
-    return count === 0 ? '(empty message)' : `${count} image${count === 1 ? '' : 's'}`;
-}
-/**
- * One fixed row above the composer for a turn that ended in failure.
- *
- * The transcript keeps its own error notice, but transcript rows scroll into
- * native history while the composer stays put: without this row a turn that
- * failed while the user was reading elsewhere leaves an apparently idle screen.
- * The row is bounded to a single line so it cannot squeeze the transcript.
- */
-export function renderTurnError(text, theme, width) {
-    if (text === '' || width <= 0)
-        return [];
-    const prefix = SYMBOL.error + ' ';
-    const hint = ' · Alt+R retry';
-    // Drop the retry hint before the message itself when the terminal is narrow.
-    const suffix = width - 2 - visibleWidth(prefix) - visibleWidth(hint) >= 8 ? hint : '';
-    const budget = Math.max(1, width - 2 - visibleWidth(prefix) - visibleWidth(suffix));
-    const line = ' '
-        + theme.fg('error', prefix)
-        + theme.fg('error', truncateToWidth(text, budget))
-        + (suffix === '' ? '' : theme.fg('dim', suffix));
-    return [padToWidth(line, width)];
-}
-/** Compact, unframed pending-message view placed immediately above the composer. */
-export function renderQueuedSubmissions(submissions, theme, width, inbox = []) {
-    const labels = [
-        ...inbox.filter(message => message.source.kind === 'user').map(queuedMessageLabel),
-        ...submissions.map(queuedSubmissionLabel),
-    ];
-    if (labels.length === 0 || width <= 0)
-        return [];
-    const start = Math.max(0, labels.length - QUEUED_SUBMISSION_PREVIEW);
-    const hidden = start;
-    const queueLabel = theme.bold(theme.fg('accent', 'Queued'));
-    const rail = '  ' + theme.fg('border', '│') + ' ';
-    const alignAction = (left, action, preserveAction = true) => {
-        const leftWidth = visibleWidth(left);
-        const actionWidth = visibleWidth(action);
-        if (leftWidth + actionWidth + 2 <= width) {
-            return left + ' '.repeat(width - leftWidth - actionWidth) + action;
-        }
-        if (!preserveAction || actionWidth + 4 >= width)
-            return truncateToWidth(left, width);
-        const paintedLeft = truncateToWidth(left, width - actionWidth - 2);
-        return paintedLeft + '  ' + action;
-    };
-    if (labels.length === 1) {
-        return [alignAction(rail + queueLabel + theme.fg('dim', ' · ') + theme.fg('text', labels[0] ?? ''), theme.fg('dim', '↑ edit'))];
-    }
-    const summary = ` · ${labels.length}${hidden === 0 ? '' : ` · ${hidden} earlier`}`;
-    const visibleLabels = labels.slice(start);
-    const lines = [
-        alignAction(rail + queueLabel + theme.fg('dim', summary), theme.fg('dim', '↑ edit latest'), false),
-        ...visibleLabels.map((label, index) => rail + theme.fg(index === visibleLabels.length - 1 ? 'accent' : 'dim', String(start + index + 1))
-            + '  ' + theme.fg('text', label)),
-    ];
-    return lines.map(line => truncateToWidth(line, width));
-}
-/**
- * Compose the welcome card, transcript, working row, and rounded editor into
- * one frame — the oh-my-pi surface.
- * @param state - transcript state.
- * @param options - terminal geometry and input state.
- * @returns the frame to hand to a renderer.
- */
-export function renderView(state, options) {
-    const theme = createTheme(options.colors, options.trueColor === true, options.themeName ?? 'dark');
-    const width = options.width;
-    const height = options.height;
-    const appName = options.appName ?? 'omdsh';
-    const version = options.version ?? '0.1.0';
-    const pwd = options.pwd ?? '';
-    const motion = options.motion ?? 'full';
-    const spinnerFrame = motion === 'off' ? -1 : options.spinnerFrame ?? 0;
-    if (options.agentHub !== undefined) {
-        const hub = renderAgentHub(options.agentHub, theme, width, height);
-        return {
-            lines: fitFrame(hub.lines, width),
-            cursor: hub.cursor,
-            cursorVisible: hub.cursorVisible,
-        };
-    }
-    if (options.trajectory !== undefined) {
-        const trajectory = renderTrajectory(options.trajectory, theme, width, height);
-        return {
-            lines: fitFrame(trajectory.lines, width),
-            cursor: trajectory.cursor,
-            cursorVisible: trajectory.cursorVisible,
-        };
-    }
-    if (options.settings !== undefined && options.promptSelector === undefined) {
-        const settings = renderSettings(options.settings, theme, width, height);
-        return {
-            lines: fitFrame(settings.lines, width),
-            cursor: settings.cursor,
-            cursorVisible: false,
-        };
-    }
-    if (options.promptSelector?.request.presentation === 'fullscreen-list') {
-        const selector = renderPromptSelectorPage(options.promptSelector, theme, width, height, options.input, options.inputCursor, appName);
-        return {
-            lines: fitFrame(selector.lines, width),
-            cursor: selector.cursor,
-            cursorVisible: true,
-        };
-    }
-    if (options.promptSelector?.request.presentation === 'plan-review') {
-        const review = renderPlanReviewPage(options.promptSelector, theme, width, height, options.input, options.inputCursor, appName);
-        return {
-            lines: fitFrame(review.lines, width),
-            cursor: review.cursor,
-            cursorVisible: review.cursorVisible === true,
-            ...(review.document === undefined ? {} : { promptDocument: review.document }),
-        };
-    }
-    const welcome = renderWelcome({
-        width,
-        model: options.model,
-        ...(options.reasoningEffort === undefined ? {} : { reasoningEffort: options.reasoningEffort }),
-        version,
-        appName,
-        ...(options.recentSessions === undefined ? {} : { recentSessions: options.recentSessions }),
-        ...(options.welcomeTips === undefined ? {} : { tips: options.welcomeTips }),
-    }, theme);
-    const transcript = renderTranscriptBody(state, options, theme, spinnerFrame);
-    const body = [...welcome];
-    let transcriptStart = body.length;
-    if (transcript.lines.length > 0) {
-        if (body.length > 0)
-            body.push('');
-        transcriptStart = body.length;
-        body.push(...transcript.lines);
-    }
-    const working = state.status === 'running'
-        ? renderWorking(theme, Math.max(0, spinnerFrame), undefined, width, motion)
-        : state.status === 'compacting'
-            ? renderWorking(theme, Math.max(0, spinnerFrame), 'Compacting', width, motion)
-            : [];
-    const statusBar = resolveStatusBarConfig(options.statusBar, options.statusPreset);
-    const inlineHint = options.transcriptSearch !== undefined
-        ? transcriptSearchHint({
-            query: options.transcriptSearch.query,
-            editing: options.transcriptSearch.editing,
-            focus: options.transcriptSearch.focus,
-        }, options.transcriptSearch.matches.length)
-        : options.inspected === undefined
-            ? slashInlineHint(options.input, options.inputCursor, options.commands)
-            : options.inspected.writable
-                ? slashInlineHint(options.input, options.inputCursor, options.commands) ?? 'Enter to steer · Esc to return'
-                : 'Read-only · Esc to return';
-    const statusFooter = renderStatusFooter({
-        model: options.model,
-        ...(options.reasoningEffort === undefined ? {} : { reasoningEffort: options.reasoningEffort }),
-        ...(options.sessionTitle === undefined || options.sessionTitle === '' ? {} : { sessionTitle: options.sessionTitle }),
-        ...(options.sessionControls === undefined ? {} : { controls: options.sessionControls }),
-        ...(options.loopStatus === undefined ? {} : { loop: options.loopStatus }),
-        ...(pwd === '' ? {} : { pwd }),
-        ...(options.branch === undefined || options.branch === '' ? {} : { branch: options.branch }),
-        ...(options.sessionStats === undefined ? {} : { stats: options.sessionStats }),
-        config: statusBar,
-        width,
-    }, theme);
-    const permissionBadge = renderPermissionBadge(options.sessionControls?.permission, theme);
-    const editorOpts = {
-        width,
-        input: options.input,
-        inputCursor: options.inputCursor,
-        status: ' ' + theme.fg('accent', '🐳') + ' ',
-        ...(permissionBadge === '' ? {} : { statusRight: ' ' + permissionBadge + ' ' }),
-        border: options.inspected !== undefined && options.inspected.writable !== true
-            || state.status === 'idle'
-            ? 'border'
-            : 'accent',
-        ...(theme.colors && (leadingSlashCommandNameRange(options.input) !== null
-            || (options.inputImages !== undefined && options.inputImages !== 0))
-            ? { paintInput: (text, start) => paintComposerInputSlice(options.input, text, start, theme) }
-            : {}),
-        ...(inlineHint !== null ? { inlineHint } : {}),
-    };
-    const promptSelector = options.promptSelector === undefined
-        ? undefined
-        : renderPromptSelector(options.promptSelector, theme, width, options.input, options.inputCursor, Math.max(3, Math.min(10, height - working.length - 14)));
-    const settings = promptSelector !== undefined || options.settings === undefined
-        ? undefined
-        : renderSettings(options.settings, theme, width);
-    const copySelector = promptSelector !== undefined || settings !== undefined || options.copySelector === undefined
-        ? undefined
-        : renderCopySelector(options.copySelector, theme, width);
-    const search = promptSelector !== undefined || settings !== undefined || copySelector !== undefined || options.historySearch === undefined
-        ? undefined
-        : renderHistorySearch(options.historySearch, theme, width, Math.max(1, Math.min(HISTORY_SEARCH_MAX_VISIBLE, height - working.length - 8)));
-    const editor = promptSelector === undefined && settings === undefined && copySelector === undefined && search === undefined
-        ? renderEditor(editorOpts, theme)
-        : undefined;
-    const queuedSubmissions = editor === undefined || options.inspected !== undefined
-        ? []
-        : 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
-        ? []
-        : renderTurnError(state.turnError, theme, width);
-    const todos = editor === undefined || options.inspected !== undefined ? [] : renderTodos(state.todos, theme, width);
-    const goal = editor === undefined || options.inspected !== undefined || options.sessionControls?.goal === undefined
-        ? []
-        : renderGoalBar(options.sessionControls.goal, theme, width);
-    const inspect = editor === undefined ? [] : renderInspectBanner(options.inspected, theme, width, spinnerFrame);
-    const subagents = editor === undefined
-        ? []
-        : renderSubagents(options.subagents, theme, width, spinnerFrame, options.inspected?.id, options.subagentLauncherFocused);
-    const autocomplete = promptSelector !== undefined || settings !== undefined || copySelector !== undefined || search !== undefined
-        || options.autocomplete === undefined
-        ? []
-        : renderAutocomplete(options.autocomplete.items, options.autocomplete.selected, theme, width);
-    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 budget = Math.max(0, height - reserved);
-    const focusStart = options.focusBlock === undefined
-        ? undefined
-        : transcript.blockStarts[Math.max(0, Math.min(options.focusBlock, transcript.blockStarts.length - 1))];
-    const requestedStart = focusStart === undefined
-        ? (options.scrollStart ?? Number.POSITIVE_INFINITY)
-        : transcriptStart + focusStart;
-    const hasOverlay = promptSelector !== undefined || settings !== undefined || copySelector !== undefined || search !== undefined;
-    const isFollowing = requestedStart === Number.POSITIVE_INFINITY && !hasOverlay;
-    const livePinned = state.blocks.some(block => block.kind === 'tool' && block.status === 'running');
-    const windowed = isFollowing
-        ? undefined
-        : windowTranscript(body, budget, requestedStart, theme);
-    const visible = windowed?.lines ?? body;
-    const lines = [...visible];
-    if (visible.length > 0)
-        lines.push('');
-    const bottomRows = working.length + goal.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(...inspect);
-    lines.push(...subagents);
-    lines.push(...todos);
-    lines.push(...queuedSubmissions);
-    lines.push(...turnError);
-    const editorStart = lines.length;
-    lines.push(...inputLines);
-    lines.push(...autocomplete);
-    lines.push(...statusFooter);
-    let liveStart;
-    if (isFollowing) {
-        const firstPending = state.blocks.findIndex(isBlockPending);
-        if (firstPending >= 0) {
-            liveStart = transcriptStart + transcript.blockStarts[firstPending];
-        }
-        else {
-            liveStart = lines.length - bottomRows;
-        }
-        // liveStart marks the first row that is still live/mutable. Rows above it
-        // are committed. Off-screen live rows are bounded by the renderer: it only
-        // ever writes the live viewport, so pending rows above the visible window
-        // are not pushed into native scrollback until they become committed.
-    }
-    else {
-        liveStart = 0;
-    }
-    // Every settled block was already rendered against this width. Mirroring
-    // OMP's stable-prefix preparation, only validate the mutable suffix instead
-    // of measuring the complete native-scrollback history on every frame.
-    const trimmed = fitFrame(lines, width, isFollowing ? liveStart : 0);
-    const caret = promptSelector?.cursor ?? settings?.cursor ?? copySelector?.cursor ?? search?.cursor ?? editor?.cursor ?? { row: 0, column: 0 };
-    return {
-        lines: trimmed,
-        cursor: {
-            row: editorStart + caret.row,
-            column: Math.min(caret.column, width),
-        },
-        cursorVisible: state.status === 'compacting'
-            || (options.inspected !== undefined && options.inspected.writable !== true)
-            ? false
-            : promptSelector?.cursorVisible ?? (settings === undefined && copySelector === undefined),
-        liveStart,
-        livePinned,
-        // A transient frame is either a full-screen surface or the user browsing
-        // history; the renderer needs to tell them apart because only the first may
-        // borrow the alternate buffer.
-        ...(liveStart === 0 ? { transientSurface: hasOverlay ? 'overlay' : 'scroll' } : {}),
-        transcript: windowed ?? {
-            start: 0,
-            maxStart: 0,
-            budget,
-            hiddenAbove: 0,
-            hiddenBelow: 0,
-        },
-    };
-}
+/** View options: terminal geometry and live input state. */
 //# sourceMappingURL=event-views.js.map