@corenel/term 0.3.0 → 0.5.0

package/dist/ink/index.js

@@ -3,14 +3,19 @@ import {
   ageWord,
   formatContext,
   mcpStatusWord,
-  parseMarkdown
-} from "../chunk-HUVRQX53.js";
-import "../chunk-2MGDL3I4.js";
+  parseMarkdown,
+  parseSuggestionChoice,
+  suggestionKeys,
+  suggestionLine
+} from "../chunk-IF6DCCK2.js";
+import {
+  SUGGESTION_ARM_DELAY_MS
+} from "../chunk-MAZLORMD.js";
 import {
   TERM_COMMANDS,
   filterCommands,
   parseCommand
-} from "../chunk-5RPHYXND.js";
+} from "../chunk-TWFWLEIP.js";
 import "../chunk-M44CET5L.js";
 import {
   formatEndingChange
@@ -28,6 +33,7 @@ import { useCallback, useState as useState2, useSyncExternalStore } from "react"
 import { render, useApp, useInput } from "ink";
 import { PermissionService as PermissionService2 } from "@corenel/harness/guardrail/permission-service";
 import { STANDARD_POLICY } from "@corenel/harness/guardrail/builtins";
+import { approvalsHooks } from "@corenel/harness/approvals";
 
 // src/ink/App.tsx
 import { useEffect, useState } from "react";
@@ -175,47 +181,106 @@ function LiveToolRow({ tool }) {
 
 // src/ink/McpOverlay.tsx
 import { Box as Box2, Text as Text2 } from "ink";
+
+// src/ink/overlayBudget.ts
+var RESERVED_CHROME_ROWS = 6;
+function overlayBoxBudget(rows) {
+  if (rows === void 0) return Number.MAX_SAFE_INTEGER;
+  return Math.max(rows - RESERVED_CHROME_ROWS, 3);
+}
+function capList(items, cap, overflowLabel) {
+  const rowCap = Math.max(cap, 0);
+  if (items.length <= rowCap) return { shown: items, overflow: null };
+  if (rowCap <= 0) return { shown: [], overflow: null };
+  const shown = Math.max(rowCap - 1, 0);
+  const hidden = items.length - shown;
+  return { shown: items.slice(0, shown), overflow: overflowLabel(hidden) };
+}
+
+// src/ink/McpOverlay.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function statusColor(word) {
   if (word === "connected") return palette.good;
   if (word === "unreachable") return palette.bad;
   return palette.warn;
 }
-function McpOverlay({ modal }) {
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", borderStyle: "round", borderColor: palette.tool, paddingX: 1, children: [
-    /* @__PURE__ */ jsx2(Text2, { color: palette.tool, bold: true, children: "MCP servers" }),
-    modal.servers.length === 0 ? /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { color: palette.dim, children: "none configured -- press a to add one" }) }) : /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", marginTop: 1, children: modal.servers.map((s, i) => {
-      const word = mcpStatusWord(s);
-      const isSelected = i === modal.selected;
-      return /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsx2(Text2, { color: palette.ember, children: isSelected ? `${glyph.active} ` : "  " }),
-        /* @__PURE__ */ jsx2(Text2, { bold: isSelected, children: s.name }),
-        /* @__PURE__ */ jsx2(Text2, { color: palette.dim, children: "  " }),
-        /* @__PURE__ */ jsx2(Text2, { color: statusColor(word), children: word }),
-        /* @__PURE__ */ jsxs2(Text2, { color: palette.dim, children: [
-          "  ",
-          s.toolCount,
-          " tool",
-          s.toolCount === 1 ? "" : "s",
-          ", ",
-          ageWord(s.fetchedAt, Date.now())
-        ] })
-      ] }, s.name);
-    }) }),
-    modal.login ? /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", marginTop: 1, children: modal.login.url ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsxs2(Text2, { color: palette.amber, children: [
+var BORDER_ROWS = 2;
+function McpOverlay({ modal, rows }) {
+  let content = Math.max(overlayBoxBudget(rows) - BORDER_ROWS, 0);
+  const take = (n) => {
+    if (content < n) return false;
+    content -= n;
+    return true;
+  };
+  if (modal.login) {
+    const haveCore = take(1);
+    const showEsc = haveCore && modal.login.url !== null && take(1);
+    const showMessage = haveCore && modal.login.url !== null && take(1);
+    const showHeader2 = take(1);
+    const showFooter2 = take(1);
+    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", borderStyle: "round", borderColor: palette.tool, paddingX: 1, children: [
+      showHeader2 ? /* @__PURE__ */ jsx2(Text2, { color: palette.tool, bold: true, children: "MCP servers" }) : null,
+      haveCore && modal.login.url ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+        showMessage ? /* @__PURE__ */ jsxs2(Text2, { color: palette.amber, children: [
+          "signing in to ",
+          modal.login.server,
+          " -- open this URL:"
+        ] }) : null,
+        /* @__PURE__ */ jsx2(Text2, { wrap: "truncate-end", children: modal.login.url }),
+        showEsc ? /* @__PURE__ */ jsx2(Text2, { color: palette.dim, children: "esc cancels" }) : null
+      ] }) : haveCore ? /* @__PURE__ */ jsxs2(Text2, { color: palette.amber, wrap: "truncate-end", children: [
         "signing in to ",
         modal.login.server,
-        " -- open this URL:"
-      ] }),
-      /* @__PURE__ */ jsx2(Text2, { children: modal.login.url }),
-      /* @__PURE__ */ jsx2(Text2, { color: palette.dim, children: "esc cancels" })
-    ] }) : /* @__PURE__ */ jsxs2(Text2, { color: palette.amber, children: [
-      "signing in to ",
-      modal.login.server,
-      " -- waiting for a login URL..."
-    ] }) }) : null,
-    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsxs2(Text2, { color: palette.dim, children: [
+        " -- waiting for a login URL..."
+      ] }) : null,
+      showFooter2 ? /* @__PURE__ */ jsxs2(Text2, { color: palette.dim, children: [
+        glyph.active,
+        " select ",
+        glyph.sep,
+        " a add ",
+        glyph.sep,
+        " x remove ",
+        glyph.sep,
+        " l login ",
+        glyph.sep,
+        " r refresh ",
+        glyph.sep,
+        " esc close"
+      ] }) : null
+    ] });
+  }
+  const showHeader = take(1);
+  const emptyRows = modal.servers.length === 0 && take(1);
+  const showFooter = take(1);
+  const { shown, overflow } = capList(modal.servers, content, (n) => `\u2026 ${n} more server${n === 1 ? "" : "s"}`);
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", borderStyle: "round", borderColor: palette.tool, paddingX: 1, children: [
+    showHeader ? /* @__PURE__ */ jsx2(Text2, { color: palette.tool, bold: true, children: "MCP servers" }) : null,
+    emptyRows ? /* @__PURE__ */ jsx2(Text2, { color: palette.dim, children: "none configured -- press a to add one" }) : /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+      shown.map((s) => {
+        const i = modal.servers.indexOf(s);
+        const word = mcpStatusWord(s);
+        const isSelected = i === modal.selected;
+        return /* @__PURE__ */ jsxs2(Box2, { children: [
+          /* @__PURE__ */ jsx2(Text2, { color: palette.ember, children: isSelected ? `${glyph.active} ` : "  " }),
+          /* @__PURE__ */ jsx2(Text2, { bold: isSelected, wrap: "truncate-end", children: s.name }),
+          /* @__PURE__ */ jsx2(Text2, { color: palette.dim, children: "  " }),
+          /* @__PURE__ */ jsx2(Text2, { color: statusColor(word), children: word }),
+          /* @__PURE__ */ jsxs2(Text2, { color: palette.dim, wrap: "truncate-end", children: [
+            "  ",
+            s.toolCount,
+            " tool",
+            s.toolCount === 1 ? "" : "s",
+            ", ",
+            ageWord(s.fetchedAt, Date.now())
+          ] })
+        ] }, s.name);
+      }),
+      overflow ? /* @__PURE__ */ jsxs2(Text2, { color: palette.dim, children: [
+        "  ",
+        overflow
+      ] }) : null
+    ] }),
+    showFooter ? /* @__PURE__ */ jsxs2(Text2, { color: palette.dim, children: [
       glyph.active,
       " select ",
       glyph.sep,
@@ -228,43 +293,58 @@ function McpOverlay({ modal }) {
       " r refresh ",
       glyph.sep,
       " esc close"
-    ] }) })
+    ] }) : null
   ] });
 }
 
 // src/ink/HelpOverlay.tsx
 import { Box as Box3, Text as Text3 } from "ink";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function HelpOverlay() {
+var FIXED_CHROME_ROWS = 4;
+function HelpOverlay({ rows }) {
   const width = Math.max(...TERM_COMMANDS.map((c) => `${c.name} ${c.args ?? ""}`.trim().length));
+  const bodyBudget = Math.max(overlayBoxBudget(rows) - FIXED_CHROME_ROWS, 0);
+  const { shown, overflow } = capList(TERM_COMMANDS, bodyBudget, (n) => `\u2026 ${n} more command${n === 1 ? "" : "s"}`);
   return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", borderStyle: "round", borderColor: palette.tool, paddingX: 1, children: [
     /* @__PURE__ */ jsx3(Text3, { color: palette.tool, bold: true, children: "Commands" }),
-    /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", marginTop: 1, children: TERM_COMMANDS.map((c) => {
-      const usage = `${c.name} ${c.args ?? ""}`.trim();
-      return /* @__PURE__ */ jsxs3(Box3, { children: [
-        /* @__PURE__ */ jsxs3(Text3, { color: palette.ember, children: [
-          "/",
-          usage.padEnd(width)
-        ] }),
-        /* @__PURE__ */ jsxs3(Text3, { color: palette.dim, children: [
-          "  ",
-          c.summary
-        ] })
-      ] }, c.name);
-    }) }),
-    /* @__PURE__ */ jsx3(Box3, { marginTop: 1, children: /* @__PURE__ */ jsx3(Text3, { color: palette.dim, children: "esc close" }) })
+    /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+      shown.map((c) => {
+        const usage = `${c.name} ${c.args ?? ""}`.trim();
+        return /* @__PURE__ */ jsxs3(Box3, { children: [
+          /* @__PURE__ */ jsxs3(Text3, { color: palette.ember, wrap: "truncate-end", children: [
+            "/",
+            usage.padEnd(width)
+          ] }),
+          /* @__PURE__ */ jsxs3(Text3, { color: palette.dim, wrap: "truncate-end", children: [
+            "  ",
+            c.summary
+          ] })
+        ] }, c.name);
+      }),
+      overflow ? /* @__PURE__ */ jsxs3(Text3, { color: palette.dim, children: [
+        "  ",
+        overflow
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx3(Text3, { color: palette.dim, children: "esc close" })
   ] });
 }
 
 // src/ink/ContextOverlay.tsx
 import { Box as Box4, Text as Text4 } from "ink";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function ContextOverlay({ snapshot }) {
-  const text = formatContext(snapshot);
+var FIXED_CHROME_ROWS2 = 4;
+function ContextOverlay({ snapshot, rows }) {
+  const lines = formatContext(snapshot).split("\n");
+  const bodyBudget = Math.max(overlayBoxBudget(rows) - FIXED_CHROME_ROWS2, 0);
+  const { shown, overflow } = capList(lines, bodyBudget, (n) => `\u2026 ${n} more line${n === 1 ? "" : "s"}`);
   return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", borderStyle: "round", borderColor: palette.tool, paddingX: 1, children: [
     /* @__PURE__ */ jsx4(Text4, { color: palette.tool, bold: true, children: "Context window" }),
-    /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { children: text }) }),
-    /* @__PURE__ */ jsx4(Box4, { marginTop: 1, children: /* @__PURE__ */ jsx4(Text4, { color: palette.dim, children: "esc close" }) })
+    /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+      shown.map((line, i) => /* @__PURE__ */ jsx4(Text4, { wrap: "truncate-end", children: line === "" ? " " : line }, i)),
+      overflow ? /* @__PURE__ */ jsx4(Text4, { color: palette.dim, children: overflow }) : null
+    ] }),
+    /* @__PURE__ */ jsx4(Text4, { color: palette.dim, children: "esc close" })
   ] });
 }
 function contextSnapshotFromState(state, contextWindow, toolCount) {
@@ -281,18 +361,44 @@ function contextSnapshotFromState(state, contextWindow, toolCount) {
 // src/ink/Modal.tsx
 import { Box as Box5, Text as Text5 } from "ink";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function DiffPreview({ diff }) {
-  const contentUnchanged = diff.added === 0 && diff.removed === 0;
-  const endingRow = diff.endingChange && /* @__PURE__ */ jsx5(Text5, { color: palette.amber, bold: true, children: formatEndingChange(diff.endingChange, contentUnchanged) });
-  const unexplainedRow = diff.unexplainedChange && /* @__PURE__ */ jsx5(Text5, { color: palette.amber, bold: true, children: "the file changes in a way not shown above (e.g. trailing whitespace or encoding)" });
+function SuggestionView({ suggestion }) {
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", borderStyle: "round", borderColor: palette.ember, paddingX: 1, children: [
+    /* @__PURE__ */ jsx5(Text5, { wrap: "truncate-end", children: suggestionLine(suggestion) }),
+    /* @__PURE__ */ jsxs5(Text5, { color: palette.dim, wrap: "truncate-end", children: [
+      suggestionKeys(suggestion),
+      "   esc ignores"
+    ] })
+  ] });
+}
+function capDiffRows(rows, max) {
+  if (rows.length <= max || max <= 0) return max <= 0 ? [] : rows;
+  const kept = rows.slice(0, Math.max(max - 1, 0));
+  const dropped = rows.slice(kept.length);
+  const hidden = dropped.reduce((n, r) => n + (r.kind === "skip" ? r.count : 1), 0);
+  return [...kept, { kind: "skip", count: hidden, reason: "context" }];
+}
+function DiffPreview({ diff, budget }) {
+  if (budget !== void 0 && budget <= 0) return null;
   if (diff.noop) {
     return /* @__PURE__ */ jsx5(Text5, { color: palette.dim, children: "(no change -- new content is identical to what's on disk)" });
   }
+  const contentUnchanged = diff.added === 0 && diff.removed === 0;
+  let remaining = budget !== void 0 ? budget - 1 : void 0;
+  const fits = () => {
+    if (remaining === void 0) return true;
+    if (remaining < 1) return false;
+    remaining -= 1;
+    return true;
+  };
+  const endingRow = diff.endingChange && fits() && /* @__PURE__ */ jsx5(Text5, { color: palette.amber, bold: true, children: formatEndingChange(diff.endingChange, contentUnchanged) });
+  const unexplainedRow = diff.unexplainedChange && fits() && /* @__PURE__ */ jsx5(Text5, { color: palette.amber, bold: true, children: "the file changes in a way not shown above (e.g. trailing whitespace or encoding)" });
+  const newFileRow = diff.isNewFile && fits() && /* @__PURE__ */ jsx5(Text5, { color: palette.dim, children: "(new file)" });
+  const rows = remaining !== void 0 ? capDiffRows(diff.rows, remaining) : diff.rows;
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
     endingRow,
     unexplainedRow,
-    diff.isNewFile && /* @__PURE__ */ jsx5(Text5, { color: palette.dim, children: "(new file)" }),
-    diff.rows.map((r, i) => {
+    newFileRow,
+    rows.map((r, i) => {
       if (r.kind === "skip") {
         const label = r.reason === "changes" ? `\u2026 ${r.count} more changed line${r.count === 1 ? "" : "s"}` : `\u2026 ${r.count} unchanged line${r.count === 1 ? "" : "s"}`;
         return /* @__PURE__ */ jsx5(Text5, { color: palette.dim, children: label }, i);
@@ -301,6 +407,7 @@ function DiffPreview({ diff }) {
         Text5,
         {
           color: r.kind === "add" ? palette.good : r.kind === "del" ? palette.bad : palette.dim,
+          wrap: "truncate-end",
           children: [
             r.kind === "add" ? "+ " : r.kind === "del" ? "- " : "  ",
             r.text
@@ -317,43 +424,64 @@ function DiffPreview({ diff }) {
     ] })
   ] });
 }
-function ModalView({ modal }) {
+var PERMISSION_BORDER_ROWS = 2;
+var QUESTION_FIXED_ROWS = 5;
+function ModalView({ modal, rows }) {
   if (modal.kind === "permission") {
+    let content = Math.max(overlayBoxBudget(rows) - PERMISSION_BORDER_ROWS, 0);
+    const take = (n) => {
+      if (content < n) return false;
+      content -= n;
+      return true;
+    };
+    const showButtons = take(1);
+    const showTool = take(1);
+    const showDetail = take(1);
+    const diffBudget = modal.diff ? content : void 0;
     return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", borderStyle: "round", borderColor: palette.warn, paddingX: 1, children: [
-      /* @__PURE__ */ jsxs5(Text5, { color: palette.warn, children: [
+      showTool ? /* @__PURE__ */ jsxs5(Text5, { color: palette.warn, children: [
         modal.tool,
         " wants to run"
-      ] }),
-      /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { bold: true, children: modal.detail }) }),
-      modal.diff && /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(DiffPreview, { diff: modal.diff }) }),
-      /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, children: [
+      ] }) : null,
+      showDetail ? /* @__PURE__ */ jsx5(Text5, { bold: true, wrap: "truncate-end", children: modal.detail }) : null,
+      modal.diff && /* @__PURE__ */ jsx5(DiffPreview, { diff: modal.diff, budget: diffBudget }),
+      showButtons ? /* @__PURE__ */ jsxs5(Box5, { children: [
         /* @__PURE__ */ jsx5(Text5, { color: palette.good, children: "[y]" }),
         /* @__PURE__ */ jsx5(Text5, { color: palette.dim, children: " run it   " }),
         /* @__PURE__ */ jsx5(Text5, { color: palette.bad, children: "[n]" }),
         /* @__PURE__ */ jsx5(Text5, { color: palette.dim, children: " deny   esc denies" })
-      ] })
+      ] }) : null
     ] });
   }
   const q = modal.questions[0];
