@pugi/cli 0.1.0-beta.2 → 0.1.0-beta.20

package/dist/tui/ask-user-question-prompt.js

@@ -0,0 +1,192 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AskUserQuestionPrompt — Ink modal for the structured tool grammar
+ * (leak L5, openclaude pattern).
+ *
+ * Renders the four required elements of an openclaude-style clarifier:
+ *   1. A short "header" chip at the top (e.g. "Auth method"). Max 12
+ *      chars by schema, fits one line at the standard 80-col REPL width.
+ *   2. The full question prose (must end "?"). Word-wrapped by Ink.
+ *   3. The 2-4 options as a selectable list with j/k navigation. Each
+ *      option shows the `label` (bright) + `description` (dim).
+ *   4. An auto-appended "Other" row that the operator can pick to type
+ *      a custom answer. The model NEVER emits this — the UI owns it.
+ *
+ * Multi-select mode: when `multiSelect=true`, space toggles the
+ *   current row, Enter submits the toggled set. Selected rows are
+ *   marked with a leading checkbox glyph. Single-select mode: Enter
+ *   commits the highlighted row immediately.
+ *
+ * Resolver contract: `onResolve` receives either an `answers: string[]`
+ *   (one or more picked labels), a `customInput: string` (Other path),
+ *   or `cancelled: true` (Esc). Mirrors AskModal so the REPL wiring
+ *   stays uniform.
+ *
+ * Brand voice gate: ASCII glyphs only. No em-dashes, no banned brand
+ *   words. The copy is power-word neutral so a localised variant lands
+ *   cleanly later.
+ */
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+export function AskUserQuestionPrompt(props) {
+    const multiSelect = props.multiSelect === true;
+    const [mode, setMode] = useState('pick');
+    const [cursor, setCursor] = useState(0);
+    // Used in multi-select mode: indices in `options` that the operator
+    // has toggled. Order preserved so the resolved answer list reflects
+    // selection order (the model's downstream reasoning often weights
+    // earlier picks higher — preserving order is cheap).
+    const [picked, setPicked] = useState([]);
+    const [buffer, setBuffer] = useState('');
+    const otherIndex = props.options.length; // 0-indexed slot for "Other"
+    const totalRows = props.options.length + 1; // options + Other
+    useInput((input, key) => {
+        // Esc cancels the modal in either mode.
+        if (key.escape) {
+            props.onResolve({ cancelled: true });
+            return;
+        }
+        if (mode === 'pick') {
+            // Numeric hotkeys: 1..N selects the matching option directly
+            // (single-select), or toggles it (multi-select). Convenience
+            // shortcut so a keyboard-only user does not need to j/k walk
+            // through 4 rows. Out-of-range keys fall through.
+            const numeric = Number.parseInt(input, 10);
+            if (!Number.isNaN(numeric) && numeric >= 1 && numeric <= totalRows) {
+                const row = numeric - 1;
+                if (row === otherIndex) {
+                    setMode('custom');
+                    setBuffer('');
+                    return;
+                }
+                if (multiSelect) {
+                    togglePick(row);
+                    return;
+                }
+                commitSinglePick(row);
+                return;
+            }
+            // Vim-style navigation: j down, k up. Arrow keys also work.
+            if (input === 'j' || key.downArrow) {
+                setCursor((c) => (c + 1) % totalRows);
+                return;
+            }
+            if (input === 'k' || key.upArrow) {
+                setCursor((c) => (c - 1 + totalRows) % totalRows);
+                return;
+            }
+            // 'o' hotkey: jump straight to Other (mirrors AskModal).
+            if (input === 'o' || input === 'O') {
+                setMode('custom');
+                setBuffer('');
+                return;
+            }
+            if (key.return) {
+                if (cursor === otherIndex) {
+                    setMode('custom');
+                    setBuffer('');
+                    return;
+                }
+                if (multiSelect) {
+                    // Enter in multi-select mode COMMITS the toggled set. If the
+                    // current row is not yet toggled, fold it in first so the
+                    // operator does not have to press space+enter for a single pick.
+                    const finalPicks = picked.includes(cursor) ? picked : [...picked, cursor];
+                    if (finalPicks.length === 0) {
+                        // No picks + Enter = ignore; the footer hint nudges them.
+                        return;
+                    }
+                    const answers = finalPicks.map((i) => props.options[i].label);
+                    props.onResolve({ answers, cancelled: false });
+                    return;
+                }
+                commitSinglePick(cursor);
+                return;
+            }
+            // Space toggles the current row in multi-select mode. Ignored in
+            // single-select (a single space could otherwise leak into a buffer).
+            if (multiSelect && input === ' ') {
+                togglePick(cursor);
+                return;
+            }
+            return;
+        }
+        // Custom-input mode: line editor.
+        if (key.return) {
+            if (buffer.trim().length === 0) {
+                // Empty buffer + Enter = bounce back to pick mode (mirrors AskModal).
+                setMode('pick');
+                setBuffer('');
+                return;
+            }
+            props.onResolve({
+                customInput: buffer.trim(),
+                cancelled: false,
+            });
+            return;
+        }
+        if (key.backspace || key.delete) {
+            setBuffer((prev) => prev.slice(0, -1));
+            return;
+        }
+        if (input && !key.meta && !key.ctrl) {
+            setBuffer((prev) => prev + input);
+        }
+    }, { isActive: props.inert !== true });
+    function togglePick(row) {
+        setPicked((prev) => prev.includes(row) ? prev.filter((i) => i !== row) : [...prev, row]);
+    }
+    function commitSinglePick(row) {
+        if (row < 0 || row >= props.options.length)
+            return;
+        const opt = props.options[row];
+        if (!opt)
+            return;
+        props.onResolve({ answers: [opt.label], cancelled: false });
+    }
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: "yellow", children: '? ' }), _jsx(Text, { inverse: true, bold: true, color: "yellow", children: ` ${props.header} ` }), _jsx(Text, { bold: true, children: '  Need your call before I continue' })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: props.question }) }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [props.options.map((opt, idx) => {
+                        const isCursor = mode === 'pick' && cursor === idx;
+                        const isPicked = multiSelect && picked.includes(idx);
+                        const marker = multiSelect ? (isPicked ? '[x]' : '[ ]') : `${idx + 1}.`;
+                        return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: isCursor ? 'cyan' : '#3da9fc', bold: true, children: isCursor ? '> ' : '  ' }), _jsx(Text, { color: "#3da9fc", bold: true, children: `${marker} ` }), _jsx(Text, { bold: isCursor, children: opt.label })] }), _jsx(Box, { marginLeft: multiSelect ? 7 : 5, children: _jsx(Text, { dimColor: true, children: opt.description }) })] }, `${idx}-${opt.label}`));
+                    }), _jsxs(Box, { children: [_jsx(Text, { color: mode === 'pick' && cursor === otherIndex ? 'cyan' : '#3da9fc', bold: true, children: mode === 'pick' && cursor === otherIndex ? '> ' : '  ' }), _jsx(Text, { color: "#3da9fc", bold: true, children: `${multiSelect ? '[*]' : `${totalRows}.`} ` }), _jsx(Text, { dimColor: true, children: 'Other (type a custom answer)' })] })] }), mode === 'pick' ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: multiSelect
+                        ? `j/k navigate. Space toggles. Enter commits. Esc cancels.`
+                        : `1-${totalRows} or j/k navigate. Enter commits. Esc cancels.` }) })) : (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: "#3da9fc", children: '> ' }), _jsx(Text, { children: buffer }), _jsx(Text, { inverse: true, children: ' ' })] }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: 'Type your custom answer. Enter submits. Esc cancels.' }) })] }))] }));
+}
+/**
+ * Encode the prompt verdict into the literal turn-injection string. The
+ * persona prompt teaches the model to recognise this prefix; mirrors
+ * AskModal's `encodeAskVerdict` for consistency.
+ *
+ * Examples:
+ *   { answers: ['Vercel'] }          → "[ASK-USER-QUESTION:answered] Vercel"
+ *   { answers: ['a', 'b'] }          → "[ASK-USER-QUESTION:answered] a, b"
+ *   { customInput: 'gcp' }           → "[ASK-USER-QUESTION:other] gcp"
+ *   { cancelled: true }              → "[ASK-USER-QUESTION:cancelled]"
+ */
+export function encodeAskUserQuestionVerdict(verdict) {
+    if (verdict.cancelled)
+        return '[ASK-USER-QUESTION:cancelled]';
+    if (verdict.answers && verdict.answers.length > 0) {
+        return `[ASK-USER-QUESTION:answered] ${verdict.answers.join(', ')}`;
+    }
+    if (verdict.customInput && verdict.customInput.trim().length > 0) {
+        // Strip any forged verdict header (mirrors AskModal sanitiser).
+        const cleaned = sanitiseVerdictText(verdict.customInput);
+        if (cleaned.length > 0) {
+            return `[ASK-USER-QUESTION:other] ${cleaned}`;
+        }
+    }
+    return '[ASK-USER-QUESTION:cancelled]';
+}
+function sanitiseVerdictText(raw) {
+    let cleaned = raw;
+    for (let i = 0; i < raw.length + 4; i += 1) {
+        const stripped = cleaned.replace(/^\s*\[(?:ASK-RESPONSE|PLAN-VERDICT|ASK-USER-QUESTION):[^\]]*\]\s*/u, '');
+        if (stripped === cleaned)
+            break;
+        cleaned = stripped;
+    }
+    return cleaned.trim();
+}
+//# sourceMappingURL=ask-user-question-prompt.js.map

