codemaxxing 0.1.8 → 0.1.10

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, getCredentials, openRouterOAuth, anthropicSetupToken, importCodexToken, importQwenToken, copilotDeviceFlow } from "./utils/auth.js";
-const VERSION = "0.1.5";
+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,6 +107,9 @@ 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);
@@ -146,7 +150,9 @@ function App() {
                 else {
                     info.push("✗ No local LLM server found. Start LM Studio or Ollama.");
                     info.push("  Use --base-url and --api-key to connect to a remote provider.");
+                    info.push("  Type /login to authenticate with a cloud provider.");
                     setConnectionInfo([...info]);
+                    setReady(true);
                     return;
                 }
             }
@@ -210,9 +216,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);
                     });
                 },
@@ -252,7 +264,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);
@@ -274,7 +286,7 @@ function App() {
         setInput("");
         setPastedChunks([]);
         setPasteCount(0);
-        if (!trimmed || !agent)
+        if (!trimmed)
             return;
         addMsg("user", trimmed);
         if (trimmed === "/quit" || trimmed === "/exit") {
@@ -295,6 +307,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",
@@ -308,6 +321,28 @@ function App() {
             ].join("\n"));
             return;
         }
+        if (trimmed.startsWith("/theme")) {
+            const themeName = trimmed.replace("/theme", "").trim();
+            if (!themeName) {
+                const themeKeys = listThemes();
+                const currentIdx = themeKeys.indexOf(theme.name.toLowerCase());
+                setThemePicker(true);
+                setThemePickerIndex(currentIdx >= 0 ? currentIdx : 0);
+                return;
+            }
+            if (!THEMES[themeName]) {
+                addMsg("error", `Theme "${themeName}" not found. Use /theme to see available themes.`);
+                return;
+            }
+            setTheme(getTheme(themeName));
+            addMsg("info", `✅ Switched to theme: ${THEMES[themeName].name}`);
+            return;
+        }
+        // Commands below require an active LLM connection
+        if (!agent) {
+            addMsg("info", "⚠ No LLM connected. Use /login to authenticate with a provider, or start a local server.");
+            return;
+        }
         if (trimmed === "/reset") {
             agent.reset();
             addMsg("info", "✅ Conversation reset.");
@@ -340,23 +375,6 @@ function App() {
             addMsg("info", `✅ Switched to model: ${newModel}`);
             return;
         }
-        if (trimmed.startsWith("/theme")) {
-            const themeName = trimmed.replace("/theme", "").trim();
-            if (!themeName) {
-                const themeKeys = listThemes();
-                const currentIdx = themeKeys.indexOf(theme.name.toLowerCase());
-                setThemePicker(true);
-                setThemePickerIndex(currentIdx >= 0 ? currentIdx : 0);
-                return;
-            }
-            if (!THEMES[themeName]) {
-                addMsg("error", `Theme "${themeName}" not found. Use /theme to see available themes.`);
-                return;
-            }
-            setTheme(getTheme(themeName));
-            addMsg("info", `✅ Switched to theme: ${THEMES[themeName].name}`);
-            return;
-        }
         if (trimmed === "/map") {
             const map = agent.getRepoMap();
             if (map) {
@@ -409,12 +427,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) {
@@ -697,6 +753,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) {
@@ -784,7 +887,10 @@ 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" })] })] })), 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) => {
+            }), 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)",
@@ -793,10 +899,16 @@ function App() {
                             "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" })] })), 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 · ~", (() => {
+                    }), _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.8",
+  "version": "0.1.10",
   "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",