@comma-agents/tui 2.0.0-rc.0 → 2.0.0-rc.1

package/dist/main.js

@@ -3,11 +3,11 @@
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 
 // src/utils/debug.ts
-import { tmpdir } from "os";
 import { join } from "path";
+import { resolveDataDir } from "@comma-agents/core";
 var DEBUG_RENDER = false, DEBUG_LOG = false, LOG_FILE_PATH;
 var init_debug = __esm(() => {
-  LOG_FILE_PATH = join(tmpdir(), "comma-agents-tui.log");
+  LOG_FILE_PATH = join(resolveDataDir(), "tui.log");
 });
 
 // src/hooks/useLogs/useLogs.constants.ts
@@ -597,22 +597,7 @@ var init_themes = __esm(() => {
 });
 
 // src/hooks/useUserConfig/useUserConfig.constants.ts
-import { homedir, platform } from "os";
-import { join as join2 } from "path";
-function resolveConfigRoot() {
-  const currentPlatform = platform();
-  if (currentPlatform === "darwin") {
-    return join2(homedir(), "Library", "Application Support");
-  }
-  if (currentPlatform === "win32") {
-    return process.env.APPDATA ?? join2(homedir(), "AppData", "Roaming");
-  }
-  return process.env.XDG_CONFIG_HOME ?? join2(homedir(), ".config");
-}
-function resolveDefaultConfigFilePath() {
-  return join2(resolveConfigRoot(), CONFIG_SUBDIRECTORY, CONFIG_FILE_NAME);
-}
-var CONFIG_SUBDIRECTORY = "comma-agents", CONFIG_FILE_NAME = "tui-config.json", DEFAULT_USER_CONFIG;
+var CONFIG_FILE_NAME = "tui-config.json", DEFAULT_USER_CONFIG;
 var init_useUserConfig_constants = __esm(() => {
   init_themes();
   DEFAULT_USER_CONFIG = {
@@ -622,7 +607,11 @@ var init_useUserConfig_constants = __esm(() => {
 
 // src/hooks/useUserConfig/useUserConfig.utils.ts
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "fs";
-import { dirname } from "path";
+import { dirname, join as join2 } from "path";
+import { resolveDataDir as resolveDataDir2 } from "@comma-agents/core";
+function resolveDefaultConfigFilePath() {
+  return join2(resolveDataDir2(), CONFIG_FILE_NAME);
+}
 function isThemeName(value) {
   return typeof value === "string" && THEME_REGISTRY.has(value);
 }
@@ -686,7 +675,6 @@ function UserConfigContextProvider({
 }
 var UserConfigContext;
 var init_useUserConfig_context = __esm(() => {
-  init_useUserConfig_constants();
   init_useUserConfig_utils();
   UserConfigContext = createContext2(null);
 });
@@ -709,6 +697,7 @@ var init_useUserConfig2 = __esm(() => {
   init_useUserConfig();
   init_useUserConfig_constants();
   init_useUserConfig_context();
+  init_useUserConfig_utils();
 });
 
 // src/Theme/Theme.ts
@@ -1632,6 +1621,12 @@ var init_CommandPalette_constants = __esm(() => {
         "install"
       ]
     },
+    {
+      id: "hub-packages",
+      label: "Hub Packages",
+      description: "Browse, install, update, and remove strategy packages",
+      keywords: ["hub", "packages", "strategies", "install", "update", "remove"]
+    },
     {
       id: "run-picker",
       label: "Switch Run",
@@ -1794,6 +1789,7 @@ function useWebSocket(config) {
   const {
     url,
     reconnectDelayMs = DEFAULT_RECONNECT_DELAY_MS,
+    connectionTimeoutMs = DEFAULT_CONNECTION_TIMEOUT_MS,
     onMessage,
     onStatus,
     onError
@@ -1801,6 +1797,7 @@ function useWebSocket(config) {
   const [status, setStatus] = useState3("disconnected");
   const socketRef = useRef4(null);
   const reconnectTimeoutRef = useRef4(null);
+  const connectionTimeoutRef = useRef4(null);
   const manuallyClosedRef = useRef4(false);
   const pendingMessagesRef = useRef4([]);
   const onMessageRef = useRef4(onMessage);
@@ -1817,13 +1814,22 @@ function useWebSocket(config) {
     const socket = socketRef.current;
     if (!socket || socket.readyState === WebSocket.CONNECTING) {
       pendingMessagesRef.current.push(data);
+      console.info(`[websocket] Queued outbound message (${data.length} bytes) while connecting`);
       return true;
     }
     if (socket.readyState !== WebSocket.OPEN) {
+      console.error(`[websocket] Failed to send outbound message (${data.length} bytes); socket is not open`);
+      return false;
+    }
+    try {
+      socket.send(data);
+      console.debug(`[websocket] Sent outbound message (${data.length} bytes)`);
+      return true;
+    } catch (error) {
+      console.error(`[websocket] Failed to send outbound message (${data.length} bytes): ${error instanceof Error ? error.message : String(error)}`);
+      onErrorRef.current?.("WebSocket send failed");
       return false;
     }
-    socket.send(data);
-    return true;
   }, []);
   const close = useCallback3(() => {
     manuallyClosedRef.current = true;
@@ -1832,6 +1838,10 @@ function useWebSocket(config) {
       clearTimeout(reconnectTimeoutRef.current);
       reconnectTimeoutRef.current = null;
     }
+    if (connectionTimeoutRef.current) {
+      clearTimeout(connectionTimeoutRef.current);
+      connectionTimeoutRef.current = null;
+    }
     socketRef.current?.close();
     socketRef.current = null;
     updateStatus("disconnected");
@@ -1844,11 +1854,40 @@ function useWebSocket(config) {
         return;
       updateStatus("connecting");
       console.log(`[websocket] Connecting to ${url}`);
-      const webSocket = new WebSocket(url);
+      let webSocket;
+      try {
+        webSocket = new WebSocket(url);
+      } catch (error) {
+        const message = `WebSocket connection failed: ${error instanceof Error ? error.message : String(error)}`;
+        console.error(`[websocket] ${message}: ${url}`);
+        updateStatus("error");
+        onErrorRef.current?.(message);
+        console.log(`[websocket] Retrying ${url} in ${reconnectDelayMs}ms after connection failure`);
+        reconnectTimeoutRef.current = setTimeout(() => {
+          reconnectTimeoutRef.current = null;
+          connect();
+        }, reconnectDelayMs);
+        return;
+      }
       socketRef.current = webSocket;
+      connectionTimeoutRef.current = setTimeout(() => {
+        if (disposed || socketRef.current !== webSocket || webSocket.readyState === WebSocket.OPEN) {
+          return;
+        }
+        connectionTimeoutRef.current = null;
+        const message = `WebSocket connection timed out after ${connectionTimeoutMs}ms`;
+        console.error(`[websocket] ${message}: ${url}`);
+        updateStatus("error");
+        onErrorRef.current?.(message);
+        webSocket.close();
+      }, connectionTimeoutMs);
       webSocket.addEventListener("open", () => {
         if (disposed || socketRef.current !== webSocket)
           return;
+        if (connectionTimeoutRef.current) {
+          clearTimeout(connectionTimeoutRef.current);
+          connectionTimeoutRef.current = null;
+        }
         updateStatus("connected");
         console.log(`[websocket] Connected to ${url}`);
         const queued = pendingMessagesRef.current;
@@ -1856,20 +1895,28 @@ function useWebSocket(config) {
         for (const queuedMessage of queued) {
           try {
             webSocket.send(queuedMessage);
-          } catch {
+            console.debug(`[websocket] Sent queued outbound message (${queuedMessage.length} bytes)`);
+          } catch (error) {
             pendingMessagesRef.current.push(queuedMessage);
+            console.error(`[websocket] Failed to flush queued outbound message (${queuedMessage.length} bytes): ${error instanceof Error ? error.message : String(error)}`);
           }
         }
       });
       webSocket.addEventListener("message", (event) => {
         if (disposed || socketRef.current !== webSocket)
           return;
-        onMessageRef.current(String(event.data));
+        const data = String(event.data);
+        console.debug(`[websocket] Received inbound message (${data.length} bytes)`);
+        onMessageRef.current(data);
       });
       webSocket.addEventListener("close", () => {
         if (disposed || socketRef.current !== webSocket)
           return;
         socketRef.current = null;
+        if (connectionTimeoutRef.current) {
+          clearTimeout(connectionTimeoutRef.current);
+          connectionTimeoutRef.current = null;
+        }
         updateStatus("disconnected");
         if (manuallyClosedRef.current)
           return;
@@ -1882,6 +1929,7 @@ function useWebSocket(config) {
       webSocket.addEventListener("error", () => {
         if (disposed || socketRef.current !== webSocket)
           return;
+        console.error(`[websocket] Connection error: ${url}`);
         updateStatus("error");
         onErrorRef.current?.("WebSocket connection failed");
       });
@@ -1893,15 +1941,63 @@ function useWebSocket(config) {
         clearTimeout(reconnectTimeoutRef.current);
         reconnectTimeoutRef.current = null;
       }
+      if (connectionTimeoutRef.current) {
+        clearTimeout(connectionTimeoutRef.current);
+        connectionTimeoutRef.current = null;
+      }
       socketRef.current?.close();
       socketRef.current = null;
     };
-  }, [url, reconnectDelayMs, updateStatus]);
+  }, [url, reconnectDelayMs, connectionTimeoutMs, updateStatus]);
   return { status, send, close };
 }
-var DEFAULT_RECONNECT_DELAY_MS = 2000;
+var DEFAULT_RECONNECT_DELAY_MS = 2000, DEFAULT_CONNECTION_TIMEOUT_MS = 1e4;
 var init_useWebSocket = () => {};
 
+// src/hooks/useDaemon/useDaemon.utils.ts
+function formatDaemonLogPayload(payload) {
+  let formatted;
+  try {
+    formatted = JSON.stringify(sanitizeLogValue(payload, new WeakSet)) ?? "undefined";
+  } catch (error) {
+    return `[unserializable payload: ${error instanceof Error ? error.message : String(error)}]`;
+  }
+  if (formatted.length <= MAX_LOG_PAYLOAD_LENGTH)
+    return formatted;
+  return `${formatted.slice(0, MAX_LOG_PAYLOAD_LENGTH)}\u2026 (${formatted.length} chars)`;
+}
+function sanitizeLogValue(value, visitedObjects) {
+  if (typeof value === "string") {
+    if (value.length <= MAX_LOG_STRING_LENGTH)
+      return value;
+    return `${value.slice(0, MAX_LOG_STRING_LENGTH)}\u2026 (${value.length} chars)`;
+  }
+  if (value === null || typeof value === "number" || typeof value === "boolean") {
+    return value;
+  }
+  if (typeof value !== "object")
+    return String(value);
+  if (visitedObjects.has(value))
+    return "[circular]";
+  visitedObjects.add(value);
+  if (Array.isArray(value)) {
+    const entries = value.slice(0, MAX_LOG_ARRAY_ENTRIES).map((entry) => sanitizeLogValue(entry, visitedObjects));
+    if (value.length > MAX_LOG_ARRAY_ENTRIES) {
+      entries.push(`[${value.length - MAX_LOG_ARRAY_ENTRIES} more entries]`);
+    }
+    return entries;
+  }
+  const sanitizedEntries = Object.entries(value).map(([key, entryValue]) => [
+    key,
+    SENSITIVE_FIELD_PATTERN.test(key) ? REDACTED_VALUE : sanitizeLogValue(entryValue, visitedObjects)
+  ]);
+  return Object.fromEntries(sanitizedEntries);
+}
+var MAX_LOG_STRING_LENGTH = 240, MAX_LOG_ARRAY_ENTRIES = 10, MAX_LOG_PAYLOAD_LENGTH = 2000, REDACTED_VALUE = "[redacted]", SENSITIVE_FIELD_PATTERN;
+var init_useDaemon_utils = __esm(() => {
+  SENSITIVE_FIELD_PATTERN = /(?:api.?key|authorization|credential|customdata|oauth.?token|password|secret|token)/i;
+});
+
 // src/hooks/useDaemon/useDaemon.context.tsx
 import { parseDaemonMessage } from "@comma-agents/daemon";
 import { createContext as createContext4, useCallback as useCallback4, useMemo as useMemo7, useRef as useRef5 } from "react";
@@ -1924,9 +2020,19 @@ function DaemonContextProvider({
       const raw = JSON.parse(data);
       const result = parseDaemonMessage(raw);
       if (result.success) {
+        const logMessage = `[daemon] Received ${formatDaemonLogPayload(result.data)}`;
+        if (result.data.type === "error" || result.data.type === "strategy_error") {
+          console.error(logMessage);
+        } else {
+          console.info(logMessage);
+        }
         dispatch(result.data);
+        return;
       }
-    } catch {}
+      console.error(`[daemon] Received invalid message ${formatDaemonLogPayload(raw)}; ${result.error.issues.map((issue) => issue.message).join("; ")}`);
+    } catch (error) {
+      console.error(`[daemon] Failed to parse received message: ${error instanceof Error ? error.message : String(error)}; data=${formatDaemonLogPayload(data)}`);
+    }
   }, [dispatch]);
   const { status, send: sendRaw } = useWebSocket({
     url,
@@ -1936,7 +2042,18 @@ function DaemonContextProvider({
     }
   });
   const send = useCallback4((message) => {
-    return sendRaw(JSON.stringify(message));
+    const formattedMessage = formatDaemonLogPayload(message);
+    console.info(`[daemon] Sending ${formattedMessage}`);
+    try {
+      const sent = sendRaw(JSON.stringify(message));
+      if (!sent) {
+        console.error(`[daemon] Failed to send ${formattedMessage}; WebSocket is not connected`);
+      }
+      return sent;
+    } catch (error) {
+      console.error(`[daemon] Failed to serialize or send ${formattedMessage}: ${error instanceof Error ? error.message : String(error)}`);
+      return false;
+    }
   }, [sendRaw]);
   const on = useCallback4((type, listener) => {
     const map = listenersRef.current;
@@ -1964,6 +2081,7 @@ function DaemonContextProvider({
 var DaemonContext;
 var init_useDaemon_context = __esm(() => {
   init_useWebSocket();
+  init_useDaemon_utils();
   DaemonContext = createContext4(null);
 });
 
@@ -1987,7 +2105,6 @@ function useDaemonCommand(type) {
   return useCallback5((payload) => {
     const requestId = crypto.randomUUID();
     const message = { ...payload, type, requestId };
-    console.log("Sending to deamon");
     const ok = send(message);
     return ok ? requestId : null;
   }, [type, send]);
@@ -2037,10 +2154,258 @@ var init_useDaemon2 = __esm(() => {
   init_useDaemonSubscription2();
 });
 
-// src/components/CommandPalette/pages/ListProvidersPage/ListProvidersPage.tsx
-import { Box as Box5, Text as Text5, useFocus as useFocus3, useInput as useInput3 } from "ink";
-import { useEffect as useEffect6, useState as useState4 } from "react";
+// src/hooks/useStrategies/useStrategies.tsx
+import {
+  discoverStrategies
+} from "@comma-agents/core";
+import {
+  createContext as createContext5,
+  useCallback as useCallback6,
+  useContext as useContext5,
+  useEffect as useEffect6,
+  useMemo as useMemo8,
+  useState as useState4
+} from "react";
 import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+function StrategyDiscoveryContextProvider({
+  children
+}) {
+  const [strategies, setStrategies] = useState4([]);
+  const [status, setStatus] = useState4("loading");
+  const [error, setError] = useState4(null);
+  const refresh = useCallback6(async () => {
+    setStatus("loading");
+    try {
+      const result = await discoverStrategies();
+      setStrategies(result.strategies);
+      setError(null);
+      setStatus("ready");
+    } catch (caughtError) {
+      setError(caughtError instanceof Error ? caughtError.message : String(caughtError));
+      setStatus("error");
+    }
+  }, []);
+  useEffect6(() => {
+    refresh();
+  }, [refresh]);
+  const value = useMemo8(() => ({ strategies, status, error, refresh }), [error, refresh, status, strategies]);
+  return /* @__PURE__ */ jsxDEV9(StrategyDiscoveryContext.Provider, {
+    value,
+    children
+  }, undefined, false, undefined, this);
+}
+function useStrategyDiscovery() {
+  const context = useContext5(StrategyDiscoveryContext);
+  if (!context) {
+    throw new Error("useStrategyDiscovery must be used inside StrategyDiscoveryContextProvider");
+  }
+  return context;
+}
+function useDiscoveredStrategies() {
+  return useStrategyDiscovery().strategies;
+}
+function useStrategyDiscoveryStatus() {
+  const { status, error } = useStrategyDiscovery();
+  return { status, error };
+}
+function useRefreshDiscoveredStrategies() {
+  return useStrategyDiscovery().refresh;
+}
+var StrategyDiscoveryContext;
+var init_useStrategies = __esm(() => {
+  StrategyDiscoveryContext = createContext5(null);
+});
+
+// src/hooks/useStrategies/index.ts
+var init_useStrategies2 = __esm(() => {
+  init_useStrategies();
+});
+
+// src/components/CommandPalette/pages/HubPackagesPage/HubPackagesPage.tsx
+import { Box as Box5, Text as Text5, useFocus as useFocus3, useInput as useInput3 } from "ink";
+import { useCallback as useCallback7, useEffect as useEffect7, useMemo as useMemo9, useRef as useRef7, useState as useState5 } from "react";
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+function HubPackagesPage({
+  focusId
+}) {
+  const { send, on } = useDaemon();
+  const refreshStrategies = useRefreshDiscoveredStrategies();
+  const tokens = useTheme();
+  const searchTheme = useSearchInputTheme();
+  const { isFocused } = useFocus3({ id: focusId, isActive: true });
+  const [packages, setPackages] = useState5([]);
+  const [installed, setInstalled] = useState5([]);
+  const [query, setQuery] = useState5("");
+  const [selectedIndex, setSelectedIndex] = useState5(0);
+  const [status, setStatus] = useState5("Loading packages...");
+  const [confirmName, setConfirmName] = useState5();
+  const requestIdRef = useRef7(undefined);
+  const requestList = useCallback7(() => {
+    const requestId = crypto.randomUUID();
+    requestIdRef.current = requestId;
+    setStatus("Loading packages...");
+    send({ type: "hub_list", requestId });
+  }, [send]);
+  useEffect7(() => {
+    const unsubscribePackages = on("hub_packages", (message) => {
+      if (message.requestId !== requestIdRef.current)
+        return;
+      if (message.operation === "list") {
+        setPackages(message.available ?? []);
+        setInstalled(message.installed ?? []);
+        setStatus("");
+        return;
+      }
+      setStatus(message.operation === "remove" ? message.removed ? "Package removed." : "Package was not installed." : `${message.installedPackage?.name ?? "Package"} ${message.operation} complete.`);
+      setConfirmName(undefined);
+      refreshStrategies().finally(requestList);
+    });
+    const unsubscribeErrors = on("error", (message) => {
+      if (message.requestId === requestIdRef.current)
+        setStatus(`Error: ${message.message}`);
+    });
+    requestList();
+    return () => {
+      unsubscribePackages();
+      unsubscribeErrors();
+    };
+  }, [on, refreshStrategies, requestList]);
+  const installedByName = useMemo9(() => new Map(installed.map((item) => [item.name, item])), [installed]);
+  const filtered = filterByQuery(packages, query, (item) => `${item.name} ${item.description ?? ""} ${(item.keywords ?? []).join(" ")}`);
+  const mutate = useCallback7((type, item, allowCode = false) => {
+    const requestId = crypto.randomUUID();
+    requestIdRef.current = requestId;
+    setStatus(`${type === "hub_remove" ? "Removing" : type === "hub_update" ? "Updating" : "Installing"} ${item.name}...`);
+    send({
+      type,
+      name: item.name,
+      requestId,
+      ...type !== "hub_remove" ? { allowCode } : {}
+    });
+  }, [send]);
+  useInput3((input, key) => {
+    if (input && isMouseEscape(input))
+      return;
+    if (key.upArrow)
+      return setSelectedIndex((index) => Math.max(0, index - 1));
+    if (key.downArrow)
+      return setSelectedIndex((index) => Math.min(filtered.length - 1, index + 1));
+    if (key.backspace || key.delete) {
+      setQuery((value) => value.slice(0, -1));
+      setSelectedIndex(0);
+      return;
+    }
+    const selected = filtered[selectedIndex];
+    if (input === "d" && selected && installedByName.has(selected.name)) {
+      mutate("hub_remove", selected);
+      return;
+    }
+    if (key.return && selected) {
+      const current = installedByName.get(selected.name);
+      const action = current ? "hub_update" : "hub_install";
+      if (selected.permissions?.executesCode && confirmName !== selected.name) {
+        setConfirmName(selected.name);
+        setStatus(`Executable code requested by ${selected.name}. Press Enter again to approve.`);
+        return;
+      }
+      mutate(action, selected, confirmName === selected.name);
+      return;
+    }
+    if (input && !key.ctrl && !key.meta && !key.tab && !key.escape) {
+      setQuery((value) => value + input);
+      setSelectedIndex(0);
+      setConfirmName(undefined);
+    }
+  }, { isActive: isFocused });
+  return /* @__PURE__ */ jsxDEV10(Box5, {
+    flexDirection: "column",
+    width: "100%",
+    flexGrow: 1,
+    children: [
+      /* @__PURE__ */ jsxDEV10(Box5, {
+        marginBottom: 1,
+        children: /* @__PURE__ */ jsxDEV10(SearchInputRender, {
+          theme: searchTheme,
+          value: query,
+          placeholder: "Search Hub packages...",
+          prompt: "\u203A "
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV10(ScrollableList, {
+        items: filtered,
+        getKey: (item) => item.name,
+        selectedIndex,
+        onSelectedIndexChange: setSelectedIndex,
+        isFocused: false,
+        emptyText: packages.length === 0 ? status || "No packages available" : "No packages match",
+        renderItem: (item, isSelected) => {
+          const current = installedByName.get(item.name);
+          const state = current ? current.version === item.version ? "installed" : `update ${current.version} \u2192 ${item.version}` : "available";
+          const permissions = Object.entries(item.permissions ?? {}).filter(([, enabled]) => enabled).map(([name]) => name).join(", ");
+          return /* @__PURE__ */ jsxDEV10(Box5, {
+            flexDirection: "column",
+            paddingX: 1,
+            backgroundColor: isSelected ? tokens.colors.surface : undefined,
+            children: [
+              /* @__PURE__ */ jsxDEV10(Text5, {
+                bold: isSelected,
+                color: tokens.colors.primary,
+                children: [
+                  item.name,
+                  "@",
+                  item.version,
+                  " ",
+                  /* @__PURE__ */ jsxDEV10(Text5, {
+                    color: current ? tokens.colors.success : tokens.colors.muted,
+                    children: [
+                      "[",
+                      state,
+                      "]"
+                    ]
+                  }, undefined, true, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV10(Text5, {
+                color: tokens.colors.muted,
+                children: [
+                  item.description ?? "No description",
+                  permissions ? ` \xB7 permissions: ${permissions}` : ""
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this);
+        }
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV10(Box5, {
+        marginTop: 1,
+        flexDirection: "column",
+        children: /* @__PURE__ */ jsxDEV10(Text5, {
+          color: status.startsWith("Error:") ? tokens.colors.error : tokens.colors.muted,
+          children: status || "Enter install/update \xB7 d remove \xB7 Esc back"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+var init_HubPackagesPage = __esm(() => {
+  init_useDaemon2();
+  init_useStrategies2();
+  init_Theme2();
+  init_mouseEscape();
+  init_ScrollableList2();
+  init_SearchInput2();
+  init_SearchInput_utils();
+});
+
+// src/components/CommandPalette/pages/HubPackagesPage/index.ts
+var init_HubPackagesPage2 = __esm(() => {
+  init_HubPackagesPage();
+});
+
+// src/components/CommandPalette/pages/ListProvidersPage/ListProvidersPage.tsx
+import { Box as Box6, Text as Text6, useFocus as useFocus4, useInput as useInput4 } from "ink";
+import { useEffect as useEffect8, useState as useState6 } from "react";
+import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
 function providerHaystack(p) {
   return [p.id, p.name, ...p.models.map((m) => m.id)].join(" ");
 }
@@ -2051,12 +2416,12 @@ function ListProvidersPage({
   const { send, on } = useDaemon();
   const tokens = useTheme();
   const searchTheme = useSearchInputTheme();
-  const [providers, setProviders] = useState4([]);
-  const [query, setQuery] = useState4("");
-  const [selectedIndex, setSelectedIndex] = useState4(0);
-  const { isFocused } = useFocus3({ id: focusId, isActive: RAW_MODE_SUPPORTED2 });
+  const [providers, setProviders] = useState6([]);
+  const [query, setQuery] = useState6("");
+  const [selectedIndex, setSelectedIndex] = useState6(0);
+  const { isFocused } = useFocus4({ id: focusId, isActive: RAW_MODE_SUPPORTED2 });
   const filtered = filterByQuery(providers, query, providerHaystack);
-  useInput3((input, key) => {
+  useInput4((input, key) => {
     if (input && isMouseEscape(input))
       return;
     if (key.upArrow) {
@@ -2077,14 +2442,14 @@ function ListProvidersPage({
       setSelectedIndex(0);
     }
   }, { isActive: isFocused });
-  useEffect6(() => {
+  useEffect8(() => {
     const unsub = on("provider_list", (msg) => {
       setProviders(msg.providers);
     });
     send({ type: "list_providers" });
     return unsub;
   }, [send, on]);
-  return /* @__PURE__ */ jsxDEV9(ListProvidersPageRender, {
+  return /* @__PURE__ */ jsxDEV11(ListProvidersPageRender, {
     debug,
     tokens,
     searchTheme,
@@ -2107,54 +2472,54 @@ function ListProvidersPageRender({
   _onQueryChange,
   onSelectedIndexChange
 }) {
-  return /* @__PURE__ */ jsxDEV9(Box5, {
+  return /* @__PURE__ */ jsxDEV11(Box6, {
     ref: debug.ref,
     flexDirection: "column",
     width: "100%",
     flexGrow: 1,
     children: [
-      /* @__PURE__ */ jsxDEV9(Box5, {
+      /* @__PURE__ */ jsxDEV11(Box6, {
         flexShrink: 0,
         marginBottom: 1,
-        children: /* @__PURE__ */ jsxDEV9(SearchInputRender, {
+        children: /* @__PURE__ */ jsxDEV11(SearchInputRender, {
           theme: searchTheme,
           value: query,
           placeholder: "Search providers...",
           prompt: "\u203A "
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9(ScrollableList, {
+      /* @__PURE__ */ jsxDEV11(ScrollableList, {
         items: filtered,
         getKey: (p) => p.id,
         selectedIndex,
         onSelectedIndexChange,
         isFocused: false,
         emptyText: providers.length === 0 ? "Loading providers..." : "No providers match",
-        renderItem: (p, isSelected) => /* @__PURE__ */ jsxDEV9(Box5, {
+        renderItem: (p, isSelected) => /* @__PURE__ */ jsxDEV11(Box6, {
           flexDirection: "row",
           paddingX: 1,
           backgroundColor: isSelected ? tokens.colors.surface : undefined,
           children: [
-            /* @__PURE__ */ jsxDEV9(Box5, {
+            /* @__PURE__ */ jsxDEV11(Box6, {
               width: 20,
               flexShrink: 0,
               overflow: "hidden",
-              children: /* @__PURE__ */ jsxDEV9(Text5, {
+              children: /* @__PURE__ */ jsxDEV11(Text6, {
                 bold: isSelected,
                 color: tokens.colors.primary,
                 wrap: "truncate",
                 children: p.name
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV9(Box5, {
+            /* @__PURE__ */ jsxDEV11(Box6, {
               width: 14,
               flexShrink: 0,
-              children: /* @__PURE__ */ jsxDEV9(Text5, {
+              children: /* @__PURE__ */ jsxDEV11(Text6, {
                 color: p.authStatus === "configured" ? tokens.colors.success : tokens.colors.muted,
                 children: p.authStatus === "configured" ? "configured" : "no auth"
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV9(Text5, {
+            /* @__PURE__ */ jsxDEV11(Text6, {
               color: tokens.colors.muted,
               children: [
                 p.models.length,
@@ -2246,9 +2611,9 @@ var init_RegisteredProvidersPage_utils = __esm(() => {
 });
 
 // src/components/CommandPalette/pages/RegisteredProvidersPage/RegisteredProvidersPage.tsx
-import { Box as Box6, Text as Text6, useFocus as useFocus4, useInput as useInput4 } from "ink";
-import { useCallback as useCallback6, useEffect as useEffect7, useMemo as useMemo8, useState as useState5 } from "react";
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+import { Box as Box7, Text as Text7, useFocus as useFocus5, useInput as useInput5 } from "ink";
+import { useCallback as useCallback8, useEffect as useEffect9, useMemo as useMemo10, useState as useState7 } from "react";
+import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
 function RegisteredProvidersPage({
   focusId
 }) {
@@ -2256,27 +2621,27 @@ function RegisteredProvidersPage({
   const { send, on } = useDaemon();
   const tokens = useTheme();
   const searchTheme = useSearchInputTheme();
-  const [providers, setProviders] = useState5([]);
-  const [query, setQuery] = useState5("");
-  const [selectedIdx, setSelectedIdx] = useState5(0);
-  const [isPending, setIsPending] = useState5(false);
-  const [viewState, setViewState] = useState5({
+  const [providers, setProviders] = useState7([]);
+  const [query, setQuery] = useState7("");
+  const [selectedIdx, setSelectedIdx] = useState7(0);
+  const [isPending, setIsPending] = useState7(false);
+  const [viewState, setViewState] = useState7({
     kind: "list"
   });
-  const [apiKeyInput, setApiKeyInput] = useState5("");
-  const { isFocused } = useFocus4({
+  const [apiKeyInput, setApiKeyInput] = useState7("");
+  const { isFocused } = useFocus5({
     id: focusId,
     isActive: RAW_MODE_SUPPORTED3
   });
-  const registeredProviders = useMemo8(() => providers.filter((provider) => provider.isCustom), [providers]);
-  const availableProviders = useMemo8(() => providers.filter((provider) => !provider.isCustom), [providers]);
-  const filteredRegisteredProviders = useMemo8(() => filterByQuery(registeredProviders, query, createProviderSearchString), [registeredProviders, query]);
-  const filteredAvailableProviders = useMemo8(() => filterByQuery(availableProviders, query, createProviderSearchString), [availableProviders, query]);
-  const unifiedProviders = useMemo8(() => [...filteredRegisteredProviders, ...filteredAvailableProviders], [filteredRegisteredProviders, filteredAvailableProviders]);
-  const fetchProviders = useCallback6(() => {
+  const registeredProviders = useMemo10(() => providers.filter((provider) => provider.isCustom), [providers]);
+  const availableProviders = useMemo10(() => providers.filter((provider) => !provider.isCustom), [providers]);
+  const filteredRegisteredProviders = useMemo10(() => filterByQuery(registeredProviders, query, createProviderSearchString), [registeredProviders, query]);
+  const filteredAvailableProviders = useMemo10(() => filterByQuery(availableProviders, query, createProviderSearchString), [availableProviders, query]);
+  const unifiedProviders = useMemo10(() => [...filteredRegisteredProviders, ...filteredAvailableProviders], [filteredRegisteredProviders, filteredAvailableProviders]);
+  const fetchProviders = useCallback8(() => {
     send({ type: "list_providers" });
   }, [send]);
-  const registerProvider = useCallback6((provider) => {
+  const registerProvider = useCallback8((provider) => {
     if (provider.isCustom || isPending)
       return;
     setIsPending(true);
@@ -2286,7 +2651,7 @@ function RegisteredProvidersPage({
       setIsPending(false);
     }, 300);
   }, [isPending, send, fetchProviders]);
-  const saveCredentialAndRegister = useCallback6((provider, key) => {
+  const saveCredentialAndRegister = useCallback8((provider, key) => {
     if (isPending)
       return;
     setIsPending(true);
@@ -2302,7 +2667,7 @@ function RegisteredProvidersPage({
       setIsPending(false);
     }, 300);
   }, [isPending, send, fetchProviders]);
-  const activateRegistration = useCallback6((provider) => {
+  const activateRegistration = useCallback8((provider) => {
     if (isPending)
       return;
     if (provider.isCustom) {
@@ -2325,15 +2690,15 @@ function RegisteredProvidersPage({
     }
     registerProvider(provider);
   }, [isPending, send, fetchProviders, registerProvider]);
-  const statusColor = useCallback6((status) => status === "configured" ? tokens.colors.success : tokens.colors.muted, [tokens.colors.success, tokens.colors.muted]);
-  const credentialTypeColor = useCallback6((type) => {
+  const statusColor = useCallback8((status) => status === "configured" ? tokens.colors.success : tokens.colors.muted, [tokens.colors.success, tokens.colors.muted]);
+  const credentialTypeColor = useCallback8((type) => {
     if (type === "oauth")
       return tokens.colors.info ?? tokens.colors.primary;
     if (type === "none")
       return tokens.colors.muted;
     return tokens.colors.muted;
   }, [tokens.colors]);
-  useInput4((input, key) => {
+  useInput5((input, key) => {
     if (input && isMouseEscape(input))
       return;
     if (viewState.kind === "api-input") {
@@ -2392,20 +2757,20 @@ function RegisteredProvidersPage({
       setSelectedIdx(0);
     }
   }, { isActive: isFocused });
-  useEffect7(() => {
+  useEffect9(() => {
     const unsub = on("provider_list", (msg) => {
       setProviders(msg.providers);
     });
     fetchProviders();
     return unsub;
   }, [fetchProviders, on]);
-  useEffect7(() => {
+  useEffect9(() => {
     const unsub = on("credential_set", () => {
       fetchProviders();
     });
     return unsub;
   }, [fetchProviders, on]);
-  return /* @__PURE__ */ jsxDEV10(RegisteredProvidersPageRender, {
+  return /* @__PURE__ */ jsxDEV12(RegisteredProvidersPageRender, {
     debugRef: debug.ref,
     tokens,
     searchTheme,
@@ -2440,16 +2805,16 @@ function RegisteredProvidersPageRender({
 }) {
   if (viewState.kind === "api-input") {
     const p = viewState.provider;
-    return /* @__PURE__ */ jsxDEV10(Box6, {
+    return /* @__PURE__ */ jsxDEV12(Box7, {
       ref: debugRef,
       flexDirection: "column",
       width: "100%",
       flexGrow: 1,
       paddingLeft: 1,
       children: [
-        /* @__PURE__ */ jsxDEV10(Box6, {
+        /* @__PURE__ */ jsxDEV12(Box7, {
           marginBottom: 1,
-          children: /* @__PURE__ */ jsxDEV10(Text6, {
+          children: /* @__PURE__ */ jsxDEV12(Text7, {
             bold: true,
             color: tokens.colors.primary,
             children: [
@@ -2458,14 +2823,14 @@ function RegisteredProvidersPageRender({
             ]
           }, undefined, true, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV10(Box6, {
+        /* @__PURE__ */ jsxDEV12(Box7, {
           marginBottom: 1,
-          children: /* @__PURE__ */ jsxDEV10(Text6, {
+          children: /* @__PURE__ */ jsxDEV12(Text7, {
             color: tokens.colors.muted,
             children: [
               "Provider requires an API key. It will be stored in",
               " ",
-              /* @__PURE__ */ jsxDEV10(Text6, {
+              /* @__PURE__ */ jsxDEV12(Text7, {
                 color: tokens.colors.primary,
                 children: "credentials.json"
               }, undefined, false, undefined, this),
@@ -2473,10 +2838,10 @@ function RegisteredProvidersPageRender({
             ]
           }, undefined, true, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV10(Box6, {
+        /* @__PURE__ */ jsxDEV12(Box7, {
           marginBottom: 1,
           children: [
-            /* @__PURE__ */ jsxDEV10(Text6, {
+            /* @__PURE__ */ jsxDEV12(Text7, {
               color: tokens.colors.primary,
               bold: true,
               children: [
@@ -2484,11 +2849,11 @@ function RegisteredProvidersPageRender({
                 " "
               ]
             }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV10(Text6, {
+            /* @__PURE__ */ jsxDEV12(Text7, {
               color: tokens.colors.muted,
               children: apiKeyInput.length > 0 ? "\u2022".repeat(apiKeyInput.length) : "(type to enter)"
             }, undefined, false, undefined, this),
-            apiKeyInput.length > 0 && /* @__PURE__ */ jsxDEV10(Text6, {
+            apiKeyInput.length > 0 && /* @__PURE__ */ jsxDEV12(Text7, {
               dimColor: true,
               children: [
                 " (",
@@ -2498,9 +2863,9 @@ function RegisteredProvidersPageRender({
             }, undefined, true, undefined, this)
           ]
         }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV10(Box6, {
+        /* @__PURE__ */ jsxDEV12(Box7, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsxDEV10(Text6, {
+          children: /* @__PURE__ */ jsxDEV12(Text7, {
             color: tokens.colors.muted,
             children: [
               "Enter to confirm \xB7 Esc to cancel",
@@ -2513,24 +2878,24 @@ function RegisteredProvidersPageRender({
   }
   if (viewState.kind === "oauth-confirm") {
     const p = viewState.provider;
-    return /* @__PURE__ */ jsxDEV10(Box6, {
+    return /* @__PURE__ */ jsxDEV12(Box7, {
       ref: debugRef,
       flexDirection: "column",
       width: "100%",
       flexGrow: 1,
       paddingLeft: 1,
       children: [
-        /* @__PURE__ */ jsxDEV10(Box6, {
+        /* @__PURE__ */ jsxDEV12(Box7, {
           marginBottom: 1,
-          children: /* @__PURE__ */ jsxDEV10(Text6, {
+          children: /* @__PURE__ */ jsxDEV12(Text7, {
             bold: true,
             color: tokens.colors.warning ?? tokens.colors.primary,
             children: "OAuth Required"
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV10(Box6, {
+        /* @__PURE__ */ jsxDEV12(Box7, {
           marginBottom: 1,
-          children: /* @__PURE__ */ jsxDEV10(Text6, {
+          children: /* @__PURE__ */ jsxDEV12(Text7, {
             color: tokens.colors.muted,
             children: [
               p.name,
@@ -2538,21 +2903,21 @@ function RegisteredProvidersPageRender({
             ]
           }, undefined, true, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV10(Box6, {
+        /* @__PURE__ */ jsxDEV12(Box7, {
           marginBottom: 1,
-          children: /* @__PURE__ */ jsxDEV10(Text6, {
+          children: /* @__PURE__ */ jsxDEV12(Text7, {
             color: tokens.colors.muted,
             children: "You can register the provider now and configure OAuth credentials later by adding them directly to credentials.json."
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV10(Box6, {
+        /* @__PURE__ */ jsxDEV12(Box7, {
           marginBottom: 1,
-          children: /* @__PURE__ */ jsxDEV10(Text6, {
+          children: /* @__PURE__ */ jsxDEV12(Text7, {
             color: tokens.colors.primary,
             children: [
               "Register",
               " ",
-              /* @__PURE__ */ jsxDEV10(Text6, {
+              /* @__PURE__ */ jsxDEV12(Text7, {
                 bold: true,
                 color: tokens.colors.warning ?? tokens.colors.primary,
                 children: p.name
@@ -2562,9 +2927,9 @@ function RegisteredProvidersPageRender({
             ]
           }, undefined, true, undefined, this)
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV10(Box6, {
+        /* @__PURE__ */ jsxDEV12(Box7, {
           marginTop: 1,
-          children: /* @__PURE__ */ jsxDEV10(Text6, {
+          children: /* @__PURE__ */ jsxDEV12(Text7, {
             color: tokens.colors.muted,
             children: "Enter to confirm \xB7 Esc to cancel"
           }, undefined, false, undefined, this)
@@ -2572,44 +2937,44 @@ function RegisteredProvidersPageRender({
       ]
     }, undefined, true, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV10(Box6, {
+  return /* @__PURE__ */ jsxDEV12(Box7, {
     ref: debugRef,
     flexDirection: "column",
     width: "100%",
     flexGrow: 1,
     children: [
-      /* @__PURE__ */ jsxDEV10(Box6, {
+      /* @__PURE__ */ jsxDEV12(Box7, {
         flexShrink: 0,
         marginBottom: 1,
-        children: /* @__PURE__ */ jsxDEV10(SearchInputRender, {
+        children: /* @__PURE__ */ jsxDEV12(SearchInputRender, {
           theme: searchTheme,
           value: query,
           placeholder: "Search providers...",
           prompt: "\u203A "
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      providers.length === 0 ? /* @__PURE__ */ jsxDEV10(Text6, {
+      providers.length === 0 ? /* @__PURE__ */ jsxDEV12(Text7, {
         color: tokens.colors.muted,
         children: "Loading providers..."
-      }, undefined, false, undefined, this) : unifiedProviders.length === 0 ? /* @__PURE__ */ jsxDEV10(Text6, {
+      }, undefined, false, undefined, this) : unifiedProviders.length === 0 ? /* @__PURE__ */ jsxDEV12(Text7, {
         color: tokens.colors.muted,
         children: "No providers match"
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV10(Box6, {
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV12(Box7, {
         flexDirection: "column",
         flexGrow: 1,
         overflow: "hidden",
         children: [
-          filteredRegisteredProviders.length > 0 && /* @__PURE__ */ jsxDEV10(Box6, {
+          filteredRegisteredProviders.length > 0 && /* @__PURE__ */ jsxDEV12(Box7, {
             flexShrink: 0,
             marginTop: 0,
             marginBottom: 1,
-            children: /* @__PURE__ */ jsxDEV10(Text6, {
+            children: /* @__PURE__ */ jsxDEV12(Text7, {
               bold: true,
               color: tokens.colors.primary,
               children: "Registered"
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10(ScrollableList, {
+          /* @__PURE__ */ jsxDEV12(ScrollableList, {
             items: unifiedProviders,
             getKey: (p) => p.id,
             selectedIndex: selectedIdx,
@@ -2619,47 +2984,47 @@ function RegisteredProvidersPageRender({
             renderItem: (p, isSelected) => {
               const ctLabel = CREDENTIAL_TYPE_LABELS[p.credentialType] ?? "api";
               const isAvailableSection = filteredRegisteredProviders.length > 0 && unifiedProviders.indexOf(p) === filteredRegisteredProviders.length;
-              return /* @__PURE__ */ jsxDEV10(Box6, {
+              return /* @__PURE__ */ jsxDEV12(Box7, {
                 flexDirection: "column",
                 children: [
-                  isAvailableSection && /* @__PURE__ */ jsxDEV10(Box6, {
+                  isAvailableSection && /* @__PURE__ */ jsxDEV12(Box7, {
                     flexShrink: 0,
                     marginTop: 1,
                     marginBottom: 1,
-                    children: /* @__PURE__ */ jsxDEV10(Text6, {
+                    children: /* @__PURE__ */ jsxDEV12(Text7, {
                       bold: true,
                       color: tokens.colors.primary,
                       children: "Available"
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV10(Box6, {
+                  /* @__PURE__ */ jsxDEV12(Box7, {
                     flexDirection: "row",
                     paddingX: 1,
                     backgroundColor: isSelected ? tokens.colors.surface : undefined,
                     children: [
-                      /* @__PURE__ */ jsxDEV10(Box6, {
+                      /* @__PURE__ */ jsxDEV12(Box7, {
                         width: 2,
                         flexShrink: 0,
-                        children: /* @__PURE__ */ jsxDEV10(Text6, {
+                        children: /* @__PURE__ */ jsxDEV12(Text7, {
                           color: p.isCustom ? tokens.colors.success : tokens.colors.muted,
                           children: p.isCustom ? "\u25CF" : "\u25CB"
                         }, undefined, false, undefined, this)
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV10(Box6, {
+                      /* @__PURE__ */ jsxDEV12(Box7, {
                         width: 22,
                         flexShrink: 0,
                         overflow: "hidden",
-                        children: /* @__PURE__ */ jsxDEV10(Text6, {
+                        children: /* @__PURE__ */ jsxDEV12(Text7, {
                           bold: isSelected,
                           color: tokens.colors.primary,
                           wrap: "truncate",
                           children: p.name
                         }, undefined, false, undefined, this)
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV10(Box6, {
+                      /* @__PURE__ */ jsxDEV12(Box7, {
                         width: 10,
                         flexShrink: 0,
-                        children: /* @__PURE__ */ jsxDEV10(Text6, {
+                        children: /* @__PURE__ */ jsxDEV12(Text7, {
                           color: credentialTypeColor(p.credentialType),
                           children: [
                             "[",
@@ -2668,15 +3033,15 @@ function RegisteredProvidersPageRender({
                           ]
                         }, undefined, true, undefined, this)
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV10(Box6, {
+                      /* @__PURE__ */ jsxDEV12(Box7, {
                         width: 14,
                         flexShrink: 0,
-                        children: /* @__PURE__ */ jsxDEV10(Text6, {
+                        children: /* @__PURE__ */ jsxDEV12(Text7, {
                           color: statusColor(p.authStatus),
                           children: p.authStatus === "configured" ? "configured" : "no auth"
                         }, undefined, false, undefined, this)
                       }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV10(Text6, {
+                      /* @__PURE__ */ jsxDEV12(Text7, {
                         color: tokens.colors.muted,
                         children: [
                           p.models.length,
@@ -2691,10 +3056,10 @@ function RegisteredProvidersPageRender({
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV10(Box6, {
+      /* @__PURE__ */ jsxDEV12(Box7, {
         flexShrink: 0,
         marginTop: 1,
-        children: /* @__PURE__ */ jsxDEV10(Text6, {
+        children: /* @__PURE__ */ jsxDEV12(Text7, {
           color: tokens.colors.muted,
           children: [
             providers.some((provider) => !provider.isCustom) ? "Enter to register & set credentials \xB7 Esc to go back" : "Enter to toggle \xB7 Esc to go back",
@@ -3136,11 +3501,11 @@ var init_useChatAgentMessages2 = __esm(() => {
 });
 
 // src/hooks/useChat/useChatInputRequests/useChatInputRequests.ts
-import { useCallback as useCallback7 } from "react";
+import { useCallback as useCallback9 } from "react";
 function useChatInputRequests(subscribeToDaemon = false) {
   const { setChatRuns } = useChatRunStore();
   const sendUserInputCommand = useDaemonCommand("user_input");
-  const sendInput = useCallback7((chatRunId, text) => {
+  const sendInput = useCallback9((chatRunId, text) => {
     setChatRuns((previousChatRuns) => {
       const chatRun = previousChatRuns.get(chatRunId);
       if (!chatRun?.daemonRunId || !chatRun.pendingInputAgent) {
@@ -3485,11 +3850,11 @@ var init_useChatRunLifecycleSubscriptions = __esm(() => {
 });
 
 // src/hooks/useChat/useChatSteering/useChatSteering.ts
-import { useCallback as useCallback8 } from "react";
+import { useCallback as useCallback10 } from "react";
 function useChatSteering(subscribeToDaemon = false) {
   const { chatRuns, setChatRuns } = useChatRunStore();
   const steerRunCommand = useDaemonCommand("steer_run");
-  const sendSteer = useCallback8((chatRunId, text) => {
+  const sendSteer = useCallback10((chatRunId, text) => {
     const chatRun = chatRuns.get(chatRunId);
     if (!chatRun?.daemonRunId)
       return;
@@ -3600,8 +3965,8 @@ var init_useChatStepMessages2 = __esm(() => {
 });
 
 // src/hooks/useChat/useChat.context.tsx
-import { createContext as createContext5, useMemo as useMemo9, useState as useState6 } from "react";
-import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+import { createContext as createContext6, useMemo as useMemo11, useState as useState8 } from "react";
+import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
 function ChatRunSubscriptions() {
   useChatRunLifecycleSubscriptions();
   useChatInputRequests(true);
@@ -3615,15 +3980,15 @@ function ChatRunSubscriptions() {
 function ChatRunsContextProvider({
   children
 }) {
-  const [chatRuns, setChatRuns] = useState6(() => new Map);
-  const contextValue = useMemo9(() => ({
+  const [chatRuns, setChatRuns] = useState8(() => new Map);
+  const contextValue = useMemo11(() => ({
     chatRuns,
     setChatRuns
   }), [chatRuns]);
-  return /* @__PURE__ */ jsxDEV11(ChatRunsContext.Provider, {
+  return /* @__PURE__ */ jsxDEV13(ChatRunsContext.Provider, {
     value: contextValue,
     children: [
-      /* @__PURE__ */ jsxDEV11(ChatRunSubscriptions, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV13(ChatRunSubscriptions, {}, undefined, false, undefined, this),
       children
     ]
   }, undefined, true, undefined, this);
@@ -3637,13 +4002,13 @@ var init_useChat_context = __esm(() => {
   init_useChatRunLifecycleSubscriptions();
   init_useChatSteering2();
   init_useChatStepMessages2();
-  ChatRunsContext = createContext5(null);
+  ChatRunsContext = createContext6(null);
 });
 
 // src/hooks/useChat/useChatRunStore/useChatRunStore.ts
-import { useContext as useContext5 } from "react";
+import { useContext as useContext6 } from "react";
 function useChatRunStore() {
-  const chatRunsStore = useContext5(ChatRunsContext);
+  const chatRunsStore = useContext6(ChatRunsContext);
   if (!chatRunsStore) {
     throw new Error("useChatRunStore must be used within a <ChatRunsContextProvider>");
   }
@@ -3659,12 +4024,12 @@ var init_useChatRunStore2 = __esm(() => {
 });
 
 // src/hooks/useChat/useChatRunLifecycle/useChatRunLifecycle.ts
-import { useCallback as useCallback9 } from "react";
+import { useCallback as useCallback11 } from "react";
 function useChatRunLifecycle() {
   const { chatRuns, setChatRuns } = useChatRunStore();
   const prepareRunCommand = useDaemonCommand("prepare_run");
   const stopRunCommand = useDaemonCommand("stop_run");
-  const updateChatRun = useCallback9((chatRunId, updater) => {
+  const updateChatRun = useCallback11((chatRunId, updater) => {
     setChatRuns((previousChatRuns) => {
       const existingChatRun = previousChatRuns.get(chatRunId);
       if (!existingChatRun)
@@ -3680,7 +4045,7 @@ function useChatRunLifecycle() {
       return nextChatRuns;
     });
   }, [setChatRuns]);
-  const startStrategy = useCallback9((strategyPath, input, cwd, manifestPath) => {
+  const startStrategy = useCallback11((strategyPath, input, cwd, manifestPath) => {
     const chatRunId = crypto.randomUUID();
     const now = Date.now();
     const initialMessages = input !== undefined && input.length > 0 ? [
@@ -3731,7 +4096,7 @@ function useChatRunLifecycle() {
     }
     return chatRunId;
   }, [setChatRuns, prepareRunCommand, updateChatRun]);
-  const continueRun = useCallback9((chatRunId, strategy, input) => {
+  const continueRun = useCallback11((chatRunId, strategy, input) => {
     const chatRun = chatRuns.get(chatRunId);
     if (!chatRun || chatRun.status !== "completed" || chatRun.daemonRunId === null) {
       return;
@@ -3789,7 +4154,7 @@ function useChatRunLifecycle() {
       }
     }));
   }, [chatRuns, prepareRunCommand, updateChatRun]);
-  const loadPersistedRun = useCallback9((meta) => {
+  const loadPersistedRun = useCallback11((meta) => {
     const now = Date.now();
     const startedAt = Date.parse(meta.startedAt);
     const chatRun = {
@@ -3819,13 +4184,13 @@ function useChatRunLifecycle() {
     }
     return meta.runId;
   }, [prepareRunCommand, setChatRuns, updateChatRun]);
-  const stopChatRun = useCallback9((chatRunId) => {
+  const stopChatRun = useCallback11((chatRunId) => {
     const chatRun = chatRuns.get(chatRunId);
     if (chatRun && chatRun.status !== "idle") {
       stopRunCommand({ runId: chatRun.daemonRunId ?? chatRunId });
     }
   }, [chatRuns, stopRunCommand]);
-  const resetChatRun = useCallback9((chatRunId) => {
+  const resetChatRun = useCallback11((chatRunId) => {
     updateChatRun(chatRunId, (chatRun) => ({
       ...chatRun,
       messages: [],
@@ -3840,7 +4205,7 @@ function useChatRunLifecycle() {
       strategyPath: null
     }));
   }, [updateChatRun]);
-  const removeChatRun = useCallback9((chatRunId) => {
+  const removeChatRun = useCallback11((chatRunId) => {
     setChatRuns((previousChatRuns) => {
       if (!previousChatRuns.has(chatRunId))
         return previousChatRuns;
@@ -3849,7 +4214,7 @@ function useChatRunLifecycle() {
       return nextChatRuns;
     });
   }, [setChatRuns]);
-  const clearAllChatRuns = useCallback9(() => {
+  const clearAllChatRuns = useCallback11(() => {
     setChatRuns(new Map);
   }, [setChatRuns]);
   return {
@@ -3883,18 +4248,18 @@ var init_useChatRuns = __esm(() => {
 });
 
 // src/hooks/useChat/usePersistedRunList/usePersistedRunList.ts
-import { useCallback as useCallback10, useEffect as useEffect8, useState as useState7 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect10, useState as useState9 } from "react";
 function usePersistedRunList() {
-  const [persistedRuns, setPersistedRuns] = useState7([]);
+  const [persistedRuns, setPersistedRuns] = useState9([]);
   const { status: daemonConnectionStatus } = useDaemon();
   const listRunsCommand = useDaemonCommand("list_runs");
-  const fetchPersistedRuns = useCallback10((cwd) => {
+  const fetchPersistedRuns = useCallback12((cwd) => {
     listRunsCommand(cwd !== undefined ? { cwd } : {});
   }, [listRunsCommand]);
   useDaemonSubscription("run_list", (message) => {
     setPersistedRuns(message.runs);
   });
-  useEffect8(() => {
+  useEffect10(() => {
     if (daemonConnectionStatus === "connected") {
       fetchPersistedRuns(process.cwd());
     }
@@ -3913,13 +4278,13 @@ var init_usePersistedRunList2 = __esm(() => {
 });
 
 // src/hooks/useModal/useModal.context.tsx
-import { createContext as createContext6, useCallback as useCallback11, useMemo as useMemo10, useState as useState8 } from "react";
-import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
+import { createContext as createContext7, useCallback as useCallback13, useMemo as useMemo12, useState as useState10 } from "react";
+import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
 function ModalContextProvider(props) {
   const { children } = props;
-  const [modals, setModals] = useState8(new Map);
-  const [openStack, setOpenStack] = useState8([]);
-  const open = useCallback11((modalId, data) => {
+  const [modals, setModals] = useState10(new Map);
+  const [openStack, setOpenStack] = useState10([]);
+  const open = useCallback13((modalId, data) => {
     setModals((previous) => {
       const next = new Map(previous);
       next.set(modalId, { isOpen: true, data });
@@ -3930,7 +4295,7 @@ function ModalContextProvider(props) {
       return [...filtered, modalId];
     });
   }, []);
-  const close = useCallback11((modalId) => {
+  const close = useCallback13((modalId) => {
     setModals((previous) => {
       const next = new Map(previous);
       next.set(modalId, { isOpen: false, data: undefined });
@@ -3938,7 +4303,7 @@ function ModalContextProvider(props) {
     });
     setOpenStack((previous) => previous.filter((id) => id !== modalId));
   }, []);
-  const toggle = useCallback11((modalId, data) => {
+  const toggle = useCallback13((modalId, data) => {
     setModals((previous) => {
       const current = previous.get(modalId) ?? CLOSED_ENTRY;
       const next = new Map(previous);
@@ -3955,16 +4320,16 @@ function ModalContextProvider(props) {
       return [...previous, modalId];
     });
   }, []);
-  const isOpen = useCallback11((modalId) => {
+  const isOpen = useCallback13((modalId) => {
     return modals.get(modalId)?.isOpen ?? false;
   }, [modals]);
-  const isTopmost = useCallback11((modalId) => {
+  const isTopmost = useCallback13((modalId) => {
     return openStack[openStack.length - 1] === modalId;
   }, [openStack]);
-  const getData = useCallback11((modalId) => {
+  const getData = useCallback13((modalId) => {
     return modals.get(modalId)?.data;
   }, [modals]);
-  const contextValue = useMemo10(() => ({
+  const contextValue = useMemo12(() => ({
     modals,
     openStack,
     open,
@@ -3974,7 +4339,7 @@ function ModalContextProvider(props) {
     isTopmost,
     getData
   }), [modals, openStack, open, close, toggle, isOpen, isTopmost, getData]);
-  return /* @__PURE__ */ jsxDEV12(ModalContext.Provider, {
+  return /* @__PURE__ */ jsxDEV14(ModalContext.Provider, {
     value: contextValue,
     children
   }, undefined, false, undefined, this);
@@ -3994,26 +4359,26 @@ var init_useModal_context = __esm(() => {
       return;
     }
   };
-  ModalContext = createContext6(NULL_MODAL_CONTEXT);
+  ModalContext = createContext7(NULL_MODAL_CONTEXT);
 });
 
 // src/hooks/useModal/useModal.ts
-import { useCallback as useCallback12, useContext as useContext6, useMemo as useMemo11 } from "react";
+import { useCallback as useCallback14, useContext as useContext7, useMemo as useMemo13 } from "react";
 function useModal(modalId) {
-  const context = useContext6(ModalContext);
-  const open = useCallback12((data2) => {
+  const context = useContext7(ModalContext);
+  const open = useCallback14((data2) => {
     context.open(modalId, data2);
   }, [context, modalId]);
-  const close = useCallback12(() => {
+  const close = useCallback14(() => {
     context.close(modalId);
   }, [context, modalId]);
-  const toggle = useCallback12((data2) => {
+  const toggle = useCallback14((data2) => {
     context.toggle(modalId, data2);
   }, [context, modalId]);
   const isOpen = context.isOpen(modalId);
   const isTopmost = context.isTopmost(modalId);
   const data = context.getData(modalId);
-  return useMemo11(() => ({ isOpen, isTopmost, data, open, close, toggle }), [isOpen, isTopmost, data, open, close, toggle]);
+  return useMemo13(() => ({ isOpen, isTopmost, data, open, close, toggle }), [isOpen, isTopmost, data, open, close, toggle]);
 }
 var init_useModal = __esm(() => {
   init_useModal_context();
@@ -4059,10 +4424,10 @@ function itemHaystack(item) {
 }
 
 // src/components/CommandPalette/pages/RunPickerPage/RunPickerPage.tsx
-import { Box as Box7, Text as Text7, useFocus as useFocus5, useInput as useInput5 } from "ink";
-import { useCallback as useCallback13, useEffect as useEffect9, useState as useState9 } from "react";
+import { Box as Box8, Text as Text8, useFocus as useFocus6, useInput as useInput6 } from "ink";
+import { useCallback as useCallback15, useEffect as useEffect11, useState as useState11 } from "react";
 import { matchPath, useLocation, useNavigate } from "react-router";
-import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
 function RunPickerPage({
   focusId
 }) {
@@ -4075,9 +4440,9 @@ function RunPickerPage({
   const { loadPersistedRun } = useChatRunLifecycle();
   const { persistedRuns, fetchPersistedRuns } = usePersistedRunList();
   const { close } = useModal(COMMAND_PALETTE_MODAL_ID);
-  const [query, setQuery] = useState9("");
-  const [selectedIndex, setSelectedIndex] = useState9(0);
-  const { isFocused } = useFocus5({ id: focusId, isActive: RAW_MODE_SUPPORTED4 });
+  const [query, setQuery] = useState11("");
+  const [selectedIndex, setSelectedIndex] = useState11(0);
+  const { isFocused } = useFocus6({ id: focusId, isActive: RAW_MODE_SUPPORTED4 });
   const localItems = Array.from(chatRuns.values()).sort((a, b) => b.updatedAt - a.updatedAt).map((chatRun) => ({ kind: "local", chatRun }));
   const liveDaemonRunIds = new Set;
   for (const chatRun of chatRuns.values()) {
@@ -4089,15 +4454,15 @@ function RunPickerPage({
   const allItems = [...localItems, ...persistedItems];
   const filtered = filterByQuery(allItems, query, itemHaystack);
   const currentChatRunId = matchPath("/chat/:chatRunId/*", location.pathname)?.params.chatRunId ?? null;
-  const selectRun = useCallback13((item) => {
+  const selectRun = useCallback15((item) => {
     const chatRunId = item.kind === "local" ? item.chatRun.id : loadPersistedRun(item.meta);
     navigate(`/chat/${encodeURIComponent(chatRunId)}`);
     close();
   }, [close, loadPersistedRun, navigate]);
-  useEffect9(() => {
+  useEffect11(() => {
     fetchPersistedRuns(process.cwd());
   }, [fetchPersistedRuns]);
-  useInput5((input, key) => {
+  useInput6((input, key) => {
     if (input && isMouseEscape(input))
       return;
     if (key.backspace || key.delete) {
@@ -4110,7 +4475,7 @@ function RunPickerPage({
       setSelectedIndex(0);
     }
   }, { isActive: isFocused });
-  return /* @__PURE__ */ jsxDEV13(RunPickerPageRender, {
+  return /* @__PURE__ */ jsxDEV15(RunPickerPageRender, {
     debug,
     tokens,
     searchTheme,
@@ -4133,23 +4498,23 @@ function RunPickerPageRender({
   isFocused,
   currentChatRunId
 }) {
-  return /* @__PURE__ */ jsxDEV13(Box7, {
+  return /* @__PURE__ */ jsxDEV15(Box8, {
     ref: debug.ref,
     flexDirection: "column",
     width: "100%",
     flexGrow: 1,
     children: [
-      /* @__PURE__ */ jsxDEV13(Box7, {
+      /* @__PURE__ */ jsxDEV15(Box8, {
         flexShrink: 0,
         marginBottom: 1,
-        children: /* @__PURE__ */ jsxDEV13(SearchInputRender, {
+        children: /* @__PURE__ */ jsxDEV15(SearchInputRender, {
           theme: searchTheme,
           value: "",
           placeholder: "Search runs...",
           prompt: "\u203A "
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV13(ScrollableList, {
+      /* @__PURE__ */ jsxDEV15(ScrollableList, {
         items,
         getKey: (item) => item.kind === "local" ? item.chatRun.id : `p:${item.meta.runId}`,
         selectedIndex,
@@ -4160,24 +4525,24 @@ function RunPickerPageRender({
         renderItem: (item, isSelected) => {
           if (item.kind === "local") {
             const chatRun = item.chatRun;
-            return /* @__PURE__ */ jsxDEV13(Box7, {
+            return /* @__PURE__ */ jsxDEV15(Box8, {
               flexDirection: "row",
               paddingX: 1,
               backgroundColor: isSelected ? tokens.colors.surface : undefined,
               children: [
-                /* @__PURE__ */ jsxDEV13(Box7, {
+                /* @__PURE__ */ jsxDEV15(Box8, {
                   flexGrow: 1,
                   overflow: "hidden",
-                  children: /* @__PURE__ */ jsxDEV13(Text7, {
+                  children: /* @__PURE__ */ jsxDEV15(Text8, {
                     bold: isSelected,
                     color: chatRun.id === currentChatRunId ? tokens.colors.primary : tokens.colors.secondary,
                     children: chatRun.label
                   }, undefined, false, undefined, this)
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV13(Box7, {
+                /* @__PURE__ */ jsxDEV15(Box8, {
                   flexShrink: 0,
                   marginLeft: 2,
-                  children: /* @__PURE__ */ jsxDEV13(Text7, {
+                  children: /* @__PURE__ */ jsxDEV15(Text8, {
                     color: tokens.colors.muted,
                     children: formatDate(chatRun.updatedAt)
                   }, undefined, false, undefined, this)
@@ -4186,21 +4551,21 @@ function RunPickerPageRender({
             }, undefined, true, undefined, this);
           }
           const meta = item.meta;
-          return /* @__PURE__ */ jsxDEV13(Box7, {
+          return /* @__PURE__ */ jsxDEV15(Box8, {
             flexDirection: "row",
             paddingX: 1,
             backgroundColor: isSelected ? tokens.colors.surface : undefined,
             children: [
-              /* @__PURE__ */ jsxDEV13(Box7, {
+              /* @__PURE__ */ jsxDEV15(Box8, {
                 flexGrow: 1,
                 overflow: "hidden",
                 children: [
-                  /* @__PURE__ */ jsxDEV13(Text7, {
+                  /* @__PURE__ */ jsxDEV15(Text8, {
                     bold: isSelected,
                     color: tokens.colors.secondary,
                     children: meta.strategyName
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV13(Text7, {
+                  /* @__PURE__ */ jsxDEV15(Text8, {
                     color: tokens.colors.muted,
                     children: [
                       " ",
@@ -4211,18 +4576,18 @@ function RunPickerPageRender({
                   }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV13(Box7, {
+              /* @__PURE__ */ jsxDEV15(Box8, {
                 flexShrink: 0,
                 marginLeft: 2,
-                children: /* @__PURE__ */ jsxDEV13(Text7, {
+                children: /* @__PURE__ */ jsxDEV15(Text8, {
                   color: tokens.colors.muted,
                   children: meta.status === "completed" ? " completed" : ` ${meta.status}`
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV13(Box7, {
+              /* @__PURE__ */ jsxDEV15(Box8, {
                 flexShrink: 0,
                 marginLeft: 2,
-                children: /* @__PURE__ */ jsxDEV13(Text7, {
+                children: /* @__PURE__ */ jsxDEV15(Text8, {
                   color: tokens.colors.muted,
                   children: formatIsoDate(meta.startedAt)
                 }, undefined, false, undefined, this)
@@ -4254,17 +4619,17 @@ var init_RunPickerPage2 = __esm(() => {
 });
 
 // src/components/CommandPalette/pages/SettingsPage/SettingsPage.tsx
-import { Box as Box8, Text as Text8, useFocus as useFocus6, useInput as useInput6 } from "ink";
-import { useState as useState10 } from "react";
-import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
+import { Box as Box9, Text as Text9, useFocus as useFocus7, useInput as useInput7 } from "ink";
+import { useState as useState12 } from "react";
+import { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
 function SettingsPage({
   focusId
 }) {
   const tokens = useTheme();
   const { config, updateConfig } = useUserConfig();
   const initialIndex = Math.max(0, THEME_OPTIONS.findIndex((option) => option.name === config.themeName));
-  const [selectedIndex, setSelectedIndex] = useState10(initialIndex);
-  const { isFocused } = useFocus6({
+  const [selectedIndex, setSelectedIndex] = useState12(initialIndex);
+  const { isFocused } = useFocus7({
     id: focusId,
     isActive: RAW_MODE_SUPPORTED5
   });
@@ -4274,12 +4639,12 @@ function SettingsPage({
       return;
     updateConfig({ themeName: option.name });
   }, [updateConfig]);
-  useInput6((_input, key) => {
+  useInput7((_input, key) => {
     if (key.return) {
       applySelection(selectedIndex);
     }
   }, { isActive: isFocused });
-  return /* @__PURE__ */ jsxDEV14(SettingsPageRender, {
+  return /* @__PURE__ */ jsxDEV16(SettingsPageRender, {
     tokens,
     config,
     selectedIndex,
@@ -4296,24 +4661,24 @@ function SettingsPageRender({
   onSelected,
   isFocused
 }) {
-  return /* @__PURE__ */ jsxDEV14(Box8, {
+  return /* @__PURE__ */ jsxDEV16(Box9, {
     flexDirection: "column",
     width: "100%",
     height: "100%",
     gap: 1,
     children: [
-      /* @__PURE__ */ jsxDEV14(Box8, {
+      /* @__PURE__ */ jsxDEV16(Box9, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsxDEV14(Text8, {
+        children: /* @__PURE__ */ jsxDEV16(Text9, {
           bold: true,
           color: tokens.colors.primary,
           children: "Theme"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(Box8, {
+      /* @__PURE__ */ jsxDEV16(Box9, {
         flexGrow: 1,
         overflow: "hidden",
-        children: /* @__PURE__ */ jsxDEV14(ScrollableList, {
+        children: /* @__PURE__ */ jsxDEV16(ScrollableList, {
           items: THEME_OPTIONS,
           getKey: (option) => option.name,
           selectedIndex,
@@ -4323,15 +4688,15 @@ function SettingsPageRender({
           emptyText: "No themes available",
           renderItem: (option, isSelected) => {
             const isActive = option.name === config.themeName;
-            return /* @__PURE__ */ jsxDEV14(Box8, {
+            return /* @__PURE__ */ jsxDEV16(Box9, {
               flexDirection: "row",
               paddingX: 1,
               backgroundColor: isSelected ? tokens.colors.surface : undefined,
               children: [
-                /* @__PURE__ */ jsxDEV14(Box8, {
+                /* @__PURE__ */ jsxDEV16(Box9, {
                   width: 20,
                   flexShrink: 0,
-                  children: /* @__PURE__ */ jsxDEV14(Text8, {
+                  children: /* @__PURE__ */ jsxDEV16(Text9, {
                     bold: isSelected,
                     color: isActive ? tokens.colors.success : tokens.colors.primary,
                     children: [
@@ -4340,7 +4705,7 @@ function SettingsPageRender({
                     ]
                   }, undefined, true, undefined, this)
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV14(Text8, {
+                /* @__PURE__ */ jsxDEV16(Text9, {
                   color: tokens.colors.muted,
                   children: option.description
                 }, undefined, false, undefined, this)
@@ -4349,9 +4714,9 @@ function SettingsPageRender({
           }
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV14(Box8, {
+      /* @__PURE__ */ jsxDEV16(Box9, {
         flexShrink: 0,
-        children: /* @__PURE__ */ jsxDEV14(Text8, {
+        children: /* @__PURE__ */ jsxDEV16(Text9, {
           dimColor: true,
           children: "Enter to apply \xB7 Esc to go back"
         }, undefined, false, undefined, this)
@@ -4379,9 +4744,9 @@ var init_SettingsPage2 = __esm(() => {
 });
 
 // src/components/CommandPalette/CommandPalette.tsx
-import { Box as Box9, Text as Text9, useFocus as useFocus7, useFocusManager, useInput as useInput7 } from "ink";
-import { useCallback as useCallback14, useEffect as useEffect10, useState as useState11 } from "react";
-import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
+import { Box as Box10, Text as Text10, useFocus as useFocus8, useFocusManager, useInput as useInput8 } from "ink";
+import { useCallback as useCallback16, useEffect as useEffect12, useState as useState13 } from "react";
+import { jsxDEV as jsxDEV17 } from "react/jsx-dev-runtime";
 function CommandPalette({
   isVisible,
   id = "command-palette",
@@ -4390,16 +4755,16 @@ function CommandPalette({
   onResetChat,
   commands = BUILT_IN_COMMANDS
 }) {
-  const [commandListFilter, setCommandListFilter] = useState11("");
-  const [view, setView] = useState11({ kind: "home" });
+  const [commandListFilter, setCommandListFilter] = useState13("");
+  const [view, setView] = useState13({ kind: "home" });
   const filtered = filterCommands(commands, commandListFilter);
   const subPageFocusId = `${id}:page`;
   const homeFocusActive = isVisible && view.kind === "home";
   const subPageFocusActive = isVisible && view.kind === "page";
-  useFocus7({ id, isActive: homeFocusActive });
-  useFocus7({ id: subPageFocusId, isActive: subPageFocusActive });
+  useFocus8({ id, isActive: homeFocusActive });
+  useFocus8({ id: subPageFocusId, isActive: subPageFocusActive });
   const { focus, activeId } = useFocusManager();
-  useEffect10(() => {
+  useEffect12(() => {
     if (!isVisible)
       return;
     const targetId = view.kind === "home" ? id : subPageFocusId;
@@ -4407,10 +4772,10 @@ function CommandPalette({
       focus(targetId);
     }
   }, [activeId, focus, id, isVisible, subPageFocusId, view.kind]);
-  const popPage = useCallback14(() => {
+  const popPage = useCallback16(() => {
     setView({ kind: "home" });
   }, []);
-  useInput7((_input, key) => {
+  useInput8((_input, key) => {
     if (!key.escape)
       return;
     if (view.kind === "page") {
@@ -4419,7 +4784,7 @@ function CommandPalette({
     }
     onClose();
   }, { isActive: isVisible && RAW_MODE_SUPPORTED6 });
-  const activateCommand = useCallback14((cmd) => {
+  const activateCommand = useCallback16((cmd) => {
     if (cmd.action !== undefined) {
       cmd.action({
         closePalette: onClose,
@@ -4438,13 +4803,13 @@ function CommandPalette({
     return null;
   if (view.kind === "page") {
     const PageComponent = PAGE_REGISTRY.get(view.commandId);
-    return /* @__PURE__ */ jsxDEV15(CommandPalettePageRender, {
+    return /* @__PURE__ */ jsxDEV17(CommandPalettePageRender, {
       title: view.title,
       focusId: subPageFocusId,
       Page: PageComponent
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV15(CommandPaletteRender, {
+  return /* @__PURE__ */ jsxDEV17(CommandPaletteRender, {
     id,
     query: commandListFilter,
     onSearchInputChange: setCommandListFilter,
@@ -4460,13 +4825,13 @@ function CommandPaletteRender({
   onCommandSelected
 }) {
   const theme = useCommandPaletteTheme();
-  const [selectedIndex, setSelectedIndex] = useState11(0);
-  return /* @__PURE__ */ jsxDEV15(Box9, {
+  const [selectedIndex, setSelectedIndex] = useState13(0);
+  return /* @__PURE__ */ jsxDEV17(Box10, {
     ...theme.container,
     children: [
-      /* @__PURE__ */ jsxDEV15(Box9, {
+      /* @__PURE__ */ jsxDEV17(Box10, {
         ...theme.searchWrapper,
-        children: /* @__PURE__ */ jsxDEV15(SearchInput, {
+        children: /* @__PURE__ */ jsxDEV17(SearchInput, {
           id,
           value: query,
           onChange: onSearchInputChange,
@@ -4474,7 +4839,7 @@ function CommandPaletteRender({
           prompt: "\u203A "
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV15(ScrollableList, {
+      /* @__PURE__ */ jsxDEV17(ScrollableList, {
         id,
         items: filtered,
         getKey: (cmd) => cmd.id,
@@ -4482,18 +4847,18 @@ function CommandPaletteRender({
         onSelectedIndexChange: setSelectedIndex,
         onSelected: onCommandSelected,
         emptyText: "No commands match",
-        renderItem: (cmd, isSelected) => /* @__PURE__ */ jsxDEV15(Box9, {
+        renderItem: (cmd, isSelected) => /* @__PURE__ */ jsxDEV17(Box10, {
           ...isSelected ? theme.itemSelected : theme.item,
           children: [
-            /* @__PURE__ */ jsxDEV15(Text9, {
+            /* @__PURE__ */ jsxDEV17(Text10, {
               ...isSelected ? theme.labelSelected : theme.label,
               children: cmd.label
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV15(Text9, {
+            /* @__PURE__ */ jsxDEV17(Text10, {
               ...theme.separator,
               children: " \u2014 "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV15(Text9, {
+            /* @__PURE__ */ jsxDEV17(Text10, {
               ...theme.description,
               children: cmd.description
             }, undefined, false, undefined, this)
@@ -4509,20 +4874,20 @@ function CommandPalettePageRender({
   Page
 }) {
   const theme = useCommandPaletteTheme();
-  return /* @__PURE__ */ jsxDEV15(Box9, {
+  return /* @__PURE__ */ jsxDEV17(Box10, {
     ...theme.container,
     children: [
-      /* @__PURE__ */ jsxDEV15(Box9, {
+      /* @__PURE__ */ jsxDEV17(Box10, {
         flexShrink: 0,
         marginBottom: 1,
-        children: /* @__PURE__ */ jsxDEV15(Text9, {
+        children: /* @__PURE__ */ jsxDEV17(Text10, {
           ...theme.labelSelected,
           children: title
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      Page !== undefined ? /* @__PURE__ */ jsxDEV15(Page, {
+      Page !== undefined ? /* @__PURE__ */ jsxDEV17(Page, {
         focusId
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV15(Text9, {
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV17(Text10, {
         ...theme.empty,
         children: "Page not found"
       }, undefined, false, undefined, this)
@@ -4537,6 +4902,7 @@ var init_CommandPalette = __esm(() => {
   init_CommandPalette_theme();
   init_CommandPalette_utils();
   init_HelpPage2();
+  init_HubPackagesPage2();
   init_ListProvidersPage2();
   init_RegisteredProvidersPage2();
   init_RunPickerPage2();
@@ -4544,6 +4910,7 @@ var init_CommandPalette = __esm(() => {
   RAW_MODE_SUPPORTED6 = typeof process.stdin.setRawMode === "function";
   PAGE_REGISTRY = new Map([
     ["help", HelpPage],
+    ["hub-packages", HubPackagesPage],
     ["list-providers", ListProvidersPage],
     ["register-providers", RegisteredProvidersPage],
     ["run-picker", RunPickerPage],
@@ -4558,23 +4925,23 @@ var init_CommandPalette2 = __esm(() => {
 });
 
 // src/hooks/useMouseClick/useMouseClick.ts
-import { useContext as useContext7, useEffect as useEffect11, useRef as useRef7 } from "react";
+import { useContext as useContext8, useEffect as useEffect13, useRef as useRef8 } from "react";
 function useMouseClick({
   ref,
   onClick,
   buttons = DEFAULT_BUTTONS
 }) {
-  const contextValue = useContext7(MouseContext);
+  const contextValue = useContext8(MouseContext);
   const subscribe = contextValue?.subscribe;
-  const onClickRef = useRef7(onClick);
-  useEffect11(() => {
+  const onClickRef = useRef8(onClick);
+  useEffect13(() => {
     onClickRef.current = onClick;
   }, [onClick]);
-  const buttonsRef = useRef7(buttons);
-  useEffect11(() => {
+  const buttonsRef = useRef8(buttons);
+  useEffect13(() => {
     buttonsRef.current = buttons;
   }, [buttons]);
-  useEffect11(() => {
+  useEffect13(() => {
     if (!subscribe)
       return;
     return subscribe((event) => {
@@ -4603,34 +4970,34 @@ var init_useMouseClick2 = __esm(() => {
 });
 
 // src/hooks/useMouseHover/useMouseHover.ts
-import { useContext as useContext8, useEffect as useEffect12, useRef as useRef8, useState as useState12 } from "react";
+import { useContext as useContext9, useEffect as useEffect14, useRef as useRef9, useState as useState14 } from "react";
 function useMouseHover({
   ref,
   onEnter,
   onLeave,
   onMove
 }) {
-  const contextValue = useContext8(MouseContext);
-  const isHoveredRef = useRef8(false);
-  const [isHovered, setIsHovered] = useState12(false);
+  const contextValue = useContext9(MouseContext);
+  const isHoveredRef = useRef9(false);
+  const [isHovered, setIsHovered] = useState14(false);
   const subscribe = contextValue?.subscribe;
   const registerHoverConsumer = contextValue?.registerHoverConsumer;
-  const onEnterRef = useRef8(onEnter);
-  const onLeaveRef = useRef8(onLeave);
-  const onMoveRef = useRef8(onMove);
-  useEffect12(() => {
+  const onEnterRef = useRef9(onEnter);
+  const onLeaveRef = useRef9(onLeave);
+  const onMoveRef = useRef9(onMove);
+  useEffect14(() => {
     onEnterRef.current = onEnter;
   }, [onEnter]);
-  useEffect12(() => {
+  useEffect14(() => {
     onLeaveRef.current = onLeave;
   }, [onLeave]);
-  useEffect12(() => {
+  useEffect14(() => {
     onMoveRef.current = onMove;
   }, [onMove]);
-  useEffect12(() => {
+  useEffect14(() => {
     return registerHoverConsumer?.();
   }, [registerHoverConsumer]);
-  useEffect12(() => {
+  useEffect14(() => {
     if (!subscribe)
       return;
     return subscribe((event) => {
@@ -4667,24 +5034,24 @@ var init_useMouseHover2 = __esm(() => {
 });
 
 // src/components/MouseProvider/MouseProvider.tsx
-import { useInput as useInput8, useStdout as useStdout2 } from "ink";
-import { useCallback as useCallback15, useEffect as useEffect13, useMemo as useMemo12, useRef as useRef9 } from "react";
-import { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
+import { useInput as useInput9, useStdout as useStdout2 } from "ink";
+import { useCallback as useCallback17, useEffect as useEffect15, useMemo as useMemo14, useRef as useRef10 } from "react";
+import { jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
 function MouseProvider({
   children
 }) {
   const { stdout } = useStdout2();
-  const listenersRef = useRef9(new Set);
-  const hoverCountRef = useRef9(0);
-  const enableHover = useCallback15(() => {
+  const listenersRef = useRef10(new Set);
+  const hoverCountRef = useRef10(0);
+  const enableHover = useCallback17(() => {
     const out = stdout ?? process.stdout;
     out.write("\x1B[?1003h");
   }, [stdout]);
-  const disableHover = useCallback15(() => {
+  const disableHover = useCallback17(() => {
     const out = stdout ?? process.stdout;
     out.write("\x1B[?1003l");
   }, [stdout]);
-  useInput8((input) => {
+  useInput9((input) => {
     const events = parseMouseEvents(input);
     if (events.length === 0)
       return;
@@ -4695,13 +5062,13 @@ function MouseProvider({
       }
     }
   }, { isActive: RAW_MODE_SUPPORTED7 });
-  const subscribe = useCallback15((listener) => {
+  const subscribe = useCallback17((listener) => {
     listenersRef.current.add(listener);
     return () => {
       listenersRef.current.delete(listener);
     };
   }, []);
-  const registerHoverConsumer = useCallback15(() => {
+  const registerHoverConsumer = useCallback17(() => {
     hoverCountRef.current += 1;
     if (hoverCountRef.current === 1) {
       enableHover();
@@ -4713,7 +5080,7 @@ function MouseProvider({
       }
     };
   }, [enableHover, disableHover]);
-  useEffect13(() => {
+  useEffect15(() => {
     return () => {
       if (hoverCountRef.current > 0) {
         disableHover();
@@ -4721,8 +5088,8 @@ function MouseProvider({
       }
     };
   }, [disableHover]);
-  const value = useMemo12(() => ({ subscribe, registerHoverConsumer }), [subscribe, registerHoverConsumer]);
-  return /* @__PURE__ */ jsxDEV16(MouseContext.Provider, {
+  const value = useMemo14(() => ({ subscribe, registerHoverConsumer }), [subscribe, registerHoverConsumer]);
+  return /* @__PURE__ */ jsxDEV18(MouseContext.Provider, {
     value,
     children
   }, undefined, false, undefined, this);
@@ -4761,13 +5128,13 @@ var init_Separator_theme = __esm(() => {
 });
 
 // src/components/Separator/Separator.tsx
-import { Box as Box10, Text as Text10 } from "ink";
-import { jsxDEV as jsxDEV17 } from "react/jsx-dev-runtime";
+import { Box as Box11, Text as Text11 } from "ink";
+import { jsxDEV as jsxDEV19 } from "react/jsx-dev-runtime";
 function Separator({
   width = "full"
 }) {
   const theme = useSeparatorTheme();
-  return /* @__PURE__ */ jsxDEV17(SeparatorRender, {
+  return /* @__PURE__ */ jsxDEV19(SeparatorRender, {
     theme,
     width
   }, undefined, false, undefined, this);
@@ -4777,12 +5144,12 @@ function SeparatorRender({
   width = "full"
 }) {
   if (typeof width === "number") {
-    return /* @__PURE__ */ jsxDEV17(Text10, {
+    return /* @__PURE__ */ jsxDEV19(Text11, {
       ...theme.text,
       children: theme.char.repeat(width)
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV17(Box10, {
+  return /* @__PURE__ */ jsxDEV19(Box11, {
     flexDirection: theme.container.flexDirection,
     flexGrow: theme.container.flexGrow,
     flexShrink: theme.container.flexShrink,
@@ -4790,7 +5157,7 @@ function SeparatorRender({
     paddingX: theme.container.paddingX,
     height: 1,
     overflow: "hidden",
-    children: /* @__PURE__ */ jsxDEV17(Text10, {
+    children: /* @__PURE__ */ jsxDEV19(Text11, {
       ...theme.text,
       wrap: "hard",
       children: theme.char.repeat(FILL_REPEAT_COUNT)
@@ -4809,10 +5176,10 @@ var init_Separator2 = __esm(() => {
 });
 
 // src/components/Frame/Frame.theme.ts
-import { useMemo as useMemo13 } from "react";
+import { useMemo as useMemo15 } from "react";
 function useFrameTheme() {
   const tokens = useTheme();
-  return useMemo13(() => ({
+  return useMemo15(() => ({
     root: {
       flexDirection: "column",
       backgroundColor: tokens.colors.background
@@ -4852,9 +5219,9 @@ var init_Frame_theme = __esm(() => {
 });
 
 // src/components/Frame/Frame.tsx
-import { Box as Box11, Text as Text11, useStdout as useStdout3 } from "ink";
-import { useEffect as useEffect14, useRef as useRef10, useState as useState13 } from "react";
-import { jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
+import { Box as Box12, Text as Text12, useStdout as useStdout3 } from "ink";
+import { useEffect as useEffect16, useRef as useRef11, useState as useState15 } from "react";
+import { jsxDEV as jsxDEV20 } from "react/jsx-dev-runtime";
 function Frame({
   activeTabPath,
   tabs,
@@ -4867,11 +5234,11 @@ function Frame({
   });
   const theme = useFrameTheme();
   const { stdout } = useStdout3();
-  const [terminalSize, setTerminalSize] = useState13(() => ({
+  const [terminalSize, setTerminalSize] = useState15(() => ({
     rows: stdout?.rows ?? process.stdout.rows,
     columns: stdout?.columns ?? process.stdout.columns
   }));
-  useEffect14(() => {
+  useEffect16(() => {
     if (!stdout)
       return;
     const handleResize = () => setTerminalSize({ rows: stdout.rows, columns: stdout.columns });
@@ -4880,14 +5247,14 @@ function Frame({
       stdout.off("resize", handleResize);
     };
   }, [stdout]);
-  useEffect14(() => {
+  useEffect16(() => {
     process.stdout.write("\x1B[?1000h\x1B[?1006h");
     return () => {
       process.stdout.write("\x1B[?1000l\x1B[?1006l");
     };
   }, []);
-  return /* @__PURE__ */ jsxDEV18(MouseProvider, {
-    children: /* @__PURE__ */ jsxDEV18(FrameRender, {
+  return /* @__PURE__ */ jsxDEV20(MouseProvider, {
+    children: /* @__PURE__ */ jsxDEV20(FrameRender, {
       theme,
       activeTabPath,
       tabs,
@@ -4911,28 +5278,28 @@ function FrameRender({
   footer,
   debugRef
 }) {
-  return /* @__PURE__ */ jsxDEV18(Box11, {
+  return /* @__PURE__ */ jsxDEV20(Box12, {
     ref: debugRef,
     ...theme.root,
     width: terminalWidth,
     height: terminalHeight,
     flexDirection: "column",
     children: [
-      /* @__PURE__ */ jsxDEV18(Box11, {
+      /* @__PURE__ */ jsxDEV20(Box12, {
         ...theme.tabBar,
-        children: tabs.map((tab) => /* @__PURE__ */ jsxDEV18(FrameTab, {
+        children: tabs.map((tab) => /* @__PURE__ */ jsxDEV20(FrameTab, {
           tab,
           isActive: tab.path === activeTabPath,
           theme,
           onSelect: onTabSelect
         }, tab.path, false, undefined, this))
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV18(Separator, {}, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV18(Box11, {
+      /* @__PURE__ */ jsxDEV20(Separator, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV20(Box12, {
         ...theme.content,
         children
       }, undefined, false, undefined, this),
-      footer ? /* @__PURE__ */ jsxDEV18(Box11, {
+      footer ? /* @__PURE__ */ jsxDEV20(Box12, {
         ...theme.footer,
         children: footer
       }, undefined, false, undefined, this) : null
@@ -4945,15 +5312,15 @@ function FrameTab({
   theme,
   onSelect
 }) {
-  const ref = useRef10(null);
+  const ref = useRef11(null);
   const { isHovered } = useMouseHover({ ref });
   useMouseClick({ ref, onClick: () => onSelect(tab.path) });
   const baseLabelStyle = isActive ? theme.activeTab : theme.inactiveTab;
   const labelStyle = isHovered ? { ...baseLabelStyle, ...theme.hoveredTab } : baseLabelStyle;
-  return /* @__PURE__ */ jsxDEV18(Box11, {
+  return /* @__PURE__ */ jsxDEV20(Box12, {
     ref,
     gap: 1,
-    children: /* @__PURE__ */ jsxDEV18(Text11, {
+    children: /* @__PURE__ */ jsxDEV20(Text12, {
       ...labelStyle,
       children: tab.label
     }, undefined, false, undefined, this)
@@ -5009,8 +5376,8 @@ var init_BorderedPanel_theme = __esm(() => {
 });
 
 // src/components/BorderedPanel/BorderedPanel.tsx
-import { Box as Box12, Text as Text12 } from "ink";
-import { jsxDEV as jsxDEV19 } from "react/jsx-dev-runtime";
+import { Box as Box13, Text as Text13 } from "ink";
+import { jsxDEV as jsxDEV21 } from "react/jsx-dev-runtime";
 function BorderedPanel({
   header,
   headerRef,
@@ -5023,7 +5390,7 @@ function BorderedPanel({
   const resolvedBorderColor = borderColor ?? theme.borderColor;
   const resolvedHeaderColor = headerColor ?? theme.headerColor;
   const resolvedBackgroundColor = backgroundColor ?? theme.backgroundColor;
-  return /* @__PURE__ */ jsxDEV19(BorderedPanelRender, {
+  return /* @__PURE__ */ jsxDEV21(BorderedPanelRender, {
     theme,
     header,
     headerRef,
@@ -5042,15 +5409,15 @@ function BorderedPanelRender({
   backgroundColor,
   children
 }) {
-  return /* @__PURE__ */ jsxDEV19(Box12, {
+  return /* @__PURE__ */ jsxDEV21(Box13, {
     ...theme.container,
     borderColor,
     backgroundColor,
     children: [
-      /* @__PURE__ */ jsxDEV19(Box12, {
+      /* @__PURE__ */ jsxDEV21(Box13, {
         ref: headerRef,
         ...theme.header,
-        children: /* @__PURE__ */ jsxDEV19(Text12, {
+        children: /* @__PURE__ */ jsxDEV21(Text13, {
           ...theme.header.text,
           backgroundColor,
           color: headerColor,
@@ -5105,8 +5472,8 @@ var init_Modal_theme = __esm(() => {
 });
 
 // src/components/Modal/Modal.tsx
-import { Box as Box13, Text as Text13, useInput as useInput9 } from "ink";
-import { jsxDEV as jsxDEV20 } from "react/jsx-dev-runtime";
+import { Box as Box14, Text as Text14, useInput as useInput10 } from "ink";
+import { jsxDEV as jsxDEV22 } from "react/jsx-dev-runtime";
 function Modal({
   modalId,
   title,
@@ -5116,13 +5483,13 @@ function Modal({
   maxHeight
 }) {
   const { isOpen, isTopmost, close } = useModal(modalId);
-  useInput9((_input, key) => {
+  useInput10((_input, key) => {
     if (key.escape)
       close();
   }, { isActive: isOpen && isTopmost && closeOnEsc && RAW_MODE_SUPPORTED8 });
   if (!isOpen)
     return null;
-  return /* @__PURE__ */ jsxDEV20(ModalRender, {
+  return /* @__PURE__ */ jsxDEV22(ModalRender, {
     title,
     minHeight,
     maxHeight,
@@ -5141,12 +5508,12 @@ function ModalRender({
     ...minHeight !== undefined ? { minHeight } : {},
     ...maxHeight !== undefined ? { maxHeight } : {}
   };
-  return /* @__PURE__ */ jsxDEV20(Box13, {
+  return /* @__PURE__ */ jsxDEV22(Box14, {
     ...theme.overlay,
-    children: /* @__PURE__ */ jsxDEV20(Box13, {
+    children: /* @__PURE__ */ jsxDEV22(Box14, {
       ...contentStyle,
       children: [
-        title !== undefined ? /* @__PURE__ */ jsxDEV20(Text13, {
+        title !== undefined ? /* @__PURE__ */ jsxDEV22(Text14, {
           ...theme.title,
           children: title
         }, undefined, false, undefined, this) : null,
@@ -5172,19 +5539,19 @@ var init_Modal2 = __esm(() => {
 var CONTEXT_USAGE_MODAL_ID = "context-usage";
 
 // src/components/MessageList/ContextUsageModal/ContextUsageModal.tsx
-import { Box as Box14, Text as Text14 } from "ink";
-import { jsxDEV as jsxDEV21 } from "react/jsx-dev-runtime";
+import { Box as Box15, Text as Text15 } from "ink";
+import { jsxDEV as jsxDEV23 } from "react/jsx-dev-runtime";
 function ContextUsageModal() {
   const { isOpen, data } = useModal(CONTEXT_USAGE_MODAL_ID);
   const payload = isPayload(data) ? data : null;
   if (!isOpen || payload === null)
     return null;
-  return /* @__PURE__ */ jsxDEV21(Modal, {
+  return /* @__PURE__ */ jsxDEV23(Modal, {
     modalId: CONTEXT_USAGE_MODAL_ID,
     title: `Context Usage: ${payload.agentName}`,
     minHeight: 14,
     maxHeight: "60%",
-    children: /* @__PURE__ */ jsxDEV21(ContextUsageModalRender, {
+    children: /* @__PURE__ */ jsxDEV23(ContextUsageModalRender, {
       payload
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
@@ -5193,22 +5560,22 @@ function ContextUsageModalRender({
   payload
 }) {
   const rows = contextUsageRows(payload);
-  return /* @__PURE__ */ jsxDEV21(Box14, {
+  return /* @__PURE__ */ jsxDEV23(Box15, {
     flexDirection: "column",
     gap: 1,
     paddingX: 1,
     children: [
-      /* @__PURE__ */ jsxDEV21(Box14, {
+      /* @__PURE__ */ jsxDEV23(Box15, {
         flexDirection: "column",
         children: [
-          payload.model !== undefined ? /* @__PURE__ */ jsxDEV21(Text14, {
+          payload.model !== undefined ? /* @__PURE__ */ jsxDEV23(Text15, {
             color: "gray",
             children: [
               "model ",
               payload.model
             ]
           }, undefined, true, undefined, this) : null,
-          payload.contextWindow !== undefined ? /* @__PURE__ */ jsxDEV21(Text14, {
+          payload.contextWindow !== undefined ? /* @__PURE__ */ jsxDEV23(Text15, {
             color: "gray",
             children: [
               "window ",
@@ -5217,23 +5584,23 @@ function ContextUsageModalRender({
               formatTokens(payload.contextWindow)
             ]
           }, undefined, true, undefined, this) : null,
-          /* @__PURE__ */ jsxDEV21(Text14, {
+          /* @__PURE__ */ jsxDEV23(Text15, {
             color: "gray",
             dimColor: true,
             children: "input = full context sent (system + history + your msg)"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV21(Text14, {
+          /* @__PURE__ */ jsxDEV23(Text15, {
             color: "gray",
             dimColor: true,
             children: "output = the model's generated reply"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV21(Box14, {
+      /* @__PURE__ */ jsxDEV23(Box15, {
         flexDirection: "column",
-        children: rows.map((row) => /* @__PURE__ */ jsxDEV21(Text14, {
+        children: rows.map((row) => /* @__PURE__ */ jsxDEV23(Text15, {
           children: [
-            /* @__PURE__ */ jsxDEV21(Text14, {
+            /* @__PURE__ */ jsxDEV23(Text15, {
               color: "gray",
               children: row.label.padEnd(16)
             }, undefined, false, undefined, this),
@@ -5345,10 +5712,10 @@ var init_CodeView_theme = __esm(() => {
 
 // src/components/CodeView/CodeView.tsx
 import { codeToANSI } from "@shikijs/cli";
-import { Box as Box15, Text as Text15 } from "ink";
-import { useEffect as useEffect15, useRef as useRef11, useState as useState14 } from "react";
+import { Box as Box16, Text as Text16 } from "ink";
+import { useEffect as useEffect17, useRef as useRef12, useState as useState16 } from "react";
 import { createHighlighter } from "shiki";
-import { jsxDEV as jsxDEV22, Fragment } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV24, Fragment } from "react/jsx-dev-runtime";
 function CodeView({
   code,
   language,
@@ -5356,9 +5723,9 @@ function CodeView({
 }) {
   useDebugRender("CodeView", { props: { code, language, showLineNumbers } });
   const theme = useCodeViewTheme();
-  const highlighterRef = useRef11(null);
-  const [highlightedCode, setHighlightedCode] = useState14(null);
-  useEffect15(() => {
+  const highlighterRef = useRef12(null);
+  const [highlightedCode, setHighlightedCode] = useState16(null);
+  useEffect17(() => {
     let cancelled = false;
     async function highlight() {
       if (!highlighterRef.current) {
@@ -5389,7 +5756,7 @@ function CodeView({
       cancelled = true;
     };
   }, [code, language]);
-  return /* @__PURE__ */ jsxDEV22(CodeViewRender, {
+  return /* @__PURE__ */ jsxDEV24(CodeViewRender, {
     highlightedCode,
     showLineNumbers,
     code,
@@ -5406,23 +5773,23 @@ function CodeViewRender({
 `);
   const totalLines = lines.length;
   const gutterWidth = Math.max(MIN_LINE_NUMBER_WIDTH, String(totalLines).length);
-  return /* @__PURE__ */ jsxDEV22(Box15, {
+  return /* @__PURE__ */ jsxDEV24(Box16, {
     ...theme.root,
-    children: lines.map((line, index) => /* @__PURE__ */ jsxDEV22(Box15, {
+    children: lines.map((line, index) => /* @__PURE__ */ jsxDEV24(Box16, {
       ...theme.lineRow,
       children: [
-        showLineNumbers ? /* @__PURE__ */ jsxDEV22(Fragment, {
+        showLineNumbers ? /* @__PURE__ */ jsxDEV24(Fragment, {
           children: [
-            /* @__PURE__ */ jsxDEV22(Text15, {
+            /* @__PURE__ */ jsxDEV24(Text16, {
               ...theme.lineNumber,
               children: String(index + 1).padStart(gutterWidth, " ")
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV22(Box15, {
+            /* @__PURE__ */ jsxDEV24(Box16, {
               width: theme.gutterGap
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this) : null,
-        /* @__PURE__ */ jsxDEV22(Text15, {
+        /* @__PURE__ */ jsxDEV24(Text16, {
           ...highlightedCode ? {} : theme.fallback,
           children: line
         }, undefined, false, undefined, this)
@@ -5698,8 +6065,8 @@ function truncateThinking(text) {
 var init_MarkdownView_utils = () => {};
 
 // src/components/MessageList/MarkdownView/MarkdownView.tsx
-import { Box as Box16, Text as Text16 } from "ink";
-import { jsxDEV as jsxDEV23, Fragment as Fragment2 } from "react/jsx-dev-runtime";
+import { Box as Box17, Text as Text17 } from "ink";
+import { jsxDEV as jsxDEV25, Fragment as Fragment2 } from "react/jsx-dev-runtime";
 function MarkdownView({
   markdown,
   width
@@ -5708,7 +6075,7 @@ function MarkdownView({
   const theme = useMarkdownViewTheme();
   const blocks = tokenizeMarkdown(markdown);
   const effectiveWidth = typeof width === "number" && width > 0 ? width : HORIZONTAL_RULE_DEFAULT_WIDTH;
-  return /* @__PURE__ */ jsxDEV23(MarkdownViewRender, {
+  return /* @__PURE__ */ jsxDEV25(MarkdownViewRender, {
     blocks,
     theme,
     width: effectiveWidth
@@ -5719,9 +6086,9 @@ function MarkdownViewRender({
   theme,
   width
 }) {
-  return /* @__PURE__ */ jsxDEV23(Box16, {
+  return /* @__PURE__ */ jsxDEV25(Box17, {
     ...theme.root,
-    children: blocks.map((block, index) => /* @__PURE__ */ jsxDEV23(BlockView, {
+    children: blocks.map((block, index) => /* @__PURE__ */ jsxDEV25(BlockView, {
       block,
       theme,
       width
@@ -5735,28 +6102,28 @@ function BlockView({
 }) {
   switch (block.kind) {
     case "paragraph":
-      return /* @__PURE__ */ jsxDEV23(Box16, {
+      return /* @__PURE__ */ jsxDEV25(Box17, {
         ...theme.paragraph,
-        children: /* @__PURE__ */ jsxDEV23(Text16, {
+        children: /* @__PURE__ */ jsxDEV25(Text17, {
           ...theme.paragraphText,
-          children: /* @__PURE__ */ jsxDEV23(InlineRun, {
+          children: /* @__PURE__ */ jsxDEV25(InlineRun, {
             spans: block.children,
             theme
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this);
     case "heading":
-      return /* @__PURE__ */ jsxDEV23(Box16, {
+      return /* @__PURE__ */ jsxDEV25(Box17, {
         ...theme.paragraph,
-        children: /* @__PURE__ */ jsxDEV23(Text16, {
+        children: /* @__PURE__ */ jsxDEV25(Text17, {
           children: [
-            /* @__PURE__ */ jsxDEV23(Text16, {
+            /* @__PURE__ */ jsxDEV25(Text17, {
               ...theme.headingPrefix,
               children: `${HEADING_PREFIX_CHAR.repeat(block.depth)} `
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV23(Text16, {
+            /* @__PURE__ */ jsxDEV25(Text17, {
               ...theme.heading,
-              children: /* @__PURE__ */ jsxDEV23(InlineRun, {
+              children: /* @__PURE__ */ jsxDEV25(InlineRun, {
                 spans: block.children,
                 theme
               }, undefined, false, undefined, this)
@@ -5765,7 +6132,7 @@ function BlockView({
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this);
     case "list":
-      return /* @__PURE__ */ jsxDEV23(ListView, {
+      return /* @__PURE__ */ jsxDEV25(ListView, {
         ordered: block.ordered,
         start: block.start,
         items: block.items,
@@ -5774,40 +6141,40 @@ function BlockView({
         depth: 0
       }, undefined, false, undefined, this);
     case "blockquote":
-      return /* @__PURE__ */ jsxDEV23(Box16, {
+      return /* @__PURE__ */ jsxDEV25(Box17, {
         ...theme.blockquote,
         children: block.children.map((child, index) => {
           if (child.kind === "paragraph") {
             const plain = inlineSpansToPlainText(child.children);
             const lines = plain.split(`
 `);
-            return /* @__PURE__ */ jsxDEV23(Box16, {
+            return /* @__PURE__ */ jsxDEV25(Box17, {
               flexDirection: "column",
-              children: lines.map((line, lineIndex) => /* @__PURE__ */ jsxDEV23(Text16, {
+              children: lines.map((line, lineIndex) => /* @__PURE__ */ jsxDEV25(Text17, {
                 ...theme.paragraphText,
                 children: [
-                  /* @__PURE__ */ jsxDEV23(Text16, {
+                  /* @__PURE__ */ jsxDEV25(Text17, {
                     ...theme.blockquoteMarker,
                     children: BLOCKQUOTE_PREFIX
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV23(Text16, {
+                  /* @__PURE__ */ jsxDEV25(Text17, {
                     children: line
                   }, undefined, false, undefined, this)
                 ]
               }, lineIndex, true, undefined, this))
             }, index, false, undefined, this);
           }
-          return /* @__PURE__ */ jsxDEV23(Box16, {
+          return /* @__PURE__ */ jsxDEV25(Box17, {
             flexDirection: "row",
             children: [
-              /* @__PURE__ */ jsxDEV23(Text16, {
+              /* @__PURE__ */ jsxDEV25(Text17, {
                 ...theme.blockquoteMarker,
                 children: BLOCKQUOTE_PREFIX
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV23(Box16, {
+              /* @__PURE__ */ jsxDEV25(Box17, {
                 flexDirection: "column",
                 flexGrow: 1,
-                children: /* @__PURE__ */ jsxDEV23(BlockView, {
+                children: /* @__PURE__ */ jsxDEV25(BlockView, {
                   block: child,
                   theme,
                   width
@@ -5818,23 +6185,23 @@ function BlockView({
         })
       }, undefined, false, undefined, this);
     case "code":
-      return /* @__PURE__ */ jsxDEV23(CodeView, {
+      return /* @__PURE__ */ jsxDEV25(CodeView, {
         code: block.value,
         language: block.language || "text",
         showLineNumbers: false
       }, undefined, false, undefined, this);
     case "table":
-      return /* @__PURE__ */ jsxDEV23(Box16, {
+      return /* @__PURE__ */ jsxDEV25(Box17, {
         ...theme.table,
-        children: /* @__PURE__ */ jsxDEV23(Text16, {
+        children: /* @__PURE__ */ jsxDEV25(Text17, {
           ...theme.tableText,
           children: renderTableToText(block.header, block.rows)
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this);
     case "hr":
-      return /* @__PURE__ */ jsxDEV23(Box16, {
+      return /* @__PURE__ */ jsxDEV25(Box17, {
         ...theme.horizontalRule,
-        children: /* @__PURE__ */ jsxDEV23(Text16, {
+        children: /* @__PURE__ */ jsxDEV25(Text17, {
           ...theme.horizontalRuleText,
           children: HORIZONTAL_RULE_CHAR.repeat(Math.max(1, width))
         }, undefined, false, undefined, this)
@@ -5851,42 +6218,42 @@ function ListView({
 }) {
   const markerWidth = ordered ? String(start + items.length - 1).length + 1 : 1;
   const indent = depth * LIST_INDENT_PER_LEVEL;
-  return /* @__PURE__ */ jsxDEV23(Box16, {
+  return /* @__PURE__ */ jsxDEV25(Box17, {
     flexDirection: "column",
     children: items.map((item, index) => {
       const marker = ordered ? `${start + index}.`.padStart(markerWidth, " ") : UNORDERED_LIST_BULLET;
-      return /* @__PURE__ */ jsxDEV23(Box16, {
+      return /* @__PURE__ */ jsxDEV25(Box17, {
         ...theme.listItemRow,
         children: [
-          indent > 0 ? /* @__PURE__ */ jsxDEV23(Box16, {
+          indent > 0 ? /* @__PURE__ */ jsxDEV25(Box17, {
             width: indent
           }, undefined, false, undefined, this) : null,
-          /* @__PURE__ */ jsxDEV23(Text16, {
+          /* @__PURE__ */ jsxDEV25(Text17, {
             ...theme.listMarker,
             children: marker
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23(Box16, {
+          /* @__PURE__ */ jsxDEV25(Box17, {
             width: 1
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV23(Box16, {
+          /* @__PURE__ */ jsxDEV25(Box17, {
             ...theme.listItemContent,
             flexGrow: 1,
             children: [
-              /* @__PURE__ */ jsxDEV23(Text16, {
+              /* @__PURE__ */ jsxDEV25(Text17, {
                 ...theme.paragraphText,
-                children: /* @__PURE__ */ jsxDEV23(InlineRun, {
+                children: /* @__PURE__ */ jsxDEV25(InlineRun, {
                   spans: item.children,
                   theme
                 }, undefined, false, undefined, this)
               }, undefined, false, undefined, this),
-              item.nested.map((nested, nestedIndex) => nested.kind === "list" ? /* @__PURE__ */ jsxDEV23(ListView, {
+              item.nested.map((nested, nestedIndex) => nested.kind === "list" ? /* @__PURE__ */ jsxDEV25(ListView, {
                 ordered: nested.ordered,
                 start: nested.start,
                 items: nested.items,
                 theme,
                 width,
                 depth: depth + 1
-              }, nestedIndex, false, undefined, this) : /* @__PURE__ */ jsxDEV23(BlockView, {
+              }, nestedIndex, false, undefined, this) : /* @__PURE__ */ jsxDEV25(BlockView, {
                 block: nested,
                 theme,
                 width
@@ -5899,8 +6266,8 @@ function ListView({
   }, undefined, false, undefined, this);
 }
 function InlineRun({ spans, theme }) {
-  return /* @__PURE__ */ jsxDEV23(Fragment2, {
-    children: spans.map((span, index) => /* @__PURE__ */ jsxDEV23(InlineSpan, {
+  return /* @__PURE__ */ jsxDEV25(Fragment2, {
+    children: spans.map((span, index) => /* @__PURE__ */ jsxDEV25(InlineSpan, {
       span,
       theme
     }, index, false, undefined, this))
@@ -5909,44 +6276,44 @@ function InlineRun({ spans, theme }) {
 function InlineSpan({ span, theme }) {
   switch (span.kind) {
     case "text":
-      return /* @__PURE__ */ jsxDEV23(Text16, {
+      return /* @__PURE__ */ jsxDEV25(Text17, {
         children: span.value
       }, undefined, false, undefined, this);
     case "strong":
-      return /* @__PURE__ */ jsxDEV23(Text16, {
+      return /* @__PURE__ */ jsxDEV25(Text17, {
         ...theme.strong,
-        children: /* @__PURE__ */ jsxDEV23(InlineRun, {
+        children: /* @__PURE__ */ jsxDEV25(InlineRun, {
           spans: span.children,
           theme
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this);
     case "em":
-      return /* @__PURE__ */ jsxDEV23(Text16, {
+      return /* @__PURE__ */ jsxDEV25(Text17, {
         ...theme.em,
-        children: /* @__PURE__ */ jsxDEV23(InlineRun, {
+        children: /* @__PURE__ */ jsxDEV25(InlineRun, {
           spans: span.children,
           theme
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this);
     case "code":
-      return /* @__PURE__ */ jsxDEV23(Text16, {
+      return /* @__PURE__ */ jsxDEV25(Text17, {
         ...theme.inlineCode,
         children: `\`${span.value}\``
       }, undefined, false, undefined, this);
     case "link": {
       const showUrl = span.href.length > 0;
-      return /* @__PURE__ */ jsxDEV23(Text16, {
+      return /* @__PURE__ */ jsxDEV25(Text17, {
         children: [
-          /* @__PURE__ */ jsxDEV23(Text16, {
+          /* @__PURE__ */ jsxDEV25(Text17, {
             ...theme.linkText,
             children: span.text
           }, undefined, false, undefined, this),
-          showUrl ? /* @__PURE__ */ jsxDEV23(Fragment2, {
+          showUrl ? /* @__PURE__ */ jsxDEV25(Fragment2, {
             children: [
-              /* @__PURE__ */ jsxDEV23(Text16, {
+              /* @__PURE__ */ jsxDEV25(Text17, {
                 children: " "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV23(Text16, {
+              /* @__PURE__ */ jsxDEV25(Text17, {
                 ...theme.linkUrl,
                 children: `(${span.href})`
               }, undefined, false, undefined, this)
@@ -5972,10 +6339,10 @@ var init_MarkdownView2 = __esm(() => {
 });
 
 // src/components/MessageList/MessageList.theme.ts
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo16 } from "react";
 function useMessageListTheme() {
   const tokens = useTheme();
-  return useMemo14(() => ({
+  return useMemo16(() => ({
     container: {
       flexDirection: "column",
       flexGrow: 1,
@@ -6271,28 +6638,28 @@ function ensureGlobal(flags) {
 var init_OutputModal_utils = () => {};
 
 // src/components/MessageList/OutputModal/OutputModal.tsx
-import { Box as Box17, Text as Text17, useInput as useInput10 } from "ink";
-import { useContext as useContext9, useEffect as useEffect16, useMemo as useMemo15, useRef as useRef12, useState as useState15 } from "react";
-import { jsxDEV as jsxDEV24, Fragment as Fragment3 } from "react/jsx-dev-runtime";
+import { Box as Box18, Text as Text18, useInput as useInput11 } from "ink";
+import { useContext as useContext10, useEffect as useEffect18, useMemo as useMemo17, useRef as useRef13, useState as useState17 } from "react";
+import { jsxDEV as jsxDEV26, Fragment as Fragment3 } from "react/jsx-dev-runtime";
 function OutputModal() {
   useDebugRender("OutputModal", {});
   const theme = useOutputModalTheme();
   const { isOpen, data, close } = useModal(OUTPUT_MODAL_ID);
   const payload = isPayload2(data) ? data : null;
-  const [query, setQuery] = useState15("");
-  const [scrollOffset, setScrollOffset] = useState15(0);
-  useEffect16(() => {
+  const [query, setQuery] = useState17("");
+  const [scrollOffset, setScrollOffset] = useState17(0);
+  useEffect18(() => {
     if (isOpen && payload !== null) {
       setQuery("");
       setScrollOffset(0);
     }
   }, [isOpen, payload?.title, payload?.body, payload]);
-  const compiled = useMemo15(() => compileQuery(query), [query]);
-  const lines = useMemo15(() => payload ? filterAndHighlight(payload.body, compiled.regex) : [], [payload?.body, compiled.regex, payload]);
-  const contentRef = useRef12(null);
-  const mouseContextValue = useContext9(MouseContext);
+  const compiled = useMemo17(() => compileQuery(query), [query]);
+  const lines = useMemo17(() => payload ? filterAndHighlight(payload.body, compiled.regex) : [], [payload?.body, compiled.regex, payload]);
+  const contentRef = useRef13(null);
+  const mouseContextValue = useContext10(MouseContext);
   const subscribe = mouseContextValue?.subscribe;
-  useEffect16(() => {
+  useEffect18(() => {
     if (!isOpen || !subscribe)
       return;
     return subscribe((event) => {
@@ -6305,7 +6672,7 @@ function OutputModal() {
       close();
     });
   }, [isOpen, subscribe, close]);
-  useInput10((_input, key) => {
+  useInput11((_input, key) => {
     if (!isOpen)
       return;
     if (key.upArrow) {
@@ -6319,15 +6686,15 @@ function OutputModal() {
   }, { isActive: isOpen });
   if (!isOpen || payload === null)
     return null;
-  return /* @__PURE__ */ jsxDEV24(Modal, {
+  return /* @__PURE__ */ jsxDEV26(Modal, {
     modalId: OUTPUT_MODAL_ID,
     title: titleFor(payload),
     minHeight: 22,
     maxHeight: "80%",
-    children: /* @__PURE__ */ jsxDEV24(Box17, {
+    children: /* @__PURE__ */ jsxDEV26(Box18, {
       ref: contentRef,
       ...theme.body,
-      children: /* @__PURE__ */ jsxDEV24(OutputModalRender, {
+      children: /* @__PURE__ */ jsxDEV26(OutputModalRender, {
         theme,
         query: compiled,
         lines,
@@ -6345,34 +6712,34 @@ function OutputModalRender({
   scrollToRow
 }) {
   const totalMatches = countMatches(lines);
-  return /* @__PURE__ */ jsxDEV24(Fragment3, {
+  return /* @__PURE__ */ jsxDEV26(Fragment3, {
     children: [
-      /* @__PURE__ */ jsxDEV24(Box17, {
+      /* @__PURE__ */ jsxDEV26(Box18, {
         ...theme.searchRow,
-        children: /* @__PURE__ */ jsxDEV24(SearchInput, {
+        children: /* @__PURE__ */ jsxDEV26(SearchInput, {
           value: query.raw,
           onChange: onQueryChange,
           placeholder: OUTPUT_MODAL_SEARCH_PLACEHOLDER
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV24(Box17, {
+      /* @__PURE__ */ jsxDEV26(Box18, {
         ...theme.statusRow,
-        children: /* @__PURE__ */ jsxDEV24(Text17, {
+        children: /* @__PURE__ */ jsxDEV26(Text18, {
           ...query.invalid ? theme.searchStatusError : theme.searchStatus,
           children: statusText(query, lines.length, totalMatches)
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      lines.length === 0 ? /* @__PURE__ */ jsxDEV24(Text17, {
+      lines.length === 0 ? /* @__PURE__ */ jsxDEV26(Text18, {
         ...theme.emptyState,
         children: [
           OUTPUT_MODAL_EMPTY_LINE,
           " no matches"
         ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV24(ScrollableView, {
+      }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV26(ScrollableView, {
         items: lines,
         getKey: (line) => String(line.lineNumber),
         scrollToRow,
-        renderItem: (line) => /* @__PURE__ */ jsxDEV24(LineRow, {
+        renderItem: (line) => /* @__PURE__ */ jsxDEV26(LineRow, {
           line,
           theme
         }, undefined, false, undefined, this)
@@ -6381,19 +6748,19 @@ function OutputModalRender({
   }, undefined, true, undefined, this);
 }
 function LineRow({ line, theme }) {
-  return /* @__PURE__ */ jsxDEV24(Box17, {
+  return /* @__PURE__ */ jsxDEV26(Box18, {
     ...theme.lineRow,
     children: [
-      /* @__PURE__ */ jsxDEV24(Text17, {
+      /* @__PURE__ */ jsxDEV26(Text18, {
         ...theme.lineNumber,
         children: `${String(line.lineNumber).padStart(4, " ")} `
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV24(Text17, {
+      /* @__PURE__ */ jsxDEV26(Text18, {
         ...theme.lineText,
-        children: line.segments.map((segment, index) => segment.isMatch ? /* @__PURE__ */ jsxDEV24(Text17, {
+        children: line.segments.map((segment, index) => segment.isMatch ? /* @__PURE__ */ jsxDEV26(Text18, {
           ...theme.lineMatch,
           children: segment.text
-        }, index, false, undefined, this) : /* @__PURE__ */ jsxDEV24(Text17, {
+        }, index, false, undefined, this) : /* @__PURE__ */ jsxDEV26(Text18, {
           children: segment.text
         }, index, false, undefined, this))
       }, undefined, false, undefined, this)
@@ -6446,7 +6813,7 @@ var init_OutputModal2 = __esm(() => {
 });
 
 // src/hooks/useToolSpinner/useToolSpinner.ts
-import { useEffect as useEffect17, useState as useState16 } from "react";
+import { useEffect as useEffect19, useState as useState18 } from "react";
 function ensureIntervalRunning() {
   if (intervalHandle !== null)
     return;
@@ -6465,8 +6832,8 @@ function maybeStopInterval() {
   }
 }
 function useToolSpinner(running) {
-  const [tick, setTick] = useState16(sharedTickCount);
-  useEffect17(() => {
+  const [tick, setTick] = useState18(sharedTickCount);
+  useEffect19(() => {
     if (!running)
       return;
     subscribers.add(setTick);
@@ -6560,9 +6927,9 @@ var init_SpawnedStrategyView_theme = __esm(() => {
 });
 
 // src/components/MessageList/SpawnedStrategyView/SpawnedStrategyView.tsx
-import { Box as Box18, Text as Text18 } from "ink";
-import { useRef as useRef13 } from "react";
-import { jsxDEV as jsxDEV25, Fragment as Fragment4 } from "react/jsx-dev-runtime";
+import { Box as Box19, Text as Text19 } from "ink";
+import { useRef as useRef14 } from "react";
+import { jsxDEV as jsxDEV27, Fragment as Fragment4 } from "react/jsx-dev-runtime";
 function SpawnedStrategyView({
   args,
   status,
@@ -6575,7 +6942,7 @@ function SpawnedStrategyView({
   const spinnerFrame = useToolSpinner(status === "running");
   const leadingGlyph = status === "running" ? spinnerFrame ?? TOOL_SPINNER_FRAMES[0] : STATUS_GLYPHS[status];
   const parsedArguments = parseLaunchStrategyArguments(args);
-  return /* @__PURE__ */ jsxDEV25(SpawnedStrategyViewRender, {
+  return /* @__PURE__ */ jsxDEV27(SpawnedStrategyViewRender, {
     theme,
     leadingGlyph,
     strategyName: parsedArguments.strategyName,
@@ -6600,54 +6967,54 @@ function SpawnedStrategyViewRender({
   onOpen,
   children
 }) {
-  const openRef = useRef13(null);
+  const openRef = useRef14(null);
   useMouseClick({ ref: openRef, onClick: () => onOpen?.() });
   const glyphStyle = status === "running" ? theme.runningGlyph : status === "completed" ? theme.completedGlyph : theme.errorGlyph;
   const header = `spawned ${strategyName}`;
-  return /* @__PURE__ */ jsxDEV25(Box18, {
+  return /* @__PURE__ */ jsxDEV27(Box19, {
     ...theme.container,
-    children: /* @__PURE__ */ jsxDEV25(BorderedPanel, {
+    children: /* @__PURE__ */ jsxDEV27(BorderedPanel, {
       header,
       borderColor: theme.borderColor[status],
       headerColor: theme.borderColor[status],
-      children: /* @__PURE__ */ jsxDEV25(Box18, {
+      children: /* @__PURE__ */ jsxDEV27(Box19, {
         ...theme.body,
         children: [
-          /* @__PURE__ */ jsxDEV25(Box18, {
+          /* @__PURE__ */ jsxDEV27(Box19, {
             ...theme.metaRow,
             children: [
-              /* @__PURE__ */ jsxDEV25(Text18, {
+              /* @__PURE__ */ jsxDEV27(Text19, {
                 ...glyphStyle,
                 children: leadingGlyph
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV25(Text18, {
+              /* @__PURE__ */ jsxDEV27(Text19, {
                 children: " "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV25(Text18, {
+              /* @__PURE__ */ jsxDEV27(Text19, {
                 ...theme.title,
                 children: "launch_strategy"
               }, undefined, false, undefined, this),
-              onOpen ? /* @__PURE__ */ jsxDEV25(Fragment4, {
+              onOpen ? /* @__PURE__ */ jsxDEV27(Fragment4, {
                 children: [
-                  /* @__PURE__ */ jsxDEV25(Text18, {
+                  /* @__PURE__ */ jsxDEV27(Text19, {
                     children: " "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV25(Box18, {
+                  /* @__PURE__ */ jsxDEV27(Box19, {
                     ref: openRef,
                     ...theme.openTarget,
-                    children: /* @__PURE__ */ jsxDEV25(Text18, {
+                    children: /* @__PURE__ */ jsxDEV27(Text19, {
                       ...theme.openHint,
                       children: "open"
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this) : null,
-              error ? /* @__PURE__ */ jsxDEV25(Fragment4, {
+              error ? /* @__PURE__ */ jsxDEV27(Fragment4, {
                 children: [
-                  /* @__PURE__ */ jsxDEV25(Text18, {
+                  /* @__PURE__ */ jsxDEV27(Text19, {
                     children: " "
                   }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV25(Text18, {
+                  /* @__PURE__ */ jsxDEV27(Text19, {
                     ...theme.error,
                     children: error
                   }, undefined, false, undefined, this)
@@ -6655,32 +7022,32 @@ function SpawnedStrategyViewRender({
               }, undefined, true, undefined, this) : null
             ]
           }, undefined, true, undefined, this),
-          inputPreview.length > 0 ? /* @__PURE__ */ jsxDEV25(DetailRow, {
+          inputPreview.length > 0 ? /* @__PURE__ */ jsxDEV27(DetailRow, {
             theme,
             label: "input",
             value: inputPreview
           }, undefined, false, undefined, this) : null,
-          modelOverride.length > 0 ? /* @__PURE__ */ jsxDEV25(DetailRow, {
+          modelOverride.length > 0 ? /* @__PURE__ */ jsxDEV27(DetailRow, {
             theme,
             label: "model",
             value: modelOverride
           }, undefined, false, undefined, this) : null,
-          resultDetails.path.length > 0 ? /* @__PURE__ */ jsxDEV25(DetailRow, {
+          resultDetails.path.length > 0 ? /* @__PURE__ */ jsxDEV27(DetailRow, {
             theme,
             label: "path",
             value: resultDetails.path
           }, undefined, false, undefined, this) : null,
-          resultDetails.finishReason.length > 0 ? /* @__PURE__ */ jsxDEV25(DetailRow, {
+          resultDetails.finishReason.length > 0 ? /* @__PURE__ */ jsxDEV27(DetailRow, {
             theme,
             label: "finish",
             value: resultDetails.finishReason
           }, undefined, false, undefined, this) : null,
-          resultDetails.resultPreview.length > 0 ? /* @__PURE__ */ jsxDEV25(DetailRow, {
+          resultDetails.resultPreview.length > 0 ? /* @__PURE__ */ jsxDEV27(DetailRow, {
             theme,
             label: "result",
             value: resultDetails.resultPreview
           }, undefined, false, undefined, this) : null,
-          /* @__PURE__ */ jsxDEV25(Box18, {
+          /* @__PURE__ */ jsxDEV27(Box19, {
             ...theme.nestedMessages,
             children
           }, undefined, false, undefined, this)
@@ -6745,17 +7112,17 @@ function DetailRow({
   label,
   value
 }) {
-  return /* @__PURE__ */ jsxDEV25(Box18, {
+  return /* @__PURE__ */ jsxDEV27(Box19, {
     ...theme.detailRow,
     children: [
-      /* @__PURE__ */ jsxDEV25(Text18, {
+      /* @__PURE__ */ jsxDEV27(Text19, {
         ...theme.detailLabel,
         children: [
           label,
           ": "
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV25(Text18, {
+      /* @__PURE__ */ jsxDEV27(Text19, {
         ...theme.muted,
         children: value
       }, undefined, false, undefined, this)
@@ -6851,8 +7218,8 @@ function staticGlyphForStatus(status) {
 var init_ToolCallView_utils = () => {};
 
 // src/components/MessageList/ToolCallView/ToolCallView.tsx
-import { Box as Box19, Text as Text19 } from "ink";
-import { jsxDEV as jsxDEV26, Fragment as Fragment5 } from "react/jsx-dev-runtime";
+import { Box as Box20, Text as Text20 } from "ink";
+import { jsxDEV as jsxDEV28, Fragment as Fragment5 } from "react/jsx-dev-runtime";
 function ToolCallView({
   toolName,
   args,
@@ -6868,7 +7235,7 @@ function ToolCallView({
   const leadingGlyph = status === "running" ? spinnerFrame ?? TOOL_SPINNER_FRAMES[0] : staticGlyphForStatus(status);
   const argsPreview = formatArgsPreview(args);
   const resultSummary = formatResultSummary(status, output, error);
-  return /* @__PURE__ */ jsxDEV26(ToolCallViewRender, {
+  return /* @__PURE__ */ jsxDEV28(ToolCallViewRender, {
     theme,
     leadingGlyph,
     toolName,
@@ -6887,38 +7254,38 @@ function ToolCallViewRender({
 }) {
   const glyphStyle = status === "running" ? theme.runningGlyph : status === "completed" ? theme.completedGlyph : theme.errorGlyph;
   const summaryStyle = status === "error" ? theme.errorSummary : theme.resultSummary;
-  return /* @__PURE__ */ jsxDEV26(Box19, {
+  return /* @__PURE__ */ jsxDEV28(Box20, {
     ...theme.container,
-    children: /* @__PURE__ */ jsxDEV26(Text19, {
+    children: /* @__PURE__ */ jsxDEV28(Text20, {
       children: [
-        /* @__PURE__ */ jsxDEV26(Text19, {
+        /* @__PURE__ */ jsxDEV28(Text20, {
           ...glyphStyle,
           children: leadingGlyph
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV26(Text19, {
+        /* @__PURE__ */ jsxDEV28(Text20, {
           children: " "
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV26(Text19, {
+        /* @__PURE__ */ jsxDEV28(Text20, {
           ...theme.toolName,
           children: toolName
         }, undefined, false, undefined, this),
-        argsPreview.length > 0 ? /* @__PURE__ */ jsxDEV26(Fragment5, {
+        argsPreview.length > 0 ? /* @__PURE__ */ jsxDEV28(Fragment5, {
           children: [
-            /* @__PURE__ */ jsxDEV26(Text19, {
+            /* @__PURE__ */ jsxDEV28(Text20, {
               children: " "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV26(Text19, {
+            /* @__PURE__ */ jsxDEV28(Text20, {
               ...theme.args,
               children: argsPreview
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this) : null,
-        resultSummary.length > 0 ? /* @__PURE__ */ jsxDEV26(Fragment5, {
+        resultSummary.length > 0 ? /* @__PURE__ */ jsxDEV28(Fragment5, {
           children: [
-            /* @__PURE__ */ jsxDEV26(Text19, {
+            /* @__PURE__ */ jsxDEV28(Text20, {
               children: " "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV26(Text19, {
+            /* @__PURE__ */ jsxDEV28(Text20, {
               ...summaryStyle,
               children: resultSummary
             }, undefined, false, undefined, this)
@@ -6942,14 +7309,14 @@ var init_ToolCallView2 = __esm(() => {
 });
 
 // src/components/MessageList/UserMessage/UserMessage.tsx
-import { Box as Box20, Text as Text20 } from "ink";
-import { jsxDEV as jsxDEV27 } from "react/jsx-dev-runtime";
+import { Box as Box21, Text as Text21 } from "ink";
+import { jsxDEV as jsxDEV29 } from "react/jsx-dev-runtime";
 function UserMessage({
   text,
   label = "you"
 }) {
   const theme = useMessageListTheme();
-  return /* @__PURE__ */ jsxDEV27(UserMessageRender, {
+  return /* @__PURE__ */ jsxDEV29(UserMessageRender, {
     theme,
     text,
     label
@@ -6961,13 +7328,13 @@ function UserMessageRender({
   label
 }) {
   const styles = theme.userMessage;
-  return /* @__PURE__ */ jsxDEV27(Box20, {
+  return /* @__PURE__ */ jsxDEV29(Box21, {
     ...styles.container,
-    children: /* @__PURE__ */ jsxDEV27(BorderedPanel, {
+    children: /* @__PURE__ */ jsxDEV29(BorderedPanel, {
       header: label,
       borderColor: styles.borderColor,
       headerColor: styles.label.color,
-      children: /* @__PURE__ */ jsxDEV27(Text20, {
+      children: /* @__PURE__ */ jsxDEV29(Text21, {
         ...styles.bodyText,
         children: text
       }, undefined, false, undefined, this)
@@ -6985,9 +7352,9 @@ var init_UserMessage2 = __esm(() => {
 });
 
 // src/components/MessageList/AgentMessage/AgentMessage.tsx
-import { Box as Box21, Text as Text21 } from "ink";
-import { useEffect as useEffect18, useRef as useRef14, useState as useState17 } from "react";
-import { jsxDEV as jsxDEV28, Fragment as Fragment6 } from "react/jsx-dev-runtime";
+import { Box as Box22, Text as Text22 } from "ink";
+import { useEffect as useEffect20, useRef as useRef15, useState as useState19 } from "react";
+import { jsxDEV as jsxDEV30, Fragment as Fragment6 } from "react/jsx-dev-runtime";
 function AgentMessage({
   sender,
   segments,
@@ -7003,7 +7370,7 @@ function AgentMessage({
 }) {
   const theme = useMessageListTheme();
   const resolvedSegments = segments && segments.length > 0 ? segments : [{ type: "text", text: fallbackText, streaming }];
-  return /* @__PURE__ */ jsxDEV28(AgentMessageRender, {
+  return /* @__PURE__ */ jsxDEV30(AgentMessageRender, {
     theme,
     sender,
     segments: resolvedSegments,
@@ -7032,7 +7399,7 @@ function AgentMessageRender({
 }) {
   const styles = theme.agentMessage;
   const elapsed = useElapsed(startedAt, completedAt, streaming);
-  const contextUsageRef = useRef14(null);
+  const contextUsageRef = useRef15(null);
   const { open } = useModal(CONTEXT_USAGE_MODAL_ID);
   const resultsByCallId = new Map;
   for (const segment of segments) {
@@ -7054,11 +7421,11 @@ function AgentMessageRender({
       open(payload);
     }
   });
-  return /* @__PURE__ */ jsxDEV28(Box21, {
+  return /* @__PURE__ */ jsxDEV30(Box22, {
     ...styles.container,
-    children: /* @__PURE__ */ jsxDEV28(BorderedPanel, {
+    children: /* @__PURE__ */ jsxDEV30(BorderedPanel, {
       headerRef: contextUsageRef,
-      header: /* @__PURE__ */ jsxDEV28(AgentMessageHeader, {
+      header: /* @__PURE__ */ jsxDEV30(AgentMessageHeader, {
         sender,
         model,
         contextWindow,
@@ -7073,7 +7440,7 @@ function AgentMessageRender({
           if (segment.type === "tool-result" && segments.some((other) => other.type === "tool-call" && other.toolCallId === segment.toolCallId)) {
             return null;
           }
-          return /* @__PURE__ */ jsxDEV28(SegmentView, {
+          return /* @__PURE__ */ jsxDEV30(SegmentView, {
             segment,
             theme,
             pairedResult: segment.type === "tool-call" ? resultsByCallId.get(segment.toolCallId) : undefined,
@@ -7081,7 +7448,7 @@ function AgentMessageRender({
             onOpenSubStrategy
           }, `${segmentIndex}-${segment.type}`, false, undefined, this);
         }),
-        streaming && segments.length === 0 ? /* @__PURE__ */ jsxDEV28(Text21, {
+        streaming && segments.length === 0 ? /* @__PURE__ */ jsxDEV30(Text22, {
           ...styles.streamingCursor,
           children: STREAMING_CURSOR_CHAR
         }, undefined, false, undefined, this) : null
@@ -7098,8 +7465,8 @@ function SegmentView({
 }) {
   const styles = theme.agentMessage;
   const { open } = useModal(OUTPUT_MODAL_ID);
-  const toolCallRef = useRef14(null);
-  const thinkingRef = useRef14(null);
+  const toolCallRef = useRef15(null);
+  const thinkingRef = useRef15(null);
   useMouseClick({
     ref: toolCallRef,
     onClick: () => {
@@ -7128,20 +7495,20 @@ function SegmentView({
   });
   if (segment.type === "retention") {
     const event = segment.event;
-    return /* @__PURE__ */ jsxDEV28(Box21, {
+    return /* @__PURE__ */ jsxDEV30(Box22, {
       ...styles.thinking.container,
       children: [
-        /* @__PURE__ */ jsxDEV28(Text21, {
+        /* @__PURE__ */ jsxDEV30(Text22, {
           ...styles.thinking.header,
           children: "retention"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV28(Box21, {
+        /* @__PURE__ */ jsxDEV30(Box22, {
           flexDirection: "column",
           children: [
-            /* @__PURE__ */ jsxDEV28(Text21, {
+            /* @__PURE__ */ jsxDEV30(Text22, {
               children: formatRetentionSummary(event.recordsCompacted, event.recordsRetained, event.trigger.contextUsage?.totalTokens, event.trigger.tokenLimit)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV28(MarkdownView, {
+            /* @__PURE__ */ jsxDEV30(MarkdownView, {
               markdown: event.summaryRecord.text
             }, undefined, false, undefined, this)
           ]
@@ -7150,13 +7517,13 @@ function SegmentView({
     }, undefined, true, undefined, this);
   }
   if (segment.type === "text") {
-    return /* @__PURE__ */ jsxDEV28(Box21, {
+    return /* @__PURE__ */ jsxDEV30(Box22, {
       flexDirection: "column",
       children: [
-        /* @__PURE__ */ jsxDEV28(MarkdownView, {
+        /* @__PURE__ */ jsxDEV30(MarkdownView, {
           markdown: segment.text
         }, undefined, false, undefined, this),
-        segment.streaming ? /* @__PURE__ */ jsxDEV28(Text21, {
+        segment.streaming ? /* @__PURE__ */ jsxDEV30(Text22, {
           ...styles.streamingCursor,
           children: STREAMING_CURSOR_CHAR
         }, undefined, false, undefined, this) : null
@@ -7165,25 +7532,25 @@ function SegmentView({
   }
   if (segment.type === "tool-call") {
     if (segment.toolName === "launch_strategy") {
-      return /* @__PURE__ */ jsxDEV28(SpawnedStrategyView, {
+      return /* @__PURE__ */ jsxDEV30(SpawnedStrategyView, {
         args: segment.args,
         status: pairedResult === undefined ? "running" : pairedResult.status,
         output: pairedResult?.output,
         error: pairedResult?.error,
         onOpen: onOpenSubStrategy ? () => onOpenSubStrategy(segment.toolCallId) : undefined,
-        children: subMessages.length > 0 ? subMessages.map((message) => /* @__PURE__ */ jsxDEV28(NestedMessageView, {
+        children: subMessages.length > 0 ? subMessages.map((message) => /* @__PURE__ */ jsxDEV30(NestedMessageView, {
           message,
           onOpenSubStrategy
-        }, message.id, false, undefined, this)) : /* @__PURE__ */ jsxDEV28(Text21, {
+        }, message.id, false, undefined, this)) : /* @__PURE__ */ jsxDEV30(Text22, {
           ...styles.streamingCursor,
           children: "Waiting for spawned output\u2026"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this);
     }
-    return /* @__PURE__ */ jsxDEV28(Box21, {
+    return /* @__PURE__ */ jsxDEV30(Box22, {
       ref: toolCallRef,
       flexDirection: "column",
-      children: /* @__PURE__ */ jsxDEV28(ToolCallView, {
+      children: /* @__PURE__ */ jsxDEV30(ToolCallView, {
         toolName: segment.toolName,
         args: segment.args,
         status: pairedResult === undefined ? "running" : pairedResult.status,
@@ -7194,14 +7561,14 @@ function SegmentView({
   }
   if (segment.type === "tool-result") {
     const toolResultPreview = truncatePreview(segment.output);
-    return /* @__PURE__ */ jsxDEV28(Box21, {
+    return /* @__PURE__ */ jsxDEV30(Box22, {
       ...styles.toolResult.container,
       children: [
-        /* @__PURE__ */ jsxDEV28(Text21, {
+        /* @__PURE__ */ jsxDEV30(Text22, {
           ...styles.toolResult.header,
           children: `\u2190 ${segment.toolName} result`
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV28(Text21, {
+        /* @__PURE__ */ jsxDEV30(Text22, {
           ...styles.toolResult.output,
           children: toolResultPreview
         }, undefined, false, undefined, this)
@@ -7210,21 +7577,21 @@ function SegmentView({
   }
   if (segment.type === "thinking") {
     const truncated = truncateThinking(segment.text);
-    return /* @__PURE__ */ jsxDEV28(Box21, {
+    return /* @__PURE__ */ jsxDEV30(Box22, {
       ref: thinkingRef,
       ...styles.thinking.container,
       children: [
-        /* @__PURE__ */ jsxDEV28(Text21, {
+        /* @__PURE__ */ jsxDEV30(Text22, {
           ...styles.thinking.header,
           children: "thinking"
         }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV28(Box21, {
+        /* @__PURE__ */ jsxDEV30(Box22, {
           flexDirection: "column",
           children: [
-            /* @__PURE__ */ jsxDEV28(MarkdownView, {
+            /* @__PURE__ */ jsxDEV30(MarkdownView, {
               markdown: truncated
             }, undefined, false, undefined, this),
-            segment.streaming ? /* @__PURE__ */ jsxDEV28(Text21, {
+            segment.streaming ? /* @__PURE__ */ jsxDEV30(Text22, {
               ...styles.streamingCursor,
               children: STREAMING_CURSOR_CHAR
             }, undefined, false, undefined, this) : null
@@ -7240,13 +7607,13 @@ function NestedMessageView({
   onOpenSubStrategy
 }) {
   if (message.role === "user") {
-    return /* @__PURE__ */ jsxDEV28(UserMessage, {
+    return /* @__PURE__ */ jsxDEV30(UserMessage, {
       text: message.text,
       label: message.sender
     }, undefined, false, undefined, this);
   }
   if (message.role === "agent") {
-    return /* @__PURE__ */ jsxDEV28(AgentMessage, {
+    return /* @__PURE__ */ jsxDEV30(AgentMessage, {
       sender: message.sender,
       segments: message.segments,
       fallbackText: message.text,
@@ -7273,15 +7640,15 @@ function AgentMessageHeader({
   const styles = theme.agentMessage;
   const totalTokens = contextUsage?.totalTokens;
   const usageColor = contextWindow !== undefined && totalTokens !== undefined ? contextBarColor(totalTokens / contextWindow, styles.headerDetail.contextBar) : styles.headerDetail.context.color;
-  return /* @__PURE__ */ jsxDEV28(Text21, {
+  return /* @__PURE__ */ jsxDEV30(Text22, {
     children: [
-      /* @__PURE__ */ jsxDEV28(Text21, {
+      /* @__PURE__ */ jsxDEV30(Text22, {
         ...styles.label,
         children: sender
       }, undefined, false, undefined, this),
-      model ? /* @__PURE__ */ jsxDEV28(Fragment6, {
+      model ? /* @__PURE__ */ jsxDEV30(Fragment6, {
         children: [
-          /* @__PURE__ */ jsxDEV28(Text21, {
+          /* @__PURE__ */ jsxDEV30(Text22, {
             ...styles.headerDetail.separator,
             children: [
               " ",
@@ -7289,15 +7656,15 @@ function AgentMessageHeader({
               " "
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV28(Text21, {
+          /* @__PURE__ */ jsxDEV30(Text22, {
             ...styles.headerDetail.model,
             children: truncateModel(model)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this) : null,
-      totalTokens !== undefined ? /* @__PURE__ */ jsxDEV28(Fragment6, {
+      totalTokens !== undefined ? /* @__PURE__ */ jsxDEV30(Fragment6, {
         children: [
-          /* @__PURE__ */ jsxDEV28(Text21, {
+          /* @__PURE__ */ jsxDEV30(Text22, {
             ...styles.headerDetail.separator,
             children: [
               " ",
@@ -7305,7 +7672,7 @@ function AgentMessageHeader({
               " "
             ]
           }, undefined, true, undefined, this),
-          contextWindow !== undefined ? /* @__PURE__ */ jsxDEV28(Text21, {
+          contextWindow !== undefined ? /* @__PURE__ */ jsxDEV30(Text22, {
             color: usageColor,
             bold: true,
             children: [
@@ -7313,16 +7680,16 @@ function AgentMessageHeader({
               " "
             ]
           }, undefined, true, undefined, this) : null,
-          /* @__PURE__ */ jsxDEV28(Text21, {
+          /* @__PURE__ */ jsxDEV30(Text22, {
             color: usageColor,
             bold: true,
             children: formatContextCount(totalTokens, contextWindow)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this) : null,
-      elapsed ? /* @__PURE__ */ jsxDEV28(Fragment6, {
+      elapsed ? /* @__PURE__ */ jsxDEV30(Fragment6, {
         children: [
-          /* @__PURE__ */ jsxDEV28(Text21, {
+          /* @__PURE__ */ jsxDEV30(Text22, {
             ...styles.headerDetail.separator,
             children: [
               " ",
@@ -7330,7 +7697,7 @@ function AgentMessageHeader({
               " "
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV28(Text21, {
+          /* @__PURE__ */ jsxDEV30(Text22, {
             ...styles.headerDetail.time,
             children: elapsed
           }, undefined, false, undefined, this)
@@ -7340,8 +7707,8 @@ function AgentMessageHeader({
   }, undefined, true, undefined, this);
 }
 function useElapsed(startedAt, completedAt, streaming) {
-  const [now, setNow] = useState17(() => Date.now());
-  useEffect18(() => {
+  const [now, setNow] = useState19(() => Date.now());
+  useEffect20(() => {
     if (!streaming)
       return;
     const timer = setInterval(() => setNow(Date.now()), 1000);
@@ -7431,9 +7798,9 @@ var init_AgentMessage2 = __esm(() => {
 });
 
 // src/components/MessageList/MessageList.tsx
-import { Box as Box22, Text as Text22 } from "ink";
-import { useMemo as useMemo16 } from "react";
-import { jsxDEV as jsxDEV29 } from "react/jsx-dev-runtime";
+import { Box as Box23, Text as Text23 } from "ink";
+import { useMemo as useMemo18 } from "react";
+import { jsxDEV as jsxDEV31 } from "react/jsx-dev-runtime";
 function MessageList({
   messages,
   onOpenSubStrategy
@@ -7442,8 +7809,8 @@ function MessageList({
     props: { messages }
   });
   const theme = useMessageListTheme();
-  const groupedMessages = useMemo16(() => groupSubStrategyMessages(messages), [messages]);
-  return /* @__PURE__ */ jsxDEV29(MessageListRender, {
+  const groupedMessages = useMemo18(() => groupSubStrategyMessages(messages), [messages]);
+  return /* @__PURE__ */ jsxDEV31(MessageListRender, {
     messages: groupedMessages,
     debugRef: debug.ref,
     containerProps: theme.container,
@@ -7461,21 +7828,21 @@ function MessageListRender({
   onOpenSubStrategy
 }) {
   if (messages.length === 0) {
-    return /* @__PURE__ */ jsxDEV29(Box22, {
+    return /* @__PURE__ */ jsxDEV31(Box23, {
       ...emptyStateProps,
-      children: /* @__PURE__ */ jsxDEV29(Text22, {
+      children: /* @__PURE__ */ jsxDEV31(Text23, {
         ...emptyStateTextProps,
         children: "No messages yet."
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV29(Box22, {
+  return /* @__PURE__ */ jsxDEV31(Box23, {
     ref: debugRef,
     ...containerProps,
-    children: /* @__PURE__ */ jsxDEV29(ScrollableView, {
+    children: /* @__PURE__ */ jsxDEV31(ScrollableView, {
       items: messages,
       getKey: (message) => message.id,
-      renderItem: (message) => /* @__PURE__ */ jsxDEV29(MessageRow, {
+      renderItem: (message) => /* @__PURE__ */ jsxDEV31(MessageRow, {
         message,
         ...onOpenSubStrategy ? { onOpenSubStrategy } : {}
       }, undefined, false, undefined, this),
@@ -7488,13 +7855,13 @@ function MessageRow({
   onOpenSubStrategy
 }) {
   if (message.role === "user") {
-    return /* @__PURE__ */ jsxDEV29(UserMessage, {
+    return /* @__PURE__ */ jsxDEV31(UserMessage, {
       text: message.text,
       label: message.sender
     }, undefined, false, undefined, this);
   }
   if (message.role === "agent") {
-    return /* @__PURE__ */ jsxDEV29(AgentMessage, {
+    return /* @__PURE__ */ jsxDEV31(AgentMessage, {
       sender: message.sender,
       segments: message.segments,
       fallbackText: message.text,
@@ -7585,8 +7952,8 @@ var init_MessageList = __esm(() => {
 });
 
 // src/components/MessageList/SystemMessage/SystemMessage.tsx
-import { Box as Box23, Text as Text23 } from "ink";
-import { jsxDEV as jsxDEV30 } from "react/jsx-dev-runtime";
+import { Box as Box24, Text as Text24 } from "ink";
+import { jsxDEV as jsxDEV32 } from "react/jsx-dev-runtime";
 var init_SystemMessage = __esm(() => {
   init_BorderedPanel2();
   init_MessageList_theme();
@@ -7642,14 +8009,14 @@ var init_Button_theme = __esm(() => {
 
 // src/components/Button/Button.tsx
 import {
-  Box as Box24,
-  Text as Text24,
-  useFocus as useFocus8,
+  Box as Box25,
+  Text as Text25,
+  useFocus as useFocus9,
   useFocusManager as useFocusManager2,
-  useInput as useInput11
+  useInput as useInput12
 } from "ink";
-import { useRef as useRef15 } from "react";
-import { jsxDEV as jsxDEV31 } from "react/jsx-dev-runtime";
+import { useRef as useRef16 } from "react";
+import { jsxDEV as jsxDEV33 } from "react/jsx-dev-runtime";
 function Button({
   id,
   label,
@@ -7657,9 +8024,9 @@ function Button({
   onPress,
   disabled = false
 }) {
-  const boxRef = useRef15(null);
+  const boxRef = useRef16(null);
   const theme = useButtonTheme();
-  const { isFocused } = useFocus8({ id });
+  const { isFocused } = useFocus9({ id });
   const { focus } = useFocusManager2();
   const { isHovered } = useMouseHover({ ref: boxRef });
   useMouseClick({
@@ -7682,13 +8049,13 @@ function Button({
       onPress();
     }
   });
-  useInput11((_input, key) => {
+  useInput12((_input, key) => {
     if (disabled)
       return;
     if (key.return)
       onPress();
   }, { isActive: isFocused });
-  return /* @__PURE__ */ jsxDEV31(ButtonRender, {
+  return /* @__PURE__ */ jsxDEV33(ButtonRender, {
     theme,
     label,
     variant,
@@ -7712,10 +8079,10 @@ function ButtonRender({
   const color = disabled ? theme.disabledColor : variantColors.color;
   const focusColor = disabled ? theme.disabledColor : variantColors.focusColor;
   const resolvedColor = isActive ? focusColor : color;
-  return /* @__PURE__ */ jsxDEV31(Box24, {
+  return /* @__PURE__ */ jsxDEV33(Box25, {
     ref: boxRef,
     ...theme.buttonContainer,
-    children: /* @__PURE__ */ jsxDEV31(Text24, {
+    children: /* @__PURE__ */ jsxDEV33(Text25, {
       color: resolvedColor,
       bold: theme.labelBold && isFocused,
       inverse: isActive,
@@ -7924,16 +8291,16 @@ function computeRowDisplayOffset(params) {
 // src/components/TextAreaInput/TextAreaInput.tsx
 import chalk from "chalk";
 import {
-  Box as Box25,
-  Text as Text25,
+  Box as Box26,
+  Text as Text26,
   useBoxMetrics as useBoxMetrics2,
-  useFocus as useFocus9,
-  useInput as useInput12
+  useFocus as useFocus10,
+  useInput as useInput13
 } from "ink";
-import { useEffect as useEffect19, useRef as useRef16, useState as useState18 } from "react";
+import { useEffect as useEffect21, useRef as useRef17, useState as useState20 } from "react";
 import stringWidth from "string-width";
 import wrap from "word-wrap";
-import { jsxDEV as jsxDEV32 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV34 } from "react/jsx-dev-runtime";
 function TextAreaInput({
   value,
   onChange,
@@ -7945,11 +8312,11 @@ function TextAreaInput({
   id,
   onSubmit
 }) {
-  const boxRef = useRef16(null);
+  const boxRef = useRef17(null);
   const { width: measuredWidth } = useBoxMetrics2(boxRef);
-  const { isFocused } = useFocus9({ id });
-  const [cursorIndex, setCursorIndex] = useState18(0);
-  const [rowDisplayOffset, setRowDisplayOffset] = useState18(0);
+  const { isFocused } = useFocus10({ id });
+  const [cursorIndex, setCursorIndex] = useState20(0);
+  const [rowDisplayOffset, setRowDisplayOffset] = useState20(0);
   const textAreaColumns = measuredWidth > 0 ? measuredWidth : typeof width === "number" ? width : 80;
   const normalizedValue = value.replace(/\r\n/g, `
 `).replace(/\r/g, `
@@ -7972,7 +8339,7 @@ function TextAreaInput({
     viewportHeight: effectiveHeight,
     measureWidth: stringWidth
   });
-  useEffect19(() => {
+  useEffect21(() => {
     if (derivedState.rowDisplayOffset !== rowDisplayOffset) {
       setRowDisplayOffset(derivedState.rowDisplayOffset);
     }
@@ -8002,7 +8369,7 @@ function TextAreaInput({
     setCursorIndex(cursorIndex - 1);
     onChange(nextValue);
   }
-  useInput12((input, key) => {
+  useInput13((input, key) => {
     if (isMouseEscape(input))
       return;
     if (key.escape)
@@ -8033,7 +8400,7 @@ function TextAreaInput({
       insertAtCursor(input);
     }
   }, { isActive: isFocused });
-  return /* @__PURE__ */ jsxDEV32(TextAreaInputRender, {
+  return /* @__PURE__ */ jsxDEV34(TextAreaInputRender, {
     boxRef,
     width,
     height: effectiveHeight,
@@ -8062,27 +8429,27 @@ function TextAreaInputRender({
 }) {
   const theme = useTextAreaInputTheme();
   const visibleRows = rows.slice(rowDisplayOffset, rowDisplayOffset + height);
-  return /* @__PURE__ */ jsxDEV32(Box25, {
+  return /* @__PURE__ */ jsxDEV34(Box26, {
     ref: boxRef,
     width,
     height,
     ...theme.textAreaInput,
     children: [
-      /* @__PURE__ */ jsxDEV32(Box25, {
+      /* @__PURE__ */ jsxDEV34(Box26, {
         ...theme.textAreaInputContent,
         width: textAreaColumns,
-        children: showPlaceholder ? /* @__PURE__ */ jsxDEV32(Text25, {
+        children: showPlaceholder ? /* @__PURE__ */ jsxDEV34(Text26, {
           ...theme.textAreaPlaceholder,
           children: placeholder.slice(0, textAreaColumns)
         }, undefined, false, undefined, this) : visibleRows.map((row, visibleRowIndex) => {
           const absoluteRowIndex = rowDisplayOffset + visibleRowIndex;
           const isCursorRow = showCursor && cursorCell.y === absoluteRowIndex;
-          return /* @__PURE__ */ jsxDEV32(Text25, {
+          return /* @__PURE__ */ jsxDEV34(Text26, {
             children: isCursorRow ? renderRowWithCursor(row, cursorCell.x) : row.length === 0 ? " " : row
           }, `row-${absoluteRowIndex}`, false, undefined, this);
         })
       }, undefined, false, undefined, this),
-      showScrollbar && /* @__PURE__ */ jsxDEV32(Scrollbar, {
+      showScrollbar && /* @__PURE__ */ jsxDEV34(Scrollbar, {
         total: rows.length,
         windowSize: height,
         offset: rowDisplayOffset,
@@ -8140,9 +8507,9 @@ var init_ChatTextArea_theme = __esm(() => {
 });
 
 // src/components/ChatTextArea/ChatTextArea.tsx
-import { Box as Box26, Text as Text26, useFocus as useFocus10, useInput as useInput13 } from "ink";
-import { useCallback as useCallback16, useEffect as useEffect20, useRef as useRef17, useState as useState19 } from "react";
-import { jsxDEV as jsxDEV33 } from "react/jsx-dev-runtime";
+import { Box as Box27, Text as Text27, useFocus as useFocus11, useInput as useInput14 } from "ink";
+import { useCallback as useCallback18, useEffect as useEffect22, useRef as useRef18, useState as useState21 } from "react";
+import { jsxDEV as jsxDEV35 } from "react/jsx-dev-runtime";
 function ChatTextArea({
   id,
   strategies,
@@ -8150,29 +8517,31 @@ function ChatTextArea({
   width = "100%",
   height = 5,
   placeholder = "Enter your prompt...",
+  emptyStrategyLabel = "No strategies found",
+  emptyPlaceholder = "Install a strategy package first...",
   showStrategyRow = true,
   onSubmit
 }) {
-  const [inputValue, setInputValue] = useState19("");
-  const [strategyIndex, setStrategyIndex] = useState19(() => {
+  const [inputValue, setInputValue] = useState21("");
+  const [strategyIndex, setStrategyIndex] = useState21(() => {
     const initialIndex = strategies.findIndex((strategy) => strategy.path === initialStrategyPath);
     return initialIndex >= 0 ? initialIndex : 0;
   });
   const currentStrategy = strategies[strategyIndex] ?? strategies[0];
-  const { isFocused } = useFocus10({ id });
-  const appliedInitialStrategyPath = useRef17(strategies[strategyIndex]?.path);
-  const handleSubmit = useCallback16((text) => {
+  const { isFocused } = useFocus11({ id });
+  const appliedInitialStrategyPath = useRef18(strategies[strategyIndex]?.path);
+  const handleSubmit = useCallback18((text) => {
     if (!currentStrategy)
       return;
     setInputValue("");
     onSubmit(currentStrategy, text);
   }, [currentStrategy, onSubmit]);
-  useInput13((_input, key) => {
+  useInput14((_input, key) => {
     if (key.tab && showStrategyRow && strategies.length > 0) {
       setStrategyIndex((previous) => (previous + 1) % strategies.length);
     }
   }, { isActive: isFocused });
-  useEffect20(() => {
+  useEffect22(() => {
     if (initialStrategyPath === undefined || appliedInitialStrategyPath.current === initialStrategyPath) {
       return;
     }
@@ -8183,15 +8552,15 @@ function ChatTextArea({
     setStrategyIndex(initialIndex);
   }, [initialStrategyPath, strategies]);
   if (strategies.length === 0) {
-    return /* @__PURE__ */ jsxDEV33(ChatTextAreaRender, {
+    return /* @__PURE__ */ jsxDEV35(ChatTextAreaRender, {
       inputValue: "",
       onInputChange: () => {},
       onSubmit: () => {},
-      strategyLabel: "Loading...",
-      strategyDescription: "Loading available strategies...",
+      strategyLabel: emptyStrategyLabel,
+      strategyDescription: undefined,
       width,
       height,
-      placeholder: "Loading...",
+      placeholder: emptyPlaceholder,
       showStrategyRow,
       id
     }, undefined, false, undefined, this);
@@ -8199,7 +8568,7 @@ function ChatTextArea({
   if (!currentStrategy) {
     throw new Error("ChatTextArea requires at least one strategy");
   }
-  return /* @__PURE__ */ jsxDEV33(ChatTextAreaRender, {
+  return /* @__PURE__ */ jsxDEV35(ChatTextAreaRender, {
     id,
     width,
     height,
@@ -8225,11 +8594,11 @@ function ChatTextAreaRender({
   showStrategyRow
 }) {
   const theme = useChatTextAreaTheme();
-  return /* @__PURE__ */ jsxDEV33(Box26, {
+  return /* @__PURE__ */ jsxDEV35(Box27, {
     ...theme.container,
     width,
     children: [
-      /* @__PURE__ */ jsxDEV33(TextAreaInput, {
+      /* @__PURE__ */ jsxDEV35(TextAreaInput, {
         value: inputValue,
         onChange: onInputChange,
         width,
@@ -8238,17 +8607,17 @@ function ChatTextAreaRender({
         onSubmit,
         id
       }, undefined, false, undefined, this),
-      showStrategyRow ? /* @__PURE__ */ jsxDEV33(Box26, {
+      showStrategyRow ? /* @__PURE__ */ jsxDEV35(Box27, {
         ...theme.strategyRow,
         children: [
-          /* @__PURE__ */ jsxDEV33(Box26, {
+          /* @__PURE__ */ jsxDEV35(Box27, {
             maxWidth: 42,
-            children: /* @__PURE__ */ jsxDEV33(Text26, {
+            children: /* @__PURE__ */ jsxDEV35(Text27, {
               ...theme.strategyLabel,
               children: strategyLabel
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV33(Text26, {
+          /* @__PURE__ */ jsxDEV35(Text27, {
             ...theme.hint,
             children: "Tab to change strategy \xB7 Enter to submit"
           }, undefined, false, undefined, this)
@@ -8269,7 +8638,7 @@ var init_ChatTextArea2 = __esm(() => {
 
 // src/hooks/useBreakpoint/useBreakpoint.ts
 import { useStdout as useStdout4 } from "ink";
-import { useCallback as useCallback17, useEffect as useEffect21, useMemo as useMemo17, useState as useState20 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect23, useMemo as useMemo19, useState as useState22 } from "react";
 var init_useBreakpoint = __esm(() => {
   init_Theme2();
 });
@@ -8291,9 +8660,9 @@ var init_Hide2 = __esm(() => {
 });
 
 // src/components/PermissionPrompt/PermissionPrompt.tsx
-import { Box as Box27, Text as Text27, useFocusManager as useFocusManager3 } from "ink";
-import { useEffect as useEffect22 } from "react";
-import { jsxDEV as jsxDEV34 } from "react/jsx-dev-runtime";
+import { Box as Box28, Text as Text28, useFocusManager as useFocusManager3 } from "ink";
+import { useEffect as useEffect24 } from "react";
+import { jsxDEV as jsxDEV36 } from "react/jsx-dev-runtime";
 function operationLabel(operation) {
   switch (operation) {
     case "fs.read":
@@ -8313,11 +8682,11 @@ function PermissionPrompt({
   const tokens = useTheme();
   const actor = toolName ? `${agentName} (${toolName})` : agentName;
   const verb = operationLabel(operation);
-  useEffect22(() => {
+  useEffect24(() => {
     if (RAW_MODE_SUPPORTED9)
       focus(FOCUS_IDS.allow);
   }, [focus]);
-  return /* @__PURE__ */ jsxDEV34(PermissionPromptRender, {
+  return /* @__PURE__ */ jsxDEV36(PermissionPromptRender, {
     actor,
     verb,
     resource,
@@ -8336,82 +8705,82 @@ function PermissionPromptRender({
   onDecide,
   colors
 }) {
-  return /* @__PURE__ */ jsxDEV34(Box27, {
+  return /* @__PURE__ */ jsxDEV36(Box28, {
     flexDirection: "column",
     borderStyle: "single",
     borderColor: colors.warning,
     paddingX: 2,
     paddingY: 1,
     children: [
-      /* @__PURE__ */ jsxDEV34(Box27, {
+      /* @__PURE__ */ jsxDEV36(Box28, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsxDEV34(Text27, {
+        children: /* @__PURE__ */ jsxDEV36(Text28, {
           bold: true,
           color: colors.warning,
           children: "\u26A0 Permission request"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV34(Box27, {
+      /* @__PURE__ */ jsxDEV36(Box28, {
         flexDirection: "column",
         marginBottom: 1,
         children: [
-          /* @__PURE__ */ jsxDEV34(Text27, {
+          /* @__PURE__ */ jsxDEV36(Text28, {
             children: [
-              /* @__PURE__ */ jsxDEV34(Text27, {
+              /* @__PURE__ */ jsxDEV36(Text28, {
                 bold: true,
                 children: actor
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV34(Text27, {
+              /* @__PURE__ */ jsxDEV36(Text28, {
                 color: colors.secondary,
                 children: " wants to "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV34(Text27, {
+              /* @__PURE__ */ jsxDEV36(Text28, {
                 bold: true,
                 children: verb
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV34(Text27, {
+              /* @__PURE__ */ jsxDEV36(Text28, {
                 color: colors.secondary,
                 children: ":"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV34(Text27, {
+          /* @__PURE__ */ jsxDEV36(Text28, {
             color: colors.primary,
             children: resource
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV34(Box27, {
+      /* @__PURE__ */ jsxDEV36(Box28, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsxDEV34(Text27, {
+        children: /* @__PURE__ */ jsxDEV36(Text28, {
           color: colors.secondary,
           dimColor: true,
           children: "\u2500".repeat(40)
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV34(Box27, {
+      /* @__PURE__ */ jsxDEV36(Box28, {
         flexDirection: "row",
         gap: 2,
         children: [
-          /* @__PURE__ */ jsxDEV34(Button, {
+          /* @__PURE__ */ jsxDEV36(Button, {
             id: FOCUS_IDS.allow,
             label: "Allow once",
             variant: "primary",
             onPress: () => onDecide("allow")
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV34(Button, {
+          /* @__PURE__ */ jsxDEV36(Button, {
             id: FOCUS_IDS.allowSession,
             label: "Allow session",
             variant: "secondary",
             onPress: () => onDecide("allow-session")
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV34(Button, {
+          /* @__PURE__ */ jsxDEV36(Button, {
             id: FOCUS_IDS.deny,
             label: "Deny once",
             variant: "danger",
             onPress: () => onDecide("deny")
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV34(Button, {
+          /* @__PURE__ */ jsxDEV36(Button, {
             id: FOCUS_IDS.denySession,
             label: "Deny session",
             variant: "ghost",
@@ -8419,9 +8788,9 @@ function PermissionPromptRender({
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV34(Box27, {
+      /* @__PURE__ */ jsxDEV36(Box28, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsxDEV34(Text27, {
+        children: /* @__PURE__ */ jsxDEV36(Text28, {
           dimColor: true,
           color: colors.secondary,
           children: "Tab \xB7 \u21B5 to select | mouse click also works"
@@ -8449,9 +8818,9 @@ var init_PermissionPrompt2 = __esm(() => {
 });
 
 // src/components/QuestionPrompt/QuestionPrompt.tsx
-import { Box as Box28, Text as Text28, useFocusManager as useFocusManager4 } from "ink";
-import { useEffect as useEffect23, useState as useState21 } from "react";
-import { jsxDEV as jsxDEV35 } from "react/jsx-dev-runtime";
+import { Box as Box29, Text as Text29, useFocusManager as useFocusManager4 } from "ink";
+import { useEffect as useEffect25, useState as useState23 } from "react";
+import { jsxDEV as jsxDEV37 } from "react/jsx-dev-runtime";
 function QuestionPrompt({
   request,
   onSubmit
@@ -8459,12 +8828,12 @@ function QuestionPrompt({
   const { agentName, toolName, question } = request;
   const { focus } = useFocusManager4();
   const tokens = useTheme();
-  const [inputValue, setInputValue] = useState21("");
+  const [inputValue, setInputValue] = useState23("");
   const actor = toolName ? `${agentName} (${toolName})` : agentName;
-  useEffect23(() => {
+  useEffect25(() => {
     focus(QUESTION_INPUT_ID);
   }, [focus, request.requestId]);
-  return /* @__PURE__ */ jsxDEV35(QuestionPromptRender, {
+  return /* @__PURE__ */ jsxDEV37(QuestionPromptRender, {
     actor,
     question,
     inputValue,
@@ -8484,53 +8853,53 @@ function QuestionPromptRender({
   onInputValueChange,
   colors
 }) {
-  return /* @__PURE__ */ jsxDEV35(Box28, {
+  return /* @__PURE__ */ jsxDEV37(Box29, {
     flexDirection: "column",
     borderStyle: "single",
     borderColor: colors.primary,
     paddingX: 2,
     paddingY: 1,
     children: [
-      /* @__PURE__ */ jsxDEV35(Box28, {
+      /* @__PURE__ */ jsxDEV37(Box29, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsxDEV35(Text28, {
+        children: /* @__PURE__ */ jsxDEV37(Text29, {
           bold: true,
           color: colors.primary,
           children: "\u2753 Question / Feedback Request"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV35(Box28, {
+      /* @__PURE__ */ jsxDEV37(Box29, {
         flexDirection: "column",
         marginBottom: 1,
         children: [
-          /* @__PURE__ */ jsxDEV35(Text28, {
+          /* @__PURE__ */ jsxDEV37(Text29, {
             children: [
-              /* @__PURE__ */ jsxDEV35(Text28, {
+              /* @__PURE__ */ jsxDEV37(Text29, {
                 bold: true,
                 children: actor
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV35(Text28, {
+              /* @__PURE__ */ jsxDEV37(Text29, {
                 color: colors.secondary,
                 children: " asks:"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV35(Text28, {
+          /* @__PURE__ */ jsxDEV37(Text29, {
             color: colors.primary,
             children: question
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV35(Box28, {
+      /* @__PURE__ */ jsxDEV37(Box29, {
         marginBottom: 1,
-        children: /* @__PURE__ */ jsxDEV35(Text28, {
+        children: /* @__PURE__ */ jsxDEV37(Text29, {
           color: colors.secondary,
           dimColor: true,
           children: "\u2500".repeat(40)
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV35(Box28, {
-        children: /* @__PURE__ */ jsxDEV35(TextAreaInput, {
+      /* @__PURE__ */ jsxDEV37(Box29, {
+        children: /* @__PURE__ */ jsxDEV37(TextAreaInput, {
           id: QUESTION_INPUT_ID,
           value: inputValue,
           onChange: onInputValueChange,
@@ -8542,9 +8911,9 @@ function QuestionPromptRender({
           }
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV35(Box28, {
+      /* @__PURE__ */ jsxDEV37(Box29, {
         marginTop: 1,
-        children: /* @__PURE__ */ jsxDEV35(Text28, {
+        children: /* @__PURE__ */ jsxDEV37(Text29, {
           dimColor: true,
           color: colors.secondary,
           children: "Enter to submit | Ctrl/Shift/Meta+Enter for newline"
@@ -8565,15 +8934,15 @@ var init_QuestionPrompt2 = __esm(() => {
 });
 
 // src/components/StatusBar/StatusBar.theme.ts
-import { useMemo as useMemo18 } from "react";
+import { useMemo as useMemo20 } from "react";
 var init_StatusBar_theme = __esm(() => {
   init_Theme2();
 });
 
 // src/components/StatusBar/StatusBar.tsx
-import { Box as Box29, Text as Text29 } from "ink";
+import { Box as Box30, Text as Text30 } from "ink";
 import Spinner from "ink-spinner";
-import { jsxDEV as jsxDEV36 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV38 } from "react/jsx-dev-runtime";
 var init_StatusBar = __esm(() => {
   init_useDebugRender2();
   init_StatusBar_theme();
@@ -9625,10 +9994,10 @@ var init_frames = __esm(() => {
 });
 
 // src/components/TitleIcon/TitleIcon.theme.ts
-import { useMemo as useMemo19 } from "react";
+import { useMemo as useMemo21 } from "react";
 function useTitleIconTheme() {
   const tokens = useTheme();
-  return useMemo19(() => ({
+  return useMemo21(() => ({
     container: {
       flexDirection: "column",
       alignItems: "center",
@@ -9645,8 +10014,8 @@ var init_TitleIcon_theme = __esm(() => {
 });
 
 // src/components/TitleIcon/TitleIcon.tsx
-import { Box as Box30, Text as Text30, useAnimation } from "ink";
-import { jsxDEV as jsxDEV37 } from "react/jsx-dev-runtime";
+import { Box as Box31, Text as Text31, useAnimation } from "ink";
+import { jsxDEV as jsxDEV39 } from "react/jsx-dev-runtime";
 function TitleIconBody({ playing }) {
   const theme = useTitleIconTheme();
   const { frame } = useAnimation({
@@ -9655,13 +10024,13 @@ function TitleIconBody({ playing }) {
   });
   const frameIndex = frame * FRAME_STEP % totalFrames;
   const currentFrame = frames[frameIndex];
-  return /* @__PURE__ */ jsxDEV37(Box30, {
+  return /* @__PURE__ */ jsxDEV39(Box31, {
     ...theme.container,
-    children: /* @__PURE__ */ jsxDEV37(Box30, {
+    children: /* @__PURE__ */ jsxDEV39(Box31, {
       height: frameHeight,
       width: frameWidth,
       flexDirection: "column",
-      children: currentFrame?.map((line, lineIndex) => /* @__PURE__ */ jsxDEV37(Text30, {
+      children: currentFrame?.map((line, lineIndex) => /* @__PURE__ */ jsxDEV39(Text31, {
         ...theme.frameLine,
         children: line
       }, `frame-${lineIndex}`, false, undefined, this))
@@ -9669,7 +10038,7 @@ function TitleIconBody({ playing }) {
   }, undefined, false, undefined, this);
 }
 function TitleIcon({ playing = true }) {
-  return /* @__PURE__ */ jsxDEV37(TitleIconBody, {
+  return /* @__PURE__ */ jsxDEV39(TitleIconBody, {
     playing
   }, undefined, false, undefined, this);
 }
@@ -9729,11 +10098,11 @@ var init_components = __esm(() => {
 });
 
 // src/hooks/useChat/useChatPermissionRequests/useChatPermissionRequests.ts
-import { useCallback as useCallback18 } from "react";
+import { useCallback as useCallback20 } from "react";
 function useChatPermissionRequests() {
   const { setChatRuns } = useChatRunStore();
   const permissionDecisionCommand = useDaemonCommand("permission_decision");
-  const sendPermissionDecision = useCallback18((chatRunId, decision) => {
+  const sendPermissionDecision = useCallback20((chatRunId, decision) => {
     setChatRuns((previousChatRuns) => {
       const chatRun = previousChatRuns.get(chatRunId);
       if (!chatRun?.daemonRunId || chatRun.pendingPermissionRequests.length === 0) {
@@ -9769,11 +10138,11 @@ var init_useChatPermissionRequests2 = __esm(() => {
 });
 
 // src/hooks/useChat/useChatQuestionRequests/useChatQuestionRequests.ts
-import { useCallback as useCallback19 } from "react";
+import { useCallback as useCallback21 } from "react";
 function useChatQuestionRequests() {
   const { setChatRuns } = useChatRunStore();
   const questionResponseCommand = useDaemonCommand("question_response");
-  const sendQuestionResponse = useCallback19((chatRunId, response) => {
+  const sendQuestionResponse = useCallback21((chatRunId, response) => {
     setChatRuns((previousChatRuns) => {
       const chatRun = previousChatRuns.get(chatRunId);
       if (!chatRun?.daemonRunId || chatRun.pendingQuestionRequests.length === 0) {
@@ -9809,7 +10178,7 @@ var init_useChatQuestionRequests2 = __esm(() => {
 });
 
 // src/hooks/useChat/useChatActions.ts
-import { useCallback as useCallback20 } from "react";
+import { useCallback as useCallback22 } from "react";
 var init_useChatActions = __esm(() => {
   init_useChatInputRequests2();
   init_useChatPermissionRequests2();
@@ -9819,17 +10188,17 @@ var init_useChatActions = __esm(() => {
 });
 
 // src/hooks/useChat/useChatLifecycle.ts
-import { useCallback as useCallback21 } from "react";
+import { useCallback as useCallback23 } from "react";
 var init_useChatLifecycle = __esm(() => {
   init_useChatRunLifecycle2();
 });
 
 // src/hooks/useChat/useChatState.ts
-import { useMemo as useMemo20 } from "react";
+import { useMemo as useMemo22 } from "react";
 function useChatState(chatRunId) {
   const context = useChatRuns();
   const { status: connectionStatus } = useDaemon();
-  return useMemo20(() => {
+  return useMemo22(() => {
     const chatRun = chatRunId ? context.chatRuns.get(chatRunId) ?? null : null;
     return {
       chatRunId,
@@ -9876,27 +10245,6 @@ var init_useChat2 = __esm(() => {
   init_usePersistedRunList2();
 });
 
-// src/hooks/useStrategies/useStrategies.tsx
-import {
-  discoverStrategies
-} from "@comma-agents/core";
-import React2 from "react";
-function useDiscoveredStrategies() {
-  const [strategies, setStrategies] = React2.useState([]);
-  React2.useEffect(() => {
-    let cancelled = false;
-    discoverStrategies().then((result) => {
-      if (!cancelled)
-        setStrategies(result.strategies);
-    }).catch(() => {});
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  return strategies;
-}
-var init_useStrategies = () => {};
-
 // src/pages/ChatPage/ChatPage.constants.ts
 var REPLY_INPUT_ID = "chat-reply", DOUBLE_ESCAPE_WINDOW_MS = 500;
 
@@ -9933,14 +10281,15 @@ var init_ChatPage_theme = __esm(() => {
 });
 
 // src/pages/ChatPage/ChatPage.tsx
-import { Box as Box31, useFocusManager as useFocusManager5, useInput as useInput14 } from "ink";
-import { useCallback as useCallback22, useContext as useContext10, useEffect as useEffect24, useRef as useRef18 } from "react";
+import { Box as Box32, useFocusManager as useFocusManager5, useInput as useInput15 } from "ink";
+import { useCallback as useCallback24, useContext as useContext11, useEffect as useEffect26, useRef as useRef19 } from "react";
 import { useNavigate as useNavigate2, useParams } from "react-router";
-import { jsxDEV as jsxDEV38 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV40 } from "react/jsx-dev-runtime";
 function ChatPage() {
   const { chatRunId = "" } = useParams();
   const navigate = useNavigate2();
   const strategies = useDiscoveredStrategies();
+  const strategyDiscovery = useStrategyDiscoveryStatus();
   const chatState = useChatState(chatRunId);
   const { continueRun, stopChatRun } = useChatRunLifecycle();
   const { sendInput } = useChatInputRequests();
@@ -9948,28 +10297,28 @@ function ChatPage() {
   const { sendPermissionDecision } = useChatPermissionRequests();
   const { sendQuestionResponse } = useChatQuestionRequests();
   const theme = useChatPageTheme();
-  const handleOpenSubStrategy = useCallback22((toolCallId) => {
+  const handleOpenSubStrategy = useCallback24((toolCallId) => {
     navigate(`/chat/${encodeURIComponent(chatRunId)}/spawned/${encodeURIComponent(toolCallId)}`);
   }, [chatRunId, navigate]);
-  const handleReplySubmit = useCallback22((text) => {
+  const handleReplySubmit = useCallback24((text) => {
     sendInput(chatRunId, text);
   }, [chatRunId, sendInput]);
-  const handleSteerSubmit = useCallback22((text) => {
+  const handleSteerSubmit = useCallback24((text) => {
     sendSteer(chatRunId, text);
   }, [chatRunId, sendSteer]);
-  const handleContinueSubmit = useCallback22((strategy, text) => {
+  const handleContinueSubmit = useCallback24((strategy, text) => {
     continueRun(chatRunId, strategy, text);
   }, [chatRunId, continueRun]);
-  const handlePermissionDecide = useCallback22((decision) => {
+  const handlePermissionDecide = useCallback24((decision) => {
     sendPermissionDecision(chatRunId, decision);
   }, [chatRunId, sendPermissionDecision]);
-  const handleQuestionSubmit = useCallback22((response) => {
+  const handleQuestionSubmit = useCallback24((response) => {
     sendQuestionResponse(chatRunId, response);
   }, [chatRunId, sendQuestionResponse]);
-  const handleAbort = useCallback22(() => {
+  const handleAbort = useCallback24(() => {
     stopChatRun(chatRunId);
   }, [chatRunId, stopChatRun]);
-  return /* @__PURE__ */ jsxDEV38(ChatPageRender, {
+  return /* @__PURE__ */ jsxDEV40(ChatPageRender, {
     theme,
     messages: chatState.messages,
     chatStatus: chatState.status,
@@ -9986,7 +10335,9 @@ function ChatPage() {
     onQuestionSubmit: handleQuestionSubmit,
     onAbort: handleAbort,
     onOpenSubStrategy: handleOpenSubStrategy,
-    strategies
+    strategies,
+    emptyStrategyLabel: strategyDiscovery.status === "loading" ? "Loading strategies..." : "No strategies found",
+    emptyStrategyPlaceholder: strategyDiscovery.error ?? "No bundled or user strategies were found."
   }, undefined, false, undefined, this);
 }
 function ChatPageRender({
@@ -10006,15 +10357,17 @@ function ChatPageRender({
   onQuestionSubmit,
   onAbort,
   strategies,
+  emptyStrategyLabel,
+  emptyStrategyPlaceholder,
   onOpenSubStrategy
 }) {
   const showPermission = chatStatus === "waiting_permission" && pendingPermissionRequest !== null;
   const showQuestion = chatStatus === "waiting_question" && pendingQuestionRequest !== null;
   const isFinished = chatStatus === "completed" || chatStatus === "error" || chatStatus === "cancelled";
-  const { openStack } = useContext10(ModalContext);
+  const { openStack } = useContext11(ModalContext);
   const abortShortcutActive = !isFinished && openStack.length === 0;
-  const lastEscapeAtRef = useRef18(null);
-  useInput14((input, key) => {
+  const lastEscapeAtRef = useRef19(null);
+  useInput15((input, key) => {
     if (isMouseEscape(input))
       return;
     if (!key.escape) {
@@ -10030,7 +10383,7 @@ function ChatPageRender({
     }
     lastEscapeAtRef.current = now;
   }, { isActive: abortShortcutActive });
-  useEffect24(() => {
+  useEffect26(() => {
     if (!abortShortcutActive)
       lastEscapeAtRef.current = null;
   }, [abortShortcutActive]);
@@ -10038,7 +10391,7 @@ function ChatPageRender({
   const composerMode = chatStatus === "completed" ? "continue" : chatStatus === "waiting_input" ? "reply" : "steer";
   const composerPlaceholder = composerMode === "continue" ? "Continue the conversation..." : composerMode === "reply" ? pendingInputAgent ? `Reply to ${pendingInputAgent}...` : "Type your message..." : "Steer the agents...";
   const { focus } = useFocusManager5();
-  useEffect24(() => {
+  useEffect26(() => {
     if (showComposer)
       focus(REPLY_INPUT_ID);
   }, [focus, showComposer]);
@@ -10051,27 +10404,29 @@ function ChatPageRender({
       onSteerSubmit(text);
     }
   };
-  return /* @__PURE__ */ jsxDEV38(Box31, {
+  return /* @__PURE__ */ jsxDEV40(Box32, {
     ...theme.root,
     children: [
-      /* @__PURE__ */ jsxDEV38(Box31, {
+      /* @__PURE__ */ jsxDEV40(Box32, {
         ...theme.messageArea,
-        children: /* @__PURE__ */ jsxDEV38(MessageList, {
+        children: /* @__PURE__ */ jsxDEV40(MessageList, {
           messages,
           onOpenSubStrategy
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      showPermission && pendingPermissionRequest ? /* @__PURE__ */ jsxDEV38(PermissionPrompt, {
+      showPermission && pendingPermissionRequest ? /* @__PURE__ */ jsxDEV40(PermissionPrompt, {
         request: pendingPermissionRequest,
         onDecide: onPermissionDecide
-      }, undefined, false, undefined, this) : showQuestion && pendingQuestionRequest ? /* @__PURE__ */ jsxDEV38(QuestionPrompt, {
+      }, undefined, false, undefined, this) : showQuestion && pendingQuestionRequest ? /* @__PURE__ */ jsxDEV40(QuestionPrompt, {
         request: pendingQuestionRequest,
         onSubmit: onQuestionSubmit
-      }, undefined, false, undefined, this) : showComposer ? /* @__PURE__ */ jsxDEV38(ChatTextArea, {
+      }, undefined, false, undefined, this) : showComposer ? /* @__PURE__ */ jsxDEV40(ChatTextArea, {
         strategies,
         initialStrategyPath: activeStrategyPath ?? undefined,
         onSubmit: handleComposerSubmit,
         placeholder: composerPlaceholder,
+        emptyStrategyLabel,
+        emptyPlaceholder: emptyStrategyPlaceholder,
         showStrategyRow: composerMode === "continue",
         id: REPLY_INPUT_ID
       }, undefined, false, undefined, this) : null
@@ -10094,10 +10449,10 @@ var init_ChatPage2 = __esm(() => {
 });
 
 // src/pages/IntroPage/IntroPage.theme.ts
-import { useMemo as useMemo21 } from "react";
+import { useMemo as useMemo23 } from "react";
 function useIntroPageTheme() {
   useTheme();
-  return useMemo21(() => ({
+  return useMemo23(() => ({
     root: {
       flexDirection: "column",
       alignItems: "center"
@@ -10109,49 +10464,68 @@ var init_IntroPage_theme = __esm(() => {
 });
 
 // src/pages/IntroPage/IntroPage.tsx
-import { Box as Box32, useFocusManager as useFocusManager6 } from "ink";
-import React3, { useEffect as useEffect25 } from "react";
+import { Box as Box33, useFocusManager as useFocusManager6 } from "ink";
+import React2, { useEffect as useEffect27 } from "react";
 import { useNavigate as useNavigate3 } from "react-router";
-import { jsxDEV as jsxDEV39 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV41 } from "react/jsx-dev-runtime";
+function getEmptyStrategyLabel(status) {
+  if (status === "loading")
+    return "Loading strategies...";
+  return "No strategies found";
+}
+function getEmptyStrategyPlaceholder(status, error) {
+  if (status === "loading")
+    return "Loading...";
+  if (error)
+    return error;
+  return "No bundled or user strategies were found.";
+}
 function IntroPage() {
   const theme = useIntroPageTheme();
   const navigate = useNavigate3();
   const { startStrategy } = useChatRunLifecycle();
   const strategies = useDiscoveredStrategies();
-  const handleStartChat = React3.useCallback((strategy, inputText) => {
+  const strategyDiscovery = useStrategyDiscoveryStatus();
+  const handleStartChat = React2.useCallback((strategy, inputText) => {
     const chatRunId = startStrategy(strategy.path, inputText, process.cwd(), strategy.manifestPath);
     navigate(`/chat/${encodeURIComponent(chatRunId)}`);
   }, [navigate, startStrategy]);
-  return /* @__PURE__ */ jsxDEV39(IntroPageRender, {
+  return /* @__PURE__ */ jsxDEV41(IntroPageRender, {
     theme,
     strategies,
+    emptyStrategyLabel: getEmptyStrategyLabel(strategyDiscovery.status),
+    emptyStrategyPlaceholder: getEmptyStrategyPlaceholder(strategyDiscovery.status, strategyDiscovery.error),
     onSubmit: handleStartChat
   }, undefined, false, undefined, this);
 }
 function IntroPageRender({
   theme,
   strategies,
+  emptyStrategyLabel,
+  emptyStrategyPlaceholder,
   onSubmit
 }) {
   const { focus } = useFocusManager6();
-  useEffect25(() => {
+  useEffect27(() => {
     focus("chat");
   }, [focus]);
-  return /* @__PURE__ */ jsxDEV39(Box32, {
+  return /* @__PURE__ */ jsxDEV41(Box33, {
     ...theme.root,
     children: [
-      /* @__PURE__ */ jsxDEV39(Box32, {
+      /* @__PURE__ */ jsxDEV41(Box33, {
         marginBottom: 2
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV39(TitleIcon, {}, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV39(Box32, {
+      /* @__PURE__ */ jsxDEV41(TitleIcon, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV41(Box33, {
         marginBottom: 4
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV39(ChatTextArea, {
+      /* @__PURE__ */ jsxDEV41(ChatTextArea, {
         strategies,
         onSubmit,
         width: "%50",
         placeholder: "Enter your prompt...",
+        emptyStrategyLabel,
+        emptyPlaceholder: emptyStrategyPlaceholder,
         id: "chat"
       }, undefined, false, undefined, this)
     ]
@@ -10172,7 +10546,7 @@ var init_IntroPage2 = __esm(() => {
 });
 
 // src/hooks/useLogs/useLogs.ts
-import { useCallback as useCallback23, useSyncExternalStore } from "react";
+import { useCallback as useCallback25, useSyncExternalStore } from "react";
 function subscribe(listener) {
   return logStore.subscribe(listener);
 }
@@ -10181,7 +10555,7 @@ function getSnapshot() {
 }
 function useLogs() {
   const logs = useSyncExternalStore(subscribe, getSnapshot);
-  const clearLogs = useCallback23(() => {
+  const clearLogs = useCallback25(() => {
     logStore.clear();
   }, []);
   return { logs, clearLogs };
@@ -10197,10 +10571,10 @@ var init_useLogs2 = __esm(() => {
 });
 
 // src/pages/LogsPage/LogsPage.theme.ts
-import { useMemo as useMemo22 } from "react";
+import { useMemo as useMemo24 } from "react";
 function useLogsPageTheme() {
   const tokens = useTheme();
-  return useMemo22(() => ({
+  return useMemo24(() => ({
     root: {
       flexDirection: "column",
       flexGrow: 1,
@@ -10246,15 +10620,15 @@ function formatLevel(level) {
 }
 
 // src/pages/LogsPage/LogsPage.tsx
-import { Box as Box33, Text as Text31 } from "ink";
-import { jsxDEV as jsxDEV40 } from "react/jsx-dev-runtime";
+import { Box as Box34, Text as Text32 } from "ink";
+import { jsxDEV as jsxDEV42 } from "react/jsx-dev-runtime";
 function LogsPage({}) {
   const { logs, clearLogs } = useLogs();
   const debug = useDebugRender("LogsPage", {
     props: { logs, clearLogs }
   });
   const theme = useLogsPageTheme();
-  return /* @__PURE__ */ jsxDEV40(LogsPageRender, {
+  return /* @__PURE__ */ jsxDEV42(LogsPageRender, {
     theme,
     logs,
     debugRef: debug.ref
@@ -10266,33 +10640,33 @@ function LogsPageRender({
   debugRef
 }) {
   if (logs.length === 0) {
-    return /* @__PURE__ */ jsxDEV40(Box33, {
+    return /* @__PURE__ */ jsxDEV42(Box34, {
       ref: debugRef,
       ...theme.root,
-      children: /* @__PURE__ */ jsxDEV40(Text31, {
+      children: /* @__PURE__ */ jsxDEV42(Text32, {
         ...theme.emptyState,
         children: "No logs captured yet."
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV40(Box33, {
+  return /* @__PURE__ */ jsxDEV42(Box34, {
     ref: debugRef,
     ...theme.root,
-    children: /* @__PURE__ */ jsxDEV40(ScrollableView, {
+    children: /* @__PURE__ */ jsxDEV42(ScrollableView, {
       items: logs,
       getKey: (item, index) => `log_item-${index}`,
-      renderItem: (entry, _index) => /* @__PURE__ */ jsxDEV40(Box33, {
+      renderItem: (entry, _index) => /* @__PURE__ */ jsxDEV42(Box34, {
         ...theme.logRow,
         children: [
-          /* @__PURE__ */ jsxDEV40(Text31, {
+          /* @__PURE__ */ jsxDEV42(Text32, {
             ...theme.timestamp,
             children: formatTimestamp(entry.timestamp)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV40(Text31, {
+          /* @__PURE__ */ jsxDEV42(Text32, {
             ...theme.levels[entry.level],
             children: formatLevel(entry.level)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV40(Text31, {
+          /* @__PURE__ */ jsxDEV42(Text32, {
             ...theme.messageBody,
             children: entry.message
           }, undefined, false, undefined, this)
@@ -10315,28 +10689,28 @@ var init_LogsPage2 = __esm(() => {
 });
 
 // src/pages/SpawnedStrategyPage/SpawnedStrategyPage.tsx
-import { Box as Box34, Text as Text32, useInput as useInput15 } from "ink";
-import { useCallback as useCallback24, useMemo as useMemo23 } from "react";
+import { Box as Box35, Text as Text33, useInput as useInput16 } from "ink";
+import { useCallback as useCallback26, useMemo as useMemo25 } from "react";
 import { useNavigate as useNavigate4, useParams as useParams2 } from "react-router";
-import { jsxDEV as jsxDEV41 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV43 } from "react/jsx-dev-runtime";
 function SpawnedStrategyPage() {
   const { chatRunId = "", toolCallId = "" } = useParams2();
   const navigate = useNavigate4();
   const chatState = useChatState(chatRunId);
   const theme = useChatPageTheme();
-  const messages = useMemo23(() => selectSubStrategyMessages(chatState.messages, toolCallId), [chatState.messages, toolCallId]);
-  const strategyName = useMemo23(() => findSubStrategyName(chatState.messages, toolCallId), [chatState.messages, toolCallId]);
-  const handleBack = useCallback24(() => {
+  const messages = useMemo25(() => selectSubStrategyMessages(chatState.messages, toolCallId), [chatState.messages, toolCallId]);
+  const strategyName = useMemo25(() => findSubStrategyName(chatState.messages, toolCallId), [chatState.messages, toolCallId]);
+  const handleBack = useCallback26(() => {
     navigate(`/chat/${encodeURIComponent(chatRunId)}`);
   }, [chatRunId, navigate]);
-  const handleOpenSubStrategy = useCallback24((nestedToolCallId) => {
+  const handleOpenSubStrategy = useCallback26((nestedToolCallId) => {
     navigate(`/chat/${encodeURIComponent(chatRunId)}/spawned/${encodeURIComponent(nestedToolCallId)}`);
   }, [chatRunId, navigate]);
-  useInput15((_input, key) => {
+  useInput16((_input, key) => {
     if (key.escape)
       handleBack();
   }, { isActive: RAW_MODE_SUPPORTED10 });
-  return /* @__PURE__ */ jsxDEV41(SpawnedStrategyPageRender, {
+  return /* @__PURE__ */ jsxDEV43(SpawnedStrategyPageRender, {
     theme,
     strategyName,
     messages,
@@ -10349,28 +10723,28 @@ function SpawnedStrategyPageRender({
   messages,
   onOpenSubStrategy
 }) {
-  return /* @__PURE__ */ jsxDEV41(Box34, {
+  return /* @__PURE__ */ jsxDEV43(Box35, {
     ...theme.root,
     children: [
-      /* @__PURE__ */ jsxDEV41(Box34, {
+      /* @__PURE__ */ jsxDEV43(Box35, {
         ...theme.header,
         children: [
-          /* @__PURE__ */ jsxDEV41(Text32, {
+          /* @__PURE__ */ jsxDEV43(Text33, {
             ...theme.header.title,
             children: [
               "spawned ",
               strategyName
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV41(Text32, {
+          /* @__PURE__ */ jsxDEV43(Text33, {
             ...theme.footer.text,
             children: " Esc back"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV41(Box34, {
+      /* @__PURE__ */ jsxDEV43(Box35, {
         ...theme.messageArea,
-        children: /* @__PURE__ */ jsxDEV41(MessageList, {
+        children: /* @__PURE__ */ jsxDEV43(MessageList, {
           messages,
           ...onOpenSubStrategy ? { onOpenSubStrategy } : {}
         }, undefined, false, undefined, this)
@@ -10392,10 +10766,10 @@ var init_SpawnedStrategyPage2 = __esm(() => {
 });
 
 // src/App/App.tsx
-import { useApp, useFocusManager as useFocusManager7, useInput as useInput16 } from "ink";
-import { useCallback as useCallback25, useEffect as useEffect26, useMemo as useMemo24 } from "react";
+import { useApp, useFocusManager as useFocusManager7, useInput as useInput17 } from "ink";
+import { useCallback as useCallback27, useEffect as useEffect28, useMemo as useMemo26 } from "react";
 import { Route, Routes, useLocation as useLocation2, useNavigate as useNavigate5 } from "react-router";
-import { jsxDEV as jsxDEV42, Fragment as Fragment7 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV44, Fragment as Fragment7 } from "react/jsx-dev-runtime";
 function App({ devMode = false }) {
   const { exit } = useApp();
   const { enableFocus } = useFocusManager7();
@@ -10403,20 +10777,20 @@ function App({ devMode = false }) {
   const location = useLocation2();
   const { clearAllChatRuns } = useChatRunLifecycle();
   const commandPalette = useModal(COMMAND_PALETTE_MODAL_ID2);
-  useEffect26(() => {
+  useEffect28(() => {
     enableFocus();
   }, [enableFocus]);
-  const tabs = useMemo24(() => devMode ? [...BASE_TABS, DEV_TAB] : BASE_TABS, [devMode]);
-  const handleResetChat = useCallback25(() => {
+  const tabs = useMemo26(() => devMode ? [...BASE_TABS, DEV_TAB] : BASE_TABS, [devMode]);
+  const handleResetChat = useCallback27(() => {
     clearAllChatRuns();
   }, [clearAllChatRuns]);
-  const handleExitApp = useCallback25(() => {
+  const handleExitApp = useCallback27(() => {
     exit();
   }, [exit]);
-  const handleTabSelect = useCallback25((tabPath) => {
+  const handleTabSelect = useCallback27((tabPath) => {
     navigate(tabPath);
   }, [navigate]);
-  useInput16((inputText, keyPress) => {
+  useInput17((inputText, keyPress) => {
     if (keyPress.ctrl && inputText === "c") {
       handleExitApp();
     }
@@ -10430,7 +10804,7 @@ function App({ devMode = false }) {
     if (keyPress.meta && inputText === "3" && devMode)
       navigate("/dev");
   }, { isActive: RAW_MODE_SUPPORTED11 });
-  return /* @__PURE__ */ jsxDEV42(AppRender, {
+  return /* @__PURE__ */ jsxDEV44(AppRender, {
     tabs,
     activeTabPath: location.pathname,
     onTabSelect: handleTabSelect,
@@ -10449,48 +10823,48 @@ function AppRender({
   onExitApp,
   onResetChat
 }) {
-  return /* @__PURE__ */ jsxDEV42(Fragment7, {
+  return /* @__PURE__ */ jsxDEV44(Fragment7, {
     children: [
-      /* @__PURE__ */ jsxDEV42(Frame, {
+      /* @__PURE__ */ jsxDEV44(Frame, {
         tabs,
         activeTabPath,
         onTabSelect,
-        children: /* @__PURE__ */ jsxDEV42(Routes, {
+        children: /* @__PURE__ */ jsxDEV44(Routes, {
           children: [
-            /* @__PURE__ */ jsxDEV42(Route, {
+            /* @__PURE__ */ jsxDEV44(Route, {
               index: true,
-              element: /* @__PURE__ */ jsxDEV42(IntroPage, {}, undefined, false, undefined, this)
+              element: /* @__PURE__ */ jsxDEV44(IntroPage, {}, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV42(Route, {
+            /* @__PURE__ */ jsxDEV44(Route, {
               path: "/chat/:chatRunId",
-              element: /* @__PURE__ */ jsxDEV42(ChatPage, {}, undefined, false, undefined, this)
+              element: /* @__PURE__ */ jsxDEV44(ChatPage, {}, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV42(Route, {
+            /* @__PURE__ */ jsxDEV44(Route, {
               path: "/chat/:chatRunId/spawned/:toolCallId",
-              element: /* @__PURE__ */ jsxDEV42(SpawnedStrategyPage, {}, undefined, false, undefined, this)
+              element: /* @__PURE__ */ jsxDEV44(SpawnedStrategyPage, {}, undefined, false, undefined, this)
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV42(Route, {
+            /* @__PURE__ */ jsxDEV44(Route, {
               path: "/logs",
-              element: /* @__PURE__ */ jsxDEV42(LogsPage, {}, undefined, false, undefined, this)
+              element: /* @__PURE__ */ jsxDEV44(LogsPage, {}, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV42(Modal, {
+      /* @__PURE__ */ jsxDEV44(Modal, {
         title: "Command Palette",
         modalId: COMMAND_PALETTE_MODAL_ID2,
         closeOnEsc: false,
         minHeight: "60%",
         maxHeight: "60%",
-        children: /* @__PURE__ */ jsxDEV42(CommandPalette, {
+        children: /* @__PURE__ */ jsxDEV44(CommandPalette, {
           isVisible: commandPaletteOpen,
           onClose: onCommandPaletteClose,
           onExitApp,
           onResetChat
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV42(ContextUsageModal, {}, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV42(OutputModal, {}, undefined, false, undefined, this)
+      /* @__PURE__ */ jsxDEV44(ContextUsageModal, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV44(OutputModal, {}, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
@@ -10519,7 +10893,7 @@ var init_App = __esm(() => {
 });
 
 // src/App/App.theme.ts
-import { useMemo as useMemo25 } from "react";
+import { useMemo as useMemo27 } from "react";
 var init_App_theme = __esm(() => {
   init_Theme2();
 });
@@ -10535,7 +10909,7 @@ import { openSync } from "fs";
 import { ReadStream } from "tty";
 import { render } from "ink";
 import { MemoryRouter } from "react-router";
-import { jsxDEV as jsxDEV43 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV45 } from "react/jsx-dev-runtime";
 function resolveStdin() {
   if (process.stdin.isTTY) {
     return process.stdin;
@@ -10552,15 +10926,17 @@ function runTui({
   daemonUrl = "ws://localhost:7422/ws",
   dev = false
 } = {}) {
-  const tuiInstance = render(/* @__PURE__ */ jsxDEV43(MemoryRouter, {
-    children: /* @__PURE__ */ jsxDEV43(UserConfigContextProvider, {
-      children: /* @__PURE__ */ jsxDEV43(ThemeContextProvider, {
-        children: /* @__PURE__ */ jsxDEV43(DaemonContextProvider, {
+  const tuiInstance = render(/* @__PURE__ */ jsxDEV45(MemoryRouter, {
+    children: /* @__PURE__ */ jsxDEV45(UserConfigContextProvider, {
+      children: /* @__PURE__ */ jsxDEV45(ThemeContextProvider, {
+        children: /* @__PURE__ */ jsxDEV45(DaemonContextProvider, {
           url: daemonUrl,
-          children: /* @__PURE__ */ jsxDEV43(ChatRunsContextProvider, {
-            children: /* @__PURE__ */ jsxDEV43(ModalContextProvider, {
-              children: /* @__PURE__ */ jsxDEV43(App, {
-                devMode: dev
+          children: /* @__PURE__ */ jsxDEV45(StrategyDiscoveryContextProvider, {
+            children: /* @__PURE__ */ jsxDEV45(ChatRunsContextProvider, {
+              children: /* @__PURE__ */ jsxDEV45(ModalContextProvider, {
+                children: /* @__PURE__ */ jsxDEV45(App, {
+                  devMode: dev
+                }, undefined, false, undefined, this)
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
@@ -10582,6 +10958,7 @@ var init_run_tui = __esm(() => {
   init_useDaemon2();
   init_logStore();
   init_useModal2();
+  init_useStrategies2();
   init_useUserConfig2();
   init_Theme2();
 });
@@ -10611,7 +10988,7 @@ var init_bootstrap = __esm(() => {
     type: "boolean",
     default: false,
     describe: "Enable the component playground"
-  }).strict().help().alias("h", "help").version("2.0.0-rc.0").parseSync();
+  }).strict().help().alias("h", "help").version("2.0.0-rc.1").parseSync();
   runTui({
     strategy: commandArguments.strategy,
     input: commandArguments.input,