@projectservan8n/cnapse 0.5.0 → 0.5.1

package/dist/index.js

@@ -192,61 +192,152 @@ function HelpMenu({ onClose, onSelect }) {
 }
 
 // src/components/ProviderSelector.tsx
-import { useState as useState2 } from "react";
+import { useState as useState2, useEffect } from "react";
 import { Box as Box6, Text as Text6, useInput as useInput2 } from "ink";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import TextInput2 from "ink-text-input";
+import Spinner from "ink-spinner";
+
+// src/lib/ollama.ts
+import { exec } from "child_process";
+import { promisify } from "util";
+var execAsync = promisify(exec);
+async function checkOllamaStatus() {
+  try {
+    const { stdout } = await execAsync("ollama list", { timeout: 1e4 });
+    const lines = stdout.trim().split("\n");
+    const models = [];
+    for (let i = 1; i < lines.length; i++) {
+      const line = lines[i];
+      if (!line?.trim()) continue;
+      const parts = line.split(/\s{2,}/);
+      if (parts.length >= 3) {
+        models.push({
+          name: parts[0]?.trim() || "",
+          size: parts[2]?.trim() || "",
+          modified: parts[3]?.trim() || ""
+        });
+      }
+    }
+    return {
+      installed: true,
+      running: true,
+      models
+    };
+  } catch (err2) {
+    const errorMsg = err2 instanceof Error ? err2.message : "Unknown error";
+    if (errorMsg.includes("connect") || errorMsg.includes("refused")) {
+      return {
+        installed: true,
+        running: false,
+        models: [],
+        error: "Ollama is not running. Start it with: ollama serve"
+      };
+    }
+    if (errorMsg.includes("not found") || errorMsg.includes("not recognized")) {
+      return {
+        installed: false,
+        running: false,
+        models: [],
+        error: "Ollama not installed. Get it at: https://ollama.ai"
+      };
+    }
+    return {
+      installed: false,
+      running: false,
+      models: [],
+      error: errorMsg
+    };
+  }
+}
+function hasModel(status, modelId) {
+  const modelName = modelId.split(":")[0]?.toLowerCase() || "";
+  return status.models.some((m) => m.name.toLowerCase().startsWith(modelName));
+}
+
+// src/components/ProviderSelector.tsx
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var PROVIDERS = [
   {
     id: "ollama",
     name: "Ollama",
-    description: "Local AI - Free, private, no API key",
-    defaultModel: "qwen2.5:0.5b",
-    models: ["qwen2.5:0.5b", "qwen2.5:1.5b", "qwen2.5:7b", "llama3.2:1b", "llama3.2:3b", "mistral:7b", "codellama:7b", "llava:7b"]
+    description: "Local AI - Free, private",
+    needsApiKey: false,
+    models: [
+      { id: "qwen2.5:0.5b", name: "Qwen 2.5 0.5B (fast)", recommended: true },
+      { id: "qwen2.5:1.5b", name: "Qwen 2.5 1.5B" },
+      { id: "qwen2.5:7b", name: "Qwen 2.5 7B (quality)" },
+      { id: "llama3.2:1b", name: "Llama 3.2 1B" },
+      { id: "llama3.2:3b", name: "Llama 3.2 3B" },
+      { id: "codellama:7b", name: "Code Llama 7B" },
+      { id: "llava:7b", name: "LLaVA 7B (vision)" }
+    ]
   },
   {
     id: "openrouter",
     name: "OpenRouter",
     description: "Many models, pay-per-use",
-    defaultModel: "qwen/qwen-2.5-coder-32b-instruct",
+    needsApiKey: true,
     models: [
-      "qwen/qwen-2.5-coder-32b-instruct",
-      "anthropic/claude-3.5-sonnet",
-      "openai/gpt-4o",
-      "openai/gpt-4o-mini",
-      "google/gemini-pro-1.5",
-      "meta-llama/llama-3.1-70b-instruct"
+      { id: "qwen/qwen-2.5-coder-32b-instruct", name: "Qwen Coder 32B", recommended: true },
+      { id: "anthropic/claude-3.5-sonnet", name: "Claude 3.5 Sonnet" },
+      { id: "openai/gpt-4o", name: "GPT-4o" },
+      { id: "openai/gpt-4o-mini", name: "GPT-4o Mini" },
+      { id: "google/gemini-pro-1.5", name: "Gemini Pro 1.5" }
     ]
   },
   {
     id: "anthropic",
     name: "Anthropic",
-    description: "Claude models - Best for coding",
-    defaultModel: "claude-3-5-sonnet-20241022",
-    models: ["claude-3-5-sonnet-20241022", "claude-3-opus-20240229", "claude-3-haiku-20240307"]
+    description: "Claude - Best reasoning",
+    needsApiKey: true,
+    models: [
+      { id: "claude-3-5-sonnet-20241022", name: "Claude 3.5 Sonnet", recommended: true },
+      { id: "claude-3-opus-20240229", name: "Claude 3 Opus" },
+      { id: "claude-3-haiku-20240307", name: "Claude 3 Haiku" }
+    ]
   },
   {
     id: "openai",
     name: "OpenAI",
     description: "GPT models",
-    defaultModel: "gpt-4o",
-    models: ["gpt-4o", "gpt-4o-mini", "gpt-4-turbo", "gpt-3.5-turbo"]
+    needsApiKey: true,
+    models: [
+      { id: "gpt-4o", name: "GPT-4o", recommended: true },
+      { id: "gpt-4o-mini", name: "GPT-4o Mini" },
+      { id: "gpt-4-turbo", name: "GPT-4 Turbo" }
+    ]
   }
 ];
 function ProviderSelector({ onClose, onSelect }) {
   const config = getConfig();
-  const [mode, setMode] = useState2("provider");
+  const [step, setStep] = useState2("provider");
   const [providerIndex, setProviderIndex] = useState2(() => {
     const idx = PROVIDERS.findIndex((p) => p.id === config.provider);
     return idx >= 0 ? idx : 0;
   });
   const [modelIndex, setModelIndex] = useState2(0);
+  const [apiKeyInput, setApiKeyInput] = useState2("");
   const [selectedProvider, setSelectedProvider] = useState2(null);
+  const [ollamaStatus, setOllamaStatus] = useState2(null);
+  const [checkingOllama, setCheckingOllama] = useState2(false);
+  useEffect(() => {
+    if (step === "model" && selectedProvider?.id === "ollama" && !ollamaStatus) {
+      setCheckingOllama(true);
+      checkOllamaStatus().then((status) => {
+        setOllamaStatus(status);
+        setCheckingOllama(false);
+        if (!status.running) {
+          setStep("ollamaError");
+        }
+      });
+    }
+  }, [step, selectedProvider, ollamaStatus]);
   useInput2((input, key) => {
     if (key.escape) {
       onClose();
       return;
     }
-    if (mode === "provider") {
+    if (step === "provider") {
       if (key.upArrow) {
         setProviderIndex((prev) => prev > 0 ? prev - 1 : PROVIDERS.length - 1);
       } else if (key.downArrow) {
@@ -254,79 +345,194 @@ function ProviderSelector({ onClose, onSelect }) {
       } else if (key.return) {
         const provider = PROVIDERS[providerIndex];
         setSelectedProvider(provider);
-        const currentModelIdx = provider.models.findIndex((m) => m === config.model);
-        setModelIndex(currentModelIdx >= 0 ? currentModelIdx : 0);
-        setMode("model");
+        const currentIdx = provider.models.findIndex((m) => m.id === config.model);
+        const recommendedIdx = provider.models.findIndex((m) => m.recommended);
+        setModelIndex(currentIdx >= 0 ? currentIdx : recommendedIdx >= 0 ? recommendedIdx : 0);
+        if (provider.needsApiKey) {
+          const apiKeyProvider = provider.id;
+          if (!config.apiKeys[apiKeyProvider]) {
+            setStep("apiKey");
+          } else {
+            setStep("model");
+          }
+        } else {
+          setStep("model");
+        }
       }
-    } else if (mode === "model" && selectedProvider) {
+    } else if (step === "model" && selectedProvider) {
       if (key.upArrow) {
         setModelIndex((prev) => prev > 0 ? prev - 1 : selectedProvider.models.length - 1);
       } else if (key.downArrow) {
         setModelIndex((prev) => prev < selectedProvider.models.length - 1 ? prev + 1 : 0);
       } else if (key.return) {
         const model = selectedProvider.models[modelIndex];
+        if (selectedProvider.id === "ollama" && ollamaStatus && !hasModel(ollamaStatus, model.id)) {
+        }
         setProvider(selectedProvider.id);
-        setModel(model);
-        onSelect(selectedProvider.id, model);
-        onClose();
+        setModel(model.id);
+        setStep("done");
+        onSelect(selectedProvider.id, model.id);
+        setTimeout(() => onClose(), 1500);
       } else if (key.leftArrow || input === "b") {
-        setMode("provider");
+        setStep("provider");
+        setOllamaStatus(null);
+      }
+    } else if (step === "ollamaError") {
+      if (key.return || input === "b") {
+        setStep("provider");
+        setOllamaStatus(null);
       }
     }
   });
-  if (mode === "provider") {
-    return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1, children: [
+  const handleApiKeySubmit = (value) => {
+    if (value.trim() && selectedProvider) {
+      setApiKey(selectedProvider.id, value.trim());
+      setStep("model");
+    }
+  };
+  if (step === "provider") {
+    return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1, width: 60, children: [
       /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { bold: true, color: "cyan", children: "Select Provider" }) }),
-      /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "gray", children: "Use arrows to navigate, Enter to select, Esc to cancel" }) }),
+      /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "gray", dimColor: true, children: "Arrows to navigate, Enter to select" }) }),
       PROVIDERS.map((provider, index) => {
         const isSelected = index === providerIndex;
         const isCurrent = provider.id === config.provider;
-        return /* @__PURE__ */ jsxs5(Box6, { marginY: 0, children: [
+        const hasKey = provider.needsApiKey && provider.id !== "ollama" ? !!config.apiKeys[provider.id] : true;
+        return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", children: [
           /* @__PURE__ */ jsxs5(Text6, { color: isSelected ? "cyan" : "white", children: [
             isSelected ? "\u276F " : "  ",
             provider.name,
-            isCurrent && /* @__PURE__ */ jsx6(Text6, { color: "green", children: " (current)" })
+            isCurrent && /* @__PURE__ */ jsx6(Text6, { color: "green", children: " (current)" }),
+            provider.needsApiKey && !hasKey && /* @__PURE__ */ jsx6(Text6, { color: "red", children: " (needs key)" }),
+            provider.needsApiKey && hasKey && !isCurrent && /* @__PURE__ */ jsx6(Text6, { color: "yellow", children: " (key saved)" })
           ] }),
           isSelected && /* @__PURE__ */ jsxs5(Text6, { color: "gray", children: [
-            " - ",
+            "    ",
             provider.description
           ] })
         ] }, provider.id);
       }),
