calabasas 0.1.12 → 0.2.0

package/dist/index.js

@@ -2599,6 +2599,206 @@ var init_open = __esm(() => {
   open_default = open;
 });
 
+// src/lib/convex.tsx
+var exports_convex = {};
+__export(exports_convex, {
+  createConvexClient: () => createConvexClient,
+  cliApi: () => cliApi,
+  ConvexProvider: () => ConvexProvider
+});
+import { ConvexProvider as BaseConvexProvider, ConvexReactClient } from "convex/react";
+import { makeFunctionReference } from "convex/server";
+import { jsxDEV } from "react/jsx-dev-runtime";
+function createConvexClient(url) {
+  return new ConvexReactClient(url);
+}
+function ConvexProvider({
+  client,
+  children
+}) {
+  const Provider = BaseConvexProvider;
+  return /* @__PURE__ */ jsxDEV(Provider, {
+    client,
+    children
+  }, undefined, false, undefined, this);
+}
+var cliApi;
+var init_convex = __esm(() => {
+  cliApi = {
+    listBots: makeFunctionReference("cli:listBots"),
+    recentLogs: makeFunctionReference("cli:recentLogs"),
+    botStats: makeFunctionReference("cli:botStats"),
+    botDetail: makeFunctionReference("cli:botDetail")
+  };
+});
+
+// src/components/StatusBadge.tsx
+import { Text } from "ink";
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+function StatusBadge({ status }) {
+  const config = STATUS_CONFIG[status];
+  return /* @__PURE__ */ jsxDEV2(Text, {
+    children: [
+      /* @__PURE__ */ jsxDEV2(Text, {
+        color: config.color,
+        children: config.dot
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2(Text, {
+        children: [
+          " ",
+          status
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+var STATUS_CONFIG;
+var init_StatusBadge = __esm(() => {
+  STATUS_CONFIG = {
+    connected: { color: "green", dot: "●" },
+    connecting: { color: "yellow", dot: "●" },
+    error: { color: "red", dot: "●" },
+    disconnected: { color: "gray", dot: "●" }
+  };
+});
+
+// src/lib/format.ts
+function relativeTime(timestamp) {
+  if (!timestamp)
+    return "never";
+  const diff = Date.now() - timestamp;
+  const seconds = Math.floor(diff / 1000);
+  if (seconds < 60)
+    return `${seconds}s ago`;
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60)
+    return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24)
+    return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  return `${days}d ago`;
+}
+function formatLatency(ms) {
+  if (ms < 1000)
+    return `${Math.round(ms)}ms`;
+  return `${(ms / 1000).toFixed(1)}s`;
+}
+function formatNumber(n) {
+  return n.toLocaleString("en-US");
+}
+
+// src/components/BotList.tsx
+var exports_BotList = {};
+__export(exports_BotList, {
+  BotList: () => BotList
+});
+import { Text as Text2, Box } from "ink";
+import Spinner from "ink-spinner";
+import { useQuery } from "convex/react";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function BotList({
+  apiKey,
+  selectedIndex,
+  onSelect
+}) {
+  const bots = useQuery(cliApi.listBots, { apiKey });
+  if (bots === undefined) {
+    return /* @__PURE__ */ jsxDEV3(Box, {
+      children: [
+        /* @__PURE__ */ jsxDEV3(Text2, {
+          color: "cyan",
+          children: /* @__PURE__ */ jsxDEV3(Spinner, {
+            type: "dots"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV3(Text2, {
+          children: " Loading bots..."
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  if (bots.length === 0) {
+    return /* @__PURE__ */ jsxDEV3(Box, {
+      children: /* @__PURE__ */ jsxDEV3(Text2, {
+        dimColor: true,
+        children: "No bots found. Run `calabasas bot add` to create one."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV3(Box, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsxDEV3(Box, {
+        marginBottom: 1,
+        children: /* @__PURE__ */ jsxDEV3(Text2, {
+          bold: true,
+          children: [
+            "  Name".padEnd(22),
+            "Status".padEnd(16),
+            "Discord App ID".padEnd(22),
+            "Convex URL".padEnd(36),
+            "Last Connected"
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      bots.map((bot, i) => {
+        const isSelected = selectedIndex === i;
+        return /* @__PURE__ */ jsxDEV3(Box, {
+          flexDirection: "column",
+          children: [
+            /* @__PURE__ */ jsxDEV3(Box, {
+              children: [
+                /* @__PURE__ */ jsxDEV3(Text2, {
+                  color: isSelected ? "cyan" : undefined,
+                  children: isSelected ? "→ " : "  "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV3(Text2, {
+                  bold: isSelected,
+                  children: bot.name.padEnd(20)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV3(StatusBadge, {
+                  status: bot.status
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV3(Text2, {
+                  children: "".padEnd(Math.max(0, 16 - bot.status.length - 2))
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV3(Text2, {
+                  dimColor: true,
+                  children: bot.discordAppId.padEnd(22)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV3(Text2, {
+                  dimColor: true,
+                  children: bot.convexUrl.replace("https://", "").padEnd(36)
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV3(Text2, {
+                  dimColor: true,
+                  children: relativeTime(bot.lastConnectedAt)
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            bot.errorMessage && /* @__PURE__ */ jsxDEV3(Box, {
+              marginLeft: 4,
+              children: /* @__PURE__ */ jsxDEV3(Text2, {
+                color: "red",
+                dimColor: true,
+                children: [
+                  "└ ",
+                  bot.errorMessage
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, bot._id, true, undefined, this);
+      })
+    ]
+  }, undefined, true, undefined, this);
+}
+var init_BotList = __esm(() => {
+  init_convex();
+  init_StatusBadge();
+});
+
 // ../../node_modules/.bun/commander@13.1.0/node_modules/commander/esm.mjs
 var import__ = __toESM(require_commander(), 1);
 var {
@@ -2617,6 +2817,7 @@ var {
 
 // src/commands/login.ts
 import * as http from "http";
+import * as p from "@clack/prompts";
 
 // src/lib/config.ts
 import * as fs from "fs";
@@ -2630,6 +2831,8 @@ function getConfigFile(env) {
 }
 var PROD_API_URL = "https://savory-llama-364.convex.site";
 var DEV_API_URL = "https://notable-monitor-41.convex.site";
+var PROD_CONVEX_URL = "https://savory-llama-364.convex.cloud";
+var DEV_CONVEX_URL = "https://notable-monitor-41.convex.cloud";
 var PROD_WEB_URL = "https://calabasas-web.vercel.app";
 var DEV_WEB_URL = "http://localhost:3000";
 function getConfig(env) {
@@ -2678,6 +2881,11 @@ function getWebUrlForEnv(env) {
     return DEV_WEB_URL;
   return PROD_WEB_URL;
 }
+function getConvexUrl(env) {
+  if (env === "dev")
+    return DEV_CONVEX_URL;
+  return PROD_CONVEX_URL;
+}
 
 // src/commands/login.ts
 var CALLBACK_PORT = 9876;
@@ -2692,15 +2900,16 @@ async function login(options) {
   }
   const env = options.dev ? "dev" : "prod";
   const existing = getConfig(env);
+  p.intro("calabasas login");
   if (existing.apiKey) {
-    console.log("You are already logged in.");
-    console.log(`API Key: ${existing.apiKey.slice(0, 8)}...`);
-    console.log("");
-    console.log("Run `calabasas logout` to clear credentials.");
+    p.note(`API Key: ${existing.apiKey.slice(0, 8)}...
+
+Run \`calabasas logout\` to clear credentials.`, "Already logged in");
+    p.outro("Done");
     return;
   }
-  console.log(`Opening browser for authentication...
-`);
+  const s = p.spinner();
+  s.start("Opening browser for authentication...");
   const server = http.createServer((req, res) => {
     const url = new URL(req.url || "", `http://localhost:${CALLBACK_PORT}`);
     if (url.pathname === "/callback") {
@@ -2722,18 +2931,17 @@ async function login(options) {
             </head>
             <body>
               <div class="container">
-                <h1>✓ Authenticated!</h1>
+                <h1>Authenticated!</h1>
                 <p>You can close this window and return to the terminal.</p>
               </div>
             </body>
           </html>
         `);
-        console.log("✅ Logged in successfully!");
-        console.log("");
-        console.log("You can now use:");
-        console.log("  calabasas bot add     - Add a Discord bot");
-        console.log("  calabasas bot list    - List your bots");
-        console.log("  calabasas generate    - Generate event handlers");
+        s.stop("Authenticated!");
+        p.note(`calabasas bot add     - Add a Discord bot
+calabasas bot list    - List your bots
+calabasas generate    - Generate event handlers`, "Available commands");
+        p.outro("Logged in successfully!");
         setTimeout(() => {
           server.close();
           process.exit(0);
@@ -2758,9 +2966,11 @@ async function login(options) {
   });
   server.listen(CALLBACK_PORT, async () => {
     const authUrl = `${getWebUrlForEnv(env)}/auth/cli?callback=http://localhost:${CALLBACK_PORT}/callback`;
-    console.log("If the browser doesn't open automatically, visit:");
-    console.log(`  ${authUrl}
-`);
+    s.stop("Browser opened");
+    p.note(`If the browser doesn't open automatically, visit:
+${authUrl}`, "Authentication URL");
+    const waitSpinner = p.spinner();
+    waitSpinner.start("Waiting for authentication...");
     const open2 = await Promise.resolve().then(() => (init_open(), exports_open)).catch(() => null);
     if (open2) {
       open2.default(authUrl);
@@ -2771,14 +2981,14 @@ async function login(options) {
     }
   });
   setTimeout(() => {
-    console.log(`
-Authentication timed out. Please try again.`);
+    p.cancel("Authentication timed out. Please try again.");
     server.close();
     process.exit(1);
   }, 5 * 60 * 1000);
 }
 
 // src/commands/logout.ts
+import * as p2 from "@clack/prompts";
 async function logout(options) {
   if (options.dev && options.prod) {
     console.error("Error: Cannot use both --dev and --prod flags.");
@@ -2789,14 +2999,26 @@ async function logout(options) {
     process.exit(1);
   }
   const env = options.dev ? "dev" : "prod";
+  p2.intro("calabasas logout");
+  if (!isAuthenticated(env)) {
+    p2.outro("Not logged in. Nothing to clear.");
+    return;
+  }
+  const confirmed = await p2.confirm({
+    message: `Clear ${env} credentials?`
+  });
+  if (p2.isCancel(confirmed) || !confirmed) {
+    p2.cancel("Cancelled.");
+    return;
+  }
   clearConfig(env);
-  const label = env ?? "prod";
-  console.log(`✅ Logged out of ${label} successfully. Credentials cleared.`);
+  p2.outro(`Logged out of ${env} successfully. Credentials cleared.`);
 }
 
 // src/commands/init.ts
 import * as fs7 from "fs";
 import * as path3 from "path";
+import * as p3 from "@clack/prompts";
 var CONFIG_TEMPLATE = `// Calabasas configuration
 // Documentation: https://calabasas.dev/docs/config
 
@@ -2822,32 +3044,30 @@ export default defineCalabasas({
 async function init() {
   const convexDir = path3.resolve(process.cwd(), "convex");
   const configPath = path3.join(convexDir, "calabasas.config.ts");
+  p3.intro("calabasas init");
   if (!fs7.existsSync(convexDir)) {
-    console.error("Error: convex/ directory not found.");
-    console.error("");
-    console.error("Make sure you're in a Convex project directory.");
-    console.error("Run `npx convex dev` to initialize a new Convex project.");
+    p3.cancel(`convex/ directory not found.
+
+Make sure you're in a Convex project directory.
+Run \`npx convex dev\` to initialize a new Convex project.`);
     process.exit(1);
   }
   if (fs7.existsSync(configPath)) {
-    console.error("Error: convex/calabasas.config.ts already exists.");
-    console.error("");
-    console.error("Delete the existing file if you want to start fresh:");
-    console.error("  rm convex/calabasas.config.ts");
+    p3.cancel(`convex/calabasas.config.ts already exists.
+
+Delete the existing file if you want to start fresh:
+  rm convex/calabasas.config.ts`);
     process.exit(1);
   }
   fs7.writeFileSync(configPath, CONFIG_TEMPLATE);
-  console.log("Created convex/calabasas.config.ts");
-  console.log("");
-  console.log("Next steps:");
-  console.log("1. Edit convex/calabasas.config.ts to configure sync and events");
-  console.log("2. Run `calabasas generate` to generate type-safe handlers");
-  console.log("3. Run `calabasas push` to sync config with Calabasas");
+  p3.note("1. Edit convex/calabasas.config.ts to configure sync and events\n2. Run `calabasas generate` to generate type-safe handlers\n3. Run `calabasas push` to sync config with Calabasas", "Next steps");
+  p3.outro("Created convex/calabasas.config.ts");
 }
 
 // src/commands/push.ts
 import * as fs8 from "fs";
 import * as path4 from "path";
+import * as p4 from "@clack/prompts";
 function parseConfigFile(configPath) {
   const configContent = fs8.readFileSync(configPath, "utf-8");
   const syncMatch = configContent.match(/sync:\s*\{([^}]+)\}/);
@@ -2885,38 +3105,29 @@ async function selectBot(apiKey, apiUrl) {
     }
   });
   if (!response.ok) {
-    console.error("Error fetching bots:", await response.text());
+    p4.cancel("Error fetching bots: " + await response.text());
     return null;
   }
   const { bots } = await response.json();
   if (!bots || bots.length === 0) {
-    console.error("No bots found. Add a bot first with `calabasas bot add`");
+    p4.cancel("No bots found. Add a bot first with `calabasas bot add`");
     return null;
   }
   if (bots.length === 1) {
     return bots[0]._id;
   }
-  console.log("Select a bot:");
-  bots.forEach((bot, index) => {
-    console.log(`  ${index + 1}. ${bot.name} (${bot._id})`);
-  });
-  const readline = await import("readline");
-  const rl = readline.createInterface({
-    input: process.stdin,
-    output: process.stdout
-  });
-  return new Promise((resolve3) => {
-    rl.question("Enter number: ", (answer) => {
-      rl.close();
-      const index = parseInt(answer, 10) - 1;
-      if (index >= 0 && index < bots.length) {
-        resolve3(bots[index]._id);
-      } else {
-        console.error("Invalid selection");
-        resolve3(null);
-      }
-    });
+  const selected = await p4.select({
+    message: "Select a bot to push config to",
+    options: bots.map((bot) => ({
+      value: bot._id,
+      label: bot.name
+    }))
   });
+  if (p4.isCancel(selected)) {
+    p4.cancel("Cancelled.");
+    return null;
+  }
+  return selected;
 }
 async function push(options) {
   if (options.dev && options.prod) {
@@ -2932,8 +3143,7 @@ async function push(options) {
   const configPath = path4.resolve(process.cwd(), options.config);
   if (!fs8.existsSync(configPath)) {
     console.error(`Error: Config file not found: ${configPath}`);
-    console.error("");
-    console.error("Run `calabasas init` to create a calabasas.config.ts file.");
+    console.error("\nRun `calabasas init` to create a calabasas.config.ts file.");
     process.exit(1);
   }
   if (!isAuthenticated(env)) {
@@ -2942,6 +3152,7 @@ async function push(options) {
   }
   const config = getConfig(env);
   const apiKey = config.apiKey;
+  p4.intro("calabasas push");
   let botId = options.bot;
   if (!botId) {
     botId = await selectBot(apiKey, apiUrl) ?? undefined;
@@ -2949,10 +3160,10 @@ async function push(options) {
       process.exit(1);
     }
   }
-  const envLabel = env ?? "prod";
-  console.log(`Pushing config from ${options.config} to ${envLabel}...`);
   const calabasasConfig = parseConfigFile(configPath);
   const eventConfigs = Object.keys(calabasasConfig.events ?? {}).map((eventType) => ({ eventType }));
+  const s = p4.spinner();
+  s.start(`Pushing config from ${options.config} to ${env}...`);
   const response = await fetch(`${apiUrl}/api/cli/sync-config`, {
     method: "POST",
     headers: {
@@ -2970,28 +3181,33 @@ async function push(options) {
   });
   if (!response.ok) {
     const error = await response.text();
-    console.error("Error pushing config:", error);
+    s.stop("Push failed");
+    p4.cancel(`Error: ${error}`);
     process.exit(1);
   }
-  const result = await response.json();
-  console.log("");
-  console.log("Config pushed successfully!");
-  console.log("");
-  console.log("Sync settings:");
-  console.log(`  Guilds:   ${calabasasConfig.sync?.guilds ? "enabled" : "disabled"}`);
-  console.log(`  Channels: ${calabasasConfig.sync?.channels ? "enabled" : "disabled"}`);
-  console.log(`  Roles:    ${calabasasConfig.sync?.roles ? "enabled" : "disabled"}`);
-  console.log(`  Members:  ${calabasasConfig.sync?.members ? "enabled" : "disabled"}`);
-  console.log("");
-  console.log(`Event handlers: ${eventConfigs.length} configured`);
-  eventConfigs.forEach((ec) => {
-    console.log(`  - ${ec.eventType}`);
-  });
+  s.stop("Config pushed!");
+  const syncSummary = [
+    `Guilds:   ${calabasasConfig.sync?.guilds ? "enabled" : "disabled"}`,
+    `Channels: ${calabasasConfig.sync?.channels ? "enabled" : "disabled"}`,
+    `Roles:    ${calabasasConfig.sync?.roles ? "enabled" : "disabled"}`,
+    `Members:  ${calabasasConfig.sync?.members ? "enabled" : "disabled"}`
+  ].join(`
+`);
+  const eventSummary = eventConfigs.length > 0 ? `
+
+Event handlers: ${eventConfigs.length} configured
+${eventConfigs.map((ec) => `  - ${ec.eventType}`).join(`
+`)}` : `
+
+No event handlers configured.`;
+  p4.note(syncSummary + eventSummary, "Sync settings");
+  p4.outro("Config pushed successfully!");
 }
 
 // src/commands/generate.ts
 import * as fs9 from "fs";
 import * as path5 from "path";
+import * as p5 from "@clack/prompts";
 
 // src/lib/generators/schema.ts
 function generateSchemaFile(sync) {
@@ -3940,19 +4156,20 @@ ${eventNames.map((name) => `      if (type === "${toScreamingSnake(name)}" && ha
 async function generate(options) {
   const convexDir = path5.resolve(process.cwd(), "convex");
   const configPath = path5.join(convexDir, "calabasas.config.ts");
+  p5.intro("calabasas generate");
   let config = { sync: {}, events: {} };
   if (fs9.existsSync(configPath)) {
-    console.log("Reading convex/calabasas.config.ts...");
     config = parseConfigFile2(configPath);
   } else {
-    console.log("No calabasas.config.ts found, generating with default settings...");
-    console.log("Run `calabasas init` to create a config file.");
-    console.log("");
+    p5.log.warn("No calabasas.config.ts found, generating with default settings...");
+    p5.log.info("Run `calabasas init` to create a config file.");
   }
+  const s = p5.spinner();
+  s.start("Generating files...");
   const eventHandlersPath = path5.resolve(process.cwd(), options.output);
   const eventHandlersCode = generateEventHandlersFile(config.events ?? {});
   fs9.writeFileSync(eventHandlersPath, eventHandlersCode);
-  console.log(`Generated ${options.output}`);
+  const generated = [options.output];
   const syncConfig = config.sync ?? {};
   const hasSyncEnabled = syncConfig.guilds || syncConfig.channels || syncConfig.roles || syncConfig.members;
   if (hasSyncEnabled) {
@@ -3963,24 +4180,16 @@ async function generate(options) {
     const schemaPath = path5.join(calabasasDir, "schema.ts");
     const schemaCode = generateSchemaFile(syncConfig);
     fs9.writeFileSync(schemaPath, schemaCode);
-    console.log("Generated convex/calabasas/schema.ts");
+    generated.push("convex/calabasas/schema.ts");
     const syncPath = path5.join(calabasasDir, "sync.ts");
     const syncCode = generateSyncFile(syncConfig);
     fs9.writeFileSync(syncPath, syncCode);
-    console.log("Generated convex/calabasas/sync.ts");
+    generated.push("convex/calabasas/sync.ts");
   }
-  console.log("");
-  console.log("Next steps:");
+  s.stop(`Generated ${generated.length} file${generated.length > 1 ? "s" : ""}`);
+  p5.note(generated.join(`
+`), "Generated files");
   if (hasSyncEnabled) {
-    console.log("1. Add tables to your convex/schema.ts:");
-    console.log('   import { calabasasTables } from "./calabasas/schema";');
-    console.log("");
-    console.log("   export default defineSchema({");
-    console.log("     ...calabasasTables,");
-    console.log("     // your other tables...");
-    console.log("   });");
-    console.log("");
-    console.log("2. Re-export sync mutations in convex/discord.ts:");
     const syncExports = [];
     if (syncConfig.guilds) {
       syncExports.push("syncGuild");
@@ -3992,29 +4201,38 @@ async function generate(options) {
       syncExports.push("syncRole");
     if (syncConfig.members)
       syncExports.push("syncMember");
-    console.log(`   export { ${syncExports.join(", ")} } from "./calabasas/sync";`);
-    console.log("");
-    console.log("3. Add CALABASAS_SECRET to your Convex environment variables");
-    console.log("4. Create your event handler in convex/discord.ts");
-    console.log("5. Run `calabasas push` to sync config with Calabasas");
+    p5.note(`1. Add tables to your convex/schema.ts:
+   import { calabasasTables } from "./calabasas/schema";
+
+   export default defineSchema({
+     ...calabasasTables,
+   });
+
+2. Re-export sync mutations in convex/discord.ts:
+   export { ${syncExports.join(", ")} } from "./calabasas/sync";
+
+3. Add CALABASAS_SECRET to your Convex environment variables
+4. Create your event handler in convex/discord.ts
+5. Run \`calabasas push\` to sync config with Calabasas`, "Next steps");
   } else {
-    console.log("1. Add CALABASAS_SECRET to your Convex environment variables");
-    console.log("2. Create your handler in convex/discord.ts:");
-    console.log("");
-    console.log('   import { handleDiscordEvent } from "./discord.generated";');
-    console.log("");
-    console.log("   export const receive = handleDiscordEvent({");
-    console.log("     messageCreate: async (ctx, event) => {");
-    console.log("       console.log('New message:', event.content);");
-    console.log("     },");
-    console.log("   });");
+    p5.note(`1. Add CALABASAS_SECRET to your Convex environment variables
+2. Create your handler in convex/discord.ts:
+
+   import { handleDiscordEvent } from "./discord.generated";
+
+   export const receive = handleDiscordEvent({
+     messageCreate: async (ctx, event) => {
+       console.log('New message:', event.content);
+     },
+   });`, "Next steps");
   }
+  p5.outro("Generation complete!");
 }
 
 // src/commands/skill.ts
 import * as fs10 from "fs";
 import * as path6 from "path";
-import * as readline from "readline";
+import * as p6 from "@clack/prompts";
 var SECTION_HEADER = "## Calabasas Guidelines";
 async function fetchSkillContent(env) {
   const apiUrl = getApiUrlForEnv(env);
@@ -4046,145 +4264,6 @@ function detectExistingFiles(cwd) {
 function hasCalabsasSection(content) {
   return content.includes(SECTION_HEADER) || content.includes("## Calabasas Guidelines");
 }
-async function prompt(question) {
-  const rl = readline.createInterface({
-    input: process.stdin,
-    output: process.stdout
-  });
-  return new Promise((resolve5) => {
-    rl.question(question, (answer) => {
-      rl.close();
-      resolve5(answer.trim());
-    });
-  });
-}
-async function selectFile(files) {
-  if (files.length === 1) {
-    return 0;
-  }
-  let cursor = 0;
-  return new Promise((resolve5) => {
-    const render = () => {
-      process.stdout.write("\x1B[2J\x1B[H");
-      console.log(`Multiple config files found
-`);
-      console.log(`Which file should receive the Calabasas guidelines?
-`);
-      files.forEach((file, i) => {
-        const isCursor = cursor === i;
-        const pointer = isCursor ? "→" : " ";
-        const highlight = isCursor ? "\x1B[36m" : "";
-        const reset = "\x1B[0m";
-        console.log(`${pointer} ${highlight}${file.path}${reset}`);
-      });
-      console.log(`
-  ↑/↓ to navigate, Enter to select`);
-    };
-    render();
-    if (process.stdin.isTTY) {
-      process.stdin.setRawMode(true);
-    }
-    process.stdin.resume();
-    process.stdin.setEncoding("utf8");
-    const onKeypress = (key) => {
-      if (key === "\x03") {
-        if (process.stdin.isTTY) {
-          process.stdin.setRawMode(false);
-        }
-        console.log(`
-`);
-        process.exit(0);
-      }
-      if (key === "\r" || key === `
-`) {
-        process.stdin.removeListener("data", onKeypress);
-        if (process.stdin.isTTY) {
-          process.stdin.setRawMode(false);
-        }
-        console.log(`
-`);
-        resolve5(cursor);
-        return;
-      }
-      if (key === "\x1B[A" || key === "k") {
-        cursor = Math.max(0, cursor - 1);
-        render();
-        return;
-      }
-      if (key === "\x1B[B" || key === "j") {
-        cursor = Math.min(files.length - 1, cursor + 1);
-        render();
-        return;
-      }
-    };
-    process.stdin.on("data", onKeypress);
-  });
-}
-async function selectCreateLocation() {
-  const options = [
-    { label: "CLAUDE.md (project root)", path: "CLAUDE.md" },
-    { label: "AGENTS.md (project root)", path: "AGENTS.md" },
-    { label: ".claude/CLAUDE.md", path: ".claude/CLAUDE.md" },
-    { label: "Cancel", path: null }
-  ];
-  let cursor = 0;
-  return new Promise((resolve5) => {
-    const render = () => {
-      process.stdout.write("\x1B[2J\x1B[H");
-      console.log(`No CLAUDE.md or AGENTS.md found
-`);
-      console.log(`Would you like to create one?
-`);
-      options.forEach((opt, i) => {
-        const isCursor = cursor === i;
-        const pointer = isCursor ? "→" : " ";
-        const highlight = isCursor ? "\x1B[36m" : "";
-        const reset = "\x1B[0m";
-        console.log(`${pointer} ${highlight}${opt.label}${reset}`);
-      });
-      console.log(`
-  ↑/↓ to navigate, Enter to select`);
-    };
-    render();
-    if (process.stdin.isTTY) {
-      process.stdin.setRawMode(true);
-    }
-    process.stdin.resume();
-    process.stdin.setEncoding("utf8");
-    const onKeypress = (key) => {
-      if (key === "\x03") {
-        if (process.stdin.isTTY) {
-          process.stdin.setRawMode(false);
-        }
-        console.log(`
-`);
-        process.exit(0);
-      }
-      if (key === "\r" || key === `
-`) {
-        process.stdin.removeListener("data", onKeypress);
-        if (process.stdin.isTTY) {
-          process.stdin.setRawMode(false);
-        }
-        console.log(`
-`);
-        resolve5(options[cursor].path);
-        return;
-      }
-      if (key === "\x1B[A" || key === "k") {
-        cursor = Math.max(0, cursor - 1);
-        render();
-        return;
-      }
-      if (key === "\x1B[B" || key === "j") {
-        cursor = Math.min(options.length - 1, cursor + 1);
-        render();
-        return;
-      }
-    };
-    process.stdin.on("data", onKeypress);
-  });
-}
 async function skill(options) {
   if (options.dev && options.prod) {
     console.error("Error: Cannot use both --dev and --prod flags.");
@@ -4195,21 +4274,32 @@ async function skill(options) {
     process.exit(1);
   }
   const env = options.dev ? "dev" : "prod";
-  console.log("Fetching latest Calabasas guidelines...");
+  p6.intro("calabasas skill");
+  const s = p6.spinner();
+  s.start("Fetching latest Calabasas guidelines...");
   let skillContent;
   try {
     skillContent = await fetchSkillContent(env);
   } catch (error) {
-    console.error(`Error: ${error instanceof Error ? error.message : "Failed to fetch skill content"}`);
+    s.stop("Failed");
+    p6.cancel(error instanceof Error ? error.message : "Failed to fetch skill content");
     process.exit(1);
   }
+  s.stop("Guidelines fetched");
   const cwd = process.cwd();
   const detectedFiles = detectExistingFiles(cwd);
   if (detectedFiles.length === 0) {
-    const createPath = await selectCreateLocation();
-    if (!createPath) {
-      console.log("Cancelled.");
-      process.exit(0);
+    const createPath = await p6.select({
+      message: "No CLAUDE.md or AGENTS.md found. Where should we create one?",
+      options: [
+        { value: "CLAUDE.md", label: "CLAUDE.md (project root)" },
+        { value: "AGENTS.md", label: "AGENTS.md (project root)" },
+        { value: ".claude/CLAUDE.md", label: ".claude/CLAUDE.md" }
+      ]
+    });
+    if (p6.isCancel(createPath)) {
+      p6.cancel("Cancelled.");
+      return;
     }
     const fullPath = path6.resolve(cwd, createPath);
     const dir = path6.dirname(fullPath);
@@ -4221,17 +4311,34 @@ async function skill(options) {
 
 ${skillContent}`;
     fs10.writeFileSync(fullPath, initialContent);
-    console.log(`✓ Created ${createPath} with Calabasas guidelines`);
+    p6.outro(`Created ${createPath} with Calabasas guidelines`);
     return;
   }
-  const selectedIndex = await selectFile(detectedFiles);
-  const selectedFile = detectedFiles[selectedIndex];
+  let selectedFile;
+  if (detectedFiles.length === 1) {
+    selectedFile = detectedFiles[0];
+  } else {
+    const selected = await p6.select({
+      message: "Which file should receive the Calabasas guidelines?",
+      options: detectedFiles.map((file) => ({
+        value: file.path,
+        label: file.path
+      }))
+    });
+    if (p6.isCancel(selected)) {
+      p6.cancel("Cancelled.");
+      return;
+    }
+    selectedFile = detectedFiles.find((f) => f.path === selected);
+  }
   const existingContent = fs10.readFileSync(selectedFile.fullPath, "utf8");
   if (hasCalabsasSection(existingContent)) {
-    const update = await prompt(`Calabasas guidelines already exist in ${selectedFile.path}. Replace? (y/N): `);
-    if (update.toLowerCase() !== "y") {
-      console.log("Cancelled.");
-      process.exit(0);
+    const update = await p6.confirm({
+      message: `Calabasas guidelines already exist in ${selectedFile.path}. Replace?`
+    });
+    if (p6.isCancel(update) || !update) {
+      p6.cancel("Cancelled.");
+      return;
     }
     const sectionRegex = /## Calabasas Guidelines[\s\S]*?(?=\n## |\n# |$)/;
     const contentWithoutSection = existingContent.replace(sectionRegex, "").trimEnd();
@@ -4239,7 +4346,7 @@ ${skillContent}`;
 
 ${skillContent}`;
     fs10.writeFileSync(selectedFile.fullPath, newContent);
-    console.log(`✓ Updated Calabasas guidelines in ${selectedFile.path}`);
+    p6.outro(`Updated Calabasas guidelines in ${selectedFile.path}`);
   } else {
     const separator = existingContent.endsWith(`
 `) ? `
@@ -4248,13 +4355,14 @@ ${skillContent}`;
 `;
     const newContent = `${existingContent}${separator}${skillContent}`;
     fs10.writeFileSync(selectedFile.fullPath, newContent);
-    console.log(`✓ Added Calabasas guidelines to ${selectedFile.path}`);
+    p6.outro(`Added Calabasas guidelines to ${selectedFile.path}`);
   }
 }
 
 // src/commands/add.ts
 import * as fs11 from "fs";
 import * as path7 from "path";
+import * as p7 from "@clack/prompts";
 
 // src/lib/registry/components/channel-select.ts
 var channelSelect = {
@@ -4876,73 +4984,6 @@ function parseEnabledSyncTypes(configPath) {
   }
   return enabled;
 }
-async function selectComponents() {
-  const selected = new Set;
-  let cursor = 0;
-  return new Promise((resolve6) => {
-    const render = () => {
-      process.stdout.write("\x1B[2J\x1B[H");
-      console.log(`Select components to add (arrow keys to navigate, space to toggle, enter to confirm)
-`);
-      REGISTRY.forEach((comp, i) => {
-        const isSelected = selected.has(i);
-        const isCursor = cursor === i;
-        const checkbox = isSelected ? "[✓]" : "[ ]";
-        const pointer = isCursor ? "→" : " ";
-        console.log(`${pointer} ${checkbox} ${comp.name}`);
-        if (isCursor) {
-          console.log(`      ${comp.description}`);
-        }
-      });
-      const count = selected.size;
-      console.log(`
-${count} component${count === 1 ? "" : "s"} selected`);
-    };
-    render();
-    if (process.stdin.isTTY) {
-      process.stdin.setRawMode(true);
-    }
-    process.stdin.resume();
-    process.stdin.setEncoding("utf8");
-    const onKeypress = (key) => {
-      if (key === "\x03") {
-        if (process.stdin.isTTY)
-          process.stdin.setRawMode(false);
-        process.exit(0);
-      }
-      if (key === "\r" || key === `
-`) {
-        process.stdin.removeListener("data", onKeypress);
-        if (process.stdin.isTTY)
-          process.stdin.setRawMode(false);
-        console.log(`
-`);
-        resolve6(Array.from(selected).map((i) => REGISTRY[i]));
-        return;
-      }
-      if (key === " ") {
-        if (selected.has(cursor)) {
-          selected.delete(cursor);
-        } else {
-          selected.add(cursor);
-        }
-        render();
-        return;
-      }
-      if (key === "\x1B[A" || key === "k") {
-        cursor = Math.max(0, cursor - 1);
-        render();
-        return;
-      }
-      if (key === "\x1B[B" || key === "j") {
-        cursor = Math.min(REGISTRY.length - 1, cursor + 1);
-        render();
-        return;
-      }
-    };
-    process.stdin.on("data", onKeypress);
-  });
-}
 function existingQueryNames(filePath) {
   if (!fs11.existsSync(filePath))
     return new Set;
@@ -4984,7 +5025,20 @@ async function add(componentNames) {
   }
   let components;
   if (componentNames.length === 0) {
-    components = await selectComponents();
+    const selected = await p7.multiselect({
+      message: "Select components to add",
+      options: REGISTRY.map((comp) => ({
+        value: comp.name,
+        label: comp.name,
+        hint: comp.description
+      })),
+      required: true
+    });
+    if (p7.isCancel(selected)) {
+      p7.cancel("Cancelled.");
+      return;
+    }
+    components = selected.map((name) => getComponent(name)).filter((c) => c !== undefined);
     if (components.length === 0) {
       console.log("No components selected.");
       return;
@@ -5007,13 +5061,11 @@ async function add(componentNames) {
   const existing = existingQueryNames(queriesPath);
   const allMissingShadcn = new Set;
   for (const comp of components) {
-    console.log(`Adding ${comp.name}...`);
-    console.log("");
+    p7.log.step(`Adding ${comp.name}...`);
     const missingSyncTypes = comp.requiredSyncTypes.filter((t) => !enabledSync.has(t));
     if (missingSyncTypes.length > 0) {
-      console.log(`  Skipped — requires sync types not enabled: ${missingSyncTypes.join(", ")}`);
-      console.log(`  Enable them in calabasas.config.ts and re-run \`calabasas generate\`.`);
-      console.log("");
+      p7.log.warn(`Skipped ${comp.name} — requires sync types not enabled: ${missingSyncTypes.join(", ")}`);
+      p7.log.info(`Enable them in calabasas.config.ts and re-run \`calabasas generate\`.`);
       continue;
     }
     if (!fs11.existsSync(componentsDir)) {
@@ -5021,7 +5073,7 @@ async function add(componentNames) {
     }
     const componentPath = path7.join(componentsDir, `${comp.name}.tsx`);
     fs11.writeFileSync(componentPath, comp.generateReactComponent());
-    console.log(`  Created components/calabasas/${comp.name}.tsx`);
+    p7.log.success(`Created components/calabasas/${comp.name}.tsx`);
     const queryBlock = comp.generateConvexQueries();
     const namesInBlock = queryNamesInBlock(queryBlock);
     const newNames = namesInBlock.filter((n) => !existing.has(n));
@@ -5029,14 +5081,13 @@ async function add(componentNames) {
       newQueryBlocks.push(queryBlock);
       for (const n of newNames)
         existing.add(n);
-      console.log(`  Updated convex/calabasas/queries.ts (added ${newNames.join(", ")})`);
+      p7.log.success(`Updated convex/calabasas/queries.ts (added ${newNames.join(", ")})`);
     } else {
-      console.log(`  convex/calabasas/queries.ts already has queries for ${comp.name}`);
+      p7.log.info(`convex/calabasas/queries.ts already has queries for ${comp.name}`);
     }
     for (const s of comp.requiredShadcnComponents) {
       allMissingShadcn.add(s);
     }
-    console.log("");
   }
   if (newQueryBlocks.length > 0) {
     if (fs11.existsSync(queriesPath)) {
@@ -5067,35 +5118,31 @@ ${newQueryBlocks.join(`
     }
   }
   if (missingShadcn.length > 0) {
-    console.log(`  Missing shadcn components: ${missingShadcn.join(", ")}`);
-    console.log(`  Install them with: npx shadcn@latest add ${missingShadcn.join(" ")}`);
-    console.log("");
+    p7.note(`Missing: ${missingShadcn.join(", ")}
+
+Install with: npx shadcn@latest add ${missingShadcn.join(" ")}`, "Required shadcn components");
   }
   const firstInstalled = components[0];
   if (firstInstalled) {
     const pascal = toPascalCase(firstInstalled.name);
     const needsGuild = firstInstalled.requiredSyncTypes.some((t) => t === "channels" || t === "roles" || t === "members");
-    console.log("Next steps:");
-    console.log("1. Install missing shadcn components (see above)");
-    console.log("2. Import and use in your app:");
-    console.log("");
-    console.log(`   import { ${pascal} } from "@/components/calabasas/${firstInstalled.name}";`);
-    console.log("");
-    if (needsGuild) {
-      console.log(`   <${pascal}`);
-      console.log(`     guildDiscordId="123456789"`);
-      console.log(`     onValueChange={(id) => console.log(id)}`);
-      console.log(`   />`);
-    } else {
-      console.log(`   <${pascal}`);
-      console.log(`     onValueChange={(id) => console.log(id)}`);
-      console.log(`   />`);
-    }
+    const usage = needsGuild ? `import { ${pascal} } from "@/components/calabasas/${firstInstalled.name}";
+
+<${pascal}
+  guildDiscordId="123456789"
+  onValueChange={(id) => console.log(id)}
+/>` : `import { ${pascal} } from "@/components/calabasas/${firstInstalled.name}";
+
+<${pascal}
+  onValueChange={(id) => console.log(id)}
+/>`;
+    p7.note(usage, "Usage example");
   }
 }
 
 // src/commands/bot.ts
-import * as readline2 from "readline";
+import * as p8 from "@clack/prompts";
+import pc from "picocolors";
 var INTENTS = [
   { name: "Guilds", value: 1 << 0, description: "Guild create/update/delete, roles, channels" },
   { name: "Guild Members", value: 1 << 1, description: "Member add/remove/update (Privileged)", privileged: true },
@@ -5117,9 +5164,9 @@ var INTENTS = [
   { name: "Auto Moderation Config", value: 1 << 20, description: "Auto mod rule changes" },
   { name: "Auto Moderation Execution", value: 1 << 21, description: "Auto mod action execution" }
 ];
-function encrypt(text, key) {
+function encrypt(text2, key) {
   const keyBytes = new TextEncoder().encode(key);
-  const textBytes = new TextEncoder().encode(text);
+  const textBytes = new TextEncoder().encode(text2);
   const encrypted = new Uint8Array(textBytes.length);
   for (let i = 0;i < textBytes.length; i++) {
     encrypted[i] = textBytes[i] ^ keyBytes[i % keyBytes.length];
@@ -5134,91 +5181,6 @@ function generateSecret() {
   }
   return result;
 }
-function prompt2(question) {
-  const rl = readline2.createInterface({
-    input: process.stdin,
-    output: process.stdout
-  });
-  return new Promise((resolve6) => {
-    rl.question(question, (answer) => {
-      rl.close();
-      resolve6(answer);
-    });
-  });
-}
-async function selectIntents() {
-  const selected = new Set([0, 9]);
-  let cursor = 0;
-  return new Promise((resolve6) => {
-    const render = () => {
-      process.stdout.write("\x1B[2J\x1B[H");
-      console.log(`Select Gateway Intents (use arrow keys, space to toggle, enter to confirm)
-`);
-      console.log(`  ⚠️  Privileged intents require approval in Discord Developer Portal
-`);
-      INTENTS.forEach((intent, i) => {
-        const isSelected = selected.has(i);
-        const isCursor = cursor === i;
-        const checkbox = isSelected ? "[✓]" : "[ ]";
-        const pointer = isCursor ? "→" : " ";
-        const privilegedTag = intent.privileged ? " (Privileged)" : "";
-        const color = intent.privileged ? "\x1B[33m" : "";
-        const reset = "\x1B[0m";
-        console.log(`${pointer} ${checkbox} ${color}${intent.name}${privilegedTag}${reset}`);
-        if (isCursor) {
-          console.log(`      ${intent.description}`);
-        }
-      });
-      const total = Array.from(selected).reduce((sum, i) => sum + INTENTS[i].value, 0);
-      console.log(`
-Selected intents value: ${total}`);
-    };
-    render();
-    if (process.stdin.isTTY) {
-      process.stdin.setRawMode(true);
-    }
-    process.stdin.resume();
-    process.stdin.setEncoding("utf8");
-    const onKeypress = (key) => {
-      if (key === "\x03") {
-        process.stdin.setRawMode(false);
-        process.exit(0);
-      }
-      if (key === "\r" || key === `
-`) {
-        process.stdin.removeListener("data", onKeypress);
-        if (process.stdin.isTTY) {
-          process.stdin.setRawMode(false);
-        }
-        const total = Array.from(selected).reduce((sum, i) => sum + INTENTS[i].value, 0);
-        console.log(`
-`);
-        resolve6(total);
-        return;
-      }
-      if (key === " ") {
-        if (selected.has(cursor)) {
-          selected.delete(cursor);
-        } else {
-          selected.add(cursor);
-        }
-        render();
-        return;
-      }
-      if (key === "\x1B[A" || key === "k") {
-        cursor = Math.max(0, cursor - 1);
-        render();
-        return;
-      }
-      if (key === "\x1B[B" || key === "j") {
-        cursor = Math.min(INTENTS.length - 1, cursor + 1);
-        render();
-        return;
-      }
-    };
-    process.stdin.on("data", onKeypress);
-  });
-}
 async function apiRequest(method, path8, body, env) {
   const config = getConfig(env);
   const url = `${getApiUrlForEnv(env)}${path8}`;
@@ -5247,30 +5209,59 @@ async function botAdd(options) {
     console.log("Not logged in. Run `calabasas login` first.");
     return;
   }
-  console.log(`Add a new Discord bot
-`);
-  const name = await prompt2("Bot name: ");
-  if (!name.trim()) {
-    console.log("Bot name is required.");
+  p8.intro("calabasas bot add");
+  const name = await p8.text({
+    message: "Bot name",
+    placeholder: "My Discord Bot",
+    validate: (v) => v.trim() ? undefined : "Bot name is required"
+  });
+  if (p8.isCancel(name)) {
+    p8.cancel("Cancelled.");
+    return;
+  }
+  const discordAppId = await p8.text({
+    message: "Discord Application ID",
+    placeholder: "123456789012345678",
+    validate: (v) => v.trim() ? undefined : "Discord Application ID is required"
+  });
+  if (p8.isCancel(discordAppId)) {
+    p8.cancel("Cancelled.");
     return;
   }
-  const discordAppId = await prompt2("Discord Application ID: ");
-  if (!discordAppId.trim()) {
-    console.log("Discord Application ID is required.");
+  const token = await p8.password({
+    message: "Bot token",
+    validate: (v) => v.trim() ? undefined : "Bot token is required"
+  });
+  if (p8.isCancel(token)) {
+    p8.cancel("Cancelled.");
     return;
   }
-  const token = await prompt2("Bot token: ");
-  if (!token.trim()) {
-    console.log("Bot token is required.");
+  const convexUrl = await p8.text({
+    message: "Your Convex URL",
+    placeholder: "https://your-project.convex.cloud",
+    validate: (v) => v.trim() ? undefined : "Convex URL is required"
+  });
+  if (p8.isCancel(convexUrl)) {
+    p8.cancel("Cancelled.");
     return;
   }
-  const convexUrl = await prompt2("Your Convex URL (e.g., https://your-project.convex.cloud): ");
-  if (!convexUrl.trim()) {
-    console.log("Convex URL is required.");
+  const selectedIntents = await p8.multiselect({
+    message: "Select Gateway Intents",
+    options: INTENTS.map((intent, i) => ({
+      value: i,
+      label: intent.privileged ? pc.yellow(intent.name + " (Privileged)") : intent.name,
+      hint: intent.description
+    })),
+    initialValues: [0, 9],
+    required: true
+  });
+  if (p8.isCancel(selectedIntents)) {
+    p8.cancel("Cancelled.");
     return;
   }
-  const intents = await selectIntents();
-  console.log("Creating bot...");
+  const intents = selectedIntents.reduce((sum, i) => sum + INTENTS[i].value, 0);
+  const s = p8.spinner();
+  s.start("Creating bot...");
   const encryptionKey = "calabasas-dev-key-change-in-production";
   const encryptedToken = encrypt(token, encryptionKey);
   const sharedSecret = generateSecret();
@@ -5283,20 +5274,16 @@ async function botAdd(options) {
     sharedSecret
   }, env);
   if (!ok) {
-    console.log(`
-Failed to create bot: ${data.error || `HTTP ${status}`}`);
+    s.stop("Failed to create bot");
+    p8.cancel(`${data.error || `HTTP ${status}`}`);
     return;
   }
-  console.log(`
-✅ Bot created successfully!`);
-  console.log("");
-  console.log("Shared secret (add this to your Convex env as CALABASAS_SECRET):");
-  console.log(`  ${sharedSecret}`);
-  console.log("");
-  console.log("Next steps:");
-  console.log("1. Run `calabasas generate` to generate the event handler");
-  console.log("2. Create your handler in convex/discord.ts");
-  console.log("3. Add CALABASAS_SECRET to your Convex environment variables");
+  s.stop("Bot created!");
+  p8.note(`${sharedSecret}
+
+Add this to your Convex environment as CALABASAS_SECRET`, "Shared Secret");
+  p8.note("1. Run `calabasas generate` to generate the event handler\n2. Create your handler in convex/discord.ts\n3. Add CALABASAS_SECRET to your Convex environment variables", "Next steps");
+  p8.outro("Bot created successfully!");
 }
 async function botList(options) {
   if (options.dev && options.prod) {
@@ -5312,6 +5299,22 @@ async function botList(options) {
     console.log("Not logged in. Run `calabasas login` first.");
     return;
   }
+  if (options.watch) {
+    const React = await import("react");
+    const { render } = await import("ink");
+    const { createConvexClient: createConvexClient2, ConvexProvider: ConvexProvider2 } = await Promise.resolve().then(() => (init_convex(), exports_convex));
+    const { BotList: BotList2 } = await Promise.resolve().then(() => (init_BotList(), exports_BotList));
+    const config = getConfig(env);
+    const convexUrl = getConvexUrl(env);
+    const client = createConvexClient2(convexUrl);
+    const { waitUntilExit } = render(React.createElement(ConvexProvider2, {
+      client,
+      children: React.createElement(BotList2, { apiKey: config.apiKey })
+    }));
+    await waitUntilExit();
+    await client.close();
+    return;
+  }
   const { ok, data, status } = await apiRequest("GET", "/api/cli/bots", undefined, env);
   if (!ok) {
     console.log(`Failed to list bots: ${data.error || `HTTP ${status}`}`);
@@ -5322,15 +5325,17 @@ async function botList(options) {
     console.log("No bots found. Run `calabasas bot add` to create one.");
     return;
   }
-  console.log(`Your Discord bots:
-`);
+  console.log(pc.bold(`
+Your Discord bots:
+`));
   for (const bot of bots) {
-    const statusIcon = bot.status === "connected" ? "\uD83D\uDFE2" : bot.status === "connecting" ? "\uD83D\uDFE1" : bot.status === "error" ? "\uD83D\uDD34" : "⚪";
-    console.log(`${statusIcon} ${bot.name}`);
-    console.log(`   ID: ${bot._id}`);
-    console.log(`   Discord App: ${bot.discordAppId}`);
-    console.log(`   Status: ${bot.status}`);
-    console.log(`   Convex: ${bot.convexUrl}`);
+    const statusColor = bot.status === "connected" ? pc.green : bot.status === "connecting" ? pc.yellow : bot.status === "error" ? pc.red : pc.dim;
+    const statusDot = bot.status === "connected" ? pc.green("●") : bot.status === "connecting" ? pc.yellow("●") : bot.status === "error" ? pc.red("●") : pc.dim("●");
+    console.log(`${statusDot} ${pc.bold(bot.name)}`);
+    console.log(`   ${pc.dim("ID:")} ${bot._id}`);
+    console.log(`   ${pc.dim("Discord App:")} ${bot.discordAppId}`);
+    console.log(`   ${pc.dim("Status:")} ${statusColor(bot.status)}`);
+    console.log(`   ${pc.dim("Convex:")} ${bot.convexUrl}`);
     console.log("");
   }
 }
@@ -5348,17 +5353,24 @@ async function botRemove(botId, options) {
     console.log("Not logged in. Run `calabasas login` first.");
     return;
   }
-  const confirm = await prompt2(`Are you sure you want to remove bot ${botId}? (y/N): `);
-  if (confirm.toLowerCase() !== "y") {
-    console.log("Cancelled.");
+  p8.intro("calabasas bot remove");
+  const confirmed = await p8.confirm({
+    message: `Are you sure you want to remove bot ${botId}?`
+  });
+  if (p8.isCancel(confirmed) || !confirmed) {
+    p8.cancel("Cancelled.");
     return;
   }
+  const s = p8.spinner();
+  s.start("Removing bot...");
   const { ok, data, status } = await apiRequest("DELETE", `/api/cli/bots?id=${botId}`, undefined, env);
   if (!ok) {
-    console.log(`Failed to remove bot: ${data.error || `HTTP ${status}`}`);
+    s.stop("Failed to remove bot");
+    p8.cancel(`${data.error || `HTTP ${status}`}`);
     return;
   }
-  console.log("✅ Bot removed successfully!");
+  s.stop("Done");
+  p8.outro("Bot removed successfully!");
 }
 async function botEdit(botId, options) {
   if (options.dev && options.prod) {
@@ -5375,38 +5387,469 @@ async function botEdit(botId, options) {
     return;
   }
   const updates = { botId };
-  if (options.name) {
-    updates.name = options.name;
-  }
-  if (options.url) {
-    updates.convexUrl = options.url;
-  }
-  if (options.token) {
-    const encryptionKey = "calabasas-dev-key-change-in-production";
-    updates.encryptedToken = encrypt(options.token, encryptionKey);
-  }
-  if (options.intents) {
-    updates.intents = parseInt(options.intents, 10);
+  const hasFlags = options.name || options.url || options.token || options.intents;
+  if (!hasFlags) {
+    p8.intro("calabasas bot edit");
+    const field = await p8.select({
+      message: "Which field do you want to edit?",
+      options: [
+        { value: "name", label: "Bot name" },
+        { value: "url", label: "Convex URL" },
+        { value: "token", label: "Bot token" },
+        { value: "intents", label: "Intents value" }
+      ]
+    });
+    if (p8.isCancel(field)) {
+      p8.cancel("Cancelled.");
+      return;
+    }
+    if (field === "name") {
+      const value = await p8.text({ message: "New bot name" });
+      if (p8.isCancel(value)) {
+        p8.cancel("Cancelled.");
+        return;
+      }
+      updates.name = value;
+    } else if (field === "url") {
+      const value = await p8.text({ message: "New Convex URL" });
+      if (p8.isCancel(value)) {
+        p8.cancel("Cancelled.");
+        return;
+      }
+      updates.convexUrl = value;
+    } else if (field === "token") {
+      const value = await p8.password({ message: "New bot token" });
+      if (p8.isCancel(value)) {
+        p8.cancel("Cancelled.");
+        return;
+      }
+      const encryptionKey = "calabasas-dev-key-change-in-production";
+      updates.encryptedToken = encrypt(value, encryptionKey);
+    } else if (field === "intents") {
+      const value = await p8.text({ message: "New intents value (number)" });
+      if (p8.isCancel(value)) {
+        p8.cancel("Cancelled.");
+        return;
+      }
+      updates.intents = parseInt(value, 10);
+    }
+  } else {
+    if (options.name)
+      updates.name = options.name;
+    if (options.url)
+      updates.convexUrl = options.url;
+    if (options.token) {
+      const encryptionKey = "calabasas-dev-key-change-in-production";
+      updates.encryptedToken = encrypt(options.token, encryptionKey);
+    }
+    if (options.intents)
+      updates.intents = parseInt(options.intents, 10);
   }
   if (Object.keys(updates).length === 1) {
-    console.log("No updates specified. Use --name, --url, --token, or --intents");
-    console.log("");
-    console.log("Examples:");
-    console.log('  calabasas bot edit <id> --name "New Name"');
-    console.log("  calabasas bot edit <id> --url https://new-project.convex.cloud");
-    console.log("  calabasas bot edit <id> --token <new-token>");
-    console.log("  calabasas bot edit <id> --intents 513");
+    console.log("No updates specified.");
     return;
   }
-  console.log("Updating bot...");
+  const s = p8.spinner();
+  s.start("Updating bot...");
   const { ok, data, status } = await apiRequest("PATCH", "/api/cli/bots", updates, env);
   if (!ok) {
-    console.log(`Failed to update bot: ${data.error || `HTTP ${status}`}`);
+    s.stop("Failed to update bot");
+    p8.cancel(`${data.error || `HTTP ${status}`}`);
+    return;
+  }
+  s.stop("Done");
+  p8.note("The Gateway will automatically reconnect with the new settings.", "Note");
+  p8.outro("Bot updated successfully!");
+}
+
+// src/commands/dashboard.tsx
+import { render } from "ink";
+init_convex();
+
+// src/components/Dashboard.tsx
+import { useState, useCallback } from "react";
+import { Box as Box5, useInput as useInput2, useApp } from "ink";
+import { useQuery as useQuery4 } from "convex/react";
+
+// src/components/Header.tsx
+import { Text as Text3, Box as Box2 } from "ink";
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+function Header({
+  botCount,
+  env
+}) {
+  return /* @__PURE__ */ jsxDEV4(Box2, {
+    marginBottom: 1,
+    children: [
+      /* @__PURE__ */ jsxDEV4(Text3, {
+        bold: true,
+        color: "magenta",
+        children: "calabasas"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV4(Text3, {
+        dimColor: true,
+        children: " v0.1.12"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV4(Text3, {
+        dimColor: true,
+        children: " · "
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV4(Text3, {
+        children: [
+          botCount,
+          " bot",
+          botCount !== 1 ? "s" : ""
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4(Text3, {
+        dimColor: true,
+        children: " · "
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV4(Text3, {
+        color: env === "dev" ? "yellow" : "green",
+        children: env
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV4(Text3, {
+        dimColor: true,
+        children: " · Press "
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV4(Text3, {
+        bold: true,
+        children: "q"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV4(Text3, {
+        dimColor: true,
+        children: " to quit"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/Dashboard.tsx
+init_BotList();
+
+// src/components/StatsPanel.tsx
+init_convex();
+import { Text as Text4, Box as Box3 } from "ink";
+import Spinner2 from "ink-spinner";
+import { useQuery as useQuery2 } from "convex/react";
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+var ONE_HOUR = 60 * 60 * 1000;
+function StatsPanel({
+  apiKey,
+  botId
+}) {
+  const stats = useQuery2(cliApi.botStats, {
+    apiKey,
+    botId,
+    since: Date.now() - ONE_HOUR
+  });
+  if (stats === undefined) {
+    return /* @__PURE__ */ jsxDEV5(Box3, {
+      children: [
+        /* @__PURE__ */ jsxDEV5(Text4, {
+          color: "cyan",
+          children: /* @__PURE__ */ jsxDEV5(Spinner2, {
+            type: "dots"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV5(Text4, {
+          children: " Loading stats..."
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV5(Box3, {
+    gap: 2,
+    marginBottom: 1,
+    children: [
+      /* @__PURE__ */ jsxDEV5(Text4, {
+        dimColor: true,
+        children: "Events (1h):"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV5(Text4, {
+        bold: true,
+        children: formatNumber(stats.total)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV5(Text4, {
+        color: "green",
+        children: [
+          formatNumber(stats.success),
+          " ok"
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV5(Text4, {
+        color: "red",
+        children: [
+          formatNumber(stats.failed),
+          " failed"
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV5(Text4, {
+        dimColor: true,
+        children: [
+          "avg ",
+          formatLatency(stats.avgLatencyMs)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/LogViewer.tsx
+init_convex();
+import { Text as Text5, Box as Box4, useInput } from "ink";
+import Spinner3 from "ink-spinner";
+import { useQuery as useQuery3 } from "convex/react";
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+function formatTimestamp(ts) {
+  const d = new Date(ts);
+  return d.toLocaleTimeString("en-US", { hour12: false });
+}
+function LogViewer({
+  apiKey,
+  botId,
+  limit = 50,
+  onQuit
+}) {
+  const logs = useQuery3(cliApi.recentLogs, {
+    apiKey,
+    botId,
+    limit
+  });
+  useInput((input) => {
+    if (input === "q" && onQuit) {
+      onQuit();
+    }
+  });
+  if (logs === undefined) {
+    return /* @__PURE__ */ jsxDEV6(Box4, {
+      children: [
+        /* @__PURE__ */ jsxDEV6(Text5, {
+          color: "cyan",
+          children: /* @__PURE__ */ jsxDEV6(Spinner3, {
+            type: "dots"
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV6(Text5, {
+          children: " Loading logs..."
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  if (logs.length === 0) {
+    return /* @__PURE__ */ jsxDEV6(Box4, {
+      children: /* @__PURE__ */ jsxDEV6(Text5, {
+        dimColor: true,
+        children: "No events yet."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV6(Box4, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsxDEV6(Box4, {
+        marginBottom: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV6(Text5, {
+            bold: true,
+            children: "Event Log"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV6(Text5, {
+            dimColor: true,
+            children: [
+              " (live · ",
+              logs.length,
+              " events)"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      logs.map((log3) => /* @__PURE__ */ jsxDEV6(Box4, {
+        gap: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV6(Text5, {
+            dimColor: true,
+            children: formatTimestamp(log3.timestamp)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV6(Text5, {
+            color: log3.success ? "green" : "red",
+            children: log3.success ? "✓" : "✗"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV6(Text5, {
+            bold: true,
+            children: log3.eventType
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV6(Text5, {
+            dimColor: true,
+            children: formatLatency(log3.latencyMs)
+          }, undefined, false, undefined, this),
+          log3.error && /* @__PURE__ */ jsxDEV6(Text5, {
+            color: "red",
+            children: log3.error
+          }, undefined, false, undefined, this)
+        ]
+      }, log3._id, true, undefined, this))
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/Dashboard.tsx
+init_convex();
+import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+function Dashboard({
+  apiKey,
+  env
+}) {
+  const { exit } = useApp();
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const bots = useQuery4(cliApi.listBots, { apiKey });
+  const botCount = bots?.length ?? 0;
+  const selectedBot = bots?.[selectedIndex];
+  useInput2(useCallback((input, key) => {
+    if (input === "q") {
+      exit();
+      return;
+    }
+    if ((input === "j" || key.downArrow) && botCount > 0) {
+      setSelectedIndex((i) => Math.min(i, botCount - 1) === botCount - 1 ? 0 : i + 1);
+    }
+    if ((input === "k" || key.upArrow) && botCount > 0) {
+      setSelectedIndex((i) => i === 0 ? botCount - 1 : i - 1);
+    }
+  }, [botCount, exit]));
+  return /* @__PURE__ */ jsxDEV7(Box5, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsxDEV7(Header, {
+        botCount,
+        env
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV7(BotList, {
+        apiKey,
+        selectedIndex
+      }, undefined, false, undefined, this),
+      selectedBot && /* @__PURE__ */ jsxDEV7(Box5, {
+        flexDirection: "column",
+        marginTop: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV7(StatsPanel, {
+            apiKey,
+            botId: selectedBot._id
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV7(LogViewer, {
+            apiKey,
+            botId: selectedBot._id
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/commands/dashboard.tsx
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+async function dashboard(options) {
+  if (options.dev && options.prod) {
+    console.error("Error: Cannot use both --dev and --prod flags.");
+    process.exit(1);
+  }
+  if (!options.dev && !options.prod) {
+    console.error("Error: You must specify either --dev or --prod.");
+    process.exit(1);
+  }
+  const env = options.dev ? "dev" : "prod";
+  if (!isAuthenticated(env)) {
+    console.log("Not logged in. Run `calabasas login` first.");
+    return;
+  }
+  const config = getConfig(env);
+  const apiKey = config.apiKey;
+  const convexUrl = getConvexUrl(env);
+  const client = createConvexClient(convexUrl);
+  const { waitUntilExit } = render(/* @__PURE__ */ jsxDEV8(ConvexProvider, {
+    client,
+    children: /* @__PURE__ */ jsxDEV8(Dashboard, {
+      apiKey,
+      env
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this));
+  await waitUntilExit();
+  await client.close();
+}
+
+// src/commands/logs.tsx
+import { render as render2 } from "ink";
+import * as p9 from "@clack/prompts";
+init_convex();
+import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+async function fetchBotList(apiKey, env) {
+  const apiUrl = getApiUrlForEnv(env);
+  const response = await fetch(`${apiUrl}/api/cli/bots`, {
+    method: "GET",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${apiKey}`
+    }
+  });
+  if (!response.ok)
+    return [];
+  const { bots } = await response.json();
+  return bots;
+}
+async function logs(botId, options) {
+  if (options.dev && options.prod) {
+    console.error("Error: Cannot use both --dev and --prod flags.");
+    process.exit(1);
+  }
+  if (!options.dev && !options.prod) {
+    console.error("Error: You must specify either --dev or --prod.");
+    process.exit(1);
+  }
+  const env = options.dev ? "dev" : "prod";
+  if (!isAuthenticated(env)) {
+    console.log("Not logged in. Run `calabasas login` first.");
     return;
   }
-  console.log("✅ Bot updated successfully!");
-  console.log("");
-  console.log("Note: The Gateway will automatically reconnect with the new settings.");
+  const config = getConfig(env);
+  const apiKey = config.apiKey;
+  if (!botId) {
+    const bots = await fetchBotList(apiKey, env);
+    if (bots.length === 0) {
+      console.log("No bots found. Run `calabasas bot add` to create one.");
+      return;
+    }
+    if (bots.length === 1) {
+      botId = bots[0]._id;
+    } else {
+      const selected = await p9.select({
+        message: "Select a bot to view logs",
+        options: bots.map((bot) => ({
+          value: bot._id,
+          label: bot.name
+        }))
+      });
+      if (p9.isCancel(selected)) {
+        p9.cancel("Cancelled.");
+        return;
+      }
+      botId = selected;
+    }
+  }
+  const limit = options.limit ? parseInt(options.limit, 10) : 50;
+  const convexUrl = getConvexUrl(env);
+  const client = createConvexClient(convexUrl);
+  const { waitUntilExit } = render2(/* @__PURE__ */ jsxDEV9(ConvexProvider, {
+    client,
+    children: /* @__PURE__ */ jsxDEV9(LogViewer, {
+      apiKey,
+      botId,
+      limit,
+      onQuit: () => process.exit(0)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this));
+  await waitUntilExit();
+  await client.close();
 }
 
 // src/index.ts
@@ -5419,9 +5862,11 @@ program2.command("push").description("Push your calabasas.config.ts to Calabasas
 program2.command("generate").description("Generate discord.generated.ts with type-safe handlers").option("-o, --output <path>", "Output path", "convex/discord.generated.ts").action(generate);
 program2.command("skill").description("Generate Calabasas documentation for AI assistants").option("--dev", "Use development environment").option("--prod", "Use production environment").action(skill);
 program2.command("add [components...]").description("Add Discord UI components to your project").action(add);
+program2.command("status").alias("dashboard").description("Real-time dashboard showing bot status, events, and stats").option("--dev", "Use development environment").option("--prod", "Use production environment").action(dashboard);
+program2.command("logs [botId]").description("Live event log viewer for a bot").option("-n, --limit <number>", "Number of log entries to show", "50").option("--dev", "Use development environment").option("--prod", "Use production environment").action(logs);
 var bot = program2.command("bot").description("Manage Discord bots");
 bot.command("add").description("Add a new Discord bot").option("--dev", "Use development environment").option("--prod", "Use production environment").action(botAdd);
-bot.command("list").alias("ls").description("List your Discord bots").option("--dev", "Use development environment").option("--prod", "Use production environment").action(botList);
+bot.command("list").alias("ls").description("List your Discord bots").option("-w, --watch", "Watch mode with live updates").option("--dev", "Use development environment").option("--prod", "Use production environment").action(botList);
 bot.command("remove <botId>").alias("rm").description("Remove a Discord bot").option("--dev", "Use development environment").option("--prod", "Use production environment").action(botRemove);
 bot.command("edit <botId>").description("Edit a Discord bot").option("-n, --name <name>", "New bot name").option("-u, --url <url>", "New Convex URL").option("-t, --token <token>", "New bot token").option("-i, --intents <intents>", "New intents value").option("--dev", "Use development environment").option("--prod", "Use production environment").action(botEdit);
 program2.parse();