codemaxxing 0.1.7 → 0.1.9

package/dist/index.js

@@ -6,12 +6,12 @@ import { EventEmitter } from "events";
 import TextInput from "ink-text-input";
 import { CodingAgent } from "./agent.js";
 import { loadConfig, detectLocalProvider, parseCLIArgs, applyOverrides, listModels } from "./config.js";
-import { listSessions, getSession, loadMessages } from "./utils/sessions.js";
+import { listSessions, getSession, loadMessages, deleteSession } from "./utils/sessions.js";
 import { execSync } from "child_process";
 import { isGitRepo, getBranch, getStatus, getDiff, undoLastCommit } from "./utils/git.js";
 import { getTheme, listThemes, THEMES, DEFAULT_THEME } from "./themes.js";
-import { PROVIDERS, openRouterOAuth, anthropicSetupToken, importCodexToken, importQwenToken, copilotDeviceFlow } from "./utils/auth.js";
-const VERSION = "0.1.5";
+import { PROVIDERS, getCredentials, openRouterOAuth, anthropicSetupToken, importCodexToken, importQwenToken, copilotDeviceFlow } from "./utils/auth.js";
+const VERSION = "0.1.9";
 // ── Helpers ──
 function formatTimeAgo(date) {
     const secs = Math.floor((Date.now() - date.getTime()) / 1000);
@@ -43,6 +43,7 @@ const SLASH_COMMANDS = [
     { cmd: "/theme", desc: "switch color theme" },
     { cmd: "/model", desc: "switch model mid-session" },
     { cmd: "/sessions", desc: "list past sessions" },
+    { cmd: "/session delete", desc: "delete a session" },
     { cmd: "/resume", desc: "resume a past session" },
     { cmd: "/quit", desc: "exit" },
 ];
@@ -106,8 +107,13 @@ function App() {
     const [sessionPickerIndex, setSessionPickerIndex] = useState(0);
     const [themePicker, setThemePicker] = useState(false);
     const [themePickerIndex, setThemePickerIndex] = useState(0);
+    const [deleteSessionPicker, setDeleteSessionPicker] = useState(null);
+    const [deleteSessionPickerIndex, setDeleteSessionPickerIndex] = useState(0);
+    const [deleteSessionConfirm, setDeleteSessionConfirm] = useState(null);
     const [loginPicker, setLoginPicker] = useState(false);
     const [loginPickerIndex, setLoginPickerIndex] = useState(0);
+    const [loginMethodPicker, setLoginMethodPicker] = useState(null);
+    const [loginMethodIndex, setLoginMethodIndex] = useState(0);
     const [approval, setApproval] = useState(null);
     // Listen for paste events from stdin interceptor
     useEffect(() => {
@@ -208,9 +214,15 @@ function App() {
                 onGitCommit: (message) => {
                     addMsg("info", `📝 Auto-committed: ${message}`);
                 },
-                onToolApproval: (name, args) => {
+                onContextCompressed: (oldTokens, newTokens) => {
+                    const saved = oldTokens - newTokens;
+                    const savedStr = saved >= 1000 ? `${(saved / 1000).toFixed(1)}k` : String(saved);
+                    addMsg("info", `📦 Context compressed (~${savedStr} tokens freed)`);
+                },
+                contextCompressionThreshold: config.defaults.contextCompressionThreshold,
+                onToolApproval: (name, args, diff) => {
                     return new Promise((resolve) => {
-                        setApproval({ tool: name, args, resolve });
+                        setApproval({ tool: name, args, diff, resolve });
                         setLoading(false);
                     });
                 },
@@ -250,7 +262,7 @@ function App() {
             const selected = matches[idx];
             if (selected) {
                 // Commands that need args (like /commit, /model) — fill input instead of executing
-                if (selected.cmd === "/commit" || selected.cmd === "/model") {
+                if (selected.cmd === "/commit" || selected.cmd === "/model" || selected.cmd === "/session delete") {
                     setInput(selected.cmd + " ");
                     setCmdIndex(0);
                     setInputKey((k) => k + 1);
@@ -293,6 +305,7 @@ function App() {
                 "  /models    — list available models",
                 "  /map       — show repository map",
                 "  /sessions  — list past sessions",
+                "  /session delete — delete a session",
                 "  /resume    — resume a past session",
                 "  /reset     — clear conversation",
                 "  /context   — show message count",
@@ -407,12 +420,50 @@ function App() {
                     const tokens = s.token_estimate >= 1000
                         ? `${(s.token_estimate / 1000).toFixed(1)}k`
                         : String(s.token_estimate);
-                    return `  ${s.id}  ${dir}/  ${s.message_count} msgs  ~${tokens} tok  ${ago}  ${s.model}`;
+                    const cost = s.estimated_cost > 0
+                        ? `$${s.estimated_cost < 0.01 ? s.estimated_cost.toFixed(4) : s.estimated_cost.toFixed(2)}`
+                        : "";
+                    return `  ${s.id}  ${dir}/  ${s.message_count} msgs  ~${tokens} tok${cost ? `  ${cost}` : ""}  ${ago}  ${s.model}`;
                 });
                 addMsg("info", "Recent sessions:\n" + lines.join("\n") + "\n\n  Use /resume <id> to continue a session");
             }
             return;
         }
+        if (trimmed.startsWith("/session delete")) {
+            const idArg = trimmed.replace("/session delete", "").trim();
+            if (idArg) {
+                // Direct delete by ID
+                const session = getSession(idArg);
+                if (!session) {
+                    addMsg("error", `Session "${idArg}" not found.`);
+                    return;
+                }
+                const dir = session.cwd.split("/").pop() || session.cwd;
+                setDeleteSessionConfirm({ id: idArg, display: `${idArg}  ${dir}/  ${session.message_count} msgs  ${session.model}` });
+                return;
+            }
+            // Show picker
+            const sessions = listSessions(10);
+            if (sessions.length === 0) {
+                addMsg("info", "No sessions to delete.");
+                return;
+            }
+            const items = sessions.map((s) => {
+                const date = new Date(s.updated_at + "Z");
+                const ago = formatTimeAgo(date);
+                const dir = s.cwd.split("/").pop() || s.cwd;
+                const tokens = s.token_estimate >= 1000
+                    ? `${(s.token_estimate / 1000).toFixed(1)}k`
+                    : String(s.token_estimate);
+                return {
+                    id: s.id,
+                    display: `${s.id}  ${dir}/  ${s.message_count} msgs  ~${tokens} tok  ${ago}  ${s.model}`,
+                };
+            });
+            setDeleteSessionPicker(items);
+            setDeleteSessionPickerIndex(0);
+            return;
+        }
         if (trimmed === "/resume") {
             const sessions = listSessions(10);
             if (sessions.length === 0) {
@@ -497,83 +548,127 @@ function App() {
                 return;
             }
         }
-        // Login picker navigation
-        if (loginPicker) {
-            const loginProviders = PROVIDERS.filter((p) => p.id !== "local");
+        // Login method picker navigation (second level — pick auth method)
+        if (loginMethodPicker) {
+            const methods = loginMethodPicker.methods;
             if (key.upArrow) {
-                setLoginPickerIndex((prev) => (prev - 1 + loginProviders.length) % loginProviders.length);
+                setLoginMethodIndex((prev) => (prev - 1 + methods.length) % methods.length);
                 return;
             }
             if (key.downArrow) {
-                setLoginPickerIndex((prev) => (prev + 1) % loginProviders.length);
+                setLoginMethodIndex((prev) => (prev + 1) % methods.length);
+                return;
+            }
+            if (key.escape) {
+                setLoginMethodPicker(null);
+                setLoginPicker(true); // go back to provider picker
                 return;
             }
             if (key.return) {
-                const selected = loginProviders[loginPickerIndex];
-                setLoginPicker(false);
-                if (selected.id === "openrouter") {
+                const method = methods[loginMethodIndex];
+                const providerId = loginMethodPicker.provider;
+                setLoginMethodPicker(null);
+                if (method === "oauth" && providerId === "openrouter") {
                     addMsg("info", "Starting OpenRouter OAuth — opening browser...");
                     setLoading(true);
                     setSpinnerMsg("Waiting for authorization...");
                     openRouterOAuth((msg) => addMsg("info", msg))
-                        .then((cred) => {
-                        addMsg("info", `✅ OpenRouter authenticated! You now have access to 200+ models.`);
-                        addMsg("info", `Switch with: /model anthropic/claude-sonnet-4`);
+                        .then(() => {
+                        addMsg("info", `✅ OpenRouter authenticated! Access to 200+ models.`);
                         setLoading(false);
                     })
-                        .catch((err) => {
-                        addMsg("error", `OAuth failed: ${err.message}`);
-                        setLoading(false);
-                    });
+                        .catch((err) => { addMsg("error", `OAuth failed: ${err.message}`); setLoading(false); });
                 }
-                else if (selected.id === "anthropic") {
-                    addMsg("info", "Starting Anthropic setup-token flow...");
+                else if (method === "setup-token") {
+                    addMsg("info", "Starting setup-token flow — browser will open...");
                     setLoading(true);
                     setSpinnerMsg("Waiting for Claude Code auth...");
                     anthropicSetupToken((msg) => addMsg("info", msg))
-                        .then((cred) => {
-                        addMsg("info", `✅ Anthropic authenticated! (${cred.label})`);
-                        setLoading(false);
-                    })
-                        .catch((err) => {
-                        addMsg("error", `Anthropic auth failed: ${err.message}`);
-                        setLoading(false);
-                    });
+                        .then((cred) => { addMsg("info", `✅ Anthropic authenticated! (${cred.label})`); setLoading(false); })
+                        .catch((err) => { addMsg("error", `Auth failed: ${err.message}`); setLoading(false); });
                 }
-                else if (selected.id === "openai") {
+                else if (method === "cached-token" && providerId === "openai") {
                     const imported = importCodexToken((msg) => addMsg("info", msg));
                     if (imported) {
                         addMsg("info", `✅ Imported Codex credentials! (${imported.label})`);
                     }
                     else {
-                        addMsg("info", "No Codex CLI found. Run: codemaxxing auth api-key openai <your-key>");
+                        addMsg("info", "No Codex CLI found. Install Codex CLI and sign in first.");
                     }
                 }
-                else if (selected.id === "qwen") {
+                else if (method === "cached-token" && providerId === "qwen") {
                     const imported = importQwenToken((msg) => addMsg("info", msg));
                     if (imported) {
                         addMsg("info", `✅ Imported Qwen credentials! (${imported.label})`);
                     }
                     else {
-                        addMsg("info", "No Qwen CLI found. Run: codemaxxing auth api-key qwen <your-key>");
+                        addMsg("info", "No Qwen CLI found. Install Qwen CLI and sign in first.");
                     }
                 }
-                else if (selected.id === "copilot") {
+                else if (method === "device-flow") {
                     addMsg("info", "Starting GitHub Copilot device flow...");
                     setLoading(true);
                     setSpinnerMsg("Waiting for GitHub authorization...");
                     copilotDeviceFlow((msg) => addMsg("info", msg))
-                        .then(() => {
-                        addMsg("info", `✅ GitHub Copilot authenticated!`);
-                        setLoading(false);
-                    })
-                        .catch((err) => {
-                        addMsg("error", `Copilot auth failed: ${err.message}`);
-                        setLoading(false);
-                    });
+                        .then(() => { addMsg("info", `✅ GitHub Copilot authenticated!`); setLoading(false); })
+                        .catch((err) => { addMsg("error", `Copilot auth failed: ${err.message}`); setLoading(false); });
+                }
+                else if (method === "api-key") {
+                    const provider = PROVIDERS.find((p) => p.id === providerId);
+                    addMsg("info", `Enter your API key via CLI:\n  codemaxxing auth api-key ${providerId} <your-key>\n  Get key at: ${provider?.consoleUrl ?? "your provider's dashboard"}`);
+                }
+                return;
+            }
+            return;
+        }
+        // Login picker navigation (first level — pick provider)
+        if (loginPicker) {
+            const loginProviders = PROVIDERS.filter((p) => p.id !== "local");
+            if (key.upArrow) {
+                setLoginPickerIndex((prev) => (prev - 1 + loginProviders.length) % loginProviders.length);
+                return;
+            }
+            if (key.downArrow) {
+                setLoginPickerIndex((prev) => (prev + 1) % loginProviders.length);
+                return;
+            }
+            if (key.return) {
+                const selected = loginProviders[loginPickerIndex];
+                setLoginPicker(false);
+                // Get available methods for this provider (filter out 'none')
+                const methods = selected.methods.filter((m) => m !== "none");
+                if (methods.length === 1) {
+                    // Only one method — execute it directly
+                    setLoginMethodPicker({ provider: selected.id, methods });
+                    setLoginMethodIndex(0);
+                    // Simulate Enter press on the single method
+                    if (methods[0] === "oauth" && selected.id === "openrouter") {
+                        setLoginMethodPicker(null);
+                        addMsg("info", "Starting OpenRouter OAuth — opening browser...");
+                        setLoading(true);
+                        setSpinnerMsg("Waiting for authorization...");
+                        openRouterOAuth((msg) => addMsg("info", msg))
+                            .then(() => { addMsg("info", `✅ OpenRouter authenticated! Access to 200+ models.`); setLoading(false); })
+                            .catch((err) => { addMsg("error", `OAuth failed: ${err.message}`); setLoading(false); });
+                    }
+                    else if (methods[0] === "device-flow") {
+                        setLoginMethodPicker(null);
+                        addMsg("info", "Starting GitHub Copilot device flow...");
+                        setLoading(true);
+                        setSpinnerMsg("Waiting for GitHub authorization...");
+                        copilotDeviceFlow((msg) => addMsg("info", msg))
+                            .then(() => { addMsg("info", `✅ GitHub Copilot authenticated!`); setLoading(false); })
+                            .catch((err) => { addMsg("error", `Copilot auth failed: ${err.message}`); setLoading(false); });
+                    }
+                    else if (methods[0] === "api-key") {
+                        setLoginMethodPicker(null);
+                        addMsg("info", `Enter your API key via CLI:\n  codemaxxing auth api-key ${selected.id} <your-key>\n  Get key at: ${selected.consoleUrl ?? "your provider's dashboard"}`);
+                    }
                 }
                 else {
-                    addMsg("info", `Run: codemaxxing auth api-key ${selected.id} <your-key>\n  Get key at: ${selected.consoleUrl ?? selected.baseUrl}`);
+                    // Multiple methods — show submenu
+                    setLoginMethodPicker({ provider: selected.id, methods });
+                    setLoginMethodIndex(0);
                 }
                 return;
             }
@@ -651,6 +746,53 @@ function App() {
             }
             return; // Ignore other keys during session picker
         }
+        // Delete session confirmation (y/n)
+        if (deleteSessionConfirm) {
+            if (inputChar === "y" || inputChar === "Y") {
+                const deleted = deleteSession(deleteSessionConfirm.id);
+                if (deleted) {
+                    addMsg("info", `✅ Deleted session ${deleteSessionConfirm.id}`);
+                }
+                else {
+                    addMsg("error", `Failed to delete session ${deleteSessionConfirm.id}`);
+                }
+                setDeleteSessionConfirm(null);
+                return;
+            }
+            if (inputChar === "n" || inputChar === "N" || key.escape) {
+                addMsg("info", "Delete cancelled.");
+                setDeleteSessionConfirm(null);
+                return;
+            }
+            return;
+        }
+        // Delete session picker navigation
+        if (deleteSessionPicker) {
+            if (key.upArrow) {
+                setDeleteSessionPickerIndex((prev) => (prev - 1 + deleteSessionPicker.length) % deleteSessionPicker.length);
+                return;
+            }
+            if (key.downArrow) {
+                setDeleteSessionPickerIndex((prev) => (prev + 1) % deleteSessionPicker.length);
+                return;
+            }
+            if (key.return) {
+                const selected = deleteSessionPicker[deleteSessionPickerIndex];
+                if (selected) {
+                    setDeleteSessionPicker(null);
+                    setDeleteSessionPickerIndex(0);
+                    setDeleteSessionConfirm(selected);
+                }
+                return;
+            }
+            if (key.escape) {
+                setDeleteSessionPicker(null);
+                setDeleteSessionPickerIndex(0);
+                addMsg("info", "Delete cancelled.");
+                return;
+            }
+            return;
+        }
         // Backspace with empty input → remove last paste chunk
         if (key.backspace || key.delete) {
             if (input === "" && pastedChunksRef.current.length > 0) {
@@ -738,10 +880,28 @@ function App() {
                     default:
                         return _jsx(Text, { children: msg.text }, msg.id);
                 }
-            }), loading && !approval && !streaming && _jsx(NeonSpinner, { message: spinnerMsg, colors: theme.colors }), streaming && !loading && _jsx(StreamingIndicator, { colors: theme.colors }), approval && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.warning, paddingX: 1, marginTop: 1, children: [_jsxs(Text, { bold: true, color: theme.colors.warning, children: ["\u26A0 Approve ", approval.tool, "?"] }), approval.tool === "write_file" && approval.args.path ? (_jsxs(Text, { color: theme.colors.muted, children: ["  📄 ", String(approval.args.path)] })) : null, approval.tool === "write_file" && approval.args.content ? (_jsxs(Text, { color: theme.colors.muted, children: ["  ", String(approval.args.content).split("\n").length, " lines, ", String(approval.args.content).length, "B"] })) : null, approval.tool === "run_command" && approval.args.command ? (_jsxs(Text, { color: theme.colors.muted, children: ["  $ ", String(approval.args.command)] })) : null, _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.success, bold: true, children: " [y]" }), _jsx(Text, { children: "es  " }), _jsx(Text, { color: theme.colors.error, bold: true, children: "[n]" }), _jsx(Text, { children: "o  " }), _jsx(Text, { color: theme.colors.primary, bold: true, children: "[a]" }), _jsx(Text, { children: "lways" })] })] })), themePicker && (_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" })] })), sessionPicker && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.secondary, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: "Resume a session:" }), sessionPicker.map((s, i) => (_jsxs(Text, { children: [i === sessionPickerIndex ? _jsx(Text, { color: theme.colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === sessionPickerIndex ? theme.colors.suggestion : theme.colors.muted, children: s.display })] }, s.id))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter select · Esc cancel" })] })), showSuggestions && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.muted, paddingX: 1, marginBottom: 0, children: [cmdMatches.slice(0, 6).map((c, i) => (_jsxs(Text, { children: [i === cmdIndex ? _jsx(Text, { color: theme.colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === cmdIndex ? theme.colors.suggestion : theme.colors.primary, bold: true, children: c.cmd }), _jsxs(Text, { color: theme.colors.muted, children: [" — ", c.desc] })] }, i))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Tab select" })] })), _jsxs(Box, { borderStyle: "single", borderColor: approval ? theme.colors.warning : theme.colors.border, paddingX: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: "> " }), approval ? (_jsx(Text, { color: theme.colors.warning, children: "waiting for approval..." })) : ready && !loading ? (_jsxs(Box, { children: [pastedChunks.map((p) => (_jsxs(Text, { color: theme.colors.muted, children: ["[Pasted text #", p.id, " +", p.lines, " lines]"] }, p.id))), _jsx(TextInput, { value: input, onChange: (v) => { setInput(v); setCmdIndex(0); }, onSubmit: handleSubmit }, inputKey)] })) : (_jsx(Text, { dimColor: true, children: loading ? "waiting for response..." : "initializing..." }))] }), agent && (_jsx(Box, { paddingX: 2, children: _jsxs(Text, { dimColor: true, children: ["💬 ", agent.getContextLength(), " messages · ~", (() => {
+            }), loading && !approval && !streaming && _jsx(NeonSpinner, { message: spinnerMsg, colors: theme.colors }), streaming && !loading && _jsx(StreamingIndicator, { colors: theme.colors }), approval && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.warning, paddingX: 1, marginTop: 1, children: [_jsxs(Text, { bold: true, color: theme.colors.warning, children: ["\u26A0 Approve ", approval.tool, "?"] }), approval.tool === "write_file" && approval.args.path ? (_jsxs(Text, { color: theme.colors.muted, children: ["  📄 ", String(approval.args.path)] })) : null, approval.tool === "write_file" && approval.args.content ? (_jsxs(Text, { color: theme.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("+") ? theme.colors.success :
+                                    line.startsWith("-") ? theme.colors.error :
+                                        line.startsWith("@@") ? theme.colors.primary :
+                                            theme.colors.muted, children: line }, i))), approval.diff.split("\n").length > 40 ? (_jsxs(Text, { color: theme.colors.muted, children: ["... (", approval.diff.split("\n").length - 40, " more lines)"] })) : null] })) : null, approval.tool === "run_command" && approval.args.command ? (_jsxs(Text, { color: theme.colors.muted, children: ["  $ ", String(approval.args.command)] })) : null, _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.success, bold: true, children: " [y]" }), _jsx(Text, { children: "es  " }), _jsx(Text, { color: theme.colors.error, bold: true, children: "[n]" }), _jsx(Text, { children: "o  " }), _jsx(Text, { color: theme.colors.primary, bold: true, children: "[a]" }), _jsx(Text, { children: "lways" })] })] })), loginPicker && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: theme.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: theme.colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === loginPickerIndex ? theme.colors.suggestion : theme.colors.primary, bold: true, children: p.name }), _jsxs(Text, { color: theme.colors.muted, children: [" — ", p.description] }), getCredentials().some((c) => c.provider === p.id) ? _jsx(Text, { color: theme.colors.success, children: " \u2713" }) : null] }, p.id))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter select · Esc cancel" })] })), loginMethodPicker && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: "How do you want to authenticate?" }), loginMethodPicker.methods.map((method, i) => {
+                        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)",
+                        };
+                        return (_jsxs(Text, { children: [i === loginMethodIndex ? _jsx(Text, { color: theme.colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === loginMethodIndex ? theme.colors.suggestion : theme.colors.primary, bold: true, children: labels[method] ?? method })] }, method));
+                    }), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter select · Esc back" })] })), themePicker && (_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" })] })), sessionPicker && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.secondary, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: "Resume a session:" }), sessionPicker.map((s, i) => (_jsxs(Text, { children: [i === sessionPickerIndex ? _jsx(Text, { color: theme.colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === sessionPickerIndex ? theme.colors.suggestion : theme.colors.muted, children: s.display })] }, s.id))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter select · Esc cancel" })] })), deleteSessionPicker && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.error, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: theme.colors.error, children: "Delete a session:" }), deleteSessionPicker.map((s, i) => (_jsxs(Text, { children: [i === deleteSessionPickerIndex ? _jsx(Text, { color: theme.colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === deleteSessionPickerIndex ? theme.colors.suggestion : theme.colors.muted, children: s.display })] }, s.id))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter select · Esc cancel" })] })), deleteSessionConfirm && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.warning, paddingX: 1, marginBottom: 0, children: [_jsxs(Text, { bold: true, color: theme.colors.warning, children: ["Delete session ", deleteSessionConfirm.id, "?"] }), _jsxs(Text, { color: theme.colors.muted, children: ["  ", deleteSessionConfirm.display] }), _jsxs(Text, { children: [_jsx(Text, { color: theme.colors.error, bold: true, children: " [y]" }), _jsx(Text, { children: "es  " }), _jsx(Text, { color: theme.colors.success, bold: true, children: "[n]" }), _jsx(Text, { children: "o" })] })] })), showSuggestions && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.muted, paddingX: 1, marginBottom: 0, children: [cmdMatches.slice(0, 6).map((c, i) => (_jsxs(Text, { children: [i === cmdIndex ? _jsx(Text, { color: theme.colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsx(Text, { color: i === cmdIndex ? theme.colors.suggestion : theme.colors.primary, bold: true, children: c.cmd }), _jsxs(Text, { color: theme.colors.muted, children: [" — ", c.desc] })] }, i))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Tab select" })] })), _jsxs(Box, { borderStyle: "single", borderColor: approval ? theme.colors.warning : theme.colors.border, paddingX: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: "> " }), approval ? (_jsx(Text, { color: theme.colors.warning, children: "waiting for approval..." })) : ready && !loading ? (_jsxs(Box, { children: [pastedChunks.map((p) => (_jsxs(Text, { color: theme.colors.muted, children: ["[Pasted text #", p.id, " +", p.lines, " lines]"] }, p.id))), _jsx(TextInput, { value: input, onChange: (v) => { setInput(v); setCmdIndex(0); }, onSubmit: handleSubmit }, inputKey)] })) : (_jsx(Text, { dimColor: true, children: loading ? "waiting for response..." : "initializing..." }))] }), agent && (_jsx(Box, { paddingX: 2, children: _jsxs(Text, { dimColor: true, children: ["💬 ", agent.getContextLength(), " messages · ~", (() => {
                             const tokens = agent.estimateTokens();
                             return tokens >= 1000 ? `${(tokens / 1000).toFixed(1)}k` : String(tokens);
-                        })(), " tokens", modelName ? ` · 🤖 ${modelName}` : ""] }) }))] }));
+                        })(), " tokens", (() => {
+                            const { totalCost } = agent.getCostInfo();
+                            if (totalCost > 0) {
+                                return ` · 💰 $${totalCost < 0.01 ? totalCost.toFixed(4) : totalCost.toFixed(2)}`;
+                            }
+                            return "";
+                        })(), modelName ? ` · 🤖 ${modelName}` : ""] }) }))] }));
 }
 // Clear screen before render
 process.stdout.write("\x1B[2J\x1B[3J\x1B[H");

