@pentoshi/clai 3.11.4 → 3.11.5

package/dist/ui/code-block.js

@@ -0,0 +1,380 @@
+/**
+ * Fenced code block presentation for chat + pager markdown.
+ *
+ * Renders a bordered panel with a language label, real syntax colors, exact
+ * source indentation, and column-accurate soft wrapping (no ellipsis, no
+ * dropped characters, wide glyphs never straddle the right border).
+ */
+import chalk from "chalk";
+import stringWidth from "string-width";
+import { detectThemeHint } from "../tui-v2/bootstrap/capabilities.js";
+import { themeFor } from "../tui-v2/rendering/theme.js";
+import { emptyCarry, highlightLineForPath, } from "../tui-v2/rendering/syntax-highlight.js";
+/** Columns consumed by `│ ` + body + ` │`. */
+export const CODE_BLOCK_CHROME = 4;
+const TAB_WIDTH = 2;
+const HANGING_INDENT = 2;
+/** Narrowest code body worth rendering — the panel is sized to protect it. */
+const MIN_BODY = 8;
+const MIN_WIDTH = CODE_BLOCK_CHROME + MIN_BODY;
+const MAX_WIDTH = 120;
+/** Only honour a soft break past this fraction of the row budget. */
+const SOFT_BREAK_FLOOR = 0.5;
+const GRAPHEME_SEGMENTER = new Intl.Segmenter(undefined, {
+    granularity: "grapheme",
+});
+/**
+ * Colors resolve from the shared theme tokens — the same syntax palette the
+ * diff cards use — against the terminal's light/dark hint, so a light terminal
+ * is never handed dark-tuned code colors.
+ */
+function buildPalette() {
+    const theme = themeFor(detectThemeHint(process.env));
+    return {
+        border: chalk.hex(theme.diffGutter),
+        label: chalk.hex(theme.muted),
+        syntax: {
+            plain: chalk.hex(theme.foreground),
+            keyword: chalk.hex(theme.synKeyword),
+            string: chalk.hex(theme.synString),
+            comment: chalk.hex(theme.synComment),
+            number: chalk.hex(theme.synNumber),
+            function: chalk.hex(theme.synFunction),
+            type: chalk.hex(theme.synType),
+            property: chalk.hex(theme.synProperty),
+            operator: chalk.hex(theme.synOperator),
+            punctuation: chalk.hex(theme.muted),
+            regex: chalk.hex(theme.synRegex),
+        },
+    };
+}
+let resolvedPalette;
+function palette() {
+    resolvedPalette ??= buildPalette();
+    return resolvedPalette;
+}
+/** Fence info strings that are not already file extensions. */
+const INFO_EXTENSION = {
+    typescript: "ts",
+    javascript: "js",
+    node: "js",
+    nodejs: "js",
+    react: "jsx",
+    python: "py",
+    python3: "py",
+    ipython: "py",
+    shell: "sh",
+    shellsession: "sh",
+    console: "sh",
+    terminal: "sh",
+    golang: "go",
+    rust: "rs",
+    ruby: "rb",
+    kotlin: "kt",
+    csharp: "cs",
+    "c#": "cs",
+    "c++": "cpp",
+    cplusplus: "cpp",
+    objc: "m",
+    "objective-c": "m",
+    haskell: "hs",
+    elixir: "ex",
+    erlang: "erl",
+    clojure: "clj",
+    scheme: "scm",
+    julia: "jl",
+    docker: "dockerfile",
+    make: "makefile",
+    terraform: "tf",
+    protobuf: "proto",
+    postgres: "sql",
+    postgresql: "sql",
+    plpgsql: "sql",
+    sqlite: "sql",
+    powershell: "ps1",
+    batch: "bat",
+    vim: "txt",
+    tex: "txt",
+    latex: "txt",
+    plaintext: "txt",
+    plain: "txt",
+    text: "txt",
+    output: "txt",
+    none: "txt",
+};
+/** Short fence tags shown under their full language name. */
+const INFO_LABEL = {
+    ts: "typescript",
+    js: "javascript",
+    py: "python",
+    rb: "ruby",
+    rs: "rust",
+    kt: "kotlin",
+    cs: "c#",
+    cpp: "c++",
+    sh: "shell",
+    yml: "yaml",
+    md: "markdown",
+    ps1: "powershell",
+    ex: "elixir",
+    hs: "haskell",
+    jl: "julia",
+    clj: "clojure",
+    tf: "terraform",
+};
+const FENCE_OPEN_RE = /^\s*(`{3,}|~{3,})[ \t]*(.*)$/;
+/** Match an opening fence and capture its marker + info string. */
+export function matchCodeFenceOpen(line) {
+    const match = FENCE_OPEN_RE.exec(line);
+    if (!match)
+        return undefined;
+    return { marker: match[1], info: (match[2] ?? "").trim() };
+}
+/** A fence closes on a bare run of the same character, at least as long. */
+export function isCodeFenceClose(line, marker) {
+    const match = /^\s*(`{3,}|~{3,})\s*$/.exec(line);
+    if (!match)
+        return false;
+    const run = match[1];
+    return run[0] === marker[0] && run.length >= marker.length;
+}
+function looksLikePath(info) {
+    if (info.includes("/") || info.includes("\\"))
+        return true;
+    return /^[\w.-]+\.[A-Za-z][\w]*$/.test(info) && !info.startsWith(".");
+}
+export function openCodeFence(marker, info) {
+    // Info strings carry attributes models pick up from docs: `ts {1,3}`,
+    // `py title="x"`. Only the first token identifies the language.
+    const token = (info.split(/[\s,;]+/)[0] ?? "").replace(/^[{"']|["']$/g, "");
+    const tag = token.toLowerCase();
+    if (looksLikePath(token)) {
+        return { marker, label: token, langPath: token, carry: emptyCarry(), pendingBlanks: 0 };
+    }
+    const extension = INFO_EXTENSION[tag] ?? tag;
+    return {
+        marker,
+        label: INFO_LABEL[tag] ?? (tag || "code"),
+        langPath: extension ? `code.${extension}` : "code.txt",
+        carry: emptyCarry(),
+        pendingBlanks: 0,
+    };
+}
+/** Clamp the panel to the wrap budget so it never overflows the pane. */
+export function codeBlockWidth(wrapWidth) {
+    return Math.max(MIN_WIDTH, Math.min(Math.floor(wrapWidth), MAX_WIDTH));
+}
+function rule(count) {
+    return "─".repeat(Math.max(0, count));
+}
+function truncateLabel(label, maxWidth) {
+    if (maxWidth < 1)
+        return "";
+    let text = "";
+    let width = 0;
+    for (const cluster of graphemes(label)) {
+        const clusterWidth = stringWidth(cluster);
+        if (width + clusterWidth > maxWidth)
+            break;
+        text += cluster;
+        width += clusterWidth;
+    }
+    return text;
+}
+export function codeBlockTop(label, width) {
+    const { border, label: paintLabel } = palette();
+    const span = codeBlockWidth(width) - 2;
+    const room = span - 4;
+    const labelWidth = stringWidth(label);
+    const text = room < 1
+        ? ""
+        : labelWidth <= room
+            ? label
+            : `${truncateLabel(label, room - 1)}…`;
+    if (!text)
+        return border(`╭${rule(span)}╮`);
+    return (border("╭─") +
+        paintLabel(` ${text} `) +
+        border(`${rule(span - 3 - stringWidth(text))}╮`));
+}
+export function codeBlockBottom(width) {
+    return palette().border(`╰${rule(codeBlockWidth(width) - 2)}╯`);
+}
+/** Pad a painted body to the panel's inner width and add both borders. */
+export function codeBlockRow(body, bodyWidth, width) {
+    const { border } = palette();
+    const inner = codeBlockWidth(width) - CODE_BLOCK_CHROME;
+    const pad = " ".repeat(Math.max(0, inner - bodyWidth));
+    return `${border("│")} ${body}${pad} ${border("│")}`;
+}
+function graphemes(text) {
+    return Array.from(GRAPHEME_SEGMENTER.segment(text), ({ segment }) => segment);
+}
+function expandTabs(line) {
+    if (!line.includes("\t"))
+        return line;
+    let out = "";
+    let col = 0;
+    for (const ch of graphemes(line)) {
+        if (ch === "\t") {
+            const gap = TAB_WIDTH - (col % TAB_WIDTH);
+            out += " ".repeat(gap);
+            col += gap;
+            continue;
+        }
+        out += ch;
+        col += stringWidth(ch);
+    }
+    return out;
+}
+function toCells(spans) {
+    const text = spans.map((span) => span.text).join("");
+    const kinds = [];
+    for (const span of spans) {
+        for (let i = 0; i < span.text.length; i += 1)
+            kinds.push(span.kind);
+    }
+    const cells = [];
+    for (const { segment, index } of GRAPHEME_SEGMENTER.segment(text)) {
+        cells.push({
+            ch: segment,
+            kind: kinds[index] ?? "plain",
+            w: stringWidth(segment),
+        });
+    }
+    return cells;
+}
+/** Break after separators so wrapped code splits at token edges when it can. */
+function breaksAfter(ch) {
+    return ch === " " || ",;)]}>".includes(ch);
+}
+/**
+ * Split one highlighted source line into rows that fit its column budget.
+ * Breaks at a token edge when one falls in the back half of the row, otherwise
+ * hard-breaks. Separator cells remain in the output so wrapping never changes
+ * meaningful code whitespace. Always consumes at least one cell so a glyph
+ * wider than the budget cannot stall the loop.
+ */
+function sliceRows(cells, firstBudget, restBudget) {
+    const rows = [];
+    let start = 0;
+    while (start < cells.length) {
+        const budget = Math.max(1, rows.length === 0 ? firstBudget : restBudget);
+        const floor = budget * SOFT_BREAK_FLOOR;
+        let used = 0;
+        let end = start;
+        let soft = -1;
+        while (end < cells.length && used + cells[end].w <= budget) {
+            used += cells[end].w;
+            end += 1;
+            if (used >= floor && breaksAfter(cells[end - 1].ch))
+                soft = end;
+        }
+        if (end >= cells.length) {
+            rows.push(cells.slice(start));
+            return rows;
+        }
+        const cut = soft > start ? soft : Math.max(end, start + 1);
+        rows.push(cells.slice(start, cut));
+        start = cut;
+    }
+    return rows.length > 0 ? rows : [[]];
+}
+function paint(cells) {
+    const { syntax } = palette();
+    let text = "";
+    let width = 0;
+    let run = "";
+    let kind = "plain";
+    for (const cell of cells) {
+        if (cell.kind !== kind) {
+            if (run)
+                text += syntax[kind](run);
+            run = "";
+            kind = cell.kind;
+        }
+        run += cell.ch;
+        width += cell.w;
+    }
+    if (run)
+        text += syntax[kind](run);
+    return { text, width };
+}
+function leadingSpaces(line) {
+    const match = /^ */.exec(line);
+    return match ? match[0].length : 0;
+}
+/**
+ * Streaming re-renders the whole open fence on every frame, so highlighting +
+ * wrapping one source line is memoised on its language, width, and inbound
+ * carry. The carry after the line is replayed on a hit so multi-line strings
+ * and block comments still chain correctly.
+ */
+const ROW_CACHE = new Map();
+const ROW_CACHE_MAX = 4096;
+function carryKey(carry) {
+    return `${carry.inBlockComment ? 1 : 0}${carry.inTripleString ? 1 : 0}${carry.tripleQuote ?? ""}`;
+}
+function snapshotCarry(carry) {
+    return {
+        inBlockComment: carry.inBlockComment,
+        inTripleString: carry.inTripleString,
+        tripleQuote: carry.tripleQuote,
+    };
+}
+function restoreCarry(target, source) {
+    target.inBlockComment = source.inBlockComment;
+    target.inTripleString = source.inTripleString;
+    target.tripleQuote = source.tripleQuote;
+}
+function cacheRows(key, rows, carry) {
+    if (ROW_CACHE.size >= ROW_CACHE_MAX) {
+        const oldest = ROW_CACHE.keys().next();
+        if (!oldest.done)
+            ROW_CACHE.delete(oldest.value);
+    }
+    ROW_CACHE.set(key, { rows, carry: snapshotCarry(carry) });
+}
+/**
+ * Render one source line as complete panel rows. Blank lines are buffered so a
+ * block that ends with padding does not push empty rows against the footer.
+ */
+export function codeBlockRows(source, fence, width) {
+    const panel = codeBlockWidth(width);
+    const inner = panel - CODE_BLOCK_CHROME;
+    const line = expandTabs(source.replace(/\s+$/, ""));
+    // Leading blanks are dropped outright; interior ones survive as padding once
+    // a following content row proves they were not trailing.
+    if (line.length === 0) {
+        fence.pendingBlanks += 1;
+        return [];
+    }
+    const rows = [];
+    for (let i = 0; i < fence.pendingBlanks; i += 1) {
+        rows.push(codeBlockRow("", 0, panel));
+    }
+    fence.pendingBlanks = 0;
+    const key = `${panel}\u0000${fence.langPath}\u0000${carryKey(fence.carry)}\u0000${line}`;
+    const cached = ROW_CACHE.get(key);
+    if (cached) {
+        restoreCarry(fence.carry, cached.carry);
+        rows.push(...cached.rows);
+        return rows;
+    }
+    const cells = toCells(highlightLineForPath(line, fence.langPath, fence.carry));
+    // Continuation rows are indented under the source line so a wrap reads as a
+    // wrap. It never eats more than half the body, nor the minimum code columns,
+    // so `prefix + body` always fits `inner` and the right border stays flush.
+    const indent = Math.min(leadingSpaces(line) + HANGING_INDENT, Math.floor(inner / 2), Math.max(0, inner - MIN_BODY));
+    const hang = " ".repeat(indent);
+    const chunks = sliceRows(cells, inner, inner - indent);
+    const content = chunks.map((chunk, i) => {
+        const { text, width: bodyWidth } = paint(chunk);
+        const prefix = i === 0 ? "" : hang;
+        return codeBlockRow(prefix + text, prefix.length + bodyWidth, panel);
+    });
+    cacheRows(key, content, fence.carry);
+    rows.push(...content);
+    return rows;
+}
+//# sourceMappingURL=code-block.js.map

package/dist/ui/code-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.js","sourceRoot":"","sources":["../../src/ui/code-block.ts"],"names":[],"mappings":"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"}

package/dist/ui/markdown.js

@@ -1,26 +1,13 @@
 import chalk from "chalk";
 import stringWidth from "string-width";
+import { codeBlockBottom, codeBlockRows, codeBlockTop, codeBlockWidth, isCodeFenceClose, matchCodeFenceOpen, openCodeFence, } from "./code-block.js";
 // Lightweight terminal markdown renderer that styles **bold**, *italic*,
 // `code`, links, headings, lists, blockquotes, hrules, and ```fenced```
 // code blocks. Designed to work both for one-shot strings and for
 // token-streaming inputs (line-buffered).
-const FENCE_OPEN = chalk.dim;
-const FENCE_LINE = chalk.cyan;
-/** Continuation gutter for soft-wrapped code lines (keeps block readable). */
-const FENCE_CONT = chalk.dim("│ ");
 function repeat(char, count) {
     return char.repeat(Math.max(0, count));
 }
-function renderFenceHeader(lang, width = 60) {
-    const label = lang || "code";
-    const head = `─── ${label} `;
-    const barWidth = Math.max(8, Math.min(width, 120));
-    return FENCE_OPEN(head + repeat("─", Math.max(0, barWidth - head.length)));
-}
-function renderFenceFooter(width = 60) {
-    const barWidth = Math.max(8, Math.min(width, 120));
-    return FENCE_OPEN(repeat("─", barWidth));
-}
 // Walk inline markdown tokens and convert them to ANSI styles. Designed to
 // handle one logical line at a time (so it can run after a newline arrives
 // in the token stream).
@@ -137,23 +124,34 @@ export function renderInlineMarkdown(text) {
     }
     return out;
 }
+const DEFAULT_FENCE_WIDTH = 60;
+function panelWidth(state) {
+    return codeBlockWidth(state.fenceWidth ?? DEFAULT_FENCE_WIDTH);
+}
+function openFencePanel(state, marker, info) {
+    state.inFence = true;
+    state.fence = openCodeFence(marker, info);
+    return codeBlockTop(state.fence.label, panelWidth(state));
+}
+function closeFencePanel(state) {
+    state.inFence = false;
+    state.fence = undefined;
+    return codeBlockBottom(panelWidth(state));
+}
+/** Fence lines and code bodies as complete panel rows (may be empty). */
+function fencePanelRows(line, state) {
+    if (state.inFence && state.fence) {
+        if (isCodeFenceClose(line, state.fence.marker)) {
+            return [closeFencePanel(state)];
+        }
+        return codeBlockRows(line, state.fence, panelWidth(state));
+    }
+    const open = matchCodeFenceOpen(line);
+    if (!open)
+        return undefined;
+    return [openFencePanel(state, open.marker, open.info)];
+}
 function renderBlockLine(line, state) {
-    const fenceWidth = state.fenceWidth ?? 60;
-    // Code fence open/close
-    const fenceMatch = line.match(/^(\s*)```(\w*)\s*(.*)$/);
-    if (fenceMatch) {
-        if (state.inFence) {
-            state.inFence = false;
-            state.fenceLang = "";
-            return renderFenceFooter(fenceWidth);
-        }
-        state.inFence = true;
-        state.fenceLang = fenceMatch[2] ?? "";
-        return renderFenceHeader(state.fenceLang, fenceWidth);
-    }
-    if (state.inFence) {
-        return FENCE_LINE(line);
-    }
     // Headings
     const heading = line.match(/^(#{1,6})\s+(.*)$/);
     if (heading) {
@@ -560,19 +558,11 @@ export function indentAndWrapText(text, indent = "  ") {
         .join("\n");
 }
 function wrapMarkdownLine(line, wrapWidth, state) {
-    // Keep fence chrome + content within wrapWidth (never truncate with …).
+    // Keep panel chrome + code within wrapWidth (never truncate with …).
     state.fenceWidth = wrapWidth;
-    if (/^(\s*)```/.test(line)) {
-        return [renderBlockLine(line, state)];
-    }
-    // Soft-wrap long code lines so they stay inside the fence border.
-    // Never truncate with ellipsis — split by columns and keep every character.
-    if (state.inFence) {
-        // Budget 2 cols for the continuation gutter on wrap lines.
-        const budget = Math.max(10, wrapWidth - 2);
-        const chunks = wrapAnsiLine(line, budget);
-        return chunks.map((chunk, idx) => idx === 0 ? FENCE_LINE(chunk) : FENCE_CONT + FENCE_LINE(chunk));
-    }
+    const fenceRows = fencePanelRows(line, state);
+    if (fenceRows)
+        return fenceRows;
     // If it's a horizontal rule, don't wrap it
     if (/^\s*[-*_]{3,}\s*$/.test(line)) {
         return [renderBlockLine(line, state)];
@@ -837,12 +827,12 @@ function renderTableBlock(rawLines, availWidth) {
 export function renderMarkdown(text, width) {
     if (!text)
         return text;
-    const state = { inFence: false, fenceLang: "" };
+    const state = { inFence: false };
     const lines = text.split("\n");
     const resultLines = [];
     const hasWidth = typeof width === "number";
     const cols = width ?? (process.stdout.columns || 80);
-    const wrapWidth = hasWidth ? Math.max(20, cols - 2) : Math.max(40, cols - 6);
+    const wrapWidth = hasWidth ? Math.max(12, cols - 2) : Math.max(40, cols - 6);
     let i = 0;
     while (i < lines.length) {
         const line = lines[i];
@@ -874,19 +864,31 @@ export function renderMarkdown(text, width) {
         }
         i++;
     }
+    // A fence still open at the end means the reply is mid-stream or the model
+    // never closed it — footer it so the panel always reads as a finished box.
+    if (state.inFence) {
+        resultLines.push(`${OUTPUT_INDENT}${closeFencePanel(state)}`);
+    }
     return resultLines.join("\n");
 }
 // Streaming variant: buffers tokens and emits ANSI-rendered output
-// whenever a complete line arrives. Inside a fenced code block, lines
-// are emitted as cyan text with header/footer borders.
+// whenever a complete line arrives. Fenced code blocks stream as a bordered,
+// syntax-highlighted panel.
 export function createMarkdownStreamWriter(write) {
-    const state = { inFence: false, fenceLang: "" };
+    const state = { inFence: false };
     let buffer = "";
+    let outputEndsWithNewline = true;
     // Table rows are buffered until the block ends so columns can be
     // sized across every row before anything is emitted.
     let tableBuffer = [];
     const cols = process.stdout.columns || 80;
     const wrapWidth = Math.max(40, cols - 6);
+    const emit = (chunk) => {
+        if (!chunk)
+            return;
+        write(chunk);
+        outputEndsWithNewline = chunk.endsWith("\n");
+    };
     const emitLine = (line, withNewline) => {
         const pieces = !state.inFence && BR_RE.test(line) ? line.split(BR_RE_GLOBAL) : [line];
         for (let p = 0; p < pieces.length; p++) {
@@ -894,10 +896,10 @@ export function createMarkdownStreamWriter(write) {
             const lastPiece = p === pieces.length - 1;
             const physical = wrapMarkdownLine(piece, wrapWidth, state);
             for (let q = 0; q < physical.length; q++) {
-                write(`${OUTPUT_INDENT}${physical[q]}`);
+                emit(`${OUTPUT_INDENT}${physical[q]}`);
                 const isVeryLast = lastPiece && q === physical.length - 1;
                 if (!isVeryLast || withNewline)
-                    write("\n");
+                    emit("\n");
             }
         }
     };
@@ -909,7 +911,7 @@ export function createMarkdownStreamWriter(write) {
             isTableSeparatorLine(tableBuffer[1]);
         if (looksLikeTable) {
             for (const rendered of renderTableBlock(tableBuffer, wrapWidth)) {
-                write(`${OUTPUT_INDENT}${rendered}\n`);
+                emit(`${OUTPUT_INDENT}${rendered}\n`);
             }
         }
         else {
@@ -949,8 +951,9 @@ export function createMarkdownStreamWriter(write) {
             }
             flushTable();
             if (state.inFence) {
-                // Emit a closing rule so unterminated fences still look tidy.
-                write("\n" + renderFenceFooter());
+                // Close the panel without inserting a blank row after completed lines.
+                const separator = outputEndsWithNewline ? "" : "\n";
+                emit(`${separator}${OUTPUT_INDENT}${closeFencePanel(state)}`);
             }
         },
     };