@matterailab/orbcode 0.1.3

package/dist/ui/components/ApprovalPrompt.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from "ink";
+import { COLORS } from "../../branding.js";
+import { DiffView, formatToolName } from "./rows.js";
+export function ApprovalPrompt({ request, onDecision }) {
+    useInput((input, key) => {
+        const lower = input.toLowerCase();
+        if (lower === "y" || key.return)
+            onDecision("yes");
+        else if (lower === "n" || key.escape)
+            onDecision("no");
+        else if (lower === "a" && !request.isDangerous)
+            onDecision("always");
+    });
+    const title = request.kind === "command"
+        ? request.isDangerous
+            ? "Run this command? (marked as potentially dangerous)"
+            : "Run this command?"
+        : `Apply this change? (${formatToolName(request.toolName)})`;
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: request.isDangerous ? COLORS.error : COLORS.warning, paddingX: 1, children: [_jsx(Text, { bold: true, color: request.isDangerous ? COLORS.error : COLORS.warning, children: title }), request.diff ? (_jsx(Box, { paddingLeft: 2, children: _jsx(DiffView, { diff: request.diff }) })) : (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { children: request.detail }) })), _jsxs(Text, { dimColor: true, children: ["(y) yes \u00B7 (n) no", !request.isDangerous && " · (a) always for this session"] })] }));
+}

package/dist/ui/components/FollowupPrompt.js

@@ -0,0 +1,45 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { COLORS } from "../../branding.js";
+export function FollowupPrompt({ question, suggestions, onAnswer }) {
+    const [selected, setSelected] = useState(0);
+    const [custom, setCustom] = useState("");
+    // The last virtual option is free-text input.
+    const optionCount = suggestions.length + 1;
+    const isCustomSelected = selected === suggestions.length;
+    useInput((input, key) => {
+        if (key.upArrow) {
+            setSelected((s) => (s - 1 + optionCount) % optionCount);
+            return;
+        }
+        if (key.downArrow || key.tab) {
+            setSelected((s) => (s + 1) % optionCount);
+            return;
+        }
+        if (key.return) {
+            if (isCustomSelected) {
+                if (custom.trim())
+                    onAnswer(custom.trim());
+            }
+            else {
+                onAnswer(suggestions[selected].text);
+            }
+            return;
+        }
+        if (isCustomSelected) {
+            if (key.backspace || key.delete) {
+                setCustom((c) => c.slice(0, -1));
+            }
+            else if (input && !key.ctrl && !key.meta) {
+                setCustom((c) => c + input);
+            }
+        }
+        else if (/^[1-9]$/.test(input)) {
+            const index = Number(input) - 1;
+            if (index < suggestions.length)
+                onAnswer(suggestions[index].text);
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: COLORS.primary, paddingX: 1, children: [_jsxs(Text, { bold: true, color: COLORS.primary, children: ["? ", question] }), suggestions.map((suggestion, index) => (_jsxs(Text, { color: selected === index ? COLORS.accent : undefined, children: [selected === index ? "❯ " : "  ", index + 1, ". ", suggestion.text] }, index))), _jsxs(Text, { color: isCustomSelected ? COLORS.accent : undefined, children: [isCustomSelected ? "❯ " : "  ", "type your own: ", custom, isCustomSelected && _jsx(Text, { inverse: true, children: " " })] }), _jsxs(Text, { dimColor: true, children: ["\u2191/\u2193 select \u00B7 enter confirm \u00B7 1-", Math.min(suggestions.length, 9), " quick pick"] })] }));
+}

