codemaxxing 0.4.11 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codemaxxing",
-  "version": "0.4.11",
+  "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}>