@botconnector/bccli 0.4.0-beta.15 → 0.4.0-beta.16

package/dist/cli.js

@@ -1604,7 +1604,7 @@ function createRuntime(opts) {
 }
 
 // src/version.ts
-var VERSION = true ? "0.4.0-beta.15" : "0.0.0-dev";
+var VERSION = true ? "0.4.0-beta.16" : "0.0.0-dev";
 
 // src/cli.ts
 function chooseLanguage(argv) {
@@ -1675,7 +1675,7 @@ async function main() {
     }
   }
   if (!process.stdin.isTTY) throw new ConfigError(t('Interactive mode needs a terminal. For scripts/CI use: bccli -p "task"'));
-  const { startInteractive } = await import("./ui-HVH3TR3I.js");
+  const { startInteractive } = await import("./ui-MESB34TF.js");
   return startInteractive(rt, { initialPrompt: args.prompt, resume: args.resume, version: VERSION });
 }
 main().then(

package/dist/{ui-HVH3TR3I.js → ui-MESB34TF.js}

@@ -215,7 +215,308 @@ function parseMemoryArgs(args) {
 }
 
 // src/ui/Markdown.tsx
-import { Box, Text } from "ink";
+import { Box, Text, useStdout } from "ink";
+
+// src/ui/table.ts
+var WIDE = [
+  [4352, 4447],
+  [8986, 8987],
+  [9193, 9196],
+  [9200, 9200],
+  [9203, 9203],
+  [9725, 9726],
+  [9748, 9749],
+  [9800, 9811],
+  [9855, 9855],
+  [9875, 9875],
+  [9889, 9889],
+  [9898, 9899],
+  [9917, 9918],
+  [9924, 9925],
+  [9934, 9934],
+  [9940, 9940],
+  [9962, 9962],
+  [9970, 9971],
+  [9973, 9973],
+  [9978, 9978],
+  [9981, 9981],
+  [9989, 9989],
+  [9994, 9995],
+  [10024, 10024],
+  [10060, 10060],
+  [10062, 10062],
+  [10067, 10069],
+  [10071, 10071],
+  [10133, 10135],
+  [10160, 10160],
+  [10175, 10175],
+  [11035, 11036],
+  [11088, 11088],
+  [11093, 11093],
+  [11904, 42191],
+  [44032, 55203],
+  [63744, 64255],
+  [65072, 65135],
+  [65280, 65376],
+  [65504, 65510],
+  [127744, 128591],
+  [128640, 128767],
+  [129280, 129791],
+  [131072, 262141]
+];
+var ZERO = [
+  [768, 879],
+  [6832, 6911],
+  [7616, 7679],
+  [8203, 8207],
+  [8400, 8447],
+  [65024, 65039],
+  [65279, 65279],
+  [917760, 917999]
+];
+var inRanges = (cp, ranges) => ranges.some(([a, b]) => cp >= a && cp <= b);
+function charWidth(cp) {
+  if (cp < 32 || cp >= 127 && cp < 160) return 0;
+  if (cp < 768) return 1;
+  if (inRanges(cp, ZERO)) return 0;
+  return inRanges(cp, WIDE) ? 2 : 1;
+}
+function displayWidth(text) {
+  let width = 0;
+  for (const ch of text) width += charWidth(ch.codePointAt(0));
+  return width;
+}
+var segsWidth = (segs) => segs.reduce((sum, s) => sum + displayWidth(s.text), 0);
+var INLINE = /(`[^`]+`|\*\*[^*]+\*\*|~~[^~]+~~|!?\[[^\]\n]+\]\([^)\s]+\)|(?<![\w*])\*(?![\s*])[^*\n]+?(?<![\s*])\*(?![\w*])|(?<!\w)_(?![\s_])[^_\n]+?(?<![\s_])_(?!\w))/g;
+function parseInline(text) {
+  const segs = [];
+  for (const part of text.split(INLINE)) {
+    if (part === "") continue;
+    if (part.length > 2 && part.startsWith("`") && part.endsWith("`")) segs.push({ text: part.slice(1, -1), style: "code" });
+    else if (part.length > 4 && part.startsWith("**") && part.endsWith("**")) segs.push({ text: part.slice(2, -2), style: "bold" });
+    else if (part.length > 4 && part.startsWith("~~") && part.endsWith("~~")) segs.push({ text: part.slice(2, -2), style: "strike" });
+    else if (/^!?\[[^\]\n]+\]\([^)\s]+\)$/.test(part)) {
+      const m = /^(!?)\[([^\]]+)\]\(([^)\s]+)\)$/.exec(part);
+      const [, image, label, url] = m;
+      segs.push({ text: label, style: image ? "plain" : "link" });
+      if (label !== url && !url.startsWith("#")) segs.push({ text: ` (${url})`, style: "dim" });
+    } else if (part.length > 2 && (part.startsWith("*") && part.endsWith("*") || part.startsWith("_") && part.endsWith("_"))) {
+      segs.push({ text: part.slice(1, -1), style: "italic" });
+    } else segs.push({ text: part, style: "plain" });
+  }
+  return segs;
+}
+function splitRow(line) {
+  let s = line.trim();
+  if (s.startsWith("|")) s = s.slice(1);
+  if (s.endsWith("|") && !s.endsWith("\\|")) s = s.slice(0, -1);
+  const cells = [];
+  let current = "";
+  for (let i = 0; i < s.length; i++) {
+    if (s[i] === "\\" && s[i + 1] === "|") {
+      current += "|";
+      i++;
+    } else if (s[i] === "|") {
+      cells.push(current);
+      current = "";
+    } else current += s[i];
+  }
+  cells.push(current);
+  return cells.map((c) => c.trim());
+}
+var SEPARATOR = /^\s*\|?\s*:?-+:?\s*(\|\s*:?-+:?\s*)*\|?\s*$/;
+var isSeparator = (line) => line.includes("|") && SEPARATOR.test(line);
+var cell = (raw) => parseInline(raw.replace(/<br\s*\/?>/gi, "\n"));
+function parseTable(lines, start) {
+  if (start + 1 >= lines.length || !lines[start].includes("|") || !isSeparator(lines[start + 1])) return void 0;
+  const header = splitRow(lines[start]);
+  const sep = splitRow(lines[start + 1]);
+  if (sep.length !== header.length) return void 0;
+  const body = [];
+  let end = start + 2;
+  while (end < lines.length && lines[end].trim() && lines[end].includes("|")) body.push(splitRow(lines[end++]));
+  const columns = Math.max(header.length, ...body.map((r) => r.length));
+  const pad2 = (row, fill) => [...row, ...Array.from({ length: columns - row.length }, () => fill)];
+  const align = pad2(
+    sep.map((s) => s.startsWith(":") && s.endsWith(":") ? "center" : s.endsWith(":") ? "right" : "left"),
+    "left"
+  );
+  return { table: { header: pad2(header, "").map(cell), align, rows: body.map((r) => pad2(r, "").map(cell)) }, end };
+}
+function tokenize(segs) {
+  const tokens = [];
+  let word = [];
+  const endWord = () => {
+    if (word.length) tokens.push(word);
+    word = [];
+  };
+  for (const seg of segs) {
+    for (const piece of seg.text.match(/\n|[^\S\n]+|[^\s]+/g) ?? []) {
+      if (piece === "\n") {
+        endWord();
+        tokens.push("br");
+      } else if (/^\s+$/.test(piece)) endWord();
+      else word.push({ text: piece, style: seg.style });
+    }
+  }
+  endWord();
+  return tokens;
+}
+function splitWord(word, width) {
+  const pieces = [];
+  let current = [];
+  let used = 0;
+  for (const seg of word) {
+    let text = "";
+    for (const ch of seg.text) {
+      const w = charWidth(ch.codePointAt(0));
+      if (used + w > width && used > 0) {
+        if (text) current.push({ text, style: seg.style });
+        pieces.push(current);
+        current = [];
+        text = "";
+        used = 0;
+      }
+      text += ch;
+      used += w;
+    }
+    if (text) current.push({ text, style: seg.style });
+  }
+  if (current.length) pieces.push(current);
+  return pieces;
+}
+function wrap(tokens, width) {
+  const lines = [];
+  let line = [];
+  let used = 0;
+  const flush = () => {
+    lines.push(line);
+    line = [];
+    used = 0;
+  };
+  for (const token of tokens) {
+    if (token === "br") {
+      flush();
+      continue;
+    }
+    const w = segsWidth(token);
+    if (w > width) {
+      if (used > 0) flush();
+      const pieces = splitWord(token, width);
+      for (const piece of pieces.slice(0, -1)) {
+        line = piece;
+        flush();
+      }
+      line = pieces.at(-1) ?? [];
+      used = segsWidth(line);
+    } else if (used === 0) {
+      line = [...token];
+      used = w;
+    } else if (used + 1 + w <= width) {
+      line.push({ text: " ", style: "plain" }, ...token);
+      used += 1 + w;
+    } else {
+      flush();
+      line = [...token];
+      used = w;
+    }
+  }
+  flush();
+  return lines;
+}
+var SEP = " \u2502 ";
+var RULE_JOIN = "\u2500\u253C\u2500";
+var MAX_MIN_WIDTH = 12;
+var dim = (text) => ({ text, style: "dim" });
+function rtrim(line) {
+  const out = [...line];
+  while (out.length) {
+    const last = out[out.length - 1];
+    const text = last.text.trimEnd();
+    if (text) {
+      out[out.length - 1] = { ...last, text };
+      break;
+    }
+    out.pop();
+  }
+  return out;
+}
+var bold = (segs) => segs.map((s) => s.style === "plain" ? { ...s, style: "bold" } : s);
+function pad(segs, width, align, last) {
+  const space = Math.max(0, width - segsWidth(segs));
+  const left = align === "right" ? space : align === "center" ? Math.floor(space / 2) : 0;
+  const right = last ? 0 : space - left;
+  return [...left ? [{ text: " ".repeat(left), style: "plain" }] : [], ...segs, ...right ? [{ text: " ".repeat(right), style: "plain" }] : []];
+}
+function columnWidths(table, available) {
+  const columns = table.align.length;
+  const all = [table.header, ...table.rows];
+  const natural = [];
+  const minimum = [];
+  for (let c = 0; c < columns; c++) {
+    let widest = 1;
+    let longestWord = 1;
+    for (const row of all) {
+      const tokens = tokenize(row[c]);
+      for (const line of wrap(tokens, Number.POSITIVE_INFINITY)) widest = Math.max(widest, segsWidth(line));
+      for (const token of tokens) if (token !== "br") longestWord = Math.max(longestWord, segsWidth(token));
+    }
+    natural.push(widest);
+    minimum.push(Math.min(longestWord, MAX_MIN_WIDTH, widest));
+  }
+  if (minimum.reduce((a, b) => a + b, 0) > available) return void 0;
+  const widths = [...natural];
+  let total = widths.reduce((a, b) => a + b, 0);
+  while (total > available) {
+    let pick = -1;
+    for (let c = 0; c < columns; c++) if (widths[c] > minimum[c] && (pick < 0 || widths[c] > widths[pick])) pick = c;
+    if (pick < 0) return void 0;
+    widths[pick]--;
+    total--;
+  }
+  return widths;
+}
+function stacked(table, width) {
+  const lines = [];
+  table.rows.forEach((row, r) => {
+    if (r > 0) lines.push([dim("\u2500".repeat(Math.min(width, 40)))]);
+    row.forEach((value, c) => {
+      const label = [...bold(table.header[c]), { text: ": ", style: "plain" }, ...value];
+      lines.push(...wrap(tokenize(label), width));
+    });
+  });
+  return lines.length ? lines : [bold(table.header.flat())];
+}
+function layoutTable(table, width) {
+  const columns = table.align.length;
+  const available = Math.max(columns, width - (columns - 1) * SEP.length);
+  const widths = columnWidths(table, available);
+  if (!widths) return stacked(table, Math.max(10, width));
+  const renderRow = (cells, header) => {
+    const wrapped = cells.map((segs, c) => wrap(tokenize(header ? bold(segs) : segs), widths[c]));
+    const height = Math.max(...wrapped.map((w) => w.length));
+    const lines = [];
+    for (let l = 0; l < height; l++) {
+      const line = [];
+      wrapped.forEach((w, c) => {
+        if (c > 0) line.push(dim(SEP));
+        line.push(...pad(w[l] ?? [], widths[c], table.align[c], c === columns - 1));
+      });
+      lines.push(rtrim(line));
+    }
+    return { lines, height };
+  };
+  const rule = [dim(widths.map((w) => "\u2500".repeat(w)).join(RULE_JOIN))];
+  const head = renderRow(table.header, true);
+  const body = table.rows.map((r) => renderRow(r, false));
+  const wrappedRows = body.some((b) => b.height > 1);
+  const out = [...head.lines, rule];
+  body.forEach((b, i) => {
+    if (wrappedRows && i > 0) out.push(rule);
+    out.push(...b.lines);
+  });
+  return out;
+}
 
 // src/ui/theme.ts
 function color(name) {
@@ -224,30 +525,111 @@ function color(name) {
 var ACCENT = "green";
 
 // src/ui/Markdown.tsx
-import { jsx } from "react/jsx-runtime";
-function inline(line) {
-  return line.split(/(\*\*[^*]+\*\*|`[^`]+`)/g).map((part, i) => {
-    if (part.length > 4 && part.startsWith("**") && part.endsWith("**")) {
-      return /* @__PURE__ */ jsx(Text, { bold: true, children: part.slice(2, -2) }, i);
-    }
-    if (part.length > 2 && part.startsWith("`") && part.endsWith("`")) {
-      return /* @__PURE__ */ jsx(Text, { color: color("cyan"), children: part.slice(1, -1) }, i);
-    }
-    return part;
-  });
+import { jsx, jsxs } from "react/jsx-runtime";
+function segment(seg, key) {
+  switch (seg.style) {
+    case "bold":
+      return /* @__PURE__ */ jsx(Text, { bold: true, children: seg.text }, key);
+    case "italic":
+      return /* @__PURE__ */ jsx(Text, { italic: true, children: seg.text }, key);
+    case "strike":
+      return /* @__PURE__ */ jsx(Text, { strikethrough: true, children: seg.text }, key);
+    case "link":
+      return /* @__PURE__ */ jsx(Text, { underline: true, color: color("cyan"), children: seg.text }, key);
+    case "code":
+      return /* @__PURE__ */ jsx(Text, { color: color("cyan"), children: seg.text }, key);
+    case "dim":
+      return /* @__PURE__ */ jsx(Text, { dimColor: true, children: seg.text }, key);
+    default:
+      return seg.text;
+  }
 }
