codemaxxing 1.0.16 → 1.1.0

package/dist/ui/paste-interceptor.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from "events";
+export interface PasteEvent {
+    content: string;
+    lines: number;
+}
+export type PasteEventBus = EventEmitter;
+/**
+ * Sets up the full paste interception pipeline on process.stdin:
+ *
+ * - Enables bracketed paste mode on the terminal
+ * - Patches stdin emit('data') to intercept all incoming data
+ * - Detects multiline pastes via bracketed paste escape sequences
+ * - Falls back to burst buffering for terminals without bracketed paste
+ * - Strips paste marker artifacts from all chunks
+ * - Emits "paste" events on the returned EventEmitter for multiline content
+ * - Forwards short pastes (1-2 lines) as normal stdin data
+ * - Registers an exit handler to disable bracketed paste mode
+ *
+ * Returns the EventEmitter that fires "paste" events with { content, lines }.
+ */
+export declare function setupPasteInterceptor(): PasteEventBus;

package/dist/ui/paste-interceptor.js

@@ -0,0 +1,179 @@
+import { EventEmitter } from "events";
+import { appendFileSync } from "node:fs";
+import { consumePendingPasteEndMarkerChunk, shouldSwallowPostPasteDebris } from "../utils/paste.js";
+/**
+ * Sets up the full paste interception pipeline on process.stdin:
+ *
+ * - Enables bracketed paste mode on the terminal
+ * - Patches stdin emit('data') to intercept all incoming data
+ * - Detects multiline pastes via bracketed paste escape sequences
+ * - Falls back to burst buffering for terminals without bracketed paste
+ * - Strips paste marker artifacts from all chunks
+ * - Emits "paste" events on the returned EventEmitter for multiline content
+ * - Forwards short pastes (1-2 lines) as normal stdin data
+ * - Registers an exit handler to disable bracketed paste mode
+ *
+ * Returns the EventEmitter that fires "paste" events with { content, lines }.
+ */
+export function setupPasteInterceptor() {
+    const pasteEvents = new EventEmitter();
+    // Enable bracketed paste mode — terminal wraps pastes in escape sequences
+    process.stdout.write("\x1b[?2004h");
+    // ── Internal state ──
+    let bracketedBuffer = "";
+    let inBracketedPaste = false;
+    let burstBuffer = "";
+    let burstTimer = null;
+    let pendingPasteEndMarker = { active: false, buffer: "" };
+    let swallowPostPasteDebrisUntil = 0;
+    const BURST_WINDOW_MS = 50; // Long enough for slow terminals to finish delivering paste
+    const POST_PASTE_DEBRIS_WINDOW_MS = 1200;
+    // Debug paste: set CODEMAXXING_DEBUG_PASTE=1 to log all stdin chunks to /tmp/codemaxxing-paste-debug.log
+    const PASTE_DEBUG = process.env.CODEMAXXING_DEBUG_PASTE === "1";
+    function pasteLog(msg) {
+        if (!PASTE_DEBUG)
+            return;
+        const escaped = msg.replace(/\x1b/g, "\\x1b").replace(/\r/g, "\\r").replace(/\n/g, "\\n");
+        try {
+            appendFileSync("/tmp/codemaxxing-paste-debug.log", `[${Date.now()}] ${escaped}\n`);
+        }
+        catch { }
+    }
+    const origEmit = process.stdin.emit.bind(process.stdin);
+    function handlePasteContent(content) {
+        const normalized = content.replace(/\r\n/g, "\n").replace(/\r/g, "\n").trim();
+        if (!normalized)
+            return;
+        const lineCount = normalized.split("\n").length;
+        if (lineCount > 2) {
+            // Real multiline paste → badge it
+            // Some terminals dribble the closing bracketed-paste marker (`[201~`)
+            // one character at a time *after* the paste payload. Arm a tiny
+            // swallow-state so those trailing fragments never leak into the input.
+            pendingPasteEndMarker = { active: true, buffer: "" };
+            swallowPostPasteDebrisUntil = Date.now() + POST_PASTE_DEBRIS_WINDOW_MS;
+            pasteEvents.emit("paste", { content: normalized, lines: lineCount });
+            return;
+        }
+        // Short paste (1-2 lines) → collapse to single line and forward as normal input
+        const sanitized = normalized.replace(/\n/g, " ");
+        if (sanitized) {
+            origEmit("data", sanitized);
+        }
+    }
+    function looksLikeMultilinePaste(data) {
+        const clean = data.replace(/\x1b\[[0-9;]*[A-Za-z]/g, ""); // Strip all ANSI escapes
+        // Count \r\n, \n, and bare \r as line breaks (macOS terminals often use bare \r)
+        const normalized = clean.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+        const newlines = (normalized.match(/\n/g) ?? []).length;
+        const printable = normalized.replace(/\n/g, "").trim().length;
+        return newlines >= 2 || (newlines >= 1 && printable >= 40);
+    }
+    function flushBurst() {
+        if (!burstBuffer)
+            return;
+        let buffered = burstBuffer;
+        burstBuffer = "";
+        // Strip any bracketed paste marker fragments that accumulated across
+        // individual character chunks (terminal sends [, 2, 0, 1, ~ separately)
+        buffered = buffered.replace(/\x1b?\[?20[01]~/g, "");
+        buffered = buffered.replace(/20[01]~/g, "");
+        if (!buffered || !buffered.trim()) {
+            pasteLog("BURST FLUSH stripped to empty — swallowed marker");
+            return;
+        }
+        const isMultiline = looksLikeMultilinePaste(buffered);
+        pasteLog(`BURST FLUSH len=${buffered.length} multiline=${isMultiline}`);
+        if (isMultiline) {
+            handlePasteContent(buffered);
+        }
+        else {
+            // Normal typing — forward to Ink
+            origEmit("data", buffered);
+        }
+    }
+    // Patch emit('data') — the ONE path all data must travel through to reach
+    // Ink's listeners, regardless of how the TTY/stream delivers it internally.
+    //
+    // Two detection layers:
+    // 1. Bracketed paste escape sequences (\x1b[200~ ... \x1b[201~)
+    // 2. Burst buffering — accumulate rapid-fire chunks over a short window and check
+    //    whether the combined content looks like a multiline paste.
+    process.stdin.emit = function (event, ...args) {
+        // Pass through non-data events untouched
+        if (event !== "data") {
+            return origEmit(event, ...args);
+        }
+        const chunk = args[0];
+        let data = typeof chunk === "string" ? chunk : Buffer.isBuffer(chunk) ? chunk.toString("utf-8") : String(chunk);
+        pasteLog(`CHUNK len=${data.length} raw=${data.substring(0, 200)}`);
+        const pendingResult = consumePendingPasteEndMarkerChunk(data, pendingPasteEndMarker);
+        pendingPasteEndMarker = pendingResult.nextState;
+        data = pendingResult.remaining;
+        if (!data) {
+            pasteLog("PENDING END MARKER swallowed chunk");
+            return true;
+        }
+        if (Date.now() < swallowPostPasteDebrisUntil && shouldSwallowPostPasteDebris(data)) {
+            pasteLog(`POST-PASTE DEBRIS swallowed raw=${data}`);
+            return true;
+        }
+        // Aggressively strip ALL bracketed paste escape sequences from every chunk,
+        // regardless of context. Some terminals split markers across chunks or send
+        // them in unexpected positions. We never want \x1b[200~ or \x1b[201~ (or
+        // partial fragments like [200~ / [201~) to reach the input component.
+        const hadStart = data.includes("\x1b[200~") || data.includes("[200~") || data.includes("200~");
+        const hadEnd = data.includes("\x1b[201~") || data.includes("[201~") || data.includes("201~");
+        pasteLog(`MARKERS start=${hadStart} end=${hadEnd} inBracketed=${inBracketedPaste}`);
+        // Strip full and partial bracketed paste markers — catch every possible fragment
+        // Full: \x1b[200~ / \x1b[201~  Partial: [200~ / [201~  Bare: 200~ / 201~
+        data = data.replace(/\x1b?\[?20[01]~/g, "");
+        // Belt-and-suspenders: catch any residual marker fragments with multiple passes
+        data = data.replace(/\[20[01]~/g, ""); // [200~ or [201~
+        data = data.replace(/20[01]~/g, ""); // 200~ or 201~
+        data = data.replace(/\[\d01~/g, ""); // any [Xdigit01~
+        // Final paranoia pass: remove anything that looks like a closing bracket-tilde
+        if (data.includes("[201") || data.includes("[200")) {
+            data = data.replace(/\[[0-9]*0?[01]~?/g, "");
+        }
+        // ── Bracketed paste handling ──
+        if (hadStart) {
+            // Flush any pending burst before entering bracketed mode
+            if (burstTimer) {
+                clearTimeout(burstTimer);
+                burstTimer = null;
+            }
+            flushBurst();
+            inBracketedPaste = true;
+            pasteLog("ENTERED bracketed paste mode");
+        }
+        if (hadEnd) {
+            bracketedBuffer += data;
+            inBracketedPaste = false;
+            const content = bracketedBuffer;
+            bracketedBuffer = "";
+            pasteLog(`BRACKETED COMPLETE len=${content.length} lines=${content.split("\\n").length}`);
+            handlePasteContent(content);
+            return true;
+        }
+        if (inBracketedPaste) {
+            bracketedBuffer += data;
+            pasteLog(`BRACKETED BUFFERING total=${bracketedBuffer.length}`);
+            return true;
+        }
+        // ── Burst buffering for non-bracketed paste ──
+        burstBuffer += data;
+        if (burstTimer)
+            clearTimeout(burstTimer);
+        burstTimer = setTimeout(() => {
+            burstTimer = null;
+            flushBurst();
+        }, BURST_WINDOW_MS);
+        return true;
+    };
+    // Disable bracketed paste on exit
+    process.on("exit", () => {
+        process.stdout.write("\x1b[?2004l");
+    });
+    return pasteEvents;
+}

package/dist/ui/pickers.d.ts

@@ -0,0 +1,171 @@
+import type { Theme } from "../themes.js";
+import type { PullProgress } from "../utils/ollama.js";
+import type { HardwareInfo } from "../utils/hardware.js";
+import type { ScoredModel } from "../utils/models.js";
+interface CommandSuggestionsProps {
+    cmdMatches: Array<{
+        cmd: string;
+        desc: string;
+    }>;
+    cmdIndex: number;
+    colors: Theme["colors"];
+}
+export declare function CommandSuggestions({ cmdMatches, cmdIndex, colors }: CommandSuggestionsProps): import("react/jsx-runtime").JSX.Element;
+interface LoginPickerProps {
+    loginPickerIndex: number;
+    colors: Theme["colors"];
+}
+export declare function LoginPicker({ loginPickerIndex, colors }: LoginPickerProps): import("react/jsx-runtime").JSX.Element;
+interface LoginMethodPickerProps {
+    loginMethodPicker: {
+        provider: string;
+        methods: string[];
+    };
+    loginMethodIndex: number;
+    colors: Theme["colors"];
+}
+export declare function LoginMethodPickerUI({ loginMethodPicker, loginMethodIndex, colors }: LoginMethodPickerProps): import("react/jsx-runtime").JSX.Element;
+interface SkillsMenuProps {
+    skillsPickerIndex: number;
+    colors: Theme["colors"];
+}
+export declare function SkillsMenu({ skillsPickerIndex, colors }: SkillsMenuProps): import("react/jsx-runtime").JSX.Element;
+interface SkillsBrowseProps {
+    skillsPickerIndex: number;
+    colors: Theme["colors"];
+}
+export declare function SkillsBrowse({ skillsPickerIndex, colors }: SkillsBrowseProps): import("react/jsx-runtime").JSX.Element;
+interface SkillsInstalledProps {
+    skillsPickerIndex: number;
+    sessionDisabledSkills: Set<string>;
+    colors: Theme["colors"];
+}
+export declare function SkillsInstalled({ skillsPickerIndex, sessionDisabledSkills, colors }: SkillsInstalledProps): import("react/jsx-runtime").JSX.Element;
+interface SkillsRemoveProps {
+    skillsPickerIndex: number;
+    colors: Theme["colors"];
+}
+export declare function SkillsRemove({ skillsPickerIndex, colors }: SkillsRemoveProps): import("react/jsx-runtime").JSX.Element;
+interface ThemePickerProps {
+    themePickerIndex: number;
+    theme: Theme;
+}
+export declare function ThemePickerUI({ themePickerIndex, theme }: ThemePickerProps): import("react/jsx-runtime").JSX.Element;
+interface SessionPickerProps {
+    sessions: Array<{
+        id: string;
+        display: string;
+    }>;
+    selectedIndex: number;
+    colors: Theme["colors"];
+}
+export declare function SessionPicker({ sessions, selectedIndex, colors }: SessionPickerProps): import("react/jsx-runtime").JSX.Element;
+interface DeleteSessionPickerProps {
+    sessions: Array<{
+        id: string;
+        display: string;
+    }>;
+    selectedIndex: number;
+    colors: Theme["colors"];
+}
+export declare function DeleteSessionPicker({ sessions, selectedIndex, colors }: DeleteSessionPickerProps): import("react/jsx-runtime").JSX.Element;
+interface DeleteSessionConfirmProps {
+    session: {
+        id: string;
+        display: string;
+    };
+    colors: Theme["colors"];
+}
+export declare function DeleteSessionConfirm({ session, colors }: DeleteSessionConfirmProps): import("react/jsx-runtime").JSX.Element;
+export interface ModelEntry {
+    name: string;
+    baseUrl: string;
+    apiKey: string;
+    providerType: "openai" | "anthropic";
+}
+export interface GroupedModels {
+    [providerName: string]: ModelEntry[];
+}
+export interface ProviderPickerEntry {
+    name: string;
+    description: string;
+    authed: boolean;
+}
+interface ProviderPickerProps {
+    providers: ProviderPickerEntry[];
+    selectedIndex: number;
+    colors: Theme["colors"];
+}
+export declare function ProviderPicker({ providers, selectedIndex, colors }: ProviderPickerProps): import("react/jsx-runtime").JSX.Element;
+interface ModelPickerProps {
+    providerName: string;
+    models: ModelEntry[];
+    selectedIndex: number;
+    activeModel: string;
+    colors: Theme["colors"];
+}
+export declare function ModelPicker({ providerName, models, selectedIndex, activeModel, colors }: ModelPickerProps): import("react/jsx-runtime").JSX.Element;
+interface OllamaDeletePickerProps {
+    models: Array<{
+        name: string;
+        size: number;
+    }>;
+    selectedIndex: number;
+    colors: Theme["colors"];
+}
+export declare function OllamaDeletePicker({ models, selectedIndex, colors }: OllamaDeletePickerProps): import("react/jsx-runtime").JSX.Element;
+interface OllamaPullPickerProps {
+    selectedIndex: number;
+    colors: Theme["colors"];
+}
+export declare function OllamaPullPicker({ selectedIndex, colors }: OllamaPullPickerProps): import("react/jsx-runtime").JSX.Element;
+interface OllamaDeleteConfirmProps {
+    model: string;
+    size: number;
+    colors: Theme["colors"];
+}
+export declare function OllamaDeleteConfirm({ model, size, colors }: OllamaDeleteConfirmProps): import("react/jsx-runtime").JSX.Element;
+interface OllamaPullProgressProps {
+    model: string;
+    progress: PullProgress;
+    colors: Theme["colors"];
+}
+export declare function OllamaPullProgress({ model, progress, colors }: OllamaPullProgressProps): import("react/jsx-runtime").JSX.Element;
+interface OllamaExitPromptProps {
+    colors: Theme["colors"];
+}
+export declare function OllamaExitPrompt({ colors }: OllamaExitPromptProps): import("react/jsx-runtime").JSX.Element;
+interface ApprovalPromptProps {
+    approval: {
+        tool: string;
+        args: Record<string, unknown>;
+        diff?: string;
+    };
+    colors: Theme["colors"];
+}
+export declare function ApprovalPrompt({ approval, colors }: ApprovalPromptProps): import("react/jsx-runtime").JSX.Element;
+interface WizardConnectionProps {
+    wizardIndex: number;
+    colors: Theme["colors"];
+}
+export declare function WizardConnection({ wizardIndex, colors }: WizardConnectionProps): import("react/jsx-runtime").JSX.Element;
+interface WizardModelsProps {
+    wizardIndex: number;
+    wizardHardware: HardwareInfo;
+    wizardModels: ScoredModel[];
+    colors: Theme["colors"];
+}
+export declare function WizardModels({ wizardIndex, wizardHardware, wizardModels, colors }: WizardModelsProps): import("react/jsx-runtime").JSX.Element;
+interface WizardInstallOllamaProps {
+    wizardHardware: HardwareInfo | null;
+    colors: Theme["colors"];
+}
+export declare function WizardInstallOllama({ wizardHardware, colors }: WizardInstallOllamaProps): import("react/jsx-runtime").JSX.Element;
+interface WizardPullingProps {
+    wizardSelectedModel: ScoredModel | null;
+    wizardPullProgress: PullProgress | null;
+    wizardPullError: string | null;
+    colors: Theme["colors"];
+}
+export declare function WizardPulling({ wizardSelectedModel, wizardPullProgress, wizardPullError, colors }: WizardPullingProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/pickers.js

@@ -0,0 +1,120 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { THEMES, listThemes } from "../themes.js";
+import { PROVIDERS, getCredentials } from "../utils/auth.js";
+import { listInstalledSkills, getRegistrySkills, getActiveSkills } from "../utils/skills.js";
+import { formatBytes } from "../utils/hardware.js";
+import { getFitIcon, isLlmfitAvailable } from "../utils/models.js";
+import { getOllamaInstallCommand } from "../utils/ollama.js";
+export function CommandSuggestions({ cmdMatches, cmdIndex, colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.muted, paddingX: 1, marginBottom: 0, children: [cmdMatches.slice(0, 6).map((c, i) => (_jsxs(Text, { children: [i === cmdIndex ? _jsx(Text, { color: colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === cmdIndex ? colors.suggestion : colors.primary, bold: true, children: c.cmd }), _jsxs(Text, { color: colors.muted, children: [" — ", c.desc] })] }, i))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Tab select" })] }));
+}
+export function LoginPicker({ loginPickerIndex, colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.secondary, children: "\uD83D\uDCAA Choose a provider:" }), PROVIDERS.filter((p) => p.id !== "local").map((p, i) => (_jsxs(Text, { children: [i === loginPickerIndex ? _jsx(Text, { color: colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === loginPickerIndex ? colors.suggestion : colors.primary, bold: true, children: p.name }), _jsxs(Text, { color: colors.muted, children: [" — ", p.description] }), getCredentials().some((c) => c.provider === p.id) ? _jsx(Text, { color: colors.success, children: " \u2713" }) : null] }, p.id))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter select · Esc cancel" })] }));
+}
+export function LoginMethodPickerUI({ loginMethodPicker, loginMethodIndex, colors }) {
+    // Provider-specific label overrides
+    const providerLabels = {
+        anthropic: { "oauth": "🔐 Login with Claude Pro/Max (browser)" },
+        openai: { "oauth": "🔐 Login with ChatGPT (browser)" },
+    };
+    const labels = {
+        "oauth": "🌐 Browser login (OAuth)",
+        "setup-token": "🔑 Link subscription (via Claude Code CLI)",
+        "cached-token": "📦 Import from existing CLI",
+        "api-key": "🔒 Enter API key manually",
+        "device-flow": "📱 Device flow (GitHub)",
+    };
+    const getLabel = (method) => providerLabels[loginMethodPicker.provider]?.[method] ?? labels[method] ?? method;
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.secondary, children: "How do you want to authenticate?" }), loginMethodPicker.methods.map((method, i) => (_jsxs(Text, { children: [i === loginMethodIndex ? _jsx(Text, { color: colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === loginMethodIndex ? colors.suggestion : colors.primary, bold: true, children: getLabel(method) })] }, method))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter select · Esc back" })] }));
+}
+export function SkillsMenu({ skillsPickerIndex, colors }) {
+    const items = [
+        { key: "browse", label: "Browse & Install", icon: "📦" },
+        { key: "installed", label: "Installed Skills", icon: "📋" },
+        { key: "create", label: "Create Custom Skill", icon: "➕" },
+        { key: "remove", label: "Remove Skill", icon: "🗑️" },
+    ];
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.secondary, children: "Skills:" }), items.map((item, i) => (_jsxs(Text, { children: [i === skillsPickerIndex ? _jsx(Text, { color: colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsxs(Text, { color: i === skillsPickerIndex ? colors.suggestion : colors.primary, bold: true, children: [item.icon, " ", item.label] })] }, item.key))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter select · Esc cancel" })] }));
+}
+export function SkillsBrowse({ skillsPickerIndex, colors }) {
+    const registry = getRegistrySkills();
+    const installed = listInstalledSkills().map((s) => s.name);
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.secondary, children: "Browse Skills Registry:" }), registry.map((s, i) => (_jsxs(Text, { children: [i === skillsPickerIndex ? _jsx(Text, { color: colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === skillsPickerIndex ? colors.suggestion : colors.primary, bold: true, children: s.name }), _jsxs(Text, { color: colors.muted, children: [" — ", s.description] }), installed.includes(s.name) ? _jsx(Text, { color: colors.success, children: " \u2713" }) : null] }, s.name))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter install · Esc back" })] }));
+}
+export function SkillsInstalled({ skillsPickerIndex, sessionDisabledSkills, colors }) {
+    const installed = listInstalledSkills();
+    const active = getActiveSkills(process.cwd(), sessionDisabledSkills);
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.secondary, children: "Installed Skills:" }), installed.length === 0 ? (_jsx(Text, { color: colors.muted, children: "  No skills installed. Use Browse & Install." })) : installed.map((s, i) => (_jsxs(Text, { children: [i === skillsPickerIndex ? _jsx(Text, { color: colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === skillsPickerIndex ? colors.suggestion : colors.primary, bold: true, children: s.name }), _jsxs(Text, { color: colors.muted, children: [" — ", s.description] }), active.includes(s.name) ? _jsx(Text, { color: colors.success, children: " (on)" }) : _jsx(Text, { color: colors.muted, children: " (off)" })] }, s.name))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter toggle · Esc back" })] }));
+}
+export function SkillsRemove({ skillsPickerIndex, colors }) {
+    const installed = listInstalledSkills();
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.error, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.error, children: "Remove a skill:" }), installed.map((s, i) => (_jsxs(Text, { children: [i === skillsPickerIndex ? _jsx(Text, { color: colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsxs(Text, { color: i === skillsPickerIndex ? colors.suggestion : colors.muted, children: [s.name, " \u2014 ", s.description] })] }, s.name))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter remove · Esc back" })] }));
+}
+export function ThemePickerUI({ themePickerIndex, theme }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: "Choose a theme:" }), listThemes().map((key, i) => (_jsxs(Text, { children: [i === themePickerIndex ? _jsx(Text, { color: theme.colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === themePickerIndex ? theme.colors.suggestion : theme.colors.primary, bold: true, children: key }), _jsxs(Text, { color: theme.colors.muted, children: [" — ", THEMES[key].description] }), key === theme.name.toLowerCase() ? _jsx(Text, { color: theme.colors.muted, children: " (current)" }) : null] }, key))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter select · Esc cancel" })] }));
+}
+export function SessionPicker({ sessions, selectedIndex, colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.secondary, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.secondary, children: "Resume a session:" }), sessions.map((s, i) => (_jsxs(Text, { children: [i === selectedIndex ? _jsx(Text, { color: colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === selectedIndex ? colors.suggestion : colors.muted, children: s.display })] }, s.id))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter select · Esc cancel" })] }));
+}
+export function DeleteSessionPicker({ sessions, selectedIndex, colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.error, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.error, children: "Delete a session:" }), sessions.map((s, i) => (_jsxs(Text, { children: [i === selectedIndex ? _jsx(Text, { color: colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === selectedIndex ? colors.suggestion : colors.muted, children: s.display })] }, s.id))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter select · Esc cancel" })] }));
+}
+export function DeleteSessionConfirm({ session, colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.warning, paddingX: 1, marginBottom: 0, children: [_jsxs(Text, { bold: true, color: colors.warning, children: ["Delete session ", session.id, "?"] }), _jsxs(Text, { color: colors.muted, children: ["  ", session.display] }), _jsxs(Text, { children: [_jsx(Text, { color: colors.error, bold: true, children: " [y]" }), _jsx(Text, { children: "es  " }), _jsx(Text, { color: colors.success, bold: true, children: "[n]" }), _jsx(Text, { children: "o" })] })] }));
+}
+export function ProviderPicker({ providers, selectedIndex, colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.secondary, children: "Choose a provider:" }), _jsx(Text, { children: "" }), providers.map((p, i) => (_jsxs(Text, { children: [i === selectedIndex ? _jsx(Text, { color: colors.primary, bold: true, children: "▸ " }) : "  ", _jsx(Text, { color: i === selectedIndex ? colors.primary : undefined, bold: true, children: p.name }), _jsxs(Text, { dimColor: true, children: [" — ", p.description] }), p.authed ? _jsx(Text, { color: colors.success, children: " ✓" }) : null] }, p.name))), _jsx(Text, { children: "" }), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter select · Esc cancel" })] }));
+}
+export function ModelPicker({ providerName, models, selectedIndex, activeModel, colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.border, paddingX: 1, marginBottom: 0, children: [_jsxs(Text, { bold: true, color: colors.secondary, children: ["── ", providerName, " ──"] }), _jsx(Text, { children: "" }), models.map((entry, i) => (_jsxs(Text, { children: ["  ", i === selectedIndex ? _jsx(Text, { color: colors.primary, bold: true, children: "▸ " }) : "  ", _jsx(Text, { color: i === selectedIndex ? colors.primary : undefined, children: entry.name }), entry.name === activeModel ? _jsx(Text, { color: colors.success, children: " (active)" }) : null] }, entry.name))), _jsx(Text, { children: "" }), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter switch · Esc back" })] }));
+}
+export function OllamaDeletePicker({ models, selectedIndex, colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.secondary, children: "Delete which model?" }), _jsx(Text, { children: "" }), models.map((m, i) => (_jsxs(Text, { children: ["  ", i === selectedIndex ? _jsx(Text, { color: colors.primary, bold: true, children: "▸ " }) : "  ", _jsx(Text, { color: i === selectedIndex ? colors.primary : undefined, children: m.name }), _jsxs(Text, { color: colors.muted, children: [" (", (m.size / (1024 * 1024 * 1024)).toFixed(1), " GB)"] })] }, m.name))), _jsx(Text, { children: "" }), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter to delete · Esc cancel" })] }));
+}
+// ── Ollama Pull Picker ──
+const PULL_MODELS = [
+    { id: "qwen2.5-coder:7b", name: "Qwen 2.5 Coder 7B", size: "5 GB", desc: "Best balance of speed & quality" },
+    { id: "qwen2.5-coder:14b", name: "Qwen 2.5 Coder 14B", size: "9 GB", desc: "Higher quality, needs 16GB+ RAM" },
+    { id: "qwen2.5-coder:3b", name: "Qwen 2.5 Coder 3B", size: "2 GB", desc: "\u26A0\uFE0F Basic \u2014 may struggle with tool calls" },
+    { id: "qwen2.5-coder:32b", name: "Qwen 2.5 Coder 32B", size: "20 GB", desc: "Premium, needs 48GB+" },
+    { id: "deepseek-coder-v2:16b", name: "DeepSeek Coder V2", size: "9 GB", desc: "Strong alternative" },
+    { id: "codellama:7b", name: "CodeLlama 7B", size: "4 GB", desc: "Meta's coding model" },
+    { id: "starcoder2:7b", name: "StarCoder2 7B", size: "4 GB", desc: "Code completion focused" },
+];
+export function OllamaPullPicker({ selectedIndex, colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.secondary, children: "Download which model?" }), _jsx(Text, { children: "" }), PULL_MODELS.map((m, i) => (_jsxs(Text, { children: ["  ", i === selectedIndex ? _jsx(Text, { color: colors.primary, bold: true, children: "▸ " }) : "  ", _jsx(Text, { color: i === selectedIndex ? colors.primary : undefined, bold: true, children: m.name }), _jsxs(Text, { color: colors.muted, children: [" · ", m.size, " · ", m.desc] })] }, m.id))), _jsx(Text, { children: "" }), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter to download · Esc cancel" })] }));
+}
+export function OllamaDeleteConfirm({ model, size, colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.warning, paddingX: 1, marginBottom: 0, children: [_jsxs(Text, { bold: true, color: colors.warning, children: ["Delete ", model, " (", (size / (1024 * 1024 * 1024)).toFixed(1), " GB)?"] }), _jsxs(Text, { children: [_jsx(Text, { color: colors.error, bold: true, children: " [y]" }), _jsx(Text, { children: "es  " }), _jsx(Text, { color: colors.success, bold: true, children: "[n]" }), _jsx(Text, { children: "o" })] })] }));
+}
+export function OllamaPullProgress({ model, progress, colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.border, paddingX: 1, marginBottom: 0, children: [_jsxs(Text, { bold: true, color: colors.secondary, children: ["  Downloading ", model, "..."] }), progress.status === "downloading" || progress.percent > 0 ? (_jsxs(Text, { children: ["  ", _jsxs(Text, { color: colors.primary, children: ["\u2588".repeat(Math.floor(progress.percent / 5)), "\u2591".repeat(20 - Math.floor(progress.percent / 5))] }), "  ", _jsxs(Text, { bold: true, children: [progress.percent, "%"] }), progress.completed != null && progress.total != null ? (_jsxs(Text, { color: colors.muted, children: [" \u00B7 ", formatBytes(progress.completed), " / ", formatBytes(progress.total)] })) : null] })) : (_jsxs(Text, { color: colors.muted, children: ["  ", progress.status, "..."] }))] }));
+}
+export function OllamaExitPrompt({ colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.warning, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.warning, children: "Ollama is still running." }), _jsx(Text, { color: colors.muted, children: "Stop it to free GPU memory?" }), _jsxs(Text, { children: [_jsx(Text, { color: colors.success, bold: true, children: " [y]" }), _jsx(Text, { children: "es  " }), _jsx(Text, { color: colors.error, bold: true, children: "[n]" }), _jsx(Text, { children: "o  " }), _jsx(Text, { color: colors.primary, bold: true, children: "[a]" }), _jsx(Text, { children: "lways" })] })] }));
+}
+export function ApprovalPrompt({ approval, colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.warning, paddingX: 1, marginTop: 1, children: [_jsxs(Text, { bold: true, color: colors.warning, children: ["\u26A0 Approve ", approval.tool, "?"] }), approval.tool === "write_file" && approval.args.path ? (_jsxs(Text, { color: colors.muted, children: ["  📄 ", String(approval.args.path)] })) : null, approval.tool === "write_file" && approval.args.content ? (_jsxs(Text, { color: colors.muted, children: ["  ", String(approval.args.content).split("\n").length, " lines, ", String(approval.args.content).length, "B"] })) : null, approval.diff ? (_jsxs(Box, { flexDirection: "column", marginTop: 0, marginLeft: 2, children: [approval.diff.split("\n").slice(0, 40).map((line, i) => (_jsx(Text, { color: line.startsWith("+") ? colors.success :
+                            line.startsWith("-") ? colors.error :
+                                line.startsWith("@@") ? colors.primary :
+                                    colors.muted, children: line }, i))), approval.diff.split("\n").length > 40 ? (_jsxs(Text, { color: colors.muted, children: ["... (", approval.diff.split("\n").length - 40, " more lines)"] })) : null] })) : null, approval.tool === "run_command" && approval.args.command ? (_jsxs(Text, { color: colors.muted, children: ["  $ ", String(approval.args.command)] })) : null, _jsxs(Text, { children: [_jsx(Text, { color: colors.success, bold: true, children: " [y]" }), _jsx(Text, { children: "es  " }), _jsx(Text, { color: colors.error, bold: true, children: "[n]" }), _jsx(Text, { children: "o  " }), _jsx(Text, { color: colors.primary, bold: true, children: "[a]" }), _jsx(Text, { children: "lways" })] })] }));
+}
+export function WizardConnection({ wizardIndex, colors }) {
+    const items = [
+        { key: "local", icon: "\uD83D\uDDA5\uFE0F", label: "Set up a local model", desc: "free, runs on your machine" },
+        { key: "openrouter", icon: "\uD83C\uDF10", label: "OpenRouter", desc: "200+ cloud models, browser login" },
+        { key: "apikey", icon: "\uD83D\uDD11", label: "Enter API key manually", desc: "" },
+        { key: "existing", icon: "\u2699\uFE0F", label: "I already have a server running", desc: "" },
+    ];
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.secondary, children: "No LLM detected. How do you want to connect?" }), _jsx(Text, { children: "" }), items.map((item, i) => (_jsxs(Text, { children: [i === wizardIndex ? _jsx(Text, { color: colors.suggestion, bold: true, children: "  \u25B8 " }) : _jsx(Text, { children: "    " }), _jsxs(Text, { color: i === wizardIndex ? colors.suggestion : colors.primary, bold: true, children: [item.icon, "  ", item.label] }), item.desc ? _jsxs(Text, { color: colors.muted, children: [" (", item.desc, ")"] }) : null] }, item.key))), _jsx(Text, { children: "" }), _jsx(Text, { dimColor: true, children: "  \u2191\u2193 navigate \u00B7 Enter to select" })] }));
+}
+export function WizardModels({ wizardIndex, wizardHardware, wizardModels, colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.secondary, children: "Your hardware:" }), _jsxs(Text, { color: colors.muted, children: ["  CPU: ", wizardHardware.cpu.name, " (", wizardHardware.cpu.cores, " cores)"] }), _jsxs(Text, { color: colors.muted, children: ["  RAM: ", formatBytes(wizardHardware.ram)] }), wizardHardware.gpu ? (_jsxs(Text, { color: colors.muted, children: ["  GPU: ", wizardHardware.gpu.name, wizardHardware.gpu.vram > 0 ? ` (${formatBytes(wizardHardware.gpu.vram)})` : ""] })) : (_jsx(Text, { color: colors.muted, children: "  GPU: none detected" })), !isLlmfitAvailable() && (_jsx(Text, { dimColor: true, children: "  Tip: Install llmfit for smarter recommendations: brew install llmfit" })), _jsx(Text, { children: "" }), _jsx(Text, { bold: true, color: colors.secondary, children: "Recommended models:" }), _jsx(Text, { children: "" }), wizardModels.map((m, i) => (_jsxs(Text, { children: [i === wizardIndex ? _jsx(Text, { color: colors.suggestion, bold: true, children: "  \u25B8 " }) : _jsx(Text, { children: "    " }), _jsxs(Text, { children: [getFitIcon(m.fit), " "] }), _jsx(Text, { color: i === wizardIndex ? colors.suggestion : colors.primary, bold: true, children: m.name }), _jsxs(Text, { color: colors.muted, children: ["     ~", m.size, " GB \u00B7 ", m.quality === "best" ? "Best" : m.quality === "great" ? "Great" : "Good", " quality \u00B7 ", m.speed] })] }, m.ollamaId))), wizardModels.length === 0 && (_jsx(Text, { color: colors.error, children: "  No suitable models found for your hardware." })), _jsx(Text, { children: "" }), _jsx(Text, { dimColor: true, children: "  \u2191\u2193 navigate \u00B7 Enter to install \u00B7 Esc back" })] }));
+}
+export function WizardInstallOllama({ wizardHardware, colors }) {
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.warning, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: colors.warning, children: "Ollama is required for local models." }), _jsx(Text, { children: "" }), _jsx(Text, { color: colors.primary, children: "  Press Enter to install Ollama automatically" }), _jsxs(Text, { dimColor: true, children: ["  Or install manually: ", _jsx(Text, { children: getOllamaInstallCommand(wizardHardware?.os ?? "linux") })] }), _jsx(Text, { children: "" }), _jsx(Text, { dimColor: true, children: "  Enter to install · Esc to go back" })] }));
+}
+export function WizardPulling({ wizardSelectedModel, wizardPullProgress, wizardPullError, colors }) {
+    return (_jsx(Box, { flexDirection: "column", borderStyle: "single", borderColor: colors.border, paddingX: 1, marginBottom: 0, children: wizardPullError ? (_jsxs(_Fragment, { children: [_jsxs(Text, { color: colors.error, bold: true, children: ["  \u274C Error: ", wizardPullError] }), _jsx(Text, { children: "" }), _jsx(Text, { dimColor: true, children: "  Press Enter to retry \u00B7 Esc to go back" })] })) : wizardPullProgress ? (_jsxs(_Fragment, { children: [_jsxs(Text, { bold: true, color: colors.secondary, children: ["  ", wizardSelectedModel ? `Downloading ${wizardSelectedModel.name}...` : wizardPullProgress?.status || "Working..."] }), wizardPullProgress.status === "downloading" || wizardPullProgress.percent > 0 ? (_jsx(_Fragment, { children: _jsxs(Text, { children: ["  ", _jsxs(Text, { color: colors.primary, children: ["\u2588".repeat(Math.floor(wizardPullProgress.percent / 5)), "\u2591".repeat(20 - Math.floor(wizardPullProgress.percent / 5))] }), "  ", _jsxs(Text, { bold: true, children: [wizardPullProgress.percent, "%"] }), wizardPullProgress.completed != null && wizardPullProgress.total != null ? (_jsxs(Text, { color: colors.muted, children: [" \u00B7 ", formatBytes(wizardPullProgress.completed), " / ", formatBytes(wizardPullProgress.total)] })) : null] }) })) : (_jsxs(Text, { color: colors.muted, children: ["  ", wizardPullProgress.status, "..."] }))] })) : null }));
+}

