codemaxxing 0.4.14 → 0.4.16

package/README.md

@@ -46,6 +46,11 @@ curl -fsSL -o $env:TEMP\install-codemaxxing.bat https://raw.githubusercontent.co
 npm update -g codemaxxing
 ```
 
+If that doesn't get the latest version:
+```bash
+npm install -g codemaxxing@latest
+```
+
 ## Quick Start
 
 ### 1. Start Your LLM

package/dist/index.js

@@ -156,6 +156,8 @@ function App() {
     const [ollamaDeletePickerIndex, setOllamaDeletePickerIndex] = useState(0);
     const [ollamaPullPicker, setOllamaPullPicker] = useState(false);
     const [ollamaPullPickerIndex, setOllamaPullPickerIndex] = useState(0);
+    const [modelPicker, setModelPicker] = useState(null);
+    const [modelPickerIndex, setModelPickerIndex] = useState(0);
     const [wizardScreen, setWizardScreen] = useState(null);
     const [wizardIndex, setWizardIndex] = useState(0);
     const [wizardHardware, setWizardHardware] = useState(null);
@@ -175,6 +177,35 @@ function App() {
         pasteEvents.on("paste", handler);
         return () => { pasteEvents.off("paste", handler); };
     }, []);
+    // Refresh the connection banner to reflect current provider status
+    const refreshConnectionBanner = useCallback(async () => {
+        const info = [];
+        const cliArgs = parseCLIArgs();
+        const rawConfig = loadConfig();
+        const config = applyOverrides(rawConfig, cliArgs);
+        const provider = config.provider;
+        if (provider.model === "auto" || (provider.baseUrl === "http://localhost:1234/v1" && !cliArgs.baseUrl)) {
+            const detected = await detectLocalProvider();
+            if (detected) {
+                info.push(`✔ Connected to ${detected.baseUrl} → ${detected.model}`);
+            }
+            else {
+                const ollamaUp = await isOllamaRunning();
+                info.push(ollamaUp ? "Ollama running (no model loaded)" : "✗ No local LLM server found");
+            }
+        }
+        else {
+            info.push(`Provider: ${provider.baseUrl}`);
+            info.push(`Model: ${provider.model}`);
+        }
+        const cwd = process.cwd();
+        if (isGitRepo(cwd)) {
+            const branch = getBranch(cwd);
+            const status = getStatus(cwd);
+            info.push(`Git: ${branch} (${status})`);
+        }
+        setConnectionInfo(info);
+    }, []);
     // Connect/reconnect to LLM provider
     const connectToProvider = useCallback(async (isRetry = false) => {
         const cliArgs = parseCLIArgs();
@@ -664,6 +695,7 @@ function App() {
                 await new Promise(r => setTimeout(r, 1000));
                 if (await isOllamaRunning()) {
                     addMsg("info", "Ollama is running.");
+                    await refreshConnectionBanner();
                     return;
                 }
             }
@@ -679,6 +711,8 @@ function App() {
             addMsg("info", "Stopping Ollama...");
             const result = await stopOllama();
             addMsg(result.ok ? "info" : "error", result.ok ? `\u2705 ${result.message}` : `\u274C ${result.message}`);
+            if (result.ok)
+                await refreshConnectionBanner();
             return;
         }
         if (trimmed === "/ollama pull") {
@@ -869,10 +903,34 @@ function App() {
             }
             return;
         }
-        if (trimmed.startsWith("/model")) {
-            const newModel = trimmed.replace("/model", "").trim();
+        if (trimmed === "/model" || trimmed === "/models") {
+            // Show picker of available models
+            try {
+                const ollamaModels = await listInstalledModelsDetailed();
+                if (ollamaModels.length > 0) {
+                    setModelPicker(ollamaModels.map(m => m.name));
+                    setModelPickerIndex(0);
+                    return;
+                }
+            }
+            catch { }
+            // Fallback: try provider's model list
+            try {
+                const providerModels = await listModels(providerRef.current?.baseUrl || "", providerRef.current?.apiKey || "");
+                if (providerModels.length > 0) {
+                    setModelPicker(providerModels.map((m) => m.id || m));
+                    setModelPickerIndex(0);
+                    return;
+                }
+            }
+            catch { }
+            addMsg("info", `Current model: ${modelName}\n  Usage: /model <model-name>`);
+            return;
+        }
+        if (trimmed.startsWith("/model ")) {
+            const newModel = trimmed.replace("/model ", "").trim();
             if (!newModel) {
-                addMsg("info", `Current model: ${agent.getModel()}\n  Usage: /model <model-name>`);
+                addMsg("info", `Current model: ${modelName}\n  Usage: /model <model-name>`);
                 return;
             }
             agent.switchModel(newModel);
@@ -1037,7 +1095,7 @@ function App() {
         }
         setLoading(false);
         setStreaming(false);
-    }, [agent, exit]);
+    }, [agent, exit, refreshConnectionBanner]);
     useInput((inputChar, key) => {
         // Handle slash command navigation
         if (showSuggestionsRef.current) {
@@ -1338,6 +1396,33 @@ function App() {
             }
             return;
         }
+        // ── Model picker ──
+        if (modelPicker) {
+            if (key.upArrow) {
+                setModelPickerIndex((prev) => (prev - 1 + modelPicker.length) % modelPicker.length);
+                return;
+            }
+            if (key.downArrow) {
+                setModelPickerIndex((prev) => (prev + 1) % modelPicker.length);
+                return;
+            }
+            if (key.escape) {
+                setModelPicker(null);
+                return;
+            }
+            if (key.return) {
+                const selected = modelPicker[modelPickerIndex];
+                if (selected && agent) {
+                    agent.switchModel(selected);
+                    setModelName(selected);
+                    addMsg("info", `✅ Switched to: ${selected}`);
+                    refreshConnectionBanner();
+                }
+                setModelPicker(null);
+                return;
+            }
+            return;
+        }
         // ── Ollama delete picker ──
         if (ollamaDeletePicker) {
             if (key.upArrow) {
@@ -1367,7 +1452,7 @@ function App() {
             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:3b", name: "Qwen 2.5 Coder 3B", size: "2 GB", desc: "\u26A0\uFE0F Basic \u2014 may struggle with tool calls" },
                 { id: "qwen2.5-coder:32b", name: "Qwen 2.5 Coder 32B", size: "20 GB", desc: "Premium 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" },
@@ -1928,10 +2013,10 @@ 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" })] })] })), 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: "" }), [
+            })(), 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" })] })] })), modelPicker && (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: theme.colors.border, paddingX: 1, marginBottom: 0, children: [_jsx(Text, { bold: true, color: theme.colors.secondary, children: "Switch model:" }), _jsx(Text, { children: "" }), modelPicker.map((m, i) => (_jsxs(Text, { children: ["  ", i === modelPickerIndex ? _jsx(Text, { color: theme.colors.primary, bold: true, children: "▸ " }) : "  ", _jsx(Text, { color: i === modelPickerIndex ? theme.colors.primary : undefined, children: m }), m === modelName ? _jsx(Text, { color: theme.colors.success, children: " (active)" }) : null] }, m))), _jsx(Text, { children: "" }), _jsx(Text, { dimColor: true, children: "  ↑↓ navigate · Enter to switch · Esc cancel" })] })), 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:3b", name: "Qwen 2.5 Coder 3B", size: "2 GB", desc: "\u26A0\uFE0F Basic \u2014 may struggle with tool calls" },
                         { id: "qwen2.5-coder:32b", name: "Qwen 2.5 Coder 32B", size: "20 GB", desc: "Premium, needs 48GB+" },
                         { id: "deepseek-coder-v2:16b", name: "DeepSeek Coder V2", size: "9 GB", desc: "Strong alternative" },
                         { id: "codellama:7b", name: "CodeLlama 7B", size: "4 GB", desc: "Meta's coding model" },

package/dist/utils/models.d.ts

@@ -7,7 +7,7 @@ export interface RecommendedModel {
     vramOptimal: number;
     description: string;
     speed: string;
-    quality: "good" | "great" | "best";
+    quality: "limited" | "good" | "great" | "best";
 }
 export type ModelFit = "perfect" | "good" | "tight" | "skip";
 export interface ScoredModel extends RecommendedModel {

package/dist/utils/models.js

@@ -6,9 +6,9 @@ const MODELS = [
         size: 2,
         ramRequired: 8,
         vramOptimal: 4,
-        description: "Lightweight, fast coding model",
+        description: "\u26A0\uFE0F May not support tool calling well",
         speed: "~60 tok/s on M1",
-        quality: "good",
+        quality: "limited",
     },
     {
         name: "Qwen 2.5 Coder 7B",
@@ -84,7 +84,7 @@ function scoreModel(model, ramGB, vramGB) {
         return "tight";
     return "skip";
 }
-const qualityOrder = { best: 3, great: 2, good: 1 };
+const qualityOrder = { best: 3, great: 2, good: 1, limited: 0 };
 const fitOrder = { perfect: 4, good: 3, tight: 2, skip: 1 };
 export function getRecommendations(hardware) {
     const ramGB = hardware.ram / (1024 * 1024 * 1024);
@@ -136,7 +136,9 @@ function mapLlmfitQuality(params_b) {
         return "best";
     if (params_b >= 7)
         return "great";
-    return "good";
+    if (params_b >= 5)
+        return "good";
+    return "limited";
 }
 /** Get recommendations using llmfit if available, otherwise fall back to hardcoded list */
 export function getRecommendationsWithLlmfit(hardware) {

package/dist/utils/ollama.js

@@ -296,7 +296,8 @@ export async function stopOllama() {
 /** Delete a model from disk */
 export function deleteModel(modelId) {
     try {
-        execSync(`ollama rm ${modelId}`, { stdio: ["pipe", "pipe", "pipe"], timeout: 30000 });
+        const bin = findOllamaBinary();
+        execSync(`"${bin}" rm ${modelId}`, { stdio: ["pipe", "pipe", "pipe"], timeout: 30000 });
         return { ok: true, message: `Deleted ${modelId}` };
     }
     catch (err) {

package/package.json

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

package/src/index.tsx

@@ -191,6 +191,8 @@ function App() {
   const [ollamaDeletePickerIndex, setOllamaDeletePickerIndex] = useState(0);
   const [ollamaPullPicker, setOllamaPullPicker] = useState(false);
   const [ollamaPullPickerIndex, setOllamaPullPickerIndex] = useState(0);
+  const [modelPicker, setModelPicker] = useState<string[] | null>(null);
+  const [modelPickerIndex, setModelPickerIndex] = useState(0);
 
   // ── Setup Wizard State ──
   type WizardScreen = "connection" | "models" | "install-ollama" | "pulling" | null;
@@ -215,6 +217,37 @@ function App() {
     return () => { pasteEvents.off("paste", handler); };
   }, []);
 
+  // Refresh the connection banner to reflect current provider status
+  const refreshConnectionBanner = useCallback(async () => {
+    const info: string[] = [];
+    const cliArgs = parseCLIArgs();
+    const rawConfig = loadConfig();
+    const config = applyOverrides(rawConfig, cliArgs);
+    const provider = config.provider;
+
+    if (provider.model === "auto" || (provider.baseUrl === "http://localhost:1234/v1" && !cliArgs.baseUrl)) {
+      const detected = await detectLocalProvider();
+      if (detected) {
+        info.push(`✔ Connected to ${detected.baseUrl} → ${detected.model}`);
+      } else {
+        const ollamaUp = await isOllamaRunning();
+        info.push(ollamaUp ? "Ollama running (no model loaded)" : "✗ No local LLM server found");
+      }
+    } else {
+      info.push(`Provider: ${provider.baseUrl}`);
+      info.push(`Model: ${provider.model}`);
+    }
+
+    const cwd = process.cwd();
+    if (isGitRepo(cwd)) {
+      const branch = getBranch(cwd);
+      const status = getStatus(cwd);
+      info.push(`Git: ${branch} (${status})`);
+    }
+
+    setConnectionInfo(info);
+  }, []);
+
   // Connect/reconnect to LLM provider
   const connectToProvider = useCallback(async (isRetry = false) => {
     const cliArgs = parseCLIArgs();
@@ -708,6 +741,7 @@ function App() {
         await new Promise(r => setTimeout(r, 1000));
         if (await isOllamaRunning()) {
           addMsg("info", "Ollama is running.");
+          await refreshConnectionBanner();
           return;
         }
       }
@@ -723,6 +757,7 @@ function App() {
       addMsg("info", "Stopping Ollama...");
       const result = await stopOllama();
       addMsg(result.ok ? "info" : "error", result.ok ? `\u2705 ${result.message}` : `\u274C ${result.message}`);
+      if (result.ok) await refreshConnectionBanner();
       return;
     }
     if (trimmed === "/ollama pull") {
@@ -906,10 +941,32 @@ function App() {
       }
       return;
     }
-    if (trimmed.startsWith("/model")) {
-      const newModel = trimmed.replace("/model", "").trim();
+    if (trimmed === "/model" || trimmed === "/models") {
+      // Show picker of available models
+      try {
+        const ollamaModels = await listInstalledModelsDetailed();
+        if (ollamaModels.length > 0) {
+          setModelPicker(ollamaModels.map(m => m.name));
+          setModelPickerIndex(0);
+          return;
+        }
+      } catch {}
+      // Fallback: try provider's model list
+      try {
+        const providerModels = await listModels(providerRef.current?.baseUrl || "", providerRef.current?.apiKey || "");
+        if (providerModels.length > 0) {
+          setModelPicker(providerModels.map((m: any) => m.id || m));
+          setModelPickerIndex(0);
+          return;
+        }
+      } catch {}
+      addMsg("info", `Current model: ${modelName}\n  Usage: /model <model-name>`);
+      return;
+    }
+    if (trimmed.startsWith("/model ")) {
+      const newModel = trimmed.replace("/model ", "").trim();
       if (!newModel) {
-        addMsg("info", `Current model: ${agent.getModel()}\n  Usage: /model <model-name>`);
+        addMsg("info", `Current model: ${modelName}\n  Usage: /model <model-name>`);
         return;
       }
       agent.switchModel(newModel);
@@ -1071,7 +1128,7 @@ function App() {
 
     setLoading(false);
     setStreaming(false);
-  }, [agent, exit]);
+  }, [agent, exit, refreshConnectionBanner]);
 
   useInput((inputChar, key) => {
     // Handle slash command navigation
@@ -1357,6 +1414,34 @@ function App() {
       return;
     }
 
+    // ── Model picker ──
+    if (modelPicker) {
+      if (key.upArrow) {
+        setModelPickerIndex((prev) => (prev - 1 + modelPicker.length) % modelPicker.length);
+        return;
+      }
+      if (key.downArrow) {
+        setModelPickerIndex((prev) => (prev + 1) % modelPicker.length);
+        return;
+      }
+      if (key.escape) {
+        setModelPicker(null);
+        return;
+      }
+      if (key.return) {
+        const selected = modelPicker[modelPickerIndex];
+        if (selected && agent) {
+          agent.switchModel(selected);
+          setModelName(selected);
+          addMsg("info", `✅ Switched to: ${selected}`);
+          refreshConnectionBanner();
+        }
+        setModelPicker(null);
+        return;
+      }
+      return;
+    }
+
     // ── Ollama delete picker ──
     if (ollamaDeletePicker) {
       if (key.upArrow) {
@@ -1387,7 +1472,7 @@ function App() {
       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:3b", name: "Qwen 2.5 Coder 3B", size: "2 GB", desc: "\u26A0\uFE0F Basic \u2014 may struggle with tool calls" },
         { id: "qwen2.5-coder:32b", name: "Qwen 2.5 Coder 32B", size: "20 GB", desc: "Premium 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" },
@@ -2179,6 +2264,23 @@ function App() {
         </Box>
       )}
 
+      {/* ═══ MODEL PICKER ═══ */}
+      {modelPicker && (
+        <Box flexDirection="column" borderStyle="single" borderColor={theme.colors.border} paddingX={1} marginBottom={0}>
+          <Text bold color={theme.colors.secondary}>Switch model:</Text>
+          <Text>{""}</Text>
+          {modelPicker.map((m, i) => (
+            <Text key={m}>
+              {"  "}{i === modelPickerIndex ? <Text color={theme.colors.primary} bold>{"▸ "}</Text> : "  "}
+              <Text color={i === modelPickerIndex ? theme.colors.primary : undefined}>{m}</Text>
+              {m === modelName ? <Text color={theme.colors.success}>{" (active)"}</Text> : null}
+            </Text>
+          ))}
+          <Text>{""}</Text>
+          <Text dimColor>{"  ↑↓ navigate · Enter to switch · Esc cancel"}</Text>
+        </Box>
+      )}
+
       {/* ═══ OLLAMA DELETE PICKER ═══ */}
       {ollamaDeletePicker && (
         <Box flexDirection="column" borderStyle="single" borderColor={theme.colors.border} paddingX={1} marginBottom={0}>
@@ -2204,7 +2306,7 @@ function App() {
           {[
             { 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:3b", name: "Qwen 2.5 Coder 3B", size: "2 GB", desc: "\u26A0\uFE0F Basic \u2014 may struggle with tool calls" },
             { id: "qwen2.5-coder:32b", name: "Qwen 2.5 Coder 32B", size: "20 GB", desc: "Premium, needs 48GB+" },
             { id: "deepseek-coder-v2:16b", name: "DeepSeek Coder V2", size: "9 GB", desc: "Strong alternative" },
             { id: "codellama:7b", name: "CodeLlama 7B", size: "4 GB", desc: "Meta's coding model" },

package/src/utils/models.ts

@@ -9,7 +9,7 @@ export interface RecommendedModel {
   vramOptimal: number;    // Optimal VRAM in GB (0 = CPU fine)
   description: string;    // One-liner
   speed: string;          // e.g., "~45 tok/s on M1"
-  quality: "good" | "great" | "best";
+  quality: "limited" | "good" | "great" | "best";
 }
 
 export type ModelFit = "perfect" | "good" | "tight" | "skip";
@@ -25,9 +25,9 @@ const MODELS: RecommendedModel[] = [
     size: 2,
     ramRequired: 8,
     vramOptimal: 4,
-    description: "Lightweight, fast coding model",
+    description: "\u26A0\uFE0F May not support tool calling well",
     speed: "~60 tok/s on M1",
-    quality: "good",
+    quality: "limited",
   },
   {
     name: "Qwen 2.5 Coder 7B",
@@ -103,7 +103,7 @@ function scoreModel(model: RecommendedModel, ramGB: number, vramGB: number): Mod
   return "skip";
 }
 
-const qualityOrder: Record<string, number> = { best: 3, great: 2, good: 1 };
+const qualityOrder: Record<string, number> = { best: 3, great: 2, good: 1, limited: 0 };
 const fitOrder: Record<string, number> = { perfect: 4, good: 3, tight: 2, skip: 1 };
 
 export function getRecommendations(hardware: HardwareInfo): ScoredModel[] {
@@ -168,10 +168,11 @@ function mapLlmfitFit(fit: string): ModelFit {
   }
 }
 
-function mapLlmfitQuality(params_b: number): "good" | "great" | "best" {
+function mapLlmfitQuality(params_b: number): "limited" | "good" | "great" | "best" {
   if (params_b >= 14) return "best";
   if (params_b >= 7) return "great";
-  return "good";
+  if (params_b >= 5) return "good";
+  return "limited";
 }
 
 /** Get recommendations using llmfit if available, otherwise fall back to hardcoded list */

package/src/utils/ollama.ts

@@ -319,7 +319,8 @@ export async function stopOllama(): Promise<{ ok: boolean; message: string }> {
 /** Delete a model from disk */
 export function deleteModel(modelId: string): { ok: boolean; message: string } {
   try {
-    execSync(`ollama rm ${modelId}`, { stdio: ["pipe", "pipe", "pipe"], timeout: 30000 });
+    const bin = findOllamaBinary();
+    execSync(`"${bin}" rm ${modelId}`, { stdio: ["pipe", "pipe", "pipe"], timeout: 30000 });
     return { ok: true, message: `Deleted ${modelId}` };
   } catch (err: any) {
     return { ok: false, message: `Failed to delete ${modelId}: ${err.stderr?.toString().trim() || err.message}` };