blun-king-cli 7.1.0 → 7.2.0

package/lib/chat.js

@@ -1,7 +1,7 @@
 /**
- * BLUN King CLI v7.1.0 - Chat Module
- * Full-screen REPL with Settings Panel, Slash Suggestions, Theme support
- * Adapted from Codex 1 patterns for blun.ai remote API
+ * BLUN King CLI v7.2.0 - Chat Module
+ * Full-screen TUI with ANSI Scroll Regions
+ * Fixed input panel at bottom, responses scroll above
  * CommonJS
  */
 
@@ -13,7 +13,17 @@ var client = require("./client");
 
 var localMode = false;
 
-// ── Slash Commands ────────────────────────────────────────
+// ── ANSI Escape Helpers ──────────────────────────────────
+var ESC = "\x1b[";
+function cursorTo(row, col) { return ESC + row + ";" + col + "H"; }
+function clearLine() { return ESC + "2K"; }
+function setScrollRegion(top, bottom) { return ESC + top + ";" + bottom + "r"; }
+function saveCursor() { return ESC + "s"; }
+function restoreCursor() { return ESC + "u"; }
+function hideCursor() { return ESC + "?25l"; }
+function showCursor() { return ESC + "?25h"; }
+
+// ── Slash Commands ───────────────────────────────────────
 var SLASH_COMMANDS = [
   ["/help",       "Show all commands"],
   ["/settings",   "Open interactive settings panel"],
@@ -29,6 +39,12 @@ var SLASH_COMMANDS = [
 ];
 var slashNames = SLASH_COMMANDS.map(function (c) { return c[0]; });
 
+// ── Layout Constants ─────────────────────────────────────
+var INPUT_PANEL_HEIGHT = 5; // top-frame + input + blank + status + bottom-frame
+
+function getRows() { return process.stdout.rows || 24; }
+function getCols() { return process.stdout.columns || 80; }
+
 function startChat() {
   ui.renderBanner();
 
@@ -53,16 +69,12 @@ function startChat() {
   return authPromise.then(function () {
     var creds = auth.getStoredCredentials();
     if (creds) {
-      ui.renderResponse(
-        "Connected as " + (creds.name || creds.email || "user") + " | Plan: " + (creds.plan || "free"),
-        "system"
-      );
+      console.log(chalk.yellow("  [SYS] Connected as " + (creds.name || creds.email || "user") + " | Plan: " + (creds.plan || "free")));
     } else if (localMode) {
-      ui.renderResponse("Local mode - no API calls available", "system");
+      console.log(chalk.yellow("  [SYS] Local mode - no API calls available"));
     }
 
     var settings = auth.getSettings();
-    // Ensure all settings fields exist
     if (!settings.theme) settings.theme = "neon";
     if (!settings.streamLevel) settings.streamLevel = "normal";
     if (!settings.permissionMode) settings.permissionMode = "normal";
@@ -70,173 +82,193 @@ function startChat() {
     if (!settings.statuslineMode) settings.statuslineMode = "full";
 
     ui.setTheme(settings.theme || "neon");
-
-    var username = (creds ? creds.name : null) || "local";
     var model = settings.model || "auto";
-
-    var rl = readline.createInterface({
-      input: process.stdin,
-      output: process.stdout,
-      prompt: ui.renderPrompt(),
-      terminal: true,
-      completer: function (line) {
-        if (line.startsWith("/")) {
-          var hits = slashNames.filter(function (c) { return c.indexOf(line) === 0; });
-          return [hits.length ? hits : slashNames, line];
-        }
-        return [[], line];
-      },
-    });
-
-    function showPrompt() {
-      ui.renderInputPanel(settings);
-      rl.setPrompt(ui.renderPrompt());
-      rl.prompt();
+    var inputBuffer = "";
+    var cursorPos = 0;
+    var isInMenu = false;
+
+    // ── Setup full-screen layout ─────────────────────────
+    function setupLayout() {
+      var rows = getRows();
+      var scrollBottom = rows - INPUT_PANEL_HEIGHT;
+      if (scrollBottom < 3) scrollBottom = 3;
+      // Set scroll region to top area only
+      process.stdout.write(setScrollRegion(1, scrollBottom));
+      // Move cursor to scroll area to print initial content
+      process.stdout.write(cursorTo(scrollBottom, 1));
     }
 
-    // ── Interactive Settings Panel ──────────────────────
-    function openSettingsPanel() {
-      var selection = 0;
-
-      function render() {
-        // Clear and redraw
-        readline.cursorTo(process.stdout, 0);
-        readline.clearScreenDown(process.stdout);
-        var lines = ui.buildSettingsPanel(settings, selection);
-        console.log(lines.join("\n"));
-      }
-
-      function cleanup() {
-        process.stdin.removeListener("keypress", onKeypress);
-        if (process.stdin.isTTY && process.stdin.setRawMode) process.stdin.setRawMode(false);
-        process.stdin.resume();
-        console.log();
-        showPrompt();
+    function drawInputPanel() {
+      var rows = getRows();
+      var cols = getCols();
+      var t = ui.getTheme();
+      var panelTop = rows - INPUT_PANEL_HEIGHT + 1;
+      var inner = Math.min(cols - 2, 96);
+
+      // Permission label
+      var perm = settings.permissionMode || "normal";
+      var permColors = { safe: chalk.green, normal: chalk.yellow, god: chalk.red };
+      var permLabel = (permColors[perm] || chalk.white)(perm);
+
+      var stats = ui.getStats();
+      var tokens = ui.formatNumber(stats.tokens);
+      var elapsed = ui.formatDuration(stats.uptime);
+      var cost = ui.estimateCost(stats.tokens, settings.model);
+
+      // Build status parts
+      var statusParts = [];
+      statusParts.push(permLabel);
+      statusParts.push(chalk.dim("model:") + chalk.white(settings.model || "auto"));
+      statusParts.push(chalk.dim("tokens:") + chalk.white(tokens));
+      statusParts.push(chalk.dim(elapsed));
+      if (settings.costVisibility !== false) {
+        statusParts.push(chalk.dim(cost));
       }
+      var statusLine = statusParts.join(chalk.dim(" │ "));
+
+      // Save cursor position in scroll region
+      process.stdout.write(saveCursor());
+
+      // Row 1: Top frame
+      process.stdout.write(cursorTo(panelTop, 1) + clearLine());
+      process.stdout.write(t.frame("╭─") + t.frame.bold(" BLUN ") + t.frame("─".repeat(Math.max(2, inner - 10))) + t.frame("╮"));
+
+      // Row 2: Input line
+      var displayInput = inputBuffer || "";
+      var maxInputLen = inner - 4;
+      var showInput = displayInput.length > maxInputLen ? displayInput.slice(displayInput.length - maxInputLen) : displayInput;
+      process.stdout.write(cursorTo(panelTop + 1, 1) + clearLine());
+      process.stdout.write(t.frame("│ ") + chalk.bold.green("> ") + chalk.white(showInput) + " ".repeat(Math.max(0, maxInputLen - showInput.length)) + t.frame(" │"));
+
+      // Row 3: Empty separator
+      process.stdout.write(cursorTo(panelTop + 2, 1) + clearLine());
+      process.stdout.write(t.frame("│") + " ".repeat(inner) + t.frame("│"));
+
+      // Row 4: Status line
+      process.stdout.write(cursorTo(panelTop + 3, 1) + clearLine());
+      process.stdout.write(t.frame("│ ") + statusLine);
+
+      // Row 5: Bottom frame
+      process.stdout.write(cursorTo(panelTop + 4, 1) + clearLine());
+      process.stdout.write(t.frame("╰─ ") + chalk.dim("Tab: autocomplete  /: commands  Esc: exit") + t.frame(" ─") + t.frame("─".repeat(Math.max(1, inner - 48))) + t.frame("╯"));
+
+      // Restore cursor back to input line
+      var cursorCol = 5 + cursorPos; // "│ > " = 4 chars + 1
+      if (cursorPos > maxInputLen) cursorCol = 5 + maxInputLen;
+      process.stdout.write(cursorTo(panelTop + 1, cursorCol));
+    }
 
-      function onKeypress(_, key) {
-        key = key || {};
-        if (key.name === "up") {
-          selection = (selection + ui.SETTINGS_FIELDS.length - 1) % ui.SETTINGS_FIELDS.length;
-          render();
-        } else if (key.name === "down") {
-          selection = (selection + 1) % ui.SETTINGS_FIELDS.length;
-          render();
-        } else if (key.name === "right") {
-          var field = ui.SETTINGS_FIELDS[selection];
-          settings = ui.cycleSetting(settings, field.key, 1);
-          if (field.key === "theme") ui.setTheme(settings.theme);
-          auth.saveSettings(settings);
-          render();
-        } else if (key.name === "left") {
-          var field = ui.SETTINGS_FIELDS[selection];
-          settings = ui.cycleSetting(settings, field.key, -1);
-          if (field.key === "theme") ui.setTheme(settings.theme);
-          auth.saveSettings(settings);
-          render();
-        } else if (key.name === "return" || key.name === "escape") {
-          cleanup();
-        } else if (key.ctrl && key.name === "c") {
-          cleanup();
-        }
+    function printToScrollArea(text) {
+      var rows = getRows();
+      var scrollBottom = rows - INPUT_PANEL_HEIGHT;
+      // Save cursor, move to scroll area, print, restore
+      process.stdout.write(saveCursor());
+      process.stdout.write(setScrollRegion(1, scrollBottom));
+      process.stdout.write(cursorTo(scrollBottom, 1));
+      // Print text - each line scrolls the region up
+      var lines = text.split("\n");
+      for (var i = 0; i < lines.length; i++) {
+        process.stdout.write("\n" + lines[i]);
       }
-
-      // Pause readline, take raw input
-      rl.pause();
-      readline.emitKeypressEvents(process.stdin);
-      if (process.stdin.isTTY && process.stdin.setRawMode) process.stdin.setRawMode(true);
-      process.stdin.on("keypress", onKeypress);
-      render();
+      process.stdout.write(restoreCursor());
+      drawInputPanel();
     }
 
-    console.log();
-    showPrompt();
-
-    return new Promise(function (resolveChat) {
-      rl.on("line", function (line) {
-        var input = line.trim();
-
-        if (!input) {
-          showPrompt();
-          return;
-        }
+    // ── Handle resize ────────────────────────────────────
+    process.stdout.on("resize", function () {
+      setupLayout();
+      drawInputPanel();
+    });
 
-        ui.renderInputPanelClose(settings);
+    // ── Process command ──────────────────────────────────
+    function processCommand(input) {
+      if (!input) return;
 
-        // ── Commands ────────────────────────────────
-        if (input === "/exit" || input === "/quit") {
-          ui.renderResponse("Goodbye!", "system");
-          rl.close();
-          return;
-        }
+      // ── Commands ───────────────────────────────────
+      if (input === "/exit" || input === "/quit") {
+        cleanup();
+        console.log(chalk.yellow("\n  Goodbye!\n"));
+        process.exit(0);
+        return;
+      }
 
-        if (input === "/clear") {
-          console.clear();
-          ui.renderBanner();
-          showPrompt();
-          return;
+      if (input === "/clear") {
+        var rows = getRows();
+        var scrollBottom = rows - INPUT_PANEL_HEIGHT;
+        process.stdout.write(setScrollRegion(1, scrollBottom));
+        for (var i = 1; i <= scrollBottom; i++) {
+          process.stdout.write(cursorTo(i, 1) + clearLine());
         }
+        process.stdout.write(cursorTo(1, 1));
+        drawInputPanel();
+        return;
+      }
 
-        if (input === "/settings") {
-          openSettingsPanel();
-          return;
-        }
+      if (input === "/help") {
+        var helpLines = [];
+        helpLines.push(chalk.cyan.bold("  Commands"));
+        helpLines.push(chalk.dim("  " + "─".repeat(40)));
+        SLASH_COMMANDS.forEach(function (c) {
+          helpLines.push("  " + chalk.green(c[0]) + " ".repeat(Math.max(1, 16 - c[0].length)) + chalk.gray(c[1]));
+        });
+        helpLines.push("");
+        printToScrollArea(helpLines.join("\n"));
+        return;
+      }
 
-        if (input === "/status") {
-          var stats = ui.getStats();
-          var t = ui.getTheme();
-          console.log();
-          console.log(t.header("  Status"));
-          console.log(t.muted("  " + "\u2500".repeat(40)));
-          console.log("  Model:       " + chalk.white(settings.model || "auto"));
-          console.log("  Permission:  " + ui.formatSettingValue({ key: "permissionMode" }, settings.permissionMode));
-          console.log("  Theme:       " + chalk.white(settings.theme || "neon"));
-          console.log("  Tokens:      " + chalk.white(ui.formatNumber(stats.tokens)));
-          console.log("  Cost:        " + chalk.white(ui.estimateCost(stats.tokens, settings.model)));
-          console.log("  Uptime:      " + chalk.white(ui.formatDuration(stats.uptime)));
-          console.log();
-          showPrompt();
-          return;
-        }
+      if (input === "/status") {
+        var stats = ui.getStats();
+        var statusLines = [];
+        statusLines.push(chalk.cyan.bold("  Status"));
+        statusLines.push(chalk.dim("  " + "─".repeat(40)));
+        statusLines.push("  Model:       " + chalk.white(settings.model || "auto"));
+        statusLines.push("  Permission:  " + ui.formatSettingValue({ key: "permissionMode" }, settings.permissionMode));
+        statusLines.push("  Theme:       " + chalk.white(settings.theme || "neon"));
+        statusLines.push("  Tokens:      " + chalk.white(ui.formatNumber(stats.tokens)));
+        statusLines.push("  Cost:        " + chalk.white(ui.estimateCost(stats.tokens, settings.model)));
+        statusLines.push("  Uptime:      " + chalk.white(ui.formatDuration(stats.uptime)));
+        statusLines.push("");
+        printToScrollArea(statusLines.join("\n"));
+        return;
+      }
 
-        if (input === "/perm" || input === "/permission") {
-          var modes = ui.PERMISSION_MODES;
-          var idx = modes.indexOf(settings.permissionMode);
-          settings.permissionMode = modes[(idx + 1) % modes.length];
-          auth.saveSettings(settings);
-          ui.renderResponse("Permission: " + settings.permissionMode, "system");
-          showPrompt();
-          return;
-        }
+      if (input === "/perm" || input === "/permission") {
+        var modes = ui.PERMISSION_MODES;
+        var idx = modes.indexOf(settings.permissionMode);
+        settings.permissionMode = modes[(idx + 1) % modes.length];
+        auth.saveSettings(settings);
+        printToScrollArea(chalk.yellow("  [SYS] Permission: " + settings.permissionMode));
+        drawInputPanel();
+        return;
+      }
 
-        if (input.indexOf("/theme") === 0) {
-          var parts = input.split(/\s+/);
-          if (parts[1] && ui.THEMES[parts[1]]) {
-            settings.theme = parts[1];
-            ui.setTheme(parts[1]);
-            auth.saveSettings(settings);
-            ui.renderResponse("Theme: " + parts[1], "system");
-          } else {
-            var modes = Object.keys(ui.THEMES);
-            var idx = modes.indexOf(settings.theme || "neon");
-            settings.theme = modes[(idx + 1) % modes.length];
-            ui.setTheme(settings.theme);
-            auth.saveSettings(settings);
-            ui.renderResponse("Theme: " + settings.theme, "system");
-          }
-          showPrompt();
-          return;
+      if (input.indexOf("/theme") === 0) {
+        var parts = input.split(/\s+/);
+        if (parts[1] && ui.THEMES[parts[1]]) {
+          settings.theme = parts[1];
+        } else {
+          var themeNames = Object.keys(ui.THEMES);
+          var tidx = themeNames.indexOf(settings.theme || "neon");
+          settings.theme = themeNames[(tidx + 1) % themeNames.length];
         }
+        ui.setTheme(settings.theme);
+        auth.saveSettings(settings);
+        printToScrollArea(chalk.yellow("  [SYS] Theme: " + settings.theme));
+        drawInputPanel();
+        return;
+      }
 
-        if (input.indexOf("/model") === 0) {
-          var parts = input.split(/\s+/);
-          if (parts[1]) {
-            settings.model = parts[1];
-            model = parts[1];
-            auth.saveSettings(settings);
-            ui.renderResponse("Model: " + parts[1], "system");
-            showPrompt();
-          } else {
+      if (input.indexOf("/model") === 0) {
+        var parts = input.split(/\s+/);
+        if (parts[1]) {
+          settings.model = parts[1];
+          model = parts[1];
+          auth.saveSettings(settings);
+          printToScrollArea(chalk.yellow("  [SYS] Model: " + parts[1]));
+          drawInputPanel();
+        } else {
+          // Open inquirer menu
+          enterMenuMode(function (done) {
             var inquirer = require("inquirer");
             inquirer.prompt([{
               type: "list",
@@ -253,57 +285,24 @@ function startChat() {
                 model = ans.model;
                 settings.model = ans.model;
                 auth.saveSettings(settings);
-                ui.renderResponse("Model: " + ans.model, "system");
+                printToScrollArea(chalk.yellow("  [SYS] Model: " + ans.model));
               }
-              showPrompt();
+              done();
             });
-          }
-          return;
-        }
-
-        if (input === "/login") {
-          auth.login().then(function () {
-            localMode = false;
-            creds = auth.getStoredCredentials();
-            username = (creds ? creds.name : null) || "local";
-            ui.renderResponse("Logged in!", "system");
-          }).catch(function (e) {
-            ui.renderResponse(e.message, "error");
-          }).then(function () { showPrompt(); });
-          return;
-        }
-
-        if (input === "/whoami") {
-          auth.whoami().catch(function (e) {
-            ui.renderResponse(e.message, "error");
-          }).then(function () { showPrompt(); });
-          return;
-        }
-
-        if (input === "/keys") {
-          auth.listApiKeys().catch(function (e) {
-            ui.renderResponse(e.message, "error");
-          }).then(function () { showPrompt(); });
-          return;
-        }
-
-        if (input === "/help") {
-          var t = ui.getTheme();
-          console.log();
-          console.log(t.header("  Commands"));
-          console.log(t.muted("  " + "\u2500".repeat(40)));
-          SLASH_COMMANDS.forEach(function (c) {
-            console.log("  " + chalk.green(c[0]) + " ".repeat(Math.max(1, 16 - c[0].length)) + chalk.gray(c[1]));
           });
-          console.log();
-          console.log(t.muted("  Tip: Type / and press Tab for autocomplete"));
-          console.log();
-          showPrompt();
-          return;
         }
+        return;
+      }
+
+      if (input === "/settings") {
+        enterMenuMode(function (done) {
+          openSettingsPanel(done);
+        });
+        return;
+      }
 
-        // ── Slash command picker (just "/") ──────────
-        if (input === "/") {
+      if (input === "/") {
+        enterMenuMode(function (done) {
           var inquirer = require("inquirer");
           inquirer.prompt([{
             type: "list",
@@ -317,56 +316,294 @@ function startChat() {
             ]),
             pageSize: 12,
           }]).then(function (ans) {
+            done();
             if (ans.cmd) {
-              rl.emit("line", ans.cmd);
-            } else {
-              showPrompt();
+              processCommand(ans.cmd);
             }
           });
+        });
+        return;
+      }
+
+      if (input === "/login") {
+        enterMenuMode(function (done) {
+          auth.login().then(function () {
+            localMode = false;
+            creds = auth.getStoredCredentials();
+            printToScrollArea(chalk.yellow("  [SYS] Logged in!"));
+          }).catch(function (e) {
+            printToScrollArea(chalk.red("  ✘ " + e.message));
+          }).then(function () { done(); });
+        });
+        return;
+      }
+
+      if (input === "/whoami") {
+        enterMenuMode(function (done) {
+          auth.whoami().catch(function (e) {
+            printToScrollArea(chalk.red("  ✘ " + e.message));
+          }).then(function () { done(); });
+        });
+        return;
+      }
+
+      if (input === "/keys") {
+        enterMenuMode(function (done) {
+          auth.listApiKeys().catch(function (e) {
+            printToScrollArea(chalk.red("  ✘ " + e.message));
+          }).then(function () { done(); });
+        });
+        return;
+      }
+
+      // ── Send message ──────────────────────────────────
+      if (localMode) {
+        printToScrollArea(chalk.red("  ✘ Local mode - cannot send messages. Use /login to authenticate."));
+        return;
+      }
+
+      // Show user message in scroll area
+      printToScrollArea(chalk.bold.blue("  > " + input));
+
+      // Show thinking indicator
+      printToScrollArea(chalk.dim("  ⠋ Thinking..."));
+
+      client.sendMessage(input, { model: settings.model || "auto" })
+        .then(function (res) {
+          if (res.status === 200 && res.data) {
+            var text = res.data.answer || res.data.response || res.data.text || res.data.message || JSON.stringify(res.data);
+            var tok = res.data.tokens || res.data.usage || {};
+            var tokTotal = tok.total || tok.total_tokens || 0;
+            if (!tokTotal && text) {
+              tokTotal = Math.ceil(text.length / 4) + Math.ceil(input.length / 4);
+            }
+            if (tokTotal) ui.addTokens(tokTotal);
+
+            // Render markdown
+            var rendered = ui.renderMarkdown(text);
+            var lines = rendered.split("\n");
+            var output = [];
+            for (var i = 0; i < lines.length; i++) {
+              output.push("  " + lines[i]);
+            }
+
+            // Meta line
+            var metaParts = [];
+            metaParts.push(chalk.bgCyan.black(" " + (settings.model || "auto") + " "));
+            if (tokTotal) metaParts.push(chalk.dim("tokens:" + ui.formatNumber(tokTotal)));
+            metaParts.push(chalk.dim("total:" + ui.formatNumber(ui.getStats().tokens)));
+            if (settings.costVisibility !== false) metaParts.push(chalk.dim(ui.estimateCost(ui.getStats().tokens, settings.model)));
+            output.push("  " + metaParts.join(chalk.dim(" │ ")));
+            output.push("");
+
+            printToScrollArea(output.join("\n"));
+          } else if (res.status === 401 || res.status === 403) {
+            printToScrollArea(chalk.red("  ✘ Auth error. Use /login to re-authenticate."));
+          } else {
+            printToScrollArea(chalk.red("  ✘ Error: " + JSON.stringify(res.data)));
+          }
+          drawInputPanel();
+        })
+        .catch(function (e) {
+          printToScrollArea(chalk.red("  ✘ Request failed: " + e.message + "\n  Try /login if auth expired."));
+          drawInputPanel();
+        });
+    }
+
+    // ── Settings Panel (inquirer) ─────────────────────────
+    function openSettingsPanel(done) {
+      var inquirer = require("inquirer");
+      var t = ui.getTheme();
+
+      inquirer.prompt([{
+        type: "list",
+        name: "field",
+        message: "Change setting",
+        choices: ui.SETTINGS_FIELDS.map(function (f) {
+          return { name: f.label + " — " + ui.formatSettingValue(f, settings[f.key]), value: f.key };
+        }).concat([{ name: chalk.dim("Back"), value: "back" }]),
+        pageSize: 12,
+      }]).then(function (ans) {
+        if (ans.field === "back") {
+          done();
+          return;
+        }
+        var field = null;
+        for (var i = 0; i < ui.SETTINGS_FIELDS.length; i++) {
+          if (ui.SETTINGS_FIELDS[i].key === ans.field) { field = ui.SETTINGS_FIELDS[i]; break; }
+        }
+        if (!field) { done(); return; }
+
+        return inquirer.prompt([{
+          type: "list",
+          name: "value",
+          message: field.label + " (" + (field.help || "") + ")",
+          choices: field.values.map(function (v) {
+            var isCurrent = settings[field.key] === v;
+            var label = String(v);
+            if (typeof v === "boolean") label = v ? "On" : "Off";
+            return { name: label + (isCurrent ? chalk.green(" (current)") : ""), value: v };
+          }),
+        }]).then(function (ans2) {
+          settings[field.key] = ans2.value;
+          if (field.key === "theme") ui.setTheme(settings.theme);
+          auth.saveSettings(settings);
+          printToScrollArea(chalk.yellow("  [SYS] " + field.label + ": " + ans2.value));
+          done();
+        });
+      });
+    }
+
+    // ── Menu Mode (temporarily disable raw input) ────────
+    function enterMenuMode(fn) {
+      isInMenu = true;
+      // Reset scroll region for inquirer to work properly
+      var rows = getRows();
+      process.stdout.write(setScrollRegion(1, rows));
+      process.stdin.setRawMode(false);
+      process.stdin.removeAllListeners("data");
+
+      fn(function () {
+        // Re-enter TUI mode
+        isInMenu = false;
+        setupLayout();
+        drawInputPanel();
+        startRawInput();
+      });
+    }
+
+    // ── Cleanup ──────────────────────────────────────────
+    function cleanup() {
+      var rows = getRows();
+      process.stdout.write(setScrollRegion(1, rows));
+      process.stdout.write(cursorTo(rows, 1));
+      process.stdout.write(showCursor());
+      try { process.stdin.setRawMode(false); } catch (e) {}
+    }
+
+    // ── Raw Input Handler ────────────────────────────────
+    function startRawInput() {
+      if (!process.stdin.isTTY) return;
+      process.stdin.setRawMode(true);
+      process.stdin.resume();
+      process.stdin.setEncoding("utf8");
+
+      process.stdin.on("data", function onData(key) {
+        if (isInMenu) return;
+
+        // Ctrl+C / Ctrl+D
+        if (key === "\u0003" || key === "\u0004") {
+          cleanup();
+          console.log(chalk.yellow("\n  Goodbye!\n"));
+          process.exit(0);
           return;
         }
 
-        // ── Send message ────────────────────────────
-        if (localMode) {
-          ui.renderResponse("Local mode - cannot send messages. Use /login to authenticate.", "error");
-          showPrompt();
+        // Escape
+        if (key === "\u001b" && key.length === 1) {
+          cleanup();
+          console.log(chalk.yellow("\n  Goodbye!\n"));
+          process.exit(0);
           return;
         }
 
-        var spinner = ui.renderSpinner("Thinking...");
-        client.sendMessage(input, { model: settings.model || "auto" })
-          .then(function (res) {
-            ui.stopSpinner(true, "Response received");
-            if (res.status === 200 && res.data) {
-              var text = res.data.answer || res.data.response || res.data.text || res.data.message || JSON.stringify(res.data);
-              var tok = res.data.tokens || res.data.usage || {};
-              var tokTotal = tok.total || tok.total_tokens || 0;
-              if (!tokTotal && text) {
-                tokTotal = Math.ceil(text.length / 4) + Math.ceil(input.length / 4);
-              }
-              if (tokTotal) ui.addTokens(tokTotal);
-              ui.renderResponse(text, "agent", {
-                model: settings.model || "auto",
-                tokens: tokTotal,
-                cost: settings.costVisibility,
-              });
-            } else if (res.status === 401 || res.status === 403) {
-              ui.renderResponse("Auth error. Use /login to re-authenticate.", "error");
-            } else {
-              ui.renderResponse("Error: " + JSON.stringify(res.data), "error");
+        // Enter
+        if (key === "\r" || key === "\n") {
+          var cmd = inputBuffer.trim();
+          inputBuffer = "";
+          cursorPos = 0;
+          if (cmd) {
+            processCommand(cmd);
+          }
+          drawInputPanel();
+          return;
+        }
+
+        // Backspace
+        if (key === "\u007f" || key === "\b") {
+          if (cursorPos > 0) {
+            inputBuffer = inputBuffer.slice(0, cursorPos - 1) + inputBuffer.slice(cursorPos);
+            cursorPos--;
+          }
+          drawInputPanel();
+          return;
+        }
+
+        // Tab - autocomplete
+        if (key === "\t") {
+          if (inputBuffer.startsWith("/")) {
+            var hits = slashNames.filter(function (c) { return c.indexOf(inputBuffer) === 0; });
+            if (hits.length === 1) {
+              inputBuffer = hits[0];
+              cursorPos = inputBuffer.length;
+            } else if (hits.length > 1) {
+              printToScrollArea(chalk.dim("  " + hits.join("  ")));
             }
-            showPrompt();
-          })
-          .catch(function (e) {
-            ui.stopSpinner(false, e.message);
-            ui.renderResponse("Request failed: " + e.message + "\n  Try /login if auth expired.", "error");
-            showPrompt();
-          });
+          }
+          drawInputPanel();
+          return;
+        }
+
+        // Arrow keys (escape sequences)
+        if (key.length > 1 && key[0] === "\u001b") {
+          // Left arrow
+          if (key === "\u001b[D") {
+            if (cursorPos > 0) cursorPos--;
+            drawInputPanel();
+            return;
+          }
+          // Right arrow
+          if (key === "\u001b[C") {
+            if (cursorPos < inputBuffer.length) cursorPos++;
+            drawInputPanel();
+            return;
+          }
+          // Home
+          if (key === "\u001b[H") {
+            cursorPos = 0;
+            drawInputPanel();
+            return;
+          }
+          // End
+          if (key === "\u001b[F") {
+            cursorPos = inputBuffer.length;
+            drawInputPanel();
+            return;
+          }
+          // Delete
+          if (key === "\u001b[3~") {
+            if (cursorPos < inputBuffer.length) {
+              inputBuffer = inputBuffer.slice(0, cursorPos) + inputBuffer.slice(cursorPos + 1);
+            }
+            drawInputPanel();
+            return;
+          }
+          // Ignore other escape sequences
+          return;
+        }
+
+        // Normal character
+        inputBuffer = inputBuffer.slice(0, cursorPos) + key + inputBuffer.slice(cursorPos);
+        cursorPos += key.length;
+        drawInputPanel();
       });
+    }
 
-      rl.on("close", function () {
-        console.log("");
-        resolveChat();
+    // ── Initialize TUI ───────────────────────────────────
+    console.log(chalk.dim("\n  Type your message or / for commands. Tab for autocomplete.\n"));
+
+    // Wait a tick for all console.log output to flush, then enter TUI mode
+    return new Promise(function (resolveChat) {
+      setTimeout(function () {
+        setupLayout();
+        drawInputPanel();
+        startRawInput();
+      }, 100);
+
+      // Handle clean exit
+      process.on("SIGINT", function () {
+        cleanup();
+        process.exit(0);
       });
     });
   });

package/lib/ui.js

@@ -355,6 +355,25 @@ function getStats() {
   return { tokens: totalTokens, cost: totalCost, uptime: Date.now() - startTime };
 }
 
+// ── Box & Table (for non-chat CLI commands) ─────────────
+function renderBox(title, content, color) {
+  var c = chalk[color] || chalk.cyan;
+  console.log();
+  console.log(c.bold("  " + title));
+  console.log(c("  " + "─".repeat(50)));
+  content.split("\n").forEach(function (line) {
+    console.log("  " + line);
+  });
+  console.log();
+}
+
+function renderTable(headers, rows) {
+  var Table = require("cli-table3");
+  var t = new Table({ head: headers.map(function (h) { return chalk.cyan(h); }) });
+  rows.forEach(function (r) { t.push(r); });
+  console.log(t.toString());
+}
+
 module.exports = {
   // Core
   renderBanner: renderBanner,
@@ -385,4 +404,6 @@ module.exports = {
   formatDuration: formatDuration,
   PERMISSION_MODES: PERMISSION_MODES,
   THEMES: THEMES,
+  renderBox: renderBox,
+  renderTable: renderTable,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blun-king-cli",
-  "version": "7.1.0",
+  "version": "7.2.0",
   "description": "BLUN AI Assistant - Command Line Interface",
   "bin": {
     "blun": "./bin/blun.js"