@wrongstack/tui 0.282.1 → 0.282.2

package/dist/index.js

@@ -1667,6 +1667,11 @@ function closePanels(state) {
     settingsPicker: { ...state.settingsPicker, open: false },
     statuslinePicker: { ...state.statuslinePicker, open: false },
     pluginPicker: { ...state.pluginPicker, open: false },
+    mcpPicker: { ...state.mcpPicker, open: false },
+    toolsPicker: { ...state.toolsPicker, open: false },
+    brainPanel: { ...state.brainPanel, open: false },
+    helpPanel: { ...state.helpPanel, open: false },
+    shadowPanel: { ...state.shadowPanel, open: false },
     authPanel: { ...state.authPanel, open: false, busy: false },
     projectPicker: { ...state.projectPicker, open: false },
     fKeyPicker: { ...state.fKeyPicker, open: false },
@@ -3168,6 +3173,181 @@ function reducer(state, action) {
       return { ...state, pluginPicker: { ...state.pluginPicker, busy: action.busy } };
     case "pluginPickerHint":
       return { ...state, pluginPicker: { ...state.pluginPicker, hint: action.text } };
+    case "mcpPickerOpen": {
+      const items = action.items ?? state.mcpPicker.items;
+      return {
+        ...state,
+        ...closePanels(state),
+        mcpPicker: {
+          open: true,
+          items,
+          selected: Math.min(state.mcpPicker.selected, Math.max(0, items.length - 1)),
+          busy: items.length === 0,
+          hint: void 0
+        }
+      };
+    }
+    case "mcpPickerClose":
+      return { ...state, mcpPicker: { ...state.mcpPicker, open: false, busy: false } };
+    case "mcpPickerMove": {
+      const count = state.mcpPicker.items.length;
+      if (count === 0) return state;
+      return {
+        ...state,
+        mcpPicker: {
+          ...state.mcpPicker,
+          selected: (state.mcpPicker.selected + action.delta + count) % count,
+          hint: void 0
+        }
+      };
+    }
+    case "mcpPickerSetItems":
+      return {
+        ...state,
+        mcpPicker: {
+          ...state.mcpPicker,
+          items: action.items,
+          selected: Math.min(state.mcpPicker.selected, Math.max(0, action.items.length - 1)),
+          busy: false
+        }
+      };
+    case "mcpPickerBusy":
+      return { ...state, mcpPicker: { ...state.mcpPicker, busy: action.busy } };
+    case "mcpPickerHint":
+      return { ...state, mcpPicker: { ...state.mcpPicker, hint: action.text } };
+    case "toolsPickerOpen": {
+      const items = action.items ?? state.toolsPicker.items;
+      return {
+        ...state,
+        ...closePanels(state),
+        toolsPicker: {
+          open: true,
+          items,
+          selected: Math.min(state.toolsPicker.selected, Math.max(0, items.length - 1)),
+          busy: items.length === 0,
+          hint: void 0,
+          filter: void 0
+        }
+      };
+    }
+    case "toolsPickerClose":
+      return { ...state, toolsPicker: { ...state.toolsPicker, open: false, busy: false, filter: void 0 } };
+    case "toolsPickerMove": {
+      const count = state.toolsPicker.items.length;
+      if (count === 0) return state;
+      return {
+        ...state,
+        toolsPicker: {
+          ...state.toolsPicker,
+          selected: (state.toolsPicker.selected + action.delta + count) % count,
+          hint: void 0
+        }
+      };
+    }
+    case "toolsPickerSetItems":
+      return {
+        ...state,
+        toolsPicker: {
+          ...state.toolsPicker,
+          items: action.items,
+          selected: Math.min(state.toolsPicker.selected, Math.max(0, action.items.length - 1)),
+          busy: false
+        }
+      };
+    case "toolsPickerToggle":
+      return state;
+    case "toolsPickerBusy":
+      return { ...state, toolsPicker: { ...state.toolsPicker, busy: action.busy } };
+    case "toolsPickerHint":
+      return { ...state, toolsPicker: { ...state.toolsPicker, hint: action.text } };
+    case "toolsPickerFilter":
+      return { ...state, toolsPicker: { ...state.toolsPicker, filter: action.filter } };
+    case "brainOpen": {
+      return {
+        ...state,
+        ...closePanels(state),
+        brainPanel: {
+          open: true,
+          riskLevel: action.riskLevel,
+          log: action.log,
+          selected: 0,
+          hint: void 0
+        }
+      };
+    }
+    case "brainClose":
+      return { ...state, brainPanel: { ...state.brainPanel, open: false } };
+    case "brainMove": {
+      const count = state.brainPanel.log.length;
+      if (count === 0) return state;
+      return {
+        ...state,
+        brainPanel: {
+          ...state.brainPanel,
+          selected: (state.brainPanel.selected + action.delta + count) % count,
+          hint: void 0
+        }
+      };
+    }
+    case "brainRiskChange": {
+      const levels = ["off", "low", "medium", "high", "all"];
+      const cur = levels.indexOf(state.brainPanel.riskLevel);
+      const next = (cur + action.delta + levels.length) % levels.length;
+      return {
+        ...state,
+        brainPanel: {
+          ...state.brainPanel,
+          riskLevel: levels[next]
+        }
+      };
+    }
+    case "brainSetLog":
+      return {
+        ...state,
+        brainPanel: {
+          ...state.brainPanel,
+          log: action.log,
+          selected: Math.min(state.brainPanel.selected, Math.max(0, action.log.length - 1))
+        }
+      };
+    case "brainHint":
+      return { ...state, brainPanel: { ...state.brainPanel, hint: action.text } };
+    case "helpOpen":
+      return {
+        ...state,
+        ...closePanels(state),
+        helpPanel: { open: true, entries: action.entries, selected: 0, filter: "", hint: void 0 }
+      };
+    case "helpClose":
+      return { ...state, helpPanel: { ...state.helpPanel, open: false, filter: "" } };
+    case "helpMove": {
+      const count = state.helpPanel.entries.length;
+      if (count === 0) return state;
+      return {
+        ...state,
+        helpPanel: {
+          ...state.helpPanel,
+          selected: (state.helpPanel.selected + action.delta + count) % count,
+          hint: void 0
+        }
+      };
+    }
+    case "helpFilter":
+      return { ...state, helpPanel: { ...state.helpPanel, filter: action.filter, selected: 0 } };
+    case "helpHint":
+      return { ...state, helpPanel: { ...state.helpPanel, hint: action.text } };
+    case "shadowOpen":
+      return {
+        ...state,
+        ...closePanels(state),
+        shadowPanel: { open: true, shadow: action.shadow, hint: void 0 }
+      };
+    case "shadowClose":
+      return { ...state, shadowPanel: { ...state.shadowPanel, open: false } };
+    case "shadowUpdate":
+      return { ...state, shadowPanel: { ...state.shadowPanel, shadow: action.shadow } };
+    case "shadowHint":
+      return { ...state, shadowPanel: { ...state.shadowPanel, hint: action.text } };
     case "authOpen":
       return {
         ...state,
@@ -12599,7 +12779,135 @@ function PlanRow({ item }) {
     ] }) : null
   ] });
 }
