@brainst0rm/cli 0.13.0

package/dist/App-SSKWB7CT.js

@@ -0,0 +1,2795 @@
+#!/usr/bin/env node
+import {
+  MarkdownRenderer
+} from "./chunk-D474E47D.js";
+import {
+  executeSlashCommand,
+  getSlashCommands,
+  isSlashCommand
+} from "./chunk-5NA3GH6X.js";
+import "./chunk-OVGL3NJQ.js";
+import "./chunk-ZWE3DS7E.js";
+
+// src/components/App.tsx
+import { useState as useState9, useRef as useRef2 } from "react";
+import { Box as Box17, useApp as useApp2, useInput as useInput8 } from "ink";
+
+// src/hooks/useMode.ts
+import { useState, useCallback } from "react";
+var MODE_ORDER = [
+  "chat",
+  "dashboard",
+  "models",
+  "config",
+  "planning"
+];
+var MODE_LABELS = {
+  chat: { label: "Chat", key: "1", color: "green" },
+  dashboard: { label: "Dashboard", key: "2", color: "blue" },
+  models: { label: "Models", key: "3", color: "yellow" },
+  config: { label: "Config", key: "4", color: "magenta" },
+  planning: { label: "Planning", key: "5", color: "cyan" }
+};
+function useMode(initial = "chat") {
+  const [mode, setMode] = useState(initial);
+  const cycleMode = useCallback(() => {
+    setMode((prev) => {
+      const idx = MODE_ORDER.indexOf(prev);
+      return MODE_ORDER[(idx + 1) % MODE_ORDER.length];
+    });
+  }, []);
+  const setModeByKey = useCallback((key) => {
+    const idx = parseInt(key, 10) - 1;
+    if (idx >= 0 && idx < MODE_ORDER.length) {
+      setMode(MODE_ORDER[idx]);
+      return true;
+    }
+    return false;
+  }, []);
+  return { mode, setMode, cycleMode, setModeByKey };
+}
+
+// src/hooks/useBRData.ts
+import { useState as useState2, useCallback as useCallback2 } from "react";
+var EMPTY_DATA = {
+  leaderboard: [],
+  waste: null,
+  forecast: null,
+  audit: [],
+  dailyTrend: [],
+  lastFetched: 0,
+  loading: false,
+  error: null
+};
+function useBRData(gateway) {
+  const [data, setData] = useState2(EMPTY_DATA);
+  const refresh = useCallback2(async () => {
+    if (!gateway) {
+      setData((prev) => ({
+        ...prev,
+        error: "No BrainstormRouter API key configured"
+      }));
+      return;
+    }
+    setData((prev) => ({ ...prev, loading: true, error: null }));
+    try {
+      const [leaderboard, waste, forecast, audit, daily] = await Promise.allSettled([
+        gateway.getLeaderboard(),
+        gateway.getWasteInsights(),
+        gateway.getForecast(),
+        gateway.getCompletionAudit("24h"),
+        gateway.getDailyInsights()
+      ]);
+      setData({
+        leaderboard: leaderboard.status === "fulfilled" ? leaderboard.value : [],
+        waste: waste.status === "fulfilled" ? waste.value : null,
+        forecast: forecast.status === "fulfilled" ? forecast.value : null,
+        audit: audit.status === "fulfilled" ? audit.value.slice(0, 10) : [],
+        dailyTrend: daily.status === "fulfilled" ? daily.value.slice(0, 7) : [],
+        lastFetched: Date.now(),
+        loading: false,
+        error: null
+      });
+    } catch (err) {
+      setData((prev) => ({ ...prev, loading: false, error: err.message }));
+    }
+  }, [gateway]);
+  return { data, refresh };
+}
+
+// src/components/ModeBar.tsx
+import { Box, Text } from "ink";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ModeBar({
+  activeMode,
+  model,
+  cost,
+  role,
+  guardianStatus
+}) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", justifyContent: "space-between", paddingX: 1, children: [
+    /* @__PURE__ */ jsx(Box, { children: Object.entries(MODE_LABELS).map(([id, meta]) => {
+      const isActive = id === activeMode;
+      return /* @__PURE__ */ jsxs(Box, { marginRight: 1, children: [
+        /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: !isActive, children: "[" }),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            color: isActive ? meta.color : "gray",
+            bold: isActive,
+            dimColor: !isActive,
+            children: meta.key
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: !isActive, children: "]" }),
+        /* @__PURE__ */ jsxs(
+          Text,
+          {
+            color: isActive ? meta.color : "gray",
+            bold: isActive,
+            dimColor: !isActive,
+            children: [
+              " ",
+              meta.label
+            ]
+          }
+        )
+      ] }, id);
+    }) }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      role && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "magenta", bold: true, children: role }),
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: " \u2502 " })
+      ] }),
+      model && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "green", children: model }),
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: " \u2502 " })
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { color: cost && cost > 0.01 ? "yellow" : "green", children: [
+        "$",
+        (cost ?? 0).toFixed(4)
+      ] }),
+      guardianStatus && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: " \u2502 " }),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            color: guardianStatus === "safe" ? "green" : guardianStatus === "flagged" ? "yellow" : "red",
+            children: guardianStatus === "safe" ? "\u25CF" : "\u26A0"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/KeyHint.tsx
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var HINTS = {
+  chat: "Esc dashboard \u2502 \u2191\u2193 history \u2502 Shift+\u2191\u2193 scroll \u2502 Ctrl+D\xD72 exit",
+  dashboard: "1-4 switch \u2502 Tab cycle \u2502 r refresh \u2502 Esc chat \u2502 Ctrl+D\xD72 exit",
+  models: "1-4 switch \u2502 \u2191\u2193 navigate \u2502 Enter select \u2502 Esc chat",
+  config: "1-5 switch \u2502 Esc chat \u2502 Ctrl+D\xD72 exit",
+  planning: "1-5 switch \u2502 \u2191\u2193/jk navigate \u2502 Enter expand \u2502 [] switch plan \u2502 Esc chat"
+};
+var PROCESSING_HINT = "Esc abort \u2502 Shift+\u2191\u2193 scroll";
+function KeyHint({ mode, isProcessing }) {
+  return /* @__PURE__ */ jsx2(Box2, { paddingX: 2, children: /* @__PURE__ */ jsx2(Text2, { color: "gray", children: isProcessing ? PROCESSING_HINT : HINTS[mode] }) });
+}
+
+// src/components/ChatApp.tsx
+import {
+  useState as useState5,
+  useCallback as useCallback3,
+  useMemo as useMemo3,
+  useEffect,
+  useRef
+} from "react";
+import { Box as Box9, Text as Text9, useApp, useInput as useInput3 } from "ink";
+import TextInput from "ink-text-input";
+
+// src/components/MessageList.tsx
+import React, { useMemo } from "react";
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function MessageList({
+  messages,
+  maxHeight,
+  scrollOffset = 0
+}) {
+  const visibleMessages = useMemo(() => {
+    if (!maxHeight || messages.length <= 5) return messages;
+    const estimatedVisible = Math.max(5, Math.floor(maxHeight / 3));
+    const startIdx = Math.max(
+      0,
+      messages.length - estimatedVisible - scrollOffset
+    );
+    const endIdx = messages.length - scrollOffset;
+    return messages.slice(startIdx, endIdx > 0 ? endIdx : void 0);
+  }, [messages, maxHeight, scrollOffset]);
+  const hiddenAbove = messages.length - visibleMessages.length - scrollOffset;
+  return /* @__PURE__ */ jsxs2(Box3, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: [
+    hiddenAbove > 0 && /* @__PURE__ */ jsxs2(Text3, { color: "gray", children: [
+      "  ",
+      "\u2191 ",
+      hiddenAbove,
+      " earlier message",
+      hiddenAbove > 1 ? "s" : "",
+      " ",
+      "(Shift+\u2191 to scroll)"
+    ] }),
+    visibleMessages.map((msg, i) => /* @__PURE__ */ jsx3(MessageBubble, { message: msg }, i))
+  ] });
+}
+var MessageBubble = React.memo(function MessageBubble2({
+  message
+}) {
+  switch (message.role) {
+    case "user":
+      return /* @__PURE__ */ jsxs2(
+        Box3,
+        {
+          marginBottom: 1,
+          borderStyle: "single",
+          borderColor: "blue",
+          borderLeft: true,
+          borderRight: false,
+          borderTop: false,
+          borderBottom: false,
+          paddingLeft: 1,
+          children: [
+            /* @__PURE__ */ jsxs2(Text3, { color: "blue", bold: true, children: [
+              "you",
+              " "
+            ] }),
+            /* @__PURE__ */ jsx3(Text3, { children: message.content })
+          ]
+        }
+      );
+    case "assistant":
+      return /* @__PURE__ */ jsxs2(
+        Box3,
+        {
+          flexDirection: "column",
+          marginBottom: 1,
+          borderStyle: "single",
+          borderColor: "green",
+          borderLeft: true,
+          borderRight: false,
+          borderTop: false,
+          borderBottom: false,
+          paddingLeft: 1,
+          children: [
+            /* @__PURE__ */ jsxs2(Box3, { children: [
+              /* @__PURE__ */ jsxs2(Text3, { color: "green", bold: true, children: [
+                "brainstorm",
+                " "
+              ] }),
+              message.model && /* @__PURE__ */ jsxs2(Text3, { color: "gray", dimColor: true, children: [
+                "[",
+                message.model,
+                "]",
+                " "
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx3(Box3, { paddingLeft: 0, children: /* @__PURE__ */ jsx3(MarkdownRenderer, { content: message.content }) }),
+            message.cost !== void 0 && message.cost > 0 && /* @__PURE__ */ jsxs2(Text3, { color: "gray", dimColor: true, children: [
+              " ",
+              "$",
+              message.cost.toFixed(4)
+            ] })
+          ]
+        }
+      );
+    case "reasoning":
+      return /* @__PURE__ */ jsx3(Box3, { marginBottom: 0, paddingLeft: 2, children: /* @__PURE__ */ jsxs2(Text3, { color: "gray", dimColor: true, italic: true, children: [
+        "\u25B8",
+        " ",
+        message.content.length > 200 ? message.content.slice(0, 200) + "..." : message.content
+      ] }) });
+    case "routing": {
+      const content = message.content;
+      let icon = "\u2192";
+      let color = "gray";
+      if (content.startsWith("\u21BB")) {
+        icon = "";
+        color = "yellow";
+      } else if (content.startsWith("\u26A0")) {
+        icon = "";
+        color = "yellow";
+      } else if (content.includes("tool:") || content.includes("subagent")) {
+        icon = "\u2699";
+      } else if (content.includes("compacted")) {
+        icon = "\u25C7";
+      } else if (content.includes("[bg]")) {
+        icon = "\u25C6";
+      }
+      return /* @__PURE__ */ jsx3(Box3, { marginBottom: 0, paddingLeft: 2, children: /* @__PURE__ */ jsxs2(Text3, { color, dimColor: true, children: [
+        icon ? `${icon} ` : "",
+        content
+      ] }) });
+    }
+    case "error":
+      return /* @__PURE__ */ jsxs2(
+        Box3,
+        {
+          flexDirection: "column",
+          marginBottom: 1,
+          borderStyle: "single",
+          borderColor: "red",
+          borderLeft: true,
+          borderRight: false,
+          borderTop: false,
+          borderBottom: false,
+          paddingLeft: 1,
+          children: [
+            /* @__PURE__ */ jsxs2(Text3, { color: "red", bold: true, children: [
+              "error",
+              " "
+            ] }),
+            /* @__PURE__ */ jsx3(Text3, { children: message.content })
+          ]
+        }
+      );
+    default:
+      return null;
+  }
+});
+
+// src/components/TaskList.tsx
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var STATUS_ICONS = {
+  pending: { icon: "\u25CB", color: "gray" },
+  in_progress: { icon: "\u25C9", color: "yellow" },
+  completed: { icon: "\u25CF", color: "green" },
+  failed: { icon: "\u2717", color: "red" }
+};
+function TaskList({ tasks }) {
+  if (tasks.length === 0) return null;
+  const completed = tasks.filter((t) => t.status === "completed").length;
+  const failed = tasks.filter((t) => t.status === "failed").length;
+  const total = tasks.length;
+  const allDone = completed + failed === total;
+  if (allDone && completed === total) return null;
+  return /* @__PURE__ */ jsxs3(Box4, { flexDirection: "column", paddingX: 1, marginBottom: 0, children: [
+    /* @__PURE__ */ jsxs3(Text4, { color: "gray", dimColor: true, children: [
+      "  ",
+      "tasks (",
+      completed,
+      "/",
+      total,
+      " complete",
+      failed > 0 ? `, ${failed} failed` : "",
+      ")"
+    ] }),
+    tasks.map((task) => {
+      const { icon, color } = STATUS_ICONS[task.status] ?? STATUS_ICONS.pending;
+      const isDone = task.status === "completed";
+      return /* @__PURE__ */ jsxs3(Box4, { children: [
+        /* @__PURE__ */ jsx4(Text4, { color, children: `  ${icon} ` }),
+        /* @__PURE__ */ jsx4(Text4, { color: isDone ? "gray" : void 0, dimColor: isDone, children: task.description })
+      ] }, task.id);
+    })
+  ] });
+}
+
+// src/components/StreamingMessage.tsx
+import React2 from "react";
+import { Box as Box5, Text as Text5 } from "ink";
+import Spinner from "ink-spinner";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var PHASE_LABELS = {
+  classifying: "Analyzing",
+  routing: "Selecting model",
+  connecting: "Connecting",
+  streaming: "Streaming"
+};
+var StreamingMessage = React2.memo(function StreamingMessage2({
+  content,
+  isStreaming,
+  phase,
+  model
+}) {
+  if (!content && isStreaming) {
+    const label = phase ? PHASE_LABELS[phase] ?? phase : "Thinking";
+    return /* @__PURE__ */ jsxs4(Box5, { paddingLeft: 1, children: [
+      /* @__PURE__ */ jsx5(Text5, { color: "cyan", children: /* @__PURE__ */ jsx5(Spinner, { type: "dots" }) }),
+      /* @__PURE__ */ jsxs4(Text5, { color: "gray", dimColor: true, children: [
+        " ",
+        label,
+        model ? ` \xB7 ${model}` : "",
+        "..."
+      ] })
+    ] });
+  }
+  if (content && isStreaming) {
+    const MAX_STREAM_RENDER = 2e3;
+    const truncated = content.length > MAX_STREAM_RENDER;
+    let visibleContent = truncated ? content.slice(-MAX_STREAM_RENDER) : content;
+    if (truncated) {
+      const backtickCount = (visibleContent.match(/```/g) || []).length;
+      if (backtickCount % 2 === 1) {
+        const lastOpen = visibleContent.lastIndexOf("```");
+        if (lastOpen >= 0) {
+          if (lastOpen > 50) {
+            visibleContent = visibleContent.slice(0, lastOpen);
+          } else {
+            visibleContent += "\n```";
+          }
+        }
+      }
+    }
+    return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsxs4(Box5, { children: [
+        /* @__PURE__ */ jsx5(Text5, { color: "green", bold: true, children: "brainstorm " }),
+        model && /* @__PURE__ */ jsxs4(Text5, { color: "gray", dimColor: true, children: [
+          "[",
+          model,
+          "]",
+          " "
+        ] }),
+        truncated && /* @__PURE__ */ jsxs4(Text5, { color: "gray", dimColor: true, children: [
+          "(",
+          content.length,
+          " chars, showing tail)"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs4(Box5, { paddingLeft: 0, children: [
+        /* @__PURE__ */ jsx5(MarkdownRenderer, { content: visibleContent }),
+        /* @__PURE__ */ jsx5(Text5, { color: "cyan", bold: true, children: "\u258C" })
+      ] })
+    ] });
+  }
+  return null;
+});
+
+// src/components/ToolCallDisplay.tsx
+import { Box as Box6, Text as Text6 } from "ink";
+import Spinner2 from "ink-spinner";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function summarizeArgs(toolName, args) {
+  switch (toolName) {
+    case "file_read":
+    case "file_write":
+    case "file_edit":
+      return String(args.file_path ?? args.path ?? "").split("/").slice(-2).join("/");
+    case "multi_edit":
+    case "batch_edit":
+      return `${Array.isArray(args.edits) ? args.edits.length : "?"} edits`;
+    case "shell":
+      return String(args.command ?? "").slice(0, 60);
+    case "grep":
+      return `/${args.pattern ?? ""}/ ${args.path ?? ""}`.slice(0, 50);
+    case "glob":
+      return String(args.pattern ?? "").slice(0, 50);
+    case "web_search":
+      return String(args.query ?? "").slice(0, 50);
+    case "web_fetch":
+      return String(args.url ?? "").slice(0, 50);
+    case "git_commit":
+      return String(args.message ?? "").slice(0, 50);
+    case "subagent":
+      return `[${args.type ?? "general"}] ${String(args.task ?? "").slice(0, 40)}`;
+    default:
+      return "";
+  }
+}
+function formatDuration(ms) {
+  if (ms < 1e3) return `${ms}ms`;
+  return `${(ms / 1e3).toFixed(1)}s`;
+}
+function ToolCallDisplay({ tool }) {
+  const argSummary = summarizeArgs(tool.toolName, tool.args);
+  if (tool.status === "running") {
+    const elapsed = Date.now() - tool.startTime;
+    return /* @__PURE__ */ jsxs5(Box6, { paddingLeft: 2, children: [
+      /* @__PURE__ */ jsx6(Text6, { color: "yellow", children: /* @__PURE__ */ jsx6(Spinner2, { type: "dots" }) }),
+      /* @__PURE__ */ jsxs5(Text6, { color: "yellow", bold: true, children: [
+        " ",
+        tool.toolName
+      ] }),
+      argSummary && /* @__PURE__ */ jsxs5(Text6, { color: "gray", children: [
+        " ",
+        argSummary
+      ] }),
+      /* @__PURE__ */ jsxs5(Text6, { color: "gray", dimColor: true, children: [
+        " ",
+        "(",
+        formatDuration(elapsed),
+        ")"
+      ] })
+    ] });
+  }
+  const icon = tool.ok !== false ? "\u2713" : "\u2717";
+  const color = tool.ok !== false ? "green" : "red";
+  return /* @__PURE__ */ jsxs5(Box6, { paddingLeft: 2, children: [
+    /* @__PURE__ */ jsx6(Text6, { color, children: icon }),
+    /* @__PURE__ */ jsxs5(Text6, { color: "gray", children: [
+      " ",
+      tool.toolName
+    ] }),
+    argSummary && /* @__PURE__ */ jsxs5(Text6, { color: "gray", dimColor: true, children: [
+      " ",
+      argSummary
+    ] }),
+    tool.duration !== void 0 && /* @__PURE__ */ jsxs5(Text6, { color: "gray", dimColor: true, children: [
+      " ",
+      "(",
+      formatDuration(tool.duration),
+      ")"
+    ] })
+  ] });
+}
+function ToolCallList({ tools }) {
+  if (tools.length === 0) return null;
+  const running = tools.filter((t) => t.status === "running");
+  const completed = tools.filter((t) => t.status !== "running");
+  const hiddenCount = Math.max(0, completed.length - 2);
+  const recentCompleted = completed.slice(-2);
+  const visible = [...recentCompleted, ...running];
+  return /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", paddingX: 1, children: [
+    hiddenCount > 0 && /* @__PURE__ */ jsx6(Box6, { paddingLeft: 2, children: /* @__PURE__ */ jsxs5(Text6, { color: "gray", children: [
+      hiddenCount,
+      " earlier tool call",
+      hiddenCount > 1 ? "s" : "",
+      " ",
+      "completed"
+    ] }) }),
+    visible.map((tool) => /* @__PURE__ */ jsx6(ToolCallDisplay, { tool }, tool.id))
+  ] });
+}
+
+// src/components/SelectPrompt.tsx
+import { useState as useState3 } from "react";
+import { Box as Box7, Text as Text7, useInput } from "ink";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function SelectPrompt({
+  message,
+  options,
+  onSelect,
+  onCancel,
+  multiSelect = false,
+  onMultiSelect
+}) {
+  const [cursor, setCursor] = useState3(0);
+  const [selected, setSelected] = useState3(/* @__PURE__ */ new Set());
+  useInput((input, key) => {
+    if (key.downArrow || input === "j") {
+      setCursor((prev) => Math.min(prev + 1, options.length - 1));
+    }
+    if (key.upArrow || input === "k") {
+      setCursor((prev) => Math.max(prev - 1, 0));
+    }
+    if (key.escape) {
+      onCancel?.();
+    }
+    if (key.return) {
+      if (multiSelect && onMultiSelect) {
+        onMultiSelect(Array.from(selected));
+      } else {
+        onSelect(options[cursor].value);
+      }
+    }
+    if (input === " " && multiSelect) {
+      const val = options[cursor].value;
+      setSelected((prev) => {
+        const next = new Set(prev);
+        if (next.has(val)) next.delete(val);
+        else next.add(val);
+        return next;
+      });
+    }
+  });
+  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", paddingX: 1, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs6(Box7, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsxs6(Text7, { color: "cyan", bold: true, children: [
+        "\u25C6",
+        " "
+      ] }),
+      /* @__PURE__ */ jsx7(Text7, { bold: true, children: message })
+    ] }),
+    options.map((opt, i) => {
+      const isCursor = i === cursor;
+      const isSelected = selected.has(opt.value);
+      const indicator = multiSelect ? isSelected ? "\u25C9" : "\u25CB" : isCursor ? "\u25B8" : " ";
+      const indicatorColor = multiSelect ? isSelected ? "green" : "gray" : isCursor ? "cyan" : "gray";
+      return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs6(Box7, { children: [
+          /* @__PURE__ */ jsxs6(Text7, { color: indicatorColor, children: [
+            indicator,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx7(Text7, { color: isCursor ? "white" : "gray", bold: isCursor, children: opt.label }),
+          opt.recommended && /* @__PURE__ */ jsxs6(Text7, { color: "green", dimColor: true, children: [
+            " ",
+            "(recommended)"
+          ] })
+        ] }),
+        opt.description && isCursor && /* @__PURE__ */ jsx7(Box7, { paddingLeft: 3, children: /* @__PURE__ */ jsx7(Text7, { color: "gray", children: opt.description }) })
+      ] }, opt.value);
+    }),
+    /* @__PURE__ */ jsx7(Box7, { marginTop: 1, children: /* @__PURE__ */ jsx7(Text7, { color: "gray", children: multiSelect ? "\u2191\u2193 navigate \u2502 Space toggle \u2502 Enter confirm \u2502 Esc cancel" : "\u2191\u2193 navigate \u2502 Enter select \u2502 Esc cancel" }) })
+  ] });
+}
+
+// src/components/Autocomplete.tsx
+import { useState as useState4, useMemo as useMemo2 } from "react";
+import { Box as Box8, Text as Text8, useInput as useInput2 } from "ink";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function Autocomplete({
+  query,
+  items,
+  onAccept,
+  onDismiss,
+  maxVisible = 8
+}) {
+  const [cursor, setCursor] = useState4(0);
+  const filtered = useMemo2(() => {
+    const q = query.toLowerCase();
+    return items.filter((item) => item.label.toLowerCase().includes(q)).slice(0, maxVisible);
+  }, [query, items, maxVisible]);
+  useInput2((input, key) => {
+    if (key.downArrow) {
+      setCursor((prev) => Math.min(prev + 1, filtered.length - 1));
+      return;
+    }
+    if (key.upArrow) {
+      setCursor((prev) => Math.max(prev - 1, 0));
+      return;
+    }
+    if (key.tab || key.return) {
+      if (filtered[cursor]) {
+        onAccept(filtered[cursor].label);
+      }
+      return;
+    }
+    if (key.escape) {
+      onDismiss();
+      return;
+    }
+  });
+  if (filtered.length === 0) return null;
+  return /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", paddingX: 2, marginBottom: 0, children: filtered.map((item, i) => {
+    const isActive = i === cursor;
+    return /* @__PURE__ */ jsxs7(Box8, { children: [
+      /* @__PURE__ */ jsx8(Text8, { color: isActive ? "cyan" : "gray", children: isActive ? "\u25B8 " : "  " }),
+      /* @__PURE__ */ jsxs7(Text8, { color: isActive ? "white" : "gray", bold: isActive, children: [
+        item.prefix ?? "",
+        item.label
+      ] }),
+      item.description && /* @__PURE__ */ jsxs7(Text8, { color: "gray", dimColor: !isActive, children: [
+        " ",
+        item.description
+      ] })
+    ] }, item.label);
+  }) });
+}
+
+// src/keybindings.ts
+var DEFAULT_KEYBINDINGS = [
+  {
+    action: "abort",
+    description: "Interrupt current operation",
+    match: (_input, key) => key.escape
+  },
+  {
+    action: "exit",
+    description: "Exit Brainstorm",
+    // Ink sends empty string for Ctrl+D when input is empty (standard EOF)
+    match: (input, key) => key.ctrl && (input === "d" || input === "")
+  },
+  {
+    action: "clear-screen",
+    description: "Clear terminal screen",
+    match: (input, key) => key.ctrl && (input === "l" || input === "\f")
+  },
+  {
+    action: "clear-chat",
+    description: "Clear conversation history",
+    match: (input, key) => key.ctrl && (input === "k" || input === "\v")
+  },
+  {
+    action: "cycle-mode",
+    description: "Cycle permission mode (auto \u2192 confirm \u2192 plan)",
+    match: (_input, key) => key.shift && key.tab
+  }
+];
+function resolveKeyAction(input, key, bindings = DEFAULT_KEYBINDINGS) {
+  for (const binding of bindings) {
+    if (binding.match(input, key)) return binding.action;
+  }
+  return null;
+}
+
+// src/input-history.ts
+import { existsSync, readFileSync, writeFileSync, renameSync, mkdirSync } from "fs";
+import { join } from "path";
+import { homedir } from "os";
+var HISTORY_DIR = join(homedir(), ".brainstorm");
+var HISTORY_FILE = join(HISTORY_DIR, "input-history.json");
+var MAX_MEMORY = 100;
+var MAX_PERSIST = 500;
+var InputHistory = class {
+  entries = [];
+  cursor = -1;
+  draft = "";
+  constructor() {
+    this.load();
+  }
+  /**
+   * Add an input to history. Deduplicates consecutive identical entries.
+   */
+  push(input) {
+    const trimmed = input.trim();
+    if (!trimmed) return;
+    if (this.entries.length > 0 && this.entries[this.entries.length - 1] === trimmed) {
+      this.resetCursor();
+      return;
+    }
+    this.entries.push(trimmed);
+    if (this.entries.length > MAX_MEMORY) {
+      this.entries = this.entries.slice(-MAX_MEMORY);
+    }
+    this.resetCursor();
+    this.save();
+  }
+  /**
+   * Navigate up (older). Returns the entry to display, or null if at the end.
+   */
+  up(currentInput) {
+    if (this.entries.length === 0) return null;
+    if (this.cursor === -1) {
+      this.draft = currentInput;
+    }
+    const nextCursor = this.cursor === -1 ? this.entries.length - 1 : this.cursor - 1;
+    if (nextCursor < 0) return null;
+    this.cursor = nextCursor;
+    return this.entries[this.cursor];
+  }
+  /**
+   * Navigate down (newer). Returns the entry to display, or the draft if at bottom.
+   */
+  down() {
+    if (this.cursor === -1) return null;
+    this.cursor += 1;
+    if (this.cursor >= this.entries.length) {
+      this.cursor = -1;
+      return this.draft;
+    }
+    return this.entries[this.cursor];
+  }
+  /**
+   * Reset cursor position (called after submitting input).
+   */
+  resetCursor() {
+    this.cursor = -1;
+    this.draft = "";
+  }
+  /**
+   * Get all entries (for debugging/export).
+   */
+  getAll() {
+    return [...this.entries];
+  }
+  load() {
+    try {
+      if (existsSync(HISTORY_FILE)) {
+        const data = JSON.parse(readFileSync(HISTORY_FILE, "utf-8"));
+        if (Array.isArray(data)) {
+          this.entries = data.slice(-MAX_MEMORY);
+        }
+      }
+    } catch {
+      this.entries = [];
+    }
+  }
+  save() {
+    try {
+      if (!existsSync(HISTORY_DIR)) mkdirSync(HISTORY_DIR, { recursive: true });
+      let fullHistory = [];
+      try {
+        if (existsSync(HISTORY_FILE)) {
+          const data = JSON.parse(readFileSync(HISTORY_FILE, "utf-8"));
+          if (Array.isArray(data)) fullHistory = data;
+        }
+      } catch {
+      }
+      const merged = [...fullHistory];
+      for (const entry of this.entries) {
+        if (merged[merged.length - 1] !== entry) {
+          merged.push(entry);
+        }
+      }
+      const trimmed = merged.slice(-MAX_PERSIST);
+      const tmpFile = HISTORY_FILE + ".tmp";
+      writeFileSync(tmpFile, JSON.stringify(trimmed), "utf-8");
+      renameSync(tmpFile, HISTORY_FILE);
+    } catch {
+    }
+  }
+};
+
+// src/components/ChatApp.tsx
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function ChatApp({
+  strategy,
+  modelCount,
+  onSendMessage,
+  onAbort,
+  isActive = true,
+  slashCallbacks
+}) {
+  const { exit } = useApp();
+  const [messages, setMessages] = useState5([]);
+  const [input, setInput] = useState5("");
+  const [streamingText, setStreamingText] = useState5(
+    void 0
+  );
+  const [currentModel, setCurrentModel] = useState5(
+    void 0
+  );
+  const [sessionCost, setSessionCost] = useState5(0);
+  const [isProcessing, setIsProcessing] = useState5(false);
+  const [tasks, setTasks] = useState5([]);
+  const [tokenCount, setTokenCount] = useState5({ input: 0, output: 0 });
+  const [thinkingPhase, setThinkingPhase] = useState5(
+    void 0
+  );
+  const [activeTools, setActiveTools] = useState5([]);
+  const [scrollOffset, setScrollOffset] = useState5(0);
+  const [askUserPrompt, setAskUserPrompt] = useState5(null);
+  const [showAutocomplete, setShowAutocomplete] = useState5(false);
+  const [promptQueue, setPromptQueue] = useState5([]);
+  const [history] = useState5(() => new InputHistory());
+  const abortTimeoutRef = useRef(null);
+  const toolIdCounter = useRef(0);
+  const pushPrompt = useCallback3(
+    (question, options) => {
+      return new Promise((resolve) => {
+        setPromptQueue((prev) => [...prev, { question, options, resolve }]);
+      });
+    },
+    []
+  );
+  const slashItems = useMemo3(() => {
+    return getSlashCommands().map((cmd) => ({
+      label: cmd.name,
+      description: cmd.description,
+      prefix: "/"
+    }));
+  }, []);
+  useEffect(() => {
+    const handler = (data) => {
+      if (data?.question && data?.options) {
+        setAskUserPrompt({
+          question: data.question,
+          options: data.options.map((o) => ({
+            label: o.label ?? o,
+            value: o.label ?? o,
+            description: o.description,
+            recommended: o.recommended
+          }))
+        });
+      }
+    };
+    process.on("brainstorm:ask-user", handler);
+    return () => {
+      process.removeListener("brainstorm:ask-user", handler);
+    };
+  }, []);
+  useInput3((inputChar, key) => {
+    if (!isActive) return;
+    if (key.upArrow && key.shift) {
+      setScrollOffset(
+        (prev) => Math.min(prev + 3, Math.max(0, messages.length - 3))
+      );
+      return;
+    }
+    if (key.downArrow && key.shift) {
+      setScrollOffset((prev) => Math.max(0, prev - 3));
+      return;
+    }
+    if (key.upArrow && !isProcessing) {
+      const prev = history.up(input);
+      if (prev !== null) setInput(prev);
+      return;
+    }
+    if (key.downArrow && !isProcessing) {
+      const next = history.down();
+      if (next !== null) setInput(next);
+      return;
+    }
+    const action = resolveKeyAction(inputChar, key);
+    if (!action) return;
+    switch (action) {
+      case "abort":
+        if (isProcessing) {
+          onAbort?.();
+          if (abortTimeoutRef.current) clearTimeout(abortTimeoutRef.current);
+          abortTimeoutRef.current = setTimeout(() => {
+            setIsProcessing(false);
+            setStreamingText(void 0);
+            setThinkingPhase(void 0);
+            abortTimeoutRef.current = null;
+          }, 5e3);
+        }
+        break;
+      case "exit":
+        exit();
+        break;
+      case "clear-screen":
+        process.stdout.write("\x1B[2J\x1B[0f");
+        break;
+      case "clear-chat":
+        setMessages([]);
+        setStreamingText(void 0);
+        break;
+      case "cycle-mode": {
+        const modes = ["auto", "confirm", "plan"];
+        const current = slashCallbacks?.getMode?.() ?? "confirm";
+        const idx = modes.indexOf(current);
+        const next = modes[(idx + 1) % modes.length];
+        slashCallbacks?.setMode?.(next);
+        const labels = {
+          auto: "auto (all tools allowed)",
+          confirm: "confirm (ask before writes)",
+          plan: "plan (read-only)"
+        };
+        setMessages((prev) => [
+          ...prev,
+          { role: "routing", content: `Mode: ${labels[next] ?? next}` }
+        ]);
+        break;
+      }
+    }
+  });
+  const slashCtx = useMemo3(
+    () => ({
+      getModel: () => currentModel,
+      getSessionCost: () => sessionCost,
+      getTokenCount: () => tokenCount,
+      exit: () => exit(),
+      clearHistory: () => {
+        setMessages([]);
+        setStreamingText(void 0);
+      },
+      setModel: (model) => {
+        slashCallbacks?.setModel?.(model);
+        const name = model.split("/").pop() ?? model;
+        setCurrentModel(name);
+      },
+      setStrategy: slashCallbacks?.setStrategy,
+      getStrategy: slashCallbacks?.getStrategy,
+      setMode: slashCallbacks?.setMode,
+      getMode: slashCallbacks?.getMode,
+      setOutputStyle: slashCallbacks?.setOutputStyle,
+      getOutputStyle: slashCallbacks?.getOutputStyle,
+      getBudget: slashCallbacks?.getBudget,
+      compact: slashCallbacks?.compact,
+      getContextWindow: slashCallbacks?.getContextWindow,
+      prompt: pushPrompt,
+      dream: slashCallbacks?.dream,
+      vault: slashCallbacks?.vault,
+      rebuildSystemPrompt: slashCallbacks?.rebuildSystemPrompt,
+      undoLastTurn: () => {
+        let removed = 0;
+        setMessages((prev) => {
+          const lastUserIdx = prev.findLastIndex((m) => m.role === "user");
+          if (lastUserIdx < 0) return prev;
+          removed = prev.length - lastUserIdx;
+          return prev.slice(0, lastUserIdx);
+        });
+        return removed;
+      },
+      getActiveRole: slashCallbacks?.getActiveRole,
+      setActiveRole: slashCallbacks?.setActiveRole,
+      gateway: slashCallbacks?.gateway
+    }),
+    [currentModel, sessionCost, tokenCount, exit, slashCallbacks]
+  );
+  const handleSubmit = useCallback3(
+    async (text) => {
+      if (isProcessing) return;
+      if (!text.trim()) {
+        setMessages((prev) => [
+          ...prev,
+          {
+            role: "routing",
+            content: "Type a message or use /help for commands"
+          }
+        ]);
+        return;
+      }
+      history.push(text.trim());
+      if (isSlashCommand(text)) {
+        setInput("");
+        const result = await executeSlashCommand(text, slashCtx);
+        setMessages((prev) => [
+          ...prev,
+          { role: "assistant", content: result }
+        ]);
+        return;
+      }
+      setInput("");
+      setMessages((prev) => [...prev, { role: "user", content: text.trim() }]);
+      setIsProcessing(true);
+      setStreamingText("");
+      setTasks([]);
+      setActiveTools([]);
+      setScrollOffset(0);
+      let fullResponse = "";
+      let model;
+      let cost = 0;
+      const costBefore = sessionCost;
+      try {
+        for await (const event of onSendMessage(text.trim())) {
+          switch (event.type) {
+            case "thinking":
+              setThinkingPhase(event.phase);
+              break;
+            case "routing":
+              model = event.decision.model.name;
+              setCurrentModel(model);
+              setThinkingPhase(void 0);
+              const est = event.decision.estimatedCost;
+              const estStr = est > 0 ? ` ~$${est.toFixed(3)}` : "";
+              const fb = event.decision.fallbacks?.length ?? 0;
+              const fbStr = fb > 0 ? ` (${fb} fallback${fb > 1 ? "s" : ""})` : "";
+              setMessages((prev) => [
+                ...prev,
+                {
+                  role: "routing",
+                  content: `\u2192 ${model} via ${event.decision.strategy}${estStr}${fbStr}`
+                }
+              ]);
+              break;
+            case "text-delta":
+              setThinkingPhase(void 0);
+              fullResponse += event.delta;
+              setStreamingText(fullResponse);
+              break;
+            case "reasoning":
+              setMessages((prev) => [
+                ...prev,
+                { role: "reasoning", content: event.content }
+              ]);
+              break;
+            case "tool-call-start":
+              setActiveTools((prev) => [
+                ...prev,
+                {
+                  id: `tc-${++toolIdCounter.current}-${event.toolName}`,
+                  toolName: event.toolName,
+                  args: event.args ?? {},
+                  status: "running",
+                  startTime: Date.now()
+                }
+              ]);
+              break;
+            case "tool-call-result":
+              setActiveTools((prev) => {
+                const idx = prev.findLastIndex(
+                  (t) => t.status === "running" && t.toolName === event.toolName
+                );
+                if (idx < 0) return prev;
+                const updated = [...prev];
+                updated[idx] = {
+                  ...updated[idx],
+                  status: "done",
+                  duration: Date.now() - updated[idx].startTime,
+                  ok: true
+                };
+                return updated;
+              });
+              break;
+            case "compaction":
+              setMessages((prev) => [
+                ...prev,
+                {
+                  role: "routing",
+                  content: `context compacted \u2014 ${event.removed} messages summarized (${event.tokensBefore.toLocaleString()} \u2192 ${event.tokensAfter.toLocaleString()} tokens)`
+                }
+              ]);
+              break;
+            case "subagent-result":
+              setMessages((prev) => [
+                ...prev,
+                {
+                  role: "routing",
+                  content: `subagent [${event.subagentType}] \u2192 ${event.model} ($${event.cost.toFixed(4)}, ${event.toolCalls.length} tool calls)`
+                }
+              ]);
+              break;
+            case "task-created":
+              setTasks((prev) => [...prev, event.task]);
+              break;
+            case "task-updated":
+              setTasks(
+                (prev) => prev.map((t) => t.id === event.task.id ? event.task : t)
+              );
+              break;
+            case "background-complete":
+              setMessages((prev) => [
+                ...prev,
+                {
+                  role: "routing",
+                  content: `[bg] ${event.taskId} completed (exit ${event.exitCode}): ${event.command.slice(0, 60)}`
+                }
+              ]);
+              break;
+            case "model-retry":
+              setCurrentModel(event.toModel);
+              setMessages((prev) => [
+                ...prev,
+                {
+                  role: "routing",
+                  content: `\u21BB retry: ${event.fromModel} \u2192 ${event.toModel} (${event.reason})`
+                }
+              ]);
+              break;
+            case "fallback-exhausted":
+              setMessages((prev) => [
+                ...prev,
+                {
+                  role: "routing",
+                  content: `\u26A0 all models failed: ${event.modelsTried.join(", ")}`
+                }
+              ]);
+              break;
+            case "budget-warning":
+              setMessages((prev) => [
+                ...prev,
+                {
+                  role: "routing",
+                  content: `\u26A0 budget: $${event.used.toFixed(4)} / $${event.limit.toFixed(4)} ($${event.remaining.toFixed(4)} remaining)`
+                }
+              ]);
+              break;
+            case "context-budget":
+              setMessages((prev) => [
+                ...prev,
+                {
+                  role: "routing",
+                  content: `context: ${event.percent}% (${event.used.toLocaleString()} / ${event.limit.toLocaleString()} tokens)`
+                }
+              ]);
+              break;
+            case "loop-warning":
+              break;
+            case "empty-response":
+              setMessages((prev) => [
+                ...prev,
+                {
+                  role: "routing",
+                  content: `\u26A0 empty response from ${event.modelId}`
+                }
+              ]);
+              break;
+            case "gateway-feedback":
+              break;
+            case "tool-output-partial":
+              break;
+            case "interrupted":
+              setMessages((prev) => [
+                ...prev,
+                { role: "routing", content: "interrupted" }
+              ]);
+              break;
+            case "done":
+              cost = event.totalCost - costBefore;
+              setSessionCost(event.totalCost);
+              if (event.totalTokens) setTokenCount(event.totalTokens);
+              break;
+            case "error": {
+              const msg = event.error.message ?? "";
+              const category = msg.includes("fetch") || msg.includes("ECONNREFUSED") ? "NETWORK" : msg.includes("Budget") || msg.includes("budget") ? "BUDGET" : msg.includes("Unauthorized") || msg.includes("401") ? "AUTH" : msg.includes("No models") ? "MODEL" : "ERROR";
+              const hint = category === "NETWORK" ? "\nCheck your internet connection." : category === "BUDGET" ? "\nRun /budget to check. Adjust in config.toml." : category === "AUTH" ? "\nRun /vault list to check API keys." : category === "MODEL" ? "\nRun /model to switch or check available models." : "";
+              setMessages((prev) => [
+                ...prev,
+                {
+                  role: "error",
+                  content: `[${category}] ${msg}${hint}`,
+                  model
+                }
+              ]);
+              break;
+            }
+          }
+        }
+      } catch (err) {
+        fullResponse = `Error: ${err.message}`;
+      } finally {
+        setStreamingText(void 0);
+        setThinkingPhase(void 0);
+        setIsProcessing(false);
+      }
+      setMessages((prev) => [
+        ...prev,
+        {
+          role: "assistant",
+          content: fullResponse || "(No response received)",
+          model,
+          cost
+        }
+      ]);
+    },
+    [isProcessing, onSendMessage, exit, slashCtx]
+  );
+  const termHeight = process.stdout.rows || 24;
+  const footerHeight = 4;
+  const toolsHeight = activeTools.filter((t) => t.status === "running").length > 0 ? 4 : 0;
+  const tasksHeight = tasks.length > 0 ? Math.min(tasks.length + 1, 5) : 0;
+  const messageHeight = Math.max(
+    5,
+    termHeight - 2 - footerHeight - toolsHeight - tasksHeight
+  );
+  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", flexGrow: 1, children: [
+    /* @__PURE__ */ jsx9(
+      MessageList,
+      {
+        messages,
+        maxHeight: messageHeight,
+        scrollOffset
+      }
+    ),
+    (streamingText !== void 0 || thinkingPhase) && /* @__PURE__ */ jsx9(
+      StreamingMessage,
+      {
+        content: streamingText ?? "",
+        isStreaming: isProcessing,
+        phase: thinkingPhase,
+        model: currentModel
+      }
+    ),
+    /* @__PURE__ */ jsx9(ToolCallList, { tools: activeTools }),
+    tasks.length > 0 && /* @__PURE__ */ jsx9(TaskList, { tasks }),
+    showAutocomplete && !isProcessing && !askUserPrompt && /* @__PURE__ */ jsx9(
+      Autocomplete,
+      {
+        query: input.slice(1),
+        items: slashItems,
+        onAccept: (label) => {
+          setInput(`/${label} `);
+          setShowAutocomplete(false);
+        },
+        onDismiss: () => setShowAutocomplete(false)
+      }
+    ),
+    askUserPrompt && /* @__PURE__ */ jsx9(
+      SelectPrompt,
+      {
+        message: askUserPrompt.question,
+        options: askUserPrompt.options,
+        onSelect: async (value) => {
+          const { resolveAskUser } = await import("@brainst0rm/tools");
+          resolveAskUser(value);
+          setAskUserPrompt(null);
+          setMessages((prev) => [
+            ...prev,
+            { role: "routing", content: `Selected: ${value}` }
+          ]);
+        },
+        onCancel: async () => {
+          const { resolveAskUser } = await import("@brainst0rm/tools");
+          resolveAskUser(askUserPrompt.options[0]?.value ?? "");
+          setAskUserPrompt(null);
+        }
+      }
+    ),
+    promptQueue.length > 0 && !askUserPrompt && /* @__PURE__ */ jsx9(
+      SelectPrompt,
+      {
+        message: promptQueue[0].question,
+        options: promptQueue[0].options,
+        onSelect: (value) => {
+          const current = promptQueue[0];
+          setPromptQueue((prev) => prev.slice(1));
+          setMessages((prev) => [
+            ...prev,
+            { role: "routing", content: `\u2192 ${value}` }
+          ]);
+          current.resolve(value);
+        },
+        onCancel: () => {
+          const current = promptQueue[0];
+          setPromptQueue([]);
+          current.resolve(current.options[0]?.value ?? "");
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs8(Box9, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs8(
+        Box9,
+        {
+          borderStyle: "single",
+          borderColor: isProcessing ? "gray" : "cyan",
+          paddingX: 1,
+          children: [
+            /* @__PURE__ */ jsx9(Text9, { color: isProcessing ? "gray" : "cyan", bold: true, children: "> " }),
+            /* @__PURE__ */ jsx9(
+              TextInput,
+              {
+                value: input,
+                onChange: (val) => {
+                  setInput(val);
+                  setShowAutocomplete(
+                    val.startsWith("/") && val.length > 1 && !val.includes(" ")
+                  );
+                },
+                onSubmit: (val) => {
+                  setShowAutocomplete(false);
+                  if (val.endsWith("\\")) {
+                    setInput(val.slice(0, -1) + "\n");
+                    return;
+                  }
+                  handleSubmit(val);
+                },
+                placeholder: isProcessing ? "Thinking..." : "Type a message... (/ commands, @file to include)"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx9(Box9, { paddingX: 2, children: /* @__PURE__ */ jsx9(Text9, { color: "gray", dimColor: true, children: isProcessing ? "Esc abort \u2502 Shift+\u2191\u2193 scroll" : "/help \u2502 Shift+Tab mode \u2502 \u2191\u2193 history \u2502 Ctrl+D exit" }) })
+    ] })
+  ] });
+}
+
+// src/components/modes/DashboardMode.tsx
+import { useEffect as useEffect2 } from "react";
+import { Box as Box11, Text as Text12 } from "ink";
+
+// src/components/viz/Gauge.tsx
+import { Box as Box10, Text as Text10 } from "ink";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var DEFAULT_COLOR = (v) => {
+  if (v >= 85) return "red";
+  if (v >= 60) return "yellow";
+  return "green";
+};
+function Gauge({
+  value,
+  width = 16,
+  label,
+  showPercent = true,
+  colorFn = DEFAULT_COLOR
+}) {
+  const clamped = Math.max(0, Math.min(100, value));
+  const filled = Math.round(clamped / 100 * width);
+  const empty = width - filled;
+  const color = colorFn(clamped);
+  return /* @__PURE__ */ jsxs9(Box10, { children: [
+    label && /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
+      label,
+      " "
+    ] }),
+    /* @__PURE__ */ jsx10(Text10, { color, children: "\u2588".repeat(filled) }),
+    /* @__PURE__ */ jsx10(Text10, { color: "gray", dimColor: true, children: "\u2591".repeat(empty) }),
+    showPercent && /* @__PURE__ */ jsxs9(Text10, { color: "gray", children: [
+      " ",
+      Math.round(clamped),
+      "%"
+    ] })
+  ] });
+}
+
+// src/components/viz/Sparkline.tsx
+import { Text as Text11 } from "ink";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var BARS = ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588"];
+function Sparkline({ data, color = "green", width }) {
+  if (data.length === 0)
+    return /* @__PURE__ */ jsx11(Text11, { color: "gray", dimColor: true, children: "\u2500" });
+  let values = data;
+  if (width && data.length > width) {
+    const step = data.length / width;
+    values = Array.from(
+      { length: width },
+      (_, i) => data[Math.floor(i * step)]
+    );
+  }
+  const min = Math.min(...values);
+  const max = Math.max(...values);
+  const range = max - min || 1;
+  const bars = values.map((v) => {
+    const idx = Math.round((v - min) / range * (BARS.length - 1));
+    return BARS[idx];
+  });
+  return /* @__PURE__ */ jsx11(Text11, { color, children: bars.join("") });
+}
+
+// src/theme.ts
+function getProviderColor(provider) {
+  const p = provider.toLowerCase();
+  if (p.includes("anthropic") || p.includes("claude")) return "magenta";
+  if (p.includes("openai") || p.includes("gpt") || p.includes("o3"))
+    return "yellow";
+  if (p.includes("google") || p.includes("gemini")) return "blue";
+  if (p.includes("deepseek")) return "cyan";
+  if (p.includes("local") || p.includes("ollama") || p.includes("lmstudio"))
+    return "white";
+  return "gray";
+}
+function getRoleColor(role) {
+  switch (role) {
+    case "architect":
+      return "magenta";
+    case "product-manager":
+      return "blue";
+    case "sr-developer":
+      return "green";
+    case "jr-developer":
+      return "yellow";
+    case "qa":
+      return "red";
+    default:
+      return "gray";
+  }
+}
+
+// src/components/modes/DashboardMode.tsx
+import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function formatElapsed(ms) {
+  const mins = Math.floor(ms / 6e4);
+  if (mins < 1) return "<1m";
+  if (mins < 60) return `${mins}m`;
+  return `${Math.floor(mins / 60)}h ${mins % 60}m`;
+}
+function formatTokens(n) {
+  if (n >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
+  if (n >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
+  return String(n);
+}
+function timeAgo(ts) {
+  const secs = Math.floor((Date.now() - ts) / 1e3);
+  if (secs < 60) return `${secs}s ago`;
+  return `${Math.floor(secs / 60)}m ago`;
+}
+function DashboardMode({
+  sessionCost,
+  tokenCount,
+  modelCount,
+  routingHistory,
+  toolStats,
+  turnCount,
+  sessionStart,
+  brData,
+  onRefreshBR
+}) {
+  const elapsed = Date.now() - sessionStart;
+  const costPerHour = elapsed > 6e4 ? sessionCost / elapsed * 36e5 : 0;
+  useEffect2(() => {
+    if (onRefreshBR && (!brData || brData.lastFetched === 0)) {
+      onRefreshBR();
+    }
+  }, []);
+  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: [
+    /* @__PURE__ */ jsxs10(
+      Box11,
+      {
+        borderStyle: "round",
+        borderColor: "gray",
+        paddingX: 1,
+        flexDirection: "row",
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx12(Text12, { color: "gray", children: "Session" }),
+            /* @__PURE__ */ jsxs10(Text12, { color: "yellow", bold: true, children: [
+              "$",
+              sessionCost.toFixed(4)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx12(Text12, { color: "gray", children: "Tokens" }),
+            /* @__PURE__ */ jsxs10(Text12, { children: [
+              formatTokens(tokenCount.input),
+              /* @__PURE__ */ jsx12(Text12, { color: "gray", children: "\u2191" }),
+              " ",
+              formatTokens(tokenCount.output),
+              /* @__PURE__ */ jsx12(Text12, { color: "gray", children: "\u2193" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx12(Text12, { color: "gray", children: "Turns" }),
+            /* @__PURE__ */ jsx12(Text12, { bold: true, children: turnCount })
+          ] }),
+          /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx12(Text12, { color: "gray", children: "Elapsed" }),
+            /* @__PURE__ */ jsx12(Text12, { children: formatElapsed(elapsed) })
+          ] }),
+          /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx12(Text12, { color: "gray", children: "$/hour" }),
+            /* @__PURE__ */ jsxs10(
+              Text12,
+              {
+                color: costPerHour > 5 ? "red" : costPerHour > 1 ? "yellow" : "green",
+                children: [
+                  "$",
+                  costPerHour.toFixed(2)
+                ]
+              }
+            )
+          ] }),
+          brData?.forecast && /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsx12(Text12, { color: "gray", children: "Forecast" }),
+            /* @__PURE__ */ jsxs10(Text12, { color: brData.forecast.will_exceed ? "red" : "green", bold: true, children: [
+              "$",
+              brData.forecast.projected_spend.toFixed(2)
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs10(Box11, { marginTop: 1, flexDirection: "row", flexGrow: 1, children: [
+      /* @__PURE__ */ jsxs10(
+        Box11,
+        {
+          borderStyle: "round",
+          borderColor: "gray",
+          flexGrow: 1,
+          paddingX: 1,
+          flexDirection: "column",
+          children: [
+            /* @__PURE__ */ jsxs10(Text12, { bold: true, color: "green", children: [
+              " ",
+              "Routing Log"
+            ] }),
+            routingHistory.length === 0 ? /* @__PURE__ */ jsxs10(Text12, { color: "gray", dimColor: true, children: [
+              " ",
+              "Send a message to start."
+            ] }) : routingHistory.slice(0, 6).map((entry, i) => /* @__PURE__ */ jsxs10(Box11, { children: [
+              /* @__PURE__ */ jsx12(Text12, { color: "gray", dimColor: true, children: timeAgo(entry.timestamp).padEnd(8) }),
+              /* @__PURE__ */ jsx12(Text12, { color: getProviderColor(entry.model), bold: true, children: entry.model.padEnd(18) }),
+              /* @__PURE__ */ jsx12(Text12, { color: "gray", children: entry.strategy })
+            ] }, i)),
+            brData && brData.leaderboard.length > 0 && /* @__PURE__ */ jsxs10(Fragment2, { children: [
+              /* @__PURE__ */ jsx12(Text12, { children: " " }),
+              /* @__PURE__ */ jsxs10(Text12, { bold: true, color: "yellow", children: [
+                " ",
+                "Leaderboard"
+              ] }),
+              brData.leaderboard.slice(0, 5).map((entry, i) => /* @__PURE__ */ jsxs10(Box11, { children: [
+                /* @__PURE__ */ jsxs10(Text12, { color: "gray", children: [
+                  String(i + 1).padStart(2),
+                  ". "
+                ] }),
+                /* @__PURE__ */ jsx12(Text12, { color: getProviderColor(entry.provider), bold: true, children: entry.model.split("/").pop()?.padEnd(18) ?? entry.model.padEnd(18) }),
+                /* @__PURE__ */ jsxs10(Text12, { color: "gray", children: [
+                  "Q",
+                  entry.quality_rank,
+                  " S",
+                  entry.speed_rank,
+                  " V",
+                  entry.value_rank
+                ] })
+              ] }, i))
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs10(
+        Box11,
+        {
+          borderStyle: "round",
+          borderColor: "gray",
+          flexGrow: 1,
+          paddingX: 1,
+          marginLeft: 1,
+          flexDirection: "column",
+          children: [
+            /* @__PURE__ */ jsxs10(Text12, { bold: true, color: "cyan", children: [
+              " ",
+              "Tool Health"
+            ] }),
+            toolStats.length === 0 ? /* @__PURE__ */ jsxs10(Text12, { color: "gray", dimColor: true, children: [
+              " ",
+              "No tool calls yet."
+            ] }) : toolStats.sort((a, b) => b.calls - a.calls).slice(0, 8).map((tool) => {
+              const rate = tool.calls > 0 ? Math.round(tool.successes / tool.calls * 100) : 0;
+              const color = rate >= 90 ? "green" : rate >= 70 ? "yellow" : "red";
+              return /* @__PURE__ */ jsxs10(Box11, { children: [
+                /* @__PURE__ */ jsxs10(Text12, { color, children: [
+                  rate >= 90 ? "\u25CF" : rate >= 70 ? "\u25D0" : "\u25CB",
+                  " "
+                ] }),
+                /* @__PURE__ */ jsx12(Text12, { children: tool.name.padEnd(14) }),
+                /* @__PURE__ */ jsxs10(Text12, { color: "gray", children: [
+                  String(tool.calls).padStart(3),
+                  " "
+                ] }),
+                /* @__PURE__ */ jsx12(Gauge, { value: rate, width: 8, showPercent: false }),
+                /* @__PURE__ */ jsxs10(Text12, { color, children: [
+                  " ",
+                  rate,
+                  "%"
+                ] })
+              ] }, tool.name);
+            }),
+            brData?.waste && brData.waste.total_waste_usd > 0 && /* @__PURE__ */ jsxs10(Fragment2, { children: [
+              /* @__PURE__ */ jsx12(Text12, { children: " " }),
+              /* @__PURE__ */ jsxs10(Text12, { bold: true, color: "red", children: [
+                " ",
+                "Waste: $",
+                brData.waste.total_waste_usd.toFixed(2)
+              ] }),
+              brData.waste.suggestions.slice(0, 3).map((s, i) => /* @__PURE__ */ jsxs10(Text12, { color: "gray", dimColor: true, children: [
+                " ",
+                s.description.slice(0, 50)
+              ] }, i))
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs10(
+        Box11,
+        {
+          borderStyle: "round",
+          borderColor: "gray",
+          flexGrow: 1,
+          paddingX: 1,
+          marginLeft: 1,
+          flexDirection: "column",
+          children: [
+            /* @__PURE__ */ jsxs10(Text12, { bold: true, color: "magenta", children: [
+              " ",
+              "Guardian Audit"
+            ] }),
+            !brData || brData.audit.length === 0 ? /* @__PURE__ */ jsxs10(Text12, { color: "gray", dimColor: true, children: [
+              " ",
+              "No audit data. Press r to refresh."
+            ] }) : brData.audit.slice(0, 6).map((entry, i) => {
+              const statusColor2 = entry.guardian_status === "safe" ? "green" : entry.guardian_status === "flagged" ? "yellow" : "red";
+              return /* @__PURE__ */ jsxs10(Box11, { children: [
+                /* @__PURE__ */ jsxs10(Text12, { color: statusColor2, children: [
+                  entry.guardian_status === "safe" ? "\u25CF" : "\u26A0",
+                  " "
+                ] }),
+                /* @__PURE__ */ jsx12(Text12, { color: getProviderColor(entry.model), children: entry.model.split("/").pop()?.padEnd(14) ?? "" }),
+                /* @__PURE__ */ jsxs10(Text12, { color: "gray", children: [
+                  "$",
+                  entry.cost_usd.toFixed(4)
+                ] })
+              ] }, i);
+            }),
+            brData && brData.dailyTrend.length > 0 && /* @__PURE__ */ jsxs10(Fragment2, { children: [
+              /* @__PURE__ */ jsx12(Text12, { children: " " }),
+              /* @__PURE__ */ jsxs10(Text12, { bold: true, color: "blue", children: [
+                " ",
+                "7-Day Trend"
+              ] }),
+              /* @__PURE__ */ jsxs10(Box11, { children: [
+                /* @__PURE__ */ jsx12(
+                  Sparkline,
+                  {
+                    data: brData.dailyTrend.map((d) => d.cost_usd),
+                    color: "yellow",
+                    width: 20
+                  }
+                ),
+                /* @__PURE__ */ jsxs10(Text12, { color: "gray", children: [
+                  " ",
+                  "$",
+                  brData.dailyTrend.reduce((s, d) => s + d.cost_usd, 0).toFixed(2),
+                  " ",
+                  "total"
+                ] })
+              ] })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx12(Box11, { paddingX: 1, children: /* @__PURE__ */ jsx12(Text12, { color: "gray", dimColor: true, children: brData?.loading ? "Loading BR data..." : brData?.error ? `BR: ${brData.error}` : `r refresh \u2502 ${modelCount.local}L/${modelCount.cloud}C` }) })
+  ] });
+}
+
+// src/components/modes/ModelsMode.tsx
+import { useState as useState6 } from "react";
+import { Box as Box12, Text as Text13, useInput as useInput4 } from "ink";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var QUALITY_BARS = {
+  1: { label: "Excellent", value: 100 },
+  2: { label: "Good", value: 66 },
+  3: { label: "Basic", value: 33 }
+};
+var SPEED_BARS = {
+  1: { label: "Fast", value: 100 },
+  2: { label: "Medium", value: 66 },
+  3: { label: "Slow", value: 33 }
+};
+function ModelsMode({
+  models,
+  currentModelId,
+  onSelectModel
+}) {
+  const initialIdx = currentModelId ? Math.max(
+    0,
+    models.findIndex(
+      (m) => m.id === currentModelId || m.name === currentModelId
+    )
+  ) : 0;
+  const [selectedIdx, setSelectedIdx] = useState6(initialIdx);
+  useInput4((input, key) => {
+    if (key.downArrow || input === "j") {
+      setSelectedIdx((prev) => Math.min(prev + 1, models.length - 1));
+    }
+    if (key.upArrow || input === "k") {
+      setSelectedIdx((prev) => Math.max(prev - 1, 0));
+    }
+    if (key.return && onSelectModel && models[selectedIdx]) {
+      onSelectModel(models[selectedIdx].id);
+    }
+  });
+  const selected = models[selectedIdx];
+  return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "row", flexGrow: 1, paddingX: 1, children: [
+    /* @__PURE__ */ jsxs11(
+      Box12,
+      {
+        borderStyle: "round",
+        borderColor: "gray",
+        flexDirection: "column",
+        paddingX: 1,
+        width: "60%",
+        children: [
+          /* @__PURE__ */ jsxs11(Text13, { bold: true, color: "yellow", children: [
+            " ",
+            "Model Explorer"
+          ] }),
+          /* @__PURE__ */ jsx13(Box12, { marginTop: 1, flexDirection: "column", children: models.map((m, i) => {
+            const isSelected = i === selectedIdx;
+            const provColor = getProviderColor(m.provider);
+            return /* @__PURE__ */ jsxs11(Box12, { children: [
+              /* @__PURE__ */ jsx13(Text13, { color: isSelected ? "white" : "gray", children: isSelected ? " \u25B8 " : "   " }),
+              /* @__PURE__ */ jsx13(Text13, { color: m.status === "available" ? "green" : "red", children: m.status === "available" ? "\u25CF " : "\u25CB " }),
+              /* @__PURE__ */ jsx13(Text13, { color: provColor, bold: isSelected, children: m.name.padEnd(24) }),
+              /* @__PURE__ */ jsxs11(Text13, { color: "gray", children: [
+                "$",
+                m.pricing.input,
+                "/$",
+                m.pricing.output
+              ] })
+            ] }, m.id);
+          }) }),
+          /* @__PURE__ */ jsx13(Box12, { marginTop: 1, children: /* @__PURE__ */ jsxs11(Text13, { color: "gray", dimColor: true, children: [
+            models.length,
+            " models \u2502 j/k navigate \u2502 Enter select"
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx13(
+      Box12,
+      {
+        borderStyle: "round",
+        borderColor: "gray",
+        flexDirection: "column",
+        paddingX: 1,
+        marginLeft: 1,
+        width: "40%",
+        children: selected ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+          /* @__PURE__ */ jsxs11(Text13, { bold: true, color: getProviderColor(selected.provider), children: [
+            " ",
+            selected.name
+          ] }),
+          /* @__PURE__ */ jsxs11(Text13, { color: "gray", dimColor: true, children: [
+            " ",
+            selected.id
+          ] }),
+          /* @__PURE__ */ jsxs11(Box12, { marginTop: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsx13(Text13, { color: "gray", children: "Provider" }),
+            /* @__PURE__ */ jsxs11(Text13, { color: getProviderColor(selected.provider), bold: true, children: [
+              " ",
+              selected.provider
+            ] }),
+            /* @__PURE__ */ jsxs11(Box12, { marginTop: 1, children: [
+              /* @__PURE__ */ jsx13(Text13, { color: "gray", children: "Quality " }),
+              /* @__PURE__ */ jsx13(
+                Gauge,
+                {
+                  value: QUALITY_BARS[selected.qualityTier]?.value ?? 50,
+                  width: 8,
+                  showPercent: false,
+                  colorFn: () => "yellow"
+                }
+              ),
+              /* @__PURE__ */ jsxs11(Text13, { color: "gray", children: [
+                " ",
+                QUALITY_BARS[selected.qualityTier]?.label ?? "?"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs11(Box12, { children: [
+              /* @__PURE__ */ jsx13(Text13, { color: "gray", children: "Speed " }),
+              /* @__PURE__ */ jsx13(
+                Gauge,
+                {
+                  value: SPEED_BARS[selected.speedTier]?.value ?? 50,
+                  width: 8,
+                  showPercent: false,
+                  colorFn: () => "cyan"
+                }
+              ),
+              /* @__PURE__ */ jsxs11(Text13, { color: "gray", children: [
+                " ",
+                SPEED_BARS[selected.speedTier]?.label ?? "?"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs11(Box12, { marginTop: 1, flexDirection: "column", children: [
+              /* @__PURE__ */ jsx13(Text13, { color: "gray", children: "Pricing (per 1M tokens)" }),
+              /* @__PURE__ */ jsxs11(Text13, { children: [
+                " ",
+                "Input: ",
+                /* @__PURE__ */ jsxs11(Text13, { color: "yellow", children: [
+                  "$",
+                  selected.pricing.input
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs11(Text13, { children: [
+                " ",
+                "Output: ",
+                /* @__PURE__ */ jsxs11(Text13, { color: "yellow", children: [
+                  "$",
+                  selected.pricing.output
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs11(Box12, { marginTop: 1, children: [
+              /* @__PURE__ */ jsx13(Text13, { color: "gray", children: "Status: " }),
+              /* @__PURE__ */ jsx13(
+                Text13,
+                {
+                  color: selected.status === "available" ? "green" : "red",
+                  bold: true,
+                  children: selected.status
+                }
+              )
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ jsx13(Text13, { color: "gray", dimColor: true, children: "No model selected" })
+      }
+    )
+  ] });
+}
+
+// src/components/modes/ConfigMode.tsx
+import { Box as Box13, Text as Text14 } from "ink";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function ConfigItem({
+  label,
+  value,
+  color
+}) {
+  return /* @__PURE__ */ jsxs12(Box13, { children: [
+    /* @__PURE__ */ jsxs12(Text14, { color: "gray", children: [
+      " ",
+      label.padEnd(18)
+    ] }),
+    /* @__PURE__ */ jsx14(Text14, { color: color ?? "white", bold: true, children: value })
+  ] });
+}
+function formatAge(isoDate) {
+  const ms = Date.now() - new Date(isoDate).getTime();
+  const days = Math.floor(ms / 864e5);
+  if (days === 0) return "today";
+  if (days === 1) return "1 day ago";
+  if (days < 30) return `${days} days ago`;
+  if (days < 365) return `${Math.floor(days / 30)} months ago`;
+  return `${Math.floor(days / 365)} years ago`;
+}
+var KEY_LABELS = {
+  BRAINSTORM_API_KEY: {
+    label: "BrainstormRouter",
+    provider: "brainstorm",
+    color: "green"
+  },
+  ANTHROPIC_API_KEY: {
+    label: "Anthropic",
+    provider: "anthropic",
+    color: "magenta"
+  },
+  OPENAI_API_KEY: { label: "OpenAI", provider: "openai", color: "yellow" },
+  GOOGLE_GENERATIVE_AI_API_KEY: {
+    label: "Google AI",
+    provider: "google",
+    color: "blue"
+  },
+  DEEPSEEK_API_KEY: { label: "DeepSeek", provider: "deepseek", color: "cyan" },
+  MOONSHOT_API_KEY: {
+    label: "Moonshot (Kimi)",
+    provider: "moonshot",
+    color: "white"
+  },
+  BRAINSTORM_ADMIN_KEY: {
+    label: "BR Admin",
+    provider: "brainstorm",
+    color: "red"
+  }
+};
+function ConfigMode({
+  strategy,
+  permissionMode,
+  outputStyle,
+  sandbox,
+  role,
+  modelCount,
+  turnCount,
+  sessionCost,
+  vaultInfo,
+  memoryInfo
+}) {
+  const modeColor = permissionMode === "auto" ? "green" : permissionMode === "plan" ? "cyan" : "yellow";
+  return /* @__PURE__ */ jsx14(Box13, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: /* @__PURE__ */ jsxs12(Box13, { flexDirection: "row", flexGrow: 1, children: [
+    /* @__PURE__ */ jsxs12(
+      Box13,
+      {
+        borderStyle: "round",
+        borderColor: "gray",
+        flexDirection: "column",
+        paddingX: 1,
+        width: "50%",
+        children: [
+          /* @__PURE__ */ jsxs12(Text14, { bold: true, color: "magenta", children: [
+            " ",
+            "Active Configuration"
+          ] }),
+          /* @__PURE__ */ jsxs12(Box13, { marginTop: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs12(Text14, { children: [
+              " ",
+              /* @__PURE__ */ jsx14(Text14, { color: "green", bold: true, children: "\u25CF" }),
+              " ",
+              /* @__PURE__ */ jsx14(Text14, { bold: true, children: "Routing" })
+            ] }),
+            /* @__PURE__ */ jsx14(ConfigItem, { label: "Strategy", value: strategy }),
+            /* @__PURE__ */ jsx14(
+              ConfigItem,
+              {
+                label: "Permission",
+                value: permissionMode,
+                color: modeColor
+              }
+            ),
+            /* @__PURE__ */ jsx14(ConfigItem, { label: "Output style", value: outputStyle }),
+            role && /* @__PURE__ */ jsx14(
+              ConfigItem,
+              {
+                label: "Active role",
+                value: role,
+                color: getRoleColor(role)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs12(Box13, { marginTop: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs12(Text14, { children: [
+              " ",
+              /* @__PURE__ */ jsx14(Text14, { color: "yellow", bold: true, children: "\u25CF" }),
+              " ",
+              /* @__PURE__ */ jsx14(Text14, { bold: true, children: "Shell" })
+            ] }),
+            /* @__PURE__ */ jsx14(
+              ConfigItem,
+              {
+                label: "Sandbox",
+                value: sandbox,
+                color: sandbox === "container" ? "cyan" : sandbox === "restricted" ? "yellow" : "gray"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs12(Box13, { marginTop: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs12(Text14, { children: [
+              " ",
+              /* @__PURE__ */ jsx14(Text14, { color: "blue", bold: true, children: "\u25CF" }),
+              " ",
+              /* @__PURE__ */ jsx14(Text14, { bold: true, children: "Session" })
+            ] }),
+            turnCount !== void 0 && /* @__PURE__ */ jsx14(ConfigItem, { label: "Turns", value: String(turnCount) }),
+            sessionCost !== void 0 && /* @__PURE__ */ jsx14(
+              ConfigItem,
+              {
+                label: "Cost",
+                value: `$${sessionCost.toFixed(4)}`,
+                color: "yellow"
+              }
+            ),
+            modelCount && /* @__PURE__ */ jsx14(
+              ConfigItem,
+              {
+                label: "Models",
+                value: `${modelCount.local} local, ${modelCount.cloud} cloud`
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs12(
+      Box13,
+      {
+        borderStyle: "round",
+        borderColor: "gray",
+        flexDirection: "column",
+        paddingX: 1,
+        marginLeft: 1,
+        width: "50%",
+        children: [
+          /* @__PURE__ */ jsxs12(Text14, { bold: true, color: "cyan", children: [
+            " ",
+            "Vault & API Keys"
+          ] }),
+          vaultInfo ? /* @__PURE__ */ jsxs12(Box13, { marginTop: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs12(Box13, { children: [
+              /* @__PURE__ */ jsx14(Text14, { color: "gray", children: " Status " }),
+              /* @__PURE__ */ jsx14(
+                Text14,
+                {
+                  color: vaultInfo.isOpen ? "green" : vaultInfo.exists ? "yellow" : "red",
+                  bold: true,
+                  children: vaultInfo.isOpen ? "\u25CF unlocked" : vaultInfo.exists ? "\u25CF locked" : "\u25CB not initialized"
+                }
+              )
+            ] }),
+            vaultInfo.createdAt && /* @__PURE__ */ jsxs12(Box13, { children: [
+              /* @__PURE__ */ jsx14(Text14, { color: "gray", children: " Created " }),
+              /* @__PURE__ */ jsx14(Text14, { children: formatAge(vaultInfo.createdAt) })
+            ] }),
+            /* @__PURE__ */ jsxs12(Box13, { children: [
+              /* @__PURE__ */ jsx14(Text14, { color: "gray", children: " 1Password " }),
+              /* @__PURE__ */ jsx14(Text14, { color: vaultInfo.opAvailable ? "green" : "gray", children: vaultInfo.opAvailable ? "\u25CF connected" : "\u25CB not available" })
+            ] }),
+            /* @__PURE__ */ jsxs12(Box13, { marginTop: 1, flexDirection: "column", children: [
+              /* @__PURE__ */ jsxs12(Text14, { children: [
+                " ",
+                /* @__PURE__ */ jsxs12(Text14, { bold: true, children: [
+                  "Resolved Keys (",
+                  vaultInfo.resolvedKeys.length,
+                  ")"
+                ] })
+              ] }),
+              vaultInfo.resolvedKeys.length === 0 ? /* @__PURE__ */ jsxs12(Text14, { color: "gray", dimColor: true, children: [
+                " ",
+                "No keys resolved. Use /vault add or set env vars."
+              ] }) : vaultInfo.resolvedKeys.map((key) => {
+                const info = KEY_LABELS[key];
+                return /* @__PURE__ */ jsxs12(Box13, { children: [
+                  /* @__PURE__ */ jsx14(Text14, { color: info?.color ?? "gray", children: " \u25CF " }),
+                  /* @__PURE__ */ jsx14(Text14, { children: (info?.label ?? key).padEnd(20) }),
+                  /* @__PURE__ */ jsx14(Text14, { color: "gray", dimColor: true, children: key })
+                ] }, key);
+              })
+            ] }),
+            vaultInfo.isOpen && vaultInfo.keys.length > 0 && /* @__PURE__ */ jsxs12(Box13, { marginTop: 1, flexDirection: "column", children: [
+              /* @__PURE__ */ jsxs12(Text14, { children: [
+                " ",
+                /* @__PURE__ */ jsxs12(Text14, { bold: true, children: [
+                  "Vault Keys (",
+                  vaultInfo.keyCount,
+                  ")"
+                ] })
+              ] }),
+              vaultInfo.keys.map((key) => {
+                const info = KEY_LABELS[key];
+                return /* @__PURE__ */ jsxs12(Box13, { children: [
+                  /* @__PURE__ */ jsx14(Text14, { color: "gray", children: " \u25C6 " }),
+                  /* @__PURE__ */ jsx14(Text14, { children: (info?.label ?? key).padEnd(20) }),
+                  /* @__PURE__ */ jsx14(Text14, { color: "gray", dimColor: true, children: key })
+                ] }, key);
+              })
+            ] })
+          ] }) : /* @__PURE__ */ jsxs12(Box13, { marginTop: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs12(Text14, { color: "gray", dimColor: true, children: [
+              " ",
+              "Vault info not available."
+            ] }),
+            /* @__PURE__ */ jsxs12(Text14, { color: "gray", dimColor: true, children: [
+              " ",
+              "Run `brainstorm vault init` to create."
+            ] })
+          ] }),
+          memoryInfo && /* @__PURE__ */ jsxs12(Box13, { marginTop: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs12(Text14, { children: [
+              " ",
+              /* @__PURE__ */ jsxs12(Text14, { bold: true, children: [
+                "Memory (",
+                memoryInfo.localCount,
+                " entries)"
+              ] })
+            ] }),
+            Object.entries(memoryInfo.types).map(([type, count]) => /* @__PURE__ */ jsxs12(Text14, { color: "gray", children: [
+              "      ",
+              type.padEnd(12),
+              " ",
+              count
+            ] }, type)),
+            /* @__PURE__ */ jsx14(Text14, { color: "gray", children: " /dream to consolidate" })
+          ] }),
+          /* @__PURE__ */ jsxs12(Box13, { marginTop: 1, flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs12(Text14, { children: [
+              " ",
+              /* @__PURE__ */ jsx14(Text14, { bold: true, children: "Commands" })
+            ] }),
+            /* @__PURE__ */ jsx14(Text14, { color: "gray", children: " /vault list Show stored keys" }),
+            /* @__PURE__ */ jsx14(Text14, { color: "gray", children: " /role Show available roles" }),
+            /* @__PURE__ */ jsx14(Text14, { color: "gray", children: " /recommend Get model suggestion" }),
+            /* @__PURE__ */ jsx14(Text14, { color: "gray", children: " /stats Session analytics" })
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+
+// src/components/modes/PlanningMode.tsx
+import { useState as useState8, useEffect as useEffect4 } from "react";
+import { Box as Box15, Text as Text16, useInput as useInput6 } from "ink";
+
+// src/components/planning/PlanTree.tsx
+import { useState as useState7, useEffect as useEffect3 } from "react";
+import { Box as Box14, Text as Text15, useInput as useInput5 } from "ink";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function statusIcon(status) {
+  switch (status) {
+    case "completed":
+      return "\u2713";
+    case "in_progress":
+      return "\u25D0";
+    case "failed":
+      return "\u2717";
+    case "blocked":
+      return "\u25AA";
+    case "skipped":
+      return "\u25CB";
+    default:
+      return "\u25CB";
+  }
+}
+function statusColor(status) {
+  switch (status) {
+    case "completed":
+      return "green";
+    case "in_progress":
+      return "yellow";
+    case "failed":
+      return "red";
+    case "blocked":
+      return "gray";
+    default:
+      return "gray";
+  }
+}
+function flattenPlan(plan, expanded) {
+  const nodes = [];
+  for (const phase of plan.phases) {
+    nodes.push({
+      id: phase.id,
+      label: phase.name,
+      status: phase.status,
+      depth: 0,
+      type: "phase",
+      progress: `${phase.completedCount}/${phase.taskCount}`,
+      expandable: true
+    });
+    if (!expanded.has(phase.id)) continue;
+    for (const sprint of phase.sprints) {
+      nodes.push({
+        id: sprint.id,
+        label: sprint.name,
+        status: sprint.status,
+        depth: 1,
+        type: "sprint",
+        expandable: true
+      });
+      if (!expanded.has(sprint.id)) continue;
+      for (const task of sprint.tasks) {
+        nodes.push({
+          id: task.id,
+          label: task.description,
+          status: task.status,
+          depth: 2,
+          type: "task",
+          cost: task.cost,
+          skill: task.assignedSkill,
+          expandable: false
+        });
+      }
+    }
+  }
+  return nodes;
+}
+function PlanTree({
+  plan,
+  selectedId,
+  onSelect,
+  maxHeight = 20,
+  isActive = true
+}) {
+  const [expanded, setExpanded] = useState7(() => {
+    const initial = /* @__PURE__ */ new Set();
+    for (const phase of plan.phases) {
+      if (phase.status === "in_progress" || phase.status === "pending") {
+        initial.add(phase.id);
+        for (const sprint of phase.sprints) {
+          if (sprint.status === "in_progress" || sprint.status === "pending") {
+            initial.add(sprint.id);
+          }
+        }
+      }
+    }
+    return initial;
+  });
+  const [cursor, setCursor] = useState7(0);
+  const nodes = flattenPlan(plan, expanded);
+  useInput5((input, key) => {
+    if (!isActive) return;
+    if (key.downArrow || input === "j") {
+      setCursor((prev) => Math.min(prev + 1, nodes.length - 1));
+    }
+    if (key.upArrow || input === "k") {
+      setCursor((prev) => Math.max(prev - 1, 0));
+    }
+    if (key.return) {
+      const node = nodes[cursor];
+      if (!node) return;
+      if (node.expandable) {
+        setExpanded((prev) => {
+          const next = new Set(prev);
+          if (next.has(node.id)) next.delete(node.id);
+          else next.add(node.id);
+          return next;
+        });
+      }
+      onSelect(node.id, node.type);
+    }
+  });
+  const safeCursor = Math.min(cursor, nodes.length - 1);
+  const selectedNode = nodes[safeCursor];
+  useEffect3(() => {
+    if (selectedNode && selectedNode.id !== selectedId) {
+      onSelect(selectedNode.id, selectedNode.type);
+    }
+  }, [selectedNode?.id]);
+  const scrollOffset = Math.max(0, safeCursor - maxHeight + 3);
+  const visibleNodes = nodes.slice(scrollOffset, scrollOffset + maxHeight);
+  return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx15(Box14, { marginBottom: 1, children: /* @__PURE__ */ jsx15(Text15, { bold: true, color: "cyan", children: plan.name }) }),
+    /* @__PURE__ */ jsx15(Box14, { marginBottom: 1, children: /* @__PURE__ */ jsxs13(Text15, { color: "gray", children: [
+      plan.completedTasks,
+      "/",
+      plan.totalTasks,
+      " tasks"
+    ] }) }),
+    visibleNodes.map((node, i) => {
+      const actualIdx = scrollOffset + i;
+      const isCursor = actualIdx === safeCursor;
+      const indent = "  ".repeat(node.depth);
+      const expandIcon = node.expandable ? expanded.has(node.id) ? "\u25BC " : "\u25B6 " : "  ";
+      return /* @__PURE__ */ jsxs13(Box14, { children: [
+        /* @__PURE__ */ jsx15(Text15, { color: isCursor ? "cyan" : void 0, children: isCursor ? "\u2192 " : "  " }),
+        /* @__PURE__ */ jsx15(Text15, { dimColor: !isCursor, children: indent }),
+        /* @__PURE__ */ jsxs13(Text15, { color: statusColor(node.status), children: [
+          statusIcon(node.status),
+          " "
+        ] }),
+        /* @__PURE__ */ jsx15(Text15, { dimColor: !isCursor, children: expandIcon }),
+        /* @__PURE__ */ jsx15(
+          Text15,
+          {
+            color: isCursor ? "white" : "gray",
+            bold: isCursor,
+            wrap: "truncate",
+            children: node.label.slice(0, 35)
+          }
+        ),
+        node.progress && /* @__PURE__ */ jsxs13(Text15, { color: "gray", dimColor: true, children: [
+          " ",
+          node.progress
+        ] }),
+        node.skill && /* @__PURE__ */ jsxs13(Text15, { color: "cyan", dimColor: true, children: [
+          " ",
+          "[",
+          node.skill,
+          "]"
+        ] }),
+        node.cost !== void 0 && node.cost > 0 && /* @__PURE__ */ jsxs13(Text15, { color: "gray", dimColor: true, children: [
+          " ",
+          "$",
+          node.cost.toFixed(2)
+        ] })
+      ] }, node.id);
+    }),
+    scrollOffset > 0 && /* @__PURE__ */ jsxs13(Text15, { color: "gray", dimColor: true, children: [
+      " ",
+      "\u2191 ",
+      scrollOffset,
+      " more"
+    ] }),
+    scrollOffset + maxHeight < nodes.length && /* @__PURE__ */ jsxs13(Text15, { color: "gray", dimColor: true, children: [
+      " ",
+      "\u2193 ",
+      nodes.length - scrollOffset - maxHeight,
+      " more"
+    ] })
+  ] });
+}
+
+// src/components/modes/PlanningMode.tsx
+import { parsePlanContent } from "@brainst0rm/core";
+import { readdirSync, readFileSync as readFileSync2, existsSync as existsSync2 } from "fs";
+import { join as join2 } from "path";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function loadPlans(projectPath) {
+  const plans = [];
+  const planDirs = [
+    join2(projectPath, ".claude", "plans"),
+    join2(projectPath, ".brainstorm", "plans")
+  ];
+  for (const dir of planDirs) {
+    if (!existsSync2(dir)) continue;
+    for (const file of readdirSync(dir)) {
+      if (!file.endsWith(".plan.md")) continue;
+      try {
+        const filePath = join2(dir, file);
+        const content = readFileSync2(filePath, "utf-8");
+        plans.push(parsePlanContent(content, filePath));
+      } catch {
+      }
+    }
+  }
+  return plans;
+}
+function PlanningMode({ projectPath }) {
+  const [plans, setPlans] = useState8([]);
+  const [activePlanIdx, setActivePlanIdx] = useState8(0);
+  const [selectedId, setSelectedId] = useState8(null);
+  const [selectedType, setSelectedType] = useState8(null);
+  useEffect4(() => {
+    const cwd = projectPath || process.cwd();
+    setPlans(loadPlans(cwd));
+  }, [projectPath]);
+  useInput6((input, key) => {
+    if (input === "[" && plans.length > 1) {
+      setActivePlanIdx((prev) => Math.max(0, prev - 1));
+    }
+    if (input === "]" && plans.length > 1) {
+      setActivePlanIdx((prev) => Math.min(plans.length - 1, prev + 1));
+    }
+  });
+  if (plans.length === 0) {
+    return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx16(Text16, { bold: true, color: "cyan", children: "Planning" }),
+      /* @__PURE__ */ jsx16(Box15, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text16, { color: "gray", children: "No .plan.md files found. Create one at .claude/plans/my-plan.plan.md" }) }),
+      /* @__PURE__ */ jsx16(Box15, { marginTop: 1, children: /* @__PURE__ */ jsx16(Text16, { color: "gray", dimColor: true, children: "Format: YAML frontmatter + ## Phases + ### Sprints + - [x] Tasks" }) }),
+      /* @__PURE__ */ jsx16(Box15, { marginTop: 1, children: /* @__PURE__ */ jsxs14(Text16, { color: "gray", dimColor: true, children: [
+        "Execute: storm plan execute ",
+        "<path>",
+        " [--dry-run] [--auto]"
+      ] }) })
+    ] });
+  }
+  const activePlan = plans[activePlanIdx];
+  let selectedPhase = null;
+  let selectedTask = null;
+  if (selectedId && activePlan) {
+    for (const phase of activePlan.phases) {
+      if (phase.id === selectedId) {
+        selectedPhase = phase;
+        break;
+      }
+      for (const sprint of phase.sprints) {
+        if (sprint.id === selectedId) {
+          selectedPhase = phase;
+          break;
+        }
+        for (const task of sprint.tasks) {
+          if (task.id === selectedId) {
+            selectedTask = task;
+            selectedPhase = phase;
+            break;
+          }
+        }
+      }
+    }
+  }
+  const progress = activePlan.totalTasks > 0 ? Math.round(activePlan.completedTasks / activePlan.totalTasks * 100) : 0;
+  return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", paddingX: 1, flexGrow: 1, children: [
+    plans.length > 1 && /* @__PURE__ */ jsxs14(Box15, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsxs14(Text16, { color: "gray", dimColor: true, children: [
+        "[ ] switch plan:",
+        " "
+      ] }),
+      plans.map((p, i) => /* @__PURE__ */ jsx16(Box15, { marginRight: 1, children: /* @__PURE__ */ jsx16(
+        Text16,
+        {
+          color: i === activePlanIdx ? "cyan" : "gray",
+          bold: i === activePlanIdx,
+          children: p.name.slice(0, 20)
+        }
+      ) }, p.id))
+    ] }),
+    /* @__PURE__ */ jsxs14(Box15, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx16(Text16, { color: "gray", children: "Progress: " }),
+      /* @__PURE__ */ jsxs14(
+        Text16,
+        {
+          color: progress >= 100 ? "green" : progress > 0 ? "yellow" : "gray",
+          children: [
+            "\u2588".repeat(Math.round(progress / 5)),
+            "\u2591".repeat(20 - Math.round(progress / 5))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs14(Text16, { color: "gray", children: [
+        " ",
+        progress,
+        "% "
+      ] }),
+      /* @__PURE__ */ jsxs14(Text16, { color: "gray", dimColor: true, children: [
+        "(",
+        activePlan.completedTasks,
+        "/",
+        activePlan.totalTasks,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs14(Box15, { flexDirection: "row", flexGrow: 1, children: [
+      /* @__PURE__ */ jsx16(Box15, { width: "45%", flexDirection: "column", children: /* @__PURE__ */ jsx16(
+        PlanTree,
+        {
+          plan: activePlan,
+          selectedId,
+          onSelect: (id, type) => {
+            setSelectedId(id);
+            setSelectedType(type);
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsx16(Box15, { width: 1, marginX: 1, children: /* @__PURE__ */ jsx16(Text16, { color: "gray", dimColor: true, children: "\u2502" }) }),
+      /* @__PURE__ */ jsxs14(Box15, { width: "50%", flexDirection: "column", children: [
+        selectedPhase && selectedType === "phase" && /* @__PURE__ */ jsx16(PhaseDetail, { phase: selectedPhase }),
+        selectedTask && selectedType === "task" && /* @__PURE__ */ jsx16(TaskDetail, { task: selectedTask }),
+        !selectedId && /* @__PURE__ */ jsx16(Box15, { children: /* @__PURE__ */ jsx16(Text16, { color: "gray", children: "Select a node to see details" }) })
+      ] })
+    ] })
+  ] });
+}
+function PhaseDetail({ phase }) {
+  return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx16(Text16, { bold: true, color: "white", children: phase.name }),
+    /* @__PURE__ */ jsxs14(Text16, { color: "gray", dimColor: true, children: [
+      phase.completedCount,
+      "/",
+      phase.taskCount,
+      " tasks"
+    ] }),
+    /* @__PURE__ */ jsx16(Box15, { marginTop: 1, flexDirection: "column", children: phase.sprints.map((sprint) => /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx16(Text16, { color: "gray", children: sprint.name }),
+      sprint.tasks.map((task) => {
+        const icon = task.status === "completed" ? "\u2713" : task.status === "in_progress" ? "\u25D0" : "\u25CB";
+        const color = task.status === "completed" ? "green" : task.status === "in_progress" ? "yellow" : "gray";
+        return /* @__PURE__ */ jsxs14(Box15, { paddingLeft: 2, children: [
+          /* @__PURE__ */ jsxs14(Text16, { color, children: [
+            icon,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx16(Text16, { color: "gray", wrap: "truncate", children: task.description.slice(0, 45) }),
+          task.cost !== void 0 && task.cost > 0 && /* @__PURE__ */ jsxs14(Text16, { color: "gray", dimColor: true, children: [
+            " ",
+            "$",
+            task.cost.toFixed(2)
+          ] })
+        ] }, task.id);
+      })
+    ] }, sprint.id)) })
+  ] });
+}
+function TaskDetail({ task }) {
+  return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx16(Text16, { bold: true, color: "white", children: task.description }),
+    /* @__PURE__ */ jsxs14(Box15, { marginTop: 1, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs14(Text16, { color: "gray", children: [
+        "Status:",
+        " ",
+        /* @__PURE__ */ jsx16(Text16, { color: task.status === "completed" ? "green" : "yellow", children: task.status })
+      ] }),
+      task.assignedSkill && /* @__PURE__ */ jsxs14(Text16, { color: "gray", children: [
+        "Skill: ",
+        /* @__PURE__ */ jsx16(Text16, { color: "cyan", children: task.assignedSkill })
+      ] }),
+      task.modelUsed && /* @__PURE__ */ jsxs14(Text16, { color: "gray", children: [
+        "Model: ",
+        /* @__PURE__ */ jsx16(Text16, { color: "green", children: task.modelUsed })
+      ] }),
+      task.cost !== void 0 && task.cost > 0 && /* @__PURE__ */ jsxs14(Text16, { color: "gray", children: [
+        "Cost: ",
+        /* @__PURE__ */ jsxs14(Text16, { color: "yellow", children: [
+          "$",
+          task.cost.toFixed(4)
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/ShortcutOverlay.tsx
+import { Box as Box16, Text as Text17, useInput as useInput7 } from "ink";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+function ShortcutOverlay({ onDismiss }) {
+  useInput7(() => {
+    onDismiss();
+  });
+  return /* @__PURE__ */ jsxs15(Box16, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx17(Text17, { bold: true, color: "cyan", children: "Keyboard Shortcuts" }),
+    /* @__PURE__ */ jsx17(Text17, { children: " " }),
+    /* @__PURE__ */ jsx17(Text17, { bold: true, children: "Navigation" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " Esc Toggle between Chat and Dashboard" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " 1-4 Switch modes (in non-chat modes)" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " Tab Cycle modes (in non-chat modes)" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " Ctrl+D\xD72 Exit application" }),
+    /* @__PURE__ */ jsx17(Text17, { children: " " }),
+    /* @__PURE__ */ jsx17(Text17, { bold: true, children: "Chat Mode" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " Enter Send message" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " \\+Enter Multi-line (backslash continuation)" }),
+    /* @__PURE__ */ jsxs15(Text17, { color: "gray", children: [
+      " ",
+      "Shift+Tab Cycle permission mode (auto/confirm/plan)"
+    ] }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " \u2191\u2193 Input history" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " Shift+\u2191\u2193 Scroll message history" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " / Show command autocomplete" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " @file Include file in context" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " Esc Abort (while processing) / Dashboard (idle)" }),
+    /* @__PURE__ */ jsx17(Text17, { children: " " }),
+    /* @__PURE__ */ jsx17(Text17, { bold: true, children: "Models Mode" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " \u2191\u2193 / j/k Navigate model list" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " Enter Select model for session" }),
+    /* @__PURE__ */ jsx17(Text17, { children: " " }),
+    /* @__PURE__ */ jsx17(Text17, { bold: true, children: "Dashboard Mode" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " r Refresh BrainstormRouter data" }),
+    /* @__PURE__ */ jsx17(Text17, { children: " " }),
+    /* @__PURE__ */ jsx17(Text17, { bold: true, children: "Key Commands" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " /help Command reference" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " /role Switch roles (architect, sr-dev, qa)" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " /build Multi-model workflow wizard" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " /context Token breakdown" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " /insights Session intelligence" }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: " /undo Remove last turn" }),
+    /* @__PURE__ */ jsx17(Text17, { children: " " }),
+    /* @__PURE__ */ jsx17(Text17, { color: "gray", children: "Press any key to dismiss" })
+  ] });
+}
+
+// src/components/App.tsx
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+function App(props) {
+  const { exit } = useApp2();
+  const { mode, setMode, cycleMode, setModeByKey } = useMode("chat");
+  const [sessionCost, setSessionCost] = useState9(0);
+  const [tokenCount, setTokenCount] = useState9({ input: 0, output: 0 });
+  const [currentModel, setCurrentModel] = useState9();
+  const [currentRole, setCurrentRole] = useState9();
+  const [isProcessing, setIsProcessing] = useState9(false);
+  const [routingHistory, setRoutingHistory] = useState9([]);
+  const [toolStats, setToolStats] = useState9(/* @__PURE__ */ new Map());
+  const [turnCount, setTurnCount] = useState9(0);
+  const [sessionStart] = useState9(Date.now());
+  const { data: brData, refresh: refreshBR } = useBRData(props.gateway ?? null);
+  const [lastCtrlD, setLastCtrlD] = useState9(0);
+  const [guardianStatus, setGuardianStatus] = useState9();
+  const [showShortcuts, setShowShortcuts] = useState9(false);
+  const abortTimeoutRef = useRef2(null);
+  useInput8((input, key) => {
+    if (key.escape) {
+      if (mode === "chat") {
+        if (isProcessing) {
+          props.onAbort?.();
+          if (abortTimeoutRef.current) clearTimeout(abortTimeoutRef.current);
+          abortTimeoutRef.current = setTimeout(() => {
+            setIsProcessing(false);
+            abortTimeoutRef.current = null;
+          }, 5e3);
+        } else {
+          setMode("dashboard");
+        }
+      } else {
+        setMode("chat");
+      }
+      return;
+    }
+    if (input === "?" && mode !== "chat") {
+      setShowShortcuts(true);
+      return;
+    }
+    if (mode !== "chat") {
+      if (setModeByKey(input)) return;
+      if (key.tab) {
+        cycleMode();
+        return;
+      }
+      if (input === "r" && mode === "dashboard") {
+        refreshBR();
+        return;
+      }
+    }
+    if (input === "d" && key.ctrl) {
+      const now = Date.now();
+      if (lastCtrlD > 0 && now - lastCtrlD < 2e3) {
+        exit();
+      } else {
+        setLastCtrlD(now);
+      }
+      return;
+    }
+  });
+  const termHeight = process.stdout.rows || 24;
+  const wrappedSlashCallbacks = {
+    ...props.slashCallbacks,
+    gateway: props.gateway,
+    setModel: (model) => {
+      props.slashCallbacks?.setModel?.(model);
+      const name = model.split("/").pop() ?? model;
+      setCurrentModel(name);
+    },
+    setActiveRole: (role) => {
+      props.slashCallbacks?.setActiveRole?.(role);
+      setCurrentRole(role);
+    }
+  };
+  function wrappedSendMessage(text) {
+    const gen = props.onSendMessage(text);
+    let lastRequestId;
+    let lastModelUsed;
+    return (async function* () {
+      setIsProcessing(true);
+      try {
+        for await (const event of gen) {
+          if (event.type === "routing") {
+            lastModelUsed = event.decision.model.id ?? event.decision.model.name;
+            setCurrentModel(event.decision.model.name);
+            setRoutingHistory((prev) => [
+              {
+                model: event.decision.model.name,
+                strategy: event.decision.strategy,
+                reason: event.decision.reason,
+                timestamp: Date.now()
+              },
+              ...prev.slice(0, 9)
+            ]);
+          }
+          if (event.type === "tool-call-start") {
+            setToolStats((prev) => {
+              const next = new Map(prev);
+              const existing = next.get(event.toolName) ?? {
+                name: event.toolName,
+                calls: 0,
+                successes: 0
+              };
+              next.set(event.toolName, {
+                ...existing,
+                calls: existing.calls + 1
+              });
+              return next;
+            });
+          }
+          if (event.type === "tool-call-result") {
+            setToolStats((prev) => {
+              const next = new Map(prev);
+              const existing = next.get(event.toolName);
+              if (existing) {
+                next.set(event.toolName, {
+                  ...existing,
+                  successes: existing.successes + 1
+                });
+              }
+              return next;
+            });
+          }
+          if (event.type === "gateway-feedback") {
+            lastRequestId = event.feedback?.requestId;
+            const actualCost = event.feedback?.actualCost;
+            if (typeof actualCost === "number" && actualCost > 0) {
+              setSessionCost((prev) => Math.max(prev, actualCost));
+            }
+            const guardian = event.feedback?.guardianStatus;
+            if (guardian) setGuardianStatus(guardian);
+          }
+          if (event.type === "done") {
+            setSessionCost(event.totalCost);
+            if (event.totalTokens) setTokenCount(event.totalTokens);
+            setTurnCount((prev) => prev + 1);
+            if (props.gateway && lastRequestId) {
+              props.gateway.reportOutcome(lastRequestId, {
+                success: true,
+                signals: {},
+                model_used: lastModelUsed
+              }).catch(() => {
+              });
+            }
+          }
+          yield event;
+        }
+      } finally {
+        setIsProcessing(false);
+      }
+    })();
+  }
+  return /* @__PURE__ */ jsxs16(Box17, { flexDirection: "column", height: termHeight, children: [
+    /* @__PURE__ */ jsx18(
+      ModeBar,
+      {
+        activeMode: mode,
+        model: currentModel,
+        cost: sessionCost,
+        role: currentRole,
+        guardianStatus
+      }
+    ),
+    /* @__PURE__ */ jsx18(
+      Box17,
+      {
+        flexDirection: "column",
+        flexGrow: mode === "chat" ? 1 : 0,
+        display: mode === "chat" ? "flex" : "none",
+        children: /* @__PURE__ */ jsx18(
+          ChatApp,
+          {
+            strategy: props.strategy,
+            modelCount: props.modelCount,
+            onSendMessage: wrappedSendMessage,
+            onAbort: props.onAbort,
+            isActive: mode === "chat",
+            slashCallbacks: wrappedSlashCallbacks
+          }
+        )
+      }
+    ),
+    mode === "dashboard" && /* @__PURE__ */ jsx18(
+      DashboardMode,
+      {
+        sessionCost,
+        tokenCount,
+        modelCount: props.modelCount,
+        routingHistory,
+        toolStats: Array.from(toolStats.values()),
+        turnCount,
+        sessionStart,
+        brData,
+        onRefreshBR: refreshBR
+      }
+    ),
+    mode === "models" && /* @__PURE__ */ jsx18(
+      ModelsMode,
+      {
+        models: props.models ?? [],
+        currentModelId: currentModel,
+        onSelectModel: (id) => {
+          props.slashCallbacks?.setModel?.(id);
+          const name = id.split("/").pop() ?? id;
+          setCurrentModel(name);
+          setMode("chat");
+        }
+      }
+    ),
+    mode === "config" && /* @__PURE__ */ jsx18(
+      ConfigMode,
+      {
+        strategy: props.configInfo?.strategy ?? props.strategy,
+        permissionMode: props.configInfo?.permissionMode ?? "confirm",
+        outputStyle: props.configInfo?.outputStyle ?? "concise",
+        sandbox: props.configInfo?.sandbox ?? "none",
+        role: currentRole,
+        modelCount: props.modelCount,
+        turnCount,
+        sessionCost,
+        vaultInfo: props.vaultInfo,
+        memoryInfo: props.memoryInfo
+      }
+    ),
+    mode === "planning" && /* @__PURE__ */ jsx18(PlanningMode, {}),
+    /* @__PURE__ */ jsx18(KeyHint, { mode, isProcessing }),
+    showShortcuts && /* @__PURE__ */ jsx18(ShortcutOverlay, { onDismiss: () => setShowShortcuts(false) })
+  ] });
+}
+export {
+  App
+};
+//# sourceMappingURL=App-SSKWB7CT.js.map