@noir-ai/cli 1.11.0 → 1.11.1-beta.1

package/dist/tui/index.js

@@ -2,12 +2,12 @@ import {
   DEFAULT_UPDATE_CONFIG,
   buildUpdateNotice,
   runAsyncUpdateCheck
-} from "./chunk-4OBUMHF6.js";
-import "./chunk-R6246ISQ.js";
+} from "./chunk-NLK6UNIA.js";
+import "./chunk-QF6777NJ.js";
 import {
   doctor,
   init
-} from "./chunk-2KJ27HGA.js";
+} from "./chunk-F6XRS72N.js";
 import {
   EXIT,
   NoirCliError,
@@ -30,7 +30,7 @@ import {
   tip,
   useColor,
   warn
-} from "./chunk-MD6WXZBF.js";
+} from "./chunk-R5YX44UL.js";
 
 // src/tui/index.tsx
 import { loadProjectInfo as loadProjectInfo9 } from "@noir-ai/core";
@@ -2965,7 +2965,7 @@ function createProgram() {
       const force = opts.force === true;
       const host = parseHost(opts.host);
       const dryRun = opts.dryRun === true || opts.preview === true;
-      const { create } = await import("./create-CFAXIIYW.js");
+      const { create } = await import("./create-WKFVM237.js");
       const result = await create(dir, {
         transport,
         url: opts.url,
@@ -3004,7 +3004,7 @@ function createProgram() {
     ).choices(SUPPORTED_HOSTS2)
   ).action(
     async (opts, cmd) => {
-      const { sync } = await import("./sync-Y7MTQ4JC.js");
+      const { sync } = await import("./sync-DUWJAF7Z.js");
       const host = parseHost(opts.host);
       const force = opts.force === true;
       const merge = opts.merge === true;
@@ -3066,7 +3066,7 @@ function createProgram() {
   program2.command("status").description("project + daemon + workflow + store snapshot").action(async (...args) => {
     await status(toStatusOptions(actionGlobals(args)));
   });
-  const contextGrp = program2.command("context").description("context engine (S6)");
+  const contextGrp = program2.command("context").description("context engine");
   contextGrp.command("search").description("hybrid search over the indexed context").argument("<query>", "search query").option("--limit <n>", "max results", "10").action(async (...args) => {
     const cmd = trailingCmd(args);
     const g = cmd.optsWithGlobals();
@@ -3155,17 +3155,17 @@ function createProgram() {
       "Usage: noir memory recall|save|sessions|forget|consolidate"
     );
   });
-  const skillsGrp = program2.command("skills").description("builtin skills (S5)");
+  const skillsGrp = program2.command("skills").description("builtin skills");
   skillsGrp.command("list").description("list installed Noir skills").action(async (...args) => {
     await skillsList(toCliOptions(actionGlobals(args)));
   });
   skillsGrp.command("sync").description("re-emit skills to the host skills dir").action(async (...args) => {
     await skillsSync(toCliOptions(actionGlobals(args)));
   });
-  skillsGrp.command("lint").description("structural quality gate over the shipped pack (C3)").action(async (...args) => {
+  skillsGrp.command("lint").description("structural quality gate over the shipped pack").action(async (...args) => {
     await skillsLint(toCliOptions(actionGlobals(args)));
   });
-  skillsGrp.command("registry").description("emit the runtime-derived skill registry (C3)").action(async (...args) => {
+  skillsGrp.command("registry").description("emit the runtime-derived skill registry").action(async (...args) => {
     await skillsRegistry(toCliOptions(actionGlobals(args)));
   });
   skillsGrp.action(() => {
@@ -3215,7 +3215,7 @@ function createProgram() {
   });
   taskGrp.command("decompose").description(
     "decompose a capability into buildable slices (template-only offline; see the spec)"
-  ).argument("<capability>", "capability id, e.g. C4").option("--out <path>", "output path for the SlicePlan JSON").action(async (...args) => {
+  ).argument("<capability>", "capability id").option("--out <path>", "output path for the slice-plan JSON").action(async (...args) => {
     const cmd = trailingCmd(args);
     const g = cmd.optsWithGlobals();
     const capability = typeof args[0] === "string" ? args[0] : "";
@@ -3307,7 +3307,7 @@ function createProgram() {
     "dismiss the migration banner for the current version (persists in install.json)"
   ).argument("[spec]", "channel ('latest'|'beta') or exact version (default: latest)").action(
     async (spec, opts, cmd) => {
-      const { install } = await import("./install-HZKZXBQD.js");
+      const { install } = await import("./install-JR6ZXNYA.js");
       const cli = cmd.optsWithGlobals();
       await install({
         ...cli,
@@ -3320,7 +3320,7 @@ function createProgram() {
   );
   installCmd.alias("migrate");
   program2.command("update").description("update Noir to the latest version via the active install method").option("--check", "check for a new version without changing anything").argument("[spec]", "channel ('latest'|'beta') or exact version (default: latest)").action(async (spec, opts, cmd) => {
-    const { update } = await import("./update-OM2EP2F5.js");
+    const { update } = await import("./update-PGAM6OVL.js");
     const cli = cmd.optsWithGlobals();
     await update({ ...cli, spec, check: opts.check === true });
   });
@@ -3348,6 +3348,7 @@ function createProgram() {
     const opts = toCliOptions(g);
     requireInteractive(opts, "`noir tui`");
     const tuiUrl = new URL("./tui/index.js", import.meta.url).href;
+    process.env.NODE_ENV ||= "production";
     const { runTui: runTui2 } = await import(
       /* @vite-ignore */
       tuiUrl
@@ -3367,6 +3368,7 @@ function createProgram() {
     const opts = toCliOptions(g);
     requireInteractive(opts, "`noir palette`");
     const tuiUrl = new URL("./tui/index.js", import.meta.url).href;
+    process.env.NODE_ENV ||= "production";
     const { runPalette: runPalette2 } = await import(
       /* @vite-ignore */
       tuiUrl
@@ -3381,9 +3383,10 @@ function createProgram() {
     };
     await runPalette2(opts, dispatch);
   });
-  program2.command("run").description("drive the host CLI headless and render its stream-json (v2)").argument("[prompt...]", "prompt to send to the host").addOption(new Option("--host <id>", "host to drive (default claude)").choices(SUPPORTED_HOSTS2)).option("--command <binary>", "custom host binary (e.g. claude-work)").action(async (...args) => {
-    const g = trailingCmd(args).optsWithGlobals();
-    const prompt = args.filter((a) => typeof a === "string").join(" ").trim();
+  program2.command("run").description("ask the host agent a question and print the answer").argument("[prompt...]", "prompt to send to the host").addOption(new Option("--host <id>", "host to drive (default claude)").choices(SUPPORTED_HOSTS2)).option("--command <binary>", "custom host binary (e.g. claude-work)").action(async (...args) => {
+    const cmd = trailingCmd(args);
+    const g = cmd.optsWithGlobals();
+    const prompt = cmd.args.join(" ").trim();
     const opts = {
       ...toCliOptions(g),
       ...typeof g.host === "string" ? { host: g.host } : {},
@@ -3443,7 +3446,7 @@ if (isMainModule) {
 
 // src/tui/App.tsx
 import { Box as Box5, Text as Text8, useApp, useInput } from "ink";
-import { useEffect, useState as useState2 } from "react";
+import { useEffect, useMemo, useState as useState2 } from "react";
 
 // src/tui/CommandInput.tsx
 import { Box, Text } from "ink";
@@ -3554,17 +3557,18 @@ function Header({ tagline }) {
 }
 
 // src/tui/hooks/useInputBuffer.ts
-import { useRef, useState } from "react";
+import { useCallback, useRef, useState } from "react";
+var MAX_HISTORY = 50;
 function useInputBuffer() {
   const [buffer, setBuffer] = useState("");
   const historyRef = useRef([]);
   const cursorRef = useRef(-1);
-  function pushHistory(text) {
+  const pushHistory = useCallback((text) => {
     if (text.length === 0) return;
     const history = historyRef.current.filter((e) => e !== text);
-    historyRef.current = [text, ...history];
-  }
-  function recall(dir) {
+    historyRef.current = [text, ...history].slice(0, MAX_HISTORY);
+  }, []);
+  const recall = useCallback((dir) => {
     const history = historyRef.current;
     if (history.length === 0) return null;
     let cursor = cursorRef.current;
@@ -3575,51 +3579,37 @@ function useInputBuffer() {
     }
     cursorRef.current = cursor;
     return cursor === -1 ? null : history[cursor] ?? null;
-  }
-  function clear() {
+  }, []);
+  const clear = useCallback(() => {
     setBuffer(() => "");
     cursorRef.current = -1;
-  }
-  function seed(entries) {
+  }, []);
+  const seed = useCallback((entries) => {
     historyRef.current = [...entries];
     cursorRef.current = -1;
-  }
+  }, []);
   return { buffer, setBuffer, pushHistory, recall, clear, seed };
 }
 
 // src/tui/OutputPane.tsx
 import { Text as Text4 } from "ink";
 import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function toRows(visible, baseIndex) {
+function toRows(visible) {
   const rows = [];
   const seen = /* @__PURE__ */ new Map();
   for (let i = 0; i < visible.length; i++) {
     const text = visible[i] ?? "";
     const n = (seen.get(text) ?? 0) + 1;
     seen.set(text, n);
-    rows.push({
-      key: n === 1 ? text || "_blank" : `${text || "_blank"}#${n}`,
-      text,
-      index: baseIndex + i
-    });
+    rows.push({ key: n === 1 ? text || "_blank" : `${text || "_blank"}#${n}`, text });
   }
   return rows;
 }
-function highlightFirst(text, query) {
-  if (query.length === 0) return text;
-  const idx = text.toLowerCase().indexOf(query.toLowerCase());
-  if (idx < 0) return text;
-  return `${text.slice(0, idx)}${c.bold(text.slice(idx, idx + query.length))}${text.slice(
-    idx + query.length
-  )}`;
-}
 function OutputPane({
   lines,
   scrollOffset,
   height = 12,
-  title,
-  highlightQuery,
-  activeLine
+  title
 }) {
   const width = contentWidth();
   if (lines.length === 0) {
@@ -3627,18 +3617,12 @@ function OutputPane({
   }
   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);
+  const rows = toRows(lines.slice(offset, offset + height));
   return /* @__PURE__ */ jsxs3(Fragment, { children: [
     title !== void 0 ? /* @__PURE__ */ jsx4(Text4, { wrap: "truncate-end", children: c.dim(`\u2500\u2500 ${title} \u2500\u2500`) }) : null,
     rows.map((row) => {
       const truncated = row.text.length > width ? `${row.text.slice(0, Math.max(1, width - 1))}\u2026` : row.text;
-      let body = truncated;
-      if (activeLine !== void 0 && row.index === activeLine) {
-        body = c.accent(truncated);
-      } else if (highlightQuery !== void 0 && highlightQuery.length > 0) {
-        body = highlightFirst(truncated, highlightQuery);
-      }
-      return /* @__PURE__ */ jsx4(Text4, { wrap: "truncate-end", children: body }, row.key);
+      return /* @__PURE__ */ jsx4(Text4, { wrap: "truncate-end", children: truncated }, row.key);
     })
   ] });
 }
@@ -3758,66 +3742,6 @@ var handRolledMatcher = {
 
 // src/tui/palette/Palette.tsx
 import { Box as Box4, Text as Text6 } from "ink";
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
-var PALETTE_WIDTH = 64;
-var VISIBLE_ROWS = 10;
-function highlight(label, matchedIndices) {
-  if (matchedIndices.length === 0) return /* @__PURE__ */ jsx7(Fragment2, { children: label });
-  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(Text6, { children: c.accent(ch) }, i) : /* @__PURE__ */ jsx7(Text6, { children: ch }, i));
-  }
-  return /* @__PURE__ */ jsx7(Fragment2, { children: chars });
-}
-function truncate2(label) {
-  const max = Math.max(20, PALETTE_WIDTH - 8);
-  return label.length > max ? `${label.slice(0, max - 1)}\u2026` : label;
-}
-function placeholder(corpus) {
-  if (corpus === "commands") return "type to search commands";
-  if (corpus === "output") return "type to filter output";
-  return "keybindings";
-}
-function Palette({ corpus, query, active, rows }) {
-  const visible = rows.slice(0, VISIBLE_ROWS);
-  const activeIndex = Math.min(Math.max(active, 0), Math.max(0, visible.length - 1));
-  const elements = [
-    /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsxs5(Text6, { children: [
-      c.bold("\u25B8 palette "),
-      /* @__PURE__ */ jsx7(Text6, { children: c.dim(`(${corpus} \xB7 ${visible.length} shown)`) })
-    ] }) }, "header"),
-    /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsxs5(Text6, { children: [
-      c.dim("> "),
-      query.length > 0 ? query : c.dim(placeholder(corpus)),
-      /* @__PURE__ */ jsx7(Text6, { children: c.dim("\u258C") })
-    ] }) }, "query")
-  ];
-  let lastGroup = null;
-  for (let i = 0; i < visible.length; i++) {
-    const row = visible[i];
-    if (!row) continue;
-    if (row.group !== null && row.group !== lastGroup) {
-      elements.push(
-        /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsx7(Text6, { children: c.dim(`\u2500\u2500 ${row.group} \u2500\u2500`) }) }, `cat:${row.group}`)
-      );
-      lastGroup = row.group;
-    }
-    const isActive = i === activeIndex;
-    elements.push(
-      /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsxs5(Text6, { children: [
-        isActive ? "\u25B8 " : "  ",
-        isActive ? c.accent(truncate2(row.primary)) : highlight(truncate2(row.primary), row.indices),
-        /* @__PURE__ */ jsx7(Text6, { children: c.dim(`  ${row.secondary}`) })
-      ] }) }, row.key)
-    );
-  }
-  return /* @__PURE__ */ jsxs5(Box4, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx7(Panel, { maxWidth: PALETTE_WIDTH, children: elements }),
-    /* @__PURE__ */ jsx7(Text6, { children: c.dim(LIST_NAV_HINT) })
-  ] });
-}
 
 // src/tui/palette/output.ts
 function computeMatches(lines, query) {
@@ -3833,6 +3757,7 @@ function computeMatches(lines, query) {
 // src/tui/palette/rows.ts
 var CORPORA = ["commands", "output", "help"];
 var MATCH_LIMIT = 20;
+var VISIBLE_ROWS = 10;
 function flattenHome(sections) {
   const out = [];
   for (const section of sections) {
@@ -3853,12 +3778,23 @@ function buildPaletteRows(input) {
       secondary: e.desc,
       argv: null,
       destructive: false,
-      indices: [],
       group: "keybindings"
     }));
   }
   if (corpus === "output") {
     const matches = computeMatches(outputLines, query);
+    if (query.length > 0 && matches.length === 0) {
+      return [
+        {
+          key: "empty",
+          primary: "(no matches)",
+          secondary: `nothing matches "${query}"`,
+          argv: null,
+          destructive: false,
+          group: null
+        }
+      ];
+    }
     if (matches.length === 0) {
       if (outputLines.length === 0) {
         return [
@@ -3868,7 +3804,6 @@ function buildPaletteRows(input) {
             secondary: "run a /command first",
             argv: null,
             destructive: false,
-            indices: [],
             group: null
           }
         ];
@@ -3879,8 +3814,7 @@ function buildPaletteRows(input) {
         secondary: String(i + 1),
         argv: null,
         destructive: false,
-        indices: [],
-        group: query.length === 0 ? null : "matches"
+        group: null
       }));
     }
     return matches.map((i) => ({
@@ -3889,7 +3823,6 @@ function buildPaletteRows(input) {
       secondary: String(i + 1),
       argv: null,
       destructive: false,
-      indices: [],
       group: "matches"
     }));
   }
@@ -3904,12 +3837,12 @@ function buildPaletteRows(input) {
         secondary: cmd.description,
         argv: cmd.argv,
         destructive: cmd.destructive,
-        indices: [],
         group: "recent"
       });
     }
     const homeIds = /* @__PURE__ */ new Set();
     for (const { group, action } of flattenHome(homeSections)) {
+      if (recentIds.has(action.id)) continue;
       const argv = action.dispatch ?? [action.id];
       homeIds.add(action.id);
       rows.push({
@@ -3918,7 +3851,6 @@ function buildPaletteRows(input) {
         secondary: action.hint,
         argv,
         destructive: action.destructive ?? false,
-        indices: [],
         group
       });
     }
@@ -3930,7 +3862,6 @@ function buildPaletteRows(input) {
         secondary: cmd.description,
         argv: cmd.argv,
         destructive: cmd.destructive,
-        indices: [],
         group: cmd.category
       });
     }
@@ -3942,11 +3873,105 @@ function buildPaletteRows(input) {
     secondary: m.item.description,
     argv: m.item.argv,
     destructive: m.item.destructive,
-    indices: m.matchedIndices,
     group: null
   }));
 }
 
+// src/tui/palette/Palette.tsx
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var PALETTE_WIDTH = 64;
+var LABEL_WIDTH = 26;
+var HINT_WIDTH = 34;
+function wrap(text, width) {
+  const words = text.split(/\s+/).filter((w) => w.length > 0);
+  const lines = [];
+  let cur = "";
+  for (const w of words) {
+    if (cur.length === 0) cur = w;
+    else if ((cur + " " + w).length <= width) cur = `${cur} ${w}`;
+    else {
+      lines.push(cur);
+      cur = w;
+    }
+  }
+  if (cur) lines.push(cur);
+  return lines;
+}
+function truncateLabel(label) {
+  const max = LABEL_WIDTH - 2;
+  return label.length > max ? `${label.slice(0, max - 1)}\u2026` : label;
+}
+function placeholder(corpus) {
+  if (corpus === "commands") return "type to search commands";
+  if (corpus === "output") return "type to filter output";
+  return "keybindings";
+}
+function Palette({ corpus, query, active, rows }) {
+  const total = rows.length;
+  const scroll = Math.max(0, Math.min(active - (VISIBLE_ROWS - 1), total - VISIBLE_ROWS));
+  const visible = rows.slice(scroll, scroll + VISIBLE_ROWS);
+  const activeIndex = Math.min(Math.max(active - scroll, 0), Math.max(0, visible.length - 1));
+  const elements = [
+    /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsxs5(Text6, { children: [
+      c.bold("\u25B8 palette "),
+      /* @__PURE__ */ jsx7(Text6, { children: c.dim(`\xB7 ${corpus}`) })
+    ] }) }, "header"),
+    /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsxs5(Text6, { children: [
+      c.dim("> "),
+      query.length > 0 ? query : c.dim(placeholder(corpus)),
+      /* @__PURE__ */ jsx7(Text6, { children: c.dim("\u258C") })
+    ] }) }, "query")
+  ];
+  let lastGroup = null;
+  for (let i = 0; i < visible.length; i++) {
+    const row = visible[i];
+    if (!row) continue;
+    if (row.group !== null && row.group !== lastGroup) {
+      if (lastGroup !== null) {
+        elements.push(
+          /* @__PURE__ */ jsx7(Box4, { children: /* @__PURE__ */ jsx7(Text6, { children: " " }) }, `gap:${row.group}`)
+        );
+      }
+      elements.push(
+        /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsx7(Text6, { children: c.bold(`\u2500\u2500 ${row.group} \u2500\u2500`) }) }, `cat:${row.group}`)
+      );
+      lastGroup = row.group;
+    }
+    const isActive = i === activeIndex;
+    const prefix = isActive ? "\u25B8 " : "  ";
+    const label = truncateLabel(row.primary);
+    const labelCol = (prefix + label).padEnd(LABEL_WIDTH);
+    const hintRaw = row.argv ? `/${row.argv.join(" ")}` : row.secondary;
+    const hint = hintRaw.length > HINT_WIDTH ? `${hintRaw.slice(0, HINT_WIDTH - 1)}\u2026` : hintRaw;
+    if (isActive) {
+      elements.push(
+        /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsx7(Text6, { children: c.inverse(`${labelCol}${hint}`) }) }, row.key)
+      );
+    } else {
+      elements.push(
+        /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsxs5(Text6, { children: [
+          c.bold(labelCol),
+          hint.length > 0 ? c.dim(hint) : null
+        ] }) }, row.key)
+      );
+    }
+    if (isActive && row.argv && row.secondary) {
+      const detailLines = wrap(row.secondary, PALETTE_WIDTH - 12);
+      for (let di = 0; di < detailLines.length; di++) {
+        const line = detailLines[di] ?? "";
+        const prefix2 = di === 0 ? "  \u21B3 " : "    ";
+        elements.push(
+          /* @__PURE__ */ jsx7(Box4, { paddingX: 1, children: /* @__PURE__ */ jsx7(Text6, { children: c.dim(`${prefix2}${line}`) }) }, `${row.key}:d:${di}`)
+        );
+      }
+    }
+  }
+  return /* @__PURE__ */ jsxs5(Box4, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx7(Panel, { maxWidth: PALETTE_WIDTH, children: elements }),
+    /* @__PURE__ */ jsx7(Text6, { children: c.dim(LIST_NAV_HINT) })
+  ] });
+}
+
 // src/tui/StatusBar.tsx
 import { Text as Text7 } from "ink";
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -4030,31 +4055,30 @@ function App({
     };
   }, [deps.commands]);
   useEffect(() => {
-    if (running) return;
+    if (running || mode.kind !== "dashboard") return;
     let cancelled = false;
+    let inFlight = false;
+    const fetched = (p) => {
+      inFlight = false;
+      if (cancelled) return;
+      setPayload(p);
+      setLoading(false);
+    };
     setLoading(true);
-    void deps.fetchStatus().then((p) => {
-      if (!cancelled) {
-        setPayload(p);
-        setLoading(false);
-      }
-    }).catch(() => {
-      if (!cancelled) {
-        setPayload(null);
-        setLoading(false);
-      }
-    });
+    inFlight = true;
+    void deps.fetchStatus().then(fetched).catch(() => fetched(null));
     const id = setInterval(() => {
-      void deps.fetchStatus().then((p) => {
-        if (!cancelled) setPayload(p);
-      }).catch(() => {
+      if (inFlight) return;
+      inFlight = true;
+      void deps.fetchStatus().then(fetched).catch(() => {
+        inFlight = false;
       });
     }, refreshMs);
     return () => {
       cancelled = true;
       clearInterval(id);
     };
-  }, [running, refreshMs, deps]);
+  }, [running, mode.kind, refreshMs, deps.fetchStatus]);
   useEffect(() => {
     if (pending === null) return;
     const argv = pending;
@@ -4076,7 +4100,7 @@ function App({
     return () => {
       active = false;
     };
-  }, [pending, deps]);
+  }, [pending, deps.dispatch]);
   function dispatchCmd(argv) {
     setOutput(null);
     setRunning(true);
@@ -4188,9 +4212,15 @@ function App({
       setBuffer((b) => b + input);
     }
   }
+  function moveActive(delta) {
+    const max = Math.max(0, paletteRows.length - 1);
+    setPaletteActive((a) => Math.min(max, Math.max(0, a + delta)));
+  }
   function handlePaletteInput(input, key) {
     if (mode.kind !== "palette") return;
     if (key.escape) {
+      setPaletteQuery("");
+      setPaletteActive(0);
       setMode({ kind: "dashboard" });
       return;
     }
@@ -4201,8 +4231,8 @@ function App({
       return;
     }
     if (mode.corpus === "help") {
-      if (key.upArrow) setPaletteActive((a) => Math.max(0, a - 1));
-      else if (key.downArrow) setPaletteActive((a) => a + 1);
+      if (key.upArrow) moveActive(-1);
+      else if (key.downArrow) moveActive(1);
       return;
     }
     if (key.return) {
@@ -4210,16 +4240,16 @@ function App({
         const row = paletteRows[paletteActive];
         if (row?.argv) handleRun(row.argv, row.destructive);
       } else {
-        setPaletteActive((a) => a + 1);
+        moveActive(1);
       }
       return;
     }
     if (key.upArrow) {
-      setPaletteActive((a) => Math.max(0, a - 1));
+      moveActive(-1);
       return;
     }
     if (key.downArrow) {
-      setPaletteActive((a) => a + 1);
+      moveActive(1);
       return;
     }
     if (key.backspace || key.delete) {
@@ -4282,16 +4312,18 @@ function App({
     dispatchCmd(argv);
     void recordRuns(argv);
   }
-  const paletteCorpus = mode.kind === "palette" ? mode.corpus : "commands";
-  const paletteRows = buildPaletteRows({
-    corpus: paletteCorpus,
-    query: paletteQuery,
-    commands: deps.commands ?? [],
-    matcher: deps.matcher ?? handRolledMatcher,
-    recent,
-    homeSections,
-    outputLines: searchLines
-  });
+  const paletteRows = useMemo(
+    () => buildPaletteRows({
+      corpus: mode.kind === "palette" ? mode.corpus : "commands",
+      query: paletteQuery,
+      commands: deps.commands ?? [],
+      matcher: deps.matcher ?? handRolledMatcher,
+      recent,
+      homeSections,
+      outputLines: searchLines
+    }),
+    [mode, paletteQuery, deps.commands, deps.matcher, recent, homeSections, searchLines]
+  );
   if (mode.kind === "palette") {
     return /* @__PURE__ */ jsxs7(Box5, { flexDirection: "column", children: [
       /* @__PURE__ */ jsx9(Header, { tagline: `palette \xB7 ${mode.corpus}` }),