kafox-cli 0.2.2 → 0.3.0

package/README.md

@@ -12,7 +12,7 @@ npm install -g kafox-cli
 O comando instalado e `kafox`. Alternativa sem npm:
 
 ```bash
-npm install -g https://kafox.pypag.com/static/downloads/kafox-cli-0.2.2.tgz
+npm install -g https://kafox.pypag.com/static/downloads/kafox-cli-0.3.0.tgz
 ```
 
 Requisito: Node.js 22.5+.
@@ -43,8 +43,10 @@ navegador, entre na sua conta e clique em **Autorizar**. A sessao fica em
 | `kafox background [url]` | imagem de fundo do terminal |
 | `kafox compact` / `clear` | compacta / limpa o contexto do REPL |
 
-Na interface: digite `/` para o menu (↑/↓ navega, Tab completa, Enter executa
-), `/model` abre o seletor de modelo (↑/↓ + Enter). Demais comandos: `/help`,
+Na interface: digite `/` para o menu (↑/↓ navega, Tab completa, Enter executa),
+`/model` abre o seletor de modelo (↑/↓ + Enter). Respostas sao renderizadas em
+Markdown (titulos, listas, negrito e codigo). PgUp/PgDn ou a roda do mouse rolam a
+conversa. Saidas de comando abrem num modal central; qualquer tecla fecha. Demais comandos: `/help`,
 `/models`, `/balance`, `/pricing`, `/key`, `/login`, `/logout`, `/whoami`,
 `/theme`, `/background`, `/clear`, `/compact`, `/status`, `/exit`.
 