package/dist/tools/files.d.ts

@@ -7,3 +7,11 @@ export declare const FILE_TOOLS: ChatCompletionTool[];
  * Execute a tool call and return the result
  */
 export declare function executeTool(name: string, args: Record<string, unknown>, cwd: string): Promise<string>;
+/**
+ * Generate a simple unified diff between two strings
+ */
+export declare function generateDiff(oldContent: string, newContent: string, filePath: string): string;
+/**
+ * Get existing file content for diff preview (returns null if file doesn't exist)
+ */
+export declare function getExistingContent(filePath: string, cwd: string): string | null;

package/dist/tools/files.js

@@ -167,6 +167,143 @@ export async function executeTool(name, args, cwd) {
             return `Unknown tool: ${name}`;
     }
 }
+/**
+ * Generate a simple unified diff between two strings
+ */
+export function generateDiff(oldContent, newContent, filePath) {
+    const oldLines = oldContent.split("\n");
+    const newLines = newContent.split("\n");
+    const output = [`--- a/${filePath}`, `+++ b/${filePath}`];
+    const lcs = computeLCS(oldLines, newLines);
+    let oi = 0, ni = 0, li = 0;
+    let hunkLines = [];
+    let hunkOldCount = 0;
+    let hunkNewCount = 0;
+    let hunkStartOld = 1;
+    let hunkStartNew = 1;
+    let pendingContext = [];
+    let hasHunk = false;
+    function flushHunk() {
+        if (hasHunk && hunkLines.length > 0) {
+            output.push(`@@ -${hunkStartOld},${hunkOldCount} +${hunkStartNew},${hunkNewCount} @@`);
+            output.push(...hunkLines);
+        }
+        hunkLines = [];
+        hunkOldCount = 0;
+        hunkNewCount = 0;
+        hasHunk = false;
+        pendingContext = [];
+    }
+    function startHunk() {
+        if (!hasHunk) {
+            hasHunk = true;
+            hunkStartOld = Math.max(1, oi + 1 - 3);
+            hunkStartNew = Math.max(1, ni + 1 - 3);
+            const contextStart = Math.max(0, oi - 3);
+            for (let c = contextStart; c < oi; c++) {
+                hunkLines.push(` ${oldLines[c]}`);
+                hunkOldCount++;
+                hunkNewCount++;
+            }
+        }
+        if (pendingContext.length > 0) {
+            hunkLines.push(...pendingContext);
+            pendingContext = [];
+        }
+    }
+    while (oi < oldLines.length || ni < newLines.length) {
+        if (li < lcs.length && oi < oldLines.length && ni < newLines.length &&
+            oldLines[oi] === lcs[li] && newLines[ni] === lcs[li]) {
+            // Matching line
+            if (hasHunk) {
+                pendingContext.push(` ${oldLines[oi]}`);
+                hunkOldCount++;
+                hunkNewCount++;
+                if (pendingContext.length > 6)
+                    flushHunk();
+            }
+            oi++;
+            ni++;
+            li++;
+        }
+        else if (oi < oldLines.length && (li >= lcs.length || oldLines[oi] !== lcs[li])) {
+            startHunk();
+            hunkLines.push(`-${oldLines[oi]}`);
+            hunkOldCount++;
+            oi++;
+        }
+        else if (ni < newLines.length && (li >= lcs.length || newLines[ni] !== lcs[li])) {
+            startHunk();
+            hunkLines.push(`+${newLines[ni]}`);
+            hunkNewCount++;
+            ni++;
+        }
+        else {
+            break;
+        }
+    }
+    flushHunk();
+    if (output.length <= 2)
+        return "(no changes)";
+    const maxDiffLines = 60;
+    if (output.length > maxDiffLines + 2) {
+        return output.slice(0, maxDiffLines + 2).join("\n") + `\n... (${output.length - maxDiffLines - 2} more lines)`;
+    }
+    return output.join("\n");
+}
+function computeLCS(a, b) {
+    if (a.length > 500 || b.length > 500) {
+        // For large files, just return common lines in order
+        const result = [];
+        let bi = 0;
+        for (const line of a) {
+            while (bi < b.length && b[bi] !== line)
+                bi++;
+            if (bi < b.length) {
+                result.push(line);
+                bi++;
+            }
+        }
+        return result;
+    }
+    const m = a.length, n = b.length;
+    const dp = Array.from({ length: m + 1 }, () => new Array(n + 1).fill(0));
+    for (let i = 1; i <= m; i++) {
+        for (let j = 1; j <= n; j++) {
+            dp[i][j] = a[i - 1] === b[j - 1] ? dp[i - 1][j - 1] + 1 : Math.max(dp[i - 1][j], dp[i][j - 1]);
+        }
+    }
+    const result = [];
+    let i = m, j = n;
+    while (i > 0 && j > 0) {
+        if (a[i - 1] === b[j - 1]) {
+            result.unshift(a[i - 1]);
+            i--;
+            j--;
+        }
+        else if (dp[i - 1][j] > dp[i][j - 1]) {
+            i--;
+        }
+        else {
+            j--;
+        }
+    }
+    return result;
+}
+/**
+ * Get existing file content for diff preview (returns null if file doesn't exist)
+ */
+export function getExistingContent(filePath, cwd) {
+    const fullPath = join(cwd, filePath);
+    if (!existsSync(fullPath))
+        return null;
+    try {
+        return readFileSync(fullPath, "utf-8");
+    }
+    catch {
+        return null;
+    }
+}
 function listDir(dirPath, cwd, recursive = false, depth = 0) {
     const entries = [];
     const IGNORE = ["node_modules", ".git", "dist", ".next", "__pycache__"];

package/dist/utils/sessions.d.ts

@@ -23,6 +23,9 @@ export interface SessionInfo {
     message_count: number;
     token_estimate: number;
     summary: string | null;
+    prompt_tokens: number;
+    completion_tokens: number;
+    estimated_cost: number;
 }
 export declare function listSessions(limit?: number): SessionInfo[];
 /**
@@ -37,6 +40,10 @@ export declare function getSession(sessionId: string): SessionInfo | null;
  * Delete a session and its messages
  */
 export declare function deleteSession(sessionId: string): boolean;
+/**
+ * Update cost tracking for a session
+ */
+export declare function updateSessionCost(sessionId: string, promptTokens: number, completionTokens: number, estimatedCost: number): void;
 /**
  * Update session summary (for context compression)
  */

package/dist/utils/sessions.js

@@ -27,7 +27,10 @@ function getDb() {
       updated_at TEXT NOT NULL DEFAULT (datetime('now')),
       message_count INTEGER NOT NULL DEFAULT 0,
       token_estimate INTEGER NOT NULL DEFAULT 0,
-      summary TEXT
+      summary TEXT,
+      prompt_tokens INTEGER NOT NULL DEFAULT 0,
+      completion_tokens INTEGER NOT NULL DEFAULT 0,
+      estimated_cost REAL NOT NULL DEFAULT 0
     );
 
     CREATE TABLE IF NOT EXISTS messages (
@@ -43,6 +46,19 @@ function getDb() {
 
     CREATE INDEX IF NOT EXISTS idx_messages_session ON messages(session_id);
   `);
+    // Migrate: add cost columns if missing (for existing DBs)
+    try {
+        db.exec(`ALTER TABLE sessions ADD COLUMN prompt_tokens INTEGER NOT NULL DEFAULT 0`);
+    }
+    catch { /* column already exists */ }
+    try {
+        db.exec(`ALTER TABLE sessions ADD COLUMN completion_tokens INTEGER NOT NULL DEFAULT 0`);
+    }
+    catch { /* column already exists */ }
+    try {
+        db.exec(`ALTER TABLE sessions ADD COLUMN estimated_cost REAL NOT NULL DEFAULT 0`);
+    }
+    catch { /* column already exists */ }
     return db;
 }
 /**
@@ -145,6 +161,15 @@ export function deleteSession(sessionId) {
     const result = db.prepare(`DELETE FROM sessions WHERE id = ?`).run(sessionId);
     return result.changes > 0;
 }
+/**
+ * Update cost tracking for a session
+ */
+export function updateSessionCost(sessionId, promptTokens, completionTokens, estimatedCost) {
+    const db = getDb();
+    db.prepare(`
+    UPDATE sessions SET prompt_tokens = ?, completion_tokens = ?, estimated_cost = ? WHERE id = ?
+  `).run(promptTokens, completionTokens, estimatedCost, sessionId);
+}
 /**
  * Update session summary (for context compression)
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codemaxxing",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Open-source terminal coding agent. Connect any LLM. Max your code.",
   "main": "dist/index.js",
   "bin": {
@@ -26,6 +26,7 @@
   "author": "Marcos Vallejo",
   "license": "MIT",
   "dependencies": {
+    "@anthropic-ai/sdk": "^0.78.0",
     "@types/react": "^19.2.14",
     "better-sqlite3": "^12.6.2",
     "chalk": "^5.3.0",