-function Markdown({ text }) {
-  let inCode = false;
+var inline = (line) => parseInline(line).map(segment);
+var HEADING = /^\s{0,3}(#{1,6})\s+(.*?)\s*#*\s*$/;
+var RULE = /^\s{0,3}([-*_])(?:\s*\1){2,}\s*$/;
+var QUOTE = /^\s{0,3}((?:>\s?)+)(.*)$/;
+var BULLET = /^(\s*)[-*+]\s+(.*)$/;
+var NUMBERED = /^(\s*)(\d{1,9})[.)]\s+(.*)$/;
+var BULLETS = ["\u2022", "\u25E6", "\u25AA"];
+function hanging(key, marker, body, width, padding = 0) {
+  const textWidth = Math.max(10, width - padding - displayWidth(marker) - 1);
+  return /* @__PURE__ */ jsxs(Box, { paddingLeft: padding, children: [
+    /* @__PURE__ */ jsx(Box, { flexShrink: 0, marginRight: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: marker }) }),
+    /* @__PURE__ */ jsx(Box, { width: textWidth, flexShrink: 0, children: /* @__PURE__ */ jsx(Text, { children: body }) })
+  ] }, key);
+}
+function Markdown({ text, indent = 2 }) {
+  const { stdout } = useStdout();
+  const width = Math.max(20, (stdout?.columns ?? 80) - indent - 1);
+  const lines = text.split("\n");
   const rows = [];
-  text.split("\n").forEach((line, i) => {
+  let inCode = false;
+  let indents = [];
+  const depth = (spaces) => {
+    while (indents.length && spaces < indents.at(-1)) indents.pop();
+    if (!indents.length || spaces > indents.at(-1)) indents.push(spaces);
+    return indents.length - 1;
+  };
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
     if (line.trimStart().startsWith("```")) {
       inCode = !inCode;
-      return;
+      continue;
     }
-    rows.push(
-      inCode ? /* @__PURE__ */ jsx(Text, { color: color("cyan"), children: `  ${line}` }, i) : /* @__PURE__ */ jsx(Text, { children: line ? inline(line) : " " }, i)
-    );
-  });
+    if (inCode) {
+      rows.push(
+        /* @__PURE__ */ jsx(Text, { color: color("cyan"), children: `  ${line}` }, i)
+      );
+      continue;
+    }
+    const parsed = parseTable(lines, i);
+    if (parsed) {
+      layoutTable(parsed.table, width).forEach((tableLine, n) => {
+        rows.push(/* @__PURE__ */ jsx(Text, { children: tableLine.length ? tableLine.map(segment) : " " }, `${i}-${n}`));
+      });
+      i = parsed.end - 1;
+      continue;
+    }
+    const heading = HEADING.exec(line);
+    if (heading) {
+      const level = heading[1].length;
+      rows.push(
+        /* @__PURE__ */ jsx(Text, { bold: true, underline: level === 1, color: level <= 2 ? color(ACCENT) : void 0, children: parseInline(heading[2]).map((s) => s.text).join("") }, i)
+      );
+      continue;
+    }
+    if (RULE.test(line)) {
+      rows.push(
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500".repeat(Math.min(width, 80)) }, i)
+      );
+      continue;
+    }
+    const quote = QUOTE.exec(line);
+    if (quote) {
+      const depth2 = quote[1].replace(/\s/g, "").length;
+      rows.push(hanging(i, "\u258E".repeat(depth2), /* @__PURE__ */ jsx(Text, { italic: true, children: inline(quote[2]) }), width));
+      continue;
+    }
+    const bullet = BULLET.exec(line);
+    if (bullet) {
+      const padding = Math.min(bullet[1].replace(/\t/g, "    ").length, 16);
+      const level = depth(padding);
+      const task = /^\[([ xX])\]\s+(.*)$/.exec(bullet[2]);
+      rows.push(
+        task ? hanging(i, task[1] === " " ? "\u2610" : "\u2611", inline(task[2]), width, padding) : hanging(i, BULLETS[Math.min(level, BULLETS.length - 1)], inline(bullet[2]), width, padding)
+      );
+      continue;
+    }
+    const numbered = NUMBERED.exec(line);
+    if (numbered) {
+      const padding = Math.min(numbered[1].replace(/\t/g, "    ").length, 16);
+      depth(padding);
+      rows.push(hanging(i, `${numbered[2]}.`, inline(numbered[3]), width, padding));
+      continue;
+    }
+    if (line.trim()) indents = [];
+    rows.push(/* @__PURE__ */ jsx(Text, { children: line ? inline(line) : " " }, i));
+  }
   return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: rows });
 }
 
