devwing 0.1.20 → 0.1.22

package/dist/index.js

@@ -2679,6 +2679,20 @@ var TOOL_ICONS = {
   http_request: "\u{1F310}",
   cve_lookup: "\u{1F512}"
 };
+function resetStdinState() {
+  try {
+    if (typeof process.stdin.setRawMode === "function") {
+      try {
+        process.stdin.setRawMode(false);
+      } catch {
+      }
+    }
+    process.stdin.removeAllListeners("keypress");
+    process.stdin.removeAllListeners("data");
+    if (process.stdin.isPaused()) process.stdin.resume();
+  } catch {
+  }
+}
 async function showToolCall(tool, args) {
   await sleep(PAUSE_SHORT);
   console.log();
@@ -2697,6 +2711,8 @@ async function showToolCall(tool, args) {
         default: true
       }
     ]);
+    resetStdinState();
+    await sleep(60);
     if (!allowed) {
       console.log(chalk7.dim("  \u2717 Skipped"));
       throw Object.assign(new Error("TOOL_SKIPPED"), { skipped: true });
@@ -2771,7 +2787,7 @@ function getVersion() {
       continue;
     }
   }
-  return "0.1.20";
+  return "0.1.22";
 }
 var DEMO_USER2 = {
   id: "usr_a1b2c3d4-e5f6-7890-abcd-ef1234567890",
@@ -2786,8 +2802,7 @@ var DEMO_USER2 = {
   tokens_reset_at: "2026-04-10T00:00:00Z"
 };
 var DEMO_WORKSPACE2 = {
-  name: "Kano State Government",
-  plan: "enterprise"};
+  name: "Kano State Government"};
 var DEMO_PROJECT2 = {
   name: "Tallon SaaS ERP"};
 var DEMO_MODELS = [
@@ -2796,11 +2811,11 @@ var DEMO_MODELS = [
   { name: "devwing-backend-1", display_name: "DevWing Backend", domain: "backend", status: "active", min_plan: "pro", context_window: 32768, tokens_per_sec: 82, version: "1.0" },
   { name: "devwing-security-1", display_name: "DevWing Security", domain: "security", status: "active", min_plan: "pro", context_window: 32768, tokens_per_sec: 74, version: "1.0" },
   { name: "devwing-devops-1", display_name: "DevWing DevOps", domain: "devops", status: "beta", min_plan: "pro", context_window: 32768, tokens_per_sec: 70, version: "0.9" },
-  { name: "devwing-mobile-1", display_name: "DevWing Mobile", domain: "general", status: "beta", min_plan: "pro", context_window: 32768, tokens_per_sec: 72, version: "0.8" },
-  { name: "devwing-data-1", display_name: "DevWing Data", domain: "general", status: "beta", min_plan: "pro", context_window: 32768, tokens_per_sec: 68, version: "0.7" }
+  { name: "devwing-mobile-1", display_name: "DevWing Mobile", domain: "mobile", status: "beta", min_plan: "pro", context_window: 32768, tokens_per_sec: 72, version: "0.8" },
+  { name: "devwing-data-1", display_name: "DevWing Data", domain: "data", status: "beta", min_plan: "pro", context_window: 32768, tokens_per_sec: 68, version: "0.7" }
 ];
 var DEMO_PLANS = [
-  { name: "Free", price: "$0", tokens_day: "50,000", models: "General only", projects: "1", seats: "1" },
+  { name: "Free", price: "$0/mo", tokens_day: "50,000", models: "General only", projects: "1", seats: "1" },
   { name: "Pro", price: "$19/mo", tokens_day: "500,000", models: "All models", projects: "10", seats: "1" },
   { name: "Team", price: "$99/mo", tokens_day: "2,000,000", models: "All + priority", projects: "Unlimited", seats: "5 included" },
   { name: "Enterprise", price: "Custom", tokens_day: "Unlimited", models: "Dedicated", projects: "Unlimited", seats: "Unlimited" }
@@ -2825,8 +2840,7 @@ var InteractiveSession = class {
   sigintCount = 0;
   sigintTimer = null;
   version;
-  isBusy = false;
-  // prevent readline events during command execution
+  isRunningCommand = false;
   constructor(options) {
     this.options = options;
     this.isDemo = isDemoMode();
@@ -2845,63 +2859,76 @@ var InteractiveSession = class {
     this.printSystemInfo();
     this.createReadline();
     console.log();
-    this.rl.prompt();
+    this.prompt();
   }
   // ============================================================
-  // READLINE MANAGEMENT
+  // READLINE — created once, never destroyed
   // ============================================================
   createReadline() {
-    this.isBusy = false;
     this.rl = readline.createInterface({
       input: process.stdin,
       output: process.stdout,
-      prompt: this.buildPrompt(),
-      completer: (line) => this.completer(line)
+      prompt: "",
+      terminal: true
     });
     this.rl.on("SIGINT", () => {
+      if (this.isRunningCommand) {
+        process.stdout.write("\n");
+        return;
+      }
       this.sigintCount++;
       if (this.sigintCount >= 2) {
         this.exitSession();
         return;
       }
-      console.log(chalk7.dim("\n  Press Ctrl+C again to exit, or type /exit"));
+      process.stdout.write(chalk7.dim("\n  Press Ctrl+C again to exit, or type /exit\n"));
       this.sigintTimer = setTimeout(() => {
         this.sigintCount = 0;
       }, 1500);
-      this.rl.prompt();
+      this.prompt();
     });
-    const currentRl = this.rl;
     this.rl.on("line", async (input) => {
-      if (this.isBusy) return;
+      if (this.isRunningCommand) return;
       const trimmed = input.trim();
       if (!trimmed) {
-        this.rl.prompt();
+        this.prompt();
         return;
       }
-      this.isBusy = true;
+      this.isRunningCommand = true;
+      this.rl.pause();
       try {
         if (trimmed.startsWith("/")) {
           await this.handleSlashCommand(trimmed);
-          return;
         } else {
           await this.handleAIPrompt(trimmed);
         }
       } catch (error) {
         logger.error(error.message || "An error occurred");
       }
-      this.isBusy = false;
-      if (this.rl === currentRl) {
-        this.rl.setPrompt(this.buildPrompt());
-        this.rl.prompt();
-      }
+      this.restoreStdin();
+      await sleep2(60);
+      this.isRunningCommand = false;
+      this.rl.resume();
+      this.prompt();
     });
     this.rl.on("close", () => {
-      if (!this.isBusy) {
+      if (!this.isRunningCommand) {
         this.exitSession();
       }
     });
   }
-  resetStdin() {
+  // Pause readline, run fn (which may use inquirer), restore
+  async withInquirer(fn) {
+    this.rl.pause();
+    try {
+      return await fn();
+    } finally {
+      this.restoreStdin();
+      await sleep2(80);
+      this.rl.resume();
+    }
+  }
+  restoreStdin() {
     try {
       if (typeof process.stdin.setRawMode === "function") {
         try {
@@ -2911,18 +2938,17 @@ var InteractiveSession = class {
       }
       process.stdin.removeAllListeners("keypress");
       process.stdin.removeAllListeners("data");
-      if (process.stdin.isPaused()) {
-        process.stdin.resume();
-      }
+      if (process.stdin.isPaused()) process.stdin.resume();
     } catch {
     }
   }
-  recreateReadline() {
-    this.createReadline();
-    this.rl.prompt();
+  prompt() {
+    const p = this.buildPrompt();
+    process.stdout.write(p);
+    this.rl.setPrompt(p);
   }
   // ============================================================
-  // STARTUP UI
+  // STARTUP UI — Claude Code style
   // ============================================================
   printStartupBanner() {
     const banner = gradient.pastel.multiline([
@@ -2936,78 +2962,79 @@ var InteractiveSession = class {
       ""
     ].join("\n"));
     console.log(banner);
-    console.log(chalk7.dim("  Your AI Wingman in the Terminal") + chalk7.dim(`                          v${this.version}`));
+    console.log(
+      chalk7.dim("  Your AI Wingman in the Terminal") + chalk7.dim(" ".repeat(18)) + chalk7.dim(`v${this.version}`)
+    );
     console.log();
   }
   printSystemInfo() {
-    const line = chalk7.dim("\u2500".repeat(64));
-    console.log(line);
+    const W = 64;
+    const top = chalk7.dim("\u256D" + "\u2500".repeat(W - 2) + "\u256E");
+    const bottom = chalk7.dim("\u2570" + "\u2500".repeat(W - 2) + "\u256F");
+    const div = chalk7.dim("\u251C" + "\u2500".repeat(W - 2) + "\u2524");
+    const row = (label, value) => {
+      const labelPart2 = chalk7.dim("\u2502 ") + chalk7.bold(label.padEnd(11)) + chalk7.dim(" \u2502 ");
+      const rawValue = value.replace(/\x1B\[[0-9;]*m/g, "");
+      const padLen2 = W - 4 - 11 - 3 - rawValue.length;
+      return labelPart2 + value + " ".repeat(Math.max(0, padLen2)) + chalk7.dim(" \u2502");
+    };
+    console.log(top);
     if (this.isAuthenticated && this.userProfile) {
       const name = this.userProfile.full_name || this.userProfile.email;
       const plan = (this.userProfile.subscription_plan || "free").toUpperCase();
-      const planColor = plan === "PRO" ? chalk7.cyan : plan === "ENTERPRISE" ? chalk7.magenta : plan === "TEAM" ? chalk7.yellow : chalk7.dim;
-      console.log(
-        `  ${chalk7.bold("Auth")}     ${chalk7.green("\u25CF")} ${name} ${planColor(`(${plan})`)}`
-      );
-    } else if (this.isAuthenticated) {
-      console.log(
-        `  ${chalk7.bold("Auth")}     ${chalk7.green("\u25CF")} Authenticated ${chalk7.dim("(offline)")}`
-      );
+      const planBadge = plan === "PRO" ? chalk7.bgCyan.black(` ${plan} `) : plan === "ENTERPRISE" ? chalk7.bgMagenta.white(` ${plan} `) : plan === "TEAM" ? chalk7.bgYellow.black(` ${plan} `) : chalk7.bgGray.white(` ${plan} `);
+      console.log(row("Logged in", chalk7.green("\u25CF ") + chalk7.white(name) + "  " + planBadge));
     } else {
-      console.log(
-        `  ${chalk7.bold("Auth")}     ${chalk7.red("\u25CF")} Not logged in ${chalk7.dim("\u2014 type /login")}`
-      );
-    }
-    const modeStr = chalk7.yellow(this.currentMode);
-    const modelStr = this.currentModel ? chalk7.cyan(this.currentModel) : chalk7.dim("auto");
-    console.log(`  ${chalk7.bold("Mode")}     ${modeStr}              ${chalk7.bold("Model")}   ${modelStr}`);
-    const cwd = process.cwd().replace(process.env.HOME || "", "~");
+      console.log(row("Auth", chalk7.red("\u25CF ") + chalk7.dim("Not logged in \u2014 type ") + chalk7.cyan("/login")));
+    }
+    console.log(div);
+    const modeVal = chalk7.yellow.bold(this.currentMode);
+    const modelVal = this.currentModel ? chalk7.cyan(this.currentModel) : chalk7.dim("auto");
+    const labelPart = chalk7.dim("\u2502 ") + chalk7.bold("Mode".padEnd(11)) + chalk7.dim(" \u2502 ");
+    const raw1 = this.currentMode;
+    const mid = "   " + chalk7.bold("Model".padEnd(8)) + " " + modelVal;
+    const raw2 = mid.replace(/\x1B\[[0-9;]*m/g, "");
+    const padLen = W - 4 - 11 - 3 - raw1.length - raw2.length;
+    console.log(labelPart + modeVal + mid + " ".repeat(Math.max(0, padLen)) + chalk7.dim(" \u2502"));
+    console.log(div);
     if (this.isDemo) {
-      console.log(`  ${chalk7.bold("Project")}  ${chalk7.cyan(DEMO_PROJECT2.name)}     ${chalk7.bold("CWD")}     ${chalk7.dim(cwd)}`);
+      console.log(row("Project", chalk7.cyan(DEMO_PROJECT2.name)));
     } else {
-      const projectId = configManager.getProjectId();
-      const projectStr = projectId ? chalk7.cyan(projectId) : chalk7.dim("none");
-      console.log(`  ${chalk7.bold("Project")}  ${projectStr}     ${chalk7.bold("CWD")}     ${chalk7.dim(cwd)}`);
+      const pid = configManager.getProjectId();
+      console.log(row("Project", pid ? chalk7.cyan(pid) : chalk7.dim("none")));
     }
-    const shell = process.env.SHELL?.split("/").pop() || "unknown";
-    console.log(`  ${chalk7.bold("Shell")}    ${shell}                   ${chalk7.bold("OS")}      ${process.platform}`);
+    const cwd = process.cwd().replace(process.env.HOME || "", "~");
+    console.log(row("Directory", chalk7.dim(cwd)));
     if (this.isDemo) {
-      console.log(`  ${chalk7.bold("Demo")}     ${chalk7.yellow("\u25CF")} ${chalk7.yellow("Demo mode active")} ${chalk7.dim("\u2014 no backend required")}`);
+      console.log(div);
+      console.log(row("Demo", chalk7.yellow("\u25C6 ") + chalk7.yellow("Demo mode") + chalk7.dim(" \u2014 no backend required")));
     }
-    console.log(line);
+    console.log(bottom);
     console.log();
-    console.log(chalk7.dim("  Type a message to chat with AI, or /help for commands."));
+    console.log(
+      chalk7.dim("  Chat freely, or use ") + chalk7.cyan("/help") + chalk7.dim(" to see all commands.")
+    );
   }
   // ============================================================
-  // PROMPT
+  // PROMPT LINE — Claude Code style
   // ============================================================
   buildPrompt() {
     const parts = [];
-    parts.push(chalk7.bold.cyan("devwing"));
-    parts.push(chalk7.dim("[") + chalk7.yellow(this.currentMode) + chalk7.dim("]"));
+    const sep = chalk7.dim("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+    let nameTag = "";
     if (this.isAuthenticated && this.userProfile) {
-      const firstName = (this.userProfile.full_name || this.userProfile.email).split(" ")[0].split("@")[0].toLowerCase();
-      parts.push(chalk7.green(firstName));
-    }
-    if (this.isDemo) {
-      parts.push(chalk7.dim.yellow("demo"));
-    }
-    return "\n" + parts.join(" ") + chalk7.bold(" > ");
-  }
-  // ============================================================
-  // TAB COMPLETION
-  // ============================================================
-  completer(line) {
-    if (!line.startsWith("/")) return [[], line];
-    const allNames = [];
-    for (const cmd of this.commands.values()) {
-      allNames.push("/" + cmd.name);
-      for (const alias of cmd.aliases) {
-        allNames.push("/" + alias);
-      }
-    }
-    const hits = allNames.filter((n) => n.startsWith(line));
-    return [hits.length ? hits : allNames, line];
+      const first = (this.userProfile.full_name || this.userProfile.email).split(" ")[0].split("@")[0];
+      nameTag = chalk7.dim("@") + chalk7.green(first.toLowerCase());
+    }
+    const modeTag = chalk7.dim("[") + chalk7.yellow(this.currentMode) + chalk7.dim("]");
+    const demoTag = this.isDemo ? chalk7.dim.yellow(" demo") : "";
+    const icon = chalk7.bold.cyan("\u2B21");
+    const label = chalk7.bold.white("devwing");
+    parts.push(`
+${sep}`);
+    parts.push(`  ${icon} ${label} ${modeTag}${nameTag ? " " + nameTag : ""}${demoTag}`);
+    parts.push("  " + chalk7.bold.cyan("\u276F") + " ");
+    return parts.join("\n");
   }
   // ============================================================
   // AUTH CHECK
@@ -3054,23 +3081,17 @@ var InteractiveSession = class {
       }
     }
     if (!command) {
+      console.log();
       logger.warn(`Unknown command: /${cmdName}. Type /help for available commands.`);
       return;
     }
     if (command.requiresAuth && !this.isAuthenticated) {
+      console.log();
       logger.warn("You need to be logged in for this command. Type /login first.");
       return;
     }
-    this.isBusy = true;
-    this.rl.close();
-    try {
-      await command.handler(args);
-    } catch (error) {
-      logger.error(error.message || "Command failed");
-    }
-    this.resetStdin();
-    await sleep2(80);
-    this.recreateReadline();
+    console.log();
+    await command.handler(args);
   }
   // ============================================================
   // AI PROMPT HANDLER
@@ -3083,20 +3104,11 @@ var InteractiveSession = class {
     }
     console.log();
     if (this.isDemo) {
-      this.isBusy = true;
-      this.rl.close();
-      try {
-        await demoPromptCommand(input, { ...this.options, mode: this.currentMode });
-        this.conversationHistory.push(
-          { role: "user", content: input, timestamp: /* @__PURE__ */ new Date() },
-          { role: "assistant", content: "[demo response]", timestamp: /* @__PURE__ */ new Date() }
-        );
-      } catch (error) {
-        logger.error(error.message || "Command failed");
-      }
-      this.resetStdin();
-      await sleep2(80);
-      this.recreateReadline();
+      await demoPromptCommand(input, { ...this.options, mode: this.currentMode });
+      this.conversationHistory.push(
+        { role: "user", content: input, timestamp: /* @__PURE__ */ new Date() },
+        { role: "assistant", content: "[demo response]", timestamp: /* @__PURE__ */ new Date() }
+      );
       return;
     }
     if (!this.sessionContext) {
@@ -3157,9 +3169,7 @@ var InteractiveSession = class {
   }
   buildPromptWithHistory() {
     const history = this.conversationHistory;
-    if (history.length <= 1) {
-      return history[history.length - 1]?.content || "";
-    }
+    if (history.length <= 1) return history[history.length - 1]?.content || "";
     const recent = history.slice(-10);
     const context = recent.slice(0, -1).map((m) => `${m.role === "user" ? "User" : "Assistant"}: ${m.content}`).join("\n\n");
     return `Previous conversation:
@@ -3173,9 +3183,9 @@ ${recent[recent.length - 1].content}`;
   // ============================================================
   exitSession() {
     if (this.sigintTimer) clearTimeout(this.sigintTimer);
-    this.resetStdin();
+    this.restoreStdin();
     console.log();
-    console.log(chalk7.dim("  Goodbye! Happy coding."));
+    console.log(chalk7.dim("  Goodbye! Happy shipping. \u{1F680}"));
     console.log();
     process.exit(0);
   }
@@ -3183,150 +3193,24 @@ ${recent[recent.length - 1].content}`;
   // COMMAND REGISTRATION
   // ============================================================
   registerCommands() {
-    this.addCommand({
-      name: "help",
-      aliases: ["h", "?"],
-      description: "Show all available commands",
-      category: "session",
-      requiresAuth: false,
-      handler: async () => this.cmdHelp()
-    });
-    this.addCommand({
-      name: "exit",
-      aliases: ["quit", "q"],
-      description: "Exit DevWing",
-      category: "session",
-      requiresAuth: false,
-      handler: async () => this.exitSession()
-    });
-    this.addCommand({
-      name: "clear",
-      aliases: ["cls"],
-      description: "Clear screen and conversation",
-      category: "session",
-      requiresAuth: false,
-      handler: async () => this.cmdClear()
-    });
-    this.addCommand({
-      name: "login",
-      aliases: ["signin"],
-      description: "Authenticate with DevWing",
-      category: "session",
-      requiresAuth: false,
-      handler: async () => this.cmdLogin()
-    });
-    this.addCommand({
-      name: "logout",
-      aliases: ["signout"],
-      description: "Clear credentials and log out",
-      category: "session",
-      requiresAuth: true,
-      handler: async () => this.cmdLogout()
-    });
-    this.addCommand({
-      name: "status",
-      aliases: ["whoami"],
-      description: "Show auth status and profile",
-      category: "session",
-      requiresAuth: false,
-      handler: async () => this.cmdStatus()
-    });
-    this.addCommand({
-      name: "scan",
-      aliases: [],
-      description: "Run security vulnerability scan",
-      category: "tools",
-      requiresAuth: true,
-      handler: async () => this.cmdScan()
-    });
-    this.addCommand({
-      name: "review",
-      aliases: [],
-      description: "Perform code review on recent changes",
-      category: "tools",
-      requiresAuth: true,
-      handler: async () => this.cmdReview()
-    });
-    this.addCommand({
-      name: "explain",
-      aliases: [],
-      description: "Explain code, file, or concept",
-      category: "tools",
-      requiresAuth: true,
-      handler: async (args) => this.cmdExplain(args)
-    });
-    this.addCommand({
-      name: "memory",
-      aliases: ["mem"],
-      description: "Manage project memory (save/show/clear)",
-      category: "tools",
-      requiresAuth: true,
-      handler: async (args) => this.cmdMemory(args)
-    });
-    this.addCommand({
-      name: "mode",
-      aliases: [],
-      description: "Show or set AI mode",
-      category: "config",
-      requiresAuth: false,
-      handler: async (args) => this.cmdMode(args)
-    });
-    this.addCommand({
-      name: "model",
-      aliases: [],
-      description: "Show or set AI model",
-      category: "config",
-      requiresAuth: false,
-      handler: async (args) => this.cmdModel(args)
-    });
-    this.addCommand({
-      name: "models",
-      aliases: [],
-      description: "List all available AI models",
-      category: "config",
-      requiresAuth: false,
-      handler: async () => this.cmdModels()
-    });
-    this.addCommand({
-      name: "usage",
-      aliases: ["stats"],
-      description: "Show token usage statistics",
-      category: "config",
-      requiresAuth: true,
-      handler: async () => this.cmdUsage()
-    });
-    this.addCommand({
-      name: "plans",
-      aliases: ["pricing"],
-      description: "Show available plans and pricing",
-      category: "config",
-      requiresAuth: false,
-      handler: async () => this.cmdPlans()
-    });
-    this.addCommand({
-      name: "context",
-      aliases: ["ctx"],
-      description: "Show loaded codebase context",
-      category: "config",
-      requiresAuth: false,
-      handler: async () => this.cmdContext()
-    });
-    this.addCommand({
-      name: "history",
-      aliases: [],
-      description: "Show conversation history",
-      category: "config",
-      requiresAuth: false,
-      handler: async () => this.cmdHistory()
-    });
-    this.addCommand({
-      name: "config",
-      aliases: ["settings"],
-      description: "Show or set CLI configuration",
-      category: "config",
-      requiresAuth: false,
-      handler: async (args) => this.cmdConfig(args)
-    });
+    this.addCommand({ name: "help", aliases: ["h", "?"], description: "Show all available commands", category: "session", requiresAuth: false, handler: async () => this.cmdHelp() });
+    this.addCommand({ name: "exit", aliases: ["quit", "q"], description: "Exit DevWing", category: "session", requiresAuth: false, handler: async () => this.exitSession() });
+    this.addCommand({ name: "clear", aliases: ["cls"], description: "Clear screen and conversation", category: "session", requiresAuth: false, handler: async () => this.cmdClear() });
+    this.addCommand({ name: "login", aliases: ["signin"], description: "Authenticate with DevWing", category: "session", requiresAuth: false, handler: async () => this.cmdLogin() });
+    this.addCommand({ name: "logout", aliases: ["signout"], description: "Clear credentials and log out", category: "session", requiresAuth: true, handler: async () => this.cmdLogout() });
+    this.addCommand({ name: "status", aliases: ["whoami"], description: "Show auth status and profile", category: "session", requiresAuth: false, handler: async () => this.cmdStatus() });
+    this.addCommand({ name: "scan", aliases: [], description: "Run security vulnerability scan", category: "tools", requiresAuth: true, handler: async () => this.cmdScan() });
+    this.addCommand({ name: "review", aliases: [], description: "Perform code review on recent changes", category: "tools", requiresAuth: true, handler: async () => this.cmdReview() });
+    this.addCommand({ name: "explain", aliases: [], description: "Explain code, file, or concept", category: "tools", requiresAuth: true, handler: async (a) => this.cmdExplain(a) });
+    this.addCommand({ name: "memory", aliases: ["mem"], description: "Manage project memory (save/show/clear)", category: "tools", requiresAuth: true, handler: async (a) => this.cmdMemory(a) });
+    this.addCommand({ name: "mode", aliases: [], description: "Show or set AI mode", category: "config", requiresAuth: false, handler: async (a) => this.cmdMode(a) });
+    this.addCommand({ name: "model", aliases: [], description: "Show or set AI model", category: "config", requiresAuth: false, handler: async (a) => this.cmdModel(a) });
+    this.addCommand({ name: "models", aliases: [], description: "List all available AI models", category: "config", requiresAuth: false, handler: async () => this.cmdModels() });
+    this.addCommand({ name: "usage", aliases: ["stats"], description: "Show token usage statistics", category: "config", requiresAuth: true, handler: async () => this.cmdUsage() });
+    this.addCommand({ name: "plans", aliases: ["pricing"], description: "Show available plans and pricing", category: "config", requiresAuth: false, handler: async () => this.cmdPlans() });
+    this.addCommand({ name: "context", aliases: ["ctx"], description: "Show loaded codebase context", category: "config", requiresAuth: false, handler: async () => this.cmdContext() });
+    this.addCommand({ name: "history", aliases: [], description: "Show conversation history", category: "config", requiresAuth: false, handler: async () => this.cmdHistory() });
+    this.addCommand({ name: "config", aliases: ["settings"], description: "Show or set CLI configuration", category: "config", requiresAuth: false, handler: async (a) => this.cmdConfig(a) });
   }
   addCommand(cmd) {
     this.commands.set(cmd.name, cmd);
@@ -3335,24 +3219,42 @@ ${recent[recent.length - 1].content}`;
   // COMMAND IMPLEMENTATIONS
   // ============================================================
   async cmdHelp() {
-    console.log();
+    const W = 64;
+    const top = chalk7.dim("\u256D" + "\u2500".repeat(W - 2) + "\u256E");
+    const bottom = chalk7.dim("\u2570" + "\u2500".repeat(W - 2) + "\u256F");
+    const div = chalk7.dim("\u251C" + "\u2500".repeat(W - 2) + "\u2524");
+    const hRow = (left, right) => {
+      const rawLeft = left.replace(/\x1B\[[0-9;]*m/g, "");
+      const rawRight = right.replace(/\x1B\[[0-9;]*m/g, "");
+      const pad = W - 2 - rawLeft.length - rawRight.length - 2;
+      return chalk7.dim("\u2502 ") + left + " ".repeat(Math.max(0, pad)) + right + chalk7.dim(" \u2502");
+    };
+    const catRow = (label) => {
+      const raw = label.replace(/\x1B\[[0-9;]*m/g, "");
+      const pad = W - 4 - raw.length;
+      return chalk7.dim("\u2502 ") + label + " ".repeat(Math.max(0, pad)) + chalk7.dim("  \u2502");
+    };
     const categories = [
       { key: "session", label: "Session", color: chalk7.bold.green },
       { key: "tools", label: "AI Tools", color: chalk7.bold.magenta },
       { key: "config", label: "Configuration", color: chalk7.bold.yellow }
     ];
-    const lines = [];
+    console.log(top);
+    console.log(catRow(chalk7.bold.white("  Commands")));
     for (const cat of categories) {
-      lines.push(cat.color(`  ${cat.label}`));
+      console.log(div);
+      console.log(catRow("  " + cat.color(cat.label)));
       for (const cmd of this.commands.values()) {
         if (cmd.category !== cat.key) continue;
-        const aliasStr = cmd.aliases.length > 0 ? chalk7.dim(` (${cmd.aliases.map((a) => "/" + a).join(", ")})`) : "";
-        lines.push(`    ${chalk7.cyan("/" + cmd.name.padEnd(12))} ${cmd.description}${aliasStr}`);
+        const cmdStr = chalk7.cyan(("/" + cmd.name).padEnd(14));
+        const descStr = chalk7.dim(cmd.description);
+        const aliasStr = cmd.aliases.length > 0 ? chalk7.dim(` \xB7 ${cmd.aliases.map((a) => "/" + a).join(", ")}`) : "";
+        console.log(hRow("    " + cmdStr + " " + descStr, aliasStr));
       }
-      lines.push("");
     }
-    lines.push(chalk7.dim("  Just type a message to chat with DevWing AI."));
-    logger.box(lines.join("\n"), { title: "Commands", color: "cyan" });
+    console.log(div);
+    console.log(catRow(chalk7.dim("  Just type a message to chat with DevWing AI")));
+    console.log(bottom);
   }
   async cmdClear() {
     this.conversationHistory = [];
@@ -3363,53 +3265,50 @@ ${recent[recent.length - 1].content}`;
     this.printSystemInfo();
   }
   async cmdLogin() {
-    console.log();
     if (this.isDemo) {
-      await demoLoginCommand({ fromSession: true });
+      await this.withInquirer(() => demoLoginCommand({ fromSession: true }));
     } else {
-      await loginCommand();
+      await this.withInquirer(() => loginCommand());
     }
     await this.checkAuthStatus();
-    this.rl.setPrompt(this.buildPrompt());
   }
   async cmdLogout() {
-    console.log();
     if (this.isDemo) {
-      await demoLogoutCommand();
+      await this.withInquirer(() => demoLogoutCommand());
     } else {
-      await logoutCommand();
+      await this.withInquirer(() => logoutCommand());
     }
     await this.checkAuthStatus();
-    this.rl.setPrompt(this.buildPrompt());
   }
   async cmdStatus() {
-    console.log();
     if (!this.isAuthenticated) {
       logger.info("Not logged in. Type /login to authenticate.");
       return;
     }
     if (this.isDemo) {
-      const table = new Table3({
-        chars: { "mid": "", "left-mid": "", "mid-mid": "", "right-mid": "" }
-      });
-      table.push(
-        [chalk7.bold("Email"), DEMO_USER2.email],
-        [chalk7.bold("Name"), DEMO_USER2.full_name],
-        [chalk7.bold("Plan"), chalk7.cyan(DEMO_USER2.subscription_plan.toUpperCase())],
-        [chalk7.bold("Verified"), chalk7.green("Yes")],
-        [chalk7.bold("2FA"), chalk7.dim("Disabled")],
-        [chalk7.bold("Workspace"), `${DEMO_WORKSPACE2.name} (${DEMO_WORKSPACE2.plan})`],
-        [chalk7.bold("Project"), DEMO_PROJECT2.name],
-        [chalk7.bold("Tokens Today"), `${DEMO_USER2.tokens_used_today?.toLocaleString()} / 500,000`],
-        [chalk7.bold("Member Since"), new Date(DEMO_USER2.created_at).toLocaleDateString()]
-      );
-      console.log(table.toString());
+      const W = 54;
+      const top = chalk7.dim("\u256D" + "\u2500".repeat(W - 2) + "\u256E");
+      const bottom = chalk7.dim("\u2570" + "\u2500".repeat(W - 2) + "\u256F");
+      const row = (k, v) => {
+        const rawV = v.replace(/\x1B\[[0-9;]*m/g, "");
+        const pad = W - 4 - k.length - rawV.length;
+        return chalk7.dim("\u2502 ") + chalk7.bold(k) + " ".repeat(Math.max(0, pad)) + v + chalk7.dim(" \u2502");
+      };
+      console.log(top);
+      console.log(row("Email", DEMO_USER2.email));
+      console.log(row("Name", DEMO_USER2.full_name));
+      console.log(row("Plan", chalk7.bgCyan.black(" PRO ")));
+      console.log(row("Verified", chalk7.green("\u2713 Yes")));
+      console.log(row("2FA", chalk7.dim("Disabled")));
+      console.log(row("Workspace", DEMO_WORKSPACE2.name + chalk7.dim(" (enterprise)")));
+      console.log(row("Project", DEMO_PROJECT2.name));
+      console.log(row("Tokens today", `${(DEMO_USER2.tokens_used_today).toLocaleString()} / 500,000`));
+      console.log(bottom);
     } else {
       await statusCommand();
     }
   }
   async cmdScan() {
-    console.log();
     if (this.isDemo) {
       await demoPromptCommand("scan auth service for OWASP vulnerabilities", { ...this.options, mode: "security" });
     } else {
@@ -3417,7 +3316,6 @@ ${recent[recent.length - 1].content}`;
     }
   }
   async cmdReview() {
-    console.log();
     if (this.isDemo) {
       await demoReviewCommand();
     } else {
@@ -3430,7 +3328,6 @@ ${recent[recent.length - 1].content}`;
       logger.info("Example: /explain src/auth/middleware.ts");
       return;
     }
-    console.log();
     if (this.isDemo) {
       await demoExplainCommand(args);
     } else {
@@ -3447,10 +3344,11 @@ ${recent[recent.length - 1].content}`;
       console.log(`  ${chalk7.cyan("/memory clear")}         \u2014 Clear all memories`);
       return;
     }
-    console.log();
     const content = parts.slice(1).join(" ").trim();
     if (this.isDemo) {
-      await demoMemoryCommand(sub, content || void 0);
+      await this.withInquirer(
+        () => demoMemoryCommand(sub, content || void 0)
+      );
     } else {
       await memoryCommand(sub, content || void 0, this.options);
     }
@@ -3458,17 +3356,32 @@ ${recent[recent.length - 1].content}`;
   async cmdMode(args) {
     const validModes = ["general", "frontend", "backend", "security", "devops"];
     if (!args) {
-      console.log();
-      console.log(`  Current mode: ${chalk7.yellow.bold(this.currentMode)}`);
-      console.log();
-      console.log("  Available modes:");
-      for (const mode2 of validModes) {
-        const indicator = mode2 === this.currentMode ? chalk7.green(" \u25CF") : chalk7.dim(" \u25CB");
-        const desc = mode2 === "general" ? "All-purpose coding assistant" : mode2 === "frontend" ? "React, Vue, CSS, TypeScript, accessibility" : mode2 === "backend" ? "APIs, databases, microservices, system design" : mode2 === "security" ? "OWASP, CVE, penetration testing, compliance" : "Docker, Kubernetes, CI/CD, infrastructure";
-        console.log(`  ${indicator} ${chalk7.cyan(mode2.padEnd(12))} ${chalk7.dim(desc)}`);
+      const W = 58;
+      const top = chalk7.dim("\u256D" + "\u2500".repeat(W - 2) + "\u256E");
+      const bottom = chalk7.dim("\u2570" + "\u2500".repeat(W - 2) + "\u256F");
+      const row = (icon, name, desc) => {
+        const left = `  ${icon} ${name.padEnd(12)} ${chalk7.dim(desc)}`;
+        const rawLeft = left.replace(/\x1B\[[0-9;]*m/g, "");
+        const pad = W - 2 - rawLeft.length;
+        return chalk7.dim("\u2502") + left + " ".repeat(Math.max(0, pad)) + chalk7.dim("\u2502");
+      };
+      console.log(top);
+      console.log(chalk7.dim("\u2502 ") + chalk7.bold("AI Mode".padEnd(W - 4)) + chalk7.dim(" \u2502"));
+      for (const m of validModes) {
+        const active = m === this.currentMode;
+        const icon = active ? chalk7.green("\u25CF") : chalk7.dim("\u25CB");
+        const name = active ? chalk7.yellow.bold(m) : chalk7.white(m);
+        const descs = {
+          general: "All-purpose coding assistant",
+          frontend: "React, Vue, CSS, TypeScript",
+          backend: "APIs, databases, microservices",
+          security: "OWASP, CVE, penetration testing",
+          devops: "Docker, Kubernetes, CI/CD"
+        };
+        console.log(row(icon, name, descs[m] || ""));
       }
-      console.log();
-      console.log(chalk7.dim(`  Usage: /mode <name>`));
+      console.log(bottom);
+      console.log(chalk7.dim("  Usage: /mode <name>"));
       return;
     }
     const mode = args.toLowerCase();
@@ -3478,124 +3391,111 @@ ${recent[recent.length - 1].content}`;
     }
     this.currentMode = mode;
     this.options.mode = mode;
-    logger.success(`Mode set to ${chalk7.yellow.bold(mode)}`);
+    console.log();
+    console.log(`  ${chalk7.green("\u2713")} Mode \u2192 ${chalk7.yellow.bold(mode)}`);
   }
   async cmdModel(args) {
     if (!args) {
+      const current = this.currentModel || "auto";
       console.log();
-      const current = this.currentModel || "auto (selected by mode)";
-      console.log(`  Current model: ${chalk7.cyan.bold(current)}`);
-      console.log(chalk7.dim(`  Usage: /model <name>  |  /model auto  |  /models to list all`));
+      console.log(`  ${chalk7.bold("Current model:")} ${chalk7.cyan(current)}`);
+      console.log(chalk7.dim("  /model <name>  \xB7  /model auto  \xB7  /models to list all"));
       return;
     }
     if (args === "auto") {
       this.currentModel = null;
       this.options.model = void 0;
-      logger.success("Model set to auto (selected by mode)");
+      logger.success("Model \u2192 auto");
       return;
     }
     this.currentModel = args;
     this.options.model = args;
-    logger.success(`Model set to ${chalk7.cyan.bold(args)}`);
+    console.log();
+    console.log(`  ${chalk7.green("\u2713")} Model \u2192 ${chalk7.cyan.bold(args)}`);
   }
   async cmdModels() {
-    console.log();
     if (this.isDemo) {
       const table = new Table3({
         head: [
           chalk7.bold("Model"),
           chalk7.bold("Domain"),
           chalk7.bold("Status"),
-          chalk7.bold("Min Plan"),
+          chalk7.bold("Plan"),
           chalk7.bold("Context"),
           chalk7.bold("Speed")
         ],
-        colWidths: [24, 12, 10, 10, 10, 12]
+        style: { head: [], border: ["dim"] }
       });
       for (const m of DEMO_MODELS) {
-        const statusColor = m.status === "active" ? chalk7.green : chalk7.yellow;
-        const planColor = m.min_plan === "free" ? chalk7.green : chalk7.cyan;
-        table.push([
-          chalk7.bold(m.display_name),
-          chalk7.yellow(m.domain),
-          statusColor(m.status),
-          planColor(m.min_plan),
-          `${(m.context_window / 1024).toFixed(0)}k`,
-          `${m.tokens_per_sec} tok/s`
-        ]);
+        const active = m.name === (this.currentModel || "");
+        const nameStr = active ? chalk7.cyan.bold(m.display_name + " \u25CF") : m.display_name;
+        const statusBadge = m.status === "active" ? chalk7.green("active") : chalk7.yellow("beta");
+        const planBadge = m.min_plan === "free" ? chalk7.green("free") : chalk7.cyan("pro");
+        table.push([nameStr, chalk7.yellow(m.domain), statusBadge, planBadge, `${(m.context_window / 1024).toFixed(0)}k`, `${m.tokens_per_sec} t/s`]);
       }
       console.log(table.toString());
-      console.log();
-      console.log(chalk7.dim(`  Set a model: /model devwing-backend-1  |  /model auto`));
+      console.log(chalk7.dim("  /model <name> to select  \xB7  /model auto for automatic"));
     } else {
       try {
         const models = await apiClient.getModels();
-        if (models.length === 0) {
+        if (!models.length) {
           logger.info("No models available");
           return;
         }
-        const table = new Table3({
-          head: [chalk7.bold("Name"), chalk7.bold("Domain"), chalk7.bold("Status"), chalk7.bold("Min Plan")]
-        });
-        for (const m of models) {
-          table.push([m.display_name || m.name, m.domain, m.status, m.min_plan]);
-        }
+        const table = new Table3({ head: [chalk7.bold("Name"), chalk7.bold("Domain"), chalk7.bold("Status"), chalk7.bold("Plan")] });
+        for (const m of models) table.push([m.display_name || m.name, m.domain, m.status, m.min_plan]);
         console.log(table.toString());
-      } catch (error) {
-        logger.error("Failed to fetch models: " + error.message);
+      } catch (e) {
+        logger.error("Failed to fetch models: " + e.message);
       }
     }
   }
   async cmdUsage() {
-    console.log();
     if (this.isDemo) {
-      console.log(chalk7.bold("  Token Usage"));
-      console.log();
       const table = new Table3({
-        head: [chalk7.bold("Period"), chalk7.bold("Requests"), chalk7.bold("Tokens In"), chalk7.bold("Tokens Out"), chalk7.bold("Cost")]
+        head: [chalk7.bold("Period"), chalk7.bold("Requests"), chalk7.bold("Tokens In"), chalk7.bold("Tokens Out"), chalk7.bold("Cost")],
+        style: { head: [], border: ["dim"] }
       });
       table.push(
-        ["Today", DEMO_USAGE.today.requests.toString(), DEMO_USAGE.today.tokens_in.toLocaleString(), DEMO_USAGE.today.tokens_out.toLocaleString(), `$${DEMO_USAGE.today.cost.toFixed(4)}`],
-        ["This Week", DEMO_USAGE.week.requests.toString(), DEMO_USAGE.week.tokens_in.toLocaleString(), DEMO_USAGE.week.tokens_out.toLocaleString(), `$${DEMO_USAGE.week.cost.toFixed(4)}`],
-        ["This Month", DEMO_USAGE.month.requests.toString(), DEMO_USAGE.month.tokens_in.toLocaleString(), DEMO_USAGE.month.tokens_out.toLocaleString(), `$${DEMO_USAGE.month.cost.toFixed(4)}`]
+        ["Today", String(DEMO_USAGE.today.requests), DEMO_USAGE.today.tokens_in.toLocaleString(), DEMO_USAGE.today.tokens_out.toLocaleString(), `$${DEMO_USAGE.today.cost.toFixed(4)}`],
+        ["This Week", String(DEMO_USAGE.week.requests), DEMO_USAGE.week.tokens_in.toLocaleString(), DEMO_USAGE.week.tokens_out.toLocaleString(), `$${DEMO_USAGE.week.cost.toFixed(4)}`],
+        ["This Month", String(DEMO_USAGE.month.requests), DEMO_USAGE.month.tokens_in.toLocaleString(), DEMO_USAGE.month.tokens_out.toLocaleString(), `$${DEMO_USAGE.month.cost.toFixed(4)}`]
       );
       console.log(table.toString());
-      console.log();
       const used = DEMO_USER2.tokens_used_today;
       const limit = 5e5;
       const pct = Math.round(used / limit * 100);
-      const barWidth = 30;
-      const filled = Math.round(pct / 100 * barWidth);
-      const bar = chalk7.cyan("\u2588".repeat(filled)) + chalk7.dim("\u2591".repeat(barWidth - filled));
-      console.log(`  Daily Quota: ${bar} ${pct}% (${used.toLocaleString()} / ${limit.toLocaleString()})`);
+      const barW = 32;
+      const filled = Math.round(pct / 100 * barW);
+      const bar = chalk7.cyan("\u2588".repeat(filled)) + chalk7.dim("\u2591".repeat(barW - filled));
       console.log();
-      console.log(chalk7.bold("  Usage by Model"));
+      console.log(`  Daily Quota  ${bar}  ${chalk7.bold(pct + "%")}  ${chalk7.dim(`${used.toLocaleString()} / ${limit.toLocaleString()} tokens`)}`);
       console.log();
-      const modelTable = new Table3({
-        head: [chalk7.bold("Model"), chalk7.bold("Requests"), chalk7.bold("Tokens"), chalk7.bold("Cost")]
+      console.log(chalk7.bold("  By Model"));
+      const mt = new Table3({
+        head: [chalk7.bold("Model"), chalk7.bold("Requests"), chalk7.bold("Tokens"), chalk7.bold("Cost")],
+        style: { head: [], border: ["dim"] }
       });
-      modelTable.push(
+      mt.push(
         ["devwing-backend-1", "312", "421,000", "$1.4721"],
         ["devwing-security-1", "145", "198,500", "$0.6948"],
         ["devwing-general-1", "98", "132,200", "$0.4627"],
         ["devwing-frontend-1", "42", "56,800", "$0.1988"],
         ["devwing-devops-1", "15", "15,600", "$0.1728"]
       );
-      console.log(modelTable.toString());
+      console.log(mt.toString());
     } else {
       try {
         const usage = await apiClient.getUsage();
-        console.log(`  Total Requests: ${usage.total_requests}`);
-        console.log(`  Tokens In: ${usage.total_tokens_in.toLocaleString()}`);
-        console.log(`  Tokens Out: ${usage.total_tokens_out.toLocaleString()}`);
+        console.log(`  Requests: ${usage.total_requests}`);
+        console.log(`  Tokens: ${usage.total_tokens_in.toLocaleString()} in, ${usage.total_tokens_out.toLocaleString()} out`);
         console.log(`  Cost: $${usage.total_cost_usd.toFixed(4)}`);
-      } catch (error) {
-        logger.error("Failed to fetch usage: " + error.message);
+      } catch (e) {
+        logger.error("Failed to fetch usage: " + e.message);
       }
     }
   }
   async cmdPlans() {
-    console.log();
     const table = new Table3({
       head: [
         chalk7.bold("Plan"),
@@ -3605,102 +3505,100 @@ ${recent[recent.length - 1].content}`;
         chalk7.bold("Projects"),
         chalk7.bold("Seats")
       ],
-      colWidths: [14, 12, 14, 16, 12, 14]
+      style: { head: [], border: ["dim"] }
     });
+    const currentPlan = this.userProfile?.subscription_plan?.toLowerCase() || "";
     for (const plan of DEMO_PLANS) {
-      const isCurrentPlan = this.isAuthenticated && this.userProfile?.subscription_plan?.toLowerCase() === plan.name.toLowerCase();
-      const nameStr = isCurrentPlan ? chalk7.cyan.bold(plan.name + " \u25CF") : plan.name;
+      const isCurrent = this.isAuthenticated && currentPlan === plan.name.toLowerCase();
+      const nameStr = isCurrent ? chalk7.cyan.bold(plan.name) + chalk7.dim(" \u2190") : plan.name;
       table.push([nameStr, plan.price, plan.tokens_day, plan.models, plan.projects, plan.seats]);
     }
     console.log(table.toString());
     console.log();
     if (this.isAuthenticated) {
-      const currentPlan = this.userProfile?.subscription_plan || "free";
-      console.log(chalk7.dim(`  Your plan: ${currentPlan.toUpperCase()}. Upgrade at https://devwing.ai/dashboard/billing`));
+      console.log(chalk7.dim(`  Your plan: ${currentPlan.toUpperCase()}  \xB7  Upgrade at devwing.ai/dashboard/billing`));
     } else {
-      console.log(chalk7.dim("  Sign up at https://devwing.ai to get started."));
+      console.log(chalk7.dim("  Sign up at devwing.ai"));
     }
   }
   async cmdContext() {
-    console.log();
     if (this.isDemo) {
-      const table = new Table3({
-        chars: { "mid": "", "left-mid": "", "mid-mid": "", "right-mid": "" }
-      });
-      table.push(
-        [chalk7.bold("Working Dir"), chalk7.cyan(process.cwd().replace(process.env.HOME || "", "~"))],
-        [chalk7.bold("Git Branch"), "main"],
-        [chalk7.bold("Files Loaded"), "34"],
-        [chalk7.bold("Framework"), "FastAPI + TypeScript"],
-        [chalk7.bold("Shell"), process.env.SHELL?.split("/").pop() || "unknown"],
-        [chalk7.bold("OS"), process.platform]
-      );
-      console.log(table.toString());
-      console.log();
-      console.log(chalk7.bold("  Top files in context:"));
-      const files = [
-        "src/auth/auth_controller.ts",
-        "src/middleware/jwt.middleware.ts",
-        "src/services/user_service.ts",
-        "src/auth/repositories/user.repository.ts",
-        "package.json",
-        "tsconfig.json",
-        "docker-compose.yml"
-      ];
-      for (const f of files) {
-        console.log(`    ${chalk7.dim("\u2022")} ${chalk7.cyan(f)}`);
-      }
-      console.log(chalk7.dim("    ... and 27 more"));
+      const W = 58;
+      const top = chalk7.dim("\u256D" + "\u2500".repeat(W - 2) + "\u256E");
+      const bottom = chalk7.dim("\u2570" + "\u2500".repeat(W - 2) + "\u256F");
+      const div = chalk7.dim("\u251C" + "\u2500".repeat(W - 2) + "\u2524");
+      const row = (k, v) => {
+        const rawV = v.replace(/\x1B\[[0-9;]*m/g, "");
+        const pad = W - 4 - k.length - rawV.length;
+        return chalk7.dim("\u2502 ") + chalk7.bold(k) + " ".repeat(Math.max(0, pad)) + v + chalk7.dim(" \u2502");
+      };
+      const fileRow = (f) => {
+        const pad = W - 4 - 2 - f.length;
+        return chalk7.dim("\u2502   ") + chalk7.dim("\xB7") + " " + chalk7.cyan(f) + " ".repeat(Math.max(0, pad)) + chalk7.dim("\u2502");
+      };
+      const textRow = (t) => {
+        const pad = W - 4 - t.length;
+        return chalk7.dim("\u2502 ") + t + " ".repeat(Math.max(0, pad)) + chalk7.dim(" \u2502");
+      };
+      console.log(top);
+      console.log(row("Directory", chalk7.cyan(process.cwd().replace(process.env.HOME || "", "~"))));
+      console.log(row("Git Branch", "main"));
+      console.log(row("Files Loaded", "34"));
+      console.log(row("Framework", "FastAPI + TypeScript"));
+      console.log(row("Shell", process.env.SHELL?.split("/").pop() || "unknown"));
+      console.log(div);
+      console.log(textRow(chalk7.bold("Top files in context")));
+      const files = ["src/auth/auth_controller.ts", "src/middleware/jwt.middleware.ts", "src/services/user_service.ts", "src/auth/repositories/user.repository.ts", "package.json", "docker-compose.yml"];
+      for (const f of files) console.log(fileRow(f));
+      console.log(textRow(chalk7.dim("... and 28 more")));
+      console.log(bottom);
     } else if (this.sessionContext) {
-      console.log(`  Working Dir: ${chalk7.cyan(this.sessionContext.cwd)}`);
-      console.log(`  Shell: ${this.sessionContext.shell} | OS: ${this.sessionContext.os}`);
-      console.log(`  Files: ${this.sessionContext.files.length}`);
-      if (this.sessionContext.git_branch) {
-        console.log(`  Git Branch: ${this.sessionContext.git_branch}`);
-      }
+      console.log(`  Dir: ${chalk7.cyan(this.sessionContext.cwd)}  \xB7  Shell: ${this.sessionContext.shell}  \xB7  Files: ${this.sessionContext.files.length}`);
+      if (this.sessionContext.git_branch) console.log(`  Branch: ${this.sessionContext.git_branch}`);
       console.log();
-      console.log(chalk7.bold("  Files in context:"));
       for (const f of this.sessionContext.files.slice(0, 10)) {
-        console.log(`    ${chalk7.dim("\u2022")} ${chalk7.cyan(f.path)}`);
+        console.log(`  ${chalk7.dim("\xB7")} ${chalk7.cyan(f.path)}`);
       }
       if (this.sessionContext.files.length > 10) {
-        console.log(chalk7.dim(`    ... and ${this.sessionContext.files.length - 10} more`));
+        console.log(chalk7.dim(`  ... and ${this.sessionContext.files.length - 10} more`));
       }
     } else {
       logger.info("No context loaded yet. Send a message to load context.");
     }
   }
   async cmdHistory() {
-    console.log();
-    if (this.conversationHistory.length === 0) {
+    if (!this.conversationHistory.length) {
       logger.info("No conversation history yet.");
       return;
     }
+    console.log();
     for (const msg of this.conversationHistory.slice(-20)) {
-      const label = msg.role === "user" ? chalk7.green.bold("You") : chalk7.cyan.bold("DevWing");
+      const label = msg.role === "user" ? chalk7.green.bold("You      ") : chalk7.cyan.bold("DevWing  ");
       const time = chalk7.dim(msg.timestamp.toLocaleTimeString());
-      const preview = msg.content.length > 120 ? msg.content.substring(0, 120) + "..." : msg.content;
-      console.log(`  ${time} ${label}: ${preview}`);
+      const preview = msg.content.length > 100 ? msg.content.substring(0, 100) + "\u2026" : msg.content;
+      console.log(`  ${time}  ${label} ${preview}`);
     }
   }
   async cmdConfig(args) {
     if (!args) {
-      console.log();
       const config = configManager.getAll();
-      const table = new Table3({
-        chars: { "mid": "", "left-mid": "", "mid-mid": "", "right-mid": "" }
-      });
-      table.push(
-        [chalk7.bold("API URL"), config.apiUrl || chalk7.dim("default")],
-        [chalk7.bold("Workspace"), config.workspaceId || chalk7.dim("none")],
-        [chalk7.bold("Project"), config.projectId || chalk7.dim("none")],
-        [chalk7.bold("Model"), config.model || chalk7.dim("auto")],
-        [chalk7.bold("Mode"), config.mode || chalk7.dim("general")],
-        [chalk7.bold("Config Path"), configManager.getPath()]
-      );
-      console.log(table.toString());
-      console.log();
-      console.log(chalk7.dim("  Usage: /config set <key> <value>  |  /config get <key>"));
+      const W = 56;
+      const top = chalk7.dim("\u256D" + "\u2500".repeat(W - 2) + "\u256E");
+      const bottom = chalk7.dim("\u2570" + "\u2500".repeat(W - 2) + "\u256F");
+      const row = (k, v) => {
+        const rawV = v.replace(/\x1B\[[0-9;]*m/g, "");
+        const pad = W - 4 - k.length - rawV.length;
+        return chalk7.dim("\u2502 ") + chalk7.bold(k) + " ".repeat(Math.max(0, pad)) + v + chalk7.dim(" \u2502");
+      };
+      console.log(top);
+      console.log(row("API URL", chalk7.dim(config.apiUrl || "default")));
+      console.log(row("Workspace", chalk7.dim(config.workspaceId || "none")));
+      console.log(row("Project", chalk7.dim(config.projectId || "none")));
+      console.log(row("Model", chalk7.dim(config.model || "auto")));
+      console.log(row("Mode", chalk7.dim(config.mode || "general")));
+      console.log(row("Config", chalk7.dim(configManager.getPath())));
+      console.log(bottom);
+      console.log(chalk7.dim("  /config set <key> <value>  \xB7  /config get <key>"));
       return;
     }
     const parts = args.split(/\s+/);