package/dist/ui/components/Header.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as os from "node:os";
+import { Box, Text } from "ink";
+import { COLORS, LOGO, PRODUCT_NAME, TAGLINE, VERSION } from "../../branding.js";
+function shortenPath(cwd) {
+    const home = os.homedir();
+    return cwd.startsWith(home) ? `~${cwd.slice(home.length)}` : cwd;
+}
+export function Header({ cwd, modelName }) {
+    const logoLines = LOGO.split("\n").filter((line) => line.trim().length > 0);
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: COLORS.accent, paddingX: 2, alignSelf: "flex-start", children: [logoLines.map((line, i) => (_jsx(Text, { bold: true, color: COLORS.primary, children: line }, i))), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { bold: true, color: COLORS.primary, children: PRODUCT_NAME }), _jsxs(Text, { dimColor: true, children: [" v", VERSION] }), _jsx(Text, { color: COLORS.thinking, children: " \u2726 " }), _jsx(Text, { dimColor: true, italic: true, children: TAGLINE })] }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "model " }), _jsx(Text, { color: COLORS.accent, children: modelName })] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "cwd " }), _jsx(Text, { children: shortenPath(cwd) })] })] }), _jsxs(Text, { dimColor: true, children: ["  ", "/help commands \u00B7 shift+tab approvals \u00B7 ctrl+o thinking \u00B7 esc interrupt \u00B7 ctrl+c quit"] })] }));
+}

package/dist/ui/components/InputBox.js

