@corenel/term 0.2.9 → 0.3.0

package/dist/ink/index.js

@@ -1,12 +1,16 @@
 import {
   TermSession,
+  ageWord,
+  formatContext,
+  mcpStatusWord,
   parseMarkdown
-} from "../chunk-QZJTOVZL.js";
-import "../chunk-L4KCEKIT.js";
+} from "../chunk-HUVRQX53.js";
+import "../chunk-2MGDL3I4.js";
 import {
+  TERM_COMMANDS,
   filterCommands,
   parseCommand
-} from "../chunk-VTJEWHM3.js";
+} from "../chunk-5RPHYXND.js";
 import "../chunk-M44CET5L.js";
 import {
   formatEndingChange
@@ -28,7 +32,7 @@ import { STANDARD_POLICY } from "@corenel/harness/guardrail/builtins";
 // src/ink/App.tsx
 import { useEffect, useState } from "react";
 import { homedir } from "node:os";
-import { Box as Box5, Static, Text as Text5, useStdout } from "ink";
+import { Box as Box8, Static, Text as Text8, useStdout } from "ink";
 import TextInput from "ink-text-input";
 
 // src/ink/items.tsx
@@ -169,27 +173,132 @@ function LiveToolRow({ tool }) {
   ] });
 }
 
-// src/ink/Modal.tsx
+// src/ink/McpOverlay.tsx
 import { Box as Box2, Text as Text2 } from "ink";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+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: [
+        "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: [
+      glyph.active,
+      " select ",
+      glyph.sep,
+      " a add ",
+      glyph.sep,
+      " x remove ",
+      glyph.sep,
+      " l login ",
+      glyph.sep,
+      " r refresh ",
+      glyph.sep,
+      " esc close"
+    ] }) })
+  ] });
+}
+
+// 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() {
+  const width = Math.max(...TERM_COMMANDS.map((c) => `${c.name} ${c.args ?? ""}`.trim().length));
+  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" }) })
+  ] });
+}
+
+// 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);
+  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" }) })
+  ] });
+}
+function contextSnapshotFromState(state, contextWindow, toolCount) {
+  return {
+    sentTokens: state.sentTokens,
+    contextWindow,
+    offloaded: state.offloaded,
+    checkpoints: state.checkpoints,
+    toolCount,
+    loadedToolNames: state.toolNames
+  };
+}
+
+// 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__ */ jsx2(Text2, { color: palette.amber, bold: true, children: formatEndingChange(diff.endingChange, contentUnchanged) });
-  const unexplainedRow = diff.unexplainedChange && /* @__PURE__ */ jsx2(Text2, { color: palette.amber, bold: true, children: "the file changes in a way not shown above (e.g. trailing whitespace or encoding)" });
+  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)" });
   if (diff.noop) {
-    return /* @__PURE__ */ jsx2(Text2, { color: palette.dim, children: "(no change -- new content is identical to what's on disk)" });
+    return /* @__PURE__ */ jsx5(Text5, { color: palette.dim, children: "(no change -- new content is identical to what's on disk)" });
   }
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", children: [
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
     endingRow,
     unexplainedRow,
-    diff.isNewFile && /* @__PURE__ */ jsx2(Text2, { color: palette.dim, children: "(new file)" }),
+    diff.isNewFile && /* @__PURE__ */ jsx5(Text5, { color: palette.dim, children: "(new file)" }),
     diff.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__ */ jsx2(Text2, { color: palette.dim, children: label }, i);
+        return /* @__PURE__ */ jsx5(Text5, { color: palette.dim, children: label }, i);
       }
