@wrongstack/tui 0.104.0 → 0.107.2

package/dist/index.js

@@ -2065,9 +2065,8 @@ function computeWidths(allRows, cols, maxWidth, sepWidths) {
     for (let c = 0; c < cols; c++) {
       const cell = row[c] ?? "";
       const stripped = stripInlineMarkers(cell);
-      const w = longestWord(stripped);
       const total = strWidth(stripped);
-      natural[c] = Math.max(expectDefined$1(natural[c]), w, total);
+      natural[c] = Math.max(expectDefined$1(natural[c]), total);
     }
   }
   if (sepWidths) {
@@ -2200,19 +2199,16 @@ function strWidth(s2) {
       i += cpLen;
       continue;
     }
+    if (code >= 9472 && code <= 9599) {
+      width += 1;
+      i += cpLen;
+      continue;
+    }
     width += 1;
     i += cpLen;
   }
   return width;
 }
-function longestWord(s2) {
-  let max = 0;
-  for (const w of s2.split(/\s+/)) {
-    const visualWidth = strWidth(w);
-    if (visualWidth > max) max = visualWidth;
-  }
-  return max;
-}
 function border(left, mid, right, widths) {
   return left + widths.map((w) => "\u2500".repeat(w + 2)).join(mid) + right;
 }
@@ -2220,13 +2216,12 @@ function stripInlineMarkers(text) {
   return text.replace(/\*\*(.+?)\*\*/g, "$1").replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, "$1").replace(/`(.+?)`/g, "$1").replace(/~~(.+?)~~/g, "$1");
 }
 var ANSI_BOLD = "\x1B[1m";