+  const options = q?.options ?? [];
+  const optionsBudget = Math.max(overlayBoxBudget(rows) - QUESTION_FIXED_ROWS, 0);
+  const { shown, overflow } = capList(options, optionsBudget, (n) => `\u2026 ${n} more option${n === 1 ? "" : "s"}`);
   return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", borderStyle: "round", borderColor: palette.ember, paddingX: 1, children: [
     /* @__PURE__ */ jsx5(Text5, { color: palette.dim, children: q?.header }),
-    /* @__PURE__ */ jsx5(Text5, { bold: true, children: q?.question }),
-    /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", marginTop: 1, children: (q?.options ?? []).map((o, i) => /* @__PURE__ */ jsxs5(Box5, { children: [
-      /* @__PURE__ */ jsxs5(Text5, { color: palette.amber, children: [
-        i + 1,
-        "  "
-      ] }),
-      /* @__PURE__ */ jsx5(Text5, { children: o.label }),
-      o.description ? /* @__PURE__ */ jsxs5(Text5, { color: palette.dim, children: [
-        "   ",
-        o.description
-      ] }) : null
-    ] }, o.label)) }),
-    /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs5(Text5, { color: palette.dim, children: [
+    /* @__PURE__ */ jsx5(Text5, { bold: true, wrap: "truncate-end", children: q?.question }),
+    /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
+      shown.map((o) => {
+        const i = options.indexOf(o);
+        return /* @__PURE__ */ jsxs5(Box5, { children: [
+          /* @__PURE__ */ jsxs5(Text5, { color: palette.amber, children: [
+            i + 1,
+            "  "
+          ] }),
+          /* @__PURE__ */ jsx5(Text5, { wrap: "truncate-end", children: o.label }),
+          o.description ? /* @__PURE__ */ jsxs5(Text5, { color: palette.dim, wrap: "truncate-end", children: [
+            "   ",
+            o.description
+          ] }) : null
+        ] }, o.label);
+      }),
+      overflow ? /* @__PURE__ */ jsx5(Text5, { color: palette.dim, children: overflow }) : null
+    ] }),
+    /* @__PURE__ */ jsxs5(Text5, { color: palette.dim, children: [
       "1-",
-      (q?.options ?? []).length,
+      options.length,
       " choose \xB7 \u21B5 confirm \xB7 or type your own answer \xB7 esc dismisses"
-    ] }) })
+    ] })
   ] });
 }
 