@@ -259,7 +641,7 @@ import { useState } from "react";
 var isFocusReport = (input) => input === "[I" || input === "[O";
 
 // src/ui/LinePrompt.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function LinePrompt({ label, mask, onSubmit, onCancel }) {
   const [value, setValue] = useState("");
   useInput((input, key) => {
@@ -269,7 +651,7 @@ function LinePrompt({ label, mask, onSubmit, onCancel }) {
     else if (!key.ctrl && !key.meta && !key.tab && !key.upArrow && !key.downArrow && !isFocusReport(input)) setValue((v) => v + input.replace(/[\r\n]/g, ""));
   });
   const shown = mask ? "\u2022".repeat(value.length) : value;
-  return /* @__PURE__ */ jsx2(Box2, { borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: /* @__PURE__ */ jsxs(Text2, { children: [
+  return /* @__PURE__ */ jsx2(Box2, { borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: /* @__PURE__ */ jsxs2(Text2, { children: [
     `${label}: `,
     shown,
     /* @__PURE__ */ jsx2(Text2, { inverse: true, children: " " }),
@@ -280,7 +662,7 @@ function LinePrompt({ label, mask, onSubmit, onCancel }) {
 // src/ui/ListPicker.tsx
 import { Box as Box3, Text as Text3, useInput as useInput2 } from "ink";
 import { useState as useState2 } from "react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var VISIBLE = 12;
 function ListPicker({ title, items, onPick }) {
   const [filter, setFilter] = useState2("");
@@ -301,9 +683,9 @@ function ListPicker({ title, items, onPick }) {
     }
   });
   const start = Math.max(0, Math.min(cursor - 5, shown.length - VISIBLE));
-  return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
     /* @__PURE__ */ jsx3(Text3, { bold: true, children: t("{title} (\u2191\u2193 enter \xB7 type to filter{filter} \xB7 esc cancel)", { title, filter: filter ? `: ${filter}` : "" }) }),
-    shown.slice(start, start + VISIBLE).map((item, i) => /* @__PURE__ */ jsxs2(Text3, { color: start + i === cursor && !item.disabled ? color("green") : void 0, dimColor: item.disabled, children: [
+    shown.slice(start, start + VISIBLE).map((item, i) => /* @__PURE__ */ jsxs3(Text3, { color: start + i === cursor && !item.disabled ? color("green") : void 0, dimColor: item.disabled, children: [
       `${start + i === cursor ? "\u203A" : " "} ${item.label}`,
       item.hint ? /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: `   ${item.hint}` }) : null
     ] }, item.id)),
@@ -314,7 +696,7 @@ function ListPicker({ title, items, onPick }) {
 // src/ui/ModelPicker.tsx
 import { Box as Box4, Text as Text4, useInput as useInput3 } from "ink";
 import { useState as useState3 } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var VISIBLE2 = 14;
 function ModelPicker({ groups, current, onPick }) {
   const [filter, setFilter] = useState3("");
@@ -346,7 +728,7 @@ function ModelPicker({ groups, current, onPick }) {
     }
   });
   const start = Math.max(0, Math.min(cursor - 5, rows.length - VISIBLE2));
-  return /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
     /* @__PURE__ */ jsx4(Text4, { bold: true, children: t("Choose a model (type to filter{filter} \xB7 \u2191\u2193 enter \xB7 esc cancel)", { filter: filter ? `: ${filter}` : "" }) }),
     rows.slice(start, start + VISIBLE2).map(
       (row, i) => row.kind === "header" ? /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: `\u2500\u2500 ${row.text} ` }, `h${start + i}`) : /* @__PURE__ */ jsx4(Text4, { color: start + i === cursor ? color("green") : void 0, children: `${start + i === cursor ? "\u203A" : " "} ${row.label}${row.ref === current ? "  (aktif)" : ""}` }, row.ref)
@@ -359,7 +741,7 @@ function ModelPicker({ groups, current, onPick }) {
 // src/ui/ProviderMenu.tsx
 import { Box as Box5, Text as Text5, useInput as useInput4 } from "ink";
 import { useState as useState4 } from "react";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function ProviderMenu({ entries, onPick }) {
   const rows = [...entries.map((e) => e.id), "custom"];
   const [index, setIndex] = useState4(0);
@@ -369,9 +751,9 @@ function ProviderMenu({ entries, onPick }) {
     else if (key.return) onPick(rows[index]);
     else if (key.escape) onPick(void 0);
   });
-  return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
     /* @__PURE__ */ jsx5(Text5, { bold: true, children: t("Provider (\u2191\u2193 enter, esc cancel) \xB7 \u2713 ready \xB7 \u25CB needs API key") }),
-    entries.map((e, i) => /* @__PURE__ */ jsxs4(Text5, { color: i === index ? color("green") : void 0, children: [
+    entries.map((e, i) => /* @__PURE__ */ jsxs5(Text5, { color: i === index ? color("green") : void 0, children: [
       `${i === index ? "\u203A" : " "} ${e.ready ? "\u2713" : "\u25CB"} ${e.name}`,
       /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: `  ${e.baseURL}` })
     ] }, e.id)),
@@ -394,7 +776,7 @@ function DiffView({ diff }) {
 }
 
 // src/ui/PermissionPrompt.tsx
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var VERB = { edit: "edit", write: "write", bash: "run", fetch: "fetch" };
 function PermissionPrompt({
   request,
@@ -409,10 +791,10 @@ function PermissionPrompt({
   });
   const rules = request.sessionRules ?? [];
   const sessionLabel = !rules.length ? null : request.kind === "edit" ? t("yes for all edits in this project, this session") : t("yes this session for {rules}", { rules: rules.join(", ") });
-  return /* @__PURE__ */ jsxs5(Box7, { flexDirection: "column", borderStyle: "round", borderColor: color("yellow"), paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", borderStyle: "round", borderColor: color("yellow"), paddingX: 1, children: [
     /* @__PURE__ */ jsx7(Text7, { bold: true, children: `${request.agent ? `[${request.agent}] ` : ""}${t("Allow {verb} {target}?", { verb: t(VERB[request.tool] ?? request.tool), target: request.target })}` }),
     request.preview ? /* @__PURE__ */ jsx7(DiffView, { diff: request.preview }) : null,
-    /* @__PURE__ */ jsxs5(Text7, { children: [
+    /* @__PURE__ */ jsxs6(Text7, { children: [
       /* @__PURE__ */ jsx7(Text7, { color: color("green"), children: t("[y] yes") }),
       "   ",
       sessionLabel ? /* @__PURE__ */ jsx7(Text7, { color: color("cyan"), children: `[a] ${sessionLabel}   ` }) : null,
@@ -440,7 +822,7 @@ function completeFile(value, cwd) {
 }
 
 // src/ui/PromptInput.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function PromptInput({ disabled, history, cwd, onSubmit, extraCommands }) {
   const [value, setValue] = useState5("");
   const [historyIndex, setHistoryIndex] = useState5(null);
@@ -514,8 +896,8 @@ function PromptInput({ disabled, history, cwd, onSubmit, extraCommands }) {
     },
     { isActive: !disabled }
   );
-  return /* @__PURE__ */ jsxs6(Box8, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx8(Box8, { borderStyle: "round", borderColor: color("gray"), paddingX: 1, children: /* @__PURE__ */ jsxs6(Text8, { children: [
+  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx8(Box8, { borderStyle: "round", borderColor: color("gray"), paddingX: 1, children: /* @__PURE__ */ jsxs7(Text8, { children: [
       /* @__PURE__ */ jsx8(Text8, { color: color("green"), children: "> " }),
       value,
       disabled ? "" : /* @__PURE__ */ jsx8(Text8, { inverse: true, children: " " })
@@ -559,7 +941,7 @@ function StatusBar({ mode, tokens, busy, model, reasoning = "auto" }) {
 // src/ui/McpMenu.tsx
 import { Box as Box9, Text as Text11, useInput as useInput7 } from "ink";
 import { useState as useState7 } from "react";
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var MARK = { ready: "\u2713", error: "\u2717", starting: "\u2026", off: "\u25CB" };
 function McpMenu({ items, onPick }) {
   const [index, setIndex] = useState7(0);
@@ -569,9 +951,9 @@ function McpMenu({ items, onPick }) {
     else if (key.return) onPick(items[index]?.name);
     else if (key.escape) onPick(void 0);
   });
-  return /* @__PURE__ */ jsxs7(Box9, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
     /* @__PURE__ */ jsx11(Text11, { bold: true, children: t("MCP servers (enter: install / remove \xB7 esc close) \xB7 \u2713 active \u25CB not installed \u2717 error") }),
-    items.map((item, i) => /* @__PURE__ */ jsxs7(Text11, { color: i === index ? color("green") : void 0, children: [
+    items.map((item, i) => /* @__PURE__ */ jsxs8(Text11, { color: i === index ? color("green") : void 0, children: [
       `${i === index ? "\u203A" : " "} ${MARK[item.status]} ${item.name.padEnd(12)}`,
       /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: item.status === "error" ? ` ${item.error ?? ""}` : ` ${item.description}` })
     ] }, item.name))
@@ -580,7 +962,7 @@ function McpMenu({ items, onPick }) {
 
 // src/ui/PlanApproval.tsx
 import { Box as Box10, Text as Text12, useInput as useInput8 } from "ink";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function PlanApproval({ plan, onAnswer }) {
   useInput8((input, key) => {
     const k2 = input.toLowerCase();
@@ -588,10 +970,10 @@ function PlanApproval({ plan, onAnswer }) {
     else if (k2 === "y") onAnswer("default");
     else if (k2 === "n" || key.escape) onAnswer("no");
   });
-  return /* @__PURE__ */ jsxs8(Box10, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
+  return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "column", borderStyle: "round", borderColor: color("cyan"), paddingX: 1, children: [
     /* @__PURE__ */ jsx12(Text12, { bold: true, children: t("Plan from the agent") }),
-    /* @__PURE__ */ jsx12(Markdown, { text: plan }),
-    /* @__PURE__ */ jsxs8(Text12, { children: [
+    /* @__PURE__ */ jsx12(Markdown, { text: plan, indent: 5 }),
+    /* @__PURE__ */ jsxs9(Text12, { children: [
       /* @__PURE__ */ jsx12(Text12, { color: color("green"), children: t("[a] yes, auto-edit") }),
       "   ",
       /* @__PURE__ */ jsx12(Text12, { color: color("cyan"), children: t("[y] yes, ask at each step") }),
@@ -612,26 +994,26 @@ function TodoList({ items }) {
 
 // src/ui/ToolBlock.tsx
 import { Box as Box12, Text as Text14 } from "ink";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var PREVIEW_LINES = 5;
 function ToolBlock({ tool, target, output, display, isError, done, expanded, sub }) {
   const isTask = tool === "task";
   const isDiff = !!display && /^\s*\d+ [+\- ] /.test(display);
   const lines = (output ?? "").split("\n");
   const shown = expanded ? lines : lines.slice(0, PREVIEW_LINES);
-  return /* @__PURE__ */ jsxs9(Box12, { flexDirection: "column", marginLeft: 2, children: [
-    /* @__PURE__ */ jsxs9(Text14, { children: [
+  return /* @__PURE__ */ jsxs10(Box12, { flexDirection: "column", marginLeft: 2, children: [
+    /* @__PURE__ */ jsxs10(Text14, { children: [
       /* @__PURE__ */ jsx14(Text14, { color: isError ? color("red") : done ? color("green") : color("yellow"), children: "\u23BF " }),
       /* @__PURE__ */ jsx14(Text14, { bold: true, children: toolLabel(tool) }),
       /* @__PURE__ */ jsx14(Text14, { children: `  ${target}` }),
       display && !isDiff && !isTask ? /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: `  (${display})` }) : null
     ] }),
-    sub?.length ? /* @__PURE__ */ jsxs9(Box12, { flexDirection: "column", marginLeft: 3, children: [
+    sub?.length ? /* @__PURE__ */ jsxs10(Box12, { flexDirection: "column", marginLeft: 3, children: [
       sub.slice(-6).map((s) => /* @__PURE__ */ jsx14(Text14, { dimColor: s.done && !s.isError, color: s.isError ? color("red") : void 0, children: `\u23BF ${toolLabel(s.tool)}  ${s.target}` }, s.id)),
       sub.length > 6 ? /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: t("\u2026 {n} earlier steps", { n: sub.length - 6 }) }) : null
     ] }) : null,
     isTask && done ? /* @__PURE__ */ jsx14(Box12, { marginLeft: 3, children: /* @__PURE__ */ jsx14(Text14, { color: isError ? color("red") : color("green"), children: `${isError ? t("\u2717 failed") : t("\u2713 done")}${display ? ` \xB7 ${display}` : ""}` }) }) : null,
-    isDiff ? /* @__PURE__ */ jsx14(Box12, { marginLeft: 3, children: /* @__PURE__ */ jsx14(DiffView, { diff: display }) }) : output && (isError || tool === "bash") && !(isTask && !isError) ? /* @__PURE__ */ jsxs9(Box12, { flexDirection: "column", marginLeft: 3, children: [
+    isDiff ? /* @__PURE__ */ jsx14(Box12, { marginLeft: 3, children: /* @__PURE__ */ jsx14(DiffView, { diff: display }) }) : output && (isError || tool === "bash") && !(isTask && !isError) ? /* @__PURE__ */ jsxs10(Box12, { flexDirection: "column", marginLeft: 3, children: [
       shown.map((line, i) => /* @__PURE__ */ jsx14(Text14, { dimColor: !isError, color: isError ? color("red") : void 0, children: line }, i)),
       lines.length > shown.length ? /* @__PURE__ */ jsx14(Text14, { dimColor: true, children: t("\u2026 {n} more lines (ctrl+o)", { n: lines.length - shown.length }) }) : null
     ] }) : null
@@ -659,8 +1041,9 @@ function finishedCut(text) {
   for (const line of lines.slice(0, -1)) {
     if (TOOL_MARKUP.test(line)) break;
     if (line.trimStart().startsWith("```")) inFence = !inFence;
+    const tableRow = !inFence && !line.trimStart().startsWith("```") && line.includes("|") && line.trim() !== "";
     pos += line.length + 1;
-    if (!inFence) cut = pos - 1;
+    if (!inFence && !tableRow) cut = pos - 1;
   }
   return cut;
 }
@@ -725,7 +1108,7 @@ function applyEvent(t2, event) {
 }
 
 // src/ui/App.tsx
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function helpText(runtime) {
   const custom = runtime.commands.filter((c) => !SLASH_COMMANDS.some((b) => b.name === c.name));
   return [
@@ -1317,7 +1700,7 @@ ${t2.output}`);
   const renderEntry = (e) => {
     switch (e.kind) {
       case "header":
-        return /* @__PURE__ */ jsx15(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsxs10(Text15, { children: [
+        return /* @__PURE__ */ jsx15(Box13, { marginBottom: 1, children: /* @__PURE__ */ jsxs11(Text15, { children: [
           /* @__PURE__ */ jsx15(Text15, { color: color(ACCENT), bold: true, children: " \u273B " }),
           /* @__PURE__ */ jsx15(Text15, { bold: true, children: `BCCLI ${version}` }),
           /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: ` \xB7 ${runtime.modelRef} (${runtime.providerLabel()}) \xB7 ${cwd}` })
@@ -1329,7 +1712,7 @@ ${t2.output}`);
           return e.text ? /* @__PURE__ */ jsx15(Box13, { paddingLeft: 2, children: /* @__PURE__ */ jsx15(Markdown, { text: e.text }) }, e.id) : null;
         }
         if (!e.text.trim()) return null;
-        return /* @__PURE__ */ jsxs10(Box13, { marginTop: 1, children: [
+        return /* @__PURE__ */ jsxs11(Box13, { marginTop: 1, children: [
           /* @__PURE__ */ jsx15(Text15, { color: color(ACCENT), children: "\u25CF " }),
           /* @__PURE__ */ jsx15(Markdown, { text: e.text.replace(/^\s+/, "") })
         ] }, e.id);
@@ -1340,7 +1723,7 @@ ${t2.output}`);
           const lines = text.split("\n").length;
           return /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: t("\u273B Thinking \xB7 {n} lines \xB7 ctrl+t to show", { n: lines }) }) }, e.id);
         }
-        return /* @__PURE__ */ jsxs10(Box13, { marginTop: 1, flexDirection: "column", children: [
+        return /* @__PURE__ */ jsxs11(Box13, { marginTop: 1, flexDirection: "column", children: [
           /* @__PURE__ */ jsx15(Text15, { dimColor: true, children: t("\u273B Thinking (ctrl+t to hide)") }),
           /* @__PURE__ */ jsx15(Box13, { paddingLeft: 2, children: /* @__PURE__ */ jsx15(Text15, { dimColor: true, italic: true, children: text }) })
         ] }, e.id);
@@ -1351,7 +1734,7 @@ ${t2.output}`);
         return /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text15, { color: e.tone === "error" ? color("red") : e.tone === "warn" ? color("yellow") : void 0, dimColor: e.tone === "info", children: e.text }) }, e.id);
     }
   };
-  return /* @__PURE__ */ jsxs10(Box13, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs11(Box13, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx15(Static, { items: transcript.done, children: renderEntry }),
     transcript.live.map(renderEntry),
     busy && !pending && !planAsk ? /* @__PURE__ */ jsx15(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx15(Spinner, { label: t("Thinking"), startedAt }) }) : null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botconnector/bccli",
-  "version": "0.4.0-beta.15",
+  "version": "0.4.0-beta.16",
   "description": "BCCLI — BotConnector AI coding agent for the terminal",
   "type": "module",
   "bin": {