@@ -0,0 +1,220 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { Box, Text, useInput } from "ink";
+import chalk from "chalk";
+import { COLORS } from "../../branding.js";
+import { walkFiles } from "../../tools/executors/listFiles.js";
+import { appendPromptHistory, loadPromptHistory } from "../../config/promptHistory.js";
+const MAX_FILE_MATCHES = 8;
+/** Higher is better; -1 means no match. Prefers basename prefix > basename > path > subsequence. */
+function fuzzyScore(target, query) {
+    if (!query)
+        return 1;
+    const t = target.toLowerCase();
+    const q = query.toLowerCase();
+    const base = (target.split("/").pop() ?? target).toLowerCase();
+    if (base.startsWith(q))
+        return 4000 - target.length;
+    if (base.includes(q))
+        return 3000 - target.length;
+    const idx = t.indexOf(q);
+    if (idx !== -1)
+        return 2000 - idx - target.length;
+    let qi = 0;
+    for (let i = 0; i < t.length && qi < q.length; i++) {
+        if (t[i] === q[qi])
+            qi++;
+    }
+    if (qi === q.length)
+        return 1000 - target.length;
+    return -1;
+}
+/** The `@token` being typed at the cursor, if any. */
+function findAtToken(value, cursor) {
+    const before = value.slice(0, cursor);
+    const match = /(?:^|\s)@([^\s@]*)$/.exec(before);
+    if (!match)
+        return null;
+    return { query: match[1], start: cursor - match[1].length - 1 };
+}
+export function InputBox({ active, slashCommands, onSubmit }) {
+    const [value, setValue] = useState("");
+    const [cursor, setCursor] = useState(0);
+    // Terminal-style prompt history: persisted across sessions in ~/.orbcode.
+    const [history, setHistory] = useState(() => loadPromptHistory());
+    const [historyIndex, setHistoryIndex] = useState(-1);
+    const [fileIndex, setFileIndex] = useState(0);
+    const [slashIndex, setSlashIndex] = useState(0);
+    const [dismissedValue, setDismissedValue] = useState(null);
+    // Workspace file list for @-references, computed once per session.
+    const files = useMemo(() => walkFiles(process.cwd(), true, 3000).filter((f) => !f.endsWith("/")), []);
+    const showSlashMenu = active && value.startsWith("/") && !value.includes(" ");
+    const slashMatches = showSlashMenu
+        ? slashCommands.filter((c) => c.name.startsWith(value)).slice(0, 8)
+        : [];
+    const atToken = active ? findAtToken(value, cursor) : null;
+    const fileMatches = useMemo(() => {
+        if (!atToken || value === dismissedValue)
+            return [];
+        return files
+            .map((file) => ({ file, score: fuzzyScore(file, atToken.query) }))
+            .filter((m) => m.score >= 0)
+            .sort((a, b) => b.score - a.score)
+            .slice(0, MAX_FILE_MATCHES)
+            .map((m) => m.file);
+    }, [files, atToken?.query, atToken?.start, value, dismissedValue]);
+    useEffect(() => {
+        setFileIndex(0);
+    }, [atToken?.query]);
+    useEffect(() => {
+        setSlashIndex(0);
+    }, [value]);
+    const submit = (text) => {
+        const trimmed = text.trim();
+        if (!trimmed)
+            return;
+        setHistory((h) => (h[h.length - 1] === trimmed ? h : [...h, trimmed]));
+        appendPromptHistory(trimmed);
+        setHistoryIndex(-1);
+        setValue("");
+        setCursor(0);
+        onSubmit(trimmed);
+    };
+    const recallHistory = (index) => {
+        setHistoryIndex(index);
+        const entry = index === -1 ? "" : history[index];
+        setValue(entry);
+        setCursor(entry.length);
+    };
+    const insertFile = (file) => {
+        if (!atToken)
+            return;
+        const next = `${value.slice(0, atToken.start)}@${file} ${value.slice(cursor)}`;
+        setValue(next);
+        setCursor(atToken.start + file.length + 2);
+    };
+    useInput((input, key) => {
+        // While actively browsing history, arrows keep navigating history even
+        // if a recalled entry opened the slash/file menu.
+        if ((key.upArrow || key.downArrow) && historyIndex !== -1) {
+            if (key.upArrow) {
+                recallHistory(Math.max(0, historyIndex - 1));
+            }
+            else {
+                const next = historyIndex + 1;
+                recallHistory(next >= history.length ? -1 : next);
+            }
+            return;
+        }
+        const fileMenuOpen = fileMatches.length > 0;
+        if (fileMenuOpen) {
+            if (key.upArrow) {
+                setFileIndex((i) => (i - 1 + fileMatches.length) % fileMatches.length);
+                return;
+            }
+            if (key.downArrow) {
+                setFileIndex((i) => (i + 1) % fileMatches.length);
+                return;
+            }
+            if (key.return || (key.tab && !key.shift)) {
+                insertFile(fileMatches[Math.min(fileIndex, fileMatches.length - 1)]);
+                return;
+            }
+            if (key.escape) {
+                setDismissedValue(value);
+                return;
+            }
+        }
+        if (slashMatches.length > 0) {
+            const selected = slashMatches[Math.min(slashIndex, slashMatches.length - 1)];
+            if (key.upArrow) {
+                setSlashIndex((i) => (i - 1 + slashMatches.length) % slashMatches.length);
+                return;
+            }
+            if (key.downArrow) {
+                setSlashIndex((i) => (i + 1) % slashMatches.length);
+                return;
+            }
+            if (key.return) {
+                // A partial command submits the highlighted match (/mod -> /model).
+                submit(selected.name);
+                return;
+            }
+            if (key.tab && !key.shift) {
+                // Tab completes the highlighted match without submitting.
+                setValue(selected.name);
+                setCursor(selected.name.length);
+                return;
+            }
+        }
+        if (key.return) {
+            submit(value);
+            return;
+        }
+        if (key.upArrow) {
+            if (history.length === 0)
+                return;
+            recallHistory(historyIndex === -1 ? history.length - 1 : Math.max(0, historyIndex - 1));
+            return;
+        }
+        if (key.downArrow) {
+            if (historyIndex === -1)
+                return;
+            const next = historyIndex + 1;
+            recallHistory(next >= history.length ? -1 : next);
+            return;
+        }
+        if (key.leftArrow) {
+            setCursor((c) => Math.max(0, c - 1));
+            return;
+        }
+        if (key.rightArrow) {
+            setCursor((c) => Math.min(value.length, c + 1));
+            return;
+        }
+        if (key.backspace || key.delete) {
+            if (cursor > 0) {
+                setHistoryIndex(-1);
+                setValue((v) => v.slice(0, cursor - 1) + v.slice(cursor));
+                setCursor((c) => c - 1);
+            }
+            return;
+        }
+        if (key.ctrl && input === "a") {
+            setCursor(0);
+            return;
+        }
+        if (key.ctrl && input === "e") {
+            setCursor(value.length);
+            return;
+        }
+        if (key.ctrl && input === "u") {
+            setHistoryIndex(-1);
+            setValue("");
+            setCursor(0);
+            return;
+        }
+        if (key.ctrl || key.meta || key.escape || key.tab) {
+            return;
+        }
+        if (input) {
+            // Multi-char chunks (paste) can carry an embedded trailing newline,
+            // which should submit like pressing Enter.
+            const endsWithNewline = /[\r\n]$/.test(input);
+            const clean = input.replace(/[\r\n]+$/, "").replace(/\r/g, "\n");
+            const next = value.slice(0, cursor) + clean + value.slice(cursor);
+            if (endsWithNewline) {
+                submit(next);
+                return;
+            }
+            setHistoryIndex(-1);
+            setValue(next);
+            setCursor((c) => c + clean.length);
+        }
+    }, { isActive: active });
+    // The cursor block is baked into one string with chalk: nested <Text>
+    // siblings around an inverse space make Ink's layout momentarily wrap the
+    // cursor to the next line on short values.
+    const display = value.slice(0, cursor) + chalk.inverse(value[cursor] ?? " ") + value.slice(cursor + 1);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { borderStyle: "round", borderColor: active ? COLORS.primary : "gray", borderLeft: false, borderRight: false, paddingX: 1, children: [_jsx(Text, { color: COLORS.user, bold: true, children: "❯ " }), active ? _jsx(Text, { children: display }) : _jsx(Text, { dimColor: true, children: value || "waiting…" })] }), slashMatches.length > 0 && (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [slashMatches.map((c, i) => (_jsxs(Text, { children: [_jsxs(Text, { color: i === slashIndex ? COLORS.accent : undefined, children: [i === slashIndex ? "❯ " : "  ", c.name] }), _jsxs(Text, { dimColor: true, children: [" \u2014 ", c.description] })] }, c.name))), _jsx(Text, { dimColor: true, children: "\u2191/\u2193 select \u00B7 enter run \u00B7 tab complete" })] })), fileMatches.length > 0 && (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [fileMatches.map((file, i) => (_jsxs(Text, { color: i === fileIndex ? COLORS.accent : undefined, children: [i === fileIndex ? "❯ " : "  ", file] }, file))), _jsx(Text, { dimColor: true, children: "\u2191/\u2193 select \u00B7 enter/tab insert \u00B7 esc dismiss" })] }))] }));
+}

