@hoox-sh/hoox-tui 0.3.1 → 0.3.2

package/dist/main.js

@@ -4316,9 +4316,8 @@ import { createRoot } from "@opentui/react";
 // src/app.tsx
 init_src();
 init_src();
-import { useState as useState23, useEffect as useEffect24, useCallback as useCallback17 } from "react";
-import { useKeyboard as useKeyboard7 } from "@opentui/react";
-import { DialogProvider, useDialog } from "@opentui-ui/dialog/react";
+import { useState as useState23, useEffect as useEffect25, useCallback as useCallback18 } from "react";
+import { useKeyboard as useKeyboard8 } from "@opentui/react";
 
 // src/services/cli-bridge/index.ts
 init_src();
@@ -5888,9 +5887,20 @@ init_src();
 // src/hooks/shell-overlay.ts
 init_src();
 import { useKeyboard } from "@opentui/react";
+
+// src/components/ui/dialog-state.ts
+var openDialogCount = 0;
+function setOpenDialogCount(n) {
+  openDialogCount = Math.max(0, n);
+}
+function isHooxDialogOpen() {
+  return openDialogCount > 0;
+}
+
+// src/hooks/shell-overlay.ts
 function isShellOverlayOpen() {
   const s = useUIStore.getState();
-  return Boolean(s.commandPaletteOpen || s.modal);
+  return Boolean(s.commandPaletteOpen || s.modal || isHooxDialogOpen());
 }
 function useViewKeyboard(handler) {
   useKeyboard((key) => {
@@ -5899,15 +5909,365 @@ function useViewKeyboard(handler) {
     handler(key);
   });
 }
+// src/components/ui/dialog.tsx
+init_src();
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect as useEffect3,
+  useMemo,
+  useState
+} from "react";
+import { useKeyboard as useKeyboard3 } from "@opentui/react";
+import { jsxDEV } from "@opentui/react/jsx-dev-runtime";
+var nextId2 = 1;
+var DialogCtx = createContext(null);
+function ConfirmOverlay({
+  entry,
+  onResolve
+}) {
+  useKeyboard3((key) => {
+    const name = String(key.name ?? "").toLowerCase();
+    if (name === "return" || name === "enter" || name === "y") {
+      onResolve(true);
+      return;
+    }
+    if (name === "escape" || name === "n") {
+      onResolve(false);
+    }
+  });
+  return /* @__PURE__ */ jsxDEV("box", {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    width: "100%",
+    height: "100%",
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: Colors.backdrop,
+    onMouseUp: entry.closeOnClickOutside ? () => onResolve(false) : undefined,
+    children: /* @__PURE__ */ jsxDEV("box", {
+      flexDirection: "column",
+      gap: 1,
+      padding: 2,
+      border: true,
+      borderStyle: "double",
+      borderColor: Colors.accent,
+      backgroundColor: Colors.card,
+      minWidth: 44,
+      onMouseUp: (e) => {
+        e?.stopPropagation?.();
+      },
+      children: [
+        /* @__PURE__ */ jsxDEV("text", {
+          fg: Colors.accent,
+          bold: true,
+          children: entry.title
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("text", {
+          fg: Colors.foreground,
+          children: entry.message
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("box", {
+          flexDirection: "row",
+          gap: 2,
+          paddingTop: 1,
+          children: [
+            /* @__PURE__ */ jsxDEV("text", {
+              fg: Colors.accent,
+              bg: Colors.card,
+              bold: true,
+              onMouseUp: () => onResolve(true),
+              children: `  [Y/Enter] ${entry.confirmLabel}  `
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("text", {
+              fg: Colors.muted,
+              onMouseUp: () => onResolve(false),
+              children: `  [N/Esc] ${entry.cancelLabel}  `
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function ChoiceOverlay({
+  entry,
+  onResolve
+}) {
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  useKeyboard3((key) => {
+    const name = String(key.name ?? "").toLowerCase();
+    if (name === "down" || name === "j") {
+      setSelectedIndex((prev) => prev < entry.choices.length - 1 ? prev + 1 : 0);
+      return;
+    }
+    if (name === "up" || name === "k") {
+      setSelectedIndex((prev) => prev > 0 ? prev - 1 : entry.choices.length - 1);
+      return;
+    }
+    if (name === "return" || name === "enter") {
+      const choice = entry.choices[selectedIndex];
+      if (choice)
+        onResolve(choice.key);
+      return;
+    }
+    if (name === "escape") {
+      onResolve(entry.fallback);
+    }
+  });
+  return /* @__PURE__ */ jsxDEV("box", {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    width: "100%",
+    height: "100%",
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: Colors.backdrop,
+    onMouseUp: entry.closeOnClickOutside ? () => onResolve(entry.fallback) : undefined,
+    children: /* @__PURE__ */ jsxDEV("box", {
+      flexDirection: "column",
+      gap: 1,
+      padding: 2,
+      border: true,
+      borderStyle: "double",
+      borderColor: Colors.accent,
+      backgroundColor: Colors.card,
+      minWidth: 48,
+      children: [
+        /* @__PURE__ */ jsxDEV("text", {
+          fg: Colors.accent,
+          bold: true,
+          children: entry.title
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("text", {
+          dim: true,
+          fg: Colors.muted,
+          children: "Use \u2191\u2193 to navigate, Enter to select, Esc to cancel"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("box", {
+          flexDirection: "column",
+          gap: 0,
+          paddingTop: 1,
+          children: entry.choices.map((choice, idx) => /* @__PURE__ */ jsxDEV("box", {
+            flexDirection: "row",
+            gap: 2,
+            paddingLeft: 1,
+            paddingRight: 1,
+            children: [
+              /* @__PURE__ */ jsxDEV("text", {
+                fg: idx === selectedIndex ? Colors.accent : Colors.muted,
+                children: idx === selectedIndex ? "\u25B6" : " "
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("text", {
+                fg: idx === selectedIndex ? Colors.foreground : Colors.muted,
+                bg: idx === selectedIndex ? Colors.card : undefined,
+                onMouseUp: () => onResolve(choice.key),
+                children: choice.label
+              }, undefined, false, undefined, this),
+              choice.description ? /* @__PURE__ */ jsxDEV("text", {
+                dim: true,
+                fg: Colors.muted,
+                children: [
+                  "\u2014 ",
+                  choice.description
+                ]
+              }, undefined, true, undefined, this) : null
+            ]
+          }, choice.key, true, undefined, this))
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("box", {
+          flexDirection: "row",
+          justifyContent: "flex-end",
+          paddingTop: 1,
+          children: /* @__PURE__ */ jsxDEV("text", {
+            fg: Colors.muted,
+            onMouseUp: () => onResolve(entry.fallback),
+            children: "  Cancel  "
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function LoadingOverlay({ message }) {
+  return /* @__PURE__ */ jsxDEV("box", {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    width: "100%",
+    height: "100%",
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: Colors.backdrop,
+    children: /* @__PURE__ */ jsxDEV("box", {
+      flexDirection: "column",
+      padding: 2,
+      gap: 1,
+      border: true,
+      borderStyle: "single",
+      borderColor: Colors.border,
+      backgroundColor: Colors.card,
+      justifyContent: "center",
+      alignItems: "center",
+      children: [
+        /* @__PURE__ */ jsxDEV("text", {
+          fg: Colors.accent,
+          children: message
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV("text", {
+          dim: true,
+          fg: Colors.muted,
+          children: "Please wait..."
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function DialogProvider({ children }) {
+  const [stack, setStack] = useState([]);
+  useEffect3(() => {
+    setOpenDialogCount(stack.length);
+    return () => setOpenDialogCount(0);
+  }, [stack.length]);
+  const popId = useCallback((id) => {
+    setStack((s) => s.filter((e) => e.id !== id));
+  }, []);
+  const handle = useMemo(() => {
+    const confirmSimple = (options) => new Promise((resolve3) => {
+      const id = nextId2++;
+      setStack((s) => [
+        ...s,
+        {
+          kind: "confirm",
+          id,
+          title: options.title,
+          message: options.message,
+          confirmLabel: options.confirmLabel ?? "Confirm",
+          cancelLabel: options.cancelLabel ?? "Cancel",
+          closeOnClickOutside: options.closeOnClickOutside ?? true,
+          resolve: (value) => {
+            popId(id);
+            resolve3(value);
+          }
+        }
+      ]);
+    });
+    const choiceSimple = (options) => new Promise((resolve3) => {
+      const id = nextId2++;
+      setStack((s) => [
+        ...s,
+        {
+          kind: "choice",
+          id,
+          title: options.title,
+          choices: options.choices,
+          fallback: options.fallback,
+          closeOnClickOutside: options.closeOnClickOutside ?? true,
+          resolve: (value) => {
+            popId(id);
+            resolve3(value);
+          }
+        }
+      ]);
+    });
+    return {
+      confirmSimple,
+      choiceSimple,
+      confirm: (options) => {
+        const title = options.title ?? (typeof options.content === "function" ? "Confirm" : "Confirm");
+        const message = options.message ?? "Continue?";
+        return confirmSimple({
+          title,
+          message,
+          confirmLabel: options.confirmLabel,
+          cancelLabel: options.cancelLabel,
+          closeOnClickOutside: options.closeOnClickOutside
+        });
+      },
+      choice: (options) => {
+        return choiceSimple({
+          title: options.title ?? "Select",
+          choices: options.choices ?? [],
+          fallback: options.fallback,
+          closeOnClickOutside: options.closeOnClickOutside
+        });
+      },
+      show: (options) => {
+        const id = nextId2++;
+        setStack((s) => [
+          ...s,
+          {
+            kind: "loading",
+            id,
+            message: options.message ?? "Loading\u2026"
+          }
+        ]);
+        return id;
+      },
+      close: (id) => {
+        if (id == null) {
+          setStack([]);
+          return;
+        }
+        popId(Number(id));
+      }
+    };
+  }, [popId]);
+  const top = stack[stack.length - 1] ?? null;
+  return /* @__PURE__ */ jsxDEV(DialogCtx.Provider, {
+    value: handle,
+    children: [
+      children,
+      top?.kind === "confirm" ? /* @__PURE__ */ jsxDEV(ConfirmOverlay, {
+        entry: top,
+        onResolve: (v) => {
+          top.resolve(v);
+        }
+      }, undefined, false, undefined, this) : null,
+      top?.kind === "choice" ? /* @__PURE__ */ jsxDEV(ChoiceOverlay, {
+        entry: top,
+        onResolve: (v) => {
+          top.resolve(v);
+        }
+      }, undefined, false, undefined, this) : null,
+      top?.kind === "loading" ? /* @__PURE__ */ jsxDEV(LoadingOverlay, {
+        message: top.message
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+}
+function useDialog() {
+  const ctx = useContext(DialogCtx);
+  if (!ctx) {
+    throw new Error("useDialog must be used within <DialogProvider>");
+  }
+  return ctx;
+}
+async function showConfirm(dialog, options) {
+  if (typeof dialog.confirmSimple === "function") {
+    return dialog.confirmSimple(options);
+  }
+  return dialog.confirm({
+    title: options.title,
+    message: options.message,
+    confirmLabel: options.confirmLabel,
+    cancelLabel: options.cancelLabel,
+    closeOnClickOutside: options.closeOnClickOutside
+  });
+}
+
 // src/components/views/dashboard.tsx
 init_src();
-import { useEffect as useEffect7, useMemo as useMemo3, useState as useState6, useCallback as useCallback2, useRef as useRef3 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo4, useState as useState6, useCallback as useCallback3, useRef as useRef3 } from "react";
 
 // src/components/shared/error-boundary.tsx
 init_src();
 import { Component } from "react";
-import { useKeyboard as useKeyboard3 } from "@opentui/react";
-import { jsxDEV } from "@opentui/react/jsx-dev-runtime";
+import { useKeyboard as useKeyboard4 } from "@opentui/react";
+import { jsxDEV as jsxDEV2 } from "@opentui/react/jsx-dev-runtime";
 function formatBoundaryErrorMessage(error, maxLen = 160) {
   const first = (error.message || "Unknown error").split(`
 `)[0] ?? "";
@@ -5919,13 +6279,13 @@ function ErrorRecoveryPanel({
   message,
   onRetry
 }) {
-  useKeyboard3((key) => {
+  useKeyboard4((key) => {
     const name = String(key.name ?? "").toLowerCase();
     if (name === "return" || name === "enter" || name === "r") {
       onRetry();
     }
   });
-  return /* @__PURE__ */ jsxDEV("box", {
+  return /* @__PURE__ */ jsxDEV2("box", {
     flexDirection: "column",
     padding: 2,
     gap: 1,
@@ -5934,16 +6294,16 @@ function ErrorRecoveryPanel({
     borderColor: Colors.border,
     backgroundColor: Colors.card,
     children: [
-      /* @__PURE__ */ jsxDEV("box", {
+      /* @__PURE__ */ jsxDEV2("box", {
         flexDirection: "row",
         gap: 1,
         children: [
-          /* @__PURE__ */ jsxDEV("text", {
+          /* @__PURE__ */ jsxDEV2("text", {
             fg: Colors.error,
             bold: true,
             children: "\u26A0"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("text", {
+          /* @__PURE__ */ jsxDEV2("text", {
             fg: Colors.error,
             bold: true,
             children: [
@@ -5953,22 +6313,22 @@ function ErrorRecoveryPanel({
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("text", {
+      /* @__PURE__ */ jsxDEV2("text", {
         fg: Colors.muted,
         children: message
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("box", {
+      /* @__PURE__ */ jsxDEV2("box", {
         paddingTop: 1,
         flexDirection: "row",
         gap: 2,
         children: [
-          /* @__PURE__ */ jsxDEV("text", {
+          /* @__PURE__ */ jsxDEV2("text", {
             fg: Colors.accent,
             bg: Colors.card,
             onMouseUp: onRetry,
             children: "  [Retry]  "
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("text", {
+          /* @__PURE__ */ jsxDEV2("text", {
             fg: Colors.dim,
             dim: true,
             children: "Enter / R"
@@ -5990,7 +6350,7 @@ class ErrorBoundary extends Component {
   render() {
     if (this.state.error) {
       const message = formatBoundaryErrorMessage(this.state.error);
-      return /* @__PURE__ */ jsxDEV(ErrorRecoveryPanel, {
+      return /* @__PURE__ */ jsxDEV2(ErrorRecoveryPanel, {
         viewName: this.props.viewName,
         message,
         onRetry: this.handleRetry
@@ -6002,7 +6362,7 @@ class ErrorBoundary extends Component {
 
 // src/components/shared/status-dot.tsx
 init_src();
-import { jsxDEV as jsxDEV2 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV3 } from "@opentui/react/jsx-dev-runtime";
 var DOT_CHAR = {
   operational: "\u2588",
   degraded: "\u258C",
@@ -6014,7 +6374,7 @@ function StatusDot({ status, pulse = false }) {
   const color = DOT_COLOR[status];
   const isDown = status === "down";
   const shouldBlink = pulse && status === "operational";
-  return /* @__PURE__ */ jsxDEV2("text", {
+  return /* @__PURE__ */ jsxDEV3("text", {
     fg: color,
     bold: !isDown,
     dim: isDown,
@@ -6028,24 +6388,24 @@ init_src();
 
 // src/components/shared/cool-brackets.tsx
 init_src();
-import { jsxDEV as jsxDEV3 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV4 } from "@opentui/react/jsx-dev-runtime";
 function CoolBrackets({
   children,
   open = "\u250C",
   close = "\u2510",
   gap = 1
 }) {
-  return /* @__PURE__ */ jsxDEV3("box", {
+  return /* @__PURE__ */ jsxDEV4("box", {
     flexDirection: "row",
     gap,
     alignItems: "center",
     children: [
-      /* @__PURE__ */ jsxDEV3("text", {
+      /* @__PURE__ */ jsxDEV4("text", {
         fg: Colors.accent,
         children: open
       }, undefined, false, undefined, this),
       children ?? null,
-      /* @__PURE__ */ jsxDEV3("text", {
+      /* @__PURE__ */ jsxDEV4("text", {
         fg: Colors.accent,
         children: close
       }, undefined, false, undefined, this)
@@ -6055,20 +6415,20 @@ function CoolBrackets({
 function CoolGlyph({
   char
 }) {
-  return /* @__PURE__ */ jsxDEV3("text", {
+  return /* @__PURE__ */ jsxDEV4("text", {
     fg: Colors.accent,
     children: char
   }, undefined, false, undefined, this);
 }
 
 // src/components/shared/view-header.tsx
-import { jsxDEV as jsxDEV4 } from "@opentui/react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV5 } from "@opentui/react/jsx-dev-runtime";
 function ViewHeader({
   title,
   meta,
   showDivider = true
 }) {
-  return /* @__PURE__ */ jsxDEV4("box", {
+  return /* @__PURE__ */ jsxDEV5("box", {
     flexDirection: "row",
     gap: 2,
     paddingBottom: showDivider ? 1 : 0,
@@ -6078,17 +6438,17 @@ function ViewHeader({
     justifyContent: "space-between",
     width: "100%",
     children: [
-      /* @__PURE__ */ jsxDEV4(CoolBrackets, {
+      /* @__PURE__ */ jsxDEV5(CoolBrackets, {
         open: "\u250C",
         close: "\u2510",
         gap: 1,
-        children: /* @__PURE__ */ jsxDEV4("text", {
+        children: /* @__PURE__ */ jsxDEV5("text", {
           fg: Colors.accent,
           bold: true,
           children: title
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      meta ? /* @__PURE__ */ jsxDEV4("box", {
+      meta ? /* @__PURE__ */ jsxDEV5("box", {
         flexDirection: "row",
         gap: 1,
         children: meta
@@ -6097,65 +6457,9 @@ function ViewHeader({
   }, undefined, true, undefined, this);
 }
 
-// src/components/ui/dialog.tsx
-init_src();
-import { useState } from "react";
-import {
-  useDialogKeyboard
-} from "@opentui-ui/dialog/react";
-import { jsxDEV as jsxDEV5 } from "@opentui/react/jsx-dev-runtime";
-async function showConfirm(dialog, options) {
-  return dialog.confirm({
-    content: (ctx) => /* @__PURE__ */ jsxDEV5("box", {
-      flexDirection: "column",
-      padding: 1,
-      gap: 1,
-      children: [
-        /* @__PURE__ */ jsxDEV5("text", {
-          fg: Colors.accent,
-          children: /* @__PURE__ */ jsxDEV5("b", {
-            children: options.title
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV5("text", {
-          fg: Colors.muted,
-          children: options.message
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV5("box", {
-          flexDirection: "row",
-          gap: 2,
-          justifyContent: "flex-end",
-          children: [
-            /* @__PURE__ */ jsxDEV5("text", {
-              fg: Colors.muted,
-              onMouseUp: () => ctx.resolve(false),
-              children: [
-                "  ",
-                options.cancelLabel ?? "Cancel",
-                "  "
-              ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV5("text", {
-              fg: Colors.accent,
-              bg: Colors.card,
-              onMouseUp: () => ctx.resolve(true),
-              children: [
-                "  ",
-                options.confirmLabel ?? "Confirm",
-                "  "
-              ]
-            }, undefined, true, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      ]
-    }, undefined, true, undefined, this),
-    closeOnClickOutside: options.closeOnClickOutside ?? true
-  });
-}
-
 // src/components/shared/spinner.tsx
 init_src();
-import { useState as useState2, useEffect as useEffect3 } from "react";
+import { useState as useState2, useEffect as useEffect4 } from "react";
 import { jsxDEV as jsxDEV6 } from "@opentui/react/jsx-dev-runtime";
 var SPINNER_FRAMES = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
 function Spinner({
@@ -6163,7 +6467,7 @@ function Spinner({
   color = Colors.highlight
 }) {
   const [frame, setFrame] = useState2(0);
-  useEffect3(() => {
+  useEffect4(() => {
     if (globalThis.IS_REACT_ACT_ENVIRONMENT === true) {
       return;
     }
@@ -6222,7 +6526,7 @@ function EmptyState({
 
 // src/components/views/dashboard/auto-repair-panel.tsx
 init_src();
-import { useMemo } from "react";
+import { useMemo as useMemo2 } from "react";
 import { jsxDEV as jsxDEV7, Fragment } from "@opentui/react/jsx-dev-runtime";
 function RepairStatusBadge({
   status
@@ -6252,7 +6556,7 @@ function AutoRepairPanel({
   onDismiss,
   onRerun
 }) {
-  const resultCounts = useMemo(() => {
+  const resultCounts = useMemo2(() => {
     if (state.kind !== "results")
       return { applied: 0, failed: 0 };
     let applied = 0;
@@ -6420,7 +6724,7 @@ function AutoRepairPanel({
 
 // src/components/views/dashboard/model-health-section.tsx
 init_src();
-import { useState as useState3, useCallback, useEffect as useEffect4 } from "react";
+import { useState as useState3, useCallback as useCallback2, useEffect as useEffect5 } from "react";
 import { jsxDEV as jsxDEV8 } from "@opentui/react/jsx-dev-runtime";
 var MODEL_HEALTH_POLL_MS = 30000;
 function modelStatusToDot(status) {
@@ -6528,7 +6832,7 @@ function ModelHealthSection() {
   const [loading, setLoading] = useState3(true);
   const [error, setError] = useState3(null);
   const [lastRefresh, setLastRefresh] = useState3(null);
-  useEffect4(() => {
+  useEffect5(() => {
     let cancelled = false;
     let generation = 0;
     let inFlight = false;
@@ -6567,7 +6871,7 @@ function ModelHealthSection() {
       clearInterval(interval);
     };
   }, []);
-  const toggleExpand = useCallback((index) => {
+  const toggleExpand = useCallback2((index) => {
     setExpandedIndex((prev) => prev === index ? null : index);
   }, []);
   if (loading && providers.length === 0) {
@@ -6685,7 +6989,7 @@ function ModelHealthSection() {
 
 // src/components/views/dashboard/pyne-health-section.tsx
 init_src();
-import { useState as useState4, useEffect as useEffect5 } from "react";
+import { useState as useState4, useEffect as useEffect6 } from "react";
 import { jsxDEV as jsxDEV9 } from "@opentui/react/jsx-dev-runtime";
 var POLL_MS = 30000;
 function statusToDot(status) {
@@ -6698,7 +7002,7 @@ function statusToDot(status) {
 function PyneHealthSection() {
   const [result, setResult] = useState4(null);
   const [loading, setLoading] = useState4(true);
-  useEffect5(() => {
+  useEffect6(() => {
     let cancelled = false;
     let generation = 0;
     let inFlight = false;
@@ -6798,7 +7102,7 @@ function PyneHealthSection() {
 
 // src/components/views/dashboard/alerts-panel.tsx
 init_src();
-import { useState as useState5, useMemo as useMemo2, useEffect as useEffect6 } from "react";
+import { useState as useState5, useMemo as useMemo3, useEffect as useEffect7 } from "react";
 import { jsxDEV as jsxDEV10 } from "@opentui/react/jsx-dev-runtime";
 var SEVERITY_LABEL = {
   info: "INFO",
@@ -6820,10 +7124,10 @@ function AlertsPanel() {
   const activeView = useUIStore((s) => s.activeView);
   const isActive = activeView === "dashboard";
   const [scrollOffset, setScrollOffset] = useState5(0);
-  const sortedAlerts = useMemo2(() => {
+  const sortedAlerts = useMemo3(() => {
     return [...alerts].sort((a, b) => b.timestamp - a.timestamp).slice(0, MAX_VISIBLE_ALERTS);
   }, [alerts]);
-  useEffect6(() => {
+  useEffect7(() => {
     setScrollOffset((o) => Math.min(o, Math.max(0, sortedAlerts.length - 1)));
   }, [sortedAlerts.length]);
   useViewKeyboard((key) => {
@@ -6959,7 +7263,7 @@ function formatStatNumber(value, isPnl = false) {
 var KILL_SWITCH_POLL_MS = 15000;
 function KillSwitchStatusBadge() {
   const [state, setState] = useState6("unknown");
-  useEffect7(() => {
+  useEffect8(() => {
     let cancelled = false;
     const refresh = async () => {
       try {
@@ -7060,12 +7364,12 @@ function ServiceHealthGrid() {
   const activeView = useUIStore((s) => s.activeView);
   const isActive = activeView === "dashboard";
   const [focusIndex, setFocusIndex] = useState6(0);
-  const visibleWorkers = useMemo3(() => workers.slice(0, 10), [workers]);
-  const emptySlots = useMemo3(() => visibleWorkers.length < 10 ? Array.from({ length: 10 - visibleWorkers.length }, (_, i) => i) : [], [visibleWorkers.length]);
-  useEffect7(() => {
+  const visibleWorkers = useMemo4(() => workers.slice(0, 10), [workers]);
+  const emptySlots = useMemo4(() => visibleWorkers.length < 10 ? Array.from({ length: 10 - visibleWorkers.length }, (_, i) => i) : [], [visibleWorkers.length]);
+  useEffect8(() => {
     setFocusIndex((i) => visibleWorkers.length === 0 ? 0 : Math.min(i, visibleWorkers.length - 1));
   }, [visibleWorkers.length]);
-  const openWorker = useCallback2((workerId) => {
+  const openWorker = useCallback3((workerId) => {
     useServiceStore.getState().selectWorker(workerId);
     useUIStore.getState().setView("worker-detail");
   }, []);
@@ -7303,13 +7607,13 @@ function DashboardView({ dialog } = {}) {
   const mountedRef = useRef3(true);
   const refreshGenRef = useRef3(0);
   const repairRunningRef = useRef3(false);
-  useEffect7(() => {
+  useEffect8(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const handleRefresh = useCallback2(async () => {
+  const handleRefresh = useCallback3(async () => {
     const gen = ++refreshGenRef.current;
     try {
       const result = await cliBridge.monitorStatus();
@@ -7321,7 +7625,7 @@ function DashboardView({ dialog } = {}) {
       }
     } catch {}
   }, []);
-  const handleRunAutoRepair = useCallback2(async () => {
+  const handleRunAutoRepair = useCallback3(async () => {
     if (!dialog) {
       useServiceStore.getState().addAlert({
         id: `repair-noconfirm-${Date.now()}`,
@@ -7408,10 +7712,10 @@ function DashboardView({ dialog } = {}) {
       repairRunningRef.current = false;
     }
   }, [dialog]);
-  const dismissRepairPanel = useCallback2(() => {
+  const dismissRepairPanel = useCallback3(() => {
     setRepairState({ kind: "idle" });
   }, []);
-  const rerunRepair = useCallback2(() => {
+  const rerunRepair = useCallback3(() => {
     handleRunAutoRepair();
   }, [handleRunAutoRepair]);
   useViewKeyboard((key) => {
@@ -7419,7 +7723,7 @@ function DashboardView({ dialog } = {}) {
       dismissRepairPanel();
     }
   });
-  useEffect7(() => {
+  useEffect8(() => {
     let cancelled = false;
     const runHealthCheck = async () => {
       try {
@@ -7496,7 +7800,7 @@ function DashboardView({ dialog } = {}) {
 init_src();
 init_src();
 init_src();
-import { useState as useState7, useMemo as useMemo4, useCallback as useCallback3, useEffect as useEffect8, useRef as useRef4 } from "react";
+import { useState as useState7, useMemo as useMemo5, useCallback as useCallback4, useEffect as useEffect9, useRef as useRef4 } from "react";
 
 // src/components/shared/panel.tsx
 init_src();
@@ -7728,7 +8032,7 @@ function WorkersOverview({ dialog } = {}) {
   const [deployProgress, setDeployProgress] = useState7("");
   const mountedRef = useRef4(true);
   const deployingRef = useRef4(false);
-  useEffect8(() => {
+  useEffect9(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -7740,7 +8044,7 @@ function WorkersOverview({ dialog } = {}) {
   const setView = useUIStore((s) => s.setView);
   const [cliFallbackTried, setCliFallbackTried] = useState7(false);
   const [cliFallbackError, setCliFallbackError] = useState7(null);
-  useEffect8(() => {
+  useEffect9(() => {
     if (workers.length > 0) {
       setCliFallbackTried(false);
       setCliFallbackError(null);
@@ -7811,7 +8115,7 @@ function WorkersOverview({ dialog } = {}) {
     };
   }, [workers.length, cliFallbackTried]);
   const maxIndex = Math.max(0, workers.length - 1);
-  const rows = useMemo4(() => {
+  const rows = useMemo5(() => {
     const result = [];
     for (let i = 0;i < workers.length; i += COLS) {
       result.push(workers.slice(i, i + COLS));
@@ -7819,7 +8123,7 @@ function WorkersOverview({ dialog } = {}) {
     return result;
   }, [workers]);
   const safeIndex = Math.min(focusedIndex, maxIndex);
-  useEffect8(() => {
+  useEffect9(() => {
     setFocusedIndex((i) => Math.min(i, maxIndex));
   }, [maxIndex]);
   useViewKeyboard((key) => {
@@ -7846,11 +8150,11 @@ function WorkersOverview({ dialog } = {}) {
       }
     }
   });
-  const onProgress = useCallback3((chunk) => {
+  const onProgress = useCallback4((chunk) => {
     const safe = redactSecretsInText(chunk);
     setDeployProgress((prev) => (prev + safe).slice(-2000));
   }, []);
-  const handleLogs = useCallback3(async (worker) => {
+  const handleLogs = useCallback4(async (worker) => {
     if (deployingRef.current)
       return;
     const store = useServiceStore.getState();
@@ -7897,7 +8201,7 @@ function WorkersOverview({ dialog } = {}) {
       });
     }
   }, []);
-  const handleDeploy = useCallback3(async (worker) => {
+  const handleDeploy = useCallback4(async (worker) => {
     if (deployingRef.current)
       return;
     if (!dialog) {
@@ -7955,7 +8259,7 @@ function WorkersOverview({ dialog } = {}) {
         setDeployingWorker(null);
     }
   }, [onProgress, dialog]);
-  const handleRestart = useCallback3(async (worker) => {
+  const handleRestart = useCallback4(async (worker) => {
     if (deployingRef.current)
       return;
     if (!dialog) {
@@ -8179,7 +8483,7 @@ function WorkersOverview({ dialog } = {}) {
 
 // src/components/views/worker-detail.tsx
 init_src();
-import { useState as useState8, useMemo as useMemo5, useEffect as useEffect9, useCallback as useCallback4, useRef as useRef5 } from "react";
+import { useState as useState8, useMemo as useMemo6, useEffect as useEffect10, useCallback as useCallback5, useRef as useRef5 } from "react";
 import { jsxDEV as jsxDEV14 } from "@opentui/react/jsx-dev-runtime";
 var PANE_COUNT = 4;
 var PANE_NAMES = [
@@ -8289,10 +8593,10 @@ function LogsPane({
   focused
 }) {
   const allLogs = useServiceStore((s) => s.logs);
-  const workerLogs = useMemo5(() => allLogs.filter((l) => l.workerId === workerId), [allLogs, workerId]);
+  const workerLogs = useMemo6(() => allLogs.filter((l) => l.workerId === workerId), [allLogs, workerId]);
   const [paused, setPaused] = useState8(false);
   const [, setAutoScroll] = useState8(true);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!paused) {
       setAutoScroll(true);
     }
@@ -8304,7 +8608,7 @@ function LogsPane({
       setPaused((p) => !p);
     }
   });
-  const displayedLogs = useMemo5(() => {
+  const displayedLogs = useMemo6(() => {
     const source = paused ? workerLogs : workerLogs.slice(-50);
     return source;
   }, [workerLogs, paused]);
@@ -8446,7 +8750,7 @@ function ConfigPreviewPane({
   entries,
   loading
 }) {
-  const displayEntries = useMemo5(() => {
+  const displayEntries = useMemo6(() => {
     if (entries && entries.length > 0)
       return entries;
     return [
@@ -8528,7 +8832,7 @@ function WorkerDetail() {
   const mountedRef = useRef5(true);
   const configGenRef = useRef5(0);
   const logsGenRef = useRef5(0);
-  useEffect9(() => {
+  useEffect10(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -8538,8 +8842,8 @@ function WorkerDetail() {
   const workers = useServiceStore((s) => s.workers);
   const connectionStatus = useServiceStore((s) => s.connectionStatus);
   const goBack = useUIStore((s) => s.goBack);
-  const worker = useMemo5(() => workers.find((w) => w.id === selectedWorkerId) ?? null, [workers, selectedWorkerId]);
-  const fetchConfig = useCallback4(async () => {
+  const worker = useMemo6(() => workers.find((w) => w.id === selectedWorkerId) ?? null, [workers, selectedWorkerId]);
+  const fetchConfig = useCallback5(async () => {
     if (!worker)
       return;
     const gen = ++configGenRef.current;
@@ -8579,7 +8883,7 @@ function WorkerDetail() {
       }
     }
   }, [worker]);
-  const fetchLogs = useCallback4(async () => {
+  const fetchLogs = useCallback5(async () => {
     if (!worker)
       return;
     const gen = ++logsGenRef.current;
@@ -8623,10 +8927,10 @@ function WorkerDetail() {
       }
     }
   }, [worker]);
-  useEffect9(() => {
+  useEffect10(() => {
     fetchConfig();
   }, [fetchConfig]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (connectionStatus !== "connected") {
       fetchLogs();
       return;
@@ -8636,7 +8940,7 @@ function WorkerDetail() {
       fetchLogs();
     }
   }, [connectionStatus, fetchLogs, worker]);
-  const handleRefresh = useCallback4(() => {
+  const handleRefresh = useCallback5(() => {
     fetchConfig();
     fetchLogs();
   }, [fetchConfig, fetchLogs]);
@@ -8791,7 +9095,7 @@ function WorkerDetail() {
 
 // src/components/views/trade-monitor.tsx
 init_src();
-import { useState as useState9, useMemo as useMemo6, useRef as useRef6, useEffect as useEffect10 } from "react";
+import { useState as useState9, useMemo as useMemo7, useRef as useRef6, useEffect as useEffect11 } from "react";
 import { jsxDEV as jsxDEV15, Fragment as Fragment2 } from "@opentui/react/jsx-dev-runtime";
 var MAX_VISIBLE_TRADES = 120;
 var SIDE_COLOR = {
@@ -8914,7 +9218,7 @@ function LiveTradeFeed({
   const [selectedIndex, setSelectedIndex] = useState9(0);
   const frozenRef = useRef6([]);
   const [frozenStream, setFrozenStream] = useState9(null);
-  useEffect10(() => {
+  useEffect11(() => {
     if (paused) {
       frozenRef.current = [...tradeStream];
       setFrozenStream(frozenRef.current);
@@ -8924,9 +9228,9 @@ function LiveTradeFeed({
     }
   }, [paused]);
   const effectiveStream = paused ? frozenStream ?? frozenRef.current : tradeStream;
-  const sortedTrades = useMemo6(() => selectVisibleTrades(effectiveStream, MAX_VISIBLE_TRADES), [effectiveStream]);
+  const sortedTrades = useMemo7(() => selectVisibleTrades(effectiveStream, MAX_VISIBLE_TRADES), [effectiveStream]);
   const maxIndex = Math.max(0, sortedTrades.length - 1);
-  useEffect10(() => {
+  useEffect11(() => {
     setSelectedIndex((i) => Math.min(i, maxIndex));
   }, [maxIndex]);
   const safeIndex = Math.min(selectedIndex, maxIndex);
@@ -9079,7 +9383,7 @@ function LiveTradeFeed({
 }
 function OpenPositions() {
   const tradeStream = useServiceStore((s) => s.tradeStream);
-  const positions = useMemo6(() => {
+  const positions = useMemo7(() => {
     const map = new Map;
     for (const trade of tradeStream) {
       const existing = map.get(trade.symbol);
@@ -9204,7 +9508,7 @@ function OpenPositions() {
 function PerformanceSummary() {
   const tradeStream = useServiceStore((s) => s.tradeStream);
   const metrics = useServiceStore((s) => s.metrics);
-  const perf = useMemo6(() => {
+  const perf = useMemo7(() => {
     const todayStart = startOfToday();
     const weekStart = startOfDaysAgo(7);
     const monthStart = startOfDaysAgo(30);
@@ -9413,7 +9717,7 @@ function TradeMonitor() {
 
 // src/components/views/logs-viewer.tsx
 init_src();
-import { useState as useState10, useMemo as useMemo7, useCallback as useCallback5, useEffect as useEffect11, useRef as useRef7 } from "react";
+import { useState as useState10, useMemo as useMemo8, useCallback as useCallback6, useEffect as useEffect12, useRef as useRef7 } from "react";
 import { jsxDEV as jsxDEV16 } from "@opentui/react/jsx-dev-runtime";
 var LEVEL_LABEL = {
   error: "ERR",
@@ -9704,7 +10008,7 @@ function LogsViewer() {
   const activeView = useUIStore((s) => s.activeView);
   const isActive = activeView === "logs-viewer";
   const sseConnected = connectionStatus === "connected";
-  useEffect11(() => {
+  useEffect12(() => {
     if (searchTimerRef.current)
       clearTimeout(searchTimerRef.current);
     searchTimerRef.current = setTimeout(() => {
@@ -9718,11 +10022,11 @@ function LogsViewer() {
       }
     };
   }, [searchText]);
-  const workerNames = useMemo7(() => workers.map((w) => w.name), [workers]);
-  const toggleAll = useCallback5(() => {
+  const workerNames = useMemo8(() => workers.map((w) => w.name), [workers]);
+  const toggleAll = useCallback6(() => {
     setAllLevels((prev) => !prev);
   }, []);
-  const toggleLevel = useCallback5((lvl) => {
+  const toggleLevel = useCallback6((lvl) => {
     setLevels((prev) => {
       const next = new Set(prev);
       if (next.has(lvl))
@@ -9732,7 +10036,7 @@ function LogsViewer() {
       return next;
     });
   }, []);
-  const toggleWorker = useCallback5((name) => {
+  const toggleWorker = useCallback6((name) => {
     setSelectedWorkers((prev) => {
       const next = new Set(prev);
       if (next.has(name))
@@ -9742,7 +10046,7 @@ function LogsViewer() {
       return next;
     });
   }, []);
-  const handleExport = useCallback5(async () => {
+  const handleExport = useCallback6(async () => {
     const ts = Date.now();
     try {
       const result = await cliBridge.exec(["logs", "all"], {
@@ -9782,7 +10086,7 @@ function LogsViewer() {
   }, []);
   const [clearArmed, setClearArmed] = useState10(false);
   const clearArmTimer = useRef7(null);
-  const handleClear = useCallback5(() => {
+  const handleClear = useCallback6(() => {
     if (!clearArmed) {
       setClearArmed(true);
       if (clearArmTimer.current)
@@ -9814,7 +10118,7 @@ function LogsViewer() {
       acknowledged: false
     });
   }, [clearArmed]);
-  const handleFetch = useCallback5(async () => {
+  const handleFetch = useCallback6(async () => {
     const ts = Date.now();
     let fetchedCount = 0;
     const names = useServiceStore.getState().workers.map((w) => w.name);
@@ -9843,20 +10147,20 @@ function LogsViewer() {
     };
     useServiceStore.getState().addAlert(alert);
   }, []);
-  const filteredLogs = useMemo7(() => applyLogFilters(allLogs, {
+  const filteredLogs = useMemo8(() => applyLogFilters(allLogs, {
     allLevels,
     levels,
     selectedWorkers,
     searchText: debouncedSearch,
     workers
   }), [allLogs, allLevels, levels, selectedWorkers, debouncedSearch, workers]);
-  const displayed = useMemo7(() => {
+  const displayed = useMemo8(() => {
     const newestFirst = filteredLogs.slice().reverse();
     return newestFirst.slice(0, MAX_VISIBLE_LOGS);
   }, [filteredLogs]);
   const [frozen, setFrozen] = useState10(null);
   const visible = paused && frozen !== null ? frozen : displayed;
-  useEffect11(() => {
+  useEffect12(() => {
     if (paused && frozen === null) {
       setFrozen(displayed);
     }
@@ -9971,7 +10275,7 @@ function LogsViewer() {
 // src/components/views/service-manager.tsx
 init_service_store();
 init_src();
-import { useState as useState11, useCallback as useCallback6, useEffect as useEffect12, useMemo as useMemo8, useRef as useRef8 } from "react";
+import { useState as useState11, useCallback as useCallback7, useEffect as useEffect13, useMemo as useMemo9, useRef as useRef8 } from "react";
 import { jsxDEV as jsxDEV17 } from "@opentui/react/jsx-dev-runtime";
 var EDGE_LOCATIONS = [
   { code: "SFO", city: "San Francisco", x: 4, y: 3, latency: 2 },
@@ -10002,7 +10306,7 @@ var EDGE_LOCATION_BY_CELL = (() => {
 })();
 function EdgeMap() {
   const [selectedCode, setSelectedCode] = useState11(null);
-  const selectedLocation = useMemo8(() => EDGE_LOCATIONS.find((l) => l.code === selectedCode) ?? null, [selectedCode]);
+  const selectedLocation = useMemo9(() => EDGE_LOCATIONS.find((l) => l.code === selectedCode) ?? null, [selectedCode]);
   return /* @__PURE__ */ jsxDEV17("box", {
     flexDirection: "column",
     flexGrow: 1,
@@ -10331,13 +10635,13 @@ function KillSwitchSection({ dialog, onAlert }) {
   const loadingRef = useRef8(false);
   const activeView = useUIStore((s) => s.activeView);
   const isActive = activeView === "service-manager";
-  useEffect12(() => {
+  useEffect13(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  const refresh = useCallback6(async () => {
+  const refresh = useCallback7(async () => {
     if (loadingRef.current)
       return;
     loadingRef.current = true;
@@ -10363,10 +10667,10 @@ function KillSwitchSection({ dialog, onAlert }) {
         setLoading(false);
     }
   }, []);
-  useEffect12(() => {
+  useEffect13(() => {
     refresh();
   }, [refresh]);
-  const setEngaged = useCallback6(async (engaged2) => {
+  const setEngaged = useCallback7(async (engaged2) => {
     if (!dialog) {
       useServiceStore.getState().addAlert({
         id: `killswitch-noconfirm-${Date.now()}`,
@@ -10540,23 +10844,23 @@ function ServiceManager({ dialog }) {
   const [selectedIndex, setSelectedIndex] = useState11(0);
   const mountedRef = useRef8(true);
   const deployingRef = useRef8(false);
-  useEffect12(() => {
+  useEffect13(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
     };
   }, []);
-  useEffect12(() => {
+  useEffect13(() => {
     setSelectedIndex((i) => workers.length === 0 ? 0 : Math.min(i, workers.length - 1));
   }, [workers.length]);
-  const totalEdgeCount = useMemo8(() => workers.reduce((sum, w) => sum + (w.edgeCount ?? 0), 0), [workers]);
+  const totalEdgeCount = useMemo9(() => workers.reduce((sum, w) => sum + (w.edgeCount ?? 0), 0), [workers]);
   const displayEdgeCount = totalEdgeCount;
   const showPlus = false;
-  const onProgress = useCallback6((chunk) => {
+  const onProgress = useCallback7((chunk) => {
     const safe = redactSecretsInText(chunk);
     setDeployProgress((prev) => (prev + safe).slice(-2000));
   }, []);
-  const addResultAlert = useCallback6((id, type, result, successMsg, failMsg) => {
+  const addResultAlert = useCallback7((id, type, result, successMsg, failMsg) => {
     const store = useServiceStore.getState();
     store.addAlert({
       id,
@@ -10567,7 +10871,7 @@ function ServiceManager({ dialog }) {
       acknowledged: false
     });
   }, []);
-  const blockWithoutDialog = useCallback6((action, target) => {
+  const blockWithoutDialog = useCallback7((action, target) => {
     useServiceStore.getState().addAlert({
       id: `${action}-noconfirm-${Date.now()}`,
       type: action,
@@ -10577,7 +10881,7 @@ function ServiceManager({ dialog }) {
       acknowledged: false
     });
   }, []);
-  const handleDeploy = useCallback6(async (worker) => {
+  const handleDeploy = useCallback7(async (worker) => {
     if (deployingRef.current)
       return;
     if (!dialog) {
@@ -10619,7 +10923,7 @@ function ServiceManager({ dialog }) {
         setDeployingWorker(null);
     }
   }, [dialog, onProgress, addResultAlert, blockWithoutDialog]);
-  const handleRestart = useCallback6(async (worker) => {
+  const handleRestart = useCallback7(async (worker) => {
     if (deployingRef.current)
       return;
     if (!dialog) {
@@ -10661,7 +10965,7 @@ function ServiceManager({ dialog }) {
         setDeployingWorker(null);
     }
   }, [dialog, onProgress, addResultAlert, blockWithoutDialog]);
-  const handleDeployAll = useCallback6(async () => {
+  const handleDeployAll = useCallback7(async () => {
     if (deployingRef.current)
       return;
     if (!dialog) {
@@ -10703,7 +11007,7 @@ function ServiceManager({ dialog }) {
         setDeployingWorker(null);
     }
   }, [dialog, workers.length, onProgress, addResultAlert, blockWithoutDialog]);
-  const handleRestartAll = useCallback6(async () => {
+  const handleRestartAll = useCallback7(async () => {
     if (deployingRef.current)
       return;
     if (!dialog) {
@@ -10884,11 +11188,11 @@ function ServiceManager({ dialog }) {
 init_src();
 import { existsSync as existsSync5 } from "fs";
 import { isAbsolute, relative, resolve as pathResolve } from "path";
-import { useState as useState12, useCallback as useCallback7, useMemo as useMemo11, useRef as useRef9, useEffect as useEffect13 } from "react";
+import { useState as useState12, useCallback as useCallback8, useMemo as useMemo12, useRef as useRef9, useEffect as useEffect14 } from "react";
 
 // src/components/views/config-editor/file-tree.tsx
 init_src();
-import { useMemo as useMemo9 } from "react";
+import { useMemo as useMemo10 } from "react";
 import { jsxDEV as jsxDEV18 } from "@opentui/react/jsx-dev-runtime";
 function flattenTree(nodes, level = 0) {
   const result = [];
@@ -10907,7 +11211,7 @@ function FileTree({
   focusedPath,
   onSelectFile
 }) {
-  const flatNodes = useMemo9(() => flattenTree(nodes), [nodes]);
+  const flatNodes = useMemo10(() => flattenTree(nodes), [nodes]);
   return /* @__PURE__ */ jsxDEV18("box", {
     flexDirection: "column",
     flexGrow: 1,
@@ -10963,7 +11267,7 @@ function FileTree({
 
 // src/components/views/config-editor/code-editor.tsx
 init_src();
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo11 } from "react";
 import { parse as parseToml, TomlError } from "smol-toml";
 import { jsxDEV as jsxDEV19, Fragment as Fragment3 } from "@opentui/react/jsx-dev-runtime";
 var TOML_COLORS = {
@@ -11275,11 +11579,11 @@ function CodeEditor({
   scrollOffset: _scrollOffset,
   maxDisplayLines = 5000
 }) {
-  const lines = useMemo10(() => content.split(`
+  const lines = useMemo11(() => content.split(`
 `), [content]);
   const truncated = lines.length > maxDisplayLines;
-  const visibleLines = useMemo10(() => truncated ? lines.slice(0, maxDisplayLines) : lines, [lines, maxDisplayLines, truncated]);
-  const errorLineSet = useMemo10(() => {
+  const visibleLines = useMemo11(() => truncated ? lines.slice(0, maxDisplayLines) : lines, [lines, maxDisplayLines, truncated]);
+  const errorLineSet = useMemo11(() => {
     const set = new Set;
     for (const err of syntaxErrors)
       set.add(err.line);
@@ -11702,8 +12006,8 @@ function ConfigEditor() {
   const [validationError, setValidationError] = useState12(null);
   const [undoStack, setUndoStack] = useState12([]);
   const [redoStack, setRedoStack] = useState12([]);
-  const fileTree = useMemo11(() => CONFIG_TREE_BLUEPRINT, []);
-  const flatFiles = useMemo11(() => {
+  const fileTree = useMemo12(() => CONFIG_TREE_BLUEPRINT, []);
+  const flatFiles = useMemo12(() => {
     const files = [];
     function walk(nodes) {
       for (const n of nodes) {
@@ -11721,7 +12025,7 @@ function ConfigEditor() {
   const unsavedCount = unsavedPaths.size;
   const safeFocusedIdx = Math.max(0, Math.min(focusedTreeIdx, flatFiles.length - 1));
   const focusedFilePath = flatFiles[safeFocusedIdx]?.path ?? null;
-  const selectFile = useCallback7(async (path2) => {
+  const selectFile = useCallback8(async (path2) => {
     if (fileContents.has(path2)) {
       setSelectedFile(path2);
       setActivePane("editor");
@@ -11738,7 +12042,7 @@ function ConfigEditor() {
     setStatusMessage(`Loaded: ${path2}`);
   }, [fileContents]);
   const prevContentRef = useRef9(currentContent);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!selectedFile || !currentContent)
       return;
     if (prevContentRef.current !== currentContent && prevContentRef.current !== "") {
@@ -11750,7 +12054,7 @@ function ConfigEditor() {
     }
     prevContentRef.current = currentContent;
   }, [currentContent, selectedFile]);
-  const handleSave = useCallback7(async () => {
+  const handleSave = useCallback8(async () => {
     if (!selectedFile)
       return;
     try {
@@ -11786,7 +12090,7 @@ function ConfigEditor() {
       setStatusMessage(`Failed to save: ${msg}`);
     }
   }, [selectedFile, currentContent, fileType]);
-  const handleValidate = useCallback7(async () => {
+  const handleValidate = useCallback8(async () => {
     if (!selectedFile)
       return;
     const errors = validateSyntax(currentContent, fileType);
@@ -11806,7 +12110,7 @@ function ConfigEditor() {
       setStatusMessage("Validation passed \u2014 Config is valid");
     }
   }, [selectedFile, currentContent, fileType]);
-  const handleDiff = useCallback7(() => {
+  const handleDiff = useCallback8(() => {
     const original = selectedFile ? originalContents.get(selectedFile) ?? "" : "";
     const origLines = original.split(`
 `).length;
@@ -11819,7 +12123,7 @@ function ConfigEditor() {
       setStatusMessage(`Diff: ${origLines} \u2192 ${currLines} lines (${diff > 0 ? "+" : ""}${diff})`);
     }
   }, [selectedFile, originalContents, currentContent]);
-  const handleFormat = useCallback7(() => {
+  const handleFormat = useCallback8(() => {
     if (!selectedFile)
       return;
     const formatted = formatContent(currentContent, fileType);
@@ -11829,7 +12133,7 @@ function ConfigEditor() {
     }
     setStatusMessage(`Formatted: ${selectedFile}`);
   }, [selectedFile, currentContent, fileType]);
-  const handleUndo = useCallback7(() => {
+  const handleUndo = useCallback8(() => {
     if (undoStack.length === 0 || !selectedFile)
       return;
     const prev = undoStack[undoStack.length - 1];
@@ -11839,7 +12143,7 @@ function ConfigEditor() {
     setUnsavedPaths((paths) => new Set(paths).add(selectedFile));
     setStatusMessage("Undo");
   }, [undoStack, currentContent, selectedFile]);
-  const handleRedo = useCallback7(() => {
+  const handleRedo = useCallback8(() => {
     if (redoStack.length === 0 || !selectedFile)
       return;
     const next = redoStack[redoStack.length - 1];
@@ -11851,7 +12155,7 @@ function ConfigEditor() {
   }, [redoStack, currentContent, selectedFile]);
   const [findMode, setFindMode] = useState12(false);
   const [findQuery, setFindQuery] = useState12("");
-  const handleFind = useCallback7(() => {
+  const handleFind = useCallback8(() => {
     setFindMode((p) => !p);
     if (!findMode) {
       setFindQuery("");
@@ -12051,7 +12355,7 @@ function ConfigEditor() {
 init_src();
 init_src();
 init_src();
-import { useState as useState13, useEffect as useEffect14, useCallback as useCallback8, useRef as useRef10 } from "react";
+import { useState as useState13, useEffect as useEffect15, useCallback as useCallback9, useRef as useRef10 } from "react";
 import { jsxDEV as jsxDEV22, Fragment as Fragment4 } from "@opentui/react/jsx-dev-runtime";
 async function spawnVersion(cmd, flag) {
   try {
@@ -12332,7 +12636,7 @@ function SetupWizard({ dialog }) {
   const isActive = activeView === "setup-wizard";
   const addAlert = useServiceStore((s) => s.addAlert);
   const loadedRef = useRef10(false);
-  const runChecks = useCallback8(async () => {
+  const runChecks = useCallback9(async () => {
     setPrereqsRunning(true);
     setPrereqs([
       { label: "RUNTIME", checks: [await checkBun(), await checkGit()] },
@@ -12345,10 +12649,10 @@ function SetupWizard({ dialog }) {
     ]);
     setPrereqsRunning(false);
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     runChecks();
   }, [runChecks]);
-  useEffect14(() => {
+  useEffect15(() => {
     (async () => {
       try {
         const file = Bun.file("wrangler.jsonc");
@@ -12368,7 +12672,7 @@ function SetupWizard({ dialog }) {
       } catch {}
     })();
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     (async () => {
       try {
         const f = Bun.file(WIZARD_SESSION_PATH);
@@ -13383,7 +13687,7 @@ Deploy error: ${err.message}
 
 // src/components/views/settings.tsx
 init_src();
-import { useMemo as useMemo12, useState as useState14, useCallback as useCallback9, useEffect as useEffect15 } from "react";
+import { useMemo as useMemo13, useState as useState14, useCallback as useCallback10, useEffect as useEffect16 } from "react";
 import * as path2 from "path";
 import * as os from "os";
 import { jsxDEV as jsxDEV23, Fragment as Fragment5 } from "@opentui/react/jsx-dev-runtime";
@@ -13533,7 +13837,7 @@ function ThemePanel({
 }) {
   const refreshIntervalMs = useConfigStore((s) => s.refreshIntervalMs);
   const defaultView = useConfigStore((s) => s.defaultView);
-  const connection = useMemo12(() => {
+  const connection = useMemo13(() => {
     let configFallback = {};
     try {
       const cfg = readConfigSync();
@@ -14075,12 +14379,12 @@ function SettingsView({ dialog } = {}) {
   const resetDefaults = useConfigStore((s) => s.resetDefaults);
   const toggleNotification = useConfigStore((s) => s.toggleNotification);
   const soundEnabled = useConfigStore((s) => s.soundEnabled);
-  useEffect15(() => {
+  useEffect16(() => {
     if (theme === "light") {
       updateConfig({ theme: "dark" });
     }
   }, [theme, updateConfig]);
-  const confirmAction = useCallback9(async (title, message, confirmLabel) => {
+  const confirmAction = useCallback10(async (title, message, confirmLabel) => {
     if (!dialog) {
       useServiceStore.getState().addAlert({
         id: `settings-noconfirm-${Date.now()}`,
@@ -14099,7 +14403,7 @@ function SettingsView({ dialog } = {}) {
       cancelLabel: "Cancel"
     });
   }, [dialog]);
-  const handleClearCache = useCallback9(async () => {
+  const handleClearCache = useCallback10(async () => {
     const ok = await confirmAction("Clear Cache?", "Delete ~/.hoox/cache? This cannot be undone.", "Clear Cache");
     if (!ok)
       return;
@@ -14126,7 +14430,7 @@ function SettingsView({ dialog } = {}) {
       });
     }
   }, [confirmAction]);
-  const handleExportData = useCallback9(async () => {
+  const handleExportData = useCallback10(async () => {
     try {
       const result = await cliBridge2().configShow();
       if (!result.success) {
@@ -14162,11 +14466,11 @@ function SettingsView({ dialog } = {}) {
       });
     }
   }, []);
-  const handleImportData = useCallback9(async () => {
+  const handleImportData = useCallback10(async () => {
     setImporting(true);
     setImportPath("");
   }, []);
-  const handleImportConfirm = useCallback9(async () => {
+  const handleImportConfirm = useCallback10(async () => {
     if (!importPath.trim())
       return;
     if (!dialog) {
@@ -14254,7 +14558,7 @@ function SettingsView({ dialog } = {}) {
     setImporting(false);
     setImportPath("");
   }, [importPath, updateConfig, dialog]);
-  const handleCheckSetup = useCallback9(async () => {
+  const handleCheckSetup = useCallback10(async () => {
     setSetupCheck({ kind: "running" });
     try {
       const result = await cliBridge2().checkSetup();
@@ -14317,10 +14621,10 @@ function SettingsView({ dialog } = {}) {
       });
     }
   }, []);
-  const dismissCheckSetup = useCallback9(() => {
+  const dismissCheckSetup = useCallback10(() => {
     setSetupCheck({ kind: "idle" });
   }, []);
-  const handleRunAutoRepair = useCallback9(async () => {
+  const handleRunAutoRepair = useCallback10(async () => {
     const ok = await confirmAction("Run Auto-Repair?", "Apply non-destructive config fixes (placeholders, flags, worker configs). Continue?", "Run Repair");
     if (!ok)
       return;
@@ -14371,7 +14675,7 @@ function SettingsView({ dialog } = {}) {
       });
     }
   }, [confirmAction]);
-  const handleResetDefaults = useCallback9(async () => {
+  const handleResetDefaults = useCallback10(async () => {
     const ok = await confirmAction("Reset Defaults?", "Reset theme, refresh rate, default view, and notification preferences to factory defaults?", "Reset");
     if (!ok)
       return;
@@ -14385,13 +14689,13 @@ function SettingsView({ dialog } = {}) {
       acknowledged: false
     });
   }, [confirmAction, resetDefaults]);
-  useEffect15(() => {
+  useEffect16(() => {
     const g = globalThis;
     if (g.__hooxTestAutoCheckSetup) {
       handleCheckSetup();
     }
   }, []);
-  const maxItemsPerPanel = useMemo12(() => {
+  const maxItemsPerPanel = useMemo13(() => {
     return {
       0: THEME_ITEM_COUNT,
       1: NOTIF_ITEM_COUNT,
@@ -14619,7 +14923,7 @@ function SettingsView({ dialog } = {}) {
 
 // src/components/views/queue-depth.tsx
 init_src();
-import { useCallback as useCallback10, useEffect as useEffect16, useMemo as useMemo13, useRef as useRef11, useState as useState15 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect17, useMemo as useMemo14, useRef as useRef11, useState as useState15 } from "react";
 import { jsxDEV as jsxDEV24 } from "@opentui/react/jsx-dev-runtime";
 var REFRESH_INTERVAL_MS = 5000;
 var STATUS_RANK = {
@@ -14802,7 +15106,7 @@ function QueueDepthView() {
   const [error, setError] = useState15(null);
   const [lastSampledAt, setLastSampledAt] = useState15(null);
   const fetchGenRef = useRef11(0);
-  const refresh = useCallback10(async (opts) => {
+  const refresh = useCallback11(async (opts) => {
     const soft = opts?.soft === true;
     const gen = ++fetchGenRef.current;
     if (!soft)
@@ -14820,13 +15124,13 @@ function QueueDepthView() {
     if (!soft || gen === fetchGenRef.current)
       setLoading(false);
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     refresh({ soft: false });
     return () => {
       fetchGenRef.current += 1;
     };
   }, [refresh]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!isActive)
       return;
     const handle = setInterval(() => {
@@ -14841,7 +15145,7 @@ function QueueDepthView() {
       refresh({ soft: false });
     }
   });
-  const sortedQueues = useMemo13(() => sortQueuesByPressure(queues), [queues]);
+  const sortedQueues = useMemo14(() => sortQueuesByPressure(queues), [queues]);
   return /* @__PURE__ */ jsxDEV24(ErrorBoundary, {
     viewName: "Queue Depth",
     children: /* @__PURE__ */ jsxDEV24("box", {
@@ -14988,7 +15292,7 @@ function QueueDepthView() {
 
 // src/components/views/kv-viewer.tsx
 init_src();
-import { useCallback as useCallback11, useEffect as useEffect17, useMemo as useMemo14, useRef as useRef12, useState as useState16 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect18, useMemo as useMemo15, useRef as useRef12, useState as useState16 } from "react";
 import { jsxDEV as jsxDEV25 } from "@opentui/react/jsx-dev-runtime";
 var REFRESH_INTERVAL_MS2 = 5000;
 var MAX_VISIBLE_KEYS = 200;
@@ -15288,7 +15592,7 @@ function KvViewer() {
   const [valueError, setValueError] = useState16(null);
   const listGenRef = useRef12(0);
   const revealGenRef = useRef12(0);
-  useEffect17(() => {
+  useEffect18(() => {
     if (searchTimerRef.current)
       clearTimeout(searchTimerRef.current);
     searchTimerRef.current = setTimeout(() => {
@@ -15302,7 +15606,7 @@ function KvViewer() {
       }
     };
   }, [search]);
-  const refresh = useCallback11(async (opts) => {
+  const refresh = useCallback12(async (opts) => {
     const soft = opts?.soft === true;
     const gen = ++listGenRef.current;
     if (!soft)
@@ -15318,14 +15622,14 @@ function KvViewer() {
     }
     setLoading(false);
   }, []);
-  useEffect17(() => {
+  useEffect18(() => {
     refresh({ soft: false });
     return () => {
       listGenRef.current += 1;
       revealGenRef.current += 1;
     };
   }, [refresh]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!isActive)
       return;
     const handle = setInterval(() => {
@@ -15334,22 +15638,22 @@ function KvViewer() {
     return () => clearInterval(handle);
   }, [isActive, refresh]);
   const allKeys = snapshot?.keys ?? [];
-  const filteredKeys = useMemo14(() => filterKvKeys(allKeys, debouncedSearch), [allKeys, debouncedSearch]);
-  const visibleKeys = useMemo14(() => filteredKeys.slice(0, MAX_VISIBLE_KEYS), [filteredKeys]);
-  const secretCount = useMemo14(() => allKeys.filter((k) => k.isSecret).length, [allKeys]);
-  const selectedKey = useMemo14(() => {
+  const filteredKeys = useMemo15(() => filterKvKeys(allKeys, debouncedSearch), [allKeys, debouncedSearch]);
+  const visibleKeys = useMemo15(() => filteredKeys.slice(0, MAX_VISIBLE_KEYS), [filteredKeys]);
+  const secretCount = useMemo15(() => allKeys.filter((k) => k.isSecret).length, [allKeys]);
+  const selectedKey = useMemo15(() => {
     if (!selectedKeyName)
       return null;
     return allKeys.find((k) => k.name === selectedKeyName) ?? null;
   }, [allKeys, selectedKeyName]);
-  useEffect17(() => {
+  useEffect18(() => {
     revealGenRef.current += 1;
     setRevealed(false);
     setValue(null);
     setValueError(null);
     setValueLoading(false);
   }, [selectedKeyName]);
-  const handleReveal = useCallback11(async () => {
+  const handleReveal = useCallback12(async () => {
     if (!selectedKey)
       return;
     const gen = ++revealGenRef.current;
@@ -15366,7 +15670,7 @@ function KvViewer() {
     }
     setValueLoading(false);
   }, [selectedKey]);
-  const handleHide = useCallback11(() => {
+  const handleHide = useCallback12(() => {
     revealGenRef.current += 1;
     setRevealed(false);
     setValue(null);
@@ -15652,7 +15956,7 @@ function KvViewer() {
 
 // src/components/views/secrets-viewer.tsx
 init_src();
-import { useCallback as useCallback12, useEffect as useEffect18, useMemo as useMemo15, useRef as useRef13, useState as useState17 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect19, useMemo as useMemo16, useRef as useRef13, useState as useState17 } from "react";
 import { jsxDEV as jsxDEV26 } from "@opentui/react/jsx-dev-runtime";
 var REFRESH_INTERVAL_MS3 = 5000;
 var MAX_VISIBLE_SECRETS = 200;
@@ -15764,7 +16068,7 @@ function SecretsViewer() {
   const searchTimerRef = useRef13(null);
   const listGenRef = useRef13(0);
   const [selectedSecretName, setSelectedSecretName] = useState17(null);
-  useEffect18(() => {
+  useEffect19(() => {
     if (searchTimerRef.current)
       clearTimeout(searchTimerRef.current);
     searchTimerRef.current = setTimeout(() => {
@@ -15778,7 +16082,7 @@ function SecretsViewer() {
       }
     };
   }, [search]);
-  const refresh = useCallback12(async (opts) => {
+  const refresh = useCallback13(async (opts) => {
     const soft = opts?.soft === true;
     const gen = ++listGenRef.current;
     if (!soft)
@@ -15794,13 +16098,13 @@ function SecretsViewer() {
     }
     setLoading(false);
   }, []);
-  useEffect18(() => {
+  useEffect19(() => {
     refresh({ soft: false });
     return () => {
       listGenRef.current += 1;
     };
   }, [refresh]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!isActive)
       return;
     const handle = setInterval(() => {
@@ -15809,9 +16113,9 @@ function SecretsViewer() {
     return () => clearInterval(handle);
   }, [isActive, refresh]);
   const allSecrets = snapshot?.secrets ?? [];
-  const filteredSecrets = useMemo15(() => filterSecrets(allSecrets, debouncedSearch), [allSecrets, debouncedSearch]);
-  const visibleSecrets = useMemo15(() => filteredSecrets.slice(0, MAX_VISIBLE_SECRETS), [filteredSecrets]);
-  const selectedSecret = useMemo15(() => {
+  const filteredSecrets = useMemo16(() => filterSecrets(allSecrets, debouncedSearch), [allSecrets, debouncedSearch]);
+  const visibleSecrets = useMemo16(() => filteredSecrets.slice(0, MAX_VISIBLE_SECRETS), [filteredSecrets]);
+  const selectedSecret = useMemo16(() => {
     if (!selectedSecretName)
       return null;
     return allSecrets.find((s) => s.name === selectedSecretName) ?? null;
@@ -16179,7 +16483,7 @@ function SecretsViewer() {
 
 // src/components/views/ai-chat.tsx
 init_src();
-import { useCallback as useCallback13, useEffect as useEffect19, useRef as useRef14, useState as useState18 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect20, useRef as useRef14, useState as useState18 } from "react";
 
 // src/services/tui-storage.ts
 import { rename, unlink } from "fs/promises";
@@ -16366,7 +16670,7 @@ function AiChatView() {
   const currentStreamRef = useRef14(null);
   const scrollRef = useRef14(null);
   const [confirmClear, setConfirmClear] = useState18(false);
-  useEffect19(() => {
+  useEffect20(() => {
     let cancelled = false;
     (async () => {
       const stored = await readJsonState(TuiStateFiles.chatHistory, []);
@@ -16381,13 +16685,13 @@ function AiChatView() {
       cancelled = true;
     };
   }, []);
-  useEffect19(() => {
+  useEffect20(() => {
     if (!historyReady)
       return;
     const trimmed = sanitizeChatHistory(messages);
     writeJsonState(TuiStateFiles.chatHistory, trimmed);
   }, [messages, historyReady]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (!isActive && currentStreamRef.current) {
       currentStreamRef.current.abort();
       currentStreamRef.current = null;
@@ -16395,7 +16699,7 @@ function AiChatView() {
       setStreamingContent("");
     }
   }, [isActive]);
-  useEffect19(() => {
+  useEffect20(() => {
     return () => {
       if (currentStreamRef.current) {
         currentStreamRef.current.abort();
@@ -16407,15 +16711,15 @@ function AiChatView() {
       }
     };
   }, []);
-  const scheduleScroll = useCallback13(() => {
+  const scheduleScroll = useCallback14(() => {
     if (scrollRef.current)
       clearTimeout(scrollRef.current);
     scrollRef.current = setTimeout(() => {}, 50);
   }, []);
-  useEffect19(() => {
+  useEffect20(() => {
     scheduleScroll();
   }, [messages, streamingContent, scheduleScroll]);
-  const sendMessage = useCallback13(async () => {
+  const sendMessage = useCallback14(async () => {
     const trimmed = inputText.trim();
     if (!trimmed || isStreaming)
       return;
@@ -16471,13 +16775,13 @@ function AiChatView() {
       currentStreamRef.current = null;
     }
   }, [inputText, isStreaming, messages, selectedModel]);
-  const handleInputKeyDown = useCallback13((event) => {
+  const handleInputKeyDown = useCallback14((event) => {
     if (event.key === "Enter" && !event.shiftKey) {
       event.preventDefault();
       sendMessage();
     }
   }, [sendMessage]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (isActive) {}
   }, [isActive]);
   const statusColor2 = streamStatus === "connected" ? ConnectionStatusColor.connected : streamStatus === "reconnecting" ? ConnectionStatusColor.reconnecting : streamStatus === "disconnected" ? ConnectionStatusColor.offline : Colors.muted;
@@ -16625,7 +16929,7 @@ function AiChatView() {
 
 // src/components/views/db-query.tsx
 init_src();
-import { useCallback as useCallback14, useEffect as useEffect20, useMemo as useMemo16, useRef as useRef15, useState as useState19 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect21, useMemo as useMemo17, useRef as useRef15, useState as useState19 } from "react";
 import { jsxDEV as jsxDEV28, Fragment as Fragment6 } from "@opentui/react/jsx-dev-runtime";
 var MAX_HISTORY = 20;
 var MAX_VISIBLE_ROWS = 200;
@@ -16943,7 +17247,7 @@ function DbQueryView() {
   const [sortDir, setSortDir] = useState19("asc");
   const [selectedRow, setSelectedRow] = useState19(0);
   const queryGenRef = useRef15(0);
-  useEffect20(() => {
+  useEffect21(() => {
     let cancelled = false;
     (async () => {
       const stored = await readJsonState(TuiStateFiles.dbQueryHistory, []);
@@ -16959,12 +17263,12 @@ function DbQueryView() {
       queryGenRef.current += 1;
     };
   }, []);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!historyReady)
       return;
     writeJsonState(TuiStateFiles.dbQueryHistory, history);
   }, [history, historyReady]);
-  const executeQuery = useCallback14(async (query) => {
+  const executeQuery = useCallback15(async (query) => {
     const trimmed = query.trim();
     if (trimmed.length === 0)
       return;
@@ -16997,7 +17301,7 @@ function DbQueryView() {
     }
     setLoading(false);
   }, []);
-  useEffect20(() => {
+  useEffect21(() => {
     if (sql.trim().length === 0) {
       setValidation(null);
       return;
@@ -17005,13 +17309,13 @@ function DbQueryView() {
     const v = validateReadOnlySql(sql.trim());
     setValidation(v);
   }, [sql]);
-  const handleActivateInput = useCallback14(() => {
+  const handleActivateInput = useCallback15(() => {
     setInputActive(true);
   }, []);
-  const handleDeactivateInput = useCallback14(() => {
+  const handleDeactivateInput = useCallback15(() => {
     setInputActive(false);
   }, []);
-  const handleSort = useCallback14((col) => {
+  const handleSort = useCallback15((col) => {
     setSortCol((prev) => {
       if (prev === col) {
         setSortDir((d) => d === "asc" ? "desc" : "asc");
@@ -17021,7 +17325,7 @@ function DbQueryView() {
       return col;
     });
   }, []);
-  const handleHistoryUp = useCallback14(() => {
+  const handleHistoryUp = useCallback15(() => {
     if (history.length === 0)
       return;
     const next = Math.min(historyIdx + 1, history.length - 1);
@@ -17029,7 +17333,7 @@ function DbQueryView() {
     setSql(history[next] ?? "");
     setValidation(null);
   }, [history, historyIdx]);
-  const handleHistoryDown = useCallback14(() => {
+  const handleHistoryDown = useCallback15(() => {
     if (historyIdx <= 0) {
       setHistoryIdx(-1);
       setSql("");
@@ -17091,13 +17395,13 @@ function DbQueryView() {
   });
   const columns = result?.columns ?? [];
   const rows = result?.rows ?? [];
-  const sortedRows = useMemo16(() => {
+  const sortedRows = useMemo17(() => {
     if (!sortCol || rows.length === 0)
       return rows;
     return [...rows].sort((a, b) => compareCells(a[sortCol], b[sortCol], sortDir));
   }, [rows, sortCol, sortDir]);
-  const visibleRows = useMemo16(() => sortedRows.slice(0, MAX_VISIBLE_ROWS), [sortedRows]);
-  const columnWidths = useMemo16(() => computeColumnWidths(columns, visibleRows), [columns, visibleRows]);
+  const visibleRows = useMemo17(() => sortedRows.slice(0, MAX_VISIBLE_ROWS), [sortedRows]);
+  const columnWidths = useMemo17(() => computeColumnWidths(columns, visibleRows), [columns, visibleRows]);
   const totalWidth = columns.reduce((acc, col) => acc + (columnWidths.get(col) ?? COLUMN_WIDTH_STRATEGY.fallback) + 1, 0);
   return /* @__PURE__ */ jsxDEV28(ErrorBoundary, {
     viewName: "DB Query",
@@ -17309,7 +17613,7 @@ function DbQueryView() {
 
 // src/components/views/edge-topology.tsx
 init_src();
-import { useState as useState20, useEffect as useEffect21, useMemo as useMemo17 } from "react";
+import { useState as useState20, useEffect as useEffect22, useMemo as useMemo18 } from "react";
 import * as fs from "fs";
 import * as path3 from "path";
 import { jsxDEV as jsxDEV29, Fragment as Fragment7 } from "@opentui/react/jsx-dev-runtime";
@@ -17358,7 +17662,7 @@ function EdgeTopologyInner() {
   const [selectedNode, setSelectedNode] = useState20(null);
   const [activeCommunity, setActiveCommunity] = useState20(null);
   const [focusedIndex, setFocusedIndex] = useState20(0);
-  useEffect21(() => {
+  useEffect22(() => {
     let cancelled = false;
     try {
       const graphPath = resolveGraphMetadataPath();
@@ -17384,7 +17688,7 @@ function EdgeTopologyInner() {
   const workers = metadata ? Object.entries(metadata.workers) : [];
   const infra = metadata ? Object.entries(metadata.infrastructure) : [];
   const communities = metadata ? metadata.communities : [];
-  const selectableItems = useMemo17(() => {
+  const selectableItems = useMemo18(() => {
     if (!metadata)
       return [];
     const visibleWorkers = activeCommunity ? workers.filter(([id]) => communities.find((c) => c.id === activeCommunity)?.nodeIds.includes(`workspace:${id}`)) : workers;
@@ -17400,7 +17704,7 @@ function EdgeTopologyInner() {
       ...visibleInfra.map(([id]) => ({ type: "infra", id }))
     ];
   }, [metadata, activeCommunity, workers, infra, communities]);
-  useEffect21(() => {
+  useEffect22(() => {
     if (selectableItems.length === 0) {
       setFocusedIndex(0);
       return;
@@ -17839,7 +18143,7 @@ function EdgeTopologyInner() {
 
 // src/components/views/worker-settings.tsx
 init_src();
-import { useCallback as useCallback15, useEffect as useEffect22, useMemo as useMemo18, useRef as useRef16, useState as useState21 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect23, useMemo as useMemo19, useRef as useRef16, useState as useState21 } from "react";
 
 // src/services/dashboard-settings-loader.ts
 init_src();
@@ -17897,7 +18201,7 @@ function WorkerSettingsView() {
   const [pendingDangerousKey, setPendingDangerousKey] = useState21(null);
   const loadGeneration = useRef16(0);
   const selected = manifests2[workerIndex] ?? null;
-  const flatFields = useMemo18(() => {
+  const flatFields = useMemo19(() => {
     if (!selected)
       return [];
     const out = [];
@@ -17915,7 +18219,7 @@ function WorkerSettingsView() {
     }
     return out;
   }, [selected]);
-  const loadValues = useCallback15(async (manifest) => {
+  const loadValues = useCallback16(async (manifest) => {
     const gen = ++loadGeneration.current;
     const fields = [];
     for (const section of manifest.sections) {
@@ -17952,7 +18256,7 @@ function WorkerSettingsView() {
       next[k] = v;
     setValues(next);
   }, []);
-  const refresh = useCallback15(async () => {
+  const refresh = useCallback16(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -17972,12 +18276,12 @@ function WorkerSettingsView() {
       setLoading(false);
     }
   }, [loadValues, workerIndex]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (!isActive)
       return;
     refresh();
   }, [isActive]);
-  const selectWorker = useCallback15(async (idx) => {
+  const selectWorker = useCallback16(async (idx) => {
     if (idx < 0 || idx >= manifests2.length)
       return;
     setWorkerIndex(idx);
@@ -17991,7 +18295,7 @@ function WorkerSettingsView() {
         setLoading(false);
     }
   }, [manifests2, loadValues]);
-  const cycleFieldValue = useCallback15((delta) => {
+  const cycleFieldValue = useCallback16((delta) => {
     const row = flatFields[fieldIndex];
     if (!row || row.field.kind === "secret")
       return;
@@ -18024,7 +18328,7 @@ function WorkerSettingsView() {
       }));
     }
   }, [flatFields, fieldIndex, values]);
-  const saveCurrent = useCallback15(async () => {
+  const saveCurrent = useCallback16(async () => {
     const row = flatFields[fieldIndex];
     if (!row || !selected)
       return;
@@ -18603,7 +18907,7 @@ var ALL_PALETTE_COMMANDS = [
 
 // src/components/shared/crash-screen.tsx
 init_src();
-import { useKeyboard as useKeyboard4 } from "@opentui/react";
+import { useKeyboard as useKeyboard5 } from "@opentui/react";
 import { jsxDEV as jsxDEV32 } from "@opentui/react/jsx-dev-runtime";
 function formatCrashMessage(error, maxLen = 120) {
   const first = (error.message || "Unknown error").split(`
@@ -18621,7 +18925,7 @@ function CrashScreen({
 `) ? error.message.split(`
 `)[1] : undefined;
   const secondLine = secondRaw ? redactSecretsInText(secondRaw).slice(0, 80) : undefined;
-  useKeyboard4((key) => {
+  useKeyboard5((key) => {
     const name = String(key.name ?? "").toLowerCase();
     if (name === "r" || name === "1") {
       onAction("restart");
@@ -18750,8 +19054,8 @@ function CrashScreen({
 
 // src/components/shared/command-palette.tsx
 init_src();
-import { useState as useState22, useMemo as useMemo19, useEffect as useEffect23 } from "react";
-import { useKeyboard as useKeyboard5 } from "@opentui/react";
+import { useState as useState22, useMemo as useMemo20, useEffect as useEffect24 } from "react";
+import { useKeyboard as useKeyboard6 } from "@opentui/react";
 import { jsxDEV as jsxDEV33 } from "@opentui/react/jsx-dev-runtime";
 var CATEGORY_BADGE = {
   view: { label: "view", color: Colors.info },
@@ -18804,20 +19108,20 @@ function CommandPalette({
 }) {
   const [query, setQuery] = useState22("");
   const [selectedIndex, setSelectedIndex] = useState22(0);
-  const filtered = useMemo19(() => filterCommands(commands, query), [commands, query]);
+  const filtered = useMemo20(() => filterCommands(commands, query), [commands, query]);
   const safeIndex = filtered.length === 0 ? 0 : Math.min(selectedIndex, filtered.length - 1);
-  useEffect23(() => {
+  useEffect24(() => {
     if (!visible) {
       setQuery("");
       setSelectedIndex(0);
     }
   }, [visible]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (selectedIndex !== safeIndex) {
       setSelectedIndex(safeIndex);
     }
   }, [safeIndex, selectedIndex]);
-  useKeyboard5((key) => {
+  useKeyboard6((key) => {
     if (!visible)
       return;
     if (key.name === "escape") {
@@ -19052,8 +19356,8 @@ function QuitModal({
 
 // src/components/layout/statusbar.tsx
 init_src();
-import { useCallback as useCallback16, memo } from "react";
-import { useKeyboard as useKeyboard6 } from "@opentui/react";
+import { useCallback as useCallback17, memo } from "react";
+import { useKeyboard as useKeyboard7 } from "@opentui/react";
 import { jsxDEV as jsxDEV35 } from "@opentui/react/jsx-dev-runtime";
 var ERROR_TYPE_LABELS = {
   "binary-not-found": "CLI binary not found",
@@ -19266,10 +19570,10 @@ function StatusBar() {
   const authReady = conn.hasAuth;
   const errorKind = classifyConnectionError(lastError);
   const showAuthHint = tuiMode === "remote" && (!authReady || errorKind === "auth" || Boolean(lastError?.includes("401")));
-  const toggleError = useCallback16(() => {
+  const toggleError = useCallback17(() => {
     toggleStatusErrorExpanded();
   }, [toggleStatusErrorExpanded]);
-  useKeyboard6((key) => {
+  useKeyboard7((key) => {
     if (isShellOverlayOpen())
       return;
     const name = String(key.name ?? "").toLowerCase();
@@ -19461,9 +19765,6 @@ function quitApp() {
 }
 function AppRoot({ safeMode = false }) {
   return /* @__PURE__ */ jsxDEV37(DialogProvider, {
-    size: "medium",
-    backdropColor: Colors.backdrop,
-    backdropOpacity: 0.35,
     children: /* @__PURE__ */ jsxDEV37(AppRootInner, {
       safeMode
     }, undefined, false, undefined, this)
@@ -19481,7 +19782,7 @@ function AppRootInner({ safeMode = false }) {
   const closePalette = useUIStore((s) => s.closePalette);
   const showModal = useUIStore((s) => s.showModal);
   const dismissModal = useUIStore((s) => s.dismissModal);
-  const requestQuit = useCallback17(() => {
+  const requestQuit = useCallback18(() => {
     closePalette();
     showModal({
       type: "confirm",
@@ -19491,7 +19792,7 @@ function AppRootInner({ safeMode = false }) {
       onCancel: () => dismissModal()
     });
   }, [closePalette, showModal, dismissModal]);
-  useEffect24(() => {
+  useEffect25(() => {
     let cancelled = false;
     (async () => {
       const session = await restoreSession();
@@ -19511,7 +19812,7 @@ function AppRootInner({ safeMode = false }) {
       cancelled = true;
     };
   }, [setView, toggleSidebar]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (restoring)
       return;
     if (safeMode) {
@@ -19640,7 +19941,7 @@ function AppRootInner({ safeMode = false }) {
       useServiceStore.getState().stopStreams();
     };
   }, [restoring, safeMode]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (restoring)
       return;
     const conn = resolveTuiConnectionEnv();
@@ -19669,19 +19970,19 @@ function AppRootInner({ safeMode = false }) {
     });
     return unsub;
   }, [restoring]);
-  useEffect24(() => {
+  useEffect25(() => {
     return () => {
       const lastUpdated = useServiceStore.getState().lastUpdated;
       saveSession(useUIStore.getState().activeView, useUIStore.getState().sidebarExpanded, { cols: 80, rows: 24 }, lastUpdated).catch(() => {});
     };
   }, []);
-  useEffect24(() => {
+  useEffect25(() => {
     const unsubscribe = cliBridge.onError((details) => {
       useServiceStore.getState().setLastErrorDetails(details);
     });
     return unsubscribe;
   }, []);
-  const onGlobalKey = useCallback17((key) => {
+  const onGlobalKey = useCallback18((key) => {
     const name = String(key.name ?? "").toLowerCase();
     if (modal?.type === "confirm" && modal.title === "Quit HOOX?") {
       if (name === "return" || name === "enter" || name === "y") {
@@ -19766,7 +20067,7 @@ function AppRootInner({ safeMode = false }) {
     requestQuit,
     safeMode
   ]);
-  useKeyboard7(onGlobalKey);
+  useKeyboard8(onGlobalKey);
   if (restoring) {
     return /* @__PURE__ */ jsxDEV37("box", {
       flexDirection: "column",
@@ -19876,7 +20177,7 @@ function AppRootInner({ safeMode = false }) {
 function CrashRecoveryApp() {
   const [crash, setCrash] = useState23(null);
   const [safeMode, setSafeMode] = useState23(false);
-  const handleCrashAction = useCallback17((action) => {
+  const handleCrashAction = useCallback18((action) => {
     switch (action) {
       case "restart":
         setCrash(null);
@@ -19904,7 +20205,7 @@ function CrashRecoveryApp() {
         break;
     }
   }, [crash, safeMode]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (typeof process === "undefined")
       return;
     const onUncaught = (error) => {