package/dist/tui/compact-banner.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Visible boundary marker for the conversation pane.
+ *
+ * Rendered inline in the transcript when the replay walker hits a
+ * `compaction` event. Conveys three facts at a glance:
+ *
+ *   1. A compaction happened (separator line).
+ *   2. How many turns were folded into the summary.
+ *   3. Whether it was manual or auto-triggered.
+ *
+ * The separator line uses U+2500 (BOX DRAWINGS LIGHT HORIZONTAL) so
+ * the visual weight matches the rest of the Ink chrome. Dim ink-color
+ * `gray` keeps the marker subdued — it is a navigation aid, not the
+ * conversation itself.
+ *
+ * Width-aware: when stdout columns are known we render the dashes to
+ * fill the line minus the centred label; on unknown width we fall
+ * back to a fixed 64-dash pad. The fallback is wide enough for any
+ * realistic terminal and narrow enough to not wrap on small ones.
+ */
+import { Box, Text } from 'ink';
+const FALLBACK_COLUMNS = 80;
+/**
+ * Render the boundary line. The wrapping `<Box>` keeps the marker on
+ * its own row even when the surrounding flex container packs siblings.
+ */
+export function CompactBanner(props) {
+    const columns = props.columns && props.columns > 20 ? props.columns : FALLBACK_COLUMNS;
+    const label = buildLabel(props);
+    const dashesEach = Math.max(3, Math.floor((columns - label.length - 2) / 2));
+    const dashes = '─'.repeat(dashesEach);
+    return (_jsx(Box, { children: _jsx(Text, { color: "gray", children: `${dashes} ${label} ${dashes}` }) }));
+}
+/**
+ * Build the centred label. Examples:
+ *   "context compacted (12 turns → 1 summary, auto)"
+ *   "context compacted (4 turns → 1 summary, manual · ~3.2k tokens)"
+ */
+export function buildLabel(props) {
+    const trigger = props.trigger === 'auto' ? 'auto' : 'manual';
+    const turns = `${props.turnsBefore} ${props.turnsBefore === 1 ? 'turn' : 'turns'}`;
+    const tokens = props.summaryTokenCount && props.summaryTokenCount > 0
+        ? ` · ~${formatTokens(props.summaryTokenCount)} tokens`
+        : '';
+    return `context compacted (${turns} → 1 summary, ${trigger}${tokens})`;
+}
+/** Format token counts like 1234 → 1.2k, 950 → 950. */
+function formatTokens(n) {
+    if (n < 1000)
+        return `${n}`;
+    return `${(n / 1000).toFixed(1)}k`;
+}
+//# sourceMappingURL=compact-banner.js.map