package/dist/ui/components/ModelPicker.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { COLORS } from "../../branding.js";
+import { AXON_MODELS } from "../../api/models.js";
+const VISIBLE_ROWS = 6;
+function formatPrice(model) {
+    if (model.free)
+        return "free";
+    const perMillion = (price) => `$${(price * 1_000_000).toFixed(2)}`;
+    return `${perMillion(model.inputPrice)} in / ${perMillion(model.outputPrice)} out per 1M tokens`;
+}
+export function ModelPicker({ currentId, onSelect, onCancel }) {
+    const models = Object.values(AXON_MODELS);
+    const [selected, setSelected] = useState(() => {
+        const index = models.findIndex((m) => m.id === currentId);
+        return index === -1 ? 0 : index;
+    });
+    useInput((input, key) => {
+        if (key.upArrow) {
+            setSelected((s) => (s - 1 + models.length) % models.length);
+            return;
+        }
+        if (key.downArrow || key.tab) {
+            setSelected((s) => (s + 1) % models.length);
+            return;
+        }
+        if (key.return) {
+            onSelect(models[selected].id);
+            return;
+        }
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (/^[1-9]$/.test(input)) {
+            const index = Number(input) - 1;
+            if (index < models.length)
+                onSelect(models[index].id);
+        }
+    });
+    // Keep the selection inside the visible window when the list is long.
+    const windowStart = Math.max(0, Math.min(selected - VISIBLE_ROWS + 1, models.length - VISIBLE_ROWS));
+    const visible = models.slice(windowStart, windowStart + VISIBLE_ROWS);
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: COLORS.primary, paddingX: 1, children: [_jsx(Text, { bold: true, color: COLORS.primary, children: "Select a model" }), windowStart > 0 && _jsxs(Text, { dimColor: true, children: ["  \u2191 ", windowStart, " more"] }), visible.map((model, i) => {
+                const index = windowStart + i;
+                const isSelected = index === selected;
+                const isCurrent = model.id === currentId;
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: isSelected ? COLORS.accent : undefined, children: [isSelected ? "❯ " : "  ", index + 1, ". ", model.name, isCurrent && _jsx(Text, { color: COLORS.success, children: " \u2713 current" }), _jsxs(Text, { dimColor: true, children: [" \u00B7 ", formatPrice(model)] })] }), isSelected && (_jsx(Box, { paddingLeft: 5, children: _jsx(Text, { dimColor: true, wrap: "wrap", children: model.description }) }))] }, model.id));
+            }), windowStart + VISIBLE_ROWS < models.length && (_jsxs(Text, { dimColor: true, children: ["  \u2193 ", models.length - windowStart - VISIBLE_ROWS, " more"] })), _jsx(Text, { dimColor: true, children: "\u2191/\u2193 select \u00B7 enter confirm \u00B7 esc cancel" })] }));
+}