@@ -504,6 +632,23 @@ function useColumns() {
   }, [stdout]);
   return columns;
 }
+function usableRows(rows) {
+  return rows !== void 0 && Number.isFinite(rows) && rows > 0 ? rows : void 0;
+}
+function useRows() {
+  const { stdout } = useStdout();
+  const [rows, setRows] = useState(usableRows(stdout?.rows));
+  useEffect(() => {
+    if (!stdout) return;
+    const onResize = () => setRows(usableRows(stdout.rows));
+    onResize();
+    stdout.on("resize", onResize);
+    return () => {
+      stdout.off("resize", onResize);
+    };
+  }, [stdout]);
+  return rows;
+}
 function usd(v) {
   return v < 0.01 ? `$${v.toFixed(4)}` : `$${v.toFixed(2)}`;
 }
@@ -513,11 +658,14 @@ function App(props) {
   const paletteSelected = Math.min(props.paletteSelected, Math.max(paletteItems.length - 1, 0));
   const busy = state.status !== "idle";
   const columns = useColumns();
+  const rows = useRows();
+  const modalOpen = state.modal != null;
   const statusWord = busy ? "running" : "idle";
   const roundSeg = state.live ? ` ${glyph.sep} turn ${state.live.turn}` : ` ${glyph.sep} ${props.toolCount} tools`;
   const turnTokens = tokens(state.turnUsage.promptTokens + state.turnUsage.completionTokens);
   const totalTokens = tokens(state.usage.promptTokens + state.usage.completionTokens);
-  const tokenSeg = ` ${glyph.sep} ${turnTokens} turn ${glyph.sep} ${totalTokens} total`;
+  const ctxSeg = state.sentTokens ? `${tokens(state.sentTokens)} ctx ${glyph.sep} ` : "";
+  const tokenSeg = ` ${glyph.sep} ${ctxSeg}${turnTokens} turn ${glyph.sep} ${totalTokens} total`;
   const costSeg = state.costUsd > 0 ? ` ${glyph.sep} ${usd(state.costUsd)}` : "";
   const escSeg = busy ? ` ${glyph.sep} esc stops` : "";
   const queuedSeg = state.queued.length ? ` ${glyph.sep} ${state.queued.length} queued` : "";
@@ -526,12 +674,12 @@ function App(props) {
   const { right: statusRight } = fitStatus(statusLeft, { model: state.model, cwd: props.cwd, home: homedir() }, columns);
   return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx8(Static, { items: state.committed, children: (item) => /* @__PURE__ */ jsx8(CommittedRow, { item }, item.id) }, `transcript-${state.transcriptGen}`),
-    state.live?.tools.map((t) => /* @__PURE__ */ jsx8(LiveToolRow, { tool: t }, t.callId)),
-    state.live?.streaming ? /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { color: palette.soft, children: state.live.streaming }) }) : null,
-    /* @__PURE__ */ jsx8(TodoBlock, { todos: state.todos }),
-    state.modal ? /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: state.modal.kind === "mcp" ? /* @__PURE__ */ jsx8(McpOverlay, { modal: state.modal }) : state.modal.kind === "help" ? /* @__PURE__ */ jsx8(HelpOverlay, {}) : state.modal.kind === "context" ? /* @__PURE__ */ jsx8(ContextOverlay, { snapshot: contextSnapshotFromState(state, props.contextWindow ?? null, props.toolCount) }) : state.modal.kind === "permission" || state.modal.kind === "user" ? /* @__PURE__ */ jsx8(ModalView, { modal: state.modal }) : null }) : null,
-    paletteItems.length && !state.modal ? /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(PaletteView, { items: paletteItems, selected: paletteSelected }) }) : null,
-    state.pendingSkill ? /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, children: [
+    !modalOpen && state.live?.tools.map((t) => /* @__PURE__ */ jsx8(LiveToolRow, { tool: t }, t.callId)),
+    !modalOpen && state.live?.streaming ? /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(Text8, { color: palette.soft, children: state.live.streaming }) }) : null,
+    !modalOpen ? /* @__PURE__ */ jsx8(TodoBlock, { todos: state.todos }) : null,
+    state.modal ? /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: state.modal.kind === "mcp" ? /* @__PURE__ */ jsx8(McpOverlay, { modal: state.modal, rows }) : state.modal.kind === "help" ? /* @__PURE__ */ jsx8(HelpOverlay, { rows }) : state.modal.kind === "context" ? /* @__PURE__ */ jsx8(ContextOverlay, { snapshot: contextSnapshotFromState(state, props.contextWindow ?? null, props.toolCount), rows }) : state.modal.kind === "suggestion" ? /* @__PURE__ */ jsx8(SuggestionView, { suggestion: state.modal.suggestion }) : state.modal.kind === "permission" || state.modal.kind === "user" ? /* @__PURE__ */ jsx8(ModalView, { modal: state.modal, rows }) : null }) : null,
+    paletteItems.length && !modalOpen ? /* @__PURE__ */ jsx8(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx8(PaletteView, { items: paletteItems, selected: paletteSelected }) }) : null,
+    state.pendingSkill && !modalOpen ? /* @__PURE__ */ jsxs8(Box8, { marginTop: 1, children: [
       /* @__PURE__ */ jsxs8(Text8, { color: palette.ember, children: [
         glyph.sep,
         " skill armed: ",
@@ -557,7 +705,7 @@ function App(props) {
         props.inputKey
       )
     ] }),
-    state.committed.length === 0 ? /* @__PURE__ */ jsx8(Box8, { marginBottom: 1, children: /* @__PURE__ */ jsxs8(Text8, { color: palette.soft, children: [
+    state.committed.length === 0 && !modalOpen ? /* @__PURE__ */ jsx8(Box8, { marginBottom: 1, children: /* @__PURE__ */ jsxs8(Text8, { color: palette.soft, children: [
       "Type a request. ",
       /* @__PURE__ */ jsxs8(Text8, { color: palette.dim, children: [
         "/help for commands ",
@@ -748,6 +896,34 @@ function Root({ session, deps }) {
         }
         return;
       }
+      if (state.modal.kind === "suggestion") {
+        if (key.ctrl && input === "c") {
+          if (state.status !== "idle" && !sawSigint) {
+            session.abort();
+            setSawSigint(true);
+            return;
+          }
+          exit();
+          return;
+        }
+        if (key.escape) {
+          session.dismissApprovalSuggestion();
+          if (state.status !== "idle") session.abort();
+          return;
+        }
+        if (Date.now() - state.modal.openedAt < SUGGESTION_ARM_DELAY_MS) return;
+        if (key.return) {
+          if (state.modal.armedChoice) void session.respondApprovalSuggestion(state.modal.armedChoice);
+          return;
+        }
+        const choice = parseSuggestionChoice(state.modal.suggestion, input);
+        if (choice === "workspace" || choice === "global") {
+          session.armApprovalSuggestion(choice);
+          return;
+        }
+        if (choice) void session.respondApprovalSuggestion(choice);
+        return;
+      }
       if (key.escape) {
         session.answer(state.modal.kind === "permission" ? "deny" : null);
         return;
@@ -871,13 +1047,29 @@ function Root({ session, deps }) {
     }
   );
 }
-async function runTui(deps) {
-  const session = new TermSession(deps);
-  if (deps.resume) await session.resume(deps.resume.id);
+function tuiPermission(session, deps) {
+  const approvals = deps.approvals;
+  const hooks = approvals ? approvalsHooks(approvals, {
+    standing: true,
+    context: () => {
+      const id = session.getSnapshot().session?.id;
+      return { host: "tui", surface: "chat", ...deps.approvalsContext ?? {}, ...id ? { sessionId: id } : {} };
+    },
+    onSuggestion: (s) => session.offerApprovalSuggestion(s)
+  }) : null;
   const permission = new PermissionService2({
     policy: deps.policy ?? STANDARD_POLICY,
-    prompt: { ask: (req) => session.askPermission(req) }
+    prompt: { ask: (req) => session.askPermission(req) },
+    ...hooks?.standing ? { standing: hooks.standing } : {},
+    ...hooks ? { onDecision: hooks.onDecision } : {}
   });
+  return { permission, settled: hooks ? hooks.settled : async () => void 0 };
+}
+async function runTui(deps) {
+  const approvals = deps.approvals;
+  const session = new TermSession(approvals ? { ...deps, saveApprovalChoice: (s, c) => approvals.respond(s, c) } : deps);
+  if (deps.resume) await session.resume(deps.resume.id);
+  const { permission, settled } = tuiPermission(session, deps);
   session.attachPermission(permission);
   const bannerOpts = {
     policy: deps.policy ?? STANDARD_POLICY,
@@ -906,9 +1098,12 @@ async function runTui(deps) {
     exitOnCtrlC: false
   });
   await app.waitUntilExit();
+  await settled();
+  await approvals?.flush().catch(() => void 0);
   return 0;
 }
 export {
   Root,
-  runTui
+  runTui,
+  tuiPermission
 };

package/dist/ink/overlayBudget.d.ts

@@ -0,0 +1,27 @@
+/** Rows the live region spends OUTSIDE the overlay box itself, every time an
+ * overlay is open: the modal Box's own `marginTop` (1), the input box's
+ * `marginTop` (1) plus its three border/content rows (3), and the one-line
+ * status row (1) -- 6 total. Live tool rows, streaming text, TodoBlock, the
+ * palette, the pending-skill indicator, and the empty-conversation hint are
+ * all suppressed while a modal is open (App.tsx), so none of them are part
+ * of this reservation; if a future change stops suppressing one of them,
+ * this constant must grow to match or the invariant this exists to keep
+ * (packages/term/src/ink/liveRegionHeight.test.tsx) goes red. */
+export declare const RESERVED_CHROME_ROWS = 6;
+/** No usable row count -- see App.tsx's `usableRows`: a stream that cannot
+ * report its height (not a TTY, piped output, a render test double) gets
+ * this, meaning "don't cap" rather than a guessed height. Callers pass it
+ * straight through to `capList`, whose `Number.MAX_SAFE_INTEGER` cap is a
+ * no-op (every real list is shorter than that). */
+export declare function overlayBoxBudget(rows: number | undefined): number;
+export interface CappedList<T> {
+    shown: T[];
+    /** Set only when `items` didn't fit -- the caller renders this as its own
+     * line, the same way TodoBlock renders `view.overflow`. */
+    overflow: string | null;
+}
+/** Cap `items` to `cap` rows TOTAL, overflow line included -- the exact rule
+ * `visibleTodos` (todos.ts) already applies to the todo list, generalized to
+ * any list an overlay renders one item per row. */
+export declare function capList<T>(items: T[], cap: number, overflowLabel: (hiddenCount: number) => string): CappedList<T>;
+//# sourceMappingURL=overlayBudget.d.ts.map

package/dist/ink/overlayBudget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayBudget.d.ts","sourceRoot":"","sources":["../../src/ink/overlayBudget.ts"],"names":[],"mappings":"AAgBA;;;;;;;;iEAQiE;AACjE,eAAO,MAAM,oBAAoB,IAAI,CAAC;AAEtC;;;;mDAImD;AACnD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAGjE;AAED,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX;+DAC2D;IAC3D,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED;;mDAEmD;AACnD,wBAAgB,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,CAYjH"}