codebase-cli 2.0.0-pre.12 → 2.0.0-pre.19

package/dist/ui/Markdown.js

@@ -0,0 +1,286 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { colorForKind, highlight, rulesFor } from "./highlight.js";
+import { wrapText } from "./wrap.js";
+export function Markdown({ text, width, keyPrefix }) {
+    const blocks = parseBlocks(text);
+    return (_jsx(Box, { flexDirection: "column", children: blocks.map((block, i) => (_jsx(MarkdownBlock, { block: block, width: width, keyPrefix: `${keyPrefix}-${i}` }, `${keyPrefix}-${i}-${block.kind}`))) }));
+}
+function MarkdownBlock({ block, width, keyPrefix }) {
+    if (block.kind === "blank") {
+        return _jsx(Text, { children: " " });
+    }
+    if (block.kind === "code-block") {
+        return _jsx(HighlightedCodeBlock, { text: block.text, lang: block.lang, keyPrefix: keyPrefix });
+    }
+    if (block.kind === "heading") {
+        return _jsx(SpanLine, { spans: block.spans, width: width, bold: true, color: "cyan", keyPrefix: keyPrefix });
+    }
+    if (block.kind === "list") {
+        return (_jsx(Box, { flexDirection: "column", children: block.items.map((item, i) => (_jsx(ListRow, { item: item, width: width, keyPrefix: `${keyPrefix}-li-${i}` }, `${keyPrefix}-li-${i}-${item.marker}`))) }));
+    }
+    if (block.kind === "quote") {
+        // Use SpanLine to preserve inline styling, but wrap in a left-bar gutter
+        // so block-quotes read like one in a terminal.
+        return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { marginRight: 1, children: _jsx(Text, { dimColor: true, children: "\u2502" }) }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: _jsx(SpanLine, { spans: block.spans, width: Math.max(20, width - 2), keyPrefix: keyPrefix, dim: true }) })] }));
+    }
+    return _jsx(SpanLine, { spans: block.spans, width: width, keyPrefix: keyPrefix });
+}
+/**
+ * Render a fenced code block with regex-based syntax highlighting if
+ * the language is recognized. Walks the token list and splits on \n so
+ * the per-line key invariant from the rest of the renderer holds.
+ * Unsupported languages render in the original cyan tone.
+ */
+function HighlightedCodeBlock({ text, lang, keyPrefix, }) {
+    const rules = rulesFor(lang);
+    if (!rules) {
+        const lines = text.split("\n");
+        return (_jsx(Box, { flexDirection: "column", marginLeft: 2, children: lines.map((line, i) => (_jsx(Text, { color: "cyan", children: line.length === 0 ? " " : line }, `${keyPrefix}-cl-${i}-${line.slice(0, 12)}`))) }));
+    }
+    // Split the highlighted token stream into per-line rows so the
+    // columns stay aligned with the surrounding markdown and the keys
+    // stay stable.
+    const rows = [[]];
+    for (const tok of highlight(text, lang)) {
+        const color = colorForKind(tok.kind);
+        const parts = tok.text.split("\n");
+        for (let i = 0; i < parts.length; i++) {
+            if (i > 0)
+                rows.push([]);
+            if (parts[i].length > 0)
+                rows[rows.length - 1].push({ color, text: parts[i] });
+        }
+    }
+    return (_jsx(Box, { flexDirection: "column", marginLeft: 2, children: rows.map((row, i) => {
+            const previewKey = row
+                .map((c) => c.text)
+                .join("")
+                .slice(0, 12);
+            return (_jsx(Text, { children: row.length === 0
+                    ? " "
+                    : row.map((c, ci) => (
+                    // biome-ignore lint/suspicious/noArrayIndexKey: pure presentational
+                    _jsx(Text, { color: c.color, children: c.text }, `${keyPrefix}-hl-${i}-c${ci}`))) }, `${keyPrefix}-hl-${i}-${previewKey}`));
+        }) }));
+}
+/**
+ * One list-item row: marker in cyan (e.g. "•" / "1.") + the item body
+ * wrapped to the remaining width, with continuation lines indented
+ * under the body so wrapped lines hang neatly past the marker.
+ */
+function ListRow({ item, width, keyPrefix }) {
+    const markerCol = item.marker.length + 1; // marker + the gap space
+    const indentCols = item.indent * 2;
+    const bodyWidth = Math.max(10, width - markerCol - indentCols);
+    const plain = item.spans.map((s) => s.text).join("");
+    const wrapped = bodyWidth > 0 ? wrapText(plain, bodyWidth) : [plain];
+    let consumed = 0;
+    return (_jsx(Box, { flexDirection: "column", children: wrapped.map((line, lineIdx) => {
+            const chunks = sliceSpans(item.spans, consumed, consumed + line.length);
+            consumed += line.length;
+            if (lineIdx < wrapped.length - 1 && plain[consumed] === " ")
+                consumed += 1;
+            const rowKey = `${keyPrefix}-row-${lineIdx}-${line.slice(0, 8)}`;
+            return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { children: " ".repeat(indentCols) }), lineIdx === 0 ? _jsxs(Text, { color: "cyan", children: [item.marker, " "] }) : _jsx(Text, { children: " ".repeat(markerCol) }), _jsx(Box, { flexGrow: 1, children: _jsx(Text, { children: chunks.map((c, ci) => (_jsx(Text
+                            // biome-ignore lint/suspicious/noArrayIndexKey: ci is a stable position within a single wrapped row; reusing instances is harmless
+                            , { bold: c.kind === "bold", italic: c.kind === "italic", color: c.kind === "code" ? "cyan" : undefined, children: c.text }, `${rowKey}-c${ci}`))) }) })] }, rowKey));
+        }) }));
+}
+/**
+ * Render a sequence of inline spans, wrapped to `width`. We wrap on
+ * the plain-text representation, then walk the spans in parallel to
+ * decide where to break and what styling each chunk gets. This keeps
+ * select-copy clean while preserving styled segments across line
+ * breaks.
+ */
+function SpanLine({ spans, width, bold, color, dim, keyPrefix, }) {
+    // For the first cut: serialize spans into one rich-text line, wrap
+    // the plain projection, and emit one <Text> per row with all spans
+    // inlined. Wrap calculation uses the plain text so column counts
+    // stay accurate; the rendered output retains the styling.
+    const plain = spans.map((s) => s.text).join("");
+    const wrapped = wrapText(plain, width);
+    let consumed = 0;
+    return (_jsx(_Fragment, { children: wrapped.map((line, lineIdx) => {
+            const chunks = sliceSpans(spans, consumed, consumed + line.length);
+            consumed += line.length;
+            // Account for the line break (wrap-ansi drops the trailing space).
+            if (lineIdx < wrapped.length - 1 && plain[consumed] === " ")
+                consumed += 1;
+            const rowKey = `${keyPrefix}-r-${lineIdx}-${line.slice(0, 12)}`;
+            return (_jsx(Text, { children: chunks.map((c, ci) => (_jsx(Text
+                // biome-ignore lint/suspicious/noArrayIndexKey: ci is a stable position within a single wrapped row
+                , { bold: bold || c.kind === "bold", italic: c.kind === "italic", dimColor: dim, color: c.kind === "code" ? "cyan" : color, children: c.text }, `${rowKey}-c${ci}`))) }, rowKey));
+        }) }));
+}
+/** Slice the span sequence to the [start, end) range of the plain projection. */
+function sliceSpans(spans, start, end) {
+    const out = [];
+    let cursor = 0;
+    for (const span of spans) {
+        const spanEnd = cursor + span.text.length;
+        if (spanEnd <= start) {
+            cursor = spanEnd;
+            continue;
+        }
+        if (cursor >= end)
+            break;
+        const sliceStart = Math.max(0, start - cursor);
+        const sliceEnd = Math.min(span.text.length, end - cursor);
+        out.push({ kind: span.kind, text: span.text.slice(sliceStart, sliceEnd) });
+        cursor = spanEnd;
+    }
+    return out;
+}
+// ── parsing ─────────────────────────────────────────────────────────
+function parseBlocks(text) {
+    const blocks = [];
+    const lines = text.split("\n");
+    let i = 0;
+    while (i < lines.length) {
+        const line = lines[i];
+        // Fenced code block.
+        const fence = line.match(/^```(.*)$/);
+        if (fence) {
+            const lang = fence[1].trim() || undefined;
+            const body = [];
+            i++;
+            while (i < lines.length && !lines[i].match(/^```\s*$/)) {
+                body.push(lines[i]);
+                i++;
+            }
+            i++; // skip closing fence (or EOF)
+            blocks.push({ kind: "code-block", lang, text: body.join("\n") });
+            continue;
+        }
+        // Blank line.
+        if (line.trim() === "") {
+            blocks.push({ kind: "blank" });
+            i++;
+            continue;
+        }
+        // Heading.
+        const heading = line.match(/^(#{1,3})\s+(.+)$/);
+        if (heading) {
+            const level = heading[1].length;
+            blocks.push({ kind: "heading", level, spans: parseInline(heading[2]) });
+            i++;
+            continue;
+        }
+        // List (bulleted or ordered). Consumes consecutive list rows + any
+        // continuation lines that are deeper-indented than the list marker.
+        const listProbe = matchListLine(line);
+        if (listProbe) {
+            const items = [];
+            let ordered = listProbe.ordered;
+            while (i < lines.length) {
+                const row = matchListLine(lines[i]);
+                if (!row)
+                    break;
+                ordered = ordered || row.ordered;
+                const itemLines = [row.body];
+                i++;
+                // Continuation lines: indented, non-empty, non-list rows.
+                while (i < lines.length) {
+                    const peek = lines[i];
+                    if (peek.trim() === "")
+                        break;
+                    if (matchListLine(peek))
+                        break;
+                    if (peek.match(/^#{1,3}\s+/))
+                        break;
+                    if (peek.match(/^```/))
+                        break;
+                    itemLines.push(peek.trim());
+                    i++;
+                }
+                items.push({
+                    marker: row.marker,
+                    indent: row.indent,
+                    spans: parseInline(itemLines.join(" ")),
+                });
+            }
+            blocks.push({ kind: "list", ordered, items });
+            continue;
+        }
+        // Block-quote (single-line for now; runs collapse on blank line).
+        if (line.match(/^>\s?/)) {
+            const quoteLines = [line.replace(/^>\s?/, "")];
+            i++;
+            while (i < lines.length && lines[i].match(/^>\s?/)) {
+                quoteLines.push(lines[i].replace(/^>\s?/, ""));
+                i++;
+            }
+            blocks.push({ kind: "quote", spans: parseInline(quoteLines.join(" ")) });
+            continue;
+        }
+        // Paragraph (consume until blank line, fence, list, quote, or heading).
+        const paraLines = [line];
+        i++;
+        while (i < lines.length) {
+            const peek = lines[i];
+            if (peek.trim() === "")
+                break;
+            if (peek.match(/^```/))
+                break;
+            if (peek.match(/^#{1,3}\s+/))
+                break;
+            if (matchListLine(peek))
+                break;
+            if (peek.match(/^>\s?/))
+                break;
+            paraLines.push(peek);
+            i++;
+        }
+        blocks.push({ kind: "paragraph", spans: parseInline(paraLines.join(" ")) });
+    }
+    return blocks;
+}
+/**
+ * Detect a list row and return its marker, body, indent depth, and
+ * kind. Matches `- foo`, `* foo`, `+ foo`, and ordered `12. foo`. The
+ * leading-whitespace count maps to a 2-space-per-level indent: 0 or 1
+ * leading spaces stay at level 0, 2-3 → 1, 4-5 → 2, etc.
+ */
+function matchListLine(line) {
+    const m = line.match(/^(\s*)([-*+]|\d+\.)\s+(.*)$/);
+    if (!m)
+        return null;
+    const indent = Math.floor(m[1].length / 2);
+    const raw = m[2];
+    const ordered = /^\d+\./.test(raw);
+    const marker = ordered ? raw : "•";
+    return { marker, body: m[3], indent, ordered };
+}
+/**
+ * Split a single line of inline text into styled spans. Greedy, non-
+ * nested — `**bold _italic_**` doesn't render correctly, but plain
+ * `**bold**` and `*italic*` and `` `code` `` all work, which is what
+ * 95% of real responses look like.
+ */
+function parseInline(text) {
+    const spans = [];
+    const pattern = /(\*\*(.+?)\*\*|`([^`]+?)`|\*([^*\s][^*]*?)\*)/g;
+    let lastIndex = 0;
+    for (const match of text.matchAll(pattern)) {
+        const matchStart = match.index ?? 0;
+        if (matchStart > lastIndex) {
+            spans.push({ kind: "text", text: text.slice(lastIndex, matchStart) });
+        }
+        if (match[2] !== undefined)
+            spans.push({ kind: "bold", text: match[2] });
+        else if (match[3] !== undefined)
+            spans.push({ kind: "code", text: match[3] });
+        else if (match[4] !== undefined)
+            spans.push({ kind: "italic", text: match[4] });
+        lastIndex = matchStart + match[0].length;
+    }
+    if (lastIndex < text.length) {
+        spans.push({ kind: "text", text: text.slice(lastIndex) });
+    }
+    if (spans.length === 0)
+        spans.push({ kind: "text", text });
+    return spans;
+}
+//# sourceMappingURL=Markdown.js.map

package/dist/ui/Markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../src/ui/Markdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AA0CrC,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAiB;IACjE,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IACjC,OAAO,CACN,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,YACzB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,KAAC,aAAa,IAEb,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,GAAG,SAAS,IAAI,CAAC,EAAE,IAHzB,GAAG,SAAS,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,EAAE,CAIrC,CACF,CAAC,GACG,CACN,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAsD;IACrG,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,OAAO,KAAC,IAAI,oBAAS,CAAC;IACvB,CAAC;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;QACjC,OAAO,KAAC,oBAAoB,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;IAC3F,CAAC;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,QAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,GAAI,CAAC;IAC/F,CAAC;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC3B,OAAO,CACN,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,YACzB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,KAAC,OAAO,IAEP,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,GAAG,SAAS,OAAO,CAAC,EAAE,IAH5B,GAAG,SAAS,OAAO,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,CAIzC,CACF,CAAC,GACG,CACN,CAAC;IACH,CAAC;IACD,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,yEAAyE;QACzE,+CAA+C;QAC/C,OAAO,CACN,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,aACvB,KAAC,GAAG,IAAC,WAAW,EAAE,CAAC,YAClB,KAAC,IAAI,IAAC,QAAQ,6BAAS,GAClB,EACN,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,YACtC,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,SAAG,GACrF,IACD,CACN,CAAC;IACH,CAAC;IACD,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AAC7E,CAAC;AAED;;;;;GAKG;AACH,SAAS,oBAAoB,CAAC,EAC7B,IAAI,EACJ,IAAI,EACJ,SAAS,GAKT;IACA,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7B,IAAI,CAAC,KAAK,EAAE,CAAC;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC/B,OAAO,CACN,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAE,CAAC,YACvC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,KAAC,IAAI,IAAmD,KAAK,EAAC,MAAM,YAClE,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,IADrB,GAAG,SAAS,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAE/C,CACP,CAAC,GACG,CACN,CAAC;IACH,CAAC;IACD,+DAA+D;IAC/D,kEAAkE;IAClE,eAAe;IACf,MAAM,IAAI,GAAmD,CAAC,EAAE,CAAC,CAAC;IAClE,KAAK,MAAM,GAAG,IAAI,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;QACzC,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACvC,IAAI,CAAC,GAAG,CAAC;gBAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACzB,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC;gBAAE,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAChF,CAAC;IACF,CAAC;IACD,OAAO,CACN,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,UAAU,EAAE,CAAC,YACvC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YACpB,MAAM,UAAU,GAAG,GAAG;iBACpB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;iBAClB,IAAI,CAAC,EAAE,CAAC;iBACR,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACf,OAAO,CACN,KAAC,IAAI,cACH,GAAG,CAAC,MAAM,KAAK,CAAC;oBAChB,CAAC,CAAC,GAAG;oBACL,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;oBACnB,oEAAoE;oBACpE,KAAC,IAAI,IAAqC,KAAK,EAAE,CAAC,CAAC,KAAK,YACtD,CAAC,CAAC,IAAI,IADG,GAAG,SAAS,OAAO,CAAC,KAAK,EAAE,EAAE,CAEjC,CACP,CAAC,IARM,GAAG,SAAS,OAAO,CAAC,IAAI,UAAU,EAAE,CASxC,CACP,CAAC;QACH,CAAC,CAAC,GACG,CACN,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,SAAS,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAwD;IAChG,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,yBAAyB;IACnE,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;IACnC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;IAC/D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACrE,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,OAAO,CACN,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,YACzB,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;YAC9B,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;YACxE,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC;YACxB,IAAI,OAAO,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,GAAG;gBAAE,QAAQ,IAAI,CAAC,CAAC;YAC3E,MAAM,MAAM,GAAG,GAAG,SAAS,QAAQ,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;YACjE,OAAO,CACN,MAAC,GAAG,IAAc,aAAa,EAAC,KAAK,aACpC,KAAC,IAAI,cAAE,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,GAAQ,EACpC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,MAAC,IAAI,IAAC,KAAK,EAAC,MAAM,aAAE,IAAI,CAAC,MAAM,SAAS,CAAC,CAAC,CAAC,KAAC,IAAI,cAAE,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,GAAQ,EAChG,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,YACf,KAAC,IAAI,cACH,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CACtB,KAAC,IAAI;4BACJ,mIAAmI;gCAEnI,IAAI,EAAE,CAAC,CAAC,IAAI,KAAK,MAAM,EACvB,MAAM,EAAE,CAAC,CAAC,IAAI,KAAK,QAAQ,EAC3B,KAAK,EAAE,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAE5C,CAAC,CAAC,IAAI,IALF,GAAG,MAAM,KAAK,EAAE,EAAE,CAMjB,CACP,CAAC,GACI,GACF,KAjBG,MAAM,CAkBV,CACN,CAAC;QACH,CAAC,CAAC,GACG,CACN,CAAC;AACH,CAAC;AAED;;;;;;GAMG;AACH,SAAS,QAAQ,CAAC,EACjB,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,GAAG,EACH,SAAS,GAQT;IACA,mEAAmE;IACnE,mEAAmE;IACnE,iEAAiE;IACjE,0DAA0D;IAC1D,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACvC,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,OAAO,CACN,4BACE,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;YAC9B,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;YACnE,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC;YACxB,mEAAmE;YACnE,IAAI,OAAO,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,GAAG;gBAAE,QAAQ,IAAI,CAAC,CAAC;YAC3E,MAAM,MAAM,GAAG,GAAG,SAAS,MAAM,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;YAChE,OAAO,CACN,KAAC,IAAI,cACH,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CACtB,KAAC,IAAI;gBACJ,oGAAoG;oBAEpG,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,EAC/B,MAAM,EAAE,CAAC,CAAC,IAAI,KAAK,QAAQ,EAC3B,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,YAExC,CAAC,CAAC,IAAI,IANF,GAAG,MAAM,KAAK,EAAE,EAAE,CAOjB,CACP,CAAC,IAZQ,MAAM,CAaV,CACP,CAAC;QACH,CAAC,CAAC,GACA,CACH,CAAC;AACH,CAAC;AAED,iFAAiF;AACjF,SAAS,UAAU,CAAC,KAAa,EAAE,KAAa,EAAE,GAAW;IAC5D,MAAM,GAAG,GAAW,EAAE,CAAC;IACvB,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QAC1B,MAAM,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QAC1C,IAAI,OAAO,IAAI,KAAK,EAAE,CAAC;YACtB,MAAM,GAAG,OAAO,CAAC;YACjB,SAAS;QACV,CAAC;QACD,IAAI,MAAM,IAAI,GAAG;YAAE,MAAM;QACzB,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC;QAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,MAAM,CAAC,CAAC;QAC1D,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3E,MAAM,GAAG,OAAO,CAAC;IAClB,CAAC;IACD,OAAO,GAAG,CAAC;AACZ,CAAC;AAED,uEAAuE;AAEvE,SAAS,WAAW,CAAC,IAAY;IAChC,MAAM,MAAM,GAAY,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC/B,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;QACzB,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,qBAAqB;QACrB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACtC,IAAI,KAAK,EAAE,CAAC;YACX,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,SAAS,CAAC;YAC1C,MAAM,IAAI,GAAa,EAAE,CAAC;YAC1B,CAAC,EAAE,CAAC;YACJ,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC;gBACxD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;gBACpB,CAAC,EAAE,CAAC;YACL,CAAC;YACD,CAAC,EAAE,CAAC,CAAC,8BAA8B;YACnC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACjE,SAAS;QACV,CAAC;QACD,cAAc;QACd,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YACxB,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;YAC/B,CAAC,EAAE,CAAC;YACJ,SAAS;QACV,CAAC;QACD,WAAW;QACX,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;QAChD,IAAI,OAAO,EAAE,CAAC;YACb,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,MAAmB,CAAC;YAC7C,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YACxE,CAAC,EAAE,CAAC;YACJ,SAAS;QACV,CAAC;QACD,mEAAmE;QACnE,oEAAoE;QACpE,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,SAAS,EAAE,CAAC;YACf,MAAM,KAAK,GAAe,EAAE,CAAC;YAC7B,IAAI,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;YAChC,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;gBACzB,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;gBACpC,IAAI,CAAC,GAAG;oBAAE,MAAM;gBAChB,OAAO,GAAG,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC;gBACjC,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBAC7B,CAAC,EAAE,CAAC;gBACJ,0DAA0D;gBAC1D,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;oBACzB,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;oBACtB,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE;wBAAE,MAAM;oBAC9B,IAAI,aAAa,CAAC,IAAI,CAAC;wBAAE,MAAM;oBAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;wBAAE,MAAM;oBACpC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;wBAAE,MAAM;oBAC9B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;oBAC5B,CAAC,EAAE,CAAC;gBACL,CAAC;gBACD,KAAK,CAAC,IAAI,CAAC;oBACV,MAAM,EAAE,GAAG,CAAC,MAAM;oBAClB,MAAM,EAAE,GAAG,CAAC,MAAM;oBAClB,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;iBACvC,CAAC,CAAC;YACJ,CAAC;YACD,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;YAC9C,SAAS;QACV,CAAC;QACD,kEAAkE;QAClE,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YACzB,MAAM,UAAU,GAAa,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;YACzD,CAAC,EAAE,CAAC;YACJ,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;gBACpD,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;gBAC/C,CAAC,EAAE,CAAC;YACL,CAAC;YACD,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;YACzE,SAAS;QACV,CAAC;QACD,wEAAwE;QACxE,MAAM,SAAS,GAAa,CAAC,IAAI,CAAC,CAAC;QACnC,CAAC,EAAE,CAAC;QACJ,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;YACzB,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACtB,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE;gBAAE,MAAM;YAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;gBAAE,MAAM;YAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;gBAAE,MAAM;YACpC,IAAI,aAAa,CAAC,IAAI,CAAC;gBAAE,MAAM;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;gBAAE,MAAM;YAC/B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC,EAAE,CAAC;QACL,CAAC;QACD,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;IAC7E,CAAC;IACD,OAAO,MAAM,CAAC;AACf,CAAC;AAED;;;;;GAKG;AACH,SAAS,aAAa,CAAC,IAAY;IAClC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;IACpD,IAAI,CAAC,CAAC;QAAE,OAAO,IAAI,CAAC;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC3C,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACjB,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACnC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACnC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AAChD,CAAC;AAED;;;;;GAKG;AACH,SAAS,WAAW,CAAC,IAAY;IAChC,MAAM,KAAK,GAAW,EAAE,CAAC;IACzB,MAAM,OAAO,GAAG,gDAAgD,CAAC;IACjE,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;QAC5C,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC;QACpC,IAAI,UAAU,GAAG,SAAS,EAAE,CAAC;YAC5B,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC;QACvE,CAAC;QACD,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,SAAS;YAAE,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;aACpE,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,SAAS;YAAE,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;aACzE,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,SAAS;YAAE,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAChF,SAAS,GAAG,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1C,CAAC;IACD,IAAI,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC7B,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IAC3D,CAAC;IACD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3D,OAAO,KAAK,CAAC;AACd,CAAC"}

package/dist/ui/Message.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { sep as pathSep, relative as relativePath } from "node:path";
 import { Box, Text } from "ink";
 import { useEffect, useState } from "react";
+import { Markdown } from "./Markdown.js";
 import { wrapText } from "./wrap.js";
 const SPINNER_FRAMES = ["⣾", "⣽", "⣻", "⢿", "⡿", "⣟", "⣯", "⣷"];
 function useSpinner(active, intervalMs = 90) {
@@ -31,29 +33,20 @@ export function Message({ message, streaming, width = 80, tools }) {
 }
 function MessageBody({ message, width, tools, }) {
     if (message.role === "user") {
-        const text = typeof message.content === "string" ? message.content : renderUserContent(message.content);
-        return _jsx(WrappedLines, { text: text, width: width, keyPrefix: "user" });
+        if (typeof message.content === "string") {
+            return _jsx(WrappedLines, { text: message.content, width: width, keyPrefix: "user" });
+        }
+        return _jsx(UserBlocks, { blocks: message.content, width: width });
     }
     if (message.role === "assistant") {
-        return (_jsxs(_Fragment, { children: [message.content.map((block, idx) => {
-                    const key = blockKey(block, idx);
-                    if (block.type === "text") {
-                        return _jsx(WrappedLines, { text: block.text, width: width, keyPrefix: key }, key);
-                    }
-                    if (block.type === "thinking") {
-                        return (_jsx(WrappedLines, { text: `(thinking) ${block.thinking}`, width: width, keyPrefix: key, dimColor: true, italic: true }, key));
-                    }
-                    if (block.type === "toolCall") {
-                        return (_jsx(ToolCallLine, { id: block.id, name: block.name, args: block.arguments, width: width, keyPrefix: key, tools: tools }, key));
-                    }
-                    return null;
-                }), message.errorMessage ? (_jsx(WrappedLines, { text: `! ${message.errorMessage}`, width: width, keyPrefix: "err", color: "red" })) : null] }));
+        const rendered = renderAssistantBlocks(message.content, width, tools);
+        return (_jsxs(_Fragment, { children: [rendered, message.errorMessage ? (_jsx(WrappedLines, { text: `! ${message.errorMessage}`, width: width, keyPrefix: "err", color: "red" })) : null] }));
     }
     if (message.role === "toolResult") {
         const text = message.content
             .map((block) => (block.type === "text" ? block.text : `[image:${block.mimeType}]`))
             .join("");
-        return _jsx(WrappedLines, { text: text, width: width, keyPrefix: "tool", color: message.isError ? "red" : undefined });
+        return _jsx(TruncatedOutput, { text: text, width: width, keyPrefix: "tool", color: message.isError ? "red" : undefined });
     }
     return null;
 }
@@ -82,6 +75,119 @@ function ToolCallLine({ id, name, args, width, keyPrefix, tools, }) {
     const diff = !isError ? diffSummary(name, args) : null;
     return (_jsxs(_Fragment, { children: [_jsx(WrappedLines, { text: `${glyph} ${past}`, width: width, keyPrefix: keyPrefix, color: isError ? "red" : "magenta" }), diff ? _jsx(DiffSummary, { diff: diff, width: width, keyPrefix: `${keyPrefix}-diff` }) : null] }));
 }
+/**
+ * Tool calls that are pure reads — runs of these collapse into a single
+ * "Read N files" / "Searched 3 patterns" line, the Claude Code pattern.
+ * Keep the set tight: anything that mutates state, runs shell, or has a
+ * meaningful argument shape (grep query, fetch URL) reads weird when
+ * collapsed and stays per-row.
+ */
+const COLLAPSIBLE_READ_TOOLS = new Set(["read_file"]);
+/**
+ * Walk an assistant message's content blocks, collapsing runs of
+ * consecutive `read_file` (and other safe read-only) tool calls into a
+ * single summary row. A run only collapses when every call in it is
+ * completed (done or errored) — if any is still running we render the
+ * group expanded so the spinner stays visible on the active row.
+ */
+function renderAssistantBlocks(content, width, tools) {
+    const out = [];
+    let i = 0;
+    while (i < content.length) {
+        const block = content[i];
+        const key = blockKey(block, i);
+        if (block.type === "text") {
+            out.push(_jsx(Markdown, { text: block.text, width: width, keyPrefix: key }, key));
+            i++;
+            continue;
+        }
+        if (block.type === "thinking") {
+            out.push(_jsx(WrappedLines, { text: `(thinking) ${block.thinking}`, width: width, keyPrefix: key, dimColor: true, italic: true }, key));
+            i++;
+            continue;
+        }
+        if (block.type === "toolCall") {
+            if (COLLAPSIBLE_READ_TOOLS.has(block.name)) {
+                let runEnd = i + 1;
+                while (runEnd < content.length) {
+                    const next = content[runEnd];
+                    if (next.type !== "toolCall" || next.name !== block.name)
+                        break;
+                    runEnd++;
+                }
+                const run = [];
+                for (let j = i; j < runEnd; j++) {
+                    const b = content[j];
+                    if (b.type === "toolCall")
+                        run.push(b);
+                }
+                if (run.length >= 2) {
+                    out.push(_jsx(CollapsedReadGroup, { calls: run, width: width, keyPrefix: `run-${run[0].id}`, tools: tools }, `run-${run[0].id}`));
+                    i = runEnd;
+                    continue;
+                }
+            }
+            out.push(_jsx(ToolCallLine, { id: block.id, name: block.name, args: block.arguments, width: width, keyPrefix: key, tools: tools }, key));
+            i++;
+            continue;
+        }
+        i++;
+    }
+    return out;
+}
+function CollapsedReadGroup({ calls, width, keyPrefix, tools, }) {
+    const statuses = calls.map((c) => tools?.get(c.id)?.status);
+    const anyRunning = statuses.some((s) => s === "running");
+    const anyError = statuses.some((s) => s === "error");
+    const doneCount = statuses.filter((s) => s !== "running").length;
+    const spinner = useSpinner(anyRunning);
+    const glyph = anyRunning ? spinner : anyError ? "✗" : "✓";
+    const color = anyError ? "red" : "magenta";
+    const verb = anyRunning ? presentVerbForReadTool(calls[0].name) : pastVerbForReadTool(calls[0].name);
+    const noun = nounForReadTool(calls[0].name, calls.length);
+    const header = anyRunning
+        ? `${glyph} ${verb} ${doneCount} of ${calls.length} ${noun}…`
+        : `${glyph} ${verb} ${calls.length} ${noun}`;
+    return (_jsxs(_Fragment, { children: [_jsx(WrappedLines, { text: header, width: width, keyPrefix: keyPrefix, color: color }), _jsx(Box, { flexDirection: "column", marginLeft: 2, children: calls.map((c) => {
+                    const a = (c.arguments ?? {});
+                    const rawPath = typeof a.path === "string" ? a.path : typeof a.file_path === "string" ? a.file_path : "";
+                    const path = displayPath(rawPath);
+                    const status = tools?.get(c.id)?.status;
+                    const failed = status === "error";
+                    const running = status === "running";
+                    const marker = failed ? "  ✗ " : running ? "  → " : "  · ";
+                    return (_jsxs(Text, { color: failed ? "red" : running ? "magenta" : undefined, dimColor: !failed && !running, children: [marker, truncate(path, Math.max(20, width - 6))] }, `${keyPrefix}-f-${c.id}`));
+                }) })] }));
+}
+function presentVerbForReadTool(name) {
+    if (name === "read_file")
+        return "Reading";
+    if (name === "list_files")
+        return "Listing";
+    if (name === "glob")
+        return "Searching";
+    if (name === "grep")
+        return "Grepping";
+    return "Running";
+}
+function pastVerbForReadTool(name) {
+    if (name === "read_file")
+        return "Read";
+    if (name === "list_files")
+        return "Listed";
+    if (name === "glob")
+        return "Searched";
+    if (name === "grep")
+        return "Grepped";
+    return "Ran";
+}
+function nounForReadTool(name, count) {
+    if (name === "read_file")
+        return count === 1 ? "file" : "files";
+    if (name === "list_files")
+        return count === 1 ? "directory" : "directories";
+    return count === 1 ? "call" : "calls";
+}
 /**
  * Build a diff summary for a completed file-edit tool call from the
  * tool's args. We have old_string + new_string right there, so no
@@ -150,6 +256,26 @@ function DiffSummary({ diff, width, keyPrefix }) {
     const counts = `    +${diff.added} -${diff.removed}`;
     return (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsx(Text, { dimColor: true, children: counts }), diff.hunks.map((h) => (_jsxs(Box, { flexDirection: "column", children: [h.minus ? (_jsxs(Text, { color: "red", children: ["    - ", truncate(h.minus, Math.max(20, width - 8))] })) : null, h.plus ? (_jsxs(Text, { color: "green", children: ["    + ", truncate(h.plus, Math.max(20, width - 8))] })) : null] }, `${keyPrefix}-h-${h.minus.slice(0, 16)}-${h.plus.slice(0, 16)}`)))] }));
 }
+const MAX_TOOL_OUTPUT_LINES = 12;
+const HEAD_TOOL_OUTPUT_LINES = 8;
+const TAIL_TOOL_OUTPUT_LINES = 3;
+/**
+ * Truncate tool output past MAX_TOOL_OUTPUT_LINES into "head + (N hidden)
+ * + tail" — long shell or grep output otherwise dominates the
+ * transcript and pushes context off-screen. The agent still gets the
+ * full output; this is purely a display trim. Errors are NEVER
+ * truncated since the user needs to see exactly what blew up.
+ */
+function TruncatedOutput({ text, width, keyPrefix, color, }) {
+    const lines = text.split("\n");
+    if (color === "red" || lines.length <= MAX_TOOL_OUTPUT_LINES) {
+        return _jsx(WrappedLines, { text: text, width: width, keyPrefix: keyPrefix, color: color });
+    }
+    const head = lines.slice(0, HEAD_TOOL_OUTPUT_LINES).join("\n");
+    const tail = lines.slice(lines.length - TAIL_TOOL_OUTPUT_LINES).join("\n");
+    const hidden = lines.length - HEAD_TOOL_OUTPUT_LINES - TAIL_TOOL_OUTPUT_LINES;
+    return (_jsxs(_Fragment, { children: [_jsx(WrappedLines, { text: head, width: width, keyPrefix: `${keyPrefix}-h`, color: color }), _jsx(Text, { dimColor: true, children: `… ${hidden} line${hidden === 1 ? "" : "s"} hidden …` }), _jsx(WrappedLines, { text: tail, width: width, keyPrefix: `${keyPrefix}-t`, color: color })] }));
+}
 /**
  * Render text as N <Text> elements, one per pre-wrapped line. Stacks
  * vertically inside the parent column-flex Box. Pre-wrap means the
@@ -164,12 +290,36 @@ function WrappedLines({ text, width, keyPrefix, color, dimColor, italic }) {
         // biome-ignore lint/suspicious/noArrayIndexKey: stateless leaf, reuse is safe
         _jsx(Text, { color: color, dimColor: dimColor, italic: italic, children: line.length === 0 ? " " : line }, `${keyPrefix}:${i}`))) }));
 }
-function renderUserContent(content) {
-    if (!Array.isArray(content))
-        return "";
-    return content
-        .map((block) => block.type === "text" ? (block.text ?? "") : `[image:${block.mimeType ?? "?"}]`)
-        .join("");
+/**
+ * Render an array-content user message — typically text + one or more
+ * image attachments. Text blocks pass through `WrappedLines`; image
+ * blocks render as a dim "image (PNG, 142 KB)" line so the user can
+ * see at a glance that an image was sent.
+ */
+function UserBlocks({ blocks, width }) {
+    if (!Array.isArray(blocks))
+        return null;
+    const rows = [];
+    for (let i = 0; i < blocks.length; i++) {
+        const b = blocks[i];
+        if (b.type === "text" && b.text) {
+            rows.push(_jsx(WrappedLines, { text: b.text, width: width, keyPrefix: `u-t-${i}` }, `u-t-${i}`));
+            continue;
+        }
+        if (b.type === "image") {
+            const subtype = (b.mimeType ?? "image/?").split("/")[1]?.toUpperCase() ?? "?";
+            const size = b.data ? formatBytes(Math.floor((b.data.length * 3) / 4)) : "";
+            rows.push(_jsxs(Text, { dimColor: true, children: ["\uD83D\uDCF7 image (", subtype, size ? `, ${size}` : "", ")"] }, `u-i-${i}`));
+        }
+    }
+    return _jsx(_Fragment, { children: rows });
+}
+function formatBytes(n) {
+    if (n < 1024)
+        return `${n} B`;
+    if (n < 1024 * 1024)
+        return `${(n / 1024).toFixed(1)} KB`;
+    return `${(n / 1024 / 1024).toFixed(1)} MB`;
 }
 /**
  * Stable key per assistant content block. Tool calls have an id; text and
@@ -201,7 +351,7 @@ function summarizeArgs(args) {
 function toolActionLabel(name, args) {
     const a = (args ?? {});
     const str = (k) => (typeof a[k] === "string" ? a[k] : "");
-    const path = str("path") || str("file_path");
+    const path = displayPath(str("path") || str("file_path"));
     switch (name) {
         case "read_file":
             return `Reading ${path}`;
@@ -270,6 +420,24 @@ function truncate(s, n) {
         return s;
     return `${s.slice(0, n - 1)}…`;
 }
+/**
+ * Show a path relative to the working directory when it's inside (so
+ * "src/ui/Message.tsx" instead of "/home/half/.../src/ui/Message.tsx"),
+ * but keep it absolute when it points outside the project — that's
+ * useful information the user should see at full fidelity. Empty
+ * strings pass through unchanged.
+ */
+function displayPath(p) {
+    if (!p)
+        return p;
+    if (!p.startsWith(pathSep))
+        return p; // already relative
+    const cwd = process.cwd();
+    const rel = relativePath(cwd, p);
+    if (!rel || rel.startsWith(".."))
+        return p; // outside cwd — keep absolute
+    return rel;
+}
 /**
  * Past-tense action label, used when a tool has finished. Same shape
  * as `toolActionLabel` but with the verbs swapped to past tense:
@@ -278,7 +446,7 @@ function truncate(s, n) {
 function toolActionPast(name, args) {
     const a = (args ?? {});
     const str = (k) => (typeof a[k] === "string" ? a[k] : "");
-    const path = str("path") || str("file_path");
+    const path = displayPath(str("path") || str("file_path"));
     switch (name) {
         case "read_file":
             return `Read ${path}`;