package/dist/ui/status-bar.d.ts

@@ -0,0 +1,8 @@
+import type { CodingAgent } from "../agent.js";
+interface StatusBarProps {
+    agent: CodingAgent;
+    modelName: string;
+    sessionDisabledSkills: Set<string>;
+}
+export declare function StatusBar({ agent, modelName, sessionDisabledSkills }: StatusBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/status-bar.js

@@ -0,0 +1,15 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from "ink";
+import { getActiveSkillCount } from "../utils/skills.js";
+export function StatusBar({ agent, modelName, sessionDisabledSkills }) {
+    const tokens = agent.estimateTokens();
+    const tokenStr = tokens >= 1000 ? `${(tokens / 1000).toFixed(1)}k` : String(tokens);
+    const { totalCost } = agent.getCostInfo();
+    const costStr = totalCost > 0
+        ? ` · 💰 $${totalCost < 0.01 ? totalCost.toFixed(4) : totalCost.toFixed(2)}`
+        : "";
+    const count = getActiveSkillCount(process.cwd(), sessionDisabledSkills);
+    const skillsStr = count > 0 ? ` · 🧠 ${count} skill${count !== 1 ? "s" : ""}` : "";
+    const architectStr = agent.getArchitectModel() ? " · 🏗️ architect" : "";
+    return (_jsx(Box, { paddingX: 2, children: _jsxs(Text, { dimColor: true, children: ["💬 ", agent.getContextLength(), " messages · ~", tokenStr, " tokens", costStr, modelName ? ` · 🤖 ${modelName}` : "", skillsStr, architectStr] }) }));
+}

package/dist/ui/wizard-types.d.ts

@@ -0,0 +1,27 @@
+import type { HardwareInfo } from "../utils/hardware.js";
+import type { ScoredModel } from "../utils/models.js";
+import type { PullProgress } from "../utils/ollama.js";
+export type WizardScreen = "connection" | "models" | "install-ollama" | "pulling" | null;
+export interface WizardContext {
+    wizardScreen: WizardScreen;
+    wizardIndex: number;
+    wizardModels: ScoredModel[];
+    wizardHardware: HardwareInfo | null;
+    wizardPullProgress: PullProgress | null;
+    wizardPullError: string | null;
+    wizardSelectedModel: ScoredModel | null;
+    setWizardScreen: (val: WizardScreen) => void;
+    setWizardIndex: (fn: (prev: number) => number) => void;
+    setWizardHardware: (val: HardwareInfo | null) => void;
+    setWizardModels: (val: ScoredModel[]) => void;
+    setWizardPullProgress: (val: PullProgress | null) => void;
+    setWizardPullError: (val: string | null) => void;
+    setWizardSelectedModel: (val: ScoredModel | null) => void;
+    setLoginPicker: (val: boolean) => void;
+    setLoginPickerIndex: (fn: (prev: number) => number) => void;
+    setLoading: (val: boolean) => void;
+    setSpinnerMsg: (val: string) => void;
+    addMsg: (type: "user" | "response" | "tool" | "tool-result" | "error" | "info", text: string) => void;
+    connectToProvider: (isRetry: boolean) => Promise<void>;
+    _require: NodeRequire;
+}

package/dist/ui/wizard-types.js

@@ -0,0 +1 @@
+export {};

package/dist/ui/wizard.d.ts

@@ -0,0 +1,3 @@
+import type { Key } from "ink";
+import type { WizardContext } from "./wizard-types.js";
+export declare function handleWizardScreen(_inputChar: string, key: Key, ctx: WizardContext): boolean;