@@ -56,3 +58,9 @@ Na interface: digite `/` para o menu (↑/↓ navega, Tab completa, Enter execut
 
 A CLI so responde se a conta tiver saldo; sem credito ela avisa e nao chama o
 gateway.
+
+## Escopo
+
+O kafox e um cliente de conversa: autentica na conta, lista modelos, mostra saldo
+e envia mensagens ao gateway. Ele nao executa ferramentas locais nem conecta
+servidores MCP.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "kafox-cli",
-  "version": "0.2.2",
-  "description": "Kafox CLI in opencode style: full-screen terminal UI, device login, models, balance, themes",
+  "version": "0.3.0",
+  "description": "Kafox CLI in opencode style: scrollable TUI, markdown, modals, device login, models, balance",
   "bin": {
     "kafox": "bin/kafox.js"
   },

package/src/tui.js

@@ -1,9 +1,9 @@
 /**
- * Interface de terminal do kafox, no estilo opencode:
- * tela cheia, mascote, menu de comandos "/", seletor de modelo, input e rodape.
+ * Interface de terminal do kafox, no estilo opencode.
  *
- * Tudo e desenhado a mao (sem dependencia de TUI) para manter o pacote leve e
- * funcionar no Windows Terminal. Sem TTY, o cli.js usa o REPL simples.
+ * - conversa rolavel (PgUp/PgDn e roda do mouse)
+ * - respostas em Markdown (titulos, listas, negrito, codigo)
+ * - comandos "/" abrem um modal centralizado, como no opencode
  */
 const readline = require("readline");
 const chalk = require("chalk");
@@ -50,16 +50,163 @@ function truncate(text, width) {
   return plain.slice(0, width - 3) + "...";
 }
 
+function padRight(text, width) {
+  const missing = width - visible(text);
+  return missing > 0 ? text + " ".repeat(missing) : truncate(text, width);
+}
+
 function center(text, width) {
   const pad = Math.max(0, Math.floor((width - visible(text)) / 2));
   return " ".repeat(pad) + text;
 }
 
-function padRight(text, width) {
-  const missing = width - visible(text);
-  return missing > 0 ? text + " ".repeat(missing) : truncate(text, width);
+/* ----------------------------------------------------------------- markdown */
+
+const INLINE = /(\*\*[^*]+\*\*|`[^`]+`|\*[^*\n]+\*)/g;
+
+function parseInline(text) {
+  const parts = String(text).split(INLINE);
+  const segments = [];
+  for (const part of parts) {
+    if (!part) continue;
+    if (part.startsWith("**") && part.endsWith("**") && part.length > 4) {
+      segments.push({ text: part.slice(2, -2), bold: true });
+    } else if (part.startsWith("`") && part.endsWith("`") && part.length > 2) {
+      segments.push({ text: part.slice(1, -1), code: true });
+    } else if (part.startsWith("*") && part.endsWith("*") && part.length > 2) {
+      segments.push({ text: part.slice(1, -1), italic: true });
+    } else {
+      segments.push({ text: part });
+    }
+  }
+  return segments;
 }
 
+function wrapSegments(segments, width) {
+  const max = Math.max(10, width);
+  const lines = [];
+  let current = [];
+  let length = 0;
+
+  const flush = () => {
+    lines.push(current);
+    current = [];
+    length = 0;
+  };
+
+  for (const segment of segments) {
+    for (const token of String(segment.text).split(/(\s+)/)) {
+      if (!token || !token.trim()) continue;
+      let word = token;
+      while (word.length > max) {
+        const slice = word.slice(0, max - (length > 0 ? 1 : 0));
+        if (length > 0) {
+          current.push({ text: " " });
+          length += 1;
+        }
+        current.push({ ...segment, text: slice });
+        flush();
+        word = word.slice(slice.length);
+      }
+      const space = length > 0 ? 1 : 0;
+      if (length + space + word.length > max) flush();
+      if (length > 0) {
+        current.push({ text: " " });
+        length += 1;
+      }
+      current.push({ ...segment, text: word });
+      length += word.length;
+    }
+  }
+  if (current.length) flush();
+  return lines;
+}
+
+function renderSegments(segments) {
+  return segments
+    .map((segment) => {
+      let text = segment.text;
+      if (segment.code) text = chalk.cyan(text);
+      if (segment.italic) text = chalk.italic(text);
+      if (segment.bold) text = chalk.bold(text);
+      return text;
+    })
+    .join("");
+}
+
+/** Converte Markdown simples em linhas prontas para o terminal. */
+function markdownLines(text, width) {
+  const out = [];
+  const rows = String(text).replace(/\r/g, "").split("\n");
+  let inCode = false;
+
+  for (const raw of rows) {
+    const line = raw.replace(/\s+$/, "");
+    if (/^\s*```/.test(line)) {
+      inCode = !inCode;
+      out.push(chalk.dim("  " + "-".repeat(Math.min(width, 32))));
+      continue;
+    }
+    if (inCode) {
+      out.push(chalk.cyan("  " + truncate(line, width - 2)));
+      continue;
+    }
+    if (!line.trim()) {
+      out.push("");
+      continue;
+    }
+    if (/^\s*(-{3,}|\*{3,}|_{3,})\s*$/.test(line)) {
+      out.push(chalk.dim("  " + "-".repeat(Math.min(width, 40))));
+      continue;
+    }
+
+    const heading = line.match(/^\s*#{1,6}\s+(.*)$/);
+    if (heading) {
+      if (out.length) out.push("");
+      for (const wrapped of wrapSegments(parseInline(heading[1]), width - 2)) {
+        out.push("  " + chalk.bold(renderSegments(wrapped)));
+      }
+      out.push("");
+      continue;
+    }
+
+    const bullet = line.match(/^\s*[-*+]\s+(.*)$/);
+    if (bullet) {
+      const wrapped = wrapSegments(parseInline(bullet[1]), width - 4);
+      wrapped.forEach((part, index) => {
+        out.push((index === 0 ? "  • " : "    ") + renderSegments(part));
+      });
+      continue;
+    }
+
+    const numbered = line.match(/^\s*(\d+)[.)]\s+(.*)$/);
+    if (numbered) {
+      const wrapped = wrapSegments(parseInline(numbered[2]), width - 6);
+      wrapped.forEach((part, index) => {
+        out.push((index === 0 ? `  ${numbered[1]}. ` : "     ") + renderSegments(part));
+      });
+      continue;
+    }
+
+    const quote = line.match(/^\s*>\s?(.*)$/);
+    if (quote) {
+      for (const part of wrapSegments(parseInline(quote[1]), width - 4)) {
+        out.push(chalk.dim("  | " + stripAnsi(renderSegments(part))));
+      }
+      continue;
+    }
+
+    // Modelos costumam indentar paragrafos; no terminal isso vira ruim.
+    const clean = line.replace(/^\s+(?=\S)/, "");
+    for (const part of wrapSegments(parseInline(clean), width - 2)) {
+      out.push("  " + renderSegments(part));
+    }
+  }
+  return out;
+}
+
+/* ------------------------------------------------------------------- layout */
+
 function initialState() {
   const cfg = storage.getConfig();
   return {
@@ -73,8 +220,11 @@ function initialState() {
     menuIndex: 0,
     menuDismissed: false,
     picker: null,
+    modal: null,
     models: [],
     balance: null,
+    scroll: 0,
+    pageSize: 10,
     model: cfg.model || null,
     theme: cfg.theme || "default",
     suspended: false,
@@ -82,17 +232,20 @@ function initialState() {
   };
 }
 
-/* ------------------------------------------------------------------ layout */
-
 function headerLines(state, width, rows, footerCount, compact) {
-  if (state.messages.length || state.picker) return [];
-
-  const art = mascot.split("\n").map((line) => chalk.white(line));
+  if (state.messages.length || state.picker || state.modal) return [];
+
+  // Centraliza o bloco inteiro: as linhas tem larguras diferentes e cada uma
+  // precisa do mesmo recuo para a raposa nao sair distorcida.
+  const artLines = mascot.split("\n");
+  const artWidth = Math.max(...artLines.map((line) => line.length));
+  const artLeft = " ".repeat(Math.max(0, Math.floor((width - artWidth) / 2)));
+  const art = artLines.map((line) => artLeft + chalk.white(line));
   const space = rows - 2 - footerCount - (compact ? 0 : 1);
 
   if (space >= art.length + 4) {
     return [...art, "", center(chalk.bold("O que voce quer fazer?"), width),
-      center(chalk.dim("Use / para comandos  |  Enter envia  |  Ctrl+C sai"), width), ""];
+      center(chalk.dim("Use / para comandos  |  Enter envia  |  PgUp/PgDn rola"), width), ""];
   }
   if (space >= art.length + 2) {
     return [...art, "", center(chalk.bold("O que voce quer fazer?"), width), ""];
@@ -114,9 +267,8 @@ function messageLines(state, width) {
       }
     } else if (message.role === "assistant") {
       lines.push("");
-      for (const line of wrap(message.text, width - 2)) lines.push("  " + line);
-      const meta = message.ms ? `${(message.ms / 1000).toFixed(1)}s` : "";
-      if (meta) lines.push(chalk.dim("  " + meta));
+      lines.push(...markdownLines(message.text, width - 2));
+      if (message.ms) lines.push(chalk.dim(`  ${(message.ms / 1000).toFixed(1)}s`));
     } else {
       lines.push("");
       const color = message.error ? chalk.red : chalk.dim;
@@ -152,31 +304,6 @@ function menuLines(state, commands, width) {
   });
 }
 
-function pickerLines(state, width) {
-  const picker = state.picker;
-  if (!picker) return [];
-
-  const lines = [
-    chalk.bold(" Escolha o modelo"),
-    chalk.dim(" ↑/↓ navega  |  Enter seleciona  |  Esc cancela"),
-    "",
-  ];
-  if (picker.loading) return [...lines, chalk.dim(" carregando modelos..."), ""];
-
-  const height = 6;
-  const start = clamp(picker.index - Math.floor(height / 2), 0, Math.max(0, picker.items.length - height));
-  picker.items.slice(start, start + height).forEach((item, offset) => {
-    const real = start + offset;
-    const price = `in ${(item.input / 1_000_000).toFixed(2)}  out ${(item.output / 1_000_000).toFixed(2)} R$/1M`;
-    const available = Math.max(20, width - price.length - 2);
-    const label = padRight(truncate(` ${real === picker.index ? ">" : " "} ${item.id}`, available), available);
-    const line = label + "  " + chalk.dim(price);
-    lines.push(real === picker.index ? chalk.inverse(padRight(line, width)) : line);
-  });
-  lines.push("");
-  return lines;
-}
-
 function footerLines(state, width) {
   const name = `kafox ${state.version}`;
   const left = chalk.dim(truncate(`${name}  |  ${state.model || "auto"}`, width - 16));
@@ -184,10 +311,11 @@ function footerLines(state, width) {
     state.balance == null ? "saldo --" : `R$ ${(state.balance / 1_000_000).toFixed(2)}`
   );
   const gap = " ".repeat(Math.max(1, width - visible(left) - visible(right)));
+  const scroll = state.scroll > 0 ? `↑ ${state.scroll} linhas  |  ` : "";
   return [
     left + gap + right,
     chalk.dim(truncate(process.cwd(), width)),
-    chalk.dim(truncate("Enter envia  |  / comandos  |  Ctrl+C sai", width)),
+    chalk.dim(truncate(`${scroll}PgUp/PgDn rola  |  / comandos  |  Ctrl+C sai`, width)),
   ];
 }
 
@@ -197,16 +325,24 @@ function buildFrame(state, cols, rows, commands) {
   const gutter = " ".repeat(Math.max(0, margin));
   const compact = rows < 34;
 
-  const footer = footerLines(state, width).slice(0, compact ? 1 : 3);
-  const panel = state.picker
-    ? pickerLines(state, width)
-    : menuLines(state, commands, width);
+  const footerAll = footerLines(state, width);
+  const footer = compact
+    ? state.scroll > 0
+      ? [footerAll[0], footerAll[2]]
+      : [footerAll[0]]
+    : footerAll;
+  const panel = state.picker || state.modal ? [] : menuLines(state, commands, width);
   const header = headerLines(state, width, rows, footer.length, compact);
 
   const reserved = 2 + footer.length + (compact ? 0 : 1) + panel.length;
   const available = Math.max(0, rows - header.length - reserved);
-  let body = messageLines(state, width);
-  if (body.length > available) body = body.slice(body.length - available);
+  state.pageSize = Math.max(1, available);
+
+  const all = messageLines(state, width);
+  const maxScroll = Math.max(0, all.length - available);
+  state.scroll = clamp(state.scroll, 0, maxScroll);
+  const end = all.length - state.scroll;
+  let body = all.slice(Math.max(0, end - available), end);
   while (body.length < available) body.unshift("");
 
   const inputWidth = width - 2;
@@ -220,15 +356,7 @@ function buildFrame(state, cols, rows, commands) {
   const rule = chalk.dim("-".repeat(width));
 
   const middle = compact ? [] : [""];
-  const raw = [
-    ...header,
-    ...body,
-    ...middle,
-    ...panel,
-    inputLine,
-    rule,
-    ...footer,
-  ];
+  const raw = [...header, ...body, ...middle, ...panel, inputLine, rule, ...footer];
   while (raw.length < rows) raw.push("");
   const lines = raw.slice(0, rows).map((line) => gutter + padRight(line, width));
 
@@ -237,6 +365,81 @@ function buildFrame(state, cols, rows, commands) {
   return { lines, cursorRow: Math.min(rows, inputRow), cursorCol };
 }
 
+/* -------------------------------------------------------------- modal/overlay */
+
+function box(title, body, hint, width) {
+  const inner = width - 4;
+  const lines = [];
+  lines.push(chalk.dim("┌" + "─".repeat(width - 2) + "┐"));
+  if (title) {
+    lines.push(chalk.dim("│") + " " + chalk.bold(padRight(truncate(title, inner), inner)) + " " + chalk.dim("│"));
+    lines.push(chalk.dim("│") + " ".repeat(width - 2) + chalk.dim("│"));
+  }
+  for (const line of body) {
+    lines.push(chalk.dim("│") + " " + padRight(line, inner) + " " + chalk.dim("│"));
+  }
+  if (hint) {
+    lines.push(chalk.dim("│") + " ".repeat(width - 2) + chalk.dim("│"));
+    lines.push(chalk.dim("│") + " " + chalk.dim(padRight(hint, inner)) + " " + chalk.dim("│"));
+  }
+  lines.push(chalk.dim("└" + "─".repeat(width - 2) + "┘"));
+  return lines;
+}
+
+function buildOverlay(state, cols, rows) {
+  let title = "";
+  let body = [];
+  let hint = "";
+
+  if (state.picker) {
+    const picker = state.picker;
+    title = "Escolha o modelo";
+    hint = "↑/↓ navega  |  Enter seleciona  |  Esc cancela";
+    if (picker.loading) {
+      body = [chalk.dim("carregando modelos...")];
+    } else {
+      const height = 8;
+      const start = clamp(picker.index - Math.floor(height / 2), 0, Math.max(0, picker.items.length - height));
+      picker.items.slice(start, start + height).forEach((item, offset) => {
+        const real = start + offset;
+        const price = `${(item.input / 1_000_000).toFixed(2)} / ${(item.output / 1_000_000).toFixed(2)} R$`;
+        const available = 44;
+        const label = padRight(` ${real === picker.index ? ">" : " "} ${item.id}`, available);
+        const line = label + "  " + chalk.dim(price);
+        body.push(real === picker.index ? chalk.inverse(padRight(line, available + price.length + 2)) : line);
+      });
+    }
+  } else if (state.modal) {
+    title = state.modal.title;
+    hint = state.modal.hint || "Enter ou qualquer tecla fecha";
+    body = [];
+  } else {
+    return null;
+  }
+
+  const width = state.modal
+    ? clamp(Math.min(90, cols - 6), 44, Math.max(44, cols - 4))
+    : clamp(66, 44, Math.max(44, cols - 4));
+  const inner = width - 4;
+  if (state.modal) body = wrap(state.modal.text || "", inner);
+
+  let content = body;
+  const maxBody = Math.max(1, rows - 8);
+  if (content.length > maxBody) {
+    content = content.slice(0, maxBody - 1);
+    content.push(chalk.dim(`... (+${body.length - content.length} linhas)`));
+  }
+
+  const boxed = box(title, content, hint, width);
+  const top = Math.max(1, Math.floor((rows - boxed.length) / 2) + 1);
+  const left = Math.max(1, Math.floor((cols - width) / 2) + 1);
+  return {
+    top,
+    left,
+    lines: boxed.map((line) => padRight(line, width)),
+  };
+}
+
 /* --------------------------------------------------------------------- app */
 
 async function runTUI({ commands = {}, onCommand, interactiveCommands = new Set() } = {}) {
@@ -247,8 +450,9 @@ async function runTUI({ commands = {}, onCommand, interactiveCommands = new Set(
   let closed = false;
 
   const write = (value) => stdout.write(value);
-  const enterScreen = () => write("\x1b[?1049h\x1b[?25l\x1b[H\x1b[2J");
-  const leaveScreen = () => write("\x1b[?25h\x1b[?1049l");
+  const enterScreen = () =>
+    write("\x1b[?1049h\x1b[?25l\x1b[H\x1b[2J\x1b[?1000h\x1b[?1006h");
+  const leaveScreen = () => write("\x1b[?1000l\x1b[?1006l\x1b[?25h\x1b[?1049l");
 
   async function refreshAccount() {
     const token = await ensureSession();
@@ -272,7 +476,16 @@ async function runTUI({ commands = {}, onCommand, interactiveCommands = new Set(
     const rows = Math.max(16, stdout.rows || 24);
     const frame = buildFrame(state, cols, rows, commands);
     write("\x1b[?25l\x1b[H" + frame.lines.join("\r\n"));
-    write(`\x1b[${frame.cursorRow};${frame.cursorCol}H\x1b[?25h`);
+
+    const overlay = buildOverlay(state, cols, rows);
+    if (overlay) {
+      overlay.lines.forEach((line, index) => {
+        write(`\x1b[${overlay.top + index};${overlay.left}H${line}`);
+      });
+      write("\x1b[?25l");
+    } else {
+      write(`\x1b[${frame.cursorRow};${frame.cursorCol}H\x1b[?25h`);
+    }
   }
 
   async function capture(fn) {
@@ -309,7 +522,7 @@ async function runTUI({ commands = {}, onCommand, interactiveCommands = new Set(
     const models = await loadModels();
     if (!models.length) {
       state.picker = null;
-      state.messages.push({ role: "system", text: "Nao consegui carregar os modelos.", error: true });
+      state.modal = { title: "Modelos", text: "Nao consegui carregar os modelos." };
       return render();
     }
     const current = models.findIndex((item) => item.id === state.model);
@@ -325,7 +538,7 @@ async function runTUI({ commands = {}, onCommand, interactiveCommands = new Set(
     storage.setConfig({ model: item.id });
     state.model = item.id;
     state.picker = null;
-    state.messages.push({ role: "system", text: `Modelo: ${item.id}` });
+    state.modal = { title: "Modelo", text: item.id };
     render();
   }
 
@@ -355,30 +568,31 @@ async function runTUI({ commands = {}, onCommand, interactiveCommands = new Set(
 
     if (name === "/clear") {
       state.messages = [];
+      state.scroll = 0;
       return render();
     }
     if (name === "/compact") {
       if (!state.messages.length) {
-        state.messages.push({ role: "system", text: "Nada para compactar." });
-      } else {
-        const total = state.messages.length;
-        state.messages = [
-          { role: "system", text: `Contexto compactado: ${total} mensagens resumidas.` },
-          ...state.messages.slice(-6),
-        ];
+        state.modal = { title: "Contexto", text: "Nada para compactar." };
+        return render();
       }
+      const total = state.messages.length;
+      state.messages = [
+        { role: "system", text: `Contexto compactado: ${total} mensagens resumidas.` },
+        ...state.messages.slice(-6),
+      ];
+      state.scroll = 0;
       return render();
     }
 
     if (interactiveCommands.has(name)) return runOutside(line);
 
-    const before = state.messages.length;
-    const output = (await capture(() => onCommand(line))).trim();
-    if (output) state.messages.push({ role: "system", text: output });
-    else if (state.messages.length === before) {
-      state.messages.push({ role: "system", text: `${name}: sem saida.` });
-    }
+    const output = stripAnsi(await capture(() => onCommand(line))).trim();
     state.model = storage.getConfig().model || state.model;
+    state.modal = {
+      title: name.replace(/^\//, ""),
+      text: output || "(sem saida)",
+    };
     render();
     await refreshAccount();
     render();
@@ -398,20 +612,17 @@ async function runTUI({ commands = {}, onCommand, interactiveCommands = new Set(
 
     state.messages.push({ role: "user", text: line });
     state.busy = true;
+    state.scroll = 0;
     render();
 
     const result = await askModel(line, { model: state.model });
     state.busy = false;
     if (result.ok) {
-      state.messages.push({
-        role: "assistant",
-        text: result.text,
-        ms: result.ms,
-        provider: result.provider,
-      });
+      state.messages.push({ role: "assistant", text: result.text, ms: result.ms });
     } else {
       state.messages.push({ role: "system", text: result.error || "Falha ao responder.", error: true });
     }
+    state.scroll = 0;
     render();
     await refreshAccount();
     render();
@@ -429,7 +640,25 @@ async function runTUI({ commands = {}, onCommand, interactiveCommands = new Set(
     if (state.suspended) return;
     if (key.ctrl && key.name === "c") return quit();
 
-    // Seletor de modelo tem prioridade sobre o resto.
+    // Roda do mouse (SGR): 64 = cima, 65 = baixo.
+    if (str && str.startsWith("\x1b[<")) {
+      const match = str.match(/<(\d+);\d+;\d+[Mm]/);
+      if (match) {
+        if (state.modal) state.modal = null;
+        const button = Number(match[1]);
+        if (button === 64) state.scroll += 3;
+        if (button === 65) state.scroll = Math.max(0, state.scroll - 3);
+        return render();
+      }
+    }
+
+    // Modal de texto: qualquer tecla fecha.
+    if (state.modal) {
+      state.modal = null;
+      return render();
+    }
+
+    // Seletor de modelo.
     if (state.picker) {
       if (state.picker.loading) return;
       if (key.name === "up" || key.name === "down") {
@@ -449,6 +678,12 @@ async function runTUI({ commands = {}, onCommand, interactiveCommands = new Set(
       return;
     }
 
+    if (key.name === "pageup" || key.name === "pagedown") {
+      const delta = key.name === "pageup" ? state.pageSize : -state.pageSize;
+      state.scroll = Math.max(0, state.scroll + delta);
+      return render();
+    }
+
     const items = filteredCommands(state, commands);
     const menuOpen = items.length > 0;
 
@@ -461,7 +696,6 @@ async function runTUI({ commands = {}, onCommand, interactiveCommands = new Set(
         state.input = exact;
         state.cursor = exact.length;
       } else if (menuOpen) {
-        // Enter executa o item destacado, nao o texto parcial digitado.
         const selected = items[state.menuIndex % items.length][0];
         state.input = selected;
         state.cursor = selected.length;
@@ -470,10 +704,7 @@ async function runTUI({ commands = {}, onCommand, interactiveCommands = new Set(
       return submit();
     }
     if (key.name === "tab") {
-      if (menuOpen) {
-        const selected = items[state.menuIndex % items.length];
-        return setInput(selected[0] + " ");
-      }
+      if (menuOpen) return setInput(items[state.menuIndex % items.length][0] + " ");
       return;
     }
     if (key.name === "escape") {
@@ -568,4 +799,12 @@ async function runTUI({ commands = {}, onCommand, interactiveCommands = new Set(
   return { state, quit, render, submit };
 }
 
-module.exports = { runTUI, buildFrame, wrap, initialState, filteredCommands, pickerLines };
+module.exports = {
+  runTUI,
+  buildFrame,
+  buildOverlay,
+  markdownLines,
+  wrap,
+  initialState,
+  filteredCommands,
+};