package/dist/ui/components/SessionPicker.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import { COLORS } from "../../branding.js";
+const VISIBLE_ROWS = 8;
+function relativeTime(iso) {
+    const ms = Date.now() - new Date(iso).getTime();
+    const minutes = Math.round(ms / 60_000);
+    if (minutes < 1)
+        return "just now";
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    const hours = Math.round(minutes / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    const days = Math.round(hours / 24);
+    return `${days}d ago`;
+}
+export function SessionPicker({ sessions, onSelect, onCancel }) {
+    const [selected, setSelected] = useState(0);
+    useInput((input, key) => {
+        if (key.upArrow) {
+            setSelected((s) => (s - 1 + sessions.length) % sessions.length);
+            return;
+        }
+        if (key.downArrow || key.tab) {
+            setSelected((s) => (s + 1) % sessions.length);
+            return;
+        }
+        if (key.return) {
+            onSelect(sessions[selected]);
+            return;
+        }
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (/^[1-9]$/.test(input)) {
+            const index = Number(input) - 1;
+            if (index < sessions.length)
+                onSelect(sessions[index]);
+        }
+    });
+    const windowStart = Math.max(0, Math.min(selected - VISIBLE_ROWS + 1, sessions.length - VISIBLE_ROWS));
+    const visible = sessions.slice(windowStart, windowStart + VISIBLE_ROWS);
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: COLORS.primary, paddingX: 1, children: [_jsx(Text, { bold: true, color: COLORS.primary, children: "Resume a previous session" }), windowStart > 0 && _jsxs(Text, { dimColor: true, children: ["  \u2191 ", windowStart, " more"] }), visible.map((session, i) => {
+                const index = windowStart + i;
+                const isSelected = index === selected;
+                const userTurns = session.messages.filter((m) => m.role === "user").length;
+                return (_jsxs(Text, { color: isSelected ? COLORS.accent : undefined, children: [isSelected ? "❯ " : "  ", index + 1, ". ", session.title || "(untitled)", _jsxs(Text, { dimColor: true, children: [" ", "\u00B7 ", relativeTime(session.updatedAt), " \u00B7 ", userTurns, " message", userTurns === 1 ? "" : "s"] })] }, session.id));
+            }), windowStart + VISIBLE_ROWS < sessions.length && (_jsxs(Text, { dimColor: true, children: ["  \u2193 ", sessions.length - windowStart - VISIBLE_ROWS, " more"] })), _jsx(Text, { dimColor: true, children: "\u2191/\u2193 select \u00B7 enter resume \u00B7 esc cancel" })] }));
+}