-      return /* @__PURE__ */ jsxs2(
-        Text2,
+      return /* @__PURE__ */ jsxs5(
+        Text5,
         {
           color: r.kind === "add" ? palette.good : r.kind === "del" ? palette.bad : palette.dim,
           children: [
@@ -200,7 +309,7 @@ function DiffPreview({ diff }) {
         i
       );
     }),
-    /* @__PURE__ */ jsxs2(Text2, { color: palette.dim, children: [
+    /* @__PURE__ */ jsxs5(Text5, { color: palette.dim, children: [
       "+",
       diff.added,
       " \u2212",
@@ -210,37 +319,37 @@ function DiffPreview({ diff }) {
 }
 function ModalView({ modal }) {
   if (modal.kind === "permission") {
-    return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", borderStyle: "round", borderColor: palette.warn, paddingX: 1, children: [
-      /* @__PURE__ */ jsxs2(Text2, { color: palette.warn, children: [
+    return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", borderStyle: "round", borderColor: palette.warn, paddingX: 1, children: [
+      /* @__PURE__ */ jsxs5(Text5, { color: palette.warn, children: [
         modal.tool,
         " wants to run"
       ] }),
-      /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { bold: true, children: modal.detail }) }),
-      modal.diff && /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(DiffPreview, { diff: modal.diff }) }),
-      /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, children: [
-        /* @__PURE__ */ jsx2(Text2, { color: palette.good, children: "[y]" }),
-        /* @__PURE__ */ jsx2(Text2, { color: palette.dim, children: " run it   " }),
-        /* @__PURE__ */ jsx2(Text2, { color: palette.bad, children: "[n]" }),
-        /* @__PURE__ */ jsx2(Text2, { color: palette.dim, children: " deny   esc denies" })
+      /* @__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: [
+        /* @__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" })
       ] })
     ] });
   }
   const q = modal.questions[0];
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", borderStyle: "round", borderColor: palette.ember, paddingX: 1, children: [
-    /* @__PURE__ */ jsx2(Text2, { color: palette.dim, children: q?.header }),
-    /* @__PURE__ */ jsx2(Text2, { bold: true, children: q?.question }),
-    /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", marginTop: 1, children: (q?.options ?? []).map((o, i) => /* @__PURE__ */ jsxs2(Box2, { children: [
-      /* @__PURE__ */ jsxs2(Text2, { color: palette.amber, children: [
+  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__ */ jsx2(Text2, { children: o.label }),
-      o.description ? /* @__PURE__ */ jsxs2(Text2, { color: palette.dim, children: [
+      /* @__PURE__ */ jsx5(Text5, { children: o.label }),
+      o.description ? /* @__PURE__ */ jsxs5(Text5, { color: palette.dim, children: [
         "   ",
         o.description
       ] }) : null
     ] }, o.label)) }),
-    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsxs2(Text2, { color: palette.dim, children: [
+    /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsxs5(Text5, { color: palette.dim, children: [
       "1-",
       (q?.options ?? []).length,
       " choose \xB7 \u21B5 confirm \xB7 or type your own answer \xB7 esc dismisses"
@@ -249,28 +358,28 @@ function ModalView({ modal }) {
 }
 
 // src/ink/Palette.tsx
-import { Box as Box3, Text as Text3 } from "ink";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Box as Box6, Text as Text6 } from "ink";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function PaletteView({ items, selected }) {
-  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
-    items.map((c, i) => /* @__PURE__ */ jsxs3(Box3, { children: [
-      /* @__PURE__ */ jsxs3(Text3, { color: i === selected ? palette.ember : palette.dim, children: [
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+    items.map((c, i) => /* @__PURE__ */ jsxs6(Box6, { children: [
+      /* @__PURE__ */ jsxs6(Text6, { color: i === selected ? palette.ember : palette.dim, children: [
         i === selected ? "\u203A " : "  ",
         "/",
         c.name,
         c.args ? ` ${c.args}` : ""
       ] }),
-      /* @__PURE__ */ jsxs3(Text3, { color: palette.dim, children: [
+      /* @__PURE__ */ jsxs6(Text6, { color: palette.dim, children: [
         "   ",
         c.summary
       ] })
     ] }, c.name)),
-    /* @__PURE__ */ jsx3(Text3, { color: palette.dim, children: "  \u2191\u2193 choose \xB7 tab completes \xB7 esc closes" })
+    /* @__PURE__ */ jsx6(Text6, { color: palette.dim, children: "  \u2191\u2193 choose \xB7 tab completes \xB7 esc closes" })
   ] });
 }
 
 // src/ink/TodoBlock.tsx
-import { Box as Box4, Text as Text4 } from "ink";
+import { Box as Box7, Text as Text7 } from "ink";
 
 // src/ink/todos.ts
 var DEFAULT_TODO_ROW_CAP = 4;
@@ -300,7 +409,7 @@ function toRows(items) {
 }
 
 // src/ink/TodoBlock.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function marker(status) {
   switch (status) {
     case "in_progress":
@@ -316,21 +425,21 @@ function marker(status) {
 }
 function TodoRowView({ row }) {
   const { char, color } = marker(row.status);
-  return /* @__PURE__ */ jsxs4(Box4, { children: [
-    /* @__PURE__ */ jsxs4(Text4, { color, children: [
+  return /* @__PURE__ */ jsxs7(Box7, { children: [
+    /* @__PURE__ */ jsxs7(Text7, { color, children: [
       char,
       " "
     ] }),
-    /* @__PURE__ */ jsx4(Text4, { color: row.status === "in_progress" ? palette.ink : palette.soft, children: row.title })
+    /* @__PURE__ */ jsx7(Text7, { color: row.status === "in_progress" ? palette.ink : palette.soft, children: row.title })
   ] });
 }
 function TodoBlock({ todos }) {
   const view = visibleTodos(todos);
   if (!view) return null;
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginTop: 1, children: [
-    /* @__PURE__ */ jsx4(Text4, { color: palette.dim, children: view.header }),
-    view.rows.map((row) => /* @__PURE__ */ jsx4(TodoRowView, { row }, row.id)),
-    view.overflow ? /* @__PURE__ */ jsxs4(Text4, { color: palette.dim, children: [
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", marginTop: 1, children: [
+    /* @__PURE__ */ jsx7(Text7, { color: palette.dim, children: view.header }),
+    view.rows.map((row) => /* @__PURE__ */ jsx7(TodoRowView, { row }, row.id)),
+    view.overflow ? /* @__PURE__ */ jsxs7(Text7, { color: palette.dim, children: [
       "  ",
       view.overflow
     ] }) : null
@@ -380,7 +489,7 @@ function fitStatus(left, identity, columns) {
 }
 
 // src/ink/App.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function useColumns() {
   const { stdout } = useStdout();
   const [columns, setColumns] = useState(stdout?.columns ?? DEFAULT_COLUMNS);
@@ -412,31 +521,31 @@ function App(props) {
   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` : "";
-  const shellSeg = !busy ? ` ${glyph.sep} shell ${props.approveAll ? "auto-approved" : "asks first"}` : "";
+  const shellSeg = ` ${glyph.sep} shell ${props.approveAll ? "auto-approved" : "asks first"}`;
   const statusLeft = `  ${statusWord}${roundSeg}${tokenSeg}${costSeg}${escSeg}${queuedSeg}${shellSeg}`;
-  const { right: statusRight } = fitStatus(statusLeft, { model: props.model, cwd: props.cwd, home: homedir() }, columns);
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx5(Static, { items: state.committed, children: (item) => /* @__PURE__ */ jsx5(CommittedRow, { item }, item.id) }, `transcript-${state.transcriptGen}`),
-    state.live?.tools.map((t) => /* @__PURE__ */ jsx5(LiveToolRow, { tool: t }, t.callId)),
-    state.live?.streaming ? /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(Text5, { color: palette.soft, children: state.live.streaming }) }) : null,
-    /* @__PURE__ */ jsx5(TodoBlock, { todos: state.todos }),
-    state.modal ? /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(ModalView, { modal: state.modal }) }) : null,
-    paletteItems.length && !state.modal ? /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: /* @__PURE__ */ jsx5(PaletteView, { items: paletteItems, selected: paletteSelected }) }) : null,
-    state.pendingSkill ? /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, children: [
-      /* @__PURE__ */ jsxs5(Text5, { color: palette.ember, children: [
+  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: [
+      /* @__PURE__ */ jsxs8(Text8, { color: palette.ember, children: [
         glyph.sep,
         " skill armed: ",
         state.pendingSkill,
         " "
       ] }),
-      /* @__PURE__ */ jsx5(Text5, { color: palette.dim, children: "-- applies to your next message, then clears" })
+      /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: "-- applies to your next message, then clears" })
     ] }) : null,
-    /* @__PURE__ */ jsxs5(Box5, { borderStyle: "round", borderColor: palette.dim, paddingX: 1, marginTop: 1, children: [
-      /* @__PURE__ */ jsxs5(Text5, { color: palette.ember, children: [
+    /* @__PURE__ */ jsxs8(Box8, { borderStyle: "round", borderColor: palette.dim, paddingX: 1, marginTop: 1, children: [
+      /* @__PURE__ */ jsxs8(Text8, { color: palette.ember, children: [
         glyph.prompt,
         " "
       ] }),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx8(
         TextInput,
         {
           value: props.value,
@@ -448,9 +557,9 @@ function App(props) {
         props.inputKey
       )
     ] }),
-    state.committed.length === 0 ? /* @__PURE__ */ jsx5(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsxs5(Text5, { color: palette.soft, children: [
+    state.committed.length === 0 ? /* @__PURE__ */ jsx8(Box8, { marginBottom: 1, children: /* @__PURE__ */ jsxs8(Text8, { color: palette.soft, children: [
       "Type a request. ",
-      /* @__PURE__ */ jsxs5(Text5, { color: palette.dim, children: [
+      /* @__PURE__ */ jsxs8(Text8, { color: palette.dim, children: [
         "/help for commands ",
         glyph.sep,
         " Ctrl-C stops a turn ",
@@ -458,22 +567,22 @@ function App(props) {
         " Ctrl-D leaves"
       ] })
     ] }) }) : null,
-    /* @__PURE__ */ jsxs5(Box5, { justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs5(Box5, { children: [
-        /* @__PURE__ */ jsxs5(Text5, { color: busy ? palette.amber : palette.dim, children: [
+    /* @__PURE__ */ jsxs8(Box8, { justifyContent: "space-between", children: [
+      /* @__PURE__ */ jsxs8(Box8, { children: [
+        /* @__PURE__ */ jsxs8(Text8, { color: busy ? palette.amber : palette.dim, children: [
           "  ",
           statusWord
         ] }),
-        /* @__PURE__ */ jsxs5(Text5, { color: palette.dim, children: [
+        /* @__PURE__ */ jsxs8(Text8, { color: palette.dim, children: [
           roundSeg,
           tokenSeg,
           costSeg,
           escSeg,
           queuedSeg
         ] }),
-        !busy ? /* @__PURE__ */ jsx5(Text5, { color: props.approveAll ? palette.ember : palette.warn, children: shellSeg }) : null
+        /* @__PURE__ */ jsx8(Text8, { color: props.approveAll ? palette.ember : palette.warn, children: shellSeg })
       ] }),
-      statusRight ? /* @__PURE__ */ jsx5(Text5, { color: palette.dim, children: statusRight }) : null
+      statusRight ? /* @__PURE__ */ jsx8(Text8, { color: palette.dim, children: statusRight }) : null
     ] })
   ] });
 }
@@ -561,7 +670,7 @@ function writeBanner(out, opts) {
 }
 
 // src/ink/index.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Root({ session, deps }) {
   const state = useSyncExternalStore(
     useCallback((fn) => session.subscribe(fn), [session]),
@@ -592,6 +701,53 @@ function Root({ session, deps }) {
   };
   useInput((input, key) => {
     if (state.modal) {
+      if (state.modal.kind === "mcp") {
+        if (key.escape) {
+          session.closeMcpManager();
+          return;
+        }
+        if (key.upArrow) {
+          session.moveMcpSelection(-1);
+          return;
+        }
+        if (key.downArrow) {
+          session.moveMcpSelection(1);
+          return;
+        }
+        const lower = input.toLowerCase();
+        if (lower === "x") {
+          void session.removeMcpSelection();
+          return;
+        }
+        if (lower === "l") {
+          void session.loginMcpSelection();
+          return;
+        }
+        if (lower === "r") {
+          void session.refreshMcpSelection();
+          return;
+        }
+        if (lower === "a") {
+          session.closeMcpManager();
+          completeTo("/mcp add ");
+          return;
+        }
+        return;
+      }
+      if (state.modal.kind === "help") {
+        if (key.escape) {
+          session.closeHelp();
+          return;
+        }
+        return;
+      }
+      if (state.modal.kind === "context") {
+        if (key.escape) {
+          session.closeContext();
+          return;
+        }
+        return;
+      }
       if (key.escape) {
         session.answer(state.modal.kind === "permission" ? "deny" : null);
         return;
@@ -649,7 +805,7 @@ function Root({ session, deps }) {
     }
     if (sawSigint) setSawSigint(false);
   });
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx9(
     App,
     {
       state,
@@ -657,10 +813,26 @@ function Root({ session, deps }) {
       cwd: deps.cwd,
       version: deps.version,
       toolCount: deps.tools.length,
+      contextWindow: deps.contextWindow?.() ?? null,
       approveAll: deps.approveAll === true,
       value,
       onChange: handleChange,
       onSubmit: (v) => {
+        if (v.trim() === "/help") {
+          setValue("");
+          session.openHelp();
+          return;
+        }
+        if (v.trim() === "/mcp") {
+          setValue("");
+          void session.openMcpManager();
+          return;
+        }
+        if (v.trim() === "/context") {
+          setValue("");
+          session.openContext();
+          return;
+        }
         const items = v.startsWith("/") ? filterCommands(v) : [];
         if (items.length > 0 && !parseCommand(v)) {
           const chosen = items[Math.min(paletteIndex, items.length - 1)];
@@ -677,6 +849,10 @@ function Root({ session, deps }) {
             return;
           }
         }
+        if (session.willReject(v)) {
+          void session.submit(v);
+          return;
+        }
         setValue("");
         void session.submit(v).then(() => {
           if (session.wantsExit) exit();
@@ -687,9 +863,9 @@ function Root({ session, deps }) {
         const modal = session.getSnapshot().modal;
         if (!modal) return;
         if (modal.kind === "permission") session.answer(/^y(es)?$/i.test(v.trim()) ? "allow" : "deny");
-        else session.answer(v.trim() ? { [modal.questions[0].header]: [v.trim()] } : null);
+        else if (modal.kind === "user") session.answer(v.trim() ? { [modal.questions[0].header]: [v.trim()] } : null);
       },
-      focus: state.modal?.kind !== "permission",
+      focus: state.modal == null || state.modal.kind === "user",
       paletteSelected: paletteIndex,
       inputKey: fieldGen
     }
@@ -714,7 +890,7 @@ async function runTui(deps) {
     reserve: bannerHeight(process.stdout, bannerOpts)
   });
   writeBanner(process.stdout, bannerOpts);
-  const app = render(/* @__PURE__ */ jsx6(Root, { session, deps }), {
+  const app = render(/* @__PURE__ */ jsx9(Root, { session, deps }), {
     /* LOAD-BEARING — do not "clean up" or default this away. Ink's own App
      * component (build/components/App.js, handleInput) intercepts the raw
      * \x03 byte and calls handleExit() BEFORE it ever emits the 'input'

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

@@ -1 +1 @@
-{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../src/ink/scroll.ts"],"names":[],"mappings":"AAmCA,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;wBASoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;uCAEmC;IACnC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;6CAI6C;AAC7C,wBAAgB,WAAW,CAAC,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,kBAAkB,GAAG,MAAM,CAehF"}
+{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../src/ink/scroll.ts"],"names":[],"mappings":"AAqCA,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAkB;IACjC;;;;;;;;;wBASoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;uCAEmC;IACnC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;6CAI6C;AAC7C,wBAAgB,WAAW,CAAC,GAAG,EAAE,aAAa,EAAE,IAAI,EAAE,kBAAkB,GAAG,MAAM,CAehF"}

package/dist/mcpText.d.ts

@@ -0,0 +1,20 @@
+import type { McpServerView } from './state';
+/** Status word, in priority order: a server can be simultaneously signed out
+ * AND unreachable, but `error` is the more actionable fact -- there is
+ * nothing to sign into until the connection itself works. `cached` is what is
+ * left once neither applies: a primed-from-disk tool list nothing has
+ * refreshed yet this run. */
+/** Exported for the Ink manager overlay (McpOverlay.tsx), which presents the
+ * SAME status computed here rather than a second copy of it -- see this
+ * module's own comment. */
+export declare function mcpStatusWord(v: McpServerView): string;
+/** The age phrase ALREADY READS AS A COMPLETE CLAUSE -- the caller does not
+ *  prefix it with "fetched". Returning "never fetched" while the caller also
+ *  wrote "fetched " produced "fetched never fetched" on every server nobody had
+ *  refreshed yet, which is every server on a cold machine.
+ *
+ *  Exported so the Ink manager overlay (McpOverlay.tsx) can reuse this same
+ *  logic instead of writing a second age formatter -- two would drift. */
+export declare function ageWord(fetchedAt: number | null, now: number): string;
+export declare function formatMcpServers(views: McpServerView[], now: number): string;
+//# sourceMappingURL=mcpText.d.ts.map

package/dist/mcpText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcpText.d.ts","sourceRoot":"","sources":["../src/mcpText.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;6BAI6B;AAC7B;;2BAE2B;AAC3B,wBAAgB,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG,MAAM,CAKtD;AAED;;;;;;0EAM0E;AAC1E,wBAAgB,OAAO,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAUrE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAgB5E"}