@noir-ai/cli 1.9.2 → 1.9.3-beta.1

package/dist/tui/index.js

@@ -2577,7 +2577,7 @@ if (isMainModule) {
 }
 
 // src/tui/App.tsx
-import { Box as Box5, Text as Text9, useApp, useInput as useInput3 } from "ink";
+import { Box as Box6, Text as Text9, useApp, useInput as useInput3 } from "ink";
 import { useEffect, useState as useState4 } from "react";
 
 // src/tui/CommandInput.tsx
@@ -2589,7 +2589,11 @@ function CommandInput({ buffer, running }) {
   }
   let body;
   if (buffer.length === 0) {
-    body = /* @__PURE__ */ jsx(Text, { children: c.dim("type a /command (e.g. /status, /sync, /task next), or q to quit") });
+    body = /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { children: c.dim("\u258C") }),
+      " ",
+      /* @__PURE__ */ jsx(Text, { children: c.dim("type a /command (e.g. /status, /sync, /task next), or q to quit") })
+    ] });
   } else {
     const isCommand = buffer.startsWith("/");
     body = /* @__PURE__ */ jsxs(Text, { children: [
@@ -2669,9 +2673,20 @@ function Header({ tagline }) {
 }
 
 // src/tui/HomeMenu.tsx
-import { Box as Box2, Text as Text4, useInput } from "ink";
+import { Box as Box3, Text as Text4, useInput } from "ink";
 import { useState } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+
+// src/tui/Panel.tsx
+import { Box as Box2 } from "ink";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Panel({ children, maxWidth }) {
+  const full = contentWidth() + 4;
+  const width = maxWidth != null ? Math.min(full, maxWidth) : full;
+  return /* @__PURE__ */ jsx4(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 1, width, children });
+}
+
+// src/tui/HomeMenu.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function flatten(sections) {
   const rows = [];
   for (const section of sections) {
@@ -2718,7 +2733,7 @@ function HomeMenu({ sections, onSelect, onClose }) {
     if (!row) continue;
     const { section, action } = row;
     if (section.id !== lastSectionId) {
-      rowsEl.push(/* @__PURE__ */ jsx4(Text4, { children: c.dim(`\u2500\u2500 ${section.label} \u2500\u2500`) }, `sec:${section.id}`));
+      rowsEl.push(/* @__PURE__ */ jsx5(Text4, { children: c.dim(`\u2500\u2500 ${section.label} \u2500\u2500`) }, `sec:${section.id}`));
       lastSectionId = section.id;
     }
     const isActive = i === activeRowIndex(active, rows);
@@ -2727,19 +2742,19 @@ function HomeMenu({ sections, onSelect, onClose }) {
       /* @__PURE__ */ jsxs3(Text4, { children: [
         prefix,
         isActive ? c.accent(action.label) : action.label,
-        /* @__PURE__ */ jsx4(Text4, { children: c.dim(`  ${action.hint}`) })
+        /* @__PURE__ */ jsx5(Text4, { children: c.dim(`  ${action.hint}`) })
       ] }, action.id)
     );
   }
-  return /* @__PURE__ */ jsxs3(Box2, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs3(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "gray", width: contentWidth() + 4, children: [
-      /* @__PURE__ */ jsx4(Box2, { paddingX: 1, children: /* @__PURE__ */ jsxs3(Text4, { children: [
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs3(Panel, { children: [
+      /* @__PURE__ */ jsx5(Box3, { paddingX: 1, children: /* @__PURE__ */ jsxs3(Text4, { children: [
         c.bold("\u25B8 home "),
-        /* @__PURE__ */ jsx4(Text4, { children: c.dim(`quick actions (${rows.length})`) })
+        /* @__PURE__ */ jsx5(Text4, { children: c.dim(`quick actions (${rows.length})`) })
       ] }) }),
-      rowsEl.map((row) => /* @__PURE__ */ jsx4(Box2, { paddingX: 1, children: row }, row.key ?? "row"))
+      rowsEl.map((row) => /* @__PURE__ */ jsx5(Box3, { paddingX: 1, children: row }, row.key ?? "row"))
     ] }),
-    /* @__PURE__ */ jsx4(Text4, { children: c.dim("\u2191/\u2193 navigate \xB7 Enter run \xB7 Esc close") })
+    /* @__PURE__ */ jsx5(Text4, { children: c.dim("\u2191/\u2193 navigate \xB7 Enter run \xB7 Esc close") })
   ] });
 }
 function activeRowIndex(active, rows) {
@@ -2779,7 +2794,7 @@ function useInputBuffer() {
 
 // src/tui/OutputPane.tsx
 import { Text as Text5 } from "ink";
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function toRows(visible, baseIndex) {
   const rows = [];
   const seen = /* @__PURE__ */ new Map();
@@ -2813,13 +2828,13 @@ function OutputPane({
 }) {
   const width = contentWidth();
   if (lines.length === 0) {
-    return /* @__PURE__ */ jsx5(Text5, { children: c.dim("(no output \u2014 type a /command, or ? for help)") });
+    return /* @__PURE__ */ jsx6(Text5, { children: c.dim("(no output \u2014 type a /command, or ? for help)") });
   }
   const maxOffset = Math.max(0, lines.length - height);
   const offset = Math.min(Math.max(0, scrollOffset), maxOffset);
   const rows = toRows(lines.slice(offset, offset + height), offset);
   return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    title !== void 0 ? /* @__PURE__ */ jsx5(Text5, { wrap: "truncate-end", children: c.dim(`\u2500\u2500 ${title} \u2500\u2500`) }) : null,
+    title !== void 0 ? /* @__PURE__ */ jsx6(Text5, { 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;
       let body = truncated;
@@ -2828,19 +2843,19 @@ function OutputPane({
       } else if (highlightQuery !== void 0 && highlightQuery.length > 0) {
         body = highlightFirst(truncated, highlightQuery);
       }
-      return /* @__PURE__ */ jsx5(Text5, { wrap: "truncate-end", children: body }, row.key);
+      return /* @__PURE__ */ jsx6(Text5, { wrap: "truncate-end", children: body }, row.key);
     })
   ] });
 }
 
 // src/tui/overlays/ConfirmOverlay.tsx
-import { Box as Box3, Text as Text6 } from "ink";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Box as Box4, Text as Text6 } from "ink";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function ConfirmOverlay({ argv }) {
-  return /* @__PURE__ */ jsx6(Box3, { borderStyle: "round", borderColor: "yellow", paddingX: 1, width: contentWidth() + 4, children: /* @__PURE__ */ jsxs5(Text6, { children: [
+  return /* @__PURE__ */ jsx7(Panel, { children: /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsxs5(Text6, { children: [
     c.warn(`! run /${argv.join(" ")}? (y/N)`),
-    /* @__PURE__ */ jsx6(Text6, { children: c.dim("  [y approve \xB7 n/Esc back to palette]") })
-  ] }) });
+    /* @__PURE__ */ jsx7(Text6, { children: c.dim("  [y approve \xB7 n/Esc back to palette]") })
+  ] }) }) });
 }
 
 // src/tui/overlays/SearchMode.ts
@@ -2947,9 +2962,10 @@ var handRolledMatcher = {
 };
 
 // src/tui/palette/Palette.tsx
-import { Box as Box4, Text as Text7, useInput as useInput2 } from "ink";
+import { Box as Box5, Text as Text7, useInput as useInput2 } from "ink";
 import { useState as useState3 } from "react";
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var PALETTE_WIDTH = 64;
 var VISIBLE_ROWS = 10;
 var MATCH_LIMIT = 20;
 function rankPalette(query, matcher, commands, recent) {
@@ -2967,14 +2983,18 @@ function rankPalette(query, matcher, commands, recent) {
     indices: m.matchedIndices
   }));
 }
+function truncateLabel(label) {
+  const max = Math.max(20, PALETTE_WIDTH - 8);
+  return label.length > max ? `${label.slice(0, max - 1)}\u2026` : label;
+}
 function highlight(label, matchedIndices) {
   const set = new Set(matchedIndices);
   const chars = [];
   for (let i = 0; i < label.length; i++) {
     const ch = label[i] ?? "";
-    chars.push(set.has(i) ? /* @__PURE__ */ jsx7(Text7, { children: c.accent(ch) }, i) : /* @__PURE__ */ jsx7(Text7, { children: ch }, i));
+    chars.push(set.has(i) ? /* @__PURE__ */ jsx8(Text7, { children: c.accent(ch) }, i) : /* @__PURE__ */ jsx8(Text7, { children: ch }, i));
   }
-  return /* @__PURE__ */ jsx7(Fragment2, { children: chars });
+  return /* @__PURE__ */ jsx8(Fragment2, { children: chars });
 }
 function Palette({
   commands,
@@ -3019,14 +3039,14 @@ function Palette({
     }
   });
   const rows = [
-    /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsxs6(Text7, { children: [
+    /* @__PURE__ */ jsx8(Box5, { paddingX: 1, children: /* @__PURE__ */ jsxs6(Text7, { children: [
       c.bold("\u25B8 palette "),
-      /* @__PURE__ */ jsx7(Text7, { children: c.dim(`search (${visible.length} shown)`) })
+      /* @__PURE__ */ jsx8(Text7, { children: c.dim(`search (${visible.length} shown)`) })
     ] }) }, "header"),
-    /* @__PURE__ */ jsx7(Box4, { borderStyle: "round", borderColor: "gray", paddingX: 1, width: contentWidth() + 4, children: /* @__PURE__ */ jsxs6(Text7, { children: [
+    /* @__PURE__ */ jsx8(Box5, { paddingX: 1, children: /* @__PURE__ */ jsxs6(Text7, { children: [
       c.dim("> "),
       query,
-      /* @__PURE__ */ jsx7(Text7, { children: c.dim("\u258C") })
+      /* @__PURE__ */ jsx8(Text7, { children: c.dim("\u258C") })
     ] }) }, "query")
   ];
   let lastCategory = null;
@@ -3035,29 +3055,29 @@ function Palette({
     if (query.length === 0) {
       if (isRecent && lastCategory !== "recent") {
         rows.push(
-          /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsx7(Text7, { children: c.dim("\u2500\u2500 recent \u2500\u2500") }) }, "cat:recent")
+          /* @__PURE__ */ jsx8(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx8(Text7, { children: c.dim("\u2500\u2500 recent \u2500\u2500") }) }, "cat:recent")
         );
         lastCategory = "recent";
       } else if (!isRecent && cmd.category !== lastCategory) {
         rows.push(
-          /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsx7(Text7, { children: c.dim(`\u2500\u2500 ${cmd.category} \u2500\u2500`) }) }, `cat:${cmd.category}`)
+          /* @__PURE__ */ jsx8(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx8(Text7, { children: c.dim(`\u2500\u2500 ${cmd.category} \u2500\u2500`) }) }, `cat:${cmd.category}`)
         );
         lastCategory = cmd.category;
       }
     }
     const prefix = cmd.id === visible[active]?.cmd.id ? "\u25B8 " : "  ";
     rows.push(
-      /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsxs6(Text7, { children: [
-        isRecent && query.length === 0 ? /* @__PURE__ */ jsx7(Text7, { children: c.dim("\u21BA ") }) : null,
+      /* @__PURE__ */ jsx8(Box5, { paddingX: 1, children: /* @__PURE__ */ jsxs6(Text7, { children: [
+        isRecent && query.length === 0 ? /* @__PURE__ */ jsx8(Text7, { children: c.dim("\u21BA ") }) : null,
         prefix,
-        highlight(cmd.label, indices),
-        /* @__PURE__ */ jsx7(Text7, { children: c.dim(`  ${cmd.description}`) })
+        highlight(truncateLabel(cmd.label), indices),
+        /* @__PURE__ */ jsx8(Text7, { children: c.dim(`  ${cmd.description}`) })
       ] }) }, cmd.id)
     );
   }
-  return /* @__PURE__ */ jsxs6(Box4, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx7(Box4, { flexDirection: "column", borderStyle: "round", borderColor: "gray", width: contentWidth() + 4, children: rows }),
-    /* @__PURE__ */ jsx7(Text7, { children: c.dim("\u2191/\u2193 navigate \xB7 Enter run \xB7 Esc close") })
+  return /* @__PURE__ */ jsxs6(Box5, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx8(Panel, { maxWidth: PALETTE_WIDTH, children: rows }),
+    /* @__PURE__ */ jsx8(Text7, { children: c.dim("\u2191/\u2193 navigate \xB7 Enter run \xB7 Esc close") })
   ] });
 }
 function recentDeduped(recent, commands) {
@@ -3067,16 +3087,16 @@ function recentDeduped(recent, commands) {
 
 // src/tui/StatusBar.tsx
 import { Text as Text8 } from "ink";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function Cell({
   label,
   value,
   accent
 }) {
   return /* @__PURE__ */ jsxs7(Text8, { children: [
-    /* @__PURE__ */ jsx8(Text8, { children: c.dim(`${label}:`) }),
+    /* @__PURE__ */ jsx9(Text8, { children: c.dim(`${label}:`) }),
     " ",
-    /* @__PURE__ */ jsx8(Text8, { children: accent ? c.accent(value) : value })
+    /* @__PURE__ */ jsx9(Text8, { children: accent ? c.accent(value) : value })
   ] });
 }
 function StatusBar({ payload, loading }) {
@@ -3086,12 +3106,12 @@ function StatusBar({ payload, loading }) {
   const daemonRunning = payload?.daemon.running === true;
   const daemon = payload === null && loading ? "\u2026" : daemonRunning ? "up" : "down";
   return /* @__PURE__ */ jsxs7(Text8, { children: [
-    /* @__PURE__ */ jsx8(Cell, { label: "host", value: host, accent: true }),
-    /* @__PURE__ */ jsx8(Text8, { children: c.dim(" \xB7 ") }),
-    /* @__PURE__ */ jsx8(Cell, { label: "mode", value: mode }),
-    /* @__PURE__ */ jsx8(Text8, { children: c.dim(" \xB7 ") }),
-    /* @__PURE__ */ jsx8(Cell, { label: "phase", value: phase }),
-    /* @__PURE__ */ jsx8(Text8, { children: c.dim(" \xB7 ") }),
+    /* @__PURE__ */ jsx9(Cell, { label: "host", value: host, accent: true }),
+    /* @__PURE__ */ jsx9(Text8, { children: c.dim(" \xB7 ") }),
+    /* @__PURE__ */ jsx9(Cell, { label: "mode", value: mode }),
+    /* @__PURE__ */ jsx9(Text8, { children: c.dim(" \xB7 ") }),
+    /* @__PURE__ */ jsx9(Cell, { label: "phase", value: phase }),
+    /* @__PURE__ */ jsx9(Text8, { children: c.dim(" \xB7 ") }),
     /* @__PURE__ */ jsxs7(Text8, { children: [
       c.dim("daemon:"),
       " ",
@@ -3101,7 +3121,7 @@ function StatusBar({ payload, loading }) {
 }
 
 // src/tui/App.tsx
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function App({
   deps,
   initialPayload = null,
@@ -3400,12 +3420,12 @@ function App({
     void recordRuns(argv);
   }
   if (help) {
-    return /* @__PURE__ */ jsx9(Help, {});
+    return /* @__PURE__ */ jsx10(Help, {});
   }
   if (mode.kind === "palette") {
-    return /* @__PURE__ */ jsxs8(Box5, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx9(Header, { tagline: "palette" }),
-      /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsxs8(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx10(Header, { tagline: "palette" }),
+      /* @__PURE__ */ jsx10(
         Palette,
         {
           commands: deps.commands ?? [],
@@ -3415,13 +3435,13 @@ function App({
           onClose: () => setMode({ kind: "dashboard" })
         }
       ),
-      /* @__PURE__ */ jsx9(Footer, { running: false })
+      /* @__PURE__ */ jsx10(Footer, { running: false })
     ] });
   }
   if (mode.kind === "home") {
-    return /* @__PURE__ */ jsxs8(Box5, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx9(Header, { tagline: "home" }),
-      /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsxs8(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx10(Header, { tagline: "home" }),
+      /* @__PURE__ */ jsx10(
         HomeMenu,
         {
           sections: homeSections,
@@ -3429,99 +3449,90 @@ function App({
           onClose: () => setMode({ kind: "dashboard" })
         }
       ),
-      /* @__PURE__ */ jsx9(Footer, { running: false })
+      /* @__PURE__ */ jsx10(Footer, { running: false })
     ] });
   }
   if (mode.kind === "confirm") {
-    return /* @__PURE__ */ jsxs8(Box5, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx9(Header, { tagline: "confirm" }),
-      /* @__PURE__ */ jsx9(ConfirmOverlay, { argv: mode.argv }),
-      /* @__PURE__ */ jsx9(Footer, { running: false })
+    return /* @__PURE__ */ jsxs8(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx10(Header, { tagline: "confirm" }),
+      /* @__PURE__ */ jsx10(ConfirmOverlay, { argv: mode.argv }),
+      /* @__PURE__ */ jsx10(Footer, { running: false })
     ] });
   }
   if (mode.kind === "search") {
     const activeLine = mode.active >= 0 ? mode.matches[mode.active] : void 0;
     const matchCount = mode.matches.length;
-    return /* @__PURE__ */ jsxs8(Box5, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx9(Header, { tagline: "search" }),
-      /* @__PURE__ */ jsx9(
-        Box5,
+    return /* @__PURE__ */ jsxs8(Box6, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx10(Header, { tagline: "search" }),
+      /* @__PURE__ */ jsx10(Panel, { children: /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(
+        OutputPane,
         {
-          flexDirection: "column",
-          borderStyle: "round",
-          borderColor: "gray",
-          width: contentWidth() + 4,
-          children: /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(
-            OutputPane,
-            {
-              lines: searchLines,
-              scrollOffset,
-              title: output?.title,
-              highlightQuery: mode.query,
-              activeLine
-            }
-          ) })
+          lines: searchLines,
+          scrollOffset,
+          title: output?.title,
+          highlightQuery: mode.query,
+          activeLine
         }
-      ),
-      /* @__PURE__ */ jsx9(Box5, { borderStyle: "round", borderColor: "gray", paddingX: 1, width: contentWidth() + 4, children: /* @__PURE__ */ jsxs8(Text9, { children: [
+      ) }) }),
+      /* @__PURE__ */ jsx10(Box6, { borderStyle: "round", borderColor: "gray", paddingX: 1, children: /* @__PURE__ */ jsxs8(Text9, { children: [
         c.dim("search: "),
         mode.query.length > 0 ? mode.query : c.dim("(type to filter output)"),
-        /* @__PURE__ */ jsx9(Text9, { children: c.dim(" \u258C") })
+        /* @__PURE__ */ jsx10(Text9, { children: c.dim(" \u258C") })
       ] }) }),
-      /* @__PURE__ */ jsx9(Text9, { children: c.dim(
+      /* @__PURE__ */ jsx10(Text9, { children: c.dim(
         matchCount === 0 ? "no matches \xB7 Esc exit" : `${mode.active + 1}/${matchCount} matches \xB7 n/Enter next \xB7 N prev \xB7 Esc exit`
       ) }),
-      /* @__PURE__ */ jsx9(Footer, { running: false })
+      /* @__PURE__ */ jsx10(Footer, { running: false })
     ] });
   }
   const snapshotLines = formatStatusPayload(payload);
   const paneLines = output?.lines ?? snapshotLines ?? [];
   const paneTitle = output?.title ?? "snapshot";
-  return /* @__PURE__ */ jsxs8(Box5, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx9(Header, { tagline: "dashboard" }),
-    /* @__PURE__ */ jsxs8(Box5, { flexDirection: "column", borderStyle: "round", borderColor: "gray", width: contentWidth() + 4, children: [
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(StatusBar, { payload, loading }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: divider() }) }),
-      /* @__PURE__ */ jsx9(Box5, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx9(OutputPane, { lines: paneLines, scrollOffset, title: paneTitle }) })
+  return /* @__PURE__ */ jsxs8(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx10(Header, { tagline: "dashboard" }),
+    /* @__PURE__ */ jsxs8(Panel, { children: [
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(StatusBar, { payload, loading }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: divider() }) }),
+      /* @__PURE__ */ jsx10(Box6, { flexDirection: "column", paddingX: 1, children: /* @__PURE__ */ jsx10(OutputPane, { lines: paneLines, scrollOffset, title: paneTitle }) })
     ] }),
-    /* @__PURE__ */ jsx9(CommandInput, { buffer, running }),
-    notice !== null ? /* @__PURE__ */ jsx9(Text9, { children: c.dim(notice) }) : null,
-    /* @__PURE__ */ jsx9(Footer, { running })
+    /* @__PURE__ */ jsx10(CommandInput, { buffer, running }),
+    notice !== null ? /* @__PURE__ */ jsx10(Text9, { children: c.dim(notice) }) : null,
+    /* @__PURE__ */ jsx10(Footer, { running })
   ] });
 }
 function Help() {
-  return /* @__PURE__ */ jsxs8(Box5, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx9(Header, { tagline: "help" }),
-    /* @__PURE__ */ jsxs8(Box5, { flexDirection: "column", borderStyle: "round", borderColor: "gray", width: contentWidth() + 4, children: [
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.bold("Keybindings") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  /&lt;command&gt;  run a Noir sub-command (e.g. /status, /sync, /task next)") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  Enter       run the typed /command") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  Esc         back: clear input \u2192 dismiss output \u2192 quit") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  q           quit (when the input is empty)") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  h           open the curated home quick-actions (home menu)") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  \u2191 / \u2193       scroll the output pane") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  ?           toggle this help") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  Ctrl+K      open the command palette") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  Ctrl+F      find in the dispatched output pane") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  n / N       next / previous match in search (Enter = next)") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  y / n       approve / decline a destructive command prompt") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  Ctrl+C      force exit") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: divider() }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.bold("Home menu (h)") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  The curated quick actions mirror the bare-`noir` home menu:") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim(
+  return /* @__PURE__ */ jsxs8(Box6, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx10(Header, { tagline: "help" }),
+    /* @__PURE__ */ jsxs8(Panel, { children: [
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.bold("Keybindings") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  /&lt;command&gt;  run a Noir sub-command (e.g. /status, /sync, /task next)") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  Enter       run the typed /command") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  Esc         back: clear input \u2192 dismiss output \u2192 quit") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  q           quit (when the input is empty)") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  h           open the curated home quick-actions (home menu)") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  \u2191 / \u2193       scroll the output pane") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  ?           toggle this help") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  Ctrl+K      open the command palette") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  Ctrl+F      find in the dispatched output pane") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  n / N       next / previous match in search (Enter = next)") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  y / n       approve / decline a destructive command prompt") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  Ctrl+C      force exit") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: divider() }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.bold("Home menu (h)") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  The curated quick actions mirror the bare-`noir` home menu:") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim(
         "  Status &amp; context \xB7 Memory \xB7 Workflow \xB7 Setup &amp; maintenance \xB7 Dashboard"
       ) }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: divider() }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.bold("Commands") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  Dispatched through the same routing as `noir` at the prompt.") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim(
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: divider() }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.bold("Commands") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  Dispatched through the same routing as `noir` at the prompt.") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim(
         "  /status /sync /doctor /context search &lt;q&gt; /task next /memory recall &lt;q&gt;"
       ) }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  Commands that need their own interactive prompts (e.g. a /sync with a") }) }),
-      /* @__PURE__ */ jsx9(Box5, { paddingX: 1, children: /* @__PURE__ */ jsx9(Text9, { children: c.dim("  conflict) are best run directly \u2014 exit first with q.") }) })
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  Commands that need their own interactive prompts (e.g. a /sync with a") }) }),
+      /* @__PURE__ */ jsx10(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx10(Text9, { children: c.dim("  conflict) are best run directly \u2014 exit first with q.") }) })
     ] }),
-    /* @__PURE__ */ jsx9(Text9, { children: c.dim("press ? / Esc / q to close this help") })
+    /* @__PURE__ */ jsx10(Text9, { children: c.dim("press ? / Esc / q to close this help") })
   ] });
 }
 
@@ -3581,7 +3592,7 @@ function recordRecent(projectId, argv) {
 }
 
 // src/tui/index.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function defaultFetchStatus(opts) {
   return async () => {
     try {
@@ -3592,13 +3603,15 @@ function defaultFetchStatus(opts) {
   };
 }
 async function runTui(opts, dispatch) {
+  process.stdout.write("\x1B[2J\x1B[H");
   const deps = await buildTuiDeps(opts, dispatch);
-  const instance = render(/* @__PURE__ */ jsx10(App, { deps }));
+  const instance = render(/* @__PURE__ */ jsx11(App, { deps }));
   await instance.waitUntilExit();
 }
 async function runPalette(opts, dispatch) {
+  process.stdout.write("\x1B[2J\x1B[H");
   const deps = await buildTuiDeps(opts, dispatch);
-  const instance = render(/* @__PURE__ */ jsx10(App, { deps, initialMode: { kind: "palette" } }));
+  const instance = render(/* @__PURE__ */ jsx11(App, { deps, initialMode: { kind: "palette" } }));
   await instance.waitUntilExit();
 }
 async function buildTuiDeps(opts, dispatch) {