package/dist/ui/components/Spinner.js

@@ -0,0 +1,19 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Text } from "ink";
+import { COLORS } from "../../branding.js";
+const FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+export function Spinner({ label }) {
+    const [frame, setFrame] = useState(0);
+    const [startedAt] = useState(Date.now());
+    const [, setTick] = useState(0);
+    useEffect(() => {
+        const timer = setInterval(() => {
+            setFrame((f) => (f + 1) % FRAMES.length);
+            setTick((t) => t + 1);
+        }, 80);
+        return () => clearInterval(timer);
+    }, []);
+    const seconds = Math.floor((Date.now() - startedAt) / 1000);
+    return (_jsxs(Text, { color: COLORS.thinking, children: [FRAMES[frame], " ", label, _jsxs(Text, { dimColor: true, children: [" (", seconds, "s \u00B7 esc to interrupt)"] })] }));
+}

package/dist/ui/components/StatusBar.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { COLORS } from "../../branding.js";
+import { getModel } from "../../api/models.js";
+const MODE_LABELS = {
+    ask: "⏵ ask before changes",
+    edits: "⏵⏵ accept edits on",
+    auto: "⏵⏵⏵ auto-approve on",
+};
+function truncate(text, max) {
+    return text.length > max ? text.slice(0, max - 1) + "…" : text;
+}
+export function StatusBar({ modelId, contextTokens, totalCost, state, approvalMode, busy, title, plan, usagePercentage, }) {
+    const model = getModel(modelId);
+    const contextPct = Math.min(100, Math.round((contextTokens / model.contextWindow) * 100));
+    const remaining = typeof usagePercentage === "number" ? Math.max(0, Math.round(100 - usagePercentage)) : undefined;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: approvalMode === "ask" ? undefined : COLORS.warning, children: MODE_LABELS[approvalMode] }), " (shift+tab to cycle)", busy && " · esc to interrupt", state ? _jsxs(Text, { color: COLORS.thinking, children: [" \u00B7 ", state] }) : null] }), _jsxs(Text, { dimColor: true, children: [title ? `${truncate(title, 32)} · ` : "", model.name, " \u00B7 ctx ", contextTokens.toLocaleString(), " (", contextPct, "%)", model.free ? " · free" : ` · $${totalCost.toFixed(4)}`] })] }), (plan || remaining !== undefined) && (_jsx(Box, { justifyContent: "flex-end", children: _jsxs(Text, { dimColor: true, children: [plan ? `${plan} plan` : "", plan && remaining !== undefined ? " · " : "", remaining !== undefined ? (_jsxs(Text, { color: remaining <= 10 ? COLORS.error : undefined, children: [remaining, "% usage remaining"] })) : null] }) }))] }));
+}

