@noir-ai/cli 1.15.0-beta.1 → 1.16.0-beta.1

package/dist/tui/index.js

@@ -23,14 +23,18 @@ import {
   runHost,
   runPromptFrom,
   writeTranscript
-} from "./chunk-5KWETEMF.js";
-import "./chunk-TPNJEN4B.js";
+} from "./chunk-6AUAIEFG.js";
+import "./chunk-CQU2INJH.js";
 import {
   c,
   contentWidth,
+  displayWidth,
   divider,
+  padToWidth,
+  terminalWidth,
+  truncateToWidth,
   useColor
-} from "./chunk-KETMM3BA.js";
+} from "./chunk-KVJIPKVE.js";
 
 // src/tui/index.tsx
 import { SUPPORTED_HOSTS } from "@noir-ai/adapters";
@@ -97,7 +101,7 @@ async function captureProcessOutput(fn) {
 import { Text as Text2 } from "ink";
 
 // src/tui/hints.ts
-var FOOTER_HINT = "?/h/Ctrl+K palette \xB7 Ctrl+F find \xB7 Ctrl+T transcripts \xB7 \u2191/\u2193 scroll \xB7 Enter run \xB7 q/Esc quit \xB7 Ctrl+C exit";
+var FOOTER_HINT = "q/Esc quit \xB7 Ctrl+C exit \xB7 ?/h/Ctrl+K palette \xB7 Ctrl+F find \xB7 Ctrl+T transcripts \xB7 \u2191/\u2193 scroll \xB7 Enter run";
 var RUNNING_HINT = "running\u2026 (Ctrl+C to force exit)";
 var LIST_NAV_HINT = "\u2191/\u2193 navigate \xB7 Enter run \xB7 Esc close \xB7 Tab view";
 var RUN_HINT = "streaming \u2014 Esc cancels the host";
@@ -124,7 +128,8 @@ var HELP_ENTRIES = [
 // src/tui/Footer.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 function Footer({ running }) {
-  return /* @__PURE__ */ jsx2(Text2, { children: c.dim(running ? RUNNING_HINT : FOOTER_HINT) });
+  const hint = truncateToWidth(running ? RUNNING_HINT : FOOTER_HINT, terminalWidth());
+  return /* @__PURE__ */ jsx2(Text2, { children: c.dim(hint) });
 }
 
 // src/tui/format.ts
@@ -225,7 +230,7 @@ function OutputPane({
   return /* @__PURE__ */ jsxs3(Fragment, { children: [
     title !== void 0 ? /* @__PURE__ */ jsx4(Text4, { wrap: "truncate-end", children: c.dim(`\u2500\u2500 ${title} \u2500\u2500`) }) : null,
     rows.map((row) => {
-      const truncated = row.text.length > width ? `${row.text.slice(0, Math.max(1, width - 1))}\u2026` : row.text;
+      const truncated = displayWidth(row.text) > width ? truncateToWidth(row.text, width) : row.text;
       return /* @__PURE__ */ jsx4(Text4, { wrap: "truncate-end", children: truncated }, row.key);
     })
   ] });
@@ -237,9 +242,16 @@ import { Box as Box3, Text as Text5 } from "ink";
 // src/tui/Panel.tsx
 import { Box as Box2 } from "ink";
 import { jsx as jsx5 } from "react/jsx-runtime";
+var PANEL_CHROME = 4;
+function panelWidth(maxWidth) {
+  const full = contentWidth() + PANEL_CHROME;
+  return maxWidth != null ? Math.min(full, maxWidth) : full;
+}
+function panelTextWidth(padding = 0, maxWidth) {
+  return Math.max(0, panelWidth(maxWidth) - PANEL_CHROME - padding * 2);
+}
 function Panel({ children, maxWidth }) {
-  const full = contentWidth() + 4;
-  const width = maxWidth != null ? Math.min(full, maxWidth) : full;
+  const width = panelWidth(maxWidth);
   const borderColor = useColor() ? "gray" : void 0;
   return /* @__PURE__ */ jsx5(
     Box2,
@@ -257,9 +269,8 @@ function Panel({ children, maxWidth }) {
 // src/tui/overlays/PostRunOverlay.tsx
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var OVERLAY_WIDTH = 64;
-function truncate(text, max) {
-  return text.length > max ? `${text.slice(0, Math.max(1, max - 1))}\u2026` : text;
-}
+var ROW_MARKER_WIDTH = 2;
+var LABEL_COLUMN_WIDTH = 26;
 function PostRunOverlay({
   options,
   active,
@@ -268,6 +279,9 @@ function PostRunOverlay({
   result
 }) {
   const listFocused = value === void 0 && !working && result === void 0;
+  const rowWidth = panelTextWidth(1, OVERLAY_WIDTH);
+  const labelColumn = Math.max(0, Math.min(LABEL_COLUMN_WIDTH, rowWidth));
+  const hintColumn = Math.max(0, rowWidth - labelColumn);
   const elements = [
     /* @__PURE__ */ jsx6(Box3, { paddingX: 1, children: /* @__PURE__ */ jsxs4(Text5, { children: [
       c.bold("\u25B8 run finished "),
@@ -278,9 +292,13 @@ function PostRunOverlay({
     const row = options[i];
     if (!row) continue;
     const focused = listFocused && i === active;
-    const body = focused ? `${truncate(row.label, 28).padEnd(30)}${truncate(row.hint, 30)}` : truncate(row.label, 60);
+    const marker = focused || !listFocused ? "\u25B8 " : "  ";
+    const body = focused ? padToWidth(
+      `${marker}${truncateToWidth(row.label, labelColumn - ROW_MARKER_WIDTH)}`,
+      labelColumn
+    ) + truncateToWidth(row.hint, hintColumn) : `${marker}${truncateToWidth(row.label, rowWidth - ROW_MARKER_WIDTH)}`;
     elements.push(
-      /* @__PURE__ */ jsx6(Box3, { paddingX: 1, children: /* @__PURE__ */ jsx6(Text5, { children: focused ? c.inverse(`\u25B8 ${body}`) : c.dim(listFocused ? `  ${body}` : `\u25B8 ${body}`) }) }, row.value)
+      /* @__PURE__ */ jsx6(Box3, { paddingX: 1, children: /* @__PURE__ */ jsx6(Text5, { children: focused ? c.inverse(body) : c.dim(body) }) }, row.value)
     );
   }
   if (value !== void 0) {
@@ -773,7 +791,7 @@ function RunMode({
           }
         }
       ) }),
-      /* @__PURE__ */ jsx8(Box4, { paddingX: 1, children: /* @__PURE__ */ jsx8(Text7, { children: divider() }) }),
+      /* @__PURE__ */ jsx8(Box4, { paddingX: 1, children: /* @__PURE__ */ jsx8(Text7, { children: divider(panelTextWidth(1)) }) }),
       /* @__PURE__ */ jsx8(Box4, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx8(
         OutputPane,
         {
@@ -1176,7 +1194,7 @@ function wrap(text, width) {
   let cur = "";
   for (const w of words) {
     if (cur.length === 0) cur = w;
-    else if (`${cur} ${w}`.length <= width) cur = `${cur} ${w}`;
+    else if (displayWidth(`${cur} ${w}`) <= width) cur = `${cur} ${w}`;
     else {
       lines.push(cur);
       cur = w;
@@ -1187,7 +1205,7 @@ function wrap(text, width) {
 }
 function truncateLabel(label) {
   const max = LABEL_WIDTH - 2;
-  return label.length > max ? `${label.slice(0, max - 1)}\u2026` : label;
+  return truncateToWidth(label, max);
 }
 function placeholder(corpus) {
   if (corpus === "commands") return "type to search commands";
@@ -1238,9 +1256,9 @@ function Palette({ corpus, query, active, rows, arg }) {
     const focused = isActive && arg === void 0;
     const prefix = focused ? "\u25B8 " : "  ";
     const label = truncateLabel(row.primary);
-    const labelCol = (prefix + label).padEnd(LABEL_WIDTH);
+    const labelCol = padToWidth(prefix + label, LABEL_WIDTH);
     const hintRaw = row.argv ? `/${row.argv.join(" ")}` : row.secondary;
-    const hint = hintRaw.length > HINT_WIDTH ? `${hintRaw.slice(0, HINT_WIDTH - 1)}\u2026` : hintRaw;
+    const hint = truncateToWidth(hintRaw, HINT_WIDTH);
     if (focused) {
       elements.push(
         /* @__PURE__ */ jsx11(Box7, { paddingX: 1, children: /* @__PURE__ */ jsx11(Text10, { children: c.inverse(`${labelCol}${hint}`) }) }, row.key)
@@ -1712,7 +1730,7 @@ function App({
     /* @__PURE__ */ jsx12(Header, { tagline: "dashboard" }),
     /* @__PURE__ */ jsxs10(Panel, { children: [
       /* @__PURE__ */ jsx12(Box8, { paddingX: 1, children: /* @__PURE__ */ jsx12(StatusBar, { payload, loading }) }),
-      /* @__PURE__ */ jsx12(Box8, { paddingX: 1, children: /* @__PURE__ */ jsx12(Text11, { children: divider() }) }),
+      /* @__PURE__ */ jsx12(Box8, { paddingX: 1, children: /* @__PURE__ */ jsx12(Text11, { children: divider(panelTextWidth(1)) }) }),
       /* @__PURE__ */ jsx12(Box8, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx12(OutputPane, { lines: paneLines, scrollOffset, title: paneTitle }) })
     ] }),
     /* @__PURE__ */ jsx12(CommandInput, { buffer, running }),