codemaxxing 0.4.10 → 0.4.12

package/dist/index.js

@@ -152,6 +152,10 @@ function App() {
     const [ollamaDeleteConfirm, setOllamaDeleteConfirm] = useState(null);
     const [ollamaPulling, setOllamaPulling] = useState(null);
     const [ollamaExitPrompt, setOllamaExitPrompt] = useState(false);
+    const [ollamaDeletePicker, setOllamaDeletePicker] = useState(null);
+    const [ollamaDeletePickerIndex, setOllamaDeletePickerIndex] = useState(0);
+    const [ollamaPullPicker, setOllamaPullPicker] = useState(false);
+    const [ollamaPullPickerIndex, setOllamaPullPickerIndex] = useState(0);
     const [wizardScreen, setWizardScreen] = useState(null);
     const [wizardIndex, setWizardIndex] = useState(0);
     const [wizardHardware, setWizardHardware] = useState(null);
@@ -678,10 +682,17 @@ function App() {
             addMsg(result.ok ? "info" : "error", result.ok ? `\u2705 ${result.message}` : `\u274C ${result.message}`);
             return;
         }
+        if (trimmed === "/ollama pull") {
+            // No model specified — show picker
+            setOllamaPullPicker(true);
+            setOllamaPullPickerIndex(0);
+            return;
+        }
         if (trimmed.startsWith("/ollama pull ")) {
             const modelId = trimmed.replace("/ollama pull ", "").trim();
             if (!modelId) {
-                addMsg("info", "Usage: /ollama pull <model>\n  Example: /ollama pull qwen2.5-coder:7b");
+                setOllamaPullPicker(true);
+                setOllamaPullPickerIndex(0);
                 return;
             }
             if (!isOllamaInstalled()) {
@@ -719,10 +730,27 @@ function App() {
             }
             return;
         }
+        if (trimmed === "/ollama delete") {
+            // No model specified — show picker of installed models
+            const models = await listInstalledModelsDetailed();
+            if (models.length === 0) {
+                addMsg("info", "No models installed.");
+                return;
+            }
+            setOllamaDeletePicker({ models: models.map(m => ({ name: m.name, size: m.size })) });
+            setOllamaDeletePickerIndex(0);
+            return;
+        }
         if (trimmed.startsWith("/ollama delete ")) {
             const modelId = trimmed.replace("/ollama delete ", "").trim();
             if (!modelId) {
-                addMsg("info", "Usage: /ollama delete <model>");
+                const models = await listInstalledModelsDetailed();
+                if (models.length === 0) {
+                    addMsg("info", "No models installed.");
+                    return;
+                }
+                setOllamaDeletePicker({ models: models.map(m => ({ name: m.name, size: m.size })) });
+                setOllamaDeletePickerIndex(0);
                 return;
             }
             // Look up size for confirmation
@@ -1295,6 +1323,71 @@ function App() {
             }
             return;
         }
+        // ── Ollama delete picker ──
+        if (ollamaDeletePicker) {
+            if (key.upArrow) {
+                setOllamaDeletePickerIndex((prev) => (prev - 1 + ollamaDeletePicker.models.length) % ollamaDeletePicker.models.length);
+                return;
+            }
+            if (key.downArrow) {
+                setOllamaDeletePickerIndex((prev) => (prev + 1) % ollamaDeletePicker.models.length);
+                return;
+            }
+            if (key.escape) {
+                setOllamaDeletePicker(null);
+                return;
+            }
+            if (key.return) {
+                const selected = ollamaDeletePicker.models[ollamaDeletePickerIndex];
+                if (selected) {
+                    setOllamaDeletePicker(null);
+                    setOllamaDeleteConfirm({ model: selected.name, size: selected.size });
+                }
+                return;
+            }
+            return;
+        }
+        // ── Ollama pull picker ──
+        if (ollamaPullPicker) {
+            const pullModels = [
+                { 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: "Fast but limited quality" },
+                { id: "qwen2.5-coder:32b", name: "Qwen 2.5 Coder 32B", size: "20 GB", desc: "Premium quality, 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" },
+            ];
+            if (key.upArrow) {
+                setOllamaPullPickerIndex((prev) => (prev - 1 + pullModels.length) % pullModels.length);
+                return;
+            }
+            if (key.downArrow) {
+                setOllamaPullPickerIndex((prev) => (prev + 1) % pullModels.length);
+                return;
+            }
+            if (key.escape) {
+                setOllamaPullPicker(false);
+                return;
+            }
+            if (key.return) {
+                const selected = pullModels[ollamaPullPickerIndex];
+                if (selected) {
+                    setOllamaPullPicker(false);
+                    // Trigger the pull
+                    setInput(`/ollama pull ${selected.id}`);
+                    setInputKey((k) => k + 1);
+                    // Submit it
+                    setTimeout(() => {
+                        const submitInput = `/ollama pull ${selected.id}`;
+                        setInput("");
+                        handleSubmit(submitInput);
+                    }, 50);
+                }
+                return;
+            }
+            return;
+        }
         // ── Ollama delete confirmation ──
         if (ollamaDeleteConfirm) {
             if (inputChar === "y" || inputChar === "Y") {
@@ -1820,7 +1913,15 @@ function App() {
             })(), skillsPicker === "remove" && (() => {
                 const installed = listInstalledSkills();
                 return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.error, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: theme.colors.error, children: "Remove a skill:" }), installed.map((s, i) => (_jsxs(Text, { children: [i === skillsPickerIndex ? _jsx(Text, { color: theme.colors.suggestion, bold: true, children: "▸ " }) : _jsx(Text, { children: "  " }), _jsxs(Text, { color: i === skillsPickerIndex ? theme.colors.suggestion : theme.colors.muted, children: [s.name, " \u2014 ", s.description] })] }, s.name))), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter remove · 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" })] })] })), ollamaDeleteConfirm && (_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 ", ollamaDeleteConfirm.model, " (", (ollamaDeleteConfirm.size / (1024 * 1024 * 1024)).toFixed(1), " GB)?"] }), _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" })] })] })), ollamaPulling && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.border, paddingX: 1, marginBottom: 0, children: [_jsxs(Text, { bold: true, color: theme.colors.secondary, children: ["  Downloading ", ollamaPulling.model, "..."] }), ollamaPulling.progress.status === "downloading" || ollamaPulling.progress.percent > 0 ? (_jsxs(Text, { children: ["  ", _jsxs(Text, { color: theme.colors.primary, children: ["\u2588".repeat(Math.floor(ollamaPulling.progress.percent / 5)), "\u2591".repeat(20 - Math.floor(ollamaPulling.progress.percent / 5))] }), "  ", _jsxs(Text, { bold: true, children: [ollamaPulling.progress.percent, "%"] }), ollamaPulling.progress.completed != null && ollamaPulling.progress.total != null ? (_jsxs(Text, { color: theme.colors.muted, children: [" \u00B7 ", formatBytes(ollamaPulling.progress.completed), " / ", formatBytes(ollamaPulling.progress.total)] })) : null] })) : (_jsxs(Text, { color: theme.colors.muted, children: ["  ", ollamaPulling.progress.status, "..."] }))] })), ollamaExitPrompt && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.warning, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: theme.colors.warning, children: "Ollama is still running." }), _jsx(Text, { color: theme.colors.muted, children: "Stop it to free GPU memory?" }), _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" })] })] })), wizardScreen === "connection" && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: "No LLM detected. How do you want to connect?" }), _jsx(Text, { children: "" }), [
+            })(), 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" })] })] })), ollamaDeletePicker && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: "Delete which model?" }), _jsx(Text, { children: "" }), ollamaDeletePicker.models.map((m, i) => (_jsxs(Text, { children: ["  ", i === ollamaDeletePickerIndex ? _jsx(Text, { color: theme.colors.primary, bold: true, children: "▸ " }) : "  ", _jsx(Text, { color: i === ollamaDeletePickerIndex ? theme.colors.primary : undefined, children: m.name }), _jsxs(Text, { color: theme.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" })] })), ollamaPullPicker && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: "Download which model?" }), _jsx(Text, { children: "" }), [
+                        { 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: "Fast but limited quality" },
+                        { 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" },
+                    ].map((m, i) => (_jsxs(Text, { children: ["  ", i === ollamaPullPickerIndex ? _jsx(Text, { color: theme.colors.primary, bold: true, children: "▸ " }) : "  ", _jsx(Text, { color: i === ollamaPullPickerIndex ? theme.colors.primary : undefined, bold: true, children: m.name }), _jsxs(Text, { color: theme.colors.muted, children: [" · ", m.size, " · ", m.desc] })] }, m.id))), _jsx(Text, { children: "" }), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter to download · Esc cancel" })] })), ollamaDeleteConfirm && (_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 ", ollamaDeleteConfirm.model, " (", (ollamaDeleteConfirm.size / (1024 * 1024 * 1024)).toFixed(1), " GB)?"] }), _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" })] })] })), ollamaPulling && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.border, paddingX: 1, marginBottom: 0, children: [_jsxs(Text, { bold: true, color: theme.colors.secondary, children: ["  Downloading ", ollamaPulling.model, "..."] }), ollamaPulling.progress.status === "downloading" || ollamaPulling.progress.percent > 0 ? (_jsxs(Text, { children: ["  ", _jsxs(Text, { color: theme.colors.primary, children: ["\u2588".repeat(Math.floor(ollamaPulling.progress.percent / 5)), "\u2591".repeat(20 - Math.floor(ollamaPulling.progress.percent / 5))] }), "  ", _jsxs(Text, { bold: true, children: [ollamaPulling.progress.percent, "%"] }), ollamaPulling.progress.completed != null && ollamaPulling.progress.total != null ? (_jsxs(Text, { color: theme.colors.muted, children: [" \u00B7 ", formatBytes(ollamaPulling.progress.completed), " / ", formatBytes(ollamaPulling.progress.total)] })) : null] })) : (_jsxs(Text, { color: theme.colors.muted, children: ["  ", ollamaPulling.progress.status, "..."] }))] })), ollamaExitPrompt && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.warning, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: theme.colors.warning, children: "Ollama is still running." }), _jsx(Text, { color: theme.colors.muted, children: "Stop it to free GPU memory?" }), _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" })] })] })), wizardScreen === "connection" && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: "No LLM detected. How do you want to connect?" }), _jsx(Text, { children: "" }), [
                         { 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: "" },

package/dist/utils/ollama.d.ts

@@ -13,9 +13,9 @@ export interface PullProgress {
     percent: number;
 }
 /**
- * Pull a model from Ollama registry.
+ * Pull a model from Ollama registry via HTTP API.
+ * Falls back to CLI if API fails.
  * Calls onProgress with download updates.
- * Returns a promise that resolves when complete.
  */
 export declare function pullModel(modelId: string, onProgress?: (progress: PullProgress) => void): Promise<void>;
 export interface OllamaModelInfo {

package/dist/utils/ollama.js

@@ -69,22 +69,98 @@ export function getOllamaInstallCommand(os) {
         case "windows": return "winget install Ollama.Ollama";
     }
 }
+/** Find the ollama binary path */
+function findOllamaBinary() {
+    // Try PATH first
+    try {
+        const cmd = process.platform === "win32" ? "where ollama" : "which ollama";
+        return execSync(cmd, { stdio: ["pipe", "pipe", "pipe"], timeout: 3000 }).toString().trim().split("\n")[0];
+    }
+    catch { }
+    // Check known Windows paths
+    if (process.platform === "win32") {
+        for (const p of getWindowsOllamaPaths()) {
+            if (existsSync(p))
+                return p;
+        }
+    }
+    return "ollama"; // fallback, hope for the best
+}
 /** Start ollama serve in background */
 export function startOllama() {
-    const child = spawn("ollama", ["serve"], {
+    const bin = findOllamaBinary();
+    const child = spawn(bin, ["serve"], {
         detached: true,
         stdio: "ignore",
     });
     child.unref();
 }
 /**
- * Pull a model from Ollama registry.
+ * Pull a model from Ollama registry via HTTP API.
+ * Falls back to CLI if API fails.
  * Calls onProgress with download updates.
- * Returns a promise that resolves when complete.
  */
 export function pullModel(modelId, onProgress) {
+    // Try HTTP API first (works even when CLI isn't on PATH)
+    return pullModelViaAPI(modelId, onProgress).catch(() => {
+        // Fallback to CLI
+        return pullModelViaCLI(modelId, onProgress);
+    });
+}
+function pullModelViaAPI(modelId, onProgress) {
+    return new Promise(async (resolve, reject) => {
+        try {
+            const res = await fetch("http://localhost:11434/api/pull", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ name: modelId, stream: true }),
+            });
+            if (!res.ok || !res.body) {
+                reject(new Error(`Ollama API returned ${res.status}`));
+                return;
+            }
+            const reader = res.body.getReader();
+            const decoder = new TextDecoder();
+            let buffer = "";
+            while (true) {
+                const { done, value } = await reader.read();
+                if (done)
+                    break;
+                buffer += decoder.decode(value, { stream: true });
+                const lines = buffer.split("\n");
+                buffer = lines.pop() || "";
+                for (const line of lines) {
+                    if (!line.trim())
+                        continue;
+                    try {
+                        const data = JSON.parse(line);
+                        if (data.status === "success") {
+                            onProgress?.({ status: "success", percent: 100 });
+                            resolve();
+                            return;
+                        }
+                        if (data.total && data.completed) {
+                            const percent = Math.round((data.completed / data.total) * 100);
+                            onProgress?.({ status: "downloading", total: data.total, completed: data.completed, percent });
+                        }
+                        else {
+                            onProgress?.({ status: data.status || "working...", percent: 0 });
+                        }
+                    }
+                    catch { }
+                }
+            }
+            resolve();
+        }
+        catch (err) {
+            reject(err);
+        }
+    });
+}
+function pullModelViaCLI(modelId, onProgress) {
     return new Promise((resolve, reject) => {
-        const child = spawn("ollama", ["pull", modelId], {
+        const bin = findOllamaBinary();
+        const child = spawn(bin, ["pull", modelId], {
             stdio: ["pipe", "pipe", "pipe"],
         });
         let lastOutput = "";
@@ -172,7 +248,9 @@ export async function stopOllama() {
     try {
         // First unload all models from memory
         try {
-            execSync("ollama stop", { stdio: ["pipe", "pipe", "pipe"], timeout: 5000 });
+            const bin = findOllamaBinary();
+            const { spawnSync } = require("child_process");
+            spawnSync(bin, ["stop"], { stdio: "pipe", timeout: 5000 });
         }
         catch { /* may fail if no models loaded */ }
         // Kill the server process

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codemaxxing",
-  "version": "0.4.10",
+  "version": "0.4.12",
   "description": "Open-source terminal coding agent. Connect any LLM. Max your code.",
   "main": "dist/index.js",
   "bin": {

package/src/index.tsx

@@ -187,6 +187,10 @@ function App() {
   const [ollamaDeleteConfirm, setOllamaDeleteConfirm] = useState<{ model: string; size: number } | null>(null);
   const [ollamaPulling, setOllamaPulling] = useState<{ model: string; progress: PullProgress } | null>(null);
   const [ollamaExitPrompt, setOllamaExitPrompt] = useState(false);
+  const [ollamaDeletePicker, setOllamaDeletePicker] = useState<{ models: { name: string; size: number }[] } | null>(null);
+  const [ollamaDeletePickerIndex, setOllamaDeletePickerIndex] = useState(0);
+  const [ollamaPullPicker, setOllamaPullPicker] = useState(false);
+  const [ollamaPullPickerIndex, setOllamaPullPickerIndex] = useState(0);
 
   // ── Setup Wizard State ──
   type WizardScreen = "connection" | "models" | "install-ollama" | "pulling" | null;
@@ -722,10 +726,17 @@ function App() {
       addMsg(result.ok ? "info" : "error", result.ok ? `\u2705 ${result.message}` : `\u274C ${result.message}`);
       return;
     }
+    if (trimmed === "/ollama pull") {
+      // No model specified — show picker
+      setOllamaPullPicker(true);
+      setOllamaPullPickerIndex(0);
+      return;
+    }
     if (trimmed.startsWith("/ollama pull ")) {
       const modelId = trimmed.replace("/ollama pull ", "").trim();
       if (!modelId) {
-        addMsg("info", "Usage: /ollama pull <model>\n  Example: /ollama pull qwen2.5-coder:7b");
+        setOllamaPullPicker(true);
+        setOllamaPullPickerIndex(0);
         return;
       }
       if (!isOllamaInstalled()) {
@@ -759,10 +770,27 @@ function App() {
       }
       return;
     }
+    if (trimmed === "/ollama delete") {
+      // No model specified — show picker of installed models
+      const models = await listInstalledModelsDetailed();
+      if (models.length === 0) {
+        addMsg("info", "No models installed.");
+        return;
+      }
+      setOllamaDeletePicker({ models: models.map(m => ({ name: m.name, size: m.size })) });
+      setOllamaDeletePickerIndex(0);
+      return;
+    }
     if (trimmed.startsWith("/ollama delete ")) {
       const modelId = trimmed.replace("/ollama delete ", "").trim();
       if (!modelId) {
-        addMsg("info", "Usage: /ollama delete <model>");
+        const models = await listInstalledModelsDetailed();
+        if (models.length === 0) {
+          addMsg("info", "No models installed.");
+          return;
+        }
+        setOllamaDeletePicker({ models: models.map(m => ({ name: m.name, size: m.size })) });
+        setOllamaDeletePickerIndex(0);
         return;
       }
       // Look up size for confirmation
@@ -1317,6 +1345,73 @@ function App() {
       return;
     }
 
+    // ── Ollama delete picker ──
+    if (ollamaDeletePicker) {
+      if (key.upArrow) {
+        setOllamaDeletePickerIndex((prev) => (prev - 1 + ollamaDeletePicker.models.length) % ollamaDeletePicker.models.length);
+        return;
+      }
+      if (key.downArrow) {
+        setOllamaDeletePickerIndex((prev) => (prev + 1) % ollamaDeletePicker.models.length);
+        return;
+      }
+      if (key.escape) {
+        setOllamaDeletePicker(null);
+        return;
+      }
+      if (key.return) {
+        const selected = ollamaDeletePicker.models[ollamaDeletePickerIndex];
+        if (selected) {
+          setOllamaDeletePicker(null);
+          setOllamaDeleteConfirm({ model: selected.name, size: selected.size });
+        }
+        return;
+      }
+      return;
+    }
+
+    // ── Ollama pull picker ──
+    if (ollamaPullPicker) {
+      const pullModels = [
+        { 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: "Fast but limited quality" },
+        { id: "qwen2.5-coder:32b", name: "Qwen 2.5 Coder 32B", size: "20 GB", desc: "Premium quality, 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" },
+      ];
+      if (key.upArrow) {
+        setOllamaPullPickerIndex((prev) => (prev - 1 + pullModels.length) % pullModels.length);
+        return;
+      }
+      if (key.downArrow) {
+        setOllamaPullPickerIndex((prev) => (prev + 1) % pullModels.length);
+        return;
+      }
+      if (key.escape) {
+        setOllamaPullPicker(false);
+        return;
+      }
+      if (key.return) {
+        const selected = pullModels[ollamaPullPickerIndex];
+        if (selected) {
+          setOllamaPullPicker(false);
+          // Trigger the pull
+          setInput(`/ollama pull ${selected.id}`);
+          setInputKey((k) => k + 1);
+          // Submit it
+          setTimeout(() => {
+            const submitInput = `/ollama pull ${selected.id}`;
+            setInput("");
+            handleSubmit(submitInput);
+          }, 50);
+        }
+        return;
+      }
+      return;
+    }
+
     // ── Ollama delete confirmation ──
     if (ollamaDeleteConfirm) {
       if (inputChar === "y" || inputChar === "Y") {
@@ -2072,6 +2167,48 @@ function App() {
         </Box>
       )}
 
+      {/* ═══ OLLAMA DELETE PICKER ═══ */}
+      {ollamaDeletePicker && (
+        <Box flexDirection="column" borderStyle="single" borderColor={theme.colors.border} paddingX={1} marginBottom={0}>
+          <Text bold color={theme.colors.secondary}>Delete which model?</Text>
+          <Text>{""}</Text>
+          {ollamaDeletePicker.models.map((m, i) => (
+            <Text key={m.name}>
+              {"  "}{i === ollamaDeletePickerIndex ? <Text color={theme.colors.primary} bold>{"▸ "}</Text> : "  "}
+              <Text color={i === ollamaDeletePickerIndex ? theme.colors.primary : undefined}>{m.name}</Text>
+              <Text color={theme.colors.muted}>{" ("}{(m.size / (1024 * 1024 * 1024)).toFixed(1)}{" GB)"}</Text>
+            </Text>
+          ))}
+          <Text>{""}</Text>
+          <Text dimColor>{"  ↑↓ navigate · Enter to delete · Esc cancel"}</Text>
+        </Box>
+      )}
+
+      {/* ═══ OLLAMA PULL PICKER ═══ */}
+      {ollamaPullPicker && (
+        <Box flexDirection="column" borderStyle="single" borderColor={theme.colors.border} paddingX={1} marginBottom={0}>
+          <Text bold color={theme.colors.secondary}>Download which model?</Text>
+          <Text>{""}</Text>
+          {[
+            { 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: "Fast but limited quality" },
+            { 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" },
+          ].map((m, i) => (
+            <Text key={m.id}>
+              {"  "}{i === ollamaPullPickerIndex ? <Text color={theme.colors.primary} bold>{"▸ "}</Text> : "  "}
+              <Text color={i === ollamaPullPickerIndex ? theme.colors.primary : undefined} bold>{m.name}</Text>
+              <Text color={theme.colors.muted}>{" · "}{m.size}{" · "}{m.desc}</Text>
+            </Text>
+          ))}
+          <Text>{""}</Text>
+          <Text dimColor>{"  ↑↓ navigate · Enter to download · Esc cancel"}</Text>
+        </Box>
+      )}
+
       {/* ═══ OLLAMA DELETE CONFIRM ═══ */}
       {ollamaDeleteConfirm && (
         <Box flexDirection="column" borderStyle="single" borderColor={theme.colors.warning} paddingX={1} marginBottom={0}>

package/src/utils/ollama.ts

@@ -72,9 +72,26 @@ export function getOllamaInstallCommand(os: "macos" | "linux" | "windows"): stri
   }
 }
 
+/** Find the ollama binary path */
+function findOllamaBinary(): string {
+  // Try PATH first
+  try {
+    const cmd = process.platform === "win32" ? "where ollama" : "which ollama";
+    return execSync(cmd, { stdio: ["pipe", "pipe", "pipe"], timeout: 3000 }).toString().trim().split("\n")[0];
+  } catch {}
+  // Check known Windows paths
+  if (process.platform === "win32") {
+    for (const p of getWindowsOllamaPaths()) {
+      if (existsSync(p)) return p;
+    }
+  }
+  return "ollama"; // fallback, hope for the best
+}
+
 /** Start ollama serve in background */
 export function startOllama(): void {
-  const child = spawn("ollama", ["serve"], {
+  const bin = findOllamaBinary();
+  const child = spawn(bin, ["serve"], {
     detached: true,
     stdio: "ignore",
   });
@@ -89,16 +106,77 @@ export interface PullProgress {
 }
 
 /**
- * Pull a model from Ollama registry.
+ * Pull a model from Ollama registry via HTTP API.
+ * Falls back to CLI if API fails.
  * Calls onProgress with download updates.
- * Returns a promise that resolves when complete.
  */
 export function pullModel(
   modelId: string,
   onProgress?: (progress: PullProgress) => void
+): Promise<void> {
+  // Try HTTP API first (works even when CLI isn't on PATH)
+  return pullModelViaAPI(modelId, onProgress).catch(() => {
+    // Fallback to CLI
+    return pullModelViaCLI(modelId, onProgress);
+  });
+}
+
+function pullModelViaAPI(
+  modelId: string,
+  onProgress?: (progress: PullProgress) => void
+): Promise<void> {
+  return new Promise(async (resolve, reject) => {
+    try {
+      const res = await fetch("http://localhost:11434/api/pull", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ name: modelId, stream: true }),
+      });
+      if (!res.ok || !res.body) {
+        reject(new Error(`Ollama API returned ${res.status}`));
+        return;
+      }
+      const reader = res.body.getReader();
+      const decoder = new TextDecoder();
+      let buffer = "";
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        buffer += decoder.decode(value, { stream: true });
+        const lines = buffer.split("\n");
+        buffer = lines.pop() || "";
+        for (const line of lines) {
+          if (!line.trim()) continue;
+          try {
+            const data = JSON.parse(line);
+            if (data.status === "success") {
+              onProgress?.({ status: "success", percent: 100 });
+              resolve();
+              return;
+            }
+            if (data.total && data.completed) {
+              const percent = Math.round((data.completed / data.total) * 100);
+              onProgress?.({ status: "downloading", total: data.total, completed: data.completed, percent });
+            } else {
+              onProgress?.({ status: data.status || "working...", percent: 0 });
+            }
+          } catch {}
+        }
+      }
+      resolve();
+    } catch (err: any) {
+      reject(err);
+    }
+  });
+}
+
+function pullModelViaCLI(
+  modelId: string,
+  onProgress?: (progress: PullProgress) => void
 ): Promise<void> {
   return new Promise((resolve, reject) => {
-    const child = spawn("ollama", ["pull", modelId], {
+    const bin = findOllamaBinary();
+    const child = spawn(bin, ["pull", modelId], {
       stdio: ["pipe", "pipe", "pipe"],
     });
 
@@ -198,7 +276,9 @@ export async function stopOllama(): Promise<{ ok: boolean; message: string }> {
   try {
     // First unload all models from memory
     try {
-      execSync("ollama stop", { stdio: ["pipe", "pipe", "pipe"], timeout: 5000 });
+      const bin = findOllamaBinary();
+      const { spawnSync } = require("child_process");
+      spawnSync(bin, ["stop"], { stdio: "pipe", timeout: 5000 });
     } catch { /* may fail if no models loaded */ }
 
     // Kill the server process