package/dist/ui/components/rows.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { COLORS } from "../../branding.js";
+import { renderMarkdown } from "../markdown.js";
+import { Header } from "./Header.js";
+const TOOL_DISPLAY_NAMES = {
+    update_todo_list: "Update Tasks",
+    lsp: "LSP",
+};
+/** "read_file" -> "Read File", with overrides for names that don't title-case cleanly. */
+export function formatToolName(name) {
+    return (TOOL_DISPLAY_NAMES[name] ??
+        name
+            .split("_")
+            .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+            .join(" "));
+}
+const MAX_DIFF_LINES = 60;
+const ADDED_BG = "#1C4428";
+const REMOVED_BG = "#5C1A1A";
+/** Parse a unified diff (optionally with bare file-path header lines) into rows. */
+function parseDiff(diff) {
+    const rows = [];
+    let added = 0;
+    let removed = 0;
+    let oldLine = 0;
+    let newLine = 0;
+    let seenHunk = false;
+    for (const line of diff.split("\n")) {
+        const hunk = /^@@ -(\d+),?\d* \+(\d+),?\d* @@/.exec(line);
+        if (hunk) {
+            if (seenHunk)
+                rows.push({ kind: "gap" });
+            oldLine = Number(hunk[1]);
+            newLine = Number(hunk[2]);
+            seenHunk = true;
+        }
+        else if (line.startsWith("+")) {
+            rows.push({ kind: "line", type: "add", num: newLine++, text: line.slice(1) });
+            added++;
+        }
+        else if (line.startsWith("-")) {
+            rows.push({ kind: "line", type: "del", num: oldLine++, text: line.slice(1) });
+            removed++;
+        }
+        else if (line.startsWith(" ")) {
+            rows.push({ kind: "line", type: "ctx", num: newLine++, text: line.slice(1) });
+            oldLine++;
+        }
+        else if (line.trim()) {
+            // bare line = file path header (multi-file diffs)
+            rows.push({ kind: "file", text: line });
+            seenHunk = false;
+        }
+    }
+    return { rows, added, removed };
+}
+function plural(count, word) {
+    return `${count} ${word}${count === 1 ? "" : "s"}`;
+}
+/** Claude Code-style diff: stats header, line-number gutter, red/green line backgrounds. */
+export function DiffView({ diff }) {
+    const { rows, added, removed } = parseDiff(diff);
+    const visible = rows.slice(0, MAX_DIFF_LINES);
+    const numWidth = Math.max(3, ...visible.map((r) => (r.kind === "line" ? String(r.num).length : 0)));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "\u2514 " }), "Added ", plural(added, "line"), ", removed ", plural(removed, "line")] }), visible.map((row, i) => {
+                if (row.kind === "file") {
+                    return (_jsx(Text, { bold: true, dimColor: true, children: row.text }, i));
+                }
+                if (row.kind === "gap") {
+                    return (_jsxs(Text, { dimColor: true, children: [" ".repeat(numWidth), " \u22EF"] }, i));
+                }
+                const num = String(row.num).padStart(numWidth);
+                if (row.type === "add") {
+                    return (_jsxs(Text, { backgroundColor: ADDED_BG, children: [num, " + ", row.text] }, i));
+                }
+                if (row.type === "del") {
+                    return (_jsxs(Text, { backgroundColor: REMOVED_BG, children: [num, " - ", row.text] }, i));
+                }
+                return (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: num }), "   ", row.text] }, i));
+            }), rows.length > MAX_DIFF_LINES && _jsxs(Text, { dimColor: true, children: ["\u2026 ", rows.length - MAX_DIFF_LINES, " more lines"] })] }));
+}
+export function formatDuration(durationMs) {
+    const seconds = durationMs / 1000;
+    return seconds >= 10 ? `${Math.round(seconds)}s` : `${seconds.toFixed(1)}s`;
+}
+export function RowView({ row }) {
+    switch (row.kind) {
+        case "header":
+            return _jsx(Header, { cwd: row.cwd, modelName: row.modelName });
+        case "user":
+            return (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: COLORS.user, bold: true, children: "❯ " }), _jsx(Text, { color: COLORS.user, children: row.text })] }));
+        case "assistant":
+            return (_jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsxs(Text, { children: [_jsx(Text, { color: COLORS.primary, children: "\u25CF " }), renderMarkdown(row.text.trimEnd())] }) }));
+        case "reasoning":
+            return (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: COLORS.thinking, italic: true, children: ["\u2726 Thought for ", formatDuration(row.durationMs), !row.expanded && _jsx(Text, { dimColor: true, children: " (ctrl+o to show thinking)" })] }), row.expanded && (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { dimColor: true, italic: true, children: row.text.trim() }) }))] }));
+        case "tool":
+            return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { children: [_jsxs(Text, { color: row.isError ? COLORS.error : COLORS.success, children: [row.isError ? "✗" : "✓", " "] }), _jsx(Text, { bold: true, children: formatToolName(row.name) }), _jsxs(Text, { dimColor: true, children: [" ", row.summary] })] }), row.diff ? (_jsx(Box, { paddingLeft: 2, children: _jsx(DiffView, { diff: row.diff }) })) : (row.resultPreview && (_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { dimColor: true, children: row.resultPreview }) })))] }));
+        case "info":
+            return (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: row.text }) }));
+        case "error":
+            return (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: COLORS.error, children: ["\u2717 ", row.text] }) }));
+        case "completion":
+            return (_jsxs(Box, { marginTop: 1, flexDirection: "column", borderStyle: "round", borderColor: COLORS.success, paddingX: 1, children: [_jsx(Text, { color: COLORS.success, bold: true, children: "\u2714 Task completed" }), _jsx(Text, { children: renderMarkdown(row.text.trimEnd()) })] }));
+    }
+}