-      /* @__PURE__ */ jsx6(Box6, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs5(Text6, { color: "gray", children: [
-        "Current: ",
-        config.provider,
-        " / ",
-        config.model
-      ] }) })
+      /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "gray", dimColor: true, children: "Press Esc to cancel" }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1, children: [
-    /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsxs5(Text6, { bold: true, color: "cyan", children: [
-      "Select Model for ",
-      selectedProvider?.name
-    ] }) }),
-    /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "gray", children: "Arrows to navigate, Enter to select, B/Left to go back" }) }),
-    selectedProvider?.models.map((model, index) => {
-      const isSelected = index === modelIndex;
-      const isCurrent = model === config.model && selectedProvider.id === config.provider;
-      const isDefault = model === selectedProvider.defaultModel;
-      return /* @__PURE__ */ jsx6(Box6, { marginY: 0, children: /* @__PURE__ */ jsxs5(Text6, { color: isSelected ? "cyan" : "white", children: [
-        isSelected ? "\u276F " : "  ",
-        model,
-        isCurrent && /* @__PURE__ */ jsx6(Text6, { color: "green", children: " (current)" }),
-        isDefault && !isCurrent && /* @__PURE__ */ jsx6(Text6, { color: "yellow", children: " (default)" })
-      ] }) }, model);
-    }),
-    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs5(Text6, { color: "gray", children: [
-      "Provider: ",
-      selectedProvider?.name
-    ] }) })
-  ] });
+  if (step === "apiKey" && selectedProvider) {
+    return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1, width: 60, children: [
+      /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { bold: true, color: "cyan", children: "Enter API Key" }) }),
+      /* @__PURE__ */ jsxs5(Text6, { children: [
+        /* @__PURE__ */ jsx6(Text6, { color: "green", children: "\u2713" }),
+        " Provider: ",
+        selectedProvider.name
+      ] }),
+      /* @__PURE__ */ jsxs5(Box6, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs5(Text6, { color: "gray", dimColor: true, children: [
+          selectedProvider.id === "openrouter" && "Get key: openrouter.ai/keys",
+          selectedProvider.id === "anthropic" && "Get key: console.anthropic.com",
+          selectedProvider.id === "openai" && "Get key: platform.openai.com/api-keys"
+        ] }),
+        /* @__PURE__ */ jsxs5(Box6, { marginTop: 1, children: [
+          /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: "\u276F " }),
+          /* @__PURE__ */ jsx6(
+            TextInput2,
+            {
+              value: apiKeyInput,
+              onChange: setApiKeyInput,
+              onSubmit: handleApiKeySubmit,
+              mask: "*"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "gray", dimColor: true, children: "Press Esc to cancel" }) })
+    ] });
+  }
+  if (step === "ollamaError" && ollamaStatus) {
+    return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "red", padding: 1, width: 60, children: [
+      /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { bold: true, color: "red", children: "Ollama Not Available" }) }),
+      /* @__PURE__ */ jsx6(Text6, { color: "red", children: ollamaStatus.error }),
+      /* @__PURE__ */ jsxs5(Box6, { marginTop: 1, flexDirection: "column", children: [
+        !ollamaStatus.installed && /* @__PURE__ */ jsxs5(Fragment, { children: [
+          /* @__PURE__ */ jsx6(Text6, { children: "1. Install Ollama from https://ollama.ai" }),
+          /* @__PURE__ */ jsx6(Text6, { children: "2. Run: ollama pull qwen2.5:0.5b" }),
+          /* @__PURE__ */ jsx6(Text6, { children: "3. Try again" })
+        ] }),
+        ollamaStatus.installed && !ollamaStatus.running && /* @__PURE__ */ jsxs5(Fragment, { children: [
+          /* @__PURE__ */ jsx6(Text6, { children: "1. Start Ollama: ollama serve" }),
+          /* @__PURE__ */ jsx6(Text6, { children: "2. Or run any model: ollama run qwen2.5:0.5b" }),
+          /* @__PURE__ */ jsx6(Text6, { children: "3. Try again" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "gray", dimColor: true, children: "Press Enter or B to go back" }) })
+    ] });
+  }
+  if (step === "model" && selectedProvider) {
+    const isOllama = selectedProvider.id === "ollama";
+    return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1, width: 60, children: [
+      /* @__PURE__ */ jsx6(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { bold: true, color: "cyan", children: "Select Model" }) }),
+      /* @__PURE__ */ jsxs5(Text6, { children: [
+        /* @__PURE__ */ jsx6(Text6, { color: "green", children: "\u2713" }),
+        " Provider: ",
+        selectedProvider.name
+      ] }),
+      isOllama && checkingOllama && /* @__PURE__ */ jsxs5(Box6, { marginY: 1, children: [
+        /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: /* @__PURE__ */ jsx6(Spinner, { type: "dots" }) }),
+        /* @__PURE__ */ jsx6(Text6, { children: " Checking Ollama status..." })
+      ] }),
+      isOllama && ollamaStatus && ollamaStatus.running && /* @__PURE__ */ jsxs5(Text6, { color: "green", children: [
+        "\u2713 Ollama running (",
+        ollamaStatus.models.length,
+        " models installed)"
+      ] }),
+      /* @__PURE__ */ jsx6(Box6, { marginTop: 1, marginBottom: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "gray", dimColor: true, children: "Arrows to navigate, Enter to select, B to go back" }) }),
+      selectedProvider.models.map((model, index) => {
+        const isSelected = index === modelIndex;
+        const isCurrent = model.id === config.model && selectedProvider.id === config.provider;
+        let modelStatus = "";
+        if (isOllama && ollamaStatus) {
+          const available = hasModel(ollamaStatus, model.id);
+          modelStatus = available ? " (installed)" : " (not installed)";
+        }
+        return /* @__PURE__ */ jsxs5(Text6, { color: isSelected ? "cyan" : "white", children: [
+          isSelected ? "\u276F " : "  ",
+          model.name,
+          model.recommended && /* @__PURE__ */ jsx6(Text6, { color: "yellow", children: " *" }),
+          isCurrent && /* @__PURE__ */ jsx6(Text6, { color: "green", children: " (current)" }),
+          isOllama && ollamaStatus && (hasModel(ollamaStatus, model.id) ? /* @__PURE__ */ jsx6(Text6, { color: "green", children: modelStatus }) : /* @__PURE__ */ jsx6(Text6, { color: "red", children: modelStatus }))
+        ] }, model.id);
+      }),
+      isOllama && /* @__PURE__ */ jsxs5(Box6, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx6(Text6, { color: "gray", dimColor: true, children: "* = Recommended" }),
+        ollamaStatus && !hasModel(ollamaStatus, selectedProvider.models[modelIndex]?.id || "") && /* @__PURE__ */ jsxs5(Text6, { color: "yellow", children: [
+          "Run: ollama pull ",
+          selectedProvider.models[modelIndex]?.id
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsx6(Text6, { color: "gray", dimColor: true, children: "Press Esc to cancel" }) })
+    ] });
+  }
+  if (step === "done" && selectedProvider) {
+    return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "green", padding: 1, width: 60, children: [
+      /* @__PURE__ */ jsx6(Text6, { color: "green", bold: true, children: "Configuration Updated!" }),
+      /* @__PURE__ */ jsxs5(Text6, { children: [
+        /* @__PURE__ */ jsx6(Text6, { color: "green", children: "\u2713" }),
+        " Provider: ",
+        selectedProvider.name
+      ] }),
+      /* @__PURE__ */ jsxs5(Text6, { children: [
+        /* @__PURE__ */ jsx6(Text6, { color: "green", children: "\u2713" }),
+        " Model: ",
+        selectedProvider.models[modelIndex]?.name
+      ] }),
+      selectedProvider.id === "ollama" && ollamaStatus && !hasModel(ollamaStatus, selectedProvider.models[modelIndex]?.id || "") && /* @__PURE__ */ jsxs5(Text6, { color: "yellow", children: [
+        "Remember to run: ollama pull ",
+        selectedProvider.models[modelIndex]?.id
+      ] })
+    ] });
+  }
+  return null;
 }
 
 // src/hooks/useChat.ts
