@north-light/crouter 0.3.317 → 0.3.319

package/dist/core/canvas/browse/render.js

@@ -1,1055 +1,3 @@
-// render.ts — pure frame rendering for the canvas browser.
-//
-// renderFrame(state, size, caps) → a full-screen string. The app writes it
-// verbatim on every keystroke. Redraw is flicker-free: home the cursor (\x1b[H),
-// clear each line to EOL (\x1b[K), and clear below the last line (\x1b[J) so a
-// shrunk frame leaves no stale rows. A full frame per keypress is fine for a
-// picker.
-//
-// COLOR is browse-only and *reinforces* the status glyphs (`● ○ ✓ ✗ ⊘`) which
-// stay the primary, color-free encoding (colorblind / light-bg / NO_COLOR safe).
-// Every hue (fg / bg color) is gated on `caps.color`; structural SGR (bold/dim/
-// reverse) is allowed always. See detectColorCaps() for the gate, and the
-// canvas-browse color spec for the rationale + palette.
-import { STATUS_GLYPH, STATUS_COLOR, isFrozenRow, resolveNodeVisual, faultSummary } from '../status-glyph.js';
-import { TABS, promptText, previewSnippet } from './model.js';
-import { matchIndices } from '../../tui/fuzzy.js';
-// Span/color primitives live in core/tui/draw.ts (one copy, shared with the
-// `crtr view` host). Re-export the color caps so browse's importers + tests keep
-// resolving them from this module.
-import { clip, assemble, detectColorCaps } from '../../tui/draw.js';
-import { renderMarkdownSpans } from '../../tui/markdown.js';
-export { detectColorCaps };
-// Fixed chrome heights, shared with app.ts so its viewport math never drifts
-// from what renderFrame actually draws.
-//   header = title + tab bar + status line + separator (+ search input when searching)
-//   preview = separator + meta line + PREVIEW_BODY lines of node briefing
-// The body budget is FIXED and divided between four blocks at paint time (see
-// previewPanel): the two optional blocks (recap, report) take two lines each when
-// the node has them, and whatever is left over is split between the two blocks that
-// always render (the ask and the reply). A node with neither therefore shows twice
-// as much literal conversation instead of half a panel of blanks.
-export const RECAP_LINES = 2;
-export const REPORT_LINES = 2;
-export const PREVIEW_BODY = 8;
-export const PREVIEW_HEIGHT = PREVIEW_BODY + 2;
-// ── Preview placement ─────────────────────────────────────────────────────────
-// A wide terminal gets the preview as a full-height RIGHT-HAND COLUMN: the row
-// table drops its flush-right metadata cluster (those per-row facts are noise when
-// you only care about the hovered node — they come back as a facts block inside the
-// panel) and the reclaimed columns become the panel. A narrow terminal cannot spare
-// the columns, so it keeps the bottom panel. The choice is width alone, so there is
-// one code path per layout and never two hand-maintained copies of the content.
-const SIDE_MIN_COLS = 100; // below this the side column would starve the name column
-const SIDE_PANEL_MIN = 46;
-const SIDE_PANEL_MAX = 110;
-const SIDE_PANEL_RATIO = 0.55;
-const SIDE_ROWS_MIN = 40; // the row table never shrinks below this
-const SIDE_GUTTER = ' │ '; // rows │ panel — the dim rule that separates them
-export function previewLayout(cols, previewOn) {
-    const width = Math.max(20, cols) - 1; // last column is reserved for \x1b[K
-    if (!previewOn)
-        return { mode: 'none', panelW: 0, rowsW: width };
-    if (cols < SIDE_MIN_COLS)
-        return { mode: 'bottom', panelW: 0, rowsW: width };
-    const gutter = [...SIDE_GUTTER].length;
-    let panelW = Math.min(SIDE_PANEL_MAX, Math.max(SIDE_PANEL_MIN, Math.round(width * SIDE_PANEL_RATIO)));
-    if (width - panelW - gutter < SIDE_ROWS_MIN)
-        panelW = width - gutter - SIDE_ROWS_MIN;
-    if (panelW < SIDE_PANEL_MIN)
-        return { mode: 'bottom', panelW: 0, rowsW: width };
-    return { mode: 'side', panelW, rowsW: width - panelW - gutter };
-}
-//   header = title + tab bar + status line + column header + separator (+ input line)
-// `inputLine` is true whenever a text-input mode is open (search / rename / message)
-// — each adds one prompt row above the column header.
-export function headerHeight(inputLine) {
-    return 5 + (inputLine ? 1 : 0);
-}
-// ── Row table layout ──────────────────────────────────────────────────────────
-// A row is three zones: a fixed-width STATUS rail (glyph + word) on the left, the
-// flexible tree-indented NAME in the middle, and a flush-right METADATA cluster
-// (kind/mode · ctx · age · project) whose fixed-width segments align into clean
-// vertical columns down the right edge. Wide terminals widen the name; narrow ones
-// clip the name (and drop the cluster) first. The status WORD — not a lone glyph —
-// is the legible, NO_COLOR-safe state signal.
-const STATUS_W = 10; // glyph + ' ' + longest word ('active'/'cancel') + trailing gap
-const KM_W = 22; // kind/mode column
-const CTX_W = 6; // ctx tokens column
-const AGE_W = 5; // age column
-const PROJ_W = 16; // project (~basename) column, only across All dirs
-const COL_GAP = '  ';
-// ── ANSI ────────────────────────────────────────────────────────────────────
-const ESC = '\x1b[';
-const RESET = `${ESC}0m`;
-const REVERSE = `${ESC}7m`;
-const DIM = `${ESC}2m`;
-const BOLD = `${ESC}1m`;
-const CURSOR_BG = `${ESC}48;5;236m`; // subtle dark-gray cursor-row bg (256-color)
-// Basic-16 ANSI fg codes used by the palette.
-const FG_YELLOW = '33';
-const FG_RED = '31';
-const FG_CYAN = '36';
-const FG_GRAY = '90'; // bright-black
-const FG_BRIGHT_YELLOW = '93';
-const FG_BRIGHT_CYAN = '96'; // query-match highlight (ties to the cyan search accent)
-const FG_MAGENTA = '35'; // pin star (distinct from the yellow ⚑ asks flag)
-function fmtCtx(tokens) {
-    if (tokens <= 0)
-        return '0k';
-    return `${Math.floor(tokens / 1000)}k`;
-}
-/** Tiered ctx-budget hue: dim under 50k, yellow 50–100k, red ≥100k. `undefined`
- *  → dim (structural), so low budgets recede. */
-function ctxColorCode(tokens) {
-    if (tokens >= 100_000)
-        return FG_RED;
-    if (tokens >= 50_000)
-        return FG_YELLOW;
-    return undefined;
-}
-/** Compact relative age, e.g. `45s` `12m` `3h` `5d` `2w` `4mo`. Empty on a bad
- *  timestamp. Drives the per-row recency cue + the preview meta line. */
-function relAge(created, now) {
-    const t = Date.parse(created);
-    if (Number.isNaN(t))
-        return '';
-    const s = Math.max(0, Math.floor((now - t) / 1000));
-    if (s < 60)
-        return `${s}s`;
-    const m = Math.floor(s / 60);
-    if (m < 60)
-        return `${m}m`;
-    const h = Math.floor(m / 60);
-    if (h < 24)
-        return `${h}h`;
-    const d = Math.floor(h / 24);
-    if (d < 7)
-        return `${d}d`;
-    const w = Math.floor(d / 7);
-    if (w < 5)
-        return `${w}w`;
-    return `${Math.floor(d / 30)}mo`;
-}
-/** Last path segment of a cwd — the project name shown as the All-dirs cue. */
-function baseDir(cwd) {
-    const parts = cwd.replace(/\/+$/, '').split('/');
-    return parts[parts.length - 1] || cwd;
-}
-// ── Styled spans ──────────────────────────────────────────────────────────────
-//
-// A row is built from styled spans, then assembled to a width-clipped line. This
-// lets each cell carry its own hue (status glyph, ctx tier, asks, match highlight)
-// while clipping by VISIBLE width — ANSI bytes don't count toward the column
-// budget. `fg` is hue (gated on `color`); `bold`/`dim` are structural (always).
-// Span / styleSpan / assemble now live in core/tui/draw.ts (imported above).
-/** Status tallies across the whole canvas, for the right-aligned header. Memoized
- *  per tree — the snapshot is immutable for a browse session, so counting is done
- *  once, not O(N) on every keystroke (the "massive canvas" target). */
-const summaryCache = new WeakMap();
-function statusCounts(tree) {
-    const cached = summaryCache.get(tree);
-    if (cached !== undefined)
-        return cached;
-    const counts = { active: 0, idle: 0, done: 0, dead: 0, canceled: 0 };
-    for (const node of tree.nodes.values())
-        counts[node.row.status]++;
-    const parts = [];
-    for (const s of ['active', 'idle', 'done', 'dead', 'canceled']) {
-        if (counts[s] > 0)
-            parts.push({ status: s, count: counts[s] });
-    }
-    summaryCache.set(tree, parts);
-    return parts;
-}
-function tabBar(active, color) {
-    return TABS.map((t) => {
-        if (t === active) {
-            // Keep the [ ] brackets in BOTH paths so the active tab reads without color.
-            return color ? `${BOLD}${ESC}${FG_CYAN}m[ ${t} ]${RESET}` : `${REVERSE}[ ${t} ]${RESET}`;
-        }
-        return color ? `${DIM}  ${t}  ${RESET}` : `  ${t}  `;
-    }).join('');
-}
-const EMPTY_HI = new Set();
-/** Name → spans, splitting out the query-matched chars (bold + bright-cyan) so
- *  matches are scannable. Non-matched chars carry the row's name style (dim for
- *  terminal status, bold on the cursor row). */
-function nameSpans(name, query, style) {
-    const hi = query === '' ? EMPTY_HI : matchIndices(query, name);
-    if (hi.size === 0)
-        return [{ text: name, style: { dim: style.dim, bold: style.bold } }];
-    const out = [];
-    let buf = '';
-    let bufHi = false;
-    const flush = () => {
-        if (buf === '')
-            return;
-        if (bufHi)
-            out.push({ text: buf, style: { fg: FG_BRIGHT_CYAN, bold: true } });
-        else
-            out.push({ text: buf, style: { dim: style.dim, bold: style.bold } });
-        buf = '';
-    };
-    for (let i = 0; i < name.length; i++) {
-        const h = hi.has(i);
-        if (h !== bufHi) {
-            flush();
-            bufHi = h;
-        }
-        buf += name[i];
-    }
-    flush();
-    return out;
-}
-/** Visible (cell) width of a span group — ANSI-free, surrogate-safe. */
-function spansWidth(spans) {
-    let n = 0;
-    for (const s of spans)
-        n += [...s.text].length;
-    return n;
-}
-/** The status rail: a status WORD next to its glyph, both in the status hue, padded
- *  to STATUS_W so the rail forms a clean left column. `live` (bright green) when the
- *  node is genuinely mid-turn; otherwise the lifecycle word. The word is what makes
- *  state legible at a glance and survives NO_COLOR (the glyph is the second cue). */
-function statusRail(r) {
-    const v = resolveNodeVisual(r.status, {
-        streaming: r.streaming === true,
-        frozen: isFrozenRow(r),
-        hanging: r.hanging ?? null,
-    });
-    // Plain status keeps browse's own status WORD; overlays (hanging/⟳)
-    // carry their own word from resolveNodeVisual. A hanging kind label can exceed
-    // STATUS_W — acceptable: the rare, attention-demanding row gets a slightly
-    // wider rail (Math.max(1,…) keeps a gap), which draws the eye.
-    const word = v.word ?? ({ active: 'active', idle: 'idle', done: 'done', dead: 'dead', canceled: 'cancel' }[r.status] ?? r.status);
-    const fg = v.color;
-    const text = `${v.glyph} ${word}`;
-    const pad = Math.max(1, STATUS_W - [...text].length);
-    return [
-        { text, style: { fg, bold: v.bold === true } },
-        { text: ' '.repeat(pad) },
-    ];
-}
-/** The flush-right metadata cluster as fixed-width segments, so kind/mode · ctx ·
- *  age · project align into vertical columns down the right edge. `showCwd` adds the
- *  project column (only meaningful across All dirs). */
-function metaCluster(r, now, showCwd) {
-    const ctxFg = ctxColorCode(r.ctx_tokens);
-    const out = [
-        { text: clipPad(`${r.kind}/${r.mode}`, KM_W), style: { fg: FG_GRAY } },
-        { text: COL_GAP },
-        { text: fmtCtx(r.ctx_tokens).padStart(CTX_W), style: { fg: ctxFg, dim: ctxFg === undefined } },
-        { text: COL_GAP },
-        { text: relAge(r.created, now).padStart(AGE_W), style: { dim: true } },
-    ];
-    if (showCwd) {
-        out.push({ text: COL_GAP }, { text: clipPad(`~${baseDir(r.cwd)}`, PROJ_W), style: { fg: FG_GRAY } });
-    }
-    return out;
-}
-/** Left-clip-pad: clip `s` to `w` cells then pad-end with spaces to exactly `w`. */
-function clipPad(s, w) {
-    return clip(s, w).padEnd(w);
-}
-/** Compose a row from a flexible LEFT zone and a fixed flush-right RIGHT cluster:
- *  pad fills the gap so RIGHT hugs the edge; when the terminal is too narrow the
- *  cluster is dropped rather than colliding with the name. The caller has already
- *  clipped the name to fit. */
-function assembleRow(left, right, width, color, lineBase, fill) {
-    const leftW = spansWidth(left);
-    const rightW = spansWidth(right);
-    if (right.length === 0 || leftW + rightW + 1 > width) {
-        return assemble(left, width, color, lineBase, fill);
-    }
-    const pad = width - leftW - rightW;
-    return assemble([...left, { text: ' '.repeat(pad) }, ...right], width, color, lineBase, fill);
-}
-/** One table row: `<status rail>  <indent><collapse> <name> <flags>` ........ `<meta>`.
- *  `showCwd` adds the project column (All-dirs view); `now` drives the age. */
-function rowLine(row, tree, width, isCursor, query, caps, showCwd, now, isPinned, 
-/** false in side-preview mode: the metadata cluster is replaced by the panel's
- *  facts block, so the name gets the whole row. */
-showMeta = true, 
-/** true in side-preview mode: pad every row to exactly `width` so the vertical
- *  rule and the panel land in the same columns on every line. */
-padToWidth = false) {
-    const node = tree.nodes.get(row.id);
-    if (node === undefined)
-        return '';
-    const r = node.row;
-    const indent = '  '.repeat(row.depth);
-    const collapse = !row.hasChildren ? ' ' : row.collapsed ? '▸' : '▾';
-    const terminal = r.status === 'done' || r.status === 'dead' || r.status === 'canceled';
-    // Left gutter (fixed slot): an eye when a viewer is ATTACHED — a scannable rail
-    // down the left edge of "what's on a screen right now". Blank otherwise.
-    const gutter = r.viewed === true
-        ? { text: '\uf06e ', style: { fg: FG_BRIGHT_CYAN, bold: true } }
-        : { text: '  ' };
-    // Inline attention flag that travels with the name (fault summary lives in the rail,
-    // attached lives in the gutter).
-    const flags = [];
-    if (r.asks > 0)
-        flags.push({ text: ` ⚑${r.asks}`, style: { fg: FG_BRIGHT_YELLOW, bold: true } }); // pending asks
-    // Hanging: the fault summary travels with the name (the ⚠ + kind
-    // label live in the rail). Dim yellow so it reads as secondary detail.
-    if (r.hanging != null)
-        flags.push({ text: ` · ${faultSummary(r.hanging, now)}`, style: { fg: FG_YELLOW, dim: true } });
-    // Pin marker travels just before the name so a starred node is scannable in any
-    // tab/sort. Magenta keeps it distinct from the yellow ⚑ asks flag.
-    const pinMark = isPinned ? [{ text: '★ ', style: { fg: FG_MAGENTA, bold: true } }] : [];
-    const status = statusRail(r);
-    const right = showMeta ? metaCluster(r, now, showCwd) : [];
-    const treeLead = `${indent}${collapse} `;
-    // Clip the NAME (only) so gutter + status + tree + pin + name + flags + meta all
-    // fit; the cluster is dropped first (assembleRow) when even a 4-col name won't fit.
-    const fixed = spansWidth([gutter]) + spansWidth(status) + [...treeLead].length + spansWidth(pinMark) + spansWidth(flags);
-    const rightW = spansWidth(right);
-    const nameMax = Math.max(4, width - fixed - rightW - 1);
-    const nameStyle = { dim: !isCursor && terminal, bold: isCursor }; // dim terminal names; bold the cursor row
-    const left = [
-        gutter,
-        ...status,
-        { text: treeLead, style: { dim: true } },
-        ...pinMark,
-        ...nameSpans(clip(r.name, nameMax), query, nameStyle),
-        ...flags,
-    ];
-    // Row base: cursor → subtle bg (256) or reverse fallback (also !color); non-matched
-    // ancestor → whole-row dim for tree context.
-    let lineBase = '';
-    let fill = padToWidth;
-    if (isCursor) {
-        lineBase = caps.color256 ? CURSOR_BG : REVERSE;
-        fill = true;
-    }
-    else if (!row.matched) {
-        lineBase = DIM;
-    }
-    return assembleRow(left, right, width, caps.color, lineBase, fill);
-}
-/** The column-header row — dim labels aligned to the same zones the rows use, so
- *  the metadata columns read as a table. */
-function columnHeaderLine(width, showCwd, caps, showMeta = true, padToWidth = false) {
-    const left = [
-        { text: '  ' }, // viewer gutter (no label)
-        { text: 'STATUS'.padEnd(STATUS_W), style: { dim: true, bold: true } },
-        { text: 'NAME', style: { dim: true, bold: true } },
-    ];
-    if (!showMeta)
-        return assemble(left, width, caps.color, '', padToWidth);
-    const right = [
-        { text: 'KIND/MODE'.padEnd(KM_W), style: { dim: true, bold: true } },
-        { text: COL_GAP },
-        { text: 'CTX'.padStart(CTX_W), style: { dim: true, bold: true } },
-        { text: COL_GAP },
-        { text: 'AGE'.padStart(AGE_W), style: { dim: true, bold: true } },
-    ];
-    if (showCwd)
-        right.push({ text: COL_GAP }, { text: 'PROJECT'.padEnd(PROJ_W), style: { dim: true, bold: true } });
-    return assembleRow(left, right, width, caps.color, '', false);
-}
-/** The status line (always present): active profile/cwd scopes · sort mode ·
- *  committed filter. The committed-filter indicator lives here now (not its own
- *  line) so a filtered view always advertises its query without consuming a header row. */
-function statusLine(state) {
-    const dim = (s) => `${DIM}${s}${RESET}`;
-    const profile = state.profileScope === undefined ? 'all profiles' : 'current';
-    const scope = state.cwdScope === null ? 'all dirs' : baseDir(state.cwdScope);
-    const segs = [
-        `${dim('profile')} ${profile}`,
-        `${dim('scope')} ${scope}`,
-        `${dim('sort')} ${state.sort}`,
-        `${dim('lifecycle')} ${state.residentsOnly ? 'residents' : 'all'}`,
-    ];
-    if (!state.search && state.query !== '')
-        segs.push(`${dim('filter')} ${state.query}`);
-    return segs.join(dim('  ·  '));
-}
-/** One snippet line → a rendered string with the query-matched columns in bold
- *  bright-cyan (mirrors the row name highlight). Unmatched text stays default. */
-function snippetLine(ln, width, caps, base) {
-    if (ln.hi.size === 0)
-        return assemble([{ text: ln.text, style: base }], width, caps.color, '', false);
-    const spans = [];
-    let buf = '';
-    let bufHi = false;
-    const flush = () => {
-        if (buf === '')
-            return;
-        spans.push(bufHi ? { text: buf, style: { fg: FG_BRIGHT_CYAN, bold: true } } : { text: buf, style: base });
-        buf = '';
-    };
-    for (let i = 0; i < ln.text.length; i++) {
-        const h = ln.hi.has(i);
-        if (h !== bufHi) {
-            flush();
-            bufHi = h;
-        }
-        buf += ln.text[i];
-    }
-    flush();
-    return assemble(spans, width, caps.color, '', false);
-}
-/** How the fixed PREVIEW_BODY budget is divided for one row: the optional blocks
- *  take their two lines only when the node actually has them, and the remainder is
- *  split between the ask and the reply (ask keeps the odd line). */
-export function previewAllocation(hasRecap, hasReport) {
-    const recap = hasRecap ? RECAP_LINES : 0;
-    const report = hasReport ? REPORT_LINES : 0;
-    const free = Math.max(2, PREVIEW_BODY - recap - report);
-    const ask = Math.ceil(free / 2);
-    return { recap, ask, reply: free - ask, report };
-}
-/** Render one marked block (`marker` on the first line, aligned continuation after)
- *  into exactly `lines` rows, or the `empty` placeholder when there is no text. */
-function markedBlock(marker, text, empty, lines, width, caps, query) {
-    if (lines <= 0)
-        return [];
-    const out = [];
-    const mark = caps.color ? `${DIM}${marker}${RESET}` : marker;
-    const inner = Math.max(1, width - 2);
-    // No query → render the text as markdown (see blockLines for why a live query
-    // keeps the raw windowed path instead). No spacing: this panel is cramped.
-    if (query === '') {
-        const md = renderMarkdownSpans(text, inner, lines, false);
-        if (md.length === 0)
-            out.push(`${mark}${DIM}${clip(empty, inner)}${RESET}`);
-        else
-            for (const spans of md)
-                out.push(`${out.length === 0 ? mark : '  '}${assemble(spans, inner, caps.color, '', false)}`);
-        while (out.length < lines)
-            out.push('');
-        return out;
-    }
-    const snippet = previewSnippet(query, text, inner, lines);
-    if (snippet.length === 0) {
-        out.push(`${mark}${DIM}${clip(empty, inner)}${RESET}`);
-    }
-    else {
-        for (const ln of snippet)
-            out.push(`${out.length === 0 ? mark : '  '}${snippetLine(ln, inner, caps)}`);
-    }
-    while (out.length < lines)
-        out.push('');
-    return out;
-}
-/** One `Goal`/`State` briefing line: a dim fixed-width label then the text. */
-function recapLine(label, text, width, caps) {
-    const lbl = `${label.padEnd(6)}`;
-    const body = clip(text, Math.max(1, width - lbl.length));
-    return caps.color ? `${DIM}${lbl}${RESET}${BOLD}${body}${RESET}` : `${lbl}${body}`;
-}
-/** The bottom preview panel — exactly PREVIEW_HEIGHT lines, ordered by how fast
- *  each answers "which node was this, and can I pick it back up?":
- *
- *    separator
- *    meta      status · kind/mode · project · age · ctx · asks · fault/viewing
- *    Goal/State  the node's last persisted recap briefing — the one-glance answer
- *    ❯ ask      the spawn prompt in the user's own words (the recognition anchor),
- *               or, under a live query, the WINDOWED matching prompt from anywhere
- *               in the conversation with the match highlighted
- *    ↩ reply    the node's last assistant message — where it actually left off
- *    ▣ report   the newest thing it pushed (age · kind · headline), because a
- *               resident's reports are written to be read, unlike its live tail
- *
- *  The optional blocks yield their lines to the literal ones when absent, so the
- *  panel is never padded with blanks. Always full height so viewport math holds. */
-function previewPanel(r, width, caps, now, query) {
-    const out = [`${DIM}${'─'.repeat(width)}${RESET}`];
-    if (r === undefined) {
-        while (out.length < PREVIEW_HEIGHT)
-            out.push('');
-        return out;
-    }
-    const v = resolveNodeVisual(r.status, {
-        streaming: r.streaming === true,
-        frozen: isFrozenRow(r),
-        hanging: r.hanging ?? null,
-    });
-    const glyph = caps.color
-        ? `${ESC}${v.color}m${v.glyph}${RESET}`
-        : v.glyph;
-    const metaPieces = [`${r.status} ${r.kind}/${r.mode}`, baseDir(r.cwd), relAge(r.created, now), `ctx ${fmtCtx(r.ctx_tokens)}`];
-    if (r.asks > 0)
-        metaPieces.push(`⚑${r.asks}`);
-    if (r.hanging != null)
-        metaPieces.push(faultSummary(r.hanging, now));
-    if (r.streaming === true)
-        metaPieces.push('⟳');
-    if (r.viewed === true)
-        metaPieces.push('\uf06e viewing');
-    const metaText = clip(metaPieces.filter((p) => p !== '').join('  ·  '), Math.max(0, width - 2));
-    out.push(caps.color ? `${glyph} ${DIM}${metaText}${RESET}` : `${glyph} ${metaText}`);
-    const alloc = previewAllocation(r.recap !== undefined, r.report !== undefined);
-    // Goal / State — the generated briefing, the fastest "what is this and where is
-    // it" in the panel. Absent for a node that never idled long enough to make one.
-    if (r.recap !== undefined) {
-        out.push(recapLine('Goal', r.recap.goal === '' ? '—' : r.recap.goal, width, caps));
-        out.push(recapLine('State', r.recap.state === '' ? '—' : r.recap.state, width, caps));
-    }
-    // The ask, verbatim. Under a live query this becomes the windowed match from the
-    // WHOLE conversation (the one thing a search result must show), so it keeps the
-    // query highlight; with no query it is the spawn prompt from the start.
-    const askText = query !== '' ? promptText(r) : (r.goal ?? '');
-    out.push(...markedBlock('❯ ', askText, '(no spawn prompt)', alloc.ask, width, caps, query));
-    // Where it left off.
-    out.push(...markedBlock('↩ ', r.lastAssistant ?? '', '(no reply yet)', alloc.reply, width, caps, ''));
-    // What it last delivered. The stamp + kind lead the line because a report's value
-    // here is "how recently did this node report, and was that its final?".
-    if (r.report !== undefined) {
-        const age = relAge(r.report.ts, now);
-        const stamp = `${age === '' ? '' : `${age} `}${r.report.kind}`;
-        const headline = r.report.heading === '' ? r.report.body : r.report.heading;
-        const mark = caps.color ? `${DIM}▣ ${RESET}` : '▣ ';
-        const inner = Math.max(1, width - 2);
-        const stampText = caps.color ? `${ESC}${FG_CYAN}m${stamp}${RESET}${DIM} · ${RESET}` : `${stamp} · `;
-        out.push(`${mark}${stampText}${clip(headline, Math.max(1, inner - stamp.length - 3))}`);
-        for (let i = 1; i < alloc.report; i++) {
-            const detail = r.report.heading === '' ? '' : r.report.body;
-            const ln = previewSnippet('', detail, inner, alloc.report - 1)[i - 1];
-            out.push(ln === undefined ? '' : `  ${DIM}${clip(ln.text, inner)}${RESET}`);
-        }
-    }
-    return out;
-}
-// ── The side preview panel ────────────────────────────────────────────────────
-//
-// Same four zones as the bottom panel (recap · ask · reply · report) with room to
-// breathe, drawn as designed chrome instead of a wall of prose:
-//
-//   <title row, drawn on the column-header line>   ★ node name          8-char id
-//   ● active   ⚑2 asks    viewing            ← state, in the status hue
-//   kind general/base    ctx  42k            ← facts block: dim right-aligned
-//   proj ~northlight     age   3h              labels, values in their own hues
-//   ── GOAL ─────────────────────────────    ← hairline + small-caps label
-//   ▌ what this conversation is for          ← accent bar: the hero quote
-//   ── ASK ──────────────────────────────
-//   ❯ the spawn prompt, hanging-indented
-//
-// Section bodies are allocated from the panel's real height: everyone asks for a
-// natural size, the largest gives a line back until it fits, and only then does the
-// least-valuable section drop out entirely (report → state → goal → reply; the ask
-// is the recognition anchor and never drops).
-/** A dim hairline with a small-caps section label — `── GOAL ────────`. The optional
- *  suffix rides after the label in its own hue (the report's age · kind stamp). */
-function sectionRule(label, width, caps, suffix) {
-    const suf = suffix === undefined ? '' : `${suffix.text} `;
-    const tail = Math.max(0, width - 4 - label.length - suf.length);
-    const sufStyled = suffix === undefined
-        ? ''
-        : caps.color ? `${ESC}${suffix.fg}m${suffix.text}${RESET}${DIM} ` : `${suffix.text} `;
-    return `${DIM}── ${BOLD}${label}${RESET}${DIM} ${sufStyled}${'─'.repeat(tail)}${RESET}`;
-}
-/** A marked body block with a hanging indent: `marker` leads the first line, `cont`
- *  every wrapped line after it (`▌ ` keeps the accent bar running down a quote).
- *  Returns the lines it actually filled — never padded, so the panel stacks tight.
- *  `empty` renders a dim placeholder for a block that must show even when absent. */
-function blockLines(marker, cont, markerStyle, text, empty, maxLines, width, caps, query, bodyStyle) {
-    if (maxLines <= 0)
-        return [];
-    const indent = [...marker].length;
-    const inner = Math.max(1, width - indent);
-    const mk = (s, st) => assemble([{ text: s, style: st }], indent, caps.color, '', true);
-    // The ONE case that stays raw: under a live query the ask shows the windowed
-    // match with the matched columns highlighted, and stripping `**` would shift
-    // every later column out from under the highlight. Everything else renders
-    // markdown — headings, lists, and emphasis are how these messages were written.
-    if (query === '') {
-        const md = renderMarkdownSpans(text, inner, maxLines, true, bodyStyle);
-        if (md.length === 0) {
-            if (empty === undefined)
-                return [];
-            return [`${mk(marker, markerStyle)}${DIM}${clip(empty, inner)}${RESET}`];
-        }
-        return md.map((spans, i) => `${mk(i === 0 ? marker : cont, markerStyle)}${assemble(spans, inner, caps.color, '', false)}`);
-    }
-    const snippet = previewSnippet(query, text, inner, maxLines);
-    if (snippet.length === 0) {
-        if (empty === undefined)
-            return [];
-        return [`${mk(marker, markerStyle)}${DIM}${clip(empty, inner)}${RESET}`];
-    }
-    return snippet.map((ln, i) => `${mk(i === 0 ? marker : cont, markerStyle)}${snippetLine(ln, inner, caps, bodyStyle)}`);
-}
-// ── The chat transcript ───────────────────────────────────────────────
-//
-// The panel's centrepiece: the node's conversation painted the way the attach viewer
-// paints it — a coloured left bar per turn, a small-caps role label, and the message
-// body with its markdown honoured. It serves two jobs from one renderer:
-//
-//   no query — the RECENT tail, newest turn last, so the panel reads as "where did
-//              this conversation get to".
-//   a query  — only the turns that CONTAIN the query, oldest match first, with every
-//              occurrence highlighted and the skipped turns counted in a dim elision
-//              marker. Every visible line is then evidence for the search.
-/** Rendered lines a single turn may occupy before it is windowed. Bounded by the
- *  per-message cap in readTranscript, so this is a ceiling, not a budget. */
-const TURN_RENDER_MAX = 400;
-/** Rendered lines kept above the first match when a matched turn must be windowed. */
-const TURN_MATCH_LEAD = 1;
-/** Lines a single turn may take when several turns share the panel. */
-const TURN_SOFT_CAP = 14;
-/** The matched-run style. `reverse` is structural SGR, so a search match stays
- *  visible with hue disabled — which the fg-only row highlight cannot manage. */
-const MATCH_STYLE = { fg: FG_BRIGHT_CYAN, bold: true, reverse: true };
-function spansText(spans) {
-    let out = '';
-    for (const s of spans)
-        out += s.text;
-    return out;
-}
-/** Re-style every case-insensitive occurrence of `query` inside already-rendered
- *  spans, splitting runs at the match edges. Working on the RENDERED text is what
- *  lets a transcript keep its markdown and still highlight: the markup is already
- *  gone, so no column can drift out from under a highlight. */
-export function highlightSpans(spans, query) {
-    if (query === '')
-        return { spans, hits: 0 };
-    const text = spansText(spans);
-    const lower = text.toLowerCase();
-    const q = query.toLowerCase();
-    if (lower.indexOf(q) < 0)
-        return { spans, hits: 0 };
-    const hi = new Uint8Array(text.length);
-    let hits = 0;
-    for (let i = lower.indexOf(q); i >= 0; i = lower.indexOf(q, i + q.length)) {
-        hits++;
-        for (let j = i; j < i + q.length; j++)
-            hi[j] = 1;
-    }
-    const out = [];
-    let col = 0;
-    for (const s of spans) {
-        let buf = '';
-        let bufHi = hi[col] === 1;
-        for (let k = 0; k < s.text.length; k++) {
-            const h = hi[col] === 1;
-            if (h !== bufHi) {
-                if (buf !== '')
-                    out.push({ text: buf, style: bufHi ? MATCH_STYLE : s.style });
-                buf = '';
-                bufHi = h;
-            }
-            buf += s.text[k];
-            col++;
-        }
-        if (buf !== '')
-            out.push({ text: buf, style: bufHi ? MATCH_STYLE : s.style });
-    }
-    return { spans: out, hits };
-}
-const TURN_BAR = '▌ ';
-/** Paint one turn: `▌ YOU` / `▌ AGENT` then the body, every line carrying the bar so
- *  a turn stays one contiguous block. The user's bar is the cyan accent and the
- *  agent's is dim gray — the same weight distinction the row table already uses
- *  between what you said and what the runtime produced. */
-function turnBlock(turn, query, maxLines, width, caps) {
-    if (maxLines < 2)
-        return { lines: [], hits: 0, truncated: true };
-    const user = turn.role === 'user';
-    const barStyle = user ? { fg: FG_BRIGHT_CYAN, bold: true } : { fg: FG_GRAY };
-    const inner = Math.max(1, width - TURN_BAR.length);
-    const bar = () => assemble([{ text: TURN_BAR, style: barStyle }], TURN_BAR.length, caps.color, '', true);
-    const out = [
-        assemble([{ text: TURN_BAR, style: barStyle }, { text: user ? 'YOU' : 'AGENT', style: { ...barStyle, bold: true } }], width, caps.color, '', false),
-    ];
-    const body = renderMarkdownSpans(turn.text, inner, TURN_RENDER_MAX, false, user ? {} : { dim: true });
-    const marked = body.map((spans) => highlightSpans(spans, query));
-    const hits = marked.reduce((n, m) => n + m.hits, 0);
-    // Window the body when it outgrows its slice of the panel. Searching, the window
-    // opens on the first match (that is the only line the search has to prove); idle,
-    // it opens at the top of the message.
-    const budget = maxLines - 1;
-    let start = 0;
-    if (marked.length > budget && hits > 0) {
-        start = Math.max(0, marked.findIndex((m) => m.hits > 0) - TURN_MATCH_LEAD);
-        start = Math.min(start, marked.length - budget);
-    }
-    const shown = marked.slice(start, start + budget);
-    for (const m of shown)
-        out.push(`${bar()}${assemble(m.spans, inner, caps.color, '', false)}`);
-    // An honest edge: a windowed body must not read as the whole message. The marker
-    // costs a body line, so it is only worth drawing when a body line survives it.
-    const cutHead = start > 0;
-    const cutTail = start + shown.length < marked.length;
-    if (cutHead && shown.length > 1)
-        out[1] = `${bar()}${DIM}⋯${RESET}`;
-    if (cutTail && shown.length > (cutHead ? 2 : 1))
-        out[out.length - 1] = `${bar()}${DIM}⋯${RESET}`;
-    return { lines: out, hits, truncated: cutHead || cutTail };
-}
-/** The dim `⋯ n turns` marker standing in for turns the search skipped over. */
-function elisionLine(n, width, caps) {
-    return assemble([{ text: `  ⋯ ${n} ${n === 1 ? 'turn' : 'turns'}`, style: { dim: true } }], width, caps.color, '', false);
-}
-/** Does this turn contain the query as a literal, case-insensitive substring?
- *  Scattered letters are not a transcript hit — the same rule the row preview uses. */
-function turnMatches(turn, query) {
-    return query !== '' && turn.text.toLowerCase().indexOf(query.toLowerCase()) >= 0;
-}
-/** How many turns contain the query — the count the section rule advertises. */
-export function transcriptHitTurns(turns, query) {
-    return turns.reduce((n, t) => n + (turnMatches(t, query) ? 1 : 0), 0);
-}
-/** The transcript body, at most `height` lines. With a query it shows the matching
- *  turns from the oldest match forward; without one it shows the newest turns,
- *  bottom-anchored so the latest turn is the last line — the chat reading order. */
-function transcriptLines(turns, query, width, height, caps) {
-    if (height <= 0 || turns.length === 0)
-        return [];
-    const hitIdx = query === '' ? [] : turns.map((t, i) => (turnMatches(t, query) ? i : -1)).filter((i) => i >= 0);
-    // Searching with hits: forward from the oldest match, eliding the gaps.
-    if (hitIdx.length > 0) {
-        const out = [];
-        let prev = -1;
-        for (const i of hitIdx) {
-            const lead = out.length === 0 ? 0 : 1; // blank separator between turns
-            const left = height - out.length - lead;
-            if (left < 3)
-                break; // a header over one elision marker proves nothing
-            const { lines } = turnBlock(turns[i], query, Math.min(left, TURN_SOFT_CAP), width, caps);
-            if (lines.length === 0)
-                break;
-            const gap = prev < 0 ? i : i - prev - 1;
-            const marker = gap > 0 && out.length + lead + lines.length + 1 <= height;
-            if (lead > 0)
-                out.push('');
-            if (marker)
-                out.push(elisionLine(gap, width, caps));
-            out.push(...lines);
-            prev = i;
-        }
-        // Slack goes to the turns that FOLLOW the last match, painted in full, so the
-        // panel reads on as a conversation instead of stopping dead at the evidence.
-        let last = prev;
-        for (let i = prev + 1; i < turns.length; i++) {
-            const left = height - out.length - 1;
-            if (left < 3)
-                break;
-            const { lines, truncated } = turnBlock(turns[i], query, Math.min(left, TURN_SOFT_CAP), width, caps);
-            if (lines.length === 0 || truncated)
-                break;
-            out.push('', ...lines);
-            last = i;
-        }
-        if (last >= 0 && last < turns.length - 1 && out.length < height) {
-            out.push(elisionLine(turns.length - 1 - last, width, caps));
-        }
-        return out.slice(0, height);
-    }
-    // No query (or a query that only matched the node's name/kind/id): the tail.
-    // Built newest-first so the budget is spent on recent turns, then reversed.
-    const blocks = [];
-    let used = 0;
-    for (let i = turns.length - 1; i >= 0; i--) {
-        const newest = blocks.length === 0;
-        const lead = newest ? 0 : 1;
-        const left = height - used - lead;
-        if (left < 3)
-            break;
-        const { lines, truncated } = turnBlock(turns[i], '', Math.min(left, TURN_SOFT_CAP), width, caps);
-        if (lines.length === 0)
-            break;
-        // Only the newest turn may be shown cut — an older one that no longer fits is
-        // dropped whole rather than left as a header over an elision marker, which
-        // reads as a message the panel refused to show.
-        if (truncated && !newest)
-            break;
-        if (lead > 0)
-            blocks.push(['']);
-        blocks.push(lines);
-        used += lines.length + lead;
-    }
-    return blocks.reverse().flat().slice(-height);
-}
-/** What an empty panel body MEANS. `(no conversation yet)` is a claim about the
- *  node; it is only true once the session has actually been read. Until then the
- *  same blank body means the read is still in flight, and printing the claim made a
- *  node the panel had simply not gotten to yet look like a node that had never
- *  spoken. */
-function emptyBodyNote(r) {
-    const read = r.transcriptLoaded === true || r.previewLoaded === true;
-    return read ? `${DIM}(no conversation yet)${RESET}` : `${DIM}(loading…)${RESET}`;
-}
-/** The turns the panel paints. A node that was never revived has no session, so its
- *  spawn prompt and last reply stand in — the panel then still reads as a chat
- *  rather than going blank, and a remote canvas (no local session file) keeps a body. */
-function panelTurns(r) {
-    const t = r.transcript;
-    if (t !== undefined && t.length > 0)
-        return t;
-    const out = [];
-    if (r.goal !== undefined && r.goal !== '')
-        out.push({ role: 'user', text: r.goal });
-    if (r.lastAssistant !== undefined && r.lastAssistant !== '')
-        out.push({ role: 'assistant', text: r.lastAssistant });
-    return out;
-}
-/** Lines the GOAL and STATE briefings each get. They are one-sentence summaries by
- *  construction, so a small fixed budget leaves the chat everything else. */
-const BRIEFING_LINES = 4;
-/** The panel's one metadata line. Deliberately ONE line: the row the cursor sits on
- *  already carries this node's status word, ask flag, fault and viewer cues, so a
- *  status line and a four-cell facts grid here would spend six of the panel's rows
- *  repeating what is on screen a few columns to the left. What is left is what the
- *  row table gave up in side mode — kind/mode, project, age, ctx. */
-function panelFactsLine(r, width, now, caps) {
-    const ctxFg = ctxColorCode(r.ctx_tokens);
-    const dot = () => ({ text: ' · ', style: { dim: true } });
-    const spans = [
-        { text: `${r.kind}/${r.mode}`, style: { fg: FG_GRAY } },
-        dot(),
-        { text: `~${baseDir(r.cwd)}`, style: { fg: FG_GRAY } },
-        dot(),
-        { text: relAge(r.created, now), style: { dim: true } },
-        dot(),
-        { text: `ctx ${fmtCtx(r.ctx_tokens)}`, style: { fg: ctxFg, dim: ctxFg === undefined } },
-    ];
-    return assemble(spans, width, caps.color, '', false);
-}
-/** The panel's title, drawn on the column-header row so the header rule crosses
- *  beneath it: the pinned star, the node name in bold, its short id flush right. */
-function panelTitleLine(r, width, caps, isPinned) {
-    if (r === undefined)
-        return assemble([{ text: 'PREVIEW', style: { dim: true, bold: true } }], width, caps.color, '', false);
-    const left = [];
-    if (isPinned)
-        left.push({ text: '★ ', style: { fg: FG_MAGENTA, bold: true } });
-    const id = r.node_id.slice(0, 8);
-    left.push({ text: clip(r.name, Math.max(4, width - id.length - 2 - spansWidth(left))), style: { bold: true } });
-    return assembleRow(left, [{ text: id, style: { dim: true } }], width, caps.color, '', false);
-}
-/** The side panel's body, at most `height` lines. Three exclusive shapes:
- *
- *    searching — the panel IS a chat transcript: the turns that literally contain
- *                the query, oldest match first, every occurrence highlighted.
- *    report    — the node's newest pushed report in full (toggled with `V`).
- *    default   — goal on top, the recent conversation in the middle, state pinned to
- *                the bottom edge. That is the vertical order the live chat surface
- *                uses, so the preview reads as a small copy of the conversation it
- *                is previewing instead of a different presentation of the same node.
- */
-function sidePanelBody(r, width, height, caps, now, query, showReport) {
-    if (height <= 0)
-        return [];
-    if (r === undefined)
-        return [`${DIM}(no selection)${RESET}`];
-    // ── searching ── the transcript takes the whole panel. The goal/state briefing is
-    // a summary, and a summary cannot show you WHERE your term appears.
-    if (query !== '') {
-        const turns = panelTurns(r);
-        const hits = transcriptHitTurns(turns, query);
-        const out = [sectionRule('TRANSCRIPT', width, caps, hits > 0
-                ? { text: `${hits} ${hits === 1 ? 'turn' : 'turns'}`, fg: FG_BRIGHT_CYAN }
-                : { text: 'matched on name', fg: FG_GRAY })];
-        const body = transcriptLines(turns, query, width, height - 1, caps);
-        out.push(...(body.length === 0 ? [emptyBodyNote(r)] : body));
-        return out.slice(0, height);
-    }
-    const rep = r.report;
-    const accentOf = () => {
-        const v = resolveNodeVisual(r.status, {
-            streaming: r.streaming === true, frozen: isFrozenRow(r), hanging: r.hanging ?? null,
-        });
-        return { fg: v.color };
-    };
-    // ── report ── what the node deliberately DELIVERED, at full length. Reports are
-    // written to be read, so this one gets the panel rather than a two-line teaser.
-    if (showReport && rep !== undefined) {
-        const age = relAge(rep.ts, now);
-        const out = [sectionRule('REPORT', width, caps, { text: `${age === '' ? '' : `${age} · `}${rep.kind}`, fg: FG_CYAN })];
-        const headline = rep.heading === '' ? rep.body : rep.heading;
-        out.push(...blockLines('▣ ', '  ', { fg: FG_CYAN, bold: true }, headline, undefined, 3, width, caps, '', { bold: true }));
-        if (rep.heading !== '' && rep.body !== '') {
-            out.push('');
-            out.push(...blockLines('  ', '  ', undefined, rep.body, undefined, height - out.length, width, caps, ''));
-        }
-        return out.slice(0, height);
-    }
-    // ── default ── goal, chat, state.
-    const out = [panelFactsLine(r, width, now, caps), ''];
-    const accent = accentOf();
-    const briefing = (label, text) => [
-        sectionRule(label, width, caps),
-        ...blockLines('▌ ', '▌ ', accent, text, undefined, BRIEFING_LINES, width, caps, '', { bold: true }),
-    ];
-    const goal = r.recap?.goal ?? '';
-    if (goal !== '')
-        out.push(...briefing('GOAL', goal), '');
-    // State is measured before the chat is drawn so the chat can claim exactly the
-    // slack that is left and state still lands on the panel's bottom edge.
-    const stateText = r.recap?.state ?? '';
-    const stateBlock = stateText === '' ? [] : [...briefing('STATE', stateText)];
-    const reserved = stateBlock.length === 0 ? 0 : stateBlock.length + 1;
-    const chatH = height - out.length - reserved - 1 /* the CHAT rule */;
-    if (chatH >= 2) {
-        out.push(sectionRule('CHAT', width, caps));
-        const body = transcriptLines(panelTurns(r), '', width, chatH, caps);
-        out.push(...(body.length === 0 ? [emptyBodyNote(r)] : body));
-    }
-    if (stateBlock.length > 0) {
-        while (out.length < height - stateBlock.length)
-            out.push('');
-        out.push(...stateBlock);
-    }
-    return out.slice(0, height);
-}
-/** The keybinding help overlay — a full-screen cheatsheet that replaces the body
- *  while `?` is held open. Grouped by intent so the whole key surface is legible in
- *  one glance (the footer only ever advertises the common few). */
-const HELP_ROWS = [
-    ['Move', '↑/↓  j/k', 'up / down'],
-    ['', 'g / G', 'top / bottom'],
-    ['', '.', 'jump to this node (recenter)'],
-    ['Tree', '→/←  h/l', 'expand / collapse'],
-    ['', 'space', 'toggle fold'],
-    ['Tabs', 'Tab / 1-5', 'All · Live · Dormant · Attention · Pinned'],
-    ['Find', '/', 'fuzzy search (name · kind · id · prompts)'],
-    ['Pin', 'p', 'star / unstar — floats to top, Pinned tab'],
-    ['Open', '⏎  o', 'open conversation (closes navigator)'],
-    ['', 'O', 'open, keep browsing (background)'],
-    ['Act', 'y', 'copy the node id to the clipboard'],
-    ['', 'm', 'message the node (no resume)'],
-    ['', 'R', 'rename the node'],
-    ['', 'x', 'close-out node + subtree'],
-    ['', 'K', 'revive now (a hanging node)'],
-    ['View', 's', 'cycle sort (attention/tree/relevance/recency)'],
-    ['', 'c', 'toggle cwd scope'],
-    ['', 'P', 'toggle profile scope'],
-    ['', 'r', 'toggle residents-only'],
-    ['', 'v', 'toggle preview (goal, chat, state)'],
-    ['', 'V', 'in the preview: swap chat for the newest report'],
-    ['Quit', 'q / Esc', ''],
-];
-function renderHelp(size, caps) {
-    const cols = Math.max(20, size.cols);
-    const rows = Math.max(8, size.rows);
-    const width = cols - 1;
-    const lines = [];
-    lines.push(`${BOLD}Canvas navigator — keys${RESET}`);
-    lines.push('');
-    const dim = (s) => `${DIM}${s}${RESET}`;
-    for (const [group, keys, desc] of HELP_ROWS) {
-        const g = group.padEnd(6);
-        const k = keys.padEnd(12);
-        const line = `  ${dim(g)}${BOLD}${k}${RESET}${desc === '' ? '' : `  ${dim(desc)}`}`;
-        lines.push(clip(line, width));
-    }
-    lines.push('');
-    lines.push(dim('  ? or any key to close'));
-    while (lines.length < rows - 1)
-        lines.push('');
-    const body = lines.map((l) => `${l}${ESC}K`).join('\r\n');
-    return `${ESC}H${body}${ESC}J`;
-}
-/**
- * Render the whole frame. Returns a single string that, written as-is, repaints
- * the screen in place. `caps` gates all hue (defaults to a no-color frame so
- * existing callers / non-TTY paths stay color-free).
- */
-export function renderFrame(state, size, caps = { color: false, color256: false }) {
-    if (state.help === true)
-        return renderHelp(size, caps);
-    const cols = Math.max(20, size.cols);
-    const rows = Math.max(8, size.rows);
-    const width = cols - 1; // leave the last column for \x1b[K
-    const now = Date.now();
-    const inputMode = state.search || state.rename === true || state.message === true;
-    const lines = [];
-    // line 1 — title + right-aligned status summary (each glyph in its status hue).
-    const title = `${BOLD}Canvas${RESET} — ${state.totalNodes} nodes`;
-    const titlePlainLen = `Canvas — ${state.totalNodes} nodes`.length;
-    const parts = statusCounts(state.tree);
-    const summaryPlain = parts.map((p) => `${STATUS_GLYPH[p.status]}${p.count}`).join(' ');
-    const summaryColored = caps.color
-        ? parts.map((p) => `${ESC}${STATUS_COLOR[p.status]}m${STATUS_GLYPH[p.status]}${RESET}${DIM}${p.count}${RESET}`).join(' ')
-        : `${DIM}${summaryPlain}${RESET}`;
-    const gap = width - titlePlainLen - summaryPlain.length;
-    lines.push(gap > 1 ? `${title}${' '.repeat(gap)}${summaryColored}` : title);
-    // line 2 — tab bar.
-    lines.push(tabBar(state.tab, caps.color));
-    // line 3 — status line (scope · sort · filter).
-    lines.push(statusLine(state));
-    // line 4 — the text-input prompt, only while a search / rename / message is open.
-    if (inputMode) {
-        const prefix = state.rename === true ? 'rename ▸' : state.message === true ? 'msg ▸' : '/';
-        const buf = state.rename === true ? (state.renameBuf ?? '') : state.message === true ? (state.messageBuf ?? '') : state.query;
-        const p = caps.color ? `${ESC}${FG_CYAN}m${prefix}${RESET}` : prefix;
-        lines.push(`${p} ${buf}▎`);
-    }
-    // Where the preview goes at this width: a full-height right-hand column when
-    // there is room for one, else the bottom panel. In side mode the rows give up
-    // their metadata cluster and the panel takes those columns.
-    const previewOn = state.preview && state.visible.length > 0;
-    const layout = previewLayout(cols, previewOn);
-    const side = layout.mode === 'side';
-    const rowsW = side ? layout.rowsW : width;
-    const gutter = `${DIM}${SIDE_GUTTER}${RESET}`;
-    const sel = state.visible[state.cursor];
-    const selRow = sel !== undefined ? state.tree.nodes.get(sel.id)?.row : undefined;
-    // column header (table labels, plus the panel title in side mode) + separator.
-    const showCwd = state.cwdScope === null && !side; // project column only matters across dirs
-    const colHeader = columnHeaderLine(rowsW, showCwd, caps, !side, side);
-    lines.push(side
-        ? `${colHeader}${gutter}${panelTitleLine(selRow, layout.panelW, caps, sel !== undefined && state.pinned.has(sel.id))}`
-        : colHeader);
-    lines.push(side
-        ? `${DIM}${'─'.repeat(rowsW)}─┼─${'─'.repeat(layout.panelW)}${RESET}`
-        : `${DIM}${'─'.repeat(width)}${RESET}`);
-    // body — windowed visible rows, leaving room for the (optional) bottom panel.
-    const head = lines.length; // === headerHeight(state.search)
-    const previewH = layout.mode === 'bottom' ? PREVIEW_HEIGHT : 0;
-    const viewport = Math.max(1, rows - head - 1 /* footer */ - previewH);
-    const start = state.scrollOffset;
-    const end = Math.min(state.visible.length, start + viewport);
-    // In side mode each body line is `<row><rule><panel line>`, so the rows are padded
-    // to an exact width and the panel body is rendered once for the whole column.
-    const panel = side ? sidePanelBody(selRow, layout.panelW, viewport, caps, now, state.query, state.showReport === true) : [];
-    const compose = (row, i) => (side ? `${row}${gutter}${panel[i] ?? ''}` : row);
-    const blankRow = side ? ' '.repeat(rowsW) : '';
-    if (state.visible.length === 0) {
-        lines.push(`${DIM}  (no nodes match this view)${RESET}`);
-        for (let i = 1; i < viewport; i++)
-            lines.push('');
-    }
-    else {
-        for (let i = start; i < end; i++) {
-            const vr = state.visible[i];
-            lines.push(compose(rowLine(vr, state.tree, rowsW, i === state.cursor, state.query, caps, showCwd, now, state.pinned.has(vr.id), !side, side), i - start));
-        }
-        for (let i = end - start; i < viewport; i++)
-            lines.push(compose(blankRow, i));
-    }
-    // bottom preview panel — the narrow-terminal layout.
-    if (layout.mode === 'bottom') {
-        for (const l of previewPanel(selRow, width, caps, now, state.query))
-            lines.push(l);
-    }
-    // footer — the y/n close-out confirm takes over when pending; else search / nav.
-    if (state.pendingClose !== null && state.pendingClose !== undefined) {
-        const node = state.tree.nodes.get(state.pendingClose);
-        const who = node !== undefined ? node.row.name : state.pendingClose;
-        const warn = `⚠ ${who} is ⟳ — close it (and its subtree) anyway?  y / n`;
-        lines.push(caps.color ? `${BOLD}${ESC}${FG_BRIGHT_YELLOW}m${clip(warn, width)}${RESET}` : `${REVERSE}${clip(warn, width)}${RESET}`);
-    }
-    else if (state.flash !== null && state.flash !== undefined && state.flash !== '') {
-        lines.push(caps.color ? `${BOLD}${clip(state.flash, width)}${RESET}` : `${REVERSE}${clip(state.flash, width)}${RESET}`);
-    }
-    else {
-        // When the cursor row has an active fault, lead the footer with the on-demand kick
-        // hint (K shells `node lifecycle revive <id> --now` — immediate revive instead of
-        // waiting for the daemon's retry schedule).
-        const hangingHint = selRow?.hanging != null ? 'K revive now  ' : '';
-        const footer = inputMode
-            ? '⏎ commit  Esc cancel  ⌫ delete'
-            : state.readOnly === true
-                ? '↑↓ move  →/← tree  / search  p pin  v preview  Tab tabs  ? more  q quit  — read-only remote canvas'
-                : `${hangingHint}${selRow?.report !== undefined && side && state.query === '' ? (state.showReport === true ? 'V chat  ' : 'V report  ') : ''}↑↓ move  ⏎ open  O bg  / search  p pin  v preview  m msg  x close  ? more  q quit`;
-        lines.push(`${DIM}${clip(footer, width)}${RESET}`);
-    }
-    // Assemble: home, each line cleared to EOL, then clear below.
-    const body = lines.map((l) => `${l}${ESC}K`).join('\r\n');
-    return `${ESC}H${body}${ESC}J`;
-}
+var Nt=Object.defineProperty;var f=(t,n)=>Nt(t,"name",{value:n,configurable:!0});import{STATUS_GLYPH as rt,STATUS_COLOR as It,isFrozenRow as J,resolveNodeVisual as X,faultSummary as lt}from"../status-glyph.js";import{TABS as Pt,promptText as Ht,previewSnippet as q}from"./model.js";import{matchIndices as Gt}from"../../tui/fuzzy.js";import{clip as _,assemble as w,detectColorCaps as Dt}from"../../tui/draw.js";import{renderMarkdownSpans as Q}from"../../tui/markdown.js";const Bt=2,Ft=2,ct=8,it=ct+2,Ut=100,ut=46,jt=110,Yt=.55,at=40,dt=" \u2502 ";function Vt(t,n){const e=Math.max(20,t)-1;if(!n)return{mode:"none",panelW:0,rowsW:e};if(t<Ut)return{mode:"bottom",panelW:0,rowsW:e};const s=[...dt].length;let r=Math.min(jt,Math.max(ut,Math.round(e*Yt)));return e-r-s<at&&(r=e-s-at),r<ut?{mode:"bottom",panelW:0,rowsW:e}:{mode:"side",panelW:r,rowsW:e-r-s}}f(Vt,"previewLayout");function Me(t){return 5+(t?1:0)}f(Me,"headerHeight");const ft=10,$t=22,ht=6,pt=5,gt=16,W="  ",M="\x1B[",$=`${M}0m`,U=`${M}7m`,y=`${M}2m`,C=`${M}1m`,Kt=`${M}48;5;236m`,mt="33",zt="31",H="36",N="90",xt="93",I="96",bt="35";function Z(t){return t<=0?"0k":`${Math.floor(t/1e3)}k`}f(Z,"fmtCtx");function yt(t){if(t>=1e5)return zt;if(t>=5e4)return mt}f(yt,"ctxColorCode");function G(t,n){const e=Date.parse(t);if(Number.isNaN(e))return"";const s=Math.max(0,Math.floor((n-e)/1e3));if(s<60)return`${s}s`;const r=Math.floor(s/60);if(r<60)return`${r}m`;const o=Math.floor(r/60);if(o<24)return`${o}h`;const u=Math.floor(o/24);if(u<7)return`${u}d`;const i=Math.floor(u/7);return i<5?`${i}w`:`${Math.floor(u/30)}mo`}f(G,"relAge");function j(t){const n=t.replace(/\/+$/,"").split("/");return n[n.length-1]||t}f(j,"baseDir");const vt=new WeakMap;function Jt(t){const n=vt.get(t);if(n!==void 0)return n;const e={active:0,idle:0,done:0,dead:0,canceled:0};for(const r of t.nodes.values())e[r.row.status]++;const s=[];for(const r of["active","idle","done","dead","canceled"])e[r]>0&&s.push({status:r,count:e[r]});return vt.set(t,s),s}f(Jt,"statusCounts");function Xt(t,n){return Pt.map(e=>e===t?n?`${C}${M}${H}m[ ${e} ]${$}`:`${U}[ ${e} ]${$}`:n?`${y}  ${e}  ${$}`:`  ${e}  `).join("")}f(Xt,"tabBar");const qt=new Set;function Qt(t,n,e){const s=n===""?qt:Gt(n,t);if(s.size===0)return[{text:t,style:{dim:e.dim,bold:e.bold}}];const r=[];let o="",u=!1;const i=f(()=>{o!==""&&(u?r.push({text:o,style:{fg:I,bold:!0}}):r.push({text:o,style:{dim:e.dim,bold:e.bold}}),o="")},"flush");for(let l=0;l<t.length;l++){const c=s.has(l);c!==u&&(i(),u=c),o+=t[l]}return i(),r}f(Qt,"nameSpans");function L(t){let n=0;for(const e of t)n+=[...e.text].length;return n}f(L,"spansWidth");function Zt(t){const n=X(t.status,{streaming:t.streaming===!0,frozen:J(t),hanging:t.hanging??null}),e=n.word??{active:"active",idle:"idle",done:"done",dead:"dead",canceled:"cancel"}[t.status]??t.status,s=n.color,r=`${n.glyph} ${e}`,o=Math.max(1,ft-[...r].length);return[{text:r,style:{fg:s,bold:n.bold===!0}},{text:" ".repeat(o)}]}f(Zt,"statusRail");function te(t,n,e){const s=yt(t.ctx_tokens),r=[{text:Et(`${t.kind}/${t.mode}`,$t),style:{fg:N}},{text:W},{text:Z(t.ctx_tokens).padStart(ht),style:{fg:s,dim:s===void 0}},{text:W},{text:G(t.created,n).padStart(pt),style:{dim:!0}}];return e&&r.push({text:W},{text:Et(`~${j(t.cwd)}`,gt),style:{fg:N}}),r}f(te,"metaCluster");function Et(t,n){return _(t,n).padEnd(n)}f(Et,"clipPad");function tt(t,n,e,s,r,o){const u=L(t),i=L(n);if(n.length===0||u+i+1>e)return w(t,e,s,r,o);const l=e-u-i;return w([...t,{text:" ".repeat(l)},...n],e,s,r,o)}f(tt,"assembleRow");function ee(t,n,e,s,r,o,u,i,l,c=!0,h=!1){const a=n.nodes.get(t.id);if(a===void 0)return"";const d=a.row,b="  ".repeat(t.depth),m=t.hasChildren?t.collapsed?"\u25B8":"\u25BE":" ",E=d.status==="done"||d.status==="dead"||d.status==="canceled",v=d.viewed===!0?{text:"\uF06E ",style:{fg:I,bold:!0}}:{text:"  "},p=[];d.asks>0&&p.push({text:` \u2691${d.asks}`,style:{fg:xt,bold:!0}}),d.hanging!=null&&p.push({text:` \xB7 ${lt(d.hanging,i)}`,style:{fg:mt,dim:!0}});const x=l?[{text:"\u2605 ",style:{fg:bt,bold:!0}}]:[],T=Zt(d),R=c?te(d,i,u):[],A=`${b}${m} `,D=L([v])+L(T)+[...A].length+L(x)+L(p),B=L(R),K=Math.max(4,e-D-B-1),z={dim:!s&&E,bold:s},O=[v,...T,{text:A,style:{dim:!0}},...x,...Qt(_(d.name,K),r,z),...p];let k="",P=h;return s?(k=o.color256?Kt:U,P=!0):t.matched||(k=y),tt(O,R,e,o.color,k,P)}f(ee,"rowLine");function ne(t,n,e,s=!0,r=!1){const o=[{text:"  "},{text:"STATUS".padEnd(ft),style:{dim:!0,bold:!0}},{text:"NAME",style:{dim:!0,bold:!0}}];if(!s)return w(o,t,e.color,"",r);const u=[{text:"KIND/MODE".padEnd($t),style:{dim:!0,bold:!0}},{text:W},{text:"CTX".padStart(ht),style:{dim:!0,bold:!0}},{text:W},{text:"AGE".padStart(pt),style:{dim:!0,bold:!0}}];return n&&u.push({text:W},{text:"PROJECT".padEnd(gt),style:{dim:!0,bold:!0}}),tt(o,u,t,e.color,"",!1)}f(ne,"columnHeaderLine");function oe(t){const n=f(o=>`${y}${o}${$}`,"dim"),e=t.profileScope===void 0?"all profiles":"current",s=t.cwdScope===null?"all dirs":j(t.cwdScope),r=[`${n("profile")} ${e}`,`${n("scope")} ${s}`,`${n("sort")} ${t.sort}`,`${n("lifecycle")} ${t.residentsOnly?"residents":"all"}`];return!t.search&&t.query!==""&&r.push(`${n("filter")} ${t.query}`),r.join(n("  \xB7  "))}f(oe,"statusLine");function Mt(t,n,e,s){if(t.hi.size===0)return w([{text:t.text,style:s}],n,e.color,"",!1);const r=[];let o="",u=!1;const i=f(()=>{o!==""&&(r.push(u?{text:o,style:{fg:I,bold:!0}}:{text:o,style:s}),o="")},"flush");for(let l=0;l<t.text.length;l++){const c=t.hi.has(l);c!==u&&(i(),u=c),o+=t.text[l]}return i(),w(r,n,e.color,"",!1)}f(Mt,"snippetLine");function se(t,n){const e=t?Bt:0,s=n?Ft:0,r=Math.max(2,ct-e-s),o=Math.ceil(r/2);return{recap:e,ask:o,reply:r-o,report:s}}f(se,"previewAllocation");function _t(t,n,e,s,r,o,u){if(s<=0)return[];const i=[],l=o.color?`${y}${t}${$}`:t,c=Math.max(1,r-2);if(u===""){const a=Q(n,c,s,!1);if(a.length===0)i.push(`${l}${y}${_(e,c)}${$}`);else for(const d of a)i.push(`${i.length===0?l:"  "}${w(d,c,o.color,"",!1)}`);for(;i.length<s;)i.push("");return i}const h=q(u,n,c,s);if(h.length===0)i.push(`${l}${y}${_(e,c)}${$}`);else for(const a of h)i.push(`${i.length===0?l:"  "}${Mt(a,c,o)}`);for(;i.length<s;)i.push("");return i}f(_t,"markedBlock");function Tt(t,n,e,s){const r=`${t.padEnd(6)}`,o=_(n,Math.max(1,e-r.length));return s.color?`${y}${r}${$}${C}${o}${$}`:`${r}${o}`}f(Tt,"recapLine");function re(t,n,e,s,r){const o=[`${y}${"\u2500".repeat(n)}${$}`];if(t===void 0){for(;o.length<it;)o.push("");return o}const u=X(t.status,{streaming:t.streaming===!0,frozen:J(t),hanging:t.hanging??null}),i=e.color?`${M}${u.color}m${u.glyph}${$}`:u.glyph,l=[`${t.status} ${t.kind}/${t.mode}`,j(t.cwd),G(t.created,s),`ctx ${Z(t.ctx_tokens)}`];t.asks>0&&l.push(`\u2691${t.asks}`),t.hanging!=null&&l.push(lt(t.hanging,s)),t.streaming===!0&&l.push("\u27F3"),t.viewed===!0&&l.push("\uF06E viewing");const c=_(l.filter(d=>d!=="").join("  \xB7  "),Math.max(0,n-2));o.push(e.color?`${i} ${y}${c}${$}`:`${i} ${c}`);const h=se(t.recap!==void 0,t.report!==void 0);t.recap!==void 0&&(o.push(Tt("Goal",t.recap.goal===""?"\u2014":t.recap.goal,n,e)),o.push(Tt("State",t.recap.state===""?"\u2014":t.recap.state,n,e)));const a=r!==""?Ht(t):t.goal??"";if(o.push(..._t("\u276F ",a,"(no spawn prompt)",h.ask,n,e,r)),o.push(..._t("\u21A9 ",t.lastAssistant??"","(no reply yet)",h.reply,n,e,"")),t.report!==void 0){const d=G(t.report.ts,s),b=`${d===""?"":`${d} `}${t.report.kind}`,m=t.report.heading===""?t.report.body:t.report.heading,E=e.color?`${y}\u25A3 ${$}`:"\u25A3 ",v=Math.max(1,n-2),p=e.color?`${M}${H}m${b}${$}${y} \xB7 ${$}`:`${b} \xB7 `;o.push(`${E}${p}${_(m,Math.max(1,v-b.length-3))}`);for(let x=1;x<h.report;x++){const T=t.report.heading===""?"":t.report.body,R=q("",T,v,h.report-1)[x-1];o.push(R===void 0?"":`  ${y}${_(R.text,v)}${$}`)}}return o}f(re,"previewPanel");function Y(t,n,e,s){const r=s===void 0?"":`${s.text} `,o=Math.max(0,n-4-t.length-r.length),u=s===void 0?"":e.color?`${M}${s.fg}m${s.text}${$}${y} `:`${s.text} `;return`${y}\u2500\u2500 ${C}${t}${$}${y} ${u}${"\u2500".repeat(o)}${$}`}f(Y,"sectionRule");function et(t,n,e,s,r,o,u,i,l,c){if(o<=0)return[];const h=[...t].length,a=Math.max(1,u-h),d=f((m,E)=>w([{text:m,style:E}],h,i.color,"",!0),"mk");if(l===""){const m=Q(s,a,o,!0,c);return m.length===0?r===void 0?[]:[`${d(t,e)}${y}${_(r,a)}${$}`]:m.map((E,v)=>`${d(v===0?t:n,e)}${w(E,a,i.color,"",!1)}`)}const b=q(l,s,a,o);return b.length===0?r===void 0?[]:[`${d(t,e)}${y}${_(r,a)}${$}`]:b.map((m,E)=>`${d(E===0?t:n,e)}${Mt(m,a,i,c)}`)}f(et,"blockLines");const le=400,ce=1,nt=14,wt={fg:I,bold:!0,reverse:!0};function ie(t){let n="";for(const e of t)n+=e.text;return n}f(ie,"spansText");function ue(t,n){if(n==="")return{spans:t,hits:0};const e=ie(t),s=e.toLowerCase(),r=n.toLowerCase();if(s.indexOf(r)<0)return{spans:t,hits:0};const o=new Uint8Array(e.length);let u=0;for(let c=s.indexOf(r);c>=0;c=s.indexOf(r,c+r.length)){u++;for(let h=c;h<c+r.length;h++)o[h]=1}const i=[];let l=0;for(const c of t){let h="",a=o[l]===1;for(let d=0;d<c.text.length;d++){const b=o[l]===1;b!==a&&(h!==""&&i.push({text:h,style:a?wt:c.style}),h="",a=b),h+=c.text[d],l++}h!==""&&i.push({text:h,style:a?wt:c.style})}return{spans:i,hits:u}}f(ue,"highlightSpans");const V="\u258C ";function ot(t,n,e,s,r){if(e<2)return{lines:[],hits:0,truncated:!0};const o=t.role==="user",u=o?{fg:I,bold:!0}:{fg:N},i=Math.max(1,s-V.length),l=f(()=>w([{text:V,style:u}],V.length,r.color,"",!0),"bar"),c=[w([{text:V,style:u},{text:o?"YOU":"AGENT",style:{...u,bold:!0}}],s,r.color,"",!1)],a=Q(t.text,i,le,!1,o?{}:{dim:!0}).map(x=>ue(x,n)),d=a.reduce((x,T)=>x+T.hits,0),b=e-1;let m=0;a.length>b&&d>0&&(m=Math.max(0,a.findIndex(x=>x.hits>0)-ce),m=Math.min(m,a.length-b));const E=a.slice(m,m+b);for(const x of E)c.push(`${l()}${w(x.spans,i,r.color,"",!1)}`);const v=m>0,p=m+E.length<a.length;return v&&E.length>1&&(c[1]=`${l()}${y}\u22EF${$}`),p&&E.length>(v?2:1)&&(c[c.length-1]=`${l()}${y}\u22EF${$}`),{lines:c,hits:d,truncated:v||p}}f(ot,"turnBlock");function Rt(t,n,e){return w([{text:`  \u22EF ${t} ${t===1?"turn":"turns"}`,style:{dim:!0}}],n,e.color,"",!1)}f(Rt,"elisionLine");function St(t,n){return n!==""&&t.text.toLowerCase().indexOf(n.toLowerCase())>=0}f(St,"turnMatches");function ae(t,n){return t.reduce((e,s)=>e+(St(s,n)?1:0),0)}f(ae,"transcriptHitTurns");function At(t,n,e,s,r){if(s<=0||t.length===0)return[];const o=n===""?[]:t.map((l,c)=>St(l,n)?c:-1).filter(l=>l>=0);if(o.length>0){const l=[];let c=-1;for(const a of o){const d=l.length===0?0:1,b=s-l.length-d;if(b<3)break;const{lines:m}=ot(t[a],n,Math.min(b,nt),e,r);if(m.length===0)break;const E=c<0?a:a-c-1,v=E>0&&l.length+d+m.length+1<=s;d>0&&l.push(""),v&&l.push(Rt(E,e,r)),l.push(...m),c=a}let h=c;for(let a=c+1;a<t.length;a++){const d=s-l.length-1;if(d<3)break;const{lines:b,truncated:m}=ot(t[a],n,Math.min(d,nt),e,r);if(b.length===0||m)break;l.push("",...b),h=a}return h>=0&&h<t.length-1&&l.length<s&&l.push(Rt(t.length-1-h,e,r)),l.slice(0,s)}const u=[];let i=0;for(let l=t.length-1;l>=0;l--){const c=u.length===0,h=c?0:1,a=s-i-h;if(a<3)break;const{lines:d,truncated:b}=ot(t[l],"",Math.min(a,nt),e,r);if(d.length===0||b&&!c)break;h>0&&u.push([""]),u.push(d),i+=d.length+h}return u.reverse().flat().slice(-s)}f(At,"transcriptLines");function kt(t){return t.transcriptLoaded===!0||t.previewLoaded===!0?`${y}(no conversation yet)${$}`:`${y}(loading\u2026)${$}`}f(kt,"emptyBodyNote");function Ct(t){const n=t.transcript;if(n!==void 0&&n.length>0)return n;const e=[];return t.goal!==void 0&&t.goal!==""&&e.push({role:"user",text:t.goal}),t.lastAssistant!==void 0&&t.lastAssistant!==""&&e.push({role:"assistant",text:t.lastAssistant}),e}f(Ct,"panelTurns");const de=4;function fe(t,n,e,s){const r=yt(t.ctx_tokens),o=f(()=>({text:" \xB7 ",style:{dim:!0}}),"dot"),u=[{text:`${t.kind}/${t.mode}`,style:{fg:N}},o(),{text:`~${j(t.cwd)}`,style:{fg:N}},o(),{text:G(t.created,e),style:{dim:!0}},o(),{text:`ctx ${Z(t.ctx_tokens)}`,style:{fg:r,dim:r===void 0}}];return w(u,n,s.color,"",!1)}f(fe,"panelFactsLine");function $e(t,n,e,s){if(t===void 0)return w([{text:"PREVIEW",style:{dim:!0,bold:!0}}],n,e.color,"",!1);const r=[];s&&r.push({text:"\u2605 ",style:{fg:bt,bold:!0}});const o=t.node_id.slice(0,8);return r.push({text:_(t.name,Math.max(4,n-o.length-2-L(r))),style:{bold:!0}}),tt(r,[{text:o,style:{dim:!0}}],n,e.color,"",!1)}f($e,"panelTitleLine");function he(t,n,e,s,r,o,u){if(e<=0)return[];if(t===void 0)return[`${y}(no selection)${$}`];if(o!==""){const p=Ct(t),x=ae(p,o),T=[Y("TRANSCRIPT",n,s,x>0?{text:`${x} ${x===1?"turn":"turns"}`,fg:I}:{text:"matched on name",fg:N})],R=At(p,o,n,e-1,s);return T.push(...R.length===0?[kt(t)]:R),T.slice(0,e)}const i=t.report,l=f(()=>({fg:X(t.status,{streaming:t.streaming===!0,frozen:J(t),hanging:t.hanging??null}).color}),"accentOf");if(u&&i!==void 0){const p=G(i.ts,r),x=[Y("REPORT",n,s,{text:`${p===""?"":`${p} \xB7 `}${i.kind}`,fg:H})],T=i.heading===""?i.body:i.heading;return x.push(...et("\u25A3 ","  ",{fg:H,bold:!0},T,void 0,3,n,s,"",{bold:!0})),i.heading!==""&&i.body!==""&&(x.push(""),x.push(...et("  ","  ",void 0,i.body,void 0,e-x.length,n,s,""))),x.slice(0,e)}const c=[fe(t,n,r,s),""],h=l(),a=f((p,x)=>[Y(p,n,s),...et("\u258C ","\u258C ",h,x,void 0,de,n,s,"",{bold:!0})],"briefing"),d=t.recap?.goal??"";d!==""&&c.push(...a("GOAL",d),"");const b=t.recap?.state??"",m=b===""?[]:[...a("STATE",b)],E=m.length===0?0:m.length+1,v=e-c.length-E-1;if(v>=2){c.push(Y("CHAT",n,s));const p=At(Ct(t),"",n,v,s);c.push(...p.length===0?[kt(t)]:p)}if(m.length>0){for(;c.length<e-m.length;)c.push("");c.push(...m)}return c.slice(0,e)}f(he,"sidePanelBody");const pe=[["Move","\u2191/\u2193  j/k","up / down"],["","g / G","top / bottom"],["",".","jump to this node (recenter)"],["Tree","\u2192/\u2190  h/l","expand / collapse"],["","space","toggle fold"],["Tabs","Tab / 1-5","All \xB7 Live \xB7 Dormant \xB7 Attention \xB7 Pinned"],["Find","/","fuzzy search (name \xB7 kind \xB7 id \xB7 prompts)"],["Pin","p","star / unstar \u2014 floats to top, Pinned tab"],["Open","\u23CE  o","open conversation (closes navigator)"],["","O","open, keep browsing (background)"],["Act","y","copy the node id to the clipboard"],["","m","message the node (no resume)"],["","R","rename the node"],["","x","close-out node + subtree"],["","K","revive now (a hanging node)"],["View","s","cycle sort (attention/tree/relevance/recency)"],["","c","toggle cwd scope"],["","P","toggle profile scope"],["","r","toggle residents-only"],["","v","toggle preview (goal, chat, state)"],["","V","in the preview: swap chat for the newest report"],["Quit","q / Esc",""]];function ge(t,n){const e=Math.max(20,t.cols),s=Math.max(8,t.rows),r=e-1,o=[];o.push(`${C}Canvas navigator \u2014 keys${$}`),o.push("");const u=f(l=>`${y}${l}${$}`,"dim");for(const[l,c,h]of pe){const a=l.padEnd(6),d=c.padEnd(12),b=`  ${u(a)}${C}${d}${$}${h===""?"":`  ${u(h)}`}`;o.push(_(b,r))}for(o.push(""),o.push(u("  ? or any key to close"));o.length<s-1;)o.push("");const i=o.map(l=>`${l}${M}K`).join(`\r
+`);return`${M}H${i}${M}J`}f(ge,"renderHelp");function _e(t,n,e={color:!1,color256:!1}){if(t.help===!0)return ge(n,e);const s=Math.max(20,n.cols),r=Math.max(8,n.rows),o=s-1,u=Date.now(),i=t.search||t.rename===!0||t.message===!0,l=[],c=`${C}Canvas${$} \u2014 ${t.totalNodes} nodes`,h=`Canvas \u2014 ${t.totalNodes} nodes`.length,a=Jt(t.tree),d=a.map(g=>`${rt[g.status]}${g.count}`).join(" "),b=e.color?a.map(g=>`${M}${It[g.status]}m${rt[g.status]}${$}${y}${g.count}${$}`).join(" "):`${y}${d}${$}`,m=o-h-d.length;if(l.push(m>1?`${c}${" ".repeat(m)}${b}`:c),l.push(Xt(t.tab,e.color)),l.push(oe(t)),i){const g=t.rename===!0?"rename \u25B8":t.message===!0?"msg \u25B8":"/",S=t.rename===!0?t.renameBuf??"":t.message===!0?t.messageBuf??"":t.query,F=e.color?`${M}${H}m${g}${$}`:g;l.push(`${F} ${S}\u258E`)}const E=t.preview&&t.visible.length>0,v=Vt(s,E),p=v.mode==="side",x=p?v.rowsW:o,T=`${y}${dt}${$}`,R=t.visible[t.cursor],A=R!==void 0?t.tree.nodes.get(R.id)?.row:void 0,D=t.cwdScope===null&&!p,B=ne(x,D,e,!p,p);l.push(p?`${B}${T}${$e(A,v.panelW,e,R!==void 0&&t.pinned.has(R.id))}`:B),l.push(p?`${y}${"\u2500".repeat(x)}\u2500\u253C\u2500${"\u2500".repeat(v.panelW)}${$}`:`${y}${"\u2500".repeat(o)}${$}`);const K=l.length,z=v.mode==="bottom"?it:0,O=Math.max(1,r-K-1-z),k=t.scrollOffset,P=Math.min(t.visible.length,k+O),Lt=p?he(A,v.panelW,O,e,u,t.query,t.showReport===!0):[],st=f((g,S)=>p?`${g}${T}${Lt[S]??""}`:g,"compose"),Ot=p?" ".repeat(x):"";if(t.visible.length===0){l.push(`${y}  (no nodes match this view)${$}`);for(let g=1;g<O;g++)l.push("")}else{for(let g=k;g<P;g++){const S=t.visible[g];l.push(st(ee(S,t.tree,x,g===t.cursor,t.query,e,D,u,t.pinned.has(S.id),!p,p),g-k))}for(let g=P-k;g<O;g++)l.push(st(Ot,g))}if(v.mode==="bottom")for(const g of re(A,o,e,u,t.query))l.push(g);if(t.pendingClose!==null&&t.pendingClose!==void 0){const g=t.tree.nodes.get(t.pendingClose),F=`\u26A0 ${g!==void 0?g.row.name:t.pendingClose} is \u27F3 \u2014 close it (and its subtree) anyway?  y / n`;l.push(e.color?`${C}${M}${xt}m${_(F,o)}${$}`:`${U}${_(F,o)}${$}`)}else if(t.flash!==null&&t.flash!==void 0&&t.flash!=="")l.push(e.color?`${C}${_(t.flash,o)}${$}`:`${U}${_(t.flash,o)}${$}`);else{const g=A?.hanging!=null?"K revive now  ":"",S=i?"\u23CE commit  Esc cancel  \u232B delete":t.readOnly===!0?"\u2191\u2193 move  \u2192/\u2190 tree  / search  p pin  v preview  Tab tabs  ? more  q quit  \u2014 read-only remote canvas":`${g}${A?.report!==void 0&&p&&t.query===""?t.showReport===!0?"V chat  ":"V report  ":""}\u2191\u2193 move  \u23CE open  O bg  / search  p pin  v preview  m msg  x close  ? more  q quit`;l.push(`${y}${_(S,o)}${$}`)}const Wt=l.map(g=>`${g}${M}K`).join(`\r
+`);return`${M}H${Wt}${M}J`}f(_e,"renderFrame");export{ct as PREVIEW_BODY,it as PREVIEW_HEIGHT,Bt as RECAP_LINES,Ft as REPORT_LINES,Dt as detectColorCaps,Me as headerHeight,ue as highlightSpans,se as previewAllocation,Vt as previewLayout,_e as renderFrame,ae as transcriptHitTurns};