wispy-cli 0.1.2 → 0.2.0

package/lib/wispy-repl.mjs

@@ -134,78 +134,112 @@ async function runOnboarding() {
   const { createInterface: createRL } = await import("node:readline");
   const { execSync } = await import("node:child_process");
 
-  console.log(`\n${bold("🌿 Welcome to Wispy!")}\n`);
+  // Splash
+  console.log("");
+  console.log(box([
+    "",
+    `${bold("🌿 W I S P Y")}`,
+    "",
+    `${dim("AI workspace assistant")}`,
+    `${dim("with multi-agent orchestration")}`,
+    "",
+  ]));
+  console.log("");
 
   // Auto-detect 1: Ollama running locally?
+  process.stdout.write(dim("  Checking environment..."));
   try {
     const resp = await fetch("http://localhost:11434/api/tags", { signal: AbortSignal.timeout(2000) });
     if (resp.ok) {
-      console.log(`${green("✅")} Found Ollama running locally — no API key needed!`);
+      console.log(green(" found Ollama! ✓\n"));
+      console.log(box([
+        `${green("✓")} Using local Ollama ${dim("— no API key needed")}`,
+        "",
+        `  ${dim("Your AI runs entirely on your machine.")}`,
+        `  ${dim("No data leaves your computer.")}`,
+      ]));
       const configPath = path.join(WISPY_DIR, "config.json");
       await mkdir(WISPY_DIR, { recursive: true });
       const config = JSON.parse(await readFileOr(configPath, "{}"));
       config.provider = "ollama";
       await writeFile(configPath, JSON.stringify(config, null, 2) + "\n", "utf8");
       process.env.OLLAMA_HOST = "http://localhost:11434";
-      console.log(dim("  Using local Ollama. Run wispy to start.\n"));
+      console.log("");
       return;
     }
   } catch { /* not running */ }
 
   // Auto-detect 2: macOS Keychain
   const keychainProviders = [
-    { service: "google-ai-key", provider: "google", label: "Google AI" },
-    { service: "anthropic-api-key", provider: "anthropic", label: "Anthropic" },
-    { service: "openai-api-key", provider: "openai", label: "OpenAI" },
+    { service: "google-ai-key", provider: "google", label: "Google AI (Gemini)" },
+    { service: "anthropic-api-key", provider: "anthropic", label: "Anthropic (Claude)" },
+    { service: "openai-api-key", provider: "openai", label: "OpenAI (GPT)" },
   ];
   for (const kc of keychainProviders) {
     const key = await tryKeychainKey(kc.service);
     if (key) {
-      console.log(`${green("✅")} Found ${kc.label} key in macOS Keychain — using it automatically!`);
+      console.log(green(` found ${kc.label} key! ✓\n`));
+      console.log(box([
+        `${green("✓")} ${kc.label} ${dim("— auto-detected from Keychain")}`,
+        "",
+        `  ${dim("Ready to go. No setup needed.")}`,
+      ]));
       const configPath = path.join(WISPY_DIR, "config.json");
       await mkdir(WISPY_DIR, { recursive: true });
       const config = JSON.parse(await readFileOr(configPath, "{}"));
       config.provider = kc.provider;
       await writeFile(configPath, JSON.stringify(config, null, 2) + "\n", "utf8");
       process.env[PROVIDERS[kc.provider].envKeys[0]] = key;
-      console.log(dim("  Ready to go. Run wispy to start.\n"));
+      console.log("");
       return;
     }
   }
 
-  // Nothing auto-detected — minimal setup: open browser, paste key
-  console.log(`${dim("No API key found. Let's set one up — takes 10 seconds.")}\n`);
+  console.log(dim(" no existing config found.\n"));
 
-  const rl = createRL({ input: process.stdin, output: process.stdout });
-  const ask = (q) => new Promise(r => rl.question(q, r));
-
-  console.log(`  The easiest way: ${bold("Google AI")} (free, no credit card)\n`);
+  // Nothing auto-detected — elegant key setup
+  console.log(box([
+    `${bold("Quick Setup")} ${dim("— one step, 10 seconds")}`,
+    "",
+    `  Wispy needs an AI provider to work.`,
+    `  The easiest: ${bold("Google AI")} ${dim("(free, no credit card)")}`,
+  ]));
+  console.log("");
 
   // Auto-open browser
   try {
     execSync('open "https://aistudio.google.com/apikey" 2>/dev/null || xdg-open "https://aistudio.google.com/apikey" 2>/dev/null', { stdio: "ignore" });
-    console.log(`  ${green("→")} Opened browser to get your free API key`);
-    console.log(`  ${dim("  Click 'Create API Key' and paste it here:")}\n`);
+    console.log(`  ${green("→")} Browser opened to ${underline("aistudio.google.com/apikey")}`);
   } catch {
-    console.log(`  ${dim("  Go to:")} ${cyan("https://aistudio.google.com/apikey")}`);
-    console.log(`  ${dim("  Click 'Create API Key' and paste it here:")}\n`);
+    console.log(`  ${green("→")} Visit: ${underline("https://aistudio.google.com/apikey")}`);
   }
+  console.log(`  ${dim('  Click "Create API Key" → copy → paste below')}`);
+  console.log("");
 
-  const apiKey = (await ask(green("  API key: "))).trim();
+  const rl = createRL({ input: process.stdin, output: process.stdout });
+  const ask = (q) => new Promise(r => rl.question(q, r));
+
+  const apiKey = (await ask(`  ${green("API key")} ${dim("(paste here)")}: `)).trim();
 
   if (!apiKey) {
-    console.log(`\n  ${dim("No key? You can also use Ollama for free local AI:")}`);
-    console.log(`  ${cyan("brew install ollama && ollama serve")}`);
-    console.log(`  ${dim("Then run wispy again.\n")}`);
+    console.log("");
+    console.log(box([
+      `${dim("No key? Try local AI instead:")}`,
+      "",
+      `  ${cyan("brew install ollama")}`,
+      `  ${cyan("ollama serve")}`,
+      `  ${cyan("wispy")} ${dim("← will auto-detect")}`,
+    ]));
+    console.log("");
     rl.close();
     process.exit(0);
   }
 
-  // Detect provider from key format
-  let chosenProvider = "google"; // default
+  // Auto-detect provider from key format
+  let chosenProvider = "google";
   if (apiKey.startsWith("sk-ant-")) chosenProvider = "anthropic";
-  else if (apiKey.startsWith("sk-")) chosenProvider = "openai";
   else if (apiKey.startsWith("sk-or-")) chosenProvider = "openrouter";
+  else if (apiKey.startsWith("sk-")) chosenProvider = "openai";
   else if (apiKey.startsWith("gsk_")) chosenProvider = "groq";
 
   // Save
@@ -218,7 +252,17 @@ async function runOnboarding() {
   process.env[PROVIDERS[chosenProvider].envKeys[0]] = apiKey;
 
   rl.close();
-  console.log(`\n${green("✅")} Ready! Using ${PROVIDERS[chosenProvider].label}.\n`);
+
+  console.log("");
+  console.log(box([
+    `${green("✓")} Connected to ${bold(PROVIDERS[chosenProvider].label)}`,
+    "",
+    `  ${cyan("wispy")}                  ${dim("start chatting")}`,
+    `  ${cyan('wispy "do something"')}   ${dim("quick command")}`,
+    `  ${cyan("wispy -w project")}       ${dim("use a workstream")}`,
+    `  ${cyan("wispy --help")}           ${dim("all options")}`,
+  ]));
+  console.log("");
 }
 
 let detected = await detectProvider();
@@ -237,6 +281,29 @@ const green = (s) => `\x1b[32m${s}\x1b[0m`;
 const cyan = (s) => `\x1b[36m${s}\x1b[0m`;
 const yellow = (s) => `\x1b[33m${s}\x1b[0m`;
 const red = (s) => `\x1b[31m${s}\x1b[0m`;
+const magenta = (s) => `\x1b[35m${s}\x1b[0m`;
+const bgGreen = (s) => `\x1b[42m\x1b[30m${s}\x1b[0m`;
+const underline = (s) => `\x1b[4m${s}\x1b[0m`;
+
+function box(lines, { padding = 1, border = "rounded" } = {}) {
+  const chars = border === "rounded"
+    ? { tl: "╭", tr: "╮", bl: "╰", br: "╯", h: "─", v: "│" }
+    : { tl: "┌", tr: "┐", bl: "└", br: "┘", h: "─", v: "│" };
+
+  // Strip ANSI for width calculation
+  const stripAnsi = (s) => s.replace(/\x1b\[[0-9;]*m/g, "");
+  const maxW = Math.max(...lines.map(l => stripAnsi(l).length)) + padding * 2;
+  const pad = " ".repeat(padding);
+
+  const top = `  ${chars.tl}${chars.h.repeat(maxW)}${chars.tr}`;
+  const bot = `  ${chars.bl}${chars.h.repeat(maxW)}${chars.br}`;
+  const mid = lines.map(l => {
+    const visible = stripAnsi(l).length;
+    const rightPad = " ".repeat(Math.max(0, maxW - padding * 2 - visible));
+    return `  ${chars.v}${pad}${l}${rightPad}${pad}${chars.v}`;
+  });
+  return [top, ...mid, bot].join("\n");
+}
 
 // ---------------------------------------------------------------------------
 // File helpers
@@ -1812,11 +1879,11 @@ ${bold("Wispy Commands:")}
 // ---------------------------------------------------------------------------
 
 async function runRepl() {
-  const wsLabel = ACTIVE_WORKSTREAM === "default" ? "" : ` [${cyan(ACTIVE_WORKSTREAM)}]`;
+  const wsLabel = ACTIVE_WORKSTREAM === "default" ? "" : ` ${dim("·")} ${cyan(ACTIVE_WORKSTREAM)}`;
   const providerLabel = PROVIDERS[PROVIDER]?.label ?? PROVIDER;
   console.log(`
-${bold("🌿 Wispy")}${wsLabel} ${dim(`— ${providerLabel} (${MODEL})`)}
-${dim("Type a message to chat. /help for commands. Ctrl+C to exit.")}
+  ${bold("🌿 Wispy")}${wsLabel} ${dim(`· ${MODEL}`)}
+  ${dim(`${providerLabel} · /help for commands · Ctrl+C to exit`)}
 `);
 
   const systemPrompt = await buildSystemPrompt();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wispy-cli",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "🌿 Wispy — AI workspace assistant with multi-agent orchestration",
   "license": "Apache-2.0",
   "author": "Minseo & Poropo",