package/dist/ui/markdown.js

@@ -0,0 +1,64 @@
+import chalk from "chalk";
+import { COLORS } from "../branding.js";
+/** Render inline markdown (bold, italic, code, links) to ANSI. */
+function renderInline(text) {
+    let out = text;
+    // inline code first so other patterns don't fire inside it
+    out = out.replace(/`([^`]+)`/g, (_, code) => chalk.hex(COLORS.accent)(code));
+    out = out.replace(/\*\*([^*]+)\*\*/g, (_, t) => chalk.bold(t));
+    out = out.replace(/__([^_]+)__/g, (_, t) => chalk.bold(t));
+    out = out.replace(/(?<![\w*])\*([^*\n]+)\*(?![\w*])/g, (_, t) => chalk.italic(t));
+    out = out.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (_, label, url) => `${label} ${chalk.dim.underline(url)}`);
+    return out;
+}
+/** Lightweight markdown → ANSI renderer for terminal chat output. */
+export function renderMarkdown(markdown) {
+    const lines = markdown.split("\n");
+    const out = [];
+    let inCodeBlock = false;
+    for (const line of lines) {
+        const fence = line.match(/^\s*```(.*)$/);
+        if (fence) {
+            if (!inCodeBlock) {
+                inCodeBlock = true;
+                const lang = fence[1].trim();
+                out.push(chalk.dim(lang ? `╭─ ${lang}` : "╭─"));
+            }
+            else {
+                inCodeBlock = false;
+                out.push(chalk.dim("╰─"));
+            }
+            continue;
+        }
+        if (inCodeBlock) {
+            out.push(chalk.dim("│ ") + chalk.hex("#CE9178")(line));
+            continue;
+        }
+        const header = line.match(/^(#{1,6})\s+(.*)$/);
+        if (header) {
+            out.push(chalk.bold.underline(renderInline(header[2])));
+            continue;
+        }
+        const bullet = line.match(/^(\s*)[-*]\s+(.*)$/);
+        if (bullet) {
+            out.push(`${bullet[1]}${chalk.hex(COLORS.primary)("•")} ${renderInline(bullet[2])}`);
+            continue;
+        }
+        const ordered = line.match(/^(\s*)(\d+)\.\s+(.*)$/);
+        if (ordered) {
+            out.push(`${ordered[1]}${chalk.hex(COLORS.primary)(ordered[2] + ".")} ${renderInline(ordered[3])}`);
+            continue;
+        }
+        const quote = line.match(/^>\s?(.*)$/);
+        if (quote) {
+            out.push(chalk.dim(`│ ${renderInline(quote[1])}`));
+            continue;
+        }
+        if (/^\s*([-*_])\s*\1\s*\1[\s\-*_]*$/.test(line)) {
+            out.push(chalk.dim("─".repeat(40)));
+            continue;
+        }
+        out.push(renderInline(line));
+    }
+    return out.join("\n");
+}