-var CHROME_ROWS2 = 17;
+var CHROME_ROWS2 = 14;
+var RISK_DESCS = {
+  off: "Human decides everything",
+  low: "Auto-decide low risk only",
+  medium: "Auto-decide up to medium risk",
+  high: "Auto-decide up to high risk",
+  all: "Auto-decide everything"
+};
+var RISK_COLORS2 = {
+  off: "gray",
+  low: "green",
+  medium: "yellow",
+  high: "red",
+  all: "magenta"
+};
+function BrainPanel({
+  riskLevel,
+  log,
+  selected,
+  hint
+}) {
+  const { stdout } = useStdout();
+  const termRows = stdout?.rows ?? 24;
+  const maxVisible = Math.max(4, termRows - CHROME_ROWS2);
+  const total = log.length;
+  const windowStart = total <= maxVisible ? 0 : Math.max(0, Math.min(selected - Math.floor(maxVisible / 2), total - maxVisible));
+  const windowEnd = Math.min(windowStart + maxVisible, total);
+  const above = windowStart;
+  const below = total - windowEnd;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "magenta", children: "\u2501\u2501 Brain \u2501\u2501" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate log \xB7 \u2190/\u2192 change risk \xB7 Esc close" }),
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, children: "Risk ceiling: " }),
+        /* @__PURE__ */ jsx(Text, { color: RISK_COLORS2[riskLevel], bold: true, children: riskLevel.toUpperCase() }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  ${RISK_DESCS[riskLevel]}` })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, color: "blue", children: "Recent decisions" }),
+        total === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  No decisions recorded yet this session." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          above > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2191 ${above} more` }) : null,
+          log.slice(windowStart, windowEnd).map((entry, i) => {
+            const index = windowStart + i;
+            const focused = index === selected;
+            return /* @__PURE__ */ jsxs(
+              Text,
+              {
+                inverse: focused,
+                ...focused ? { color: "magenta" } : {},
+                wrap: "truncate-end",
+                children: [
+                  focused ? "\u203A " : "  ",
+                  /* @__PURE__ */ jsx(Text, { dimColor: true, children: entry.age.padEnd(8) }),
+                  /* @__PURE__ */ jsx(Text, { color: "cyan", children: entry.kind.padEnd(12) }),
+                  /* @__PURE__ */ jsx(Text, { children: entry.question.length > 60 ? `${entry.question.slice(0, 57)}\u2026` : entry.question }),
+                  entry.outcome ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: ` \u2192 ${entry.outcome.length > 20 ? `${entry.outcome.slice(0, 17)}\u2026` : entry.outcome}` }) : null
+                ]
+              },
+              `${entry.kind}-${i}`
+            );
+          }),
+          below > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2193 ${below} more` }) : null
+        ] })
+      ] })
+    ] }),
+    hint ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint }) }) : null
+  ] });
+}
+var CHROME_ROWS3 = 17;
+function statusBadge(status, enabled) {
+  if (!enabled) return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u25CB disabled" });
+  switch (status) {
+    case "connected":
+      return /* @__PURE__ */ jsx(Text, { color: "green", children: "\u25CF connected" });
+    case "connecting":
+      return /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u25D0 connecting" });
+    case "reconnecting":
+      return /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u25D1 reconnecting" });
+    case "disconnected":
+      return /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u25CB disconnected" });
+    case "failed":
+      return /* @__PURE__ */ jsx(Text, { color: "red", children: "\u2717 failed" });
+    default:
+      return /* @__PURE__ */ jsx(Text, { dimColor: true, children: status });
+  }
+}
+function McpPicker({
+  items,
+  selected,
+  busy = false,
+  hint
+}) {
+  const { stdout } = useStdout();
+  const rows = stdout?.rows ?? 24;
+  const maxVisible = Math.max(4, rows - CHROME_ROWS3);
+  const total = items.length;
+  const windowStart = total <= maxVisible ? 0 : Math.max(0, Math.min(selected - Math.floor(maxVisible / 2), total - maxVisible));
+  const windowEnd = Math.min(windowStart + maxVisible, total);
+  const above = windowStart;
+  const below = total - windowEnd;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "MCP Servers" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 select \xB7 Enter/\u2190/\u2192 toggle enable \xB7 r restart \xB7 Esc close" }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "column", children: items.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: busy ? "Loading servers\u2026" : "No MCP servers configured." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      above > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2191 ${above} more` }) : null,
+      items.slice(windowStart, windowEnd).map((item, i) => {
+        const index = windowStart + i;
+        const focused = index === selected;
+        const marker = focused ? "\u203A" : " ";
+        return /* @__PURE__ */ jsxs(Text, { color: focused ? "cyan" : void 0, wrap: "truncate-end", children: [
+          marker,
+          " ",
+          statusBadge(item.status, item.enabled),
+          " ",
+          /* @__PURE__ */ jsx(Text, { bold: true, children: item.name.padEnd(18) }),
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            item.transport.padEnd(14),
+            item.toolCount > 0 ? `${item.toolCount} tools` : "",
+            item.lazy ? " lazy" : ""
+          ] })
+        ] }, item.name);
+      }),
+      below > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2193 ${below} more` }) : null
+    ] }) }),
+    hint ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint }) }) : null
+  ] });
+}
+var CHROME_ROWS4 = 17;
 function PluginPicker({
   items,
   selected,
@@ -12608,7 +12916,7 @@ function PluginPicker({
 }) {
   const { stdout } = useStdout();
   const rows = stdout?.rows ?? 24;
-  const maxVisible = Math.max(4, rows - CHROME_ROWS2);
+  const maxVisible = Math.max(4, rows - CHROME_ROWS4);
   const total = items.length;
   const windowStart = total <= maxVisible ? 0 : Math.max(0, Math.min(selected - Math.floor(maxVisible / 2), total - maxVisible));
   const windowEnd = Math.min(windowStart + maxVisible, total);
@@ -12654,6 +12962,334 @@ function PluginPicker({
     hint ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint }) }) : null
   ] });
 }
+var CHROME_ROWS5 = 15;
+function formatCount(noun, count) {
+  return `${count} ${noun}${count === 1 ? "" : "s"}`;
+}
+function toolActionLabel(enabled) {
+  return enabled ? "Enter disables this tool" : "Enter re-enables this tool";
+}
+function statusBadge2(enabled) {
+  return enabled ? /* @__PURE__ */ jsx(Text, { color: "green", children: "\u25CF active" }) : /* @__PURE__ */ jsx(Text, { color: "red", children: "\u25CB disabled" });
+}
+function rwBadge(mutating) {
+  return mutating ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: "mut" }) : /* @__PURE__ */ jsx(Text, { color: "cyan", children: "ro" });
+}
+function displayCategory(cat) {
+  if (!cat || cat.trim() === "") return "Other";
+  return cat.charAt(0).toUpperCase() + cat.slice(1);
+}
+function buildRows(items) {
+  const rows = [];
+  let lastCat = "";
+  for (let i = 0; i < items.length; i++) {
+    const item = items[i];
+    const cat = displayCategory(item.category);
+    if (cat !== lastCat) {
+      lastCat = cat;
+      rows.push({ type: "header", category: cat });
+    }
+    rows.push({ type: "item", item, index: i });
+  }
+  return rows;
+}
+function windowRows(rows, focus, max) {
+  if (rows.length <= max) {
+    return { rows, start: 0, end: rows.length, contextHeader: null };
+  }
+  let start = focus - Math.floor(max / 2);
+  if (start < 0) start = 0;
+  let end = start + max;
+  if (end > rows.length) {
+    end = rows.length;
+    start = end - max;
+  }
+  let contextHeader = null;
+  if (start > 0) {
+    const first = rows[start];
+    if (first && first.type === "item") {
+      for (let i = start - 1; i >= 0; i--) {
+        const r = rows[i];
+        if (r && r.type === "header") {
+          contextHeader = r.category;
+          break;
+        }
+      }
+    }
+  }
+  return { rows: rows.slice(start, end), start, end, contextHeader };
+}
+function ToolsPicker({
+  items,
+  selected,
+  busy = false,
+  hint,
+  filter
+}) {
+  const { stdout } = useStdout();
+  const termRows = stdout?.rows ?? 24;
+  const maxVisible = Math.max(6, termRows - CHROME_ROWS5);
+  const total = items.length;
+  let visibleItems;
+  let visibleSelected;
+  const filterActive = Boolean(filter && filter.length > 0);
+  if (filterActive) {
+    const q = filter.toLowerCase();
+    visibleItems = items.filter(
+      (it) => it.name.toLowerCase().includes(q) || it.owner.toLowerCase().includes(q) || it.description.toLowerCase().includes(q)
+    );
+    const rawSelected = items[selected];
+    visibleSelected = rawSelected ? visibleItems.indexOf(rawSelected) : 0;
+    if (visibleSelected < 0) visibleSelected = 0;
+  } else {
+    visibleItems = items;
+    visibleSelected = selected;
+  }
+  const rows = buildRows(visibleItems);
+  const enabledCount = items.filter((item) => item.enabled).length;
+  const disabledCount = total - enabledCount;
+  const selectedItem = visibleItems[visibleSelected];
+  let displayRows;
+  let hiddenAbove = 0;
+  let hiddenBelow = 0;
+  let contextHeader = null;
+  if (filterActive) {
+    displayRows = rows;
+  } else {
+    const selectedRowIdx = rows.findIndex(
+      (r) => r.type === "item" && r.index === visibleSelected
+    );
+    const win = windowRows(
+      rows,
+      selectedRowIdx < 0 ? 0 : selectedRowIdx,
+      maxVisible
+    );
+    displayRows = win.rows;
+    hiddenAbove = win.start;
+    hiddenBelow = rows.length - win.end;
+    contextHeader = win.contextHeader;
+  }
+  const hasFilter = filterActive;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "green", children: "\u2501\u2501 Tools \u2501\u2501" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: hasFilter ? `Filter: ${filter} (${visibleItems.length} match${visibleItems.length === 1 ? "" : "es"}) \xB7 Backspace edit \xB7 Esc clear` : `\u2191/\u2193 select \xB7 type to filter \xB7 Enter toggles \xB7 Esc close \xB7 ${formatCount("active", enabledCount)} / ${formatCount("disabled", disabledCount)}` }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Disabled tools stay listed here so you can select them and re-enable them later." }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "column", children: total === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: busy ? "Loading tools\u2026" : "No tools registered." }) : visibleItems.length === 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      'No tools match "',
+      filter,
+      '".'
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      hiddenAbove > 0 && !hasFilter ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2191 ${hiddenAbove} more` }) : null,
+      contextHeader && !hasFilter ? /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", dimColor: true, children: [
+        "  ",
+        contextHeader
+      ] }) : null,
+      displayRows.map((row) => {
+        if (row.type === "header") {
+          return /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", dimColor: true, children: [
+            "  ",
+            row.category
+          ] }, `cat-${row.category}`);
+        }
+        const { item, index } = row;
+        const focused = index === visibleSelected;
+        return /* @__PURE__ */ jsxs(
+          Text,
+          {
+            inverse: focused,
+            ...focused ? { color: "green" } : {},
+            wrap: "truncate-end",
+            children: [
+              focused ? "\u203A " : "  ",
+              statusBadge2(item.enabled),
+              " ",
+              /* @__PURE__ */ jsx(Text, { bold: true, children: item.name.padEnd(20) }),
+              /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                `[${item.owner}]`.padEnd(22),
+                rwBadge(item.mutating),
+                " ",
+                " ",
+                item.permission.padEnd(6),
+                " ",
+                " ",
+                /* @__PURE__ */ jsxs(Text, { color: item.descMode === "simple" ? "yellow" : void 0, children: [
+                  "desc:",
+                  item.descMode
+                ] })
+              ] })
+            ]
+          },
+          item.name
+        );
+      }),
+      hiddenBelow > 0 && !hasFilter ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2193 ${hiddenBelow} more` }) : null
+    ] }) }),
+    selectedItem ? /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs(Text, { children: [
+        /* @__PURE__ */ jsx(Text, { color: selectedItem.enabled ? "green" : "red", children: toolActionLabel(selectedItem.enabled) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: ` \xB7 ${selectedItem.mutating ? "Mutating" : "Read-only"} \xB7 permission: ${selectedItem.permission} \xB7 descriptions: ${selectedItem.descMode}` })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "truncate-end", children: selectedItem.description || "No description provided." })
+    ] }) : null,
+    hint ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint }) }) : null
+  ] });
+}
+var CATEGORY_ORDER = ["Run", "Session", "Inspect", "Agent", "Config", "App"];
+var CHROME_ROWS6 = 7;
+function normalizeQuery(raw) {
+  return raw.trim().toLowerCase();
+}
+function buildRows2(entries) {
+  const rows = [];
+  let lastCat = "";
+  for (let i = 0; i < entries.length; i++) {
+    const e = entries[i];
+    const cat = e.category || "App";
+    if (cat !== lastCat) {
+      lastCat = cat;
+      rows.push({ type: "header", category: cat });
+    }
+    rows.push({ type: "item", entry: e, index: i });
+  }
+  return rows;
+}
+function windowRows2(rows, focus, max) {
+  if (rows.length <= max) {
+    return { rows, start: 0, end: rows.length, contextHeader: null };
+  }
+  let start = focus - Math.floor(max / 2);
+  if (start < 0) start = 0;
+  let end = start + max;
+  if (end > rows.length) {
+    end = rows.length;
+    start = end - max;
+  }
+  let contextHeader = null;
+  if (start > 0) {
+    const first = rows[start];
+    if (first && first.type === "item") {
+      for (let i = start - 1; i >= 0; i--) {
+        const r = rows[i];
+        if (r && r.type === "header") {
+          contextHeader = r.category;
+          break;
+        }
+      }
+    }
+  }
+  return { rows: rows.slice(start, end), start, end, contextHeader };
+}
+function HelpPanel({
+  entries,
+  filter,
+  selected,
+  hint
+}) {
+  const { stdout } = useStdout();
+  const termRows = stdout?.rows ?? 24;
+  const maxVisible = Math.max(6, termRows - CHROME_ROWS6);
+  const query = normalizeQuery(filter);
+  const filtered = query ? entries.filter(
+    (e) => e.name.toLowerCase().includes(query) || e.description.toLowerCase().includes(query) || e.category.toLowerCase().includes(query) || (e.aliases ?? []).some((a) => a.toLowerCase().includes(query))
+  ) : entries;
+  filtered.sort((a, b) => {
+    const ai = CATEGORY_ORDER.indexOf(a.category);
+    const bi = CATEGORY_ORDER.indexOf(b.category);
+    if (ai !== bi) return ai - bi;
+    return a.name.localeCompare(b.name);
+  });
+  const rows = buildRows2(filtered);
+  const focus = Math.min(selected, Math.max(0, filtered.length - 1));
+  const selectedRowIdx = rows.findIndex((r) => r.type === "item" && r.index === focus);
+  const win = windowRows2(rows, selectedRowIdx < 0 ? 0 : selectedRowIdx, maxVisible);
+  const { rows: visible, start, end, contextHeader } = win;
+  const hiddenAbove = start;
+  const hiddenBelow = rows.length - end;
+  const hasFilter = query.length > 0;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "\u2501\u2501 Help / Command Palette \u2501\u2501" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: hasFilter ? `Filter: ${filter} (${filtered.length} match${filtered.length === 1 ? "" : "es"})` : "\u2191/\u2193 navigate \xB7 Enter run \xB7 Tab fill \xB7 type to filter \xB7 Esc close" }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "column", children: filtered.length === 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      'No commands match "',
+      filter,
+      '".'
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      hiddenAbove > 0 && !hasFilter ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2191 ${hiddenAbove} more` }) : null,
+      contextHeader && !hasFilter ? /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", dimColor: true, children: [
+        "  ",
+        contextHeader
+      ] }) : null,
+      visible.map((row) => {
+        if (row.type === "header") {
+          return /* @__PURE__ */ jsxs(Text, { bold: true, color: "yellow", dimColor: true, children: [
+            "  ",
+            row.category
+          ] }, `cat-${row.category}`);
+        }
+        const { entry, index } = row;
+        const isSelected = index === focus;
+        return /* @__PURE__ */ jsxs(
+          Text,
+          {
+            inverse: isSelected,
+            ...isSelected ? { color: "cyan" } : {},
+            wrap: "truncate-end",
+            children: [
+              isSelected ? "\u203A " : "  ",
+              /* @__PURE__ */ jsxs(Text, { bold: true, children: [
+                "/",
+                entry.name
+              ] }),
+              entry.aliases && entry.aliases.length > 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                " (",
+                entry.aliases.map((a) => `/${a}`).join(", "),
+                ")"
+              ] }) : null,
+              /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                " \u2014 ",
+                entry.description
+              ] }),
+              entry.argsHint ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+                " ",
+                entry.argsHint
+              ] }) : null
+            ]
+          },
+          entry.name
+        );
+      }),
+      hiddenBelow > 0 && !hasFilter ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u2193 ${hiddenBelow} more` }) : null
+    ] }) }),
+    hint ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint }) }) : null
+  ] });
+}
+function ShadowPanel({
+  shadow,
+  hint
+}) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "blue", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Text, { bold: true, color: "blue", children: "\u2501\u2501 Shadow Agent \u2501\u2501" }),
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: "s start \xB7 t stop \xB7 i cycle interval \xB7 m cycle model \xB7 Esc close" }),
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, children: "Status: " }),
+        shadow.running ? /* @__PURE__ */ jsx(Text, { color: "green", children: "\u25CF running" }) : /* @__PURE__ */ jsx(Text, { color: "gray", children: "\u25CB stopped" }),
+        shadow.activeId ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  ${shadow.activeId.slice(0, 12)}\u2026` }) : null
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, children: "Model: " }),
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: shadow.model })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, children: "Interval: " }),
+        /* @__PURE__ */ jsx(Text, { color: "yellow", children: shadow.intervalMs >= 1e3 ? `${shadow.intervalMs / 1e3}s` : `${shadow.intervalMs}ms` }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "  (min 5s)" })
+      ] }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: shadow.running ? "Press t to stop the Shadow Agent" : "Press s to start the Shadow Agent" }) })
+    ] }),
+    hint ? /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint }) }) : null
+  ] });
+}
 function ProcessListMonitor() {
   const [, setTick] = useState(0);
   const [selectedIndex, setSelectedIndex] = useState(0);
@@ -13336,7 +13972,7 @@ function SlashMenu({ query, matches, selected }) {
     rows.push({ type: "item", match: m, index: i });
   }
   const selectedRowIdx = rows.findIndex((r) => r.type === "item" && r.index === selected);
-  const visible = windowRows(rows, selectedRowIdx < 0 ? 0 : selectedRowIdx, MAX_VISIBLE_ITEMS);
+  const visible = windowRows3(rows, selectedRowIdx < 0 ? 0 : selectedRowIdx, MAX_VISIBLE_ITEMS);
   const hiddenAbove = visible.start;
   const hiddenBelow = rows.length - visible.end;
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
@@ -13388,7 +14024,7 @@ function SlashMenu({ query, matches, selected }) {
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500\u2500\u2500 \u2191\u2193 nav \xB7 Enter run \xB7 Tab fill \xB7 Esc close" })
   ] });
 }
