@projectservan8n/cnapse 0.2.0

package/dist/index.d.ts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/index.js

@@ -0,0 +1,496 @@
+#!/usr/bin/env node
+
+// src/index.tsx
+import { render } from "ink";
+
+// src/components/App.tsx
+import { useState } from "react";
+import { Box as Box5, Text as Text5, useApp, useInput } from "ink";
+
+// src/components/Header.tsx
+import { Box, Text } from "ink";
+
+// src/lib/config.ts
+import Conf from "conf";
+var config = new Conf({
+  projectName: "cnapse",
+  defaults: {
+    provider: "ollama",
+    model: "qwen2.5:0.5b",
+    apiKeys: {},
+    ollamaHost: "http://localhost:11434",
+    openrouter: {
+      siteUrl: "https://github.com/projectservan8n/C-napse",
+      appName: "C-napse"
+    }
+  }
+});
+function getConfig() {
+  return {
+    provider: config.get("provider"),
+    model: config.get("model"),
+    apiKeys: config.get("apiKeys"),
+    ollamaHost: config.get("ollamaHost"),
+    openrouter: config.get("openrouter")
+  };
+}
+function setProvider(provider) {
+  config.set("provider", provider);
+}
+function setModel(model) {
+  config.set("model", model);
+}
+function setApiKey(provider, key) {
+  const keys = config.get("apiKeys");
+  keys[provider] = key;
+  config.set("apiKeys", keys);
+}
+function getApiKey(provider) {
+  return config.get("apiKeys")[provider];
+}
+
+// src/components/Header.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ASCII_BANNER = `
+  \u2588\u2588\u2588\u2588\u2588\u2588\u2557      \u2588\u2588\u2588\u2557   \u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557
+ \u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D      \u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D
+ \u2588\u2588\u2551     \u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2554\u2588\u2588\u2557 \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2557
+ \u2588\u2588\u2551     \u255A\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551\u255A\u2588\u2588\u2557\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u255D
+ \u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2557      \u2588\u2588\u2551 \u255A\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551     \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557
+  \u255A\u2550\u2550\u2550\u2550\u2550\u255D      \u255A\u2550\u255D  \u255A\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D     \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D
+`.trim();
+function Header() {
+  const config2 = getConfig();
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsx(Text, { color: "cyan", children: ASCII_BANNER }),
+    /* @__PURE__ */ jsx(Box, { justifyContent: "center", children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+      config2.provider,
+      " \u2502 ",
+      config2.model
+    ] }) })
+  ] });
+}
+
+// src/components/ChatMessage.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ChatMessage({ role, content, timestamp, isStreaming }) {
+  const time = timestamp ? timestamp.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: false }) : "";
+  const roleConfig = {
+    user: { label: "You", color: "green" },
+    assistant: { label: "C-napse", color: "cyan" },
+    system: { label: "System", color: "yellow" }
+  };
+  const { label, color } = roleConfig[role];
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx2(Text2, { bold: true, color, children: label }),
+      /* @__PURE__ */ jsxs2(Text2, { color: "gray", children: [
+        " ",
+        time
+      ] }),
+      isStreaming && /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: " \u25CF" })
+    ] }),
+    /* @__PURE__ */ jsx2(Box2, { marginLeft: 2, children: /* @__PURE__ */ jsx2(Text2, { wrap: "wrap", children: content || (isStreaming ? "Thinking..." : "") }) })
+  ] });
+}
+
+// src/components/ChatInput.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import TextInput from "ink-text-input";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function ChatInput({ value, onChange, onSubmit, isProcessing }) {
+  return /* @__PURE__ */ jsxs3(
+    Box3,
+    {
+      borderStyle: "round",
+      borderColor: isProcessing ? "yellow" : "blue",
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ jsx3(Text3, { color: isProcessing ? "yellow" : "blue", children: isProcessing ? "Processing... " : "Message: " }),
+        !isProcessing && /* @__PURE__ */ jsx3(
+          TextInput,
+          {
+            value,
+            onChange,
+            onSubmit,
+            placeholder: "Type your message..."
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/StatusBar.tsx
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function StatusBar({ status }) {
+  return /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(Text4, { backgroundColor: "gray", color: "white", children: ` ${status} \u2502 Ctrl+C: Exit \u2502 Enter: Send ` }) });
+}
+
+// src/lib/api.ts
+var SYSTEM_PROMPT = `You are C-napse, a helpful AI assistant for PC automation running on the user's desktop.
+You can help with coding, file management, shell commands, and more. Be concise and helpful.
+
+When responding:
+- Be direct and practical
+- Use markdown formatting for code blocks
+- If asked to do something, explain what you'll do first`;
+async function chat(messages) {
+  const config2 = getConfig();
+  const allMessages = [
+    { role: "system", content: SYSTEM_PROMPT },
+    ...messages
+  ];
+  switch (config2.provider) {
+    case "openrouter":
+      return chatOpenRouter(allMessages, config2.model);
+    case "ollama":
+      return chatOllama(allMessages, config2.model);
+    case "anthropic":
+      return chatAnthropic(allMessages, config2.model);
+    case "openai":
+      return chatOpenAI(allMessages, config2.model);
+    default:
+      throw new Error(`Unknown provider: ${config2.provider}`);
+  }
+}
+async function chatOpenRouter(messages, model) {
+  const apiKey = getApiKey("openrouter");
+  if (!apiKey) {
+    throw new Error("OpenRouter API key not configured. Run: cnapse auth openrouter <key>");
+  }
+  const config2 = getConfig();
+  const response = await fetch("https://openrouter.ai/api/v1/chat/completions", {
+    method: "POST",
+    headers: {
+      "Authorization": `Bearer ${apiKey}`,
+      "Content-Type": "application/json",
+      "HTTP-Referer": config2.openrouter.siteUrl,
+      "X-Title": config2.openrouter.appName
+    },
+    body: JSON.stringify({
+      model,
+      messages,
+      max_tokens: 2048,
+      temperature: 0.7
+    })
+  });
+  if (!response.ok) {
+    const error = await response.text();
+    throw new Error(`OpenRouter error: ${response.status} - ${error}`);
+  }
+  const data = await response.json();
+  const content = data.choices?.[0]?.message?.content || "";
+  return { content, model };
+}
+async function chatOllama(messages, model) {
+  const config2 = getConfig();
+  const response = await fetch(`${config2.ollamaHost}/api/chat`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({
+      model,
+      messages,
+      stream: false
+    })
+  });
+  if (!response.ok) {
+    const error = await response.text();
+    throw new Error(`Ollama error: ${response.status} - ${error}`);
+  }
+  const data = await response.json();
+  const content = data.message?.content || "";
+  return { content, model };
+}
+async function chatAnthropic(messages, model) {
+  const apiKey = getApiKey("anthropic");
+  if (!apiKey) {
+    throw new Error("Anthropic API key not configured. Run: cnapse auth anthropic <key>");
+  }
+  const systemMsg = messages.find((m) => m.role === "system");
+  const chatMessages = messages.filter((m) => m.role !== "system");
+  const response = await fetch("https://api.anthropic.com/v1/messages", {
+    method: "POST",
+    headers: {
+      "x-api-key": apiKey,
+      "Content-Type": "application/json",
+      "anthropic-version": "2023-06-01"
+    },
+    body: JSON.stringify({
+      model,
+      max_tokens: 2048,
+      system: systemMsg?.content || "",
+      messages: chatMessages
+    })
+  });
+  if (!response.ok) {
+    const error = await response.text();
+    throw new Error(`Anthropic error: ${response.status} - ${error}`);
+  }
+  const data = await response.json();
+  const content = data.content?.[0]?.text || "";
+  return { content, model };
+}
+async function chatOpenAI(messages, model) {
+  const apiKey = getApiKey("openai");
+  if (!apiKey) {
+    throw new Error("OpenAI API key not configured. Run: cnapse auth openai <key>");
+  }
+  const response = await fetch("https://api.openai.com/v1/chat/completions", {
+    method: "POST",
+    headers: {
+      "Authorization": `Bearer ${apiKey}`,
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({
+      model,
+      messages,
+      max_tokens: 2048,
+      temperature: 0.7
+    })
+  });
+  if (!response.ok) {
+    const error = await response.text();
+    throw new Error(`OpenAI error: ${response.status} - ${error}`);
+  }
+  const data = await response.json();
+  const content = data.choices?.[0]?.message?.content || "";
+  return { content, model };
+}
+
+// src/components/App.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function App() {
+  const { exit } = useApp();
+  const [messages, setMessages] = useState([
+    {
+      id: "0",
+      role: "system",
+      content: "Welcome to C-napse! Type your message and press Enter.\n\nShortcuts:\n  Ctrl+C - Exit\n  /clear - Clear chat\n  /help  - Show help",
+      timestamp: /* @__PURE__ */ new Date()
+    }
+  ]);
+  const [input, setInput] = useState("");
+  const [isProcessing, setIsProcessing] = useState(false);
+  const [status, setStatus] = useState("Ready");
+  const [error, setError] = useState(null);
+  useInput((inputChar, key) => {
+    if (key.ctrl && inputChar === "c") {
+      exit();
+    }
+    if (key.ctrl && inputChar === "l") {
+      setMessages([messages[0]]);
+      setError(null);
+    }
+  });
+  const handleSubmit = async (value) => {
+    if (!value.trim() || isProcessing) return;
+    const userInput = value.trim();
+    setInput("");
+    setError(null);
+    if (userInput.startsWith("/")) {
+      handleCommand(userInput);
+      return;
+    }
+    const userMsg = {
+      id: Date.now().toString(),
+      role: "user",
+      content: userInput,
+      timestamp: /* @__PURE__ */ new Date()
+    };
+    setMessages((prev) => [...prev, userMsg]);
+    const assistantId = (Date.now() + 1).toString();
+    setMessages((prev) => [
+      ...prev,
+      {
+        id: assistantId,
+        role: "assistant",
+        content: "",
+        timestamp: /* @__PURE__ */ new Date(),
+        isStreaming: true
+      }
+    ]);
+    setIsProcessing(true);
+    setStatus("Thinking...");
+    try {
+      const apiMessages = messages.filter((m) => m.role === "user" || m.role === "assistant").slice(-10).map((m) => ({ role: m.role, content: m.content }));
+      apiMessages.push({ role: "user", content: userInput });
+      const response = await chat(apiMessages);
+      setMessages(
+        (prev) => prev.map(
+          (m) => m.id === assistantId ? { ...m, content: response.content || "(no response)", isStreaming: false } : m
+        )
+      );
+    } catch (err) {
+      const errorMsg = err instanceof Error ? err.message : "Unknown error";
+      setError(errorMsg);
+      setMessages(
+        (prev) => prev.map(
+          (m) => m.id === assistantId ? { ...m, content: `Error: ${errorMsg}`, isStreaming: false } : m
+        )
+      );
+    } finally {
+      setIsProcessing(false);
+      setStatus("Ready");
+    }
+  };
+  const handleCommand = (cmd) => {
+    const parts = cmd.slice(1).split(" ");
+    const command = parts[0];
+    switch (command) {
+      case "clear":
+        setMessages([messages[0]]);
+        addSystemMessage("Chat cleared.");
+        break;
+      case "help":
+        addSystemMessage(
+          "Commands:\n  /clear - Clear chat history\n  /help  - Show this help\n\nJust type naturally to chat with the AI!"
+        );
+        break;
+      default:
+        addSystemMessage(`Unknown command: ${command}`);
+    }
+  };
+  const addSystemMessage = (content) => {
+    setMessages((prev) => [
+      ...prev,
+      {
+        id: Date.now().toString(),
+        role: "system",
+        content,
+        timestamp: /* @__PURE__ */ new Date()
+      }
+    ]);
+  };
+  const visibleMessages = messages.slice(-20);
+  return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", height: "100%", children: [
+    /* @__PURE__ */ jsx5(Header, {}),
+    /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", flexGrow: 1, borderStyle: "round", borderColor: "gray", padding: 1, children: [
+      /* @__PURE__ */ jsx5(Text5, { bold: true, color: "gray", children: " Chat " }),
+      visibleMessages.map((msg) => /* @__PURE__ */ jsx5(
+        ChatMessage,
+        {
+          role: msg.role,
+          content: msg.content,
+          timestamp: msg.timestamp,
+          isStreaming: msg.isStreaming
+        },
+        msg.id
+      ))
+    ] }),
+    error && /* @__PURE__ */ jsx5(Box5, { marginY: 1, children: /* @__PURE__ */ jsxs4(Text5, { color: "red", children: [
+      "Error: ",
+      error
+    ] }) }),
+    /* @__PURE__ */ jsx5(
+      ChatInput,
+      {
+        value: input,
+        onChange: setInput,
+        onSubmit: handleSubmit,
+        isProcessing
+      }
+    ),
+    /* @__PURE__ */ jsx5(StatusBar, { status })
+  ] });
+}
+
+// src/index.tsx
+import { jsx as jsx6 } 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") {
+        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" || !subcommand) {
+        const config2 = getConfig();
+        console.log("\nC-napse Configuration:");
+        console.log(`  Provider: ${config2.provider}`);
+        console.log(`  Model: ${config2.model}`);
+        console.log(`  Ollama Host: ${config2.ollamaHost}`);
+        console.log(`  API Keys configured:`);
+        console.log(`    - OpenRouter: ${config2.apiKeys.openrouter ? "\u2713" : "\u2717"}`);
+        console.log(`    - Anthropic: ${config2.apiKeys.anthropic ? "\u2713" : "\u2717"}`);
+        console.log(`    - OpenAI: ${config2.apiKeys.openai ? "\u2713" : "\u2717"}`);
+        console.log("");
+        process.exit(0);
+      }
+      console.log("Usage: cnapse config [show|set <key> <value>]");
+      process.exit(1);
+    }
+    case "help":
+    case "--help":
+    case "-h": {
+      console.log(`
+C-napse - Autonomous PC Intelligence
+
+Usage:
+  cnapse                     Start interactive chat
+  cnapse auth <provider> <key>  Set API key
+  cnapse config              Show configuration
+  cnapse config set <k> <v>  Set config value
+  cnapse help                Show this help
+
+Providers:
+  ollama      - Local AI (default)
+  openrouter  - OpenRouter API
+  anthropic   - Anthropic Claude
+  openai      - OpenAI GPT
+
+Examples:
+  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);
+    }
+    default: {
+      break;
+    }
+  }
+}
+render(/* @__PURE__ */ jsx6(App, {}));

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@projectservan8n/cnapse",
+  "version": "0.2.0",
+  "description": "Autonomous PC intelligence - AI assistant for desktop automation",
+  "type": "module",
+  "main": "dist/index.js",
+  "bin": {
+    "cnapse": "./dist/index.js"
+  },
+  "scripts": {
+    "dev": "tsx src/index.tsx",
+    "build": "tsup src/index.tsx --format esm --dts --clean",
+    "start": "node dist/index.js",
+    "typecheck": "tsc --noEmit"
+  },
+  "keywords": [
+    "ai",
+    "cli",
+    "assistant",
+    "automation",
+    "openrouter",
+    "ollama"
+  ],
+  "author": "projectservan8n",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/projectservan8n/C-napse.git"
+  },
+  "homepage": "https://c-napse.up.railway.app",
+  "license": "MIT",
+  "dependencies": {
+    "ink": "^5.0.1",
+    "react": "^18.3.1",
+    "ink-text-input": "^6.0.0",
+    "ink-spinner": "^5.0.0",
+    "chalk": "^5.3.0",
+    "conf": "^13.0.1",
+    "ora": "^8.0.1",
+    "marked": "^14.1.0",
+    "marked-terminal": "^7.1.0",
+    "clipboardy": "^4.0.0",
+    "execa": "^9.3.0",
+    "globby": "^14.0.2",
+    "node-fetch": "^3.3.2",
+    "figlet": "^1.7.0",
+    "gradient-string": "^2.0.2",
+    "boxen": "^8.0.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "^18.3.3",
+    "@types/figlet": "^1.5.8",
+    "@types/gradient-string": "^1.1.6",
+    "tsup": "^8.2.4",
+    "tsx": "^4.16.5",
+    "typescript": "^5.5.4"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}

package/src/components/App.tsx

@@ -0,0 +1,183 @@
+import React, { useState, useEffect } from 'react';
+import { Box, Text, useApp, useInput } from 'ink';
+import { Header } from './Header.js';
+import { ChatMessage } from './ChatMessage.js';
+import { ChatInput } from './ChatInput.js';
+import { StatusBar } from './StatusBar.js';
+import { chat, Message } from '../lib/api.js';
+
+interface ChatMsg {
+  id: string;
+  role: 'user' | 'assistant' | 'system';
+  content: string;
+  timestamp: Date;
+  isStreaming?: boolean;
+}
+
+export function App() {
+  const { exit } = useApp();
+  const [messages, setMessages] = useState<ChatMsg[]>([
+    {
+      id: '0',
+      role: 'system',
+      content: 'Welcome to C-napse! Type your message and press Enter.\n\nShortcuts:\n  Ctrl+C - Exit\n  /clear - Clear chat\n  /help  - Show help',
+      timestamp: new Date(),
+    },
+  ]);
+  const [input, setInput] = useState('');
+  const [isProcessing, setIsProcessing] = useState(false);
+  const [status, setStatus] = useState('Ready');
+  const [error, setError] = useState<string | null>(null);
+
+  useInput((inputChar, key) => {
+    if (key.ctrl && inputChar === 'c') {
+      exit();
+    }
+    if (key.ctrl && inputChar === 'l') {
+      setMessages([messages[0]!]); // Keep welcome message
+      setError(null);
+    }
+  });
+
+  const handleSubmit = async (value: string) => {
+    if (!value.trim() || isProcessing) return;
+
+    const userInput = value.trim();
+    setInput('');
+    setError(null);
+
+    // Handle commands
+    if (userInput.startsWith('/')) {
+      handleCommand(userInput);
+      return;
+    }
+
+    // Add user message
+    const userMsg: ChatMsg = {
+      id: Date.now().toString(),
+      role: 'user',
+      content: userInput,
+      timestamp: new Date(),
+    };
+    setMessages((prev) => [...prev, userMsg]);
+
+    // Add placeholder for assistant
+    const assistantId = (Date.now() + 1).toString();
+    setMessages((prev) => [
+      ...prev,
+      {
+        id: assistantId,
+        role: 'assistant',
+        content: '',
+        timestamp: new Date(),
+        isStreaming: true,
+      },
+    ]);
+
+    setIsProcessing(true);
+    setStatus('Thinking...');
+
+    try {
+      // Build message history for API
+      const apiMessages: Message[] = messages
+        .filter((m) => m.role === 'user' || m.role === 'assistant')
+        .slice(-10)
+        .map((m) => ({ role: m.role as 'user' | 'assistant', content: m.content }));
+
+      apiMessages.push({ role: 'user', content: userInput });
+
+      const response = await chat(apiMessages);
+
+      // Update assistant message with response
+      setMessages((prev) =>
+        prev.map((m) =>
+          m.id === assistantId
+            ? { ...m, content: response.content || '(no response)', isStreaming: false }
+            : m
+        )
+      );
+    } catch (err) {
+      const errorMsg = err instanceof Error ? err.message : 'Unknown error';
+      setError(errorMsg);
+      // Update assistant message with error
+      setMessages((prev) =>
+        prev.map((m) =>
+          m.id === assistantId
+            ? { ...m, content: `Error: ${errorMsg}`, isStreaming: false }
+            : m
+        )
+      );
+    } finally {
+      setIsProcessing(false);
+      setStatus('Ready');
+    }
+  };
+
+  const handleCommand = (cmd: string) => {
+    const parts = cmd.slice(1).split(' ');
+    const command = parts[0];
+
+    switch (command) {
+      case 'clear':
+        setMessages([messages[0]!]);
+        addSystemMessage('Chat cleared.');
+        break;
+      case 'help':
+        addSystemMessage(
+          'Commands:\n  /clear - Clear chat history\n  /help  - Show this help\n\nJust type naturally to chat with the AI!'
+        );
+        break;
+      default:
+        addSystemMessage(`Unknown command: ${command}`);
+    }
+  };
+
+  const addSystemMessage = (content: string) => {
+    setMessages((prev) => [
+      ...prev,
+      {
+        id: Date.now().toString(),
+        role: 'system',
+        content,
+        timestamp: new Date(),
+      },
+    ]);
+  };
+
+  // Only show last N messages that fit
+  const visibleMessages = messages.slice(-20);
+
+  return (
+    <Box flexDirection="column" height="100%">
+      <Header />
+
+      <Box flexDirection="column" flexGrow={1} borderStyle="round" borderColor="gray" padding={1}>
+        <Text bold color="gray"> Chat </Text>
+        {visibleMessages.map((msg) => (
+          <ChatMessage
+            key={msg.id}
+            role={msg.role}
+            content={msg.content}
+            timestamp={msg.timestamp}
+            isStreaming={msg.isStreaming}
+          />
+        ))}
+      </Box>
+
+      {error && (
+        <Box marginY={1}>
+          <Text color="red">Error: {error}</Text>
+        </Box>
+      )}
+
+      <ChatInput
+        value={input}
+        onChange={setInput}
+        onSubmit={handleSubmit}
+        isProcessing={isProcessing}
+      />
+
+      <StatusBar status={status} />
+    </Box>
+  );
+}

package/src/components/ChatInput.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import TextInput from 'ink-text-input';
+
+interface ChatInputProps {
+  value: string;
+  onChange: (value: string) => void;
+  onSubmit: (value: string) => void;
+  isProcessing: boolean;
+}
+
+export function ChatInput({ value, onChange, onSubmit, isProcessing }: ChatInputProps) {
+  return (
+    <Box
+      borderStyle="round"
+      borderColor={isProcessing ? 'yellow' : 'blue'}
+      paddingX={1}
+    >
+      <Text color={isProcessing ? 'yellow' : 'blue'}>
+        {isProcessing ? 'Processing... ' : 'Message: '}
+      </Text>
+      {!isProcessing && (
+        <TextInput
+          value={value}
+          onChange={onChange}
+          onSubmit={onSubmit}
+          placeholder="Type your message..."
+        />
+      )}
+    </Box>
+  );
+}

package/src/components/ChatMessage.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+
+interface ChatMessageProps {
+  role: 'user' | 'assistant' | 'system';
+  content: string;
+  timestamp?: Date;
+  isStreaming?: boolean;
+}
+
+export function ChatMessage({ role, content, timestamp, isStreaming }: ChatMessageProps) {
+  const time = timestamp ? timestamp.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: false }) : '';
+
+  const roleConfig = {
+    user: { label: 'You', color: 'green' as const },
+    assistant: { label: 'C-napse', color: 'cyan' as const },
+    system: { label: 'System', color: 'yellow' as const },
+  };
+
+  const { label, color } = roleConfig[role];
+
+  return (
+    <Box flexDirection="column" marginBottom={1}>
+      <Box>
+        <Text bold color={color}>{label}</Text>
+        <Text color="gray"> {time}</Text>
+        {isStreaming && <Text color="yellow"> ●</Text>}
+      </Box>
+      <Box marginLeft={2}>
+        <Text wrap="wrap">{content || (isStreaming ? 'Thinking...' : '')}</Text>
+      </Box>
+    </Box>
+  );
+}

package/src/components/Header.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { getConfig } from '../lib/config.js';
+
+const ASCII_BANNER = `
+  ██████╗      ███╗   ██╗ █████╗ ██████╗ ███████╗███████╗
+ ██╔════╝      ████╗  ██║██╔══██╗██╔══██╗██╔════╝██╔════╝
+ ██║     █████╗██╔██╗ ██║███████║██████╔╝███████╗█████╗
+ ██║     ╚════╝██║╚██╗██║██╔══██║██╔═══╝ ╚════██║██╔══╝
+ ╚██████╗      ██║ ╚████║██║  ██║██║     ███████║███████╗
+  ╚═════╝      ╚═╝  ╚═══╝╚═╝  ╚═╝╚═╝     ╚══════╝╚══════╝
+`.trim();
+
+export function Header() {
+  const config = getConfig();
+
+  return (
+    <Box flexDirection="column" marginBottom={1}>
+      <Text color="cyan">{ASCII_BANNER}</Text>
+      <Box justifyContent="center">
+        <Text color="gray">
+          {config.provider} │ {config.model}
+        </Text>
+      </Box>
+    </Box>
+  );
+}

package/src/components/StatusBar.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+
+interface StatusBarProps {
+  status: string;
+}
+
+export function StatusBar({ status }: StatusBarProps) {
+  return (
+    <Box>
+      <Text backgroundColor="gray" color="white">
+        {` ${status} │ Ctrl+C: Exit │ Enter: Send `}
+      </Text>
+    </Box>
+  );
+}

package/src/index.tsx

@@ -0,0 +1,119 @@
+#!/usr/bin/env node
+import React from 'react';
+import { render } from 'ink';
+import { App } from './components/App.js';
+import { setApiKey, setProvider, setModel, getConfig } from './lib/config.js';
+
+const args = process.argv.slice(2);
+
+// Handle CLI commands
+if (args.length > 0) {
+  const command = args[0];
+
+  switch (command) {
+    case 'auth': {
+      const provider = args[1] as 'openrouter' | 'anthropic' | 'openai';
+      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(`✓ ${provider} API key saved`);
+      process.exit(0);
+    }
+
+    case 'config': {
+      const subcommand = args[1];
+
+      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 as any);
+          console.log(`✓ Provider set to: ${value}`);
+        } else if (key === 'model') {
+          setModel(value!);
+          console.log(`✓ Model set to: ${value}`);
+        } else {
+          console.log('Usage: cnapse config set <provider|model> <value>');
+        }
+        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 ? '✓' : '✗'}`);
+        console.log(`    - Anthropic: ${config.apiKeys.anthropic ? '✓' : '✗'}`);
+        console.log(`    - OpenAI: ${config.apiKeys.openai ? '✓' : '✗'}`);
+        console.log('');
+        process.exit(0);
+      }
+
+      console.log('Usage: cnapse config [show|set <key> <value>]');
+      process.exit(1);
+    }
+
+    case 'help':
+    case '--help':
+    case '-h': {
+      console.log(`
+C-napse - Autonomous PC Intelligence
+
+Usage:
+  cnapse                     Start interactive chat
+  cnapse auth <provider> <key>  Set API key
+  cnapse config              Show configuration
+  cnapse config set <k> <v>  Set config value
+  cnapse help                Show this help
+
+Providers:
+  ollama      - Local AI (default)
+  openrouter  - OpenRouter API
+  anthropic   - Anthropic Claude
+  openai      - OpenAI GPT
+
+Examples:
+  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);
+    }
+
+    default: {
+      // Treat as a direct question
+      // For now, just start the app
+      break;
+    }
+  }
+}
+
+// Start interactive TUI
+render(<App />);

package/src/lib/api.ts

@@ -0,0 +1,176 @@
+import { getConfig, getApiKey } from './config.js';
+
+export interface Message {
+  role: 'system' | 'user' | 'assistant';
+  content: string;
+}
+
+export interface ChatResponse {
+  content: string;
+  model: string;
+}
+
+const SYSTEM_PROMPT = `You are C-napse, a helpful AI assistant for PC automation running on the user's desktop.
+You can help with coding, file management, shell commands, and more. Be concise and helpful.
+
+When responding:
+- Be direct and practical
+- Use markdown formatting for code blocks
+- If asked to do something, explain what you'll do first`;
+
+export async function chat(messages: Message[]): Promise<ChatResponse> {
+  const config = getConfig();
+
+  const allMessages: Message[] = [
+    { role: 'system', content: SYSTEM_PROMPT },
+    ...messages,
+  ];
+
+  switch (config.provider) {
+    case 'openrouter':
+      return chatOpenRouter(allMessages, config.model);
+    case 'ollama':
+      return chatOllama(allMessages, config.model);
+    case 'anthropic':
+      return chatAnthropic(allMessages, config.model);
+    case 'openai':
+      return chatOpenAI(allMessages, config.model);
+    default:
+      throw new Error(`Unknown provider: ${config.provider}`);
+  }
+}
+
+async function chatOpenRouter(messages: Message[], model: string): Promise<ChatResponse> {
+  const apiKey = getApiKey('openrouter');
+  if (!apiKey) {
+    throw new Error('OpenRouter API key not configured. Run: cnapse auth openrouter <key>');
+  }
+
+  const config = getConfig();
+
+  const response = await fetch('https://openrouter.ai/api/v1/chat/completions', {
+    method: 'POST',
+    headers: {
+      'Authorization': `Bearer ${apiKey}`,
+      'Content-Type': 'application/json',
+      'HTTP-Referer': config.openrouter.siteUrl,
+      'X-Title': config.openrouter.appName,
+    },
+    body: JSON.stringify({
+      model,
+      messages,
+      max_tokens: 2048,
+      temperature: 0.7,
+    }),
+  });
+
+  if (!response.ok) {
+    const error = await response.text();
+    throw new Error(`OpenRouter error: ${response.status} - ${error}`);
+  }
+
+  const data = await response.json() as any;
+  const content = data.choices?.[0]?.message?.content || '';
+
+  return { content, model };
+}
+
+async function chatOllama(messages: Message[], model: string): Promise<ChatResponse> {
+  const config = getConfig();
+
+  const response = await fetch(`${config.ollamaHost}/api/chat`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({
+      model,
+      messages,
+      stream: false,
+    }),
+  });
+
+  if (!response.ok) {
+    const error = await response.text();
+    throw new Error(`Ollama error: ${response.status} - ${error}`);
+  }
+
+  const data = await response.json() as any;
+  const content = data.message?.content || '';
+
+  return { content, model };
+}
+
+async function chatAnthropic(messages: Message[], model: string): Promise<ChatResponse> {
+  const apiKey = getApiKey('anthropic');
+  if (!apiKey) {
+    throw new Error('Anthropic API key not configured. Run: cnapse auth anthropic <key>');
+  }
+
+  // Extract system message
+  const systemMsg = messages.find(m => m.role === 'system');
+  const chatMessages = messages.filter(m => m.role !== 'system');
+
+  const response = await fetch('https://api.anthropic.com/v1/messages', {
+    method: 'POST',
+    headers: {
+      'x-api-key': apiKey,
+      'Content-Type': 'application/json',
+      'anthropic-version': '2023-06-01',
+    },
+    body: JSON.stringify({
+      model,
+      max_tokens: 2048,
+      system: systemMsg?.content || '',
+      messages: chatMessages,
+    }),
+  });
+
+  if (!response.ok) {
+    const error = await response.text();
+    throw new Error(`Anthropic error: ${response.status} - ${error}`);
+  }
+
+  const data = await response.json() as any;
+  const content = data.content?.[0]?.text || '';
+
+  return { content, model };
+}
+
+async function chatOpenAI(messages: Message[], model: string): Promise<ChatResponse> {
+  const apiKey = getApiKey('openai');
+  if (!apiKey) {
+    throw new Error('OpenAI API key not configured. Run: cnapse auth openai <key>');
+  }
+
+  const response = await fetch('https://api.openai.com/v1/chat/completions', {
+    method: 'POST',
+    headers: {
+      'Authorization': `Bearer ${apiKey}`,
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify({
+      model,
+      messages,
+      max_tokens: 2048,
+      temperature: 0.7,
+    }),
+  });
+
+  if (!response.ok) {
+    const error = await response.text();
+    throw new Error(`OpenAI error: ${response.status} - ${error}`);
+  }
+
+  const data = await response.json() as any;
+  const content = data.choices?.[0]?.message?.content || '';
+
+  return { content, model };
+}
+
+export async function testConnection(): Promise<boolean> {
+  try {
+    await chat([{ role: 'user', content: 'hi' }]);
+    return true;
+  } catch {
+    return false;
+  }
+}

package/src/lib/config.ts

@@ -0,0 +1,60 @@
+import Conf from 'conf';
+
+interface ConfigSchema {
+  provider: 'openrouter' | 'ollama' | 'anthropic' | 'openai';
+  model: string;
+  apiKeys: {
+    openrouter?: string;
+    anthropic?: string;
+    openai?: string;
+  };
+  ollamaHost: string;
+  openrouter: {
+    siteUrl: string;
+    appName: string;
+  };
+}
+
+const config = new Conf<ConfigSchema>({
+  projectName: 'cnapse',
+  defaults: {
+    provider: 'ollama',
+    model: 'qwen2.5:0.5b',
+    apiKeys: {},
+    ollamaHost: 'http://localhost:11434',
+    openrouter: {
+      siteUrl: 'https://github.com/projectservan8n/C-napse',
+      appName: 'C-napse',
+    },
+  },
+});
+
+export function getConfig() {
+  return {
+    provider: config.get('provider'),
+    model: config.get('model'),
+    apiKeys: config.get('apiKeys'),
+    ollamaHost: config.get('ollamaHost'),
+    openrouter: config.get('openrouter'),
+  };
+}
+
+export function setProvider(provider: ConfigSchema['provider']) {
+  config.set('provider', provider);
+}
+
+export function setModel(model: string) {
+  config.set('model', model);
+}
+
+export function setApiKey(provider: keyof ConfigSchema['apiKeys'], key: string) {
+  const keys = config.get('apiKeys');
+  keys[provider] = key;
+  config.set('apiKeys', keys);
+}
+
+export function getApiKey(provider: keyof ConfigSchema['apiKeys']): string | undefined {
+  return config.get('apiKeys')[provider];
+}
+
+export { config };

package/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "esModuleInterop": true,
+    "strict": true,
+    "jsx": "react-jsx",
+    "outDir": "dist",
+    "rootDir": "src",
+    "declaration": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}