-var ANSI_RESET = "\x1B[22m";
 var ANSI_DIM = "\x1B[2m";
 var ANSI_CYAN = "\x1B[36m";
 var ANSI_STRIKE = "\x1B[9m";
 var ANSI_RESET_ALL = "\x1B[0m";
 function applyInlineAnsi(text) {
-  return text.replace(/\*\*(.+?)\*\*/g, `${ANSI_BOLD}$1${ANSI_RESET}`).replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, `${ANSI_DIM}$1${ANSI_RESET_ALL}`).replace(/`(.+?)`/g, `${ANSI_CYAN}$1${ANSI_RESET_ALL}`).replace(/~~(.+?)~~/g, `${ANSI_STRIKE}$1${ANSI_RESET_ALL}`);
+  return text.replace(/\*\*(.+?)\*\*/g, `${ANSI_BOLD}$1${ANSI_RESET_ALL}`).replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, `${ANSI_DIM}$1${ANSI_RESET_ALL}`).replace(/`(.+?)`/g, `${ANSI_CYAN}$1${ANSI_RESET_ALL}`).replace(/~~(.+?)~~/g, `${ANSI_STRIKE}$1${ANSI_RESET_ALL}`);
 }
 function renderRow(cells, widths, aligns) {
   const styled = cells.map((c) => applyInlineAnsi(c));
@@ -2239,7 +2234,7 @@ function renderRow(cells, widths, aligns) {
     for (let c = 0; c < widths.length; c++) {
       const w = widths[c] ?? MIN_COL_WIDTH;
       const text = wrapped[c]?.[line] ?? "";
-      parts.push(padCell(text, w, aligns[c] ?? "left"));
+      parts.push(padCell(text, w, aligns[c] ?? "left") + ANSI_RESET_ALL);
     }
     out.push("\u2502 " + parts.join(" \u2502 ") + " \u2502");
   }
@@ -3224,6 +3219,10 @@ function extractDiffPreview(toolName, output) {
   return parseUnifiedDiff(diff, DIFF_MAX_LINES);
 }
 var MESSAGE_PANEL_CHROME_WIDTH = 2;
+var MESSAGE_PANEL_MARGIN = 2;
+function assistantContentWidth(termWidth) {
+  return Math.max(20, termWidth - MESSAGE_PANEL_CHROME_WIDTH - MESSAGE_PANEL_MARGIN * 2);
+}
 function splitFencedBlocks(text) {
   const lines = text.split("\n");
   const segs = [];
@@ -3377,9 +3376,6 @@ function brainRiskColor(risk) {
       return "red";
   }
 }
-function assistantContentWidth(termWidth) {
-  return Math.max(20, termWidth - MESSAGE_PANEL_CHROME_WIDTH);
-}
 var Entry = React6.memo(function Entry2({
   entry,
   termWidth
@@ -3389,6 +3385,7 @@ var Entry = React6.memo(function Entry2({
       return /* @__PURE__ */ jsx(
         Box,
         {
+          marginX: MESSAGE_PANEL_MARGIN,
           borderStyle: "single",
           borderTop: false,
           borderRight: false,
@@ -3415,6 +3412,7 @@ var Entry = React6.memo(function Entry2({
         Box,
         {
           flexDirection: "column",
+          marginX: MESSAGE_PANEL_MARGIN,
           marginY: 1,
           borderStyle: "single",
           borderTop: false,
@@ -3488,6 +3486,7 @@ var Entry = React6.memo(function Entry2({
       return /* @__PURE__ */ jsx(
         Box,
         {
+          marginX: MESSAGE_PANEL_MARGIN,
           borderStyle: "single",
           borderTop: false,
           borderRight: false,
@@ -3501,6 +3500,7 @@ var Entry = React6.memo(function Entry2({
       return /* @__PURE__ */ jsx(
         Box,
         {
+          marginX: MESSAGE_PANEL_MARGIN,
           borderStyle: "single",
           borderTop: false,
           borderRight: false,
@@ -3519,6 +3519,7 @@ var Entry = React6.memo(function Entry2({
         Box,
         {
           flexDirection: "column",
+          marginX: MESSAGE_PANEL_MARGIN,
           marginY: 1,
           borderStyle: "single",
           borderTop: false,
@@ -3922,8 +3923,8 @@ var LiveActivityStrip = React6.memo(function LiveActivityStrip2({
 }) {
   const { stdout } = useStdout();
   const width = Math.max(10, (stdout?.columns ?? 80) - 2);
-  if (Object.keys(entries).length === 0) return null;
-  const rows = activityStripRows(entries, Date.now(), maxRows, width);
+  const hasEntries = Object.keys(entries).length > 0;
+  const rows = hasEntries ? activityStripRows(entries, Date.now(), maxRows, width) : new Array(maxRows).fill("");
   return /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, children: rows.map((text, slot) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: fixed-height slots, index IS the identity
     /* @__PURE__ */ jsx(Box, { height: 1, children: text === "" ? /* @__PURE__ */ jsx(Text, { children: " " }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -7310,6 +7311,7 @@ function App({
   getModeLabel
 }) {
   const { exit } = useApp();
+  const { stdout } = useStdout();
   const [liveModel, setLiveModel] = useState(model);
   const [liveProvider, setLiveProvider] = useState(provider ?? "agent");
   const [activeMaxContext, setActiveMaxContext] = useState(effectiveMaxContext);
@@ -9601,6 +9603,15 @@ User message:
     return "";
   }, [state.buffer, state.status, state.picker.open]);
   const enhanceActive = state.enhanceBusy || state.enhance != null;
+  const inputCellRows = layoutInputRows(
+    INPUT_PROMPT,
+    state.buffer,
+    state.cursor,
+    stdout?.columns ?? 80
+  );
+  const inputHeight = Math.max(1, inputCellRows.length);
+  const monitorOpen = state.monitorOpen || state.agentsMonitorOpen || state.worktreeMonitorOpen || state.todosMonitorOpen || state.queuePanelOpen || state.processListOpen || state.goalPanelOpen || state.helpOpen;
+  const hideInput = enhanceActive || monitorOpen;
   return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 0, children: [
     /* @__PURE__ */ jsx(
       History,
@@ -9612,7 +9623,7 @@ User message:
     ),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [
       /* @__PURE__ */ jsx(LiveActivityStrip, { entries: state.fleet, nowTick }),
-      enhanceActive ? /* @__PURE__ */ jsx(Box, { height: 1 }) : /* @__PURE__ */ jsx(
+      hideInput ? /* @__PURE__ */ jsx(Box, { height: inputHeight }) : /* @__PURE__ */ jsx(
         Input,
         {
           prompt: INPUT_PROMPT,