-import { useState as useState3, useCallback, useRef, useEffect } from "react";
+import { useState as useState3, useCallback, useRef, useEffect as useEffect2 } from "react";
 
 // src/lib/api.ts
 var SYSTEM_PROMPT = `You are C-napse, a helpful AI assistant for PC automation running on the user's desktop.
@@ -460,24 +666,24 @@ async function chatOpenAI(messages, model) {
 }
 
 // src/lib/screen.ts
-import { exec } from "child_process";
-import { promisify } from "util";
-var execAsync = promisify(exec);
+import { exec as exec2 } from "child_process";
+import { promisify as promisify2 } from "util";
+var execAsync2 = promisify2(exec2);
 async function getScreenDescription() {
   try {
     const platform = process.platform;
     if (platform === "win32") {
-      const { stdout } = await execAsync(`
+      const { stdout } = await execAsync2(`
         Add-Type -AssemblyName System.Windows.Forms
         $screen = [System.Windows.Forms.Screen]::PrimaryScreen.Bounds
         Write-Output "$($screen.Width)x$($screen.Height)"
       `, { shell: "powershell.exe" });
       return `Screen ${stdout.trim()} captured`;
     } else if (platform === "darwin") {
-      const { stdout } = await execAsync(`system_profiler SPDisplaysDataType | grep Resolution | head -1`);
+      const { stdout } = await execAsync2(`system_profiler SPDisplaysDataType | grep Resolution | head -1`);
       return `Screen ${stdout.trim()}`;
     } else {
-      const { stdout } = await execAsync(`xdpyinfo | grep dimensions | awk '{print $2}'`);
+      const { stdout } = await execAsync2(`xdpyinfo | grep dimensions | awk '{print $2}'`);
       return `Screen ${stdout.trim()} captured`;
     }
   } catch {
@@ -497,7 +703,7 @@ function useChat(screenWatch = false) {
   const [isProcessing, setIsProcessing] = useState3(false);
   const [error, setError] = useState3(null);
   const screenContextRef = useRef(null);
-  useEffect(() => {
+  useEffect2(() => {
     if (!screenWatch) {
       screenContextRef.current = null;
       return;
@@ -606,17 +812,17 @@ async function captureScreenshot() {
   }
 }
 async function captureScreenFallback() {
-  const { exec: exec5 } = await import("child_process");
-  const { promisify: promisify5 } = await import("util");
+  const { exec: exec6 } = await import("child_process");
+  const { promisify: promisify6 } = await import("util");
   const { tmpdir } = await import("os");
   const { join: join2 } = await import("path");
   const { readFile, unlink } = await import("fs/promises");
-  const execAsync5 = promisify5(exec5);
+  const execAsync6 = promisify6(exec6);
   const tempFile = join2(tmpdir(), `cnapse-screen-${Date.now()}.png`);
   try {
     const platform = process.platform;
     if (platform === "win32") {
-      await execAsync5(`
+      await execAsync6(`
         Add-Type -AssemblyName System.Windows.Forms
         $screen = [System.Windows.Forms.Screen]::PrimaryScreen.Bounds
         $bitmap = New-Object System.Drawing.Bitmap($screen.Width, $screen.Height)
@@ -627,9 +833,9 @@ async function captureScreenFallback() {
         $bitmap.Dispose()
       `, { shell: "powershell.exe" });
     } else if (platform === "darwin") {
-      await execAsync5(`screencapture -x "${tempFile}"`);
+      await execAsync6(`screencapture -x "${tempFile}"`);
     } else {
-      await execAsync5(`gnome-screenshot -f "${tempFile}" 2>/dev/null || scrot "${tempFile}" 2>/dev/null || import -window root "${tempFile}"`);
+      await execAsync6(`gnome-screenshot -f "${tempFile}" 2>/dev/null || scrot "${tempFile}" 2>/dev/null || import -window root "${tempFile}"`);
     }
     const imageBuffer = await readFile(tempFile);
     await unlink(tempFile).catch(() => {
@@ -822,27 +1028,27 @@ function useVision() {
 }
 
 // src/hooks/useTelegram.ts
-import { useState as useState5, useCallback as useCallback3, useEffect as useEffect2, useRef as useRef2 } from "react";
+import { useState as useState5, useCallback as useCallback3, useEffect as useEffect3, useRef as useRef2 } from "react";
 
 // src/services/telegram.ts
 import { EventEmitter } from "events";
 
 // src/tools/shell.ts
-import { exec as exec4 } from "child_process";
-import { promisify as promisify4 } from "util";
+import { exec as exec5 } from "child_process";
+import { promisify as promisify5 } from "util";
 
 // src/tools/clipboard.ts
 import clipboardy from "clipboardy";
 
 // src/tools/process.ts
-import { exec as exec2 } from "child_process";
-import { promisify as promisify2 } from "util";
-var execAsync2 = promisify2(exec2);
-
-// src/tools/computer.ts
 import { exec as exec3 } from "child_process";
 import { promisify as promisify3 } from "util";
 var execAsync3 = promisify3(exec3);
+
+// src/tools/computer.ts
+import { exec as exec4 } from "child_process";
+import { promisify as promisify4 } from "util";
+var execAsync4 = promisify4(exec4);
 async function clickMouse(button = "left") {
   try {
     if (process.platform === "win32") {
@@ -852,12 +1058,12 @@ Add-Type -MemberDefinition @"
 public static extern void mouse_event(long dwFlags, long dx, long dy, long cButtons, long dwExtraInfo);
 "@ -Name Mouse -Namespace Win32
 ${button === "left" ? "[Win32.Mouse]::mouse_event(0x02, 0, 0, 0, 0); [Win32.Mouse]::mouse_event(0x04, 0, 0, 0, 0)" : button === "right" ? "[Win32.Mouse]::mouse_event(0x08, 0, 0, 0, 0); [Win32.Mouse]::mouse_event(0x10, 0, 0, 0, 0)" : "[Win32.Mouse]::mouse_event(0x20, 0, 0, 0, 0); [Win32.Mouse]::mouse_event(0x40, 0, 0, 0, 0)"}`;
-      await execAsync3(`powershell -Command "${script.replace(/\n/g, " ")}"`, { shell: "cmd.exe" });
+      await execAsync4(`powershell -Command "${script.replace(/\n/g, " ")}"`, { shell: "cmd.exe" });
     } else if (process.platform === "darwin") {
-      await execAsync3(`cliclick c:.`);
+      await execAsync4(`cliclick c:.`);
     } else {
       const btn = button === "left" ? "1" : button === "right" ? "3" : "2";
-      await execAsync3(`xdotool click ${btn}`);
+      await execAsync4(`xdotool click ${btn}`);
     }
     return ok(`Clicked ${button} button`);
   } catch (error) {
@@ -868,13 +1074,13 @@ async function typeText(text) {
   try {
     if (process.platform === "win32") {
       const escapedText = text.replace(/'/g, "''").replace(/[+^%~(){}[\]]/g, "{$&}");
-      await execAsync3(`powershell -Command "Add-Type -AssemblyName System.Windows.Forms; [System.Windows.Forms.SendKeys]::SendWait('${escapedText}')"`, { shell: "cmd.exe" });
+      await execAsync4(`powershell -Command "Add-Type -AssemblyName System.Windows.Forms; [System.Windows.Forms.SendKeys]::SendWait('${escapedText}')"`, { shell: "cmd.exe" });
     } else if (process.platform === "darwin") {
       const escaped = text.replace(/'/g, "'\\''");
-      await execAsync3(`osascript -e 'tell application "System Events" to keystroke "${escaped}"'`);
+      await execAsync4(`osascript -e 'tell application "System Events" to keystroke "${escaped}"'`);
     } else {
       const escaped = text.replace(/'/g, "'\\''");
-      await execAsync3(`xdotool type '${escaped}'`);
+      await execAsync4(`xdotool type '${escaped}'`);
     }
     return ok(`Typed: ${text}`);
   } catch (error) {
@@ -915,7 +1121,7 @@ async function pressKey(key) {
         "f12": "{F12}"
       };
       const winKey = winKeyMap[key.toLowerCase()] || key;
-      await execAsync3(`powershell -Command "Add-Type -AssemblyName System.Windows.Forms; [System.Windows.Forms.SendKeys]::SendWait('${winKey}')"`, { shell: "cmd.exe" });
+      await execAsync4(`powershell -Command "Add-Type -AssemblyName System.Windows.Forms; [System.Windows.Forms.SendKeys]::SendWait('${winKey}')"`, { shell: "cmd.exe" });
     } else if (process.platform === "darwin") {
       const macKeyMap = {
         "return": 36,
@@ -933,12 +1139,12 @@ async function pressKey(key) {
       };
       const keyCode = macKeyMap[key.toLowerCase()];
       if (keyCode) {
-        await execAsync3(`osascript -e 'tell application "System Events" to key code ${keyCode}'`);
+        await execAsync4(`osascript -e 'tell application "System Events" to key code ${keyCode}'`);
       } else {
-        await execAsync3(`osascript -e 'tell application "System Events" to keystroke "${key}"'`);
+        await execAsync4(`osascript -e 'tell application "System Events" to keystroke "${key}"'`);
       }
     } else {
-      await execAsync3(`xdotool key ${key}`);
+      await execAsync4(`xdotool key ${key}`);
     }
     return ok(`Pressed: ${key}`);
   } catch (error) {
@@ -951,7 +1157,7 @@ async function keyCombo(keys) {
       const hasWin = keys.some((k) => k.toLowerCase() === "meta" || k.toLowerCase() === "win");
       const hasR = keys.some((k) => k.toLowerCase() === "r");
       if (hasWin && hasR) {
-        await execAsync3(`powershell -Command "$shell = New-Object -ComObject WScript.Shell; $shell.Run('explorer shell:::{2559a1f3-21d7-11d4-bdaf-00c04f60b9f0}')"`, { shell: "cmd.exe" });
+        await execAsync4(`powershell -Command "$shell = New-Object -ComObject WScript.Shell; $shell.Run('explorer shell:::{2559a1f3-21d7-11d4-bdaf-00c04f60b9f0}')"`, { shell: "cmd.exe" });
         return ok(`Pressed: ${keys.join("+")}`);
       }
       const modifierMap = {
@@ -971,7 +1177,7 @@ async function keyCombo(keys) {
         }
       }
       combo += regularKeys.join("");
-      await execAsync3(`powershell -Command "Add-Type -AssemblyName System.Windows.Forms; [System.Windows.Forms.SendKeys]::SendWait('${combo}')"`, { shell: "cmd.exe" });
+      await execAsync4(`powershell -Command "Add-Type -AssemblyName System.Windows.Forms; [System.Windows.Forms.SendKeys]::SendWait('${combo}')"`, { shell: "cmd.exe" });
     } else if (process.platform === "darwin") {
       const modifiers = keys.filter((k) => ["control", "ctrl", "alt", "shift", "command", "meta"].includes(k.toLowerCase()));
       const regular = keys.filter((k) => !["control", "ctrl", "alt", "shift", "command", "meta"].includes(k.toLowerCase()));
@@ -987,9 +1193,9 @@ async function keyCombo(keys) {
         };
         cmd += " using {" + modifiers.map((m) => modMap[m.toLowerCase()]).join(", ") + "}";
       }
-      await execAsync3(`osascript -e '${cmd}'`);
+      await execAsync4(`osascript -e '${cmd}'`);
     } else {
-      await execAsync3(`xdotool key ${keys.join("+")}`);
+      await execAsync4(`xdotool key ${keys.join("+")}`);
     }
     return ok(`Pressed: ${keys.join("+")}`);
   } catch (error) {
@@ -1000,11 +1206,11 @@ async function focusWindow(title) {
   try {
     if (process.platform === "win32") {
       const escaped = title.replace(/'/g, "''");
-      await execAsync3(`powershell -Command "$wshell = New-Object -ComObject wscript.shell; $wshell.AppActivate('${escaped}')"`, { shell: "cmd.exe" });
+      await execAsync4(`powershell -Command "$wshell = New-Object -ComObject wscript.shell; $wshell.AppActivate('${escaped}')"`, { shell: "cmd.exe" });
     } else if (process.platform === "darwin") {
-      await execAsync3(`osascript -e 'tell application "${title}" to activate'`);
+      await execAsync4(`osascript -e 'tell application "${title}" to activate'`);
     } else {
-      await execAsync3(`wmctrl -a "${title}"`);
+      await execAsync4(`wmctrl -a "${title}"`);
     }
     return ok(`Focused window: ${title}`);
   } catch (error) {
@@ -1021,13 +1227,13 @@ function err(error) {
 }
 
 // src/tools/shell.ts
-var execAsync4 = promisify4(exec4);
+var execAsync5 = promisify5(exec5);
 async function runCommand(cmd, timeout = 3e4) {
   try {
     const isWindows = process.platform === "win32";
     const shell = isWindows ? "cmd.exe" : "/bin/sh";
     const shellArg = isWindows ? "/C" : "-c";
-    const { stdout, stderr } = await execAsync4(cmd, {
+    const { stdout, stderr } = await execAsync5(cmd, {
       shell,
       timeout,
       maxBuffer: 10 * 1024 * 1024
@@ -1271,7 +1477,7 @@ function useTelegram(onMessage) {
   const [error, setError] = useState5(null);
   const [lastMessage, setLastMessage] = useState5(null);
   const onMessageRef = useRef2(onMessage);
-  useEffect2(() => {
+  useEffect3(() => {
     onMessageRef.current = onMessage;
   }, [onMessage]);
   const start = useCallback3(async () => {
@@ -1935,74 +2141,81 @@ ${tasks.format(task)}`);
 // src/index.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
 var args = process.argv.slice(2);
-if (args.length > 0) {
-  const command = args[0];
-  switch (command) {
-    case "auth": {
-      const provider = args[1];
-      const key = args[2];
-      if (!provider || !key) {
-        console.log("Usage: cnapse auth <provider> <api-key>");
-        console.log("Providers: openrouter, anthropic, openai");
-        process.exit(1);
-      }
-      if (!["openrouter", "anthropic", "openai"].includes(provider)) {
-        console.log(`Invalid provider: ${provider}`);
-        console.log("Valid providers: openrouter, anthropic, openai");
-        process.exit(1);
-      }
-      setApiKey(provider, key);
-      console.log(`\u2713 ${provider} API key saved`);
-      process.exit(0);
-    }
-    case "config": {
-      const subcommand = args[1];
-      if (subcommand === "set") {
+async function main() {
+  if (args.length > 0) {
+    const command = args[0];
+    switch (command) {
+      case "auth": {
+        const provider = args[1];
         const key = args[2];
-        const value = args[3];
-        if (key === "provider") {
-          if (!["openrouter", "ollama", "anthropic", "openai"].includes(value)) {
-            console.log("Valid providers: openrouter, ollama, anthropic, openai");
-            process.exit(1);
-          }
-          setProvider(value);
-          console.log(`\u2713 Provider set to: ${value}`);
-        } else if (key === "model") {
-          setModel(value);
-          console.log(`\u2713 Model set to: ${value}`);
-        } else {
-          console.log("Usage: cnapse config set <provider|model> <value>");
+        if (!provider || !key) {
+          console.log("Usage: cnapse auth <provider> <api-key>");
+          console.log("Providers: openrouter, anthropic, openai");
+          process.exit(1);
         }
+        if (!["openrouter", "anthropic", "openai"].includes(provider)) {
+          console.log(`Invalid provider: ${provider}`);
+          console.log("Valid providers: openrouter, anthropic, openai");
+          process.exit(1);
+        }
+        setApiKey(provider, key);
+        console.log(`\u2713 ${provider} API key saved`);
         process.exit(0);
       }
-      if (subcommand === "show" || !subcommand) {
-        const config = getConfig();
-        console.log("\nC-napse Configuration:");
-        console.log(`  Provider: ${config.provider}`);
-        console.log(`  Model: ${config.model}`);
-        console.log(`  Ollama Host: ${config.ollamaHost}`);
-        console.log(`  API Keys configured:`);
-        console.log(`    - OpenRouter: ${config.apiKeys.openrouter ? "\u2713" : "\u2717"}`);
-        console.log(`    - Anthropic: ${config.apiKeys.anthropic ? "\u2713" : "\u2717"}`);
-        console.log(`    - OpenAI: ${config.apiKeys.openai ? "\u2713" : "\u2717"}`);
-        console.log("");
-        process.exit(0);
+      case "config": {
+        const subcommand = args[1];
+        if (!subcommand) {
+          const { ConfigUI } = await import("./ConfigUI-V5TM6KKS.js");
+          render(/* @__PURE__ */ jsx8(ConfigUI, {}));
+          return;
+        }
+        if (subcommand === "set") {
+          const key = args[2];
+          const value = args[3];
+          if (key === "provider") {
+            if (!["openrouter", "ollama", "anthropic", "openai"].includes(value)) {
+              console.log("Valid providers: openrouter, ollama, anthropic, openai");
+              process.exit(1);
+            }
+            setProvider(value);
+            console.log(`\u2713 Provider set to: ${value}`);
+          } else if (key === "model") {
+            setModel(value);
+            console.log(`\u2713 Model set to: ${value}`);
+          } else {
+            console.log("Usage: cnapse config set <provider|model> <value>");
+          }
+          process.exit(0);
+        }
+        if (subcommand === "show") {
+          const config = getConfig();
+          console.log("\nC-napse Configuration:");
+          console.log(`  Provider: ${config.provider}`);
+          console.log(`  Model: ${config.model}`);
+          console.log(`  Ollama Host: ${config.ollamaHost}`);
+          console.log(`  API Keys configured:`);
+          console.log(`    - OpenRouter: ${config.apiKeys.openrouter ? "\u2713" : "\u2717"}`);
+          console.log(`    - Anthropic: ${config.apiKeys.anthropic ? "\u2713" : "\u2717"}`);
+          console.log(`    - OpenAI: ${config.apiKeys.openai ? "\u2713" : "\u2717"}`);
+          console.log("");
+          process.exit(0);
+        }
+        console.log("Usage: cnapse config [show|set <key> <value>]");
+        process.exit(1);
       }
-      console.log("Usage: cnapse config [show|set <key> <value>]");
-      process.exit(1);
-    }
-    case "help":
-    case "--help":
-    case "-h": {
-      console.log(`
+      case "help":
+      case "--help":
+      case "-h": {
+        console.log(`
 C-napse - Autonomous PC Intelligence
 
 Usage:
   cnapse                     Start interactive chat
   cnapse init                Interactive setup wizard
-  cnapse auth <provider> <key>  Set API key
-  cnapse config              Show configuration
+  cnapse config              Interactive configuration
+  cnapse config show         Show current configuration
   cnapse config set <k> <v>  Set config value
+  cnapse auth <provider> <key>  Set API key
   cnapse help                Show this help
 
 Providers:
@@ -2013,28 +2226,31 @@ Providers:
 
 Quick Start:
   cnapse init                # Interactive setup
+  cnapse config              # Change provider/model
 
 Manual Setup:
   cnapse auth openrouter sk-or-xxxxx
   cnapse config set provider openrouter
   cnapse config set model qwen/qwen-2.5-coder-32b-instruct
 `);
-      process.exit(0);
-    }
-    case "version":
-    case "--version":
-    case "-v": {
-      console.log("cnapse v0.2.0");
-      process.exit(0);
-    }
-    case "init": {
-      const { Setup } = await import("./Setup-Q32JPHGP.js");
-      render(/* @__PURE__ */ jsx8(Setup, {}));
-      process.exit(0);
-    }
-    default: {
-      break;
+        process.exit(0);
+      }
+      case "version":
+      case "--version":
+      case "-v": {
+        console.log("cnapse v0.5.0");
+        process.exit(0);
+      }
+      case "init": {
+        const { Setup } = await import("./Setup-Q32JPHGP.js");
+        render(/* @__PURE__ */ jsx8(Setup, {}));
+        return;
+      }
+      default: {
+        break;
+      }
     }
   }
+  render(/* @__PURE__ */ jsx8(App, {}));
 }
-render(/* @__PURE__ */ jsx8(App, {}));
+main();