package/dist/tui/conversation-pane.js

@@ -36,23 +36,84 @@ function PaneHeader({ count }) {
 function ConversationRow({ row, personaNames, }) {
     switch (row.source) {
         case 'operator':
-            return (_jsxs(Box, { children: [_jsx(Text, { bold: true, color: "cyan", children: '› ' }), _jsx(Text, { children: row.text })] }));
+            return (_jsxs(Box, { children: [_jsx(Text, { bold: true, color: "#3da9fc", children: '› ' }), _jsx(Text, { children: row.text })] }));
         case 'system':
             return (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: '· ' }), _jsx(Text, { dimColor: true, children: row.text })] }));
         case 'persona': {
             const slug = row.personaSlug ?? '';
             const color = HUE_COLOR_BY_SLUG[slug] ?? 'white';
             const displayName = personaNames?.get(slug) ?? slug;
-            // α6.12: persona bodies travel through MarkdownRender so code
-            // fences, headings, and inline accents land correctly. A row that
-            // carries no Markdown syntax renders as plain text under the same
-            // path (the parser falls through to a single paragraph span), so
-            // there is no regression for the simple "Mira shipped." baseline.
-            const containsMarkdown = looksLikeMarkdown(row.text);
-            return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: color, bold: true, children: `▸ ${displayName} ` }), containsMarkdown ? null : _jsx(Text, { children: row.text })] }), containsMarkdown ? (_jsx(Box, { marginLeft: 2, children: _jsx(MarkdownRender, { source: row.text }) })) : null] }));
+            // CEO live dogfood 2026-05-27: a body that started with a
+            // Cyrillic letter (e.g. "Принял.") rendered as "PugiПринял." on
+            // the same line because the persona label sat at zero margin and
+            // the body fell flush behind it. The label is bold-coloured chrome,
+            // not text the operator is meant to read as a sentence stem.
+            // Split body to its own row and indent two columns so the
+            // transcript reads:
+            //
+            //   ▸ Pugi
+            //     Принял.
+            //
+            // matching the Claude Code / Codex / Gemini baseline visually +
+            // preventing the "PugiПринял" glue regardless of the body's
+            // leading character.
+            //
+            // The render also strips a leading identity-intro phrase as a
+            // defense-in-depth complement to the backend output gate — when
+            // turnIndex > 1, the operator must NOT see "Я Pugi - твой
+            // инженерный напарник." opening every reply. This is belt-and-
+            // braces; the prompt + output-gate already block it upstream.
+            const stripped = stripLeadingIdentityIntro(row.text);
+            const containsMarkdown = looksLikeMarkdown(stripped);
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsx(Text, { color: color, bold: true, children: `▸ ${displayName}` }) }), containsMarkdown ? (_jsx(Box, { marginLeft: 2, children: _jsx(MarkdownRender, { source: stripped }) })) : (_jsx(Box, { marginLeft: 2, children: _jsx(Text, { children: stripped }) }))] }));
         }
     }
 }