-function windowRows(rows, focus, max) {
+function windowRows3(rows, focus, max) {
   if (rows.length <= max) {
     return { rows, start: 0, end: rows.length, contextHeader: null };
   }
@@ -13921,6 +14557,11 @@ function createInitialState(options) {
       hint: void 0
     },
     pluginPicker: { open: false, items: [], selected: 0, busy: false, hint: void 0 },
+    mcpPicker: { open: false, items: [], selected: 0, busy: false, hint: void 0 },
+    toolsPicker: { open: false, items: [], selected: 0, busy: false, hint: void 0, filter: void 0 },
+    brainPanel: { open: false, riskLevel: "medium", log: [], selected: 0, hint: void 0 },
+    helpPanel: { open: false, entries: [], selected: 0, filter: "", hint: void 0 },
+    shadowPanel: { open: false, shadow: { activeId: null, running: false, model: "", intervalMs: 3e4 }, hint: void 0 },
     authPanel: AUTH_PANEL_INITIAL,
     projectPicker: {
       open: false,
@@ -15474,6 +16115,145 @@ function usePickerKeys(host) {
         }
         return true;
       }
+      if (state.mcpPicker.open) {
+        if (key.escape) {
+          dispatch({ type: "mcpPickerClose" });
+          return true;
+        }
+        if (key.mouse?.kind === "wheel") {
+          dispatch({ type: "mcpPickerMove", delta: key.mouse.wheel > 0 ? -1 : 1 });
+          return true;
+        }
+        if (key.upArrow) {
+          dispatch({ type: "mcpPickerMove", delta: -1 });
+          return true;
+        }
+        if (key.downArrow) {
+          dispatch({ type: "mcpPickerMove", delta: 1 });
+          return true;
+        }
+        if (input === "r" || input === "R") {
+          void host.onMcpPickerRestart?.();
+          return true;
+        }
+        if (key.leftArrow || key.rightArrow || isEnter) {
+          if (debouncedEnter(host)) return true;
+          void host.onMcpPickerToggle?.();
+          return true;
+        }
+        return true;
+      }
+      if (state.toolsPicker.open) {
+        if (key.escape) {
+          if (state.toolsPicker.filter) {
+            dispatch({ type: "toolsPickerFilter", filter: "" });
+          } else {
+            dispatch({ type: "toolsPickerClose" });
+          }
+          return true;
+        }
+        if (key.mouse?.kind === "wheel") {
+          dispatch({ type: "toolsPickerMove", delta: key.mouse.wheel > 0 ? -1 : 1 });
+          return true;
+        }
+        if (key.upArrow) {
+          dispatch({ type: "toolsPickerMove", delta: -1 });
+          return true;
+        }
+        if (key.downArrow) {
+          dispatch({ type: "toolsPickerMove", delta: 1 });
+          return true;
+        }
+        if (key.leftArrow || key.rightArrow || isEnter) {
+          if (debouncedEnter(host)) return true;
+          void host.onToolsPickerToggle?.();
+          return true;
+        }
+        if (input && input.length === 1 && input.charCodeAt(0) >= 32 && input.charCodeAt(0) < 127) {
+          dispatch({ type: "toolsPickerFilter", filter: (state.toolsPicker.filter ?? "") + input });
+          return true;
+        }
+        if (key.backspace) {
+          const cur = state.toolsPicker.filter ?? "";
+          dispatch({ type: "toolsPickerFilter", filter: cur.length > 0 ? cur.slice(0, -1) : "" });
+          return true;
+        }
+        return true;
+      }
+      if (state.helpPanel.open) {
+        if (key.escape) {
+          dispatch({ type: "helpClose" });
+          return true;
+        }
+        if (key.mouse?.kind === "wheel") {
+          dispatch({ type: "helpMove", delta: key.mouse.wheel > 0 ? -1 : 1 });
+          return true;
+        }
+        if (key.upArrow) {
+          dispatch({ type: "helpMove", delta: -1 });
+          return true;
+        }
+        if (key.downArrow) {
+          dispatch({ type: "helpMove", delta: 1 });
+          return true;
+        }
+        if (key.backspace && state.helpPanel.filter) {
+          dispatch({ type: "helpFilter", filter: state.helpPanel.filter.slice(0, -1) });
+          return true;
+        }
+        if (input && input.length === 1 && input.charCodeAt(0) >= 32 && input.charCodeAt(0) < 127) {
+          dispatch({ type: "helpFilter", filter: state.helpPanel.filter + input });
+          return true;
+        }
+        if (isEnter) {
+          if (debouncedEnter(host)) return true;
+          host.onHelpPanelEnter?.();
+          return true;
+        }
+        return true;
+      }
+      if (state.brainPanel.open) {
+        if (key.escape) {
+          dispatch({ type: "brainClose" });
+          return true;
+        }
+        if (key.mouse?.kind === "wheel") {
+          dispatch({ type: "brainMove", delta: key.mouse.wheel > 0 ? -1 : 1 });
+          return true;
+        }
+        if (key.upArrow) {
+          dispatch({ type: "brainMove", delta: -1 });
+          return true;
+        }
+        if (key.downArrow) {
+          dispatch({ type: "brainMove", delta: 1 });
+          return true;
+        }
+        if (key.leftArrow) {
+          host.onBrainRiskChange?.(-1);
+          return true;
+        }
+        if (key.rightArrow) {
+          host.onBrainRiskChange?.(1);
+          return true;
+        }
+        return true;
+      }
+      if (state.shadowPanel.open) {
+        if (key.escape) {
+          dispatch({ type: "shadowClose" });
+          return true;
+        }
+        if (input === "s" || input === "S") {
+          void host.onShadowStart?.();
+          return true;
+        }
+        if (input === "t" || input === "T") {
+          void host.onShadowStop?.();
+          return true;
+        }
+        return true;
+      }
       if (state.statuslinePicker.open) {
         if (key.escape) {
           dispatch({ type: "statuslineClose" });
@@ -16634,6 +17414,12 @@ function createPanelOpenDispatcher(deps) {
       case "pluginPickerOpen":
         dispatch({ type: "pluginPickerOpen" });
         return true;
+      case "mcpPickerOpen":
+        dispatch({ type: "mcpPickerOpen" });
+        return true;
+      case "toolsPickerOpen":
+        dispatch({ type: "toolsPickerOpen" });
+        return true;
       case "projectPickerOpen":
         void openProjectPicker();
         return true;
@@ -16646,6 +17432,24 @@ function createPanelOpenDispatcher(deps) {
           return true;
         }
         return false;
+      case "brainOpen":
+        if (deps.openBrainPanel) {
+          void deps.openBrainPanel();
+          return true;
+        }
+        return false;
+      case "shadowOpen":
+        if (deps.openShadowPanel) {
+          void deps.openShadowPanel();
+          return true;
+        }
+        return false;
+      case "helpOpen":
+        if (deps.openHelpPanel) {
+          void deps.openHelpPanel();
+          return true;
+        }
+        return false;
       case "toggleMonitor":
         dispatch({ type: "toggleMonitor" });
         return true;
@@ -16761,7 +17565,7 @@ function renderList3() {
 }
 
 // src/slash-command-search.ts
-var CATEGORY_ORDER = ["Run", "Session", "Inspect", "Agent", "Config", "App"];
+var CATEGORY_ORDER2 = ["Run", "Session", "Inspect", "Agent", "Config", "App"];
 function buildSlashCommandMatches(entries, rawQuery) {
   const query = normalizeSlashQuery(rawQuery);
   const matches = [];
@@ -16772,7 +17576,7 @@ function buildSlashCommandMatches(entries, rawQuery) {
   }
   return matches.sort((a, b) => {
     if (a.rank !== b.rank) return a.rank - b.rank;
-    const catDiff = CATEGORY_ORDER.indexOf(a.category) - CATEGORY_ORDER.indexOf(b.category);
+    const catDiff = CATEGORY_ORDER2.indexOf(a.category) - CATEGORY_ORDER2.indexOf(b.category);
     if (catDiff !== 0) return catDiff;
     return a.name.localeCompare(b.name);
   }).map(({ rank: _rank, ...match }) => match);
@@ -16969,24 +17773,38 @@ function rehydrateHistory(messages, startId, toolCalls) {
     outputTokens: tc.outputTokens,
     outputLines: tc.outputLines
   });
+  const pushAssistantText = (parts) => {
+    const text = parts.join("").trim();
+    if (text) entries.push({ id: nextId++, kind: "assistant", text });
+    parts.length = 0;
+  };
   for (const msg of messages) {
     if (msg.role === "system") continue;
-    const text = textOf(msg).trim();
     if (msg.role === "user") {
+      const text = textOf(msg).trim();
       if (text) entries.push({ id: nextId++, kind: "user", text });
       continue;
     }
     if (msg.role === "assistant") {
-      if (text) entries.push({ id: nextId++, kind: "assistant", text });
-      if (Array.isArray(msg.content)) {
-        for (const block of msg.content) {
-          if (block.type !== "tool_use") continue;
-          const tc = toolCallsById.get(block.id);
-          if (!tc) continue;
-          entries.push(toolEntryFor(tc));
-          consumed.add(block.id);
+      if (!Array.isArray(msg.content)) {
+        const text = textOf(msg).trim();
+        if (text) entries.push({ id: nextId++, kind: "assistant", text });
+        continue;
+      }
+      const textParts = [];
+      for (const block of msg.content) {
+        if (block.type === "text") {
+          textParts.push(block.text);
+          continue;
         }
+        if (block.type !== "tool_use") continue;
+        pushAssistantText(textParts);
+        const tc = toolCallsById.get(block.id);
+        if (!tc) continue;
+        entries.push(toolEntryFor(tc));
+        consumed.add(block.id);
       }
+      pushAssistantText(textParts);
     }
   }
   if (toolCalls) {
@@ -17086,6 +17904,16 @@ function App({
   saveSettings,
   getPluginItems,
   onPluginToggle,
+  getMcpServers,
+  onMcpToggle,
+  onMcpRestart,
+  getToolsItems,
+  onToolToggle,
+  getBrainData,
+  onBrainRiskLevel,
+  getShadowData,
+  onShadowStart,
+  onShadowStop,
   authHost,
   predictNext,
   onSuggestionsParsed,
@@ -17262,6 +18090,71 @@ function App({
   });
   const { openPromptPicker } = usePromptPicker({ projectRoot, dispatch });
   const { openModePicker } = useModePicker({ dispatch, getModes });
+  const openBrainPanel = React5.useCallback(() => {
+    if (!getBrainData) return;
+    const data = getBrainData();
+    dispatch({ type: "brainOpen", riskLevel: data.riskLevel, log: data.log });
+  }, [getBrainData]);
+  const changeBrainRisk = React5.useCallback(
+    (delta) => {
+      dispatch({ type: "brainRiskChange", delta });
+    },
+    []
+  );
+  const prevRiskRef = React5.useRef(state.brainPanel.riskLevel);
+  React5.useEffect(() => {
+    if (!state.brainPanel.open) return;
+    const current = state.brainPanel.riskLevel;
+    if (current !== prevRiskRef.current && onBrainRiskLevel) {
+      prevRiskRef.current = current;
+      const err = onBrainRiskLevel(current);
+      if (err) dispatch({ type: "brainHint", text: err });
+      else dispatch({ type: "brainHint", text: `Risk ceiling \u2192 ${current.toUpperCase()}` });
+    }
+  }, [state.brainPanel.riskLevel, state.brainPanel.open, onBrainRiskLevel]);
+  const openShadowPanel = React5.useCallback(() => {
+    if (!getShadowData) return;
+    const data = getShadowData();
+    dispatch({ type: "shadowOpen", shadow: data });
+  }, [getShadowData]);
+  const handleShadowStart = React5.useCallback(async () => {
+    if (!onShadowStart) return;
+    dispatch({ type: "shadowHint", text: "Starting Shadow Agent\u2026" });
+    try {
+      const err = await onShadowStart();
+      if (err) dispatch({ type: "shadowHint", text: err });
+      else {
+        if (getShadowData) dispatch({ type: "shadowUpdate", shadow: getShadowData() });
+        dispatch({ type: "shadowHint", text: "Shadow Agent started." });
+      }
+    } catch (e) {
+      dispatch({ type: "shadowHint", text: `Failed to start: ${toErrorMessage(e)}` });
+    }
+  }, [onShadowStart, getShadowData]);
+  const handleShadowStop = React5.useCallback(async () => {
+    if (!onShadowStop) return;
+    dispatch({ type: "shadowHint", text: "Stopping Shadow Agent\u2026" });
+    try {
+      const err = await onShadowStop();
+      if (err) dispatch({ type: "shadowHint", text: err });
+      else {
+        if (getShadowData) dispatch({ type: "shadowUpdate", shadow: getShadowData() });
+        dispatch({ type: "shadowHint", text: "Shadow Agent stopped." });
+      }
+    } catch (e) {
+      dispatch({ type: "shadowHint", text: `Failed to stop: ${toErrorMessage(e)}` });
+    }
+  }, [onShadowStop, getShadowData]);
+  const openHelpPanel = React5.useCallback(() => {
+    const entries = Array.from(slashRegistry.listWithOwner()).map(({ cmd, owner }) => ({
+      name: owner === "core" ? cmd.name : `${owner}:${cmd.name}`,
+      description: cmd.description,
+      category: cmd.category ?? "App",
+      aliases: cmd.aliases,
+      argsHint: cmd.argsHint
+    }));
+    dispatch({ type: "helpOpen", entries });
+  }, []);
   useStatuslineHiddenSync({
     pickerOpen: state.statuslinePicker.open,
     pickerHidden: state.statuslinePicker.hiddenItems,
@@ -17318,6 +18211,7 @@ function App({
   const streamSegmentsRef = useRef([]);
   const pendingDeltaRef = useRef("");
   const flushTimerRef = useRef(null);
+  const assistantCommittedThisRunRef = useRef(false);
   const stateRef = useRef(state);
   stateRef.current = state;
   const draftRef = useRef({ buffer: state.buffer, cursor: state.cursor });
@@ -17346,7 +18240,7 @@ function App({
     [statuslineHiddenForPicker]
   );
   const [mouseMode, setMouseMode] = useState(mouse);
-  const pickerOverlayOpen = state.modelPicker.open || state.autonomyPicker.open || state.modePicker.open || state.designPicker.open || state.settingsPicker.open || state.projectPicker.open || state.slashPicker.open || state.statuslinePicker.open || state.fKeyPicker.open || state.authPanel.open || state.picker.open;
+  const pickerOverlayOpen = state.modelPicker.open || state.autonomyPicker.open || state.modePicker.open || state.designPicker.open || state.settingsPicker.open || state.projectPicker.open || state.slashPicker.open || state.statuslinePicker.open || state.pluginPicker.open || state.mcpPicker.open || state.toolsPicker.open || state.brainPanel.open || state.helpPanel.open || state.shadowPanel.open || state.fKeyPicker.open || state.authPanel.open || state.picker.open;
   const mouseTrackingOn = mouseMode || pickerOverlayOpen;
   const mouseWrittenRef = useRef(false);
   useEffect(() => {
@@ -18161,7 +19055,10 @@ function App({
       openProjectPicker,
       openStatuslinePicker,
       openAuthPanel: authPanelController.openAuthPanel,
-      openModePicker
+      openModePicker,
+      openBrainPanel,
+      openShadowPanel,
+      openHelpPanel
     });
     onPanelOpen.current = dispatcher;
     return () => {
@@ -18173,7 +19070,10 @@ function App({
     openProjectPicker,
     openStatuslinePicker,
     authPanelController.openAuthPanel,
-    openModePicker
+    openModePicker,
+    openBrainPanel,
+    openShadowPanel,
+    openHelpPanel
   ]);
   useEffect(() => {
     if (!state.sessionsPanelOpen || !getLiveSessions) return void 0;
@@ -18259,6 +19159,73 @@ function App({
       });
     }
   }, [onPluginToggle]);
+  const refreshMcpPicker = React5.useCallback(() => {
+    if (!getMcpServers) return;
+    dispatch({ type: "mcpPickerSetItems", items: getMcpServers() });
+  }, [getMcpServers]);
+  useEffect(() => {
+    if (!state.mcpPicker.open) return;
+    refreshMcpPicker();
+  }, [state.mcpPicker.open, refreshMcpPicker]);
+  const toggleSelectedMcpServer = React5.useCallback(async () => {
+    if (!onMcpToggle) return;
+    const selected = stateRef.current.mcpPicker.items[stateRef.current.mcpPicker.selected];
+    if (!selected) return;
+    dispatch({ type: "mcpPickerBusy", busy: true });
+    try {
+      const result = await onMcpToggle(selected.name);
+      dispatch({ type: "mcpPickerSetItems", items: result.items });
+      dispatch({ type: "mcpPickerHint", text: result.error ?? result.message });
+    } catch (err) {
+      dispatch({ type: "mcpPickerBusy", busy: false });
+      dispatch({
+        type: "mcpPickerHint",
+        text: `Failed to toggle ${selected.name}: ${toErrorMessage(err)}`
+      });
+    }
+  }, [onMcpToggle]);
+  const restartSelectedMcpServer = React5.useCallback(async () => {
+    if (!onMcpRestart) return;
+    const selected = stateRef.current.mcpPicker.items[stateRef.current.mcpPicker.selected];
+    if (!selected) return;
+    dispatch({ type: "mcpPickerBusy", busy: true });
+    try {
+      const result = await onMcpRestart(selected.name);
+      dispatch({ type: "mcpPickerSetItems", items: result.items });
+      dispatch({ type: "mcpPickerHint", text: result.error ?? result.message });
+    } catch (err) {
+      dispatch({ type: "mcpPickerBusy", busy: false });
+      dispatch({
+        type: "mcpPickerHint",
+        text: `Failed to restart ${selected.name}: ${toErrorMessage(err)}`
+      });
+    }
+  }, [onMcpRestart]);
+  const refreshToolsPicker = React5.useCallback(() => {
+    if (!getToolsItems) return;
+    dispatch({ type: "toolsPickerSetItems", items: getToolsItems() });
+  }, [getToolsItems]);
+  useEffect(() => {
+    if (!state.toolsPicker.open) return;
+    refreshToolsPicker();
+  }, [state.toolsPicker.open, refreshToolsPicker]);
+  const toggleSelectedTool = React5.useCallback(async () => {
+    if (!onToolToggle) return;
+    const selected = stateRef.current.toolsPicker.items[stateRef.current.toolsPicker.selected];
+    if (!selected) return;
+    dispatch({ type: "toolsPickerBusy", busy: true });
+    try {
+      const result = await onToolToggle(selected.name);
+      dispatch({ type: "toolsPickerSetItems", items: result.items });
+      dispatch({ type: "toolsPickerHint", text: result.error ?? result.message });
+    } catch (err) {
+      dispatch({ type: "toolsPickerBusy", busy: false });
+      dispatch({
+        type: "toolsPickerHint",
+        text: `Failed to toggle ${selected.name}: ${toErrorMessage(err)}`
+      });
+    }
+  }, [onToolToggle]);
   const autoSubmitStreakRef = useRef(0);
   const autoSubmitCapWarnedRef = useRef(false);
   const [nextStepsRecheck, setNextStepsRecheck] = useState(0);
@@ -18935,12 +19902,15 @@ Available chords:
       for (const seg of segments) {
         if (seg.text.trim()) {
           dispatch({ type: "addEntry", entry: { kind: seg.kind, text: seg.text } });
+          if (seg.kind === "assistant") assistantCommittedThisRunRef.current = true;
         }
       }
       if (segments.length === 0 && text.trim()) {
         dispatch({ type: "addEntry", entry: { kind: "assistant", text } });
+        assistantCommittedThisRunRef.current = true;
       } else if (segments.length === 0 && fallbackText.trim()) {
         dispatch({ type: "addEntry", entry: { kind: "assistant", text: fallbackText } });
+        assistantCommittedThisRunRef.current = true;
       }
     });
     const offConfirmNeeded = events.on("tool.confirm_needed", (e) => {
@@ -19350,6 +20320,18 @@ Available chords:
       }
     },
     onPluginPickerToggle: toggleSelectedPlugin,
+    onMcpPickerToggle: toggleSelectedMcpServer,
+    onMcpPickerRestart: restartSelectedMcpServer,
+    onToolsPickerToggle: toggleSelectedTool,
+    onHelpPanelEnter: () => {
+      const entry = state.helpPanel.entries[state.helpPanel.selected];
+      if (!entry) return;
+      dispatch({ type: "helpClose" });
+      submitRef.current(`/${entry.name}`);
+    },
+    onBrainRiskChange: changeBrainRisk,
+    onShadowStart: handleShadowStart,
+    onShadowStop: handleShadowStop,
     onAuthEnter: authPanelController.onAuthEnter,
     onAuthBack: authPanelController.onAuthBack,
     onAuthShortcut: authPanelController.onAuthShortcut,
@@ -20320,9 +21302,7 @@ Available chords:
           }
         });
       }
-      const assistantEntriesBeforeRun = stateRef.current.entries.filter(
-        (entry) => entry.kind === "assistant"
-      ).length;
+      assistantCommittedThisRunRef.current = false;
       const result = await agent.run(routed.blocks, { signal: ctrl.signal });
       const lingering = streamingTextRef.current;
       const lingeringSegments = streamSegmentsRef.current;
@@ -20342,7 +21322,13 @@ Available chords:
         }
       } else if (lingering.trim()) {
         dispatch({ type: "addEntry", entry: { kind: "assistant", text: lingering } });
-      } else if (result.status === "done" && result.finalText?.trim() && stateRef.current.entries.filter((entry) => entry.kind === "assistant").length === assistantEntriesBeforeRun) {
+      } else if (result.status === "done" && result.finalText?.trim() && // Only recover finalText when no assistant entry was committed by the
+      // per-iteration `provider.response` flush during this run. Checked via
+      // a synchronous ref, NOT `stateRef` — the flush's `addEntry` dispatch
+      // isn't reflected in `stateRef` yet when we resume here, so a
+      // state-based count would read stale and re-commit the final reply,
+      // rendering it twice.
+      !assistantCommittedThisRunRef.current) {
         dispatch({ type: "addEntry", entry: { kind: "assistant", text: result.finalText } });
       }
       if (result.status === "aborted") {
@@ -21074,6 +22060,50 @@ ${content}
           hint: state.pluginPicker.hint
         }
       ) : null,
+      state.mcpPicker.open ? /* @__PURE__ */ jsx(
+        McpPicker,
+        {
+          items: state.mcpPicker.items,
+          selected: state.mcpPicker.selected,
+          busy: state.mcpPicker.busy,
+          hint: state.mcpPicker.hint
+        }
+      ) : null,
+      state.toolsPicker.open ? /* @__PURE__ */ jsx(
+        ToolsPicker,
+        {
+          items: state.toolsPicker.items,
+          selected: state.toolsPicker.selected,
+          busy: state.toolsPicker.busy,
+          hint: state.toolsPicker.hint,
+          filter: state.toolsPicker.filter
+        }
+      ) : null,
+      state.brainPanel.open ? /* @__PURE__ */ jsx(
+        BrainPanel,
+        {
+          riskLevel: state.brainPanel.riskLevel,
+          log: state.brainPanel.log,
+          selected: state.brainPanel.selected,
+          hint: state.brainPanel.hint
+        }
+      ) : null,
+      state.helpPanel.open ? /* @__PURE__ */ jsx(
+        HelpPanel,
+        {
+          entries: state.helpPanel.entries,
+          filter: state.helpPanel.filter,
+          selected: state.helpPanel.selected,
+          hint: state.helpPanel.hint
+        }
+      ) : null,
+      state.shadowPanel.open ? /* @__PURE__ */ jsx(
+        ShadowPanel,
+        {
+          shadow: state.shadowPanel.shadow,
+          hint: state.shadowPanel.hint
+        }
+      ) : null,
       state.authPanel.open ? /* @__PURE__ */ jsx(AuthPanel, { panel: state.authPanel }) : null,
       state.projectPicker.open ? /* @__PURE__ */ jsx(
         ProjectPicker,
@@ -21848,6 +22878,16 @@ async function runTui(opts) {
           saveSettings: opts.saveSettings,
           getPluginItems: opts.getPluginItems,
           onPluginToggle: opts.onPluginToggle,
+          getMcpServers: opts.getMcpServers,
+          onMcpToggle: opts.onMcpToggle,
+          onMcpRestart: opts.onMcpRestart,
+          getToolsItems: opts.getToolsItems,
+          onToolToggle: opts.onToolToggle,
+          getBrainData: opts.getBrainData,
+          onBrainRiskLevel: opts.onBrainRiskLevel,
+          getShadowData: opts.getShadowData,
+          onShadowStart: opts.onShadowStart,
+          onShadowStop: opts.onShadowStop,
           authHost: opts.authHost,
           predictNext: opts.predictNext,
           onSuggestionsParsed: opts.onSuggestionsParsed,