@wrongstack/tui 0.82.6 → 0.84.1

package/dist/index.js

@@ -8,6 +8,7 @@ import { routeImagesForModel } from '@wrongstack/runtime/vision';
 import { getIndexState, onIndexStateChange, getProcessRegistry } from '@wrongstack/tools';
 import { readClipboardImage } from '@wrongstack/runtime/clipboard';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { expectDefined as expectDefined$1 } from '@wrongstack/core/utils';
 import { spawn } from 'child_process';
 
 // src/run-tui.ts
@@ -1933,14 +1934,6 @@ function detectLang(fenceInfo) {
   const tag = fenceInfo.trim().toLowerCase().split(/\s+/)[0] ?? "";
   return LANG_ALIASES[tag] ?? "plain";
 }
-
-// src/markdown-table.ts
-function expectDefined2(value) {
-  if (value === null || value === void 0) {
-    throw new Error("Expected value to be defined");
-  }
-  return value;
-}
 var ROW_RE = /^\s*\|.*\|\s*$/;
 var SEP_RE = /^\s*\|[\s\-:|]+\|\s*$/;
 function detectTable(lines, start) {
@@ -2024,14 +2017,14 @@ function computeWidths(allRows, cols, maxWidth, sepWidths) {
       const stripped = stripInlineMarkers(cell);
       const w = longestWord(stripped);
       const total = strWidth(stripped);
-      natural[c] = Math.max(expectDefined2(natural[c]), w, total);
+      natural[c] = Math.max(expectDefined$1(natural[c]), w, total);
     }
   }
   if (sepWidths) {
     for (let c = 0; c < cols && c < sepWidths.length; c++) {
       const sepW = sepWidths[c];
       if (sepW != null) {
-        natural[c] = Math.max(expectDefined2(natural[c]), sepW);
+        natural[c] = Math.max(expectDefined$1(natural[c]), sepW);
       }
     }
   }
@@ -2043,7 +2036,7 @@ function computeWidths(allRows, cols, maxWidth, sepWidths) {
     let maxIdx = -1;
     let maxVal = MIN_COL_WIDTH;
     for (let i = 0; i < cols; i++) {
-      const w = expectDefined2(widths[i]);
+      const w = expectDefined$1(widths[i]);
       if (w > maxVal) {
         maxVal = w;
         maxIdx = i;
@@ -2103,7 +2096,7 @@ function strWidth(s2) {
       if (i < len) i++;
       continue;
     }
-    const code = expectDefined2(s2.codePointAt(i));
+    const code = expectDefined$1(s2.codePointAt(i));
     const cpLen = code > 65535 ? 2 : 1;
     if (code === 8205 || // ZWJ — Zero Width Joiner (emoji sequences)
     code === 8203 || // ZWSP — Zero Width Space
@@ -2134,7 +2127,6 @@ function strWidth(s2) {
     code >= 8960 && code <= 9215 || // Miscellaneous Technical
     code >= 11088 && code <= 11093 || // Stars and similar
     code >= 10548 && code <= 10549 || // Arrow forms
-    code >= 8592 && code <= 8703 || // Arrows
     code >= 9632 && code <= 9727 || // Geometric Shapes
     code >= 9664 && code <= 9726 || // More Geometric Shapes (includes ▶)
     code >= 9984 && code <= 10175) {
@@ -4429,6 +4421,8 @@ function SettingsPicker({
 }
 function SlashMenu({ query, matches, selected }) {
   const placeholder = query ? `/${query}` : "/";
+  const { stdout } = useStdout();
+  const termRows = stdout?.rows ?? 24;
   const rows = [];
   let lastCategory = "";
   for (let i = 0; i < matches.length; i++) {
@@ -4439,12 +4433,29 @@ function SlashMenu({ query, matches, selected }) {
     }
     rows.push({ type: "item", match: m, index: i });
   }
+  const overhead = 1 + 2 + 2 + 2 + 6;
+  const maxBodyRows = Math.max(4, termRows - overhead);
+  const selectedRowIdx = rows.findIndex((r) => r.type === "item" && r.index === selected);
+  const visible = windowRows(rows, selectedRowIdx < 0 ? 0 : selectedRowIdx, maxBodyRows);
+  const hiddenAbove = visible.start;
+  const hiddenBelow = rows.length - visible.end;
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
     /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
       placeholder || "/",
-      " \u2014 \u2191/\u2193 select, Enter dispatch, Tab autocomplete, Esc close"
+      " \u2014 \u2191/\u2193 select, Enter dispatch, Tab autocomplete, Esc close",
+      matches.length > 0 ? `  (${selected + 1}/${matches.length})` : ""
+    ] }),
+    hiddenAbove > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "  ",
+      "\u2191 ",
+      hiddenAbove,
+      " more"
+    ] }),
+    visible.contextHeader && /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", dimColor: true, children: [
+      "  ",
+      visible.contextHeader
     ] }),
-    rows.map((row) => {
+    visible.rows.map((row) => {
       if (row.type === "header") {
         return /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", dimColor: true, children: [
           "  ",
@@ -4465,9 +4476,41 @@ function SlashMenu({ query, matches, selected }) {
         ] })
       ] }, m.name);
     }),
+    hiddenBelow > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "  ",
+      "\u2193 ",
+      hiddenBelow,
+      " more"
+    ] }),
     matches.length === 0 && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No matching commands" })
   ] });
 }
+function windowRows(rows, focus, max) {
+  if (rows.length <= max) {
+    return { rows, start: 0, end: rows.length, contextHeader: null };
+  }
+  let start = focus - Math.floor(max / 2);
+  if (start < 0) start = 0;
+  let end = start + max;
+  if (end > rows.length) {
+    end = rows.length;
+    start = end - max;
+  }
+  let contextHeader = null;
+  if (start > 0) {
+    const first = rows[start];
+    if (first && first.type === "item") {
+      for (let i = start - 1; i >= 0; i--) {
+        const r = rows[i];
+        if (r && r.type === "header") {
+          contextHeader = r.category;
+          break;
+        }
+      }
+    }
+  }
+  return { rows: rows.slice(start, end), start, end, contextHeader };
+}
 function TodosMonitor({ todos }) {
   const { stdout } = useStdout();
   const done = todos.filter((t) => t.status === "completed").length;