+/**
+ * Strip a leading identity-intro line ("I'm Pugi — your engineering
+ * copilot..." / "Я Pugi — твой инженерный напарник...") from the
+ * transcript body as a defense-in-depth complement to the backend
+ * output gate. The prompt + gate already block this upstream; the
+ * render guards against the rare case where a legacy model release
+ * sneaks the intro past both layers.
+ *
+ * The strip is intentionally conservative — we only remove the
+ * canonical phrasings the prompt teaches Mira to emit. Any other
+ * prose containing the word "Pugi" passes through unchanged.
+ *
+ * Exported for spec.
+ */
+export function stripLeadingIdentityIntro(text) {
+    if (!text || text.length === 0)
+        return text;
+    // Try each canonical intro shape in turn (RU + EN). We strip only
+    // the LEADING occurrence; a mid-body mention is intentional citation
+    // (e.g. "the Pugi codename..." in an explainer turn).
+    const introPatterns = [
+        // RU canonical — both masculine ("напарник/напарника/напарнику") and
+        // feminine ("напарница/напарницей/напарнице") declensions land on this
+        // strip. The prior pattern `напарни[ккк][аеу]?` was a character-class
+        // typo (three `к`s collapse to one) and accepted no feminine form, so
+        // a Mira reply opening "Я Pugi — твоя инженерная напарница…" leaked
+        // past the strip. P1 reviewer fix PR #540 (2026-05-27).
+        /^(?:Я\s+Pugi\s*[—–-]\s*тв(?:ой|ё|оя)\s+инженерн[аыяий][хйеомя]*\s+напарни(?:к[аеу]?|ц(?:ей|а|ы|е|у))[.,!]?\s*)/u,
+        /^(?:Я\s+Pugi\s*[—–-]\s*координатор[.,!]?\s*)/u,
+        // EN canonical
+        /^(?:I'?m\s+Pugi\s*[—–-]\s*your\s+engineering\s+copilot[.,!]?\s*)/iu,
+        /^(?:Pugi\s+here[.,!]?\s*)/iu,
+        /^(?:This\s+is\s+Pugi[.,!]?\s*)/iu,
+    ];
+    let out = text;
+    for (const re of introPatterns) {
+        out = out.replace(re, '');
+    }
+    // If the body had ONLY the intro phrase, return the original — never
+    // hand the operator an empty bubble. The output gate would have
+    // logged the verbosity hit; the operator sees the unmodified text.
+    if (out.trim().length === 0)
+        return text;
+    return out;
+}
 /**
  * Cheap heuristic for "this transcript row will benefit from Markdown
  * rendering". We only pay the parser cost when the row plausibly

package/dist/tui/cost-table.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { estimateUsd, formatTokensWithCommas, formatUsd, rateFor } from '../core/cost/rate-card.js';
+/**
+ * Column widths chosen to match the L19 spec output. The model column is
+ * the widest because slug strings like `qwen3-coder-480b-instruct-fp8`
+ * run 31 chars. We pad/truncate inside the renderer so a TUI on a 80-col
+ * terminal does not wrap mid-table.
+ */
+const COL_MODEL = 34;
+const COL_IN = 8;
+const COL_OUT = 9;
+const COL_USD = 10;
+/**
+ * Render one cost report. Stateless — re-rendering with the same view
+ * produces the same output by construction. Tests assert against
+ * `lastFrame()` from `ink-testing-library`.
+ */
+export function CostTable({ view }) {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: view.heading }), _jsx(Text, { children: "\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [pad('MODEL', COL_MODEL), padLeft('IN_TOK', COL_IN), padLeft('OUT_TOK', COL_OUT), padLeft('$ EST', COL_USD)] }), view.rows.length === 0 ? (_jsx(Text, { dimColor: true, children: "No calls recorded yet \u2014 brief a persona to charge the meter." })) : (view.rows.map((row) => (_jsxs(Text, { children: [pad(row.model, COL_MODEL), padLeft(formatTokensWithCommas(row.inputTokens), COL_IN), padLeft(formatTokensWithCommas(row.outputTokens), COL_OUT), padLeft(formatUsd(row.usd), COL_USD), row.note ? ` (${row.note})` : ''] }, row.model)))), _jsx(Text, { children: " " }), _jsxs(Text, { children: ["Total tokens: ", formatTokensWithCommas(view.totalInputTokens + view.totalOutputTokens), ' (in: ', formatTokensWithCommas(view.totalInputTokens), ', out: ', formatTokensWithCommas(view.totalOutputTokens), ')'] }), _jsxs(Text, { children: ["Total dollar estimate: ", formatUsd(view.totalUsd)] }), view.tier ? _jsxs(Text, { children: ["Tier: ", view.tier.tier, view.tier.quotaLine ? ` (${view.tier.quotaLine})` : ''] }) : null] }));
+}
+/**
+ * Build a `CostView` from a `SessionAggregate`. The function lives here
+ * (next to the renderer) so a future caller — the REPL slash, the CLI
+ * command, a JSON-only path — uses the same view-model shape and the
+ * same row-sort rule.
+ */
+export function buildCostView(input) {
+    const rows = [];
+    for (const [model, entry] of Object.entries(input.aggregate.models)) {
+        const usd = estimateUsd(model, entry.input, entry.output);
+        const rate = rateFor(model);
+        rows.push({
+            model,
+            inputTokens: entry.input,
+            outputTokens: entry.output,
+            usd,
+            note: rate.note,
+        });
+    }
+    // Sort by USD descending first (most-expensive-first, matches the L19
+    // sample output where the Claude row leads). Ties break by total
+    // tokens so two free open-weight rows order deterministically.
+    rows.sort((a, b) => {
+        if (b.usd !== a.usd)
+            return b.usd - a.usd;
+        return (b.inputTokens + b.outputTokens) - (a.inputTokens + a.outputTokens);
+    });
+    let totalIn = 0;
+    let totalOut = 0;
+    let totalUsd = 0;
+    for (const row of rows) {
+        totalIn += row.inputTokens;
+        totalOut += row.outputTokens;
+        totalUsd += row.usd;
+    }
+    return {
+        heading: input.heading,
+        rows,
+        totalInputTokens: totalIn,
+        totalOutputTokens: totalOut,
+        totalUsd,
+        tier: input.tier,
+    };
+}
+/**
+ * Plain-string renderer for non-TTY / `--json` callers. Produces the
+ * same table the Ink component would render — no ANSI / no color so it
+ * pipes cleanly into `less` or a JSON tool.
+ */
+export function renderCostTableText(view) {
+    const lines = [];
+    lines.push(view.heading);
+    lines.push('════════════════════════════════════════════════');
+    lines.push('');
+    lines.push(pad('MODEL', COL_MODEL) +
+        padLeft('IN_TOK', COL_IN) +
+        padLeft('OUT_TOK', COL_OUT) +
+        padLeft('$ EST', COL_USD));
+    if (view.rows.length === 0) {
+        lines.push('No calls recorded yet — brief a persona to charge the meter.');
+    }
+    else {
+        for (const row of view.rows) {
+            const noteSuffix = row.note ? ` (${row.note})` : '';
+            lines.push(pad(row.model, COL_MODEL) +
+                padLeft(formatTokensWithCommas(row.inputTokens), COL_IN) +
+                padLeft(formatTokensWithCommas(row.outputTokens), COL_OUT) +
+                padLeft(formatUsd(row.usd), COL_USD) +
+                noteSuffix);
+        }
+    }
+    lines.push('');
+    lines.push(`Total tokens: ${formatTokensWithCommas(view.totalInputTokens + view.totalOutputTokens)} (in: ${formatTokensWithCommas(view.totalInputTokens)}, out: ${formatTokensWithCommas(view.totalOutputTokens)})`);
+    lines.push(`Total dollar estimate: ${formatUsd(view.totalUsd)}`);
+    if (view.tier) {
+        lines.push(`Tier: ${view.tier.tier}${view.tier.quotaLine ? ` (${view.tier.quotaLine})` : ''}`);
+    }
+    return lines.join('\n');
+}
+function pad(value, width) {
+    if (value.length >= width)
+        return value.slice(0, Math.max(0, width - 1)) + ' ';
+    return value + ' '.repeat(width - value.length);
+}
+function padLeft(value, width) {
+    if (value.length >= width)
+        return value.slice(0, width);
+    return ' '.repeat(width - value.length) + value;
+}
+//# sourceMappingURL=cost-table.js.map

package/dist/tui/doctor-table.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+/** Brand-voice palette for status cells. Mirrors the table chrome
+ *  used by `<AgentProgressCard>` so the operator's eye trains on a
+ *  consistent OK/WARN/ERROR/SKIPPED colour grammar. */
+const STATUS_COLOR = {
+    ok: 'green',
+    warn: 'yellow',
+    error: 'red',
+    skipped: 'gray',
+};
+const OVERALL_COLOR = {
+    healthy: 'green',
+    warning: 'yellow',
+    error: 'red',
+};
+export function DoctorTable({ envelope }) {
+    const nameWidth = Math.max('NAME'.length, ...envelope.probes.map((row) => row.name.length));
+    const statusWidth = Math.max('STATUS'.length, ...envelope.probes.map((row) => row.status.length));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "Pugi Doctor" }) }), envelope.probes.map((row) => (_jsx(DoctorRow, { row: row, nameWidth: nameWidth, statusWidth: statusWidth }, row.name))), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: [envelope.counts.error, " error(s), ", envelope.counts.warn, " warning(s), ", envelope.counts.ok, " ok,", ' ', envelope.counts.skipped, " skipped. Overall:", ' ', _jsx(Text, { color: OVERALL_COLOR[envelope.overall], bold: true, children: envelope.overall.toUpperCase() })] }) }), _jsx(Box, { children: _jsxs(Text, { dimColor: true, children: ["CLI ", envelope.meta.cliVersion, "  Node ", envelope.meta.nodeVersion, "  cwd ", envelope.meta.cwd] }) })] }));
+}
+function DoctorRow({ row, nameWidth, statusWidth }) {
+    const namePart = row.name.padEnd(nameWidth, ' ');
+    const statusPart = row.status.toUpperCase().padEnd(statusWidth, ' ');
+    const latencyPart = typeof row.latencyMs === 'number' ? ` (${row.latencyMs}ms)` : '';
+    const showRemediation = typeof row.remediation === 'string' &&
+        row.remediation.length > 0 &&
+        (row.status === 'warn' || row.status === 'error');
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsxs(Text, { children: [namePart, "  "] }), _jsx(Text, { color: STATUS_COLOR[row.status], bold: true, children: statusPart }), _jsxs(Text, { children: ['  ', row.detail, latencyPart] })] }), showRemediation && (_jsx(Box, { marginLeft: nameWidth + statusWidth + 4, children: _jsxs(Text, { dimColor: true, children: ["\u2192 ", row.remediation] }) }))] }));
+}
+//# sourceMappingURL=doctor-table.js.map

package/dist/tui/input-box.js

@@ -499,7 +499,7 @@ export function InputBox(props) {
         : Math.min(paletteIndex, paletteView.rows.length - 1);
     const divider = '─'.repeat(innerWidth);
     const focusedMatch = search ? search.matches[search.focusedIndex] : undefined;
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "cyan", dimColor: true, children: divider }), _jsx(Box, { paddingX: 1, flexDirection: "column", children: search ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: '(reverse-i-search) ' }), _jsx(Text, { children: `\`${search.query}\`: ` }), _jsx(Text, { color: "yellow", children: focusedMatch ? focusedMatch.brief : '(no match)' })] }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: `Ctrl+R next  ·  Ctrl+S prev  ·  Enter accept  ·  Esc cancel  ·  ${search.matches.length} match${search.matches.length === 1 ? '' : 'es'}` }) })] })) : (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: '› ' }), _jsx(Text, { children: renderLineWithCursor(line, cursor, cursorVisible) })] })) }), _jsx(Text, { color: "cyan", dimColor: true, children: divider }), line.length > innerWidth - 4 ? (_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: '┊ ' }), _jsx(Text, { dimColor: true, children: 'line wraps - Enter still submits' })] })) : null, _jsx(SlashPalette, { rows: paletteView.rows, focusedIndex: clampedPaletteIndex, totalBeforeLimit: paletteView.totalBeforeLimit }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: '↑/↓ history  ·  Ctrl+R search  ·  / commands  ·  Enter brief  ·  Esc cancel  ·  Ctrl+C abort / ×2 exit' }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "#3da9fc", dimColor: true, children: divider }), _jsx(Box, { paddingX: 1, flexDirection: "column", children: search ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "#3da9fc", children: '(reverse-i-search) ' }), _jsx(Text, { children: `\`${search.query}\`: ` }), _jsx(Text, { color: "yellow", children: focusedMatch ? focusedMatch.brief : '(no match)' })] }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: `Ctrl+R next  ·  Ctrl+S prev  ·  Enter accept  ·  Esc cancel  ·  ${search.matches.length} match${search.matches.length === 1 ? '' : 'es'}` }) })] })) : (_jsxs(Box, { children: [_jsx(Text, { color: "#3da9fc", children: '› ' }), _jsx(Text, { children: renderLineWithCursor(line, cursor, cursorVisible) })] })) }), _jsx(Text, { color: "#3da9fc", dimColor: true, children: divider }), line.length > innerWidth - 4 ? (_jsxs(Box, { children: [_jsx(Text, { color: "gray", children: '┊ ' }), _jsx(Text, { dimColor: true, children: 'line wraps - Enter still submits' })] })) : null, _jsx(SlashPalette, { rows: paletteView.rows, focusedIndex: clampedPaletteIndex, totalBeforeLimit: paletteView.totalBeforeLimit }), _jsx(Box, { children: _jsx(Text, { dimColor: true, children: '↑/↓ history  ·  Ctrl+R search  ·  / commands  ·  Enter brief  ·  Esc cancel  ·  Ctrl+C abort / ×2 exit' }) })] }));
 }
 /**
  * Render the line with the cursor glyph inserted at `cursor`. The cursor

package/dist/tui/markdown-render.js

@@ -107,9 +107,9 @@ function renderBlock(block, key) {
         case 'paragraph':
             return (_jsx(Text, { children: renderInline(block.text) }, key));
         case 'bullet':
-            return (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: '• ' }), _jsx(Text, { children: renderInline(block.text) })] }, key));
+            return (_jsxs(Box, { children: [_jsx(Text, { color: "#3da9fc", children: '• ' }), _jsx(Text, { children: renderInline(block.text) })] }, key));
         case 'ordered':
-            return (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: `${block.index}. ` }), _jsx(Text, { children: renderInline(block.text) })] }, key));
+            return (_jsxs(Box, { children: [_jsx(Text, { color: "#3da9fc", children: `${block.index}. ` }), _jsx(Text, { children: renderInline(block.text) })] }, key));
         case 'code':
             return renderCodeBlock(block.lang, block.body, key);
         case 'blank':
@@ -148,7 +148,7 @@ function renderCodeLine(line, keywords) {
             spans.push(_jsx(Text, { color: "green", children: tok }, key));
         }
         else if (keywords.includes(tok)) {
-            spans.push(_jsx(Text, { color: "cyan", bold: true, children: tok }, key));
+            spans.push(_jsx(Text, { color: "#3da9fc", bold: true, children: tok }, key));
         }
         else {
             spans.push(_jsx(Text, { children: tok }, key));
@@ -260,7 +260,7 @@ function renderSpan(span, key) {
         case 'code':
             return _jsx(Text, { color: "green", children: span.text }, key);
         case 'link':
-            return (_jsxs(Text, { children: [_jsx(Text, { color: "cyan", underline: true, children: span.text }), _jsx(Text, { dimColor: true, children: ` (${span.url})` })] }, key));
+            return (_jsxs(Text, { children: [_jsx(Text, { color: "#3da9fc", underline: true, children: span.text }), _jsx(Text, { dimColor: true, children: ` (${span.url})` })] }, key));
     }
 }
 //# sourceMappingURL=markdown-render.js.map