@tangle-network/sandbox-ui 0.113.6 → 0.114.0

package/dist/chunk-DYXXYGS4.js

@@ -1,4700 +0,0 @@
-import {
-  Button,
-  Logo
-} from "./chunk-ANSC5AFC.js";
-import {
-  moonshot_default
-} from "./chunk-RQZRXKMR.js";
-import {
-  MOTION_CONTROL,
-  MOTION_SURFACE,
-  MOTION_TRAVEL
-} from "./chunk-BGVEHENC.js";
-import {
-  cn
-} from "./chunk-EI44GEQ5.js";
-
-// src/dashboard/app-sidebar.tsx
-import * as React3 from "react";
-import { createPortal as createPortal2 } from "react-dom";
-import { Avatar, AvatarFallback, AvatarImage } from "@tangle-network/ui/primitives";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger
-} from "@tangle-network/ui/primitives";
-import { Skeleton, useTheme } from "@tangle-network/ui/primitives";
-import { Check, Monitor, MoreHorizontal, PanelLeft } from "lucide-react";
-
-// src/dashboard/sidebar-context.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var PANEL_OPEN_KEY = "sandbox-sidebar-panel-open";
-var RAIL_COLLAPSED_KEY = "sandbox-sidebar-rail-collapsed";
-var SIDEBAR_MODE_KEY = "sandbox-sidebar-mode";
-var SIDEBAR_RAIL_WIDTH = 56;
-var SIDEBAR_PANEL_WIDTH = 268;
-var SIDEBAR_TOTAL_WIDTH = SIDEBAR_RAIL_WIDTH + SIDEBAR_PANEL_WIDTH;
-var SIDEBAR_MOBILE_WIDTH = 256;
-var SIDEBAR_RAIL_LABELED_WIDTH = 248;
-var SidebarContext = React.createContext(null);
-function readStorage(key, fallback) {
-  if (typeof window === "undefined") return fallback;
-  try {
-    return localStorage.getItem(key) ?? fallback;
-  } catch {
-    return fallback;
-  }
-}
-function writeStorage(key, value) {
-  if (typeof window === "undefined") return;
-  try {
-    localStorage.setItem(key, value);
-  } catch {
-  }
-}
-function SidebarProvider({
-  defaultPanelOpen = true,
-  defaultMode = "projects",
-  hasPanels = true,
-  labeledRail = false,
-  panelOpen: controlledPanelOpen,
-  onPanelOpenChange,
-  railCollapsed: controlledRailCollapsed,
-  onRailCollapsedChange,
-  defaultRailCollapsed = false,
-  children
-}) {
-  const isControlled = controlledPanelOpen !== void 0;
-  const [uncontrolledPanelOpen, setUncontrolledPanelOpen] = React.useState(
-    () => isControlled ? controlledPanelOpen : readStorage(PANEL_OPEN_KEY, String(defaultPanelOpen)) === "true"
-  );
-  const panelOpen = isControlled ? controlledPanelOpen : uncontrolledPanelOpen;
-  const isRailControlled = controlledRailCollapsed !== void 0;
-  const [uncontrolledRailCollapsed, setUncontrolledRailCollapsed] = React.useState(
-    () => isRailControlled ? controlledRailCollapsed : readStorage(RAIL_COLLAPSED_KEY, String(defaultRailCollapsed)) === "true"
-  );
-  const railCollapsed = isRailControlled ? controlledRailCollapsed : uncontrolledRailCollapsed;
-  const [mode, setModeState] = React.useState(
-    () => isControlled ? defaultMode : readStorage(SIDEBAR_MODE_KEY, defaultMode)
-  );
-  const [hidden, setHidden] = React.useState(false);
-  const setPanelOpen = React.useCallback((open) => {
-    if (!isControlled) {
-      setUncontrolledPanelOpen(open);
-      writeStorage(PANEL_OPEN_KEY, String(open));
-    }
-    onPanelOpenChange?.(open);
-  }, [isControlled, onPanelOpenChange]);
-  const togglePanel = React.useCallback(() => {
-    setPanelOpen(!panelOpen);
-  }, [setPanelOpen, panelOpen]);
-  const setRailCollapsed = React.useCallback((collapsed) => {
-    if (!isRailControlled) {
-      setUncontrolledRailCollapsed(collapsed);
-      writeStorage(RAIL_COLLAPSED_KEY, String(collapsed));
-    }
-    onRailCollapsedChange?.(collapsed);
-  }, [isRailControlled, onRailCollapsedChange]);
-  const toggleRail = React.useCallback(() => {
-    setRailCollapsed(!railCollapsed);
-  }, [setRailCollapsed, railCollapsed]);
-  const setMode = React.useCallback((m) => {
-    setModeState(m);
-    if (!isControlled) writeStorage(SIDEBAR_MODE_KEY, m);
-  }, [isControlled]);
-  const switchMode = React.useCallback((m) => {
-    if (mode === m) {
-      setPanelOpen(!panelOpen);
-      return;
-    }
-    setModeState(m);
-    if (!isControlled) writeStorage(SIDEBAR_MODE_KEY, m);
-    setPanelOpen(true);
-  }, [mode, panelOpen, isControlled, setPanelOpen]);
-  const railWidth = labeledRail && !railCollapsed ? SIDEBAR_RAIL_LABELED_WIDTH : SIDEBAR_RAIL_WIDTH;
-  const contentMargin = hidden ? 0 : panelOpen && hasPanels ? railWidth + SIDEBAR_PANEL_WIDTH : railWidth;
-  const value = React.useMemo(
-    () => ({
-      panelOpen,
-      setPanelOpen,
-      togglePanel,
-      mode,
-      setMode,
-      switchMode,
-      hidden,
-      setHidden,
-      contentMargin,
-      hasPanels,
-      railCollapsed,
-      setRailCollapsed,
-      toggleRail,
-      railWidth
-    }),
-    [panelOpen, setPanelOpen, togglePanel, mode, setMode, switchMode, hidden, setHidden, contentMargin, hasPanels, railCollapsed, setRailCollapsed, toggleRail, railWidth]
-  );
-  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value, children });
-}
-function useSidebar() {
-  const ctx = React.useContext(SidebarContext);
-  if (!ctx) throw new Error("useSidebar must be used within a SidebarProvider");
-  return ctx;
-}
-
-// src/dashboard/rail-tooltip.tsx
-import * as React2 from "react";
-import { createPortal } from "react-dom";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var RAIL_FLOATING_SURFACE = "rounded-md border border-[var(--md3-outline-variant)] bg-surface-container-highest shadow-[0_8px_30px_rgba(0,0,0,0.45)] ring-1 ring-[#ffffff14]";
-function RailTooltip({ label, children, disabled, className }) {
-  const ref = React2.useRef(null);
-  const timer = React2.useRef(null);
-  const [coords, setCoords] = React2.useState(null);
-  React2.useEffect(() => () => {
-    if (timer.current) clearTimeout(timer.current);
-  }, []);
-  React2.useEffect(() => {
-    if (!disabled) return;
-    if (timer.current) {
-      clearTimeout(timer.current);
-      timer.current = null;
-    }
-    setCoords(null);
-  }, [disabled]);
-  const open = () => {
-    if (disabled) return;
-    if (timer.current) clearTimeout(timer.current);
-    timer.current = setTimeout(() => {
-      const el = ref.current;
-      if (!el) return;
-      const r = el.getBoundingClientRect();
-      setCoords({ top: r.top + r.height / 2, left: r.right + 8 });
-    }, 250);
-  };
-  const close = () => {
-    if (timer.current) clearTimeout(timer.current);
-    setCoords(null);
-  };
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      ref,
-      className: cn("relative flex shrink-0", className),
-      onMouseEnter: open,
-      onMouseLeave: close,
-      onFocusCapture: open,
-      onBlurCapture: close,
-      children: [
-        children,
-        !disabled && coords !== null && typeof document !== "undefined" && createPortal(
-          // Two elements, because the centering transform and the entrance
-          // transform cannot share one: `.agent-pop-in` fills forwards to
-          // `transform: none`, which would eat the `translateY(-50%)` and leave
-          // every tooltip half a line low. The outer span owns the position, the
-          // inner one owns the motion.
-          /* @__PURE__ */ jsx2(
-            "span",
-            {
-              style: { position: "fixed", top: coords.top, left: coords.left, transform: "translateY(-50%)" },
-              className: "pointer-events-none z-[70]",
-              children: /* @__PURE__ */ jsx2(
-                "span",
-                {
-                  role: "tooltip",
-                  "aria-hidden": "true",
-                  className: cn(
-                    // Appears in place beside the trigger after the open delay, so
-                    // it scales up rather than travelling — @see .agent-pop-in.
-                    "agent-pop-in block whitespace-nowrap px-2 py-1 text-xs font-medium text-popover-foreground",
-                    RAIL_FLOATING_SURFACE
-                  ),
-                  children: label
-                }
-              )
-            }
-          ),
-          document.body
-        )
-      ]
-    }
-  );
-}
-
-// src/dashboard/app-sidebar.tsx
-import { focusRing } from "@tangle-network/ui/utils";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function DefaultLink({
-  href,
-  to,
-  className,
-  children,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx3("a", { href: href ?? to, className, ...rest, children });
-}
-function getInitials(name, email) {
-  if (name) return name.split(" ").map((w) => w[0]).filter(Boolean).slice(0, 2).join("").toUpperCase();
-  if (email) return email[0].toUpperCase();
-  return "?";
-}
-function SettingsIcon({ className }) {
-  return /* @__PURE__ */ jsxs2("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
-    /* @__PURE__ */ jsx3("title", { children: "Settings icon" }),
-    /* @__PURE__ */ jsx3("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }),
-    /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "3" })
-  ] });
-}
-function LogOutIcon({ className }) {
-  return /* @__PURE__ */ jsxs2("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
-    /* @__PURE__ */ jsx3("title", { children: "Log out icon" }),
-    /* @__PURE__ */ jsx3("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
-    /* @__PURE__ */ jsx3("polyline", { points: "16,17 21,12 16,7" }),
-    /* @__PURE__ */ jsx3("line", { x1: "21", x2: "9", y1: "12", y2: "12" })
-  ] });
-}
-function SunIcon({ className }) {
-  return /* @__PURE__ */ jsxs2("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
-    /* @__PURE__ */ jsx3("title", { children: "Light mode icon" }),
-    /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "4" }),
-    /* @__PURE__ */ jsx3("path", { d: "M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41" })
-  ] });
-}
-function MoonIcon({ className }) {
-  return /* @__PURE__ */ jsxs2("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
-    /* @__PURE__ */ jsx3("title", { children: "Dark mode icon" }),
-    /* @__PURE__ */ jsx3("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
-  ] });
-}
-function RailThemeToggle({ className }) {
-  const { theme, setTheme } = useTheme();
-  const [mounted, setMounted] = React3.useState(false);
-  React3.useEffect(() => setMounted(true), []);
-  const isDark = mounted && (theme === "dark" || theme === "system" && typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches);
-  return /* @__PURE__ */ jsx3(
-    "button",
-    {
-      type: "button",
-      onClick: () => setTheme(isDark ? "light" : "dark"),
-      "aria-label": "Toggle theme",
-      title: isDark ? "Switch to light mode" : "Switch to dark mode",
-      className: cn(
-        "flex h-9 w-9 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors",
-        MOTION_CONTROL,
-        "hover:bg-[var(--accent-surface-soft)] hover:text-foreground",
-        focusRing,
-        className
-      ),
-      children: isDark ? /* @__PURE__ */ jsx3(SunIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx3(MoonIcon, { className: "h-4 w-4" })
-    }
-  );
-}
-function ChevronsLeftIcon({ className }) {
-  return /* @__PURE__ */ jsxs2("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
-    /* @__PURE__ */ jsx3("title", { children: "Collapse sidebar" }),
-    /* @__PURE__ */ jsx3("path", { d: "m11 17-5-5 5-5M18 17l-5-5 5-5" })
-  ] });
-}
-function ChevronsRightIcon({ className }) {
-  return /* @__PURE__ */ jsxs2("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
-    /* @__PURE__ */ jsx3("title", { children: "Expand sidebar" }),
-    /* @__PURE__ */ jsx3("path", { d: "m6 17 5-5-5-5M13 17l5-5-5-5" })
-  ] });
-}
-function RailCollapseToggle({ collapsed, showLabel, onToggle, className }) {
-  const label = collapsed ? "Expand sidebar" : "Collapse sidebar";
-  const Icon2 = collapsed ? ChevronsRightIcon : ChevronsLeftIcon;
-  return /* @__PURE__ */ jsx3(RailTooltip, { label, disabled: showLabel, className: showLabel ? "w-full" : void 0, children: /* @__PURE__ */ jsxs2(
-    "button",
-    {
-      type: "button",
-      onClick: onToggle,
-      "aria-label": label,
-      "aria-pressed": collapsed,
-      className: cn(
-        "flex shrink-0 items-center rounded-md text-muted-foreground transition-colors",
-        MOTION_CONTROL,
-        showLabel ? "h-9 w-full justify-start gap-2.5 px-2.5" : "h-9 w-9 justify-center",
-        "hover:bg-[var(--accent-surface-soft)] hover:text-foreground",
-        focusRing,
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx3(Icon2, { className: "h-[17px] w-[17px] shrink-0" }),
-        showLabel && /* @__PURE__ */ jsx3("span", { className: "text-[13.5px] font-medium", children: label })
-      ]
-    }
-  ) });
-}
-function PanelToggleButton({ collapsed, onToggle, className }) {
-  const label = collapsed ? "Expand sidebar" : "Collapse sidebar";
-  return /* @__PURE__ */ jsx3(
-    "button",
-    {
-      type: "button",
-      onClick: onToggle,
-      "aria-label": label,
-      "aria-pressed": collapsed,
-      title: label,
-      className: cn(
-        "flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors",
-        MOTION_CONTROL,
-        "hover:bg-[var(--accent-surface-soft)] hover:text-foreground",
-        focusRing,
-        className
-      ),
-      children: /* @__PURE__ */ jsx3(PanelLeft, { className: "h-[18px] w-[18px] shrink-0" })
-    }
-  );
-}
-function isRenderable(node) {
-  return React3.Children.toArray(node).some(
-    (child) => React3.isValidElement(child) && child.type === React3.Fragment ? isRenderable(child.props.children) : true
-  );
-}
-function RailHeader({ brand, brandHref, children, collapsed, onToggle, collapsible = true, LinkComponent, className }) {
-  const Link = LinkComponent ?? DefaultLink;
-  const hasBrand = isRenderable(brand);
-  const hasChildren = isRenderable(children);
-  const brandNode = brandHref !== void 0 ? /* @__PURE__ */ jsx3(
-    Link,
-    {
-      href: brandHref,
-      to: brandHref,
-      "aria-label": "Home",
-      className: cn("flex items-center justify-center rounded-md p-1 transition-colors hover:bg-[var(--accent-surface-soft)]", MOTION_CONTROL),
-      children: brand
-    }
-  ) : /* @__PURE__ */ jsx3("span", { className: "flex items-center justify-center p-1", children: brand });
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: cn(
-        "flex h-14 shrink-0 items-center border-b border-[var(--md3-outline-variant)]",
-        collapsed ? "justify-center px-2" : "gap-2 px-3",
-        className
-      ),
-      children: collapsed ? !hasBrand && hasChildren ? (
-        // No brand mark: `children` (SidebarLayout's `railHeaderContent`) is
-        // the only rail-top content the consumer gave us, so render it here
-        // too. Dropping it left an EMPTY header — the collapsed rail showed
-        // nothing at all where the product's mark belongs. With neither a
-        // brand nor children, the plain expand button below still owns the
-        // rail top so the rail stays expandable.
-        //
-        // Rendered outside the expand button on purpose: content that owns
-        // the rail top is routinely interactive itself (a mark that expands
-        // the rail on click), and a <button> inside a <button> is invalid
-        // HTML that React refuses to hydrate.
-        //
-        // The explicit "Expand sidebar" control stays in the tree for
-        // keyboard and assistive-tech users (the content may be a passive
-        // switcher, and the empty-rail click fallback is mouse-only). It sits
-        // over the content, invisible and non-interactive until it receives
-        // keyboard focus, so it costs no rail width.
-        /* @__PURE__ */ jsxs2("div", { className: "relative flex min-w-0 items-center justify-center", children: [
-          children,
-          collapsible && /* @__PURE__ */ jsx3(
-            PanelToggleButton,
-            {
-              collapsed,
-              onToggle,
-              className: "pointer-events-none absolute inset-0 m-auto bg-background opacity-0 focus-visible:pointer-events-auto focus-visible:opacity-100"
-            }
-          )
-        ] })
-      ) : collapsible ? /* @__PURE__ */ jsx3(RailTooltip, { label: "Expand sidebar", children: /* @__PURE__ */ jsxs2(
-        "button",
-        {
-          type: "button",
-          onClick: onToggle,
-          "aria-label": "Expand sidebar",
-          "aria-pressed": true,
-          className: cn("group/brand relative flex h-9 w-9 items-center justify-center rounded-md transition-colors hover:bg-[var(--accent-surface-soft)]", focusRing, MOTION_CONTROL),
-          children: [
-            /* @__PURE__ */ jsx3("span", { className: cn("flex items-center justify-center transition-opacity group-hover/brand:opacity-0", MOTION_CONTROL), children: brand }),
-            /* @__PURE__ */ jsx3("span", { className: cn("pointer-events-none absolute inset-0 flex items-center justify-center text-foreground opacity-0 transition-opacity group-hover/brand:opacity-100", MOTION_CONTROL), children: /* @__PURE__ */ jsx3(PanelLeft, { className: "h-[18px] w-[18px]" }) })
-          ]
-        }
-      ) }) : brandNode : /* @__PURE__ */ jsxs2(Fragment2, { children: [
-        hasBrand && brandNode,
-        /* @__PURE__ */ jsx3("div", { className: "min-w-0 flex-1", children }),
-        collapsible && /* @__PURE__ */ jsx3(PanelToggleButton, { collapsed, onToggle })
-      ] })
-    }
-  );
-}
-function Sidebar({ children, className, style }) {
-  const { panelOpen, hidden, hasPanels, railWidth } = useSidebar();
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      "data-sidebar": "true",
-      className: cn(
-        "fixed inset-y-0 left-0 z-40 flex bg-surface-container-low border-r border-[var(--md3-outline-variant)] transition-[transform,width]",
-        // The rail is a full-height surface travelling — the slow tier. It and
-        // SidebarContent's margin MUST read the same token or the page content
-        // visibly lags the edge it is supposed to be attached to.
-        MOTION_TRAVEL,
-        hidden && "-translate-x-full",
-        className
-      ),
-      style: { width: panelOpen && hasPanels ? railWidth + SIDEBAR_PANEL_WIDTH : railWidth, ...style },
-      children
-    }
-  );
-}
-function SidebarRail({ children, className, wide = false }) {
-  const { railWidth } = useSidebar();
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: cn(
-        "flex flex-col h-full shrink-0 bg-transparent",
-        wide && "w-full",
-        className
-      ),
-      style: wide ? void 0 : { width: railWidth },
-      children
-    }
-  );
-}
-function SidebarRailHeader({ children, className }) {
-  return /* @__PURE__ */ jsx3("div", { className: cn("flex h-14 shrink-0 items-center justify-center border-b border-[var(--md3-outline-variant)]", className), children });
-}
-function SidebarRailNav({ children, className, onClick }) {
-  return /* @__PURE__ */ jsx3("nav", { onClick, className: cn("flex flex-col items-center gap-1 py-3 flex-1 min-h-0 overflow-y-auto", className), children });
-}
-function SidebarRailFooter({ children, className }) {
-  return /* @__PURE__ */ jsx3("div", { className: cn("flex flex-col items-center gap-1 pb-3 shrink-0", className), children });
-}
-function RailSeparator({ className }) {
-  return /* @__PURE__ */ jsx3("div", { className: cn("my-2 h-px w-10 bg-[var(--md3-outline-variant)]", className) });
-}
-function RailButton({ icon: Icon2, label, isActive, badge, onClick, className, showLabel, asChild, children, variant = "normal", style }) {
-  const classes = cn(
-    "relative flex shrink-0 items-center justify-center rounded-md transition-colors",
-    MOTION_CONTROL,
-    showLabel ? "w-full justify-start px-2.5 h-9 gap-2.5" : "w-9 h-9 justify-center",
-    // Quiet press feedback via color only — no scale on the full-width row.
-    focusRing,
-    // The active item (route matches) and any explicit primary share one
-    // emphasized look — a filled accent pill with an accent ring — so the
-    // current destination clearly stands out from the default rows.
-    variant === "primary" || isActive ? "bg-[var(--accent-surface-strong)] text-[var(--accent-text)] font-medium ring-1 ring-inset ring-[var(--border-accent)]" : "text-muted-foreground hover:bg-[var(--accent-surface-soft)] hover:text-foreground",
-    className
-  );
-  const iconWithBadge = /* @__PURE__ */ jsxs2("span", { className: "relative flex shrink-0 items-center justify-center", children: [
-    /* @__PURE__ */ jsx3(Icon2, { className: "h-[17px] w-[17px] shrink-0" }),
-    badge !== void 0 && badge > 0 && /* @__PURE__ */ jsx3("span", { className: "absolute -top-1.5 -right-1.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-primary text-[9px] font-bold text-[var(--md3-on-primary)] px-1", children: badge > 99 ? "99+" : badge })
-  ] });
-  const content = /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    iconWithBadge,
-    showLabel && /* @__PURE__ */ jsx3("span", { className: "text-[13.5px] font-medium", children: label })
-  ] });
-  if (asChild && React3.isValidElement(children)) {
-    const child = children;
-    const merged = React3.cloneElement(
-      child,
-      {
-        className: cn(classes, child.props.className),
-        "aria-label": child.props["aria-label"] ?? label,
-        // The layout's `style` wins the merge, not the child's. It is where
-        // `--stagger-index` arrives, and a child that happened to carry a
-        // `style` of its own would otherwise drop the variable silently and
-        // collapse the whole rail's entrance to one flash — a defect with no
-        // error and no visible cause.
-        style: { ...child.props.style, ...style }
-      },
-      content
-    );
-    return /* @__PURE__ */ jsx3(RailTooltip, { label, disabled: showLabel, className: showLabel ? "w-full" : void 0, children: merged });
-  }
-  return /* @__PURE__ */ jsx3(RailTooltip, { label, disabled: showLabel, className: showLabel ? "w-full" : void 0, children: /* @__PURE__ */ jsx3("button", { type: "button", onClick, "aria-label": label, className: classes, style, children: content }) });
-}
-function RailFlyout({
-  icon: Icon2,
-  label,
-  isActive,
-  showLabel,
-  title,
-  children,
-  className,
-  style
-}) {
-  const [open, setOpen] = React3.useState(false);
-  const ref = React3.useRef(null);
-  React3.useEffect(() => {
-    if (!open) return;
-    const onPointer = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
-    };
-    const onKey = (e) => {
-      if (e.key === "Escape") setOpen(false);
-    };
-    document.addEventListener("mousedown", onPointer);
-    document.addEventListener("keydown", onKey);
-    return () => {
-      document.removeEventListener("mousedown", onPointer);
-      document.removeEventListener("keydown", onKey);
-    };
-  }, [open]);
-  const active = isActive || open;
-  const triggerClasses = cn(
-    "relative flex shrink-0 items-center rounded-md transition-colors",
-    MOTION_CONTROL,
-    showLabel ? "w-full justify-start px-2.5 h-9 gap-2.5" : "w-9 h-9 justify-center",
-    focusRing,
-    active ? "bg-[var(--accent-surface-strong)] text-[var(--accent-text)]" : "text-muted-foreground hover:bg-[var(--accent-surface-soft)] hover:text-foreground",
-    className
-  );
-  return /* @__PURE__ */ jsxs2("div", { ref, className: cn("relative", showLabel && "w-full"), style, children: [
-    /* @__PURE__ */ jsx3(RailTooltip, { label, disabled: showLabel || open, className: showLabel ? "w-full" : void 0, children: /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "button",
-        "aria-label": label,
-        "aria-haspopup": "menu",
-        "aria-expanded": open,
-        onClick: () => setOpen((v) => !v),
-        className: triggerClasses,
-        children: [
-          /* @__PURE__ */ jsx3(Icon2, { className: "h-[17px] w-[17px] shrink-0" }),
-          showLabel && /* @__PURE__ */ jsx3("span", { className: "text-sm font-medium", children: label }),
-          showLabel && /* @__PURE__ */ jsx3(
-            ChevronRightIcon,
-            {
-              className: cn(
-                "ml-auto h-4 w-4 shrink-0 text-muted-foreground/60 transition-transform",
-                MOTION_CONTROL,
-                open && "rotate-180"
-              )
-            }
-          )
-        ]
-      }
-    ) }),
-    open && // Anchored to the right edge of the rail item; full-height-independent
-    // floating card. `onClickCapture` closes after a child link/button fires
-    // so selecting a sub-surface dismisses the flyout.
-    /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        role: "menu",
-        onClickCapture: (e) => {
-          const el = e.target;
-          if (el.closest("a,button")) setOpen(false);
-        },
-        className: cn(
-          "absolute left-full top-0 z-50 ml-2 min-w-[12rem] p-1.5",
-          // A flyout appears in place beside its trigger; it did not travel
-          // from anywhere, so it scales up rather than sliding.
-          "agent-pop-in",
-          RAIL_FLOATING_SURFACE
-        ),
-        children: [
-          /* @__PURE__ */ jsx3("p", { className: "px-2 pb-1 pt-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/70 select-none", children: title ?? label }),
-          children
-        ]
-      }
-    )
-  ] });
-}
-function ChevronRightIcon({ className }) {
-  return /* @__PURE__ */ jsxs2("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
-    /* @__PURE__ */ jsx3("title", { children: "Expand" }),
-    /* @__PURE__ */ jsx3("path", { d: "m9 18 6-6-6-6" })
-  ] });
-}
-function useExpandableItems(subItems, loadSubItems) {
-  const [items, setItems] = React3.useState(subItems ?? null);
-  const [loading, setLoading] = React3.useState(false);
-  const loadedRef = React3.useRef(subItems !== void 0);
-  React3.useEffect(() => {
-    if (subItems !== void 0) {
-      setItems(subItems);
-      loadedRef.current = true;
-    }
-  }, [subItems]);
-  const ensureLoaded = React3.useCallback(() => {
-    if (loadedRef.current || !loadSubItems) return;
-    loadedRef.current = true;
-    setLoading(true);
-    Promise.resolve(loadSubItems()).then(
-      (resolved) => {
-        setItems(resolved);
-        setLoading(false);
-      },
-      () => {
-        setItems([]);
-        setLoading(false);
-        loadedRef.current = false;
-      }
-    );
-  }, [loadSubItems]);
-  return { items, loading, ensureLoaded };
-}
-function SubItemsSkeleton() {
-  const widths = ["w-[88%]", "w-[76%]", "w-[82%]", "w-[64%]"];
-  return /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-1.5 px-2 py-1.5", children: widths.map((w, i) => /* @__PURE__ */ jsx3(Skeleton, { className: cn("h-4", w) }, i)) });
-}
-function RailExpandable({
-  icon: Icon2,
-  label,
-  href,
-  isActive,
-  showLabel,
-  subItems,
-  loadSubItems,
-  activeSubIds,
-  emptyLabel = "Nothing here yet",
-  defaultOpen,
-  onNavigate,
-  LinkComponent,
-  className,
-  style
-}) {
-  const Link = LinkComponent ?? DefaultLink;
-  const [open, setOpen] = React3.useState(defaultOpen ?? false);
-  const { items, loading, ensureLoaded } = useExpandableItems(subItems, loadSubItems);
-  React3.useEffect(() => {
-    if (defaultOpen) ensureLoaded();
-  }, [defaultOpen, ensureLoaded]);
-  const [everOpened, setEverOpened] = React3.useState(defaultOpen ?? false);
-  const discloseRef = React3.useRef(null);
-  const discloseId = React3.useId();
-  React3.useEffect(() => {
-    const el = discloseRef.current;
-    if (!el) return;
-    if (open) el.removeAttribute("inert");
-    else el.setAttribute("inert", "");
-  }, [open]);
-  const activeSet = React3.useMemo(() => new Set(activeSubIds ?? []), [activeSubIds]);
-  const triggerRef = React3.useRef(null);
-  const closeTimer = React3.useRef(null);
-  const [coords, setCoords] = React3.useState(null);
-  React3.useEffect(() => () => {
-    if (closeTimer.current) clearTimeout(closeTimer.current);
-  }, []);
-  const subLink = (item) => {
-    const FIcon = item.icon;
-    const active = activeSet.has(item.id);
-    const link = /* @__PURE__ */ jsxs2(
-      Link,
-      {
-        href: item.href,
-        to: item.href,
-        onClick: onNavigate,
-        ...item.prefetch !== void 0 ? { prefetch: item.prefetch } : {},
-        className: cn(
-          "flex min-w-0 flex-1 items-center gap-2 rounded-md px-2.5 text-[12px] transition-colors",
-          MOTION_CONTROL,
-          active ? "h-7 bg-[var(--accent-surface-strong)] font-medium text-[var(--accent-text)]" : item.emphasis ? "py-2 font-medium text-[var(--accent-text)] hover:underline" : "h-7 text-muted-foreground hover:bg-[var(--accent-surface-soft)] hover:text-foreground"
-        ),
-        children: [
-          item.unread && !item.isLoading && !active && /* @__PURE__ */ jsx3("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-primary", "aria-hidden": true }),
-          FIcon ? /* @__PURE__ */ jsx3(FIcon, { className: "h-4 w-4 shrink-0" }) : null,
-          /* @__PURE__ */ jsx3(
-            "span",
-            {
-              className: cn(
-                "min-w-0 flex-1 truncate",
-                item.isLoading && "agent-shimmer",
-                item.unread && !active && "font-medium text-foreground"
-              ),
-              ...item.isLoading ? {
-                role: "status",
-                "aria-label": "Agent responding",
-                // The sweep through the glyphs is the ONLY thing separating "this
-                // agent is still working" from "this row is stale", so it opts out
-                // of the reduced-motion floor. Decorative motion must not.
-                "data-motion": "essential"
-              } : {},
-              children: item.label
-            }
-          )
-        ]
-      },
-      item.id
-    );
-    if (!showLabel || !item.actions?.length) return link;
-    return /* @__PURE__ */ jsxs2("div", { className: "group/sub relative flex items-center", children: [
-      link,
-      /* @__PURE__ */ jsxs2(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx3(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx3(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Chat actions",
-            className: cn(
-              "absolute right-1 flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-[var(--accent-surface-soft)] text-muted-foreground opacity-0 transition hover:text-foreground focus-visible:opacity-100 group-hover/sub:opacity-100 data-[state=open]:bg-[var(--accent-surface-strong)] data-[state=open]:opacity-100",
-              MOTION_CONTROL
-            ),
-            children: /* @__PURE__ */ jsx3(MoreHorizontal, { className: "h-3.5 w-3.5" })
-          }
-        ) }),
-        /* @__PURE__ */ jsx3(DropdownMenuContent, { align: "end", className: "w-40", children: item.actions.map((action) => /* @__PURE__ */ jsxs2(
-          DropdownMenuItem,
-          {
-            onSelect: action.onSelect,
-            className: cn(
-              "gap-2",
-              action.destructive && "text-destructive focus:text-destructive"
-            ),
-            children: [
-              action.icon ? /* @__PURE__ */ jsx3(action.icon, { className: "h-3.5 w-3.5" }) : null,
-              action.label
-            ]
-          },
-          action.id
-        )) })
-      ] })
-    ] }, item.id);
-  };
-  const list = loading ? /* @__PURE__ */ jsx3(SubItemsSkeleton, {}) : items && items.length > 0 ? items.map(subLink) : /* @__PURE__ */ jsx3("p", { className: "px-2.5 py-1.5 text-xs text-muted-foreground", children: emptyLabel });
-  if (!showLabel) {
-    const triggerClasses = cn(
-      "relative flex h-9 w-9 items-center justify-center rounded-md transition-colors",
-      MOTION_CONTROL,
-      focusRing,
-      isActive || open ? "bg-[var(--accent-surface-strong)] text-[var(--accent-text)] font-medium ring-1 ring-inset ring-[var(--border-accent)]" : "text-muted-foreground hover:bg-[var(--accent-surface-soft)] hover:text-foreground"
-    );
-    const openFlyout = () => {
-      if (closeTimer.current) {
-        clearTimeout(closeTimer.current);
-        closeTimer.current = null;
-      }
-      ensureLoaded();
-      const el = triggerRef.current;
-      if (el) {
-        const r = el.getBoundingClientRect();
-        const m = 8;
-        const left = r.right + m;
-        const spaceBelow = window.innerHeight - r.top - m;
-        const spaceAbove = r.bottom - m;
-        setCoords(
-          spaceBelow >= spaceAbove ? { left, top: r.top, maxHeight: spaceBelow } : { left, bottom: window.innerHeight - r.bottom, maxHeight: spaceAbove }
-        );
-      }
-      setOpen(true);
-    };
-    const scheduleClose = () => {
-      if (closeTimer.current) clearTimeout(closeTimer.current);
-      closeTimer.current = setTimeout(() => setOpen(false), 140);
-    };
-    const cancelClose = () => {
-      if (closeTimer.current) {
-        clearTimeout(closeTimer.current);
-        closeTimer.current = null;
-      }
-    };
-    return /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        ref: triggerRef,
-        className: cn("relative", className),
-        style,
-        onMouseEnter: openFlyout,
-        onMouseLeave: scheduleClose,
-        onFocusCapture: openFlyout,
-        onBlurCapture: (e) => {
-          if (!e.currentTarget.contains(e.relatedTarget)) scheduleClose();
-        },
-        children: [
-          href ? /* @__PURE__ */ jsx3(Link, { href, to: href, onClick: onNavigate, "aria-label": label, className: triggerClasses, children: /* @__PURE__ */ jsx3(Icon2, { className: "h-[17px] w-[17px] shrink-0" }) }) : /* @__PURE__ */ jsx3("button", { type: "button", "aria-label": label, "aria-haspopup": "menu", "aria-expanded": open, className: triggerClasses, children: /* @__PURE__ */ jsx3(Icon2, { className: "h-[17px] w-[17px] shrink-0" }) }),
-          open && coords !== null && typeof document !== "undefined" && createPortal2(
-            /* @__PURE__ */ jsxs2(
-              "div",
-              {
-                role: "menu",
-                style: {
-                  position: "fixed",
-                  left: coords.left,
-                  top: coords.top,
-                  bottom: coords.bottom,
-                  maxHeight: coords.maxHeight
-                },
-                onMouseEnter: cancelClose,
-                onMouseLeave: scheduleClose,
-                onClickCapture: (e) => {
-                  if (e.target.closest("a")) setOpen(false);
-                },
-                className: cn("agent-pop-in z-[70] flex w-60 flex-col overflow-hidden p-1.5", RAIL_FLOATING_SURFACE),
-                children: [
-                  /* @__PURE__ */ jsx3("p", { className: "shrink-0 px-2 pb-1 pt-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/70 select-none", children: label }),
-                  /* @__PURE__ */ jsx3("div", { className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto", children: list })
-                ]
-              }
-            ),
-            document.body
-          )
-        ]
-      }
-    );
-  }
-  const toggle = () => {
-    setOpen((v) => {
-      const next = !v;
-      if (next) {
-        ensureLoaded();
-        setEverOpened(true);
-      }
-      return next;
-    });
-  };
-  return /* @__PURE__ */ jsxs2("div", { className: cn("w-full", className), style, children: [
-    /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        className: cn(
-          "group/exp relative flex h-9 w-full items-center rounded-md transition-colors",
-          MOTION_CONTROL,
-          isActive ? "bg-[var(--accent-surface-strong)] text-[var(--accent-text)] font-medium ring-1 ring-inset ring-[var(--border-accent)]" : "text-muted-foreground hover:bg-[var(--accent-surface-soft)] hover:text-foreground"
-        ),
-        children: [
-          /* @__PURE__ */ jsxs2(
-            "button",
-            {
-              type: "button",
-              onClick: toggle,
-              "aria-expanded": open,
-              "aria-controls": discloseId,
-              "aria-label": open ? `Collapse ${label}` : `Expand ${label}`,
-              className: `relative flex h-9 w-9 shrink-0 items-center justify-center rounded-md ${focusRing}`,
-              children: [
-                /* @__PURE__ */ jsx3(
-                  Icon2,
-                  {
-                    className: cn("h-[17px] w-[17px] shrink-0 opacity-100 transition-opacity group-hover/exp:opacity-0", MOTION_CONTROL)
-                  }
-                ),
-                /* @__PURE__ */ jsx3(
-                  ChevronRightIcon,
-                  {
-                    className: cn(
-                      "absolute h-4 w-4 opacity-0 transition-all group-hover/exp:opacity-100",
-                      MOTION_CONTROL,
-                      open && "rotate-90"
-                    )
-                  }
-                )
-              ]
-            }
-          ),
-          href ? /* @__PURE__ */ jsx3(
-            Link,
-            {
-              href,
-              to: href,
-              onClick: onNavigate,
-              className: "flex h-9 min-w-0 flex-1 items-center pr-2.5 text-[13.5px] font-medium",
-              children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: label })
-            }
-          ) : /* @__PURE__ */ jsx3(
-            "button",
-            {
-              type: "button",
-              onClick: toggle,
-              className: "flex h-9 min-w-0 flex-1 items-center pr-2.5 text-left text-[13.5px] font-medium",
-              children: /* @__PURE__ */ jsx3("span", { className: "truncate", children: label })
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx3("div", { ref: discloseRef, id: discloseId, className: "agent-disclose", "data-open": open ? "true" : "false", children: /* @__PURE__ */ jsx3("div", { children: /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-0.5 pl-3 pt-0.5", children: everOpened ? list : null }) }) })
-  ] });
-}
-function RailModeButton({ mode, icon, label, badge, className, showLabel, style }) {
-  const { panelOpen, mode: currentMode, switchMode } = useSidebar();
-  return /* @__PURE__ */ jsx3(
-    RailButton,
-    {
-      icon,
-      label,
-      isActive: mode === currentMode && panelOpen,
-      badge,
-      onClick: () => switchMode(mode),
-      className,
-      showLabel,
-      style
-    }
-  );
-}
-function SidebarPanel({ children, className }) {
-  const { panelOpen } = useSidebar();
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: cn(
-        "transition-[opacity] h-full overflow-hidden border-l border-[var(--md3-outline-variant)] bg-surface-container-low",
-        MOTION_SURFACE,
-        panelOpen ? "w-[268px] opacity-100" : "w-0 opacity-0 pointer-events-none",
-        className
-      ),
-      children: /* @__PURE__ */ jsx3("div", { className: "flex flex-col h-full w-[268px]", children })
-    }
-  );
-}
-function SidebarPanelHeader({ children, title, className }) {
-  return /* @__PURE__ */ jsx3("div", { className: cn("flex h-14 items-center px-4 border-b border-[var(--md3-outline-variant)] shrink-0", className), children: children ?? /* @__PURE__ */ jsx3("h2", { className: "text-sm font-semibold text-foreground", children: title }) });
-}
-function SidebarPanelContent({ children, className }) {
-  return /* @__PURE__ */ jsx3("div", { className: cn("flex-1 overflow-y-auto px-2 py-2", className), children });
-}
-function SidebarContent({ children, className }) {
-  const { contentMargin } = useSidebar();
-  return /* @__PURE__ */ jsx3(
-    "main",
-    {
-      className: cn(
-        "min-h-screen transition-[margin-left] lg:ml-[var(--sb-content-margin,0px)]",
-        // Same tier as the rail it is keeping pace with — @see Sidebar.
-        MOTION_TRAVEL,
-        className
-      ),
-      style: { "--sb-content-margin": `${contentMargin}px` },
-      children
-    }
-  );
-}
-var APPEARANCE_META = {
-  light: { label: "Light", Icon: SunIcon },
-  dark: { label: "Dark", Icon: MoonIcon },
-  system: { label: "System", Icon: Monitor }
-};
-function AppearanceMenuSection({ appearance, divider = true }) {
-  const modes = appearance.modes ?? ["light", "dark", "system"];
-  const [systemDark, setSystemDark] = React3.useState(false);
-  React3.useEffect(() => {
-    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    setSystemDark(mq.matches);
-    const onChange = () => setSystemDark(mq.matches);
-    mq.addEventListener("change", onChange);
-    return () => mq.removeEventListener("change", onChange);
-  }, []);
-  const resolved = appearance.value === "system" ? systemDark ? "dark" : "light" : appearance.value;
-  const TriggerIcon = resolved === "dark" ? MoonIcon : SunIcon;
-  const caption = appearance.value === "system" ? `System (${resolved === "dark" ? "Dark" : "Light"})` : APPEARANCE_META[appearance.value].label;
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    divider && /* @__PURE__ */ jsx3(DropdownMenuSeparator, {}),
-    /* @__PURE__ */ jsxs2(DropdownMenuSub, { children: [
-      /* @__PURE__ */ jsxs2(DropdownMenuSubTrigger, { children: [
-        /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", className: "mr-2 inline-flex shrink-0", children: /* @__PURE__ */ jsx3(TriggerIcon, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-col leading-tight", children: [
-          /* @__PURE__ */ jsx3("span", { children: "Appearance" }),
-          /* @__PURE__ */ jsx3("span", { className: "text-xs text-muted-foreground", children: caption })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx3(DropdownMenuSubContent, { sideOffset: 6, className: "min-w-[12rem]", children: modes.map((m) => {
-        const { label, Icon: Icon2 } = APPEARANCE_META[m];
-        const active = appearance.value === m;
-        return /* @__PURE__ */ jsxs2(
-          DropdownMenuItem,
-          {
-            onSelect: (e) => {
-              e.preventDefault();
-              appearance.onChange(m);
-            },
-            className: "gap-3 py-2 text-[14px]",
-            children: [
-              /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", className: "inline-flex shrink-0", children: /* @__PURE__ */ jsx3(Icon2, { className: "h-[18px] w-[18px]" }) }),
-              /* @__PURE__ */ jsx3("span", { className: "flex-1", children: label }),
-              active && /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", className: "inline-flex shrink-0 text-[var(--accent-text)]", children: /* @__PURE__ */ jsx3(Check, { className: "h-[18px] w-[18px]" }) })
-            ]
-          },
-          m
-        );
-      }) })
-    ] })
-  ] });
-}
-function ProfileAvatar({
-  user,
-  isLoading = false,
-  onLogout,
-  onSettingsClick,
-  settingsHref = "/dashboard/settings",
-  children,
-  className,
-  showDetails = false,
-  appearance,
-  LinkComponent
-}) {
-  const Link = LinkComponent ?? DefaultLink;
-  return /* @__PURE__ */ jsxs2(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx3(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "button",
-        className: cn(
-          "flex items-center rounded-lg transition-colors hover:bg-[var(--accent-surface-soft)]",
-          MOTION_CONTROL,
-          focusRing,
-          showDetails ? "w-full gap-2.5 px-3 py-2 text-left" : "justify-center w-12 h-12",
-          className
-        ),
-        "aria-label": "User menu",
-        children: [
-          isLoading ? /* @__PURE__ */ jsx3(Skeleton, { className: "h-7 w-7 shrink-0 rounded-full" }) : /* @__PURE__ */ jsxs2(Avatar, { className: "h-7 w-7 shrink-0", children: [
-            user?.avatarUrl && /* @__PURE__ */ jsx3(AvatarImage, { src: user.avatarUrl, alt: "" }),
-            /* @__PURE__ */ jsx3(AvatarFallback, { className: "text-[10px] bg-violet-500/20 text-violet-300", children: getInitials(user?.name, user?.email) })
-          ] }),
-          showDetails && /* @__PURE__ */ jsx3("div", { className: "min-w-0 flex-1", children: isLoading ? /* @__PURE__ */ jsx3(Skeleton, { className: "h-3.5 w-24" }) : /* @__PURE__ */ jsx3("p", { className: "truncate text-sm font-medium text-foreground", children: user?.name ?? user?.email ?? "Not signed in" }) })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs2(DropdownMenuContent, { side: "top", align: "start", sideOffset: 8, className: "w-72", children: [
-      /* @__PURE__ */ jsx3(DropdownMenuLabel, { className: "p-0 font-normal", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 px-2 py-3", children: [
-        /* @__PURE__ */ jsxs2(Avatar, { className: "h-12 w-12 shrink-0", children: [
-          user?.avatarUrl && /* @__PURE__ */ jsx3(AvatarImage, { src: user.avatarUrl, alt: "" }),
-          /* @__PURE__ */ jsx3(AvatarFallback, { className: "text-sm bg-[var(--surface-violet-bg)] text-[var(--surface-violet-text)]", children: getInitials(user?.name, user?.email) })
-        ] }),
-        /* @__PURE__ */ jsx3("div", { className: "min-w-0 flex-1", children: isLoading ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-          /* @__PURE__ */ jsx3(Skeleton, { className: "h-4 w-24 mb-1" }),
-          /* @__PURE__ */ jsx3(Skeleton, { className: "h-3 w-32" })
-        ] }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
-          /* @__PURE__ */ jsx3("p", { className: "text-sm font-semibold truncate", children: user?.name ?? user?.email ?? "Not logged in" }),
-          user?.email && user?.name && /* @__PURE__ */ jsx3("p", { className: "text-xs text-muted-foreground truncate", children: user.email }),
-          user?.tier && /* @__PURE__ */ jsxs2("p", { className: "text-xs text-muted-foreground capitalize", children: [
-            user.tier,
-            " Plan"
-          ] })
-        ] }) })
-      ] }) }),
-      /* @__PURE__ */ jsx3(DropdownMenuSeparator, {}),
-      children,
-      appearance && /* @__PURE__ */ jsx3(AppearanceMenuSection, { appearance, divider: Boolean(children) }),
-      onSettingsClick ? /* @__PURE__ */ jsxs2(DropdownMenuItem, { onClick: onSettingsClick, children: [
-        /* @__PURE__ */ jsx3(SettingsIcon, { className: "mr-2 h-4 w-4", "aria-hidden": "true" }),
-        "Settings"
-      ] }) : /* @__PURE__ */ jsx3(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs2(Link, { href: settingsHref, to: settingsHref, className: "flex items-center", children: [
-        /* @__PURE__ */ jsx3(SettingsIcon, { className: "mr-2 h-4 w-4", "aria-hidden": "true" }),
-        "Settings"
-      ] }) }),
-      onLogout && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-        /* @__PURE__ */ jsx3(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsxs2(DropdownMenuItem, { className: "text-[var(--surface-danger-text)]", onClick: onLogout, children: [
-          /* @__PURE__ */ jsx3(LogOutIcon, { className: "mr-2 h-4 w-4", "aria-hidden": "true" }),
-          "Sign Out"
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
-// src/dashboard/credit-balance.tsx
-import * as React4 from "react";
-import { focusFieldWithin } from "@tangle-network/ui/utils";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function CreditBalance({
-  amount,
-  description = "Credits are automatically deducted based on hourly Sandbox usage and Agent operations.",
-  onTopUp,
-  quickAmounts = [10, 25, 100],
-  className
-}) {
-  const [topUpValue, setTopUpValue] = React4.useState("50.00");
-  const topUpId = React4.useId();
-  return /* @__PURE__ */ jsxs3(
-    "div",
-    {
-      className: cn(
-        "bg-surface-container p-5 rounded-xl flex flex-col justify-between border border-[var(--md3-outline-variant)]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs3("div", { children: [
-          /* @__PURE__ */ jsx4("h3", { className: "text-sm font-semibold text-muted-foreground uppercase tracking-widest mb-2", children: "Available Credits" }),
-          /* @__PURE__ */ jsxs3("div", { className: "text-4xl font-extrabold text-primary tracking-tighter mb-2", children: [
-            "$",
-            amount.toFixed(2)
-          ] }),
-          /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground leading-relaxed", children: description })
-        ] }),
-        onTopUp && /* @__PURE__ */ jsxs3("div", { className: "space-y-2.5 mt-5", children: [
-          /* @__PURE__ */ jsx4("label", { htmlFor: topUpId, className: "block text-xs font-medium text-muted-foreground", children: "Top-up amount (USD)" }),
-          /* @__PURE__ */ jsxs3("div", { className: `bg-surface-container-low border p-1 rounded-lg flex items-center ${focusFieldWithin}`, children: [
-            /* @__PURE__ */ jsx4(
-              "input",
-              {
-                id: topUpId,
-                type: "text",
-                inputMode: "decimal",
-                value: `$${topUpValue}`,
-                onChange: (e) => {
-                  const raw = e.target.value.replace(/[^0-9.]/g, "");
-                  setTopUpValue(raw.match(/^(\d*\.?\d{0,2})/)?.[1] ?? "");
-                },
-                className: "bg-transparent border-none text-foreground font-mono text-lg min-w-0 flex-1 focus:ring-0 px-4 outline-none"
-              }
-            ),
-            /* @__PURE__ */ jsx4(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  const parsed = Number.parseFloat(topUpValue);
-                  if (!Number.isFinite(parsed) || parsed <= 0) return;
-                  onTopUp(parsed);
-                },
-                className: "shrink-0 whitespace-nowrap bg-[var(--accent-surface-soft)] border border-[var(--md3-outline-variant)] text-[var(--accent-text)] px-5 py-3 rounded-md font-bold text-xs uppercase tracking-widest active:scale-95 transition-transform hover:bg-[var(--accent-surface-strong)]",
-                children: "Top Up"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx4("div", { className: "flex justify-between gap-2", children: quickAmounts.filter((qa) => Number.isFinite(qa) && qa > 0).map((qa) => /* @__PURE__ */ jsxs3(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                const rounded = parseFloat(qa.toFixed(2));
-                setTopUpValue(qa.toFixed(2));
-                onTopUp(rounded);
-              },
-              className: "flex-1 py-2 text-center text-xs font-mono tabular-nums text-muted-foreground border border-[var(--md3-outline-variant)] rounded-md hover:bg-surface-container-high hover:text-foreground transition-colors uppercase",
-              children: [
-                "+$",
-                qa.toLocaleString("en-US")
-              ]
-            },
-            qa
-          )) })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/dashboard/out-of-credits.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var INSUFFICIENT_BALANCE_CODE = "insufficient_balance";
-function parseInsufficientBalance(payload, opts = {}) {
-  if (!payload || typeof payload !== "object") return null;
-  const body = payload;
-  const code = typeof body.code === "string" ? body.code : void 0;
-  if (code !== INSUFFICIENT_BALANCE_CODE) return null;
-  const manageUrl = typeof body.manageUrl === "string" && body.manageUrl.length > 0 ? body.manageUrl : opts.defaultManageUrl;
-  if (!manageUrl) return null;
-  return {
-    manageUrl,
-    plan: typeof body.plan === "string" ? body.plan : void 0,
-    remainingBalanceUsd: typeof body.remainingBalanceUsd === "number" ? body.remainingBalanceUsd : void 0,
-    message: typeof body.message === "string" ? body.message : typeof body.error === "string" ? body.error : void 0
-  };
-}
-function OutOfCreditsModal({
-  balance,
-  onClose,
-  ctaLabel = "Add credits",
-  className
-}) {
-  if (!balance) return null;
-  return /* @__PURE__ */ jsx5(
-    "div",
-    {
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-label": "Out of credits",
-      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-      onClick: onClose,
-      children: /* @__PURE__ */ jsxs4(
-        "div",
-        {
-          className: cn(
-            "bg-surface-container-highest border border-[var(--md3-outline-variant)] rounded-xl p-6 max-w-md w-full shadow-[0_8px_30px_rgba(0,0,0,0.45)] ring-1 ring-[#ffffff14]",
-            className
-          ),
-          onClick: (e) => e.stopPropagation(),
-          children: [
-            /* @__PURE__ */ jsx5("h3", { className: "text-lg font-bold text-foreground mb-1", children: "You're out of credits" }),
-            /* @__PURE__ */ jsxs4("p", { className: "text-sm text-muted-foreground leading-relaxed mb-4", children: [
-              balance.message ?? "Add credits or start a subscription to keep going. Usage is billed to your Tangle account.",
-              typeof balance.remainingBalanceUsd === "number" && /* @__PURE__ */ jsxs4("span", { className: "block mt-1", children: [
-                "Balance: $",
-                balance.remainingBalanceUsd.toFixed(2),
-                balance.plan ? ` \xB7 ${balance.plan} plan` : ""
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs4("div", { className: "flex gap-2 justify-end", children: [
-              onClose && /* @__PURE__ */ jsx5(Button, { variant: "outline", onClick: onClose, children: "Not now" }),
-              /* @__PURE__ */ jsx5(Button, { asChild: true, children: /* @__PURE__ */ jsx5("a", { href: balance.manageUrl, target: "_blank", rel: "noopener noreferrer", children: ctaLabel }) })
-            ] })
-          ]
-        }
-      )
-    }
-  );
-}
-
-// src/dashboard/cluster-status-bar.tsx
-import * as React5 from "react";
-import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function ClusterStatusBar({ items, latency, className }) {
-  if (!items?.length) return null;
-  return /* @__PURE__ */ jsx6("div", { className: cn("fixed bottom-6 left-1/2 -translate-x-1/2 z-40 w-max max-w-[90vw] animate-in slide-in-from-bottom flex justify-center", className), children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-4 overflow-x-auto rounded-full border border-[var(--md3-outline-variant)] bg-surface-container px-5 py-2.5 shadow-sm", children: [
-    items.map((item, i) => /* @__PURE__ */ jsxs5(React5.Fragment, { children: [
-      i > 0 && /* @__PURE__ */ jsx6("span", { "aria-hidden": true, className: "h-5 w-px shrink-0 bg-border" }),
-      /* @__PURE__ */ jsxs5("div", { className: "flex shrink-0 items-center gap-2", children: [
-        item.icon ? /* @__PURE__ */ jsx6("span", { className: "flex shrink-0 items-center text-[var(--md3-primary)] [&_svg]:h-[18px] [&_svg]:w-[18px]", children: item.icon }) : null,
-        /* @__PURE__ */ jsxs5("div", { className: "flex flex-col leading-tight", children: [
-          /* @__PURE__ */ jsx6("span", { className: "text-[10px] font-bold uppercase tracking-wider text-[var(--md3-on-surface-variant)]", children: item.label }),
-          /* @__PURE__ */ jsx6("span", { className: cn("text-sm font-bold tabular-nums text-foreground", item.valueClass), children: item.value })
-        ] })
-      ] })
-    ] }, i)),
-    latency && /* @__PURE__ */ jsxs5(Fragment4, { children: [
-      /* @__PURE__ */ jsx6("span", { "aria-hidden": true, className: "h-5 w-px shrink-0 bg-border" }),
-      /* @__PURE__ */ jsxs5("div", { className: "flex shrink-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsxs5("span", { className: "relative flex h-2.5 w-2.5 items-center justify-center", children: [
-          /* @__PURE__ */ jsx6("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-green-400 opacity-75", "data-motion": "essential" }),
-          /* @__PURE__ */ jsx6("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-green-500" })
-        ] }),
-        /* @__PURE__ */ jsx6("span", { className: "font-mono text-xs font-bold text-green-400", children: latency })
-      ] })
-    ] })
-  ] }) });
-}
-
-// src/dashboard/resource-meter.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function getBarColor(percent) {
-  if (percent >= 90) return "bg-[var(--code-error)]";
-  if (percent >= 70) return "bg-[var(--surface-warning-text)]";
-  return "bg-primary";
-}
-function ResourceMeter({ label, value, max = 100, unit, valueLabel, icon, className }) {
-  const percent = max > 0 ? Math.max(0, Math.min(value / max * 100, 100)) : 0;
-  const barColor = getBarColor(percent);
-  const readout = valueLabel ?? (unit ? `${value}${unit}/${max}${unit}` : `${Math.round(percent)}%`);
-  return /* @__PURE__ */ jsxs6("div", { className: cn("flex items-center gap-3", className), children: [
-    /* @__PURE__ */ jsxs6("span", { className: "flex shrink-0 items-center gap-1.5 text-xs font-mono text-muted-foreground uppercase tracking-wide", children: [
-      icon ? /* @__PURE__ */ jsx7("span", { className: "flex shrink-0 items-center [&_svg]:h-3.5 [&_svg]:w-3.5", children: icon }) : null,
-      /* @__PURE__ */ jsx7("span", { children: label })
-    ] }),
-    /* @__PURE__ */ jsx7("div", { className: "h-1.5 min-w-0 flex-1 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsx7(
-      "div",
-      {
-        className: cn("h-full rounded-full transition-all duration-500", barColor),
-        style: { width: `${percent}%` }
-      }
-    ) }),
-    /* @__PURE__ */ jsx7("span", { className: "shrink-0 text-xs font-mono tabular-nums text-muted-foreground", children: readout })
-  ] });
-}
-
-// src/dashboard/resource-snapshot.tsx
-import { Skeleton as Skeleton2 } from "@tangle-network/ui/primitives";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function ResourceSnapshot({
-  title = "Resources",
-  action,
-  items,
-  loading = false,
-  error = null,
-  className
-}) {
-  const rowCount = items.length > 0 ? items.length : 3;
-  return /* @__PURE__ */ jsxs7(
-    "div",
-    {
-      className: cn(
-        "flex flex-col rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs7("div", { className: "mb-4 flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsx8("h3", { className: "font-display font-semibold text-foreground text-sm", children: title }),
-          action
-        ] }),
-        error ? /* @__PURE__ */ jsx8("p", { className: "text-[var(--surface-danger-text)] text-xs", children: error }) : loading ? /* @__PURE__ */ jsx8("div", { className: "space-y-3", children: Array.from({ length: rowCount }).map((_, i) => /* @__PURE__ */ jsx8(Skeleton2, { className: "h-4 w-full" }, i)) }) : /* @__PURE__ */ jsx8("div", { className: "space-y-3", children: items.map((item, idx) => /* @__PURE__ */ jsx8(
-          ResourceMeter,
-          {
-            label: item.label,
-            value: item.value,
-            max: item.max,
-            unit: item.unit,
-            valueLabel: item.valueLabel,
-            icon: item.icon
-          },
-          item.id ?? `${item.label}-${idx}`
-        )) })
-      ]
-    }
-  );
-}
-
-// src/dashboard/activity-feed.tsx
-import * as React6 from "react";
-import { Skeleton as Skeleton3 } from "@tangle-network/ui/primitives";
-import { timeAgo } from "@tangle-network/ui/utils";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-function ActivityFeed({
-  title = "Recent activity",
-  action,
-  items,
-  loading = false,
-  maxItems = 6,
-  emptyLabel = "No recent activity",
-  className
-}) {
-  const sorted = React6.useMemo(
-    () => [...items].sort((a, b) => (b.timestamp ?? 0) - (a.timestamp ?? 0)).slice(0, maxItems),
-    [items, maxItems]
-  );
-  return /* @__PURE__ */ jsxs8(
-    "div",
-    {
-      className: cn(
-        "flex flex-col rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs8("div", { className: "mb-4 flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsx9("h3", { className: "font-display font-semibold text-foreground text-sm", children: title }),
-          action
-        ] }),
-        loading ? /* @__PURE__ */ jsx9("div", { className: "space-y-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsx9(Skeleton3, { className: "h-9 w-full" }, i)) }) : sorted.length === 0 ? /* @__PURE__ */ jsx9("p", { className: "text-muted-foreground text-sm", children: emptyLabel }) : /* @__PURE__ */ jsx9("ul", { className: "space-y-3", children: sorted.map((item) => /* @__PURE__ */ jsxs8("li", { className: "flex items-start gap-3", children: [
-          item.icon && /* @__PURE__ */ jsx9("span", { className: "mt-0.5 shrink-0 text-muted-foreground", children: item.icon }),
-          /* @__PURE__ */ jsxs8("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx9("p", { className: "truncate font-medium text-foreground text-sm", children: item.title }),
-            item.detail && /* @__PURE__ */ jsx9("p", { className: "truncate text-muted-foreground text-xs", children: item.detail })
-          ] }),
-          item.timestamp != null && /* @__PURE__ */ jsx9("span", { className: "shrink-0 text-muted-foreground text-xs tabular-nums", children: timeAgo(item.timestamp) })
-        ] }, item.id)) })
-      ]
-    }
-  );
-}
-
-// src/dashboard/sandbox-card.tsx
-import {
-  DropdownMenu as DropdownMenu2,
-  DropdownMenuContent as DropdownMenuContent2,
-  DropdownMenuItem as DropdownMenuItem2,
-  DropdownMenuSeparator as DropdownMenuSeparator2,
-  DropdownMenuTrigger as DropdownMenuTrigger2
-} from "@tangle-network/ui/primitives";
-import {
-  MoreVertical,
-  PowerOff,
-  Power,
-  Copy,
-  Clock,
-  Activity,
-  BarChart2,
-  Trash2,
-  Network,
-  Play,
-  Plus,
-  Users,
-  Cpu,
-  MemoryStick,
-  HardDrive,
-  Box
-} from "lucide-react";
-import { focusRing as focusRing2 } from "@tangle-network/ui/utils";
-import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-function canAdminSandbox(sandbox) {
-  if (!sandbox.team) return true;
-  return sandbox.team.role === "owner" || sandbox.team.role === "admin";
-}
-var STATUS_META = {
-  running: { label: "Running", color: "var(--status-running)" },
-  hibernating: { label: "Hibernating", color: "var(--status-warm)" },
-  provisioning: { label: "Provisioning", color: "var(--status-creating)" },
-  creating: { label: "Creating", color: "var(--status-creating)" },
-  stopped: { label: "Stopped", color: "var(--status-stopped)" },
-  failed: { label: "Failed", color: "var(--status-error)" },
-  archived: { label: "Archived", color: "var(--status-deleted)" }
-};
-function Spec({ icon, value, unit }) {
-  return /* @__PURE__ */ jsxs9("span", { className: "flex items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx10("span", { className: "text-muted-foreground", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsx10("span", { className: "font-mono text-xs tabular-nums text-foreground", children: value }),
-    /* @__PURE__ */ jsx10("span", { className: "text-[10px] text-muted-foreground", children: unit })
-  ] });
-}
-function SandboxCard({
-  sandbox,
-  onOpenIDE,
-  onOpenTerminal,
-  onWake,
-  onRestore,
-  onDelete,
-  onStop,
-  onResume,
-  onFork,
-  onKeepAlive,
-  onUsage,
-  onHealth,
-  className
-}) {
-  const isRunning = sandbox.status === "running";
-  const isTransitioning = sandbox.status === "provisioning" || sandbox.status === "creating";
-  const isStopped = !isRunning && !isTransitioning;
-  const isHibernating = sandbox.status === "hibernating";
-  const resolveResumeHandler = (status2) => {
-    if (onResume) return onResume;
-    if (status2 === "hibernating") return onWake;
-    return void 0;
-  };
-  const resumeLabel = isHibernating ? "Wake Sandbox" : "Resume Sandbox";
-  const resumeHandler = isStopped ? resolveResumeHandler(sandbox.status) : void 0;
-  const status = STATUS_META[sandbox.status];
-  const isArchived = sandbox.status === "archived";
-  const cpuPercent = sandbox.cpuPercent ?? 0;
-  const ramUsed = sandbox.ramUsed ?? 0;
-  const ramTotal = sandbox.ramTotal ?? 0;
-  const diskUsed = sandbox.diskUsed;
-  const diskTotal = sandbox.diskTotal;
-  const specs = [
-    sandbox.vcpu != null && { key: "vcpu", icon: /* @__PURE__ */ jsx10(Cpu, { className: "h-3.5 w-3.5" }), value: sandbox.vcpu, unit: "vCPU" },
-    ramTotal > 0 && { key: "ram", icon: /* @__PURE__ */ jsx10(MemoryStick, { className: "h-3.5 w-3.5" }), value: ramTotal, unit: "GB RAM" },
-    diskTotal != null && { key: "disk", icon: /* @__PURE__ */ jsx10(HardDrive, { className: "h-3.5 w-3.5" }), value: diskTotal, unit: "GB SSD" }
-  ].filter(Boolean);
-  return /* @__PURE__ */ jsxs9("div", { className: cn(
-    "group relative flex flex-col justify-between overflow-hidden rounded-lg border bg-surface-container p-5 transition-colors",
-    isRunning ? "border-[var(--status-running)]/30" : "border-[var(--md3-outline-variant)]",
-    "hover:border-foreground/15",
-    className
-  ), children: [
-    /* @__PURE__ */ jsxs9("div", { className: "flex items-start justify-between", children: [
-      /* @__PURE__ */ jsxs9("div", { children: [
-        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx10("h3", { className: "truncate text-sm font-bold text-foreground", children: sandbox.name }),
-          sandbox.team && /* @__PURE__ */ jsxs9(
-            "span",
-            {
-              className: "inline-flex items-center gap-1 rounded-full bg-[var(--accent-surface-soft)] px-2 py-0.5 text-[10px] font-semibold text-[var(--accent-text)]",
-              title: `Shared with ${sandbox.team.name ?? "Team"} \xB7 ${sandbox.team.role}`,
-              children: [
-                /* @__PURE__ */ jsx10(Users, { className: "h-3 w-3", "aria-hidden": "true" }),
-                sandbox.team.name ?? "Team"
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs9("p", { className: "mt-0.5 font-mono text-[10px] tracking-wider text-muted-foreground uppercase", children: [
-          sandbox.nodeId || "Unknown Node",
-          sandbox.team && /* @__PURE__ */ jsxs9("span", { className: "ml-2 normal-case tracking-normal", children: [
-            "\xB7 your role: ",
-            sandbox.team.role
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs9(DropdownMenu2, { children: [
-        /* @__PURE__ */ jsx10(DropdownMenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsx10(
-          "button",
-          {
-            type: "button",
-            className: `rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-surface-container-high hover:text-foreground ${focusRing2}`,
-            "aria-label": "Sandbox options",
-            children: /* @__PURE__ */ jsx10(MoreVertical, { className: "h-4 w-4" })
-          }
-        ) }),
-        /* @__PURE__ */ jsxs9(DropdownMenuContent2, { align: "end", className: "min-w-[180px]", children: [
-          isRunning && /* @__PURE__ */ jsxs9(Fragment5, { children: [
-            onStop && /* @__PURE__ */ jsxs9(DropdownMenuItem2, { onClick: () => onStop(sandbox.id), children: [
-              /* @__PURE__ */ jsx10(PowerOff, { className: "mr-2 h-4 w-4" }),
-              " Stop Sandbox"
-            ] }),
-            onKeepAlive && /* @__PURE__ */ jsxs9(DropdownMenuItem2, { onClick: () => onKeepAlive(sandbox.id), children: [
-              /* @__PURE__ */ jsx10(Clock, { className: "mr-2 h-4 w-4" }),
-              " Keep Alive"
-            ] }),
-            (onStop || onKeepAlive) && /* @__PURE__ */ jsx10(DropdownMenuSeparator2, {}),
-            onUsage && /* @__PURE__ */ jsxs9(DropdownMenuItem2, { onClick: () => onUsage(sandbox.id), children: [
-              /* @__PURE__ */ jsx10(BarChart2, { className: "mr-2 h-4 w-4" }),
-              " View Usage"
-            ] }),
-            onHealth && /* @__PURE__ */ jsxs9(DropdownMenuItem2, { onClick: () => onHealth(sandbox.id), children: [
-              /* @__PURE__ */ jsx10(Activity, { className: "mr-2 h-4 w-4" }),
-              " Health Check"
-            ] }),
-            (onUsage || onHealth) && /* @__PURE__ */ jsx10(DropdownMenuSeparator2, {}),
-            onFork && /* @__PURE__ */ jsxs9(Fragment5, { children: [
-              /* @__PURE__ */ jsxs9(DropdownMenuItem2, { onClick: () => onFork(sandbox.id), children: [
-                /* @__PURE__ */ jsx10(Copy, { className: "mr-2 h-4 w-4" }),
-                " Fork Sandbox"
-              ] }),
-              /* @__PURE__ */ jsx10(DropdownMenuSeparator2, {})
-            ] })
-          ] }),
-          isStopped && /* @__PURE__ */ jsxs9(Fragment5, { children: [
-            resumeHandler && /* @__PURE__ */ jsxs9(DropdownMenuItem2, { onClick: () => resumeHandler(sandbox.id), children: [
-              /* @__PURE__ */ jsx10(Power, { className: "mr-2 h-4 w-4" }),
-              " ",
-              resumeLabel
-            ] }),
-            onFork && /* @__PURE__ */ jsxs9(DropdownMenuItem2, { onClick: () => onFork(sandbox.id), children: [
-              /* @__PURE__ */ jsx10(Copy, { className: "mr-2 h-4 w-4" }),
-              " Fork Sandbox"
-            ] }),
-            (resumeHandler || onFork) && /* @__PURE__ */ jsx10(DropdownMenuSeparator2, {})
-          ] }),
-          onDelete && canAdminSandbox(sandbox) && /* @__PURE__ */ jsxs9(DropdownMenuItem2, { className: "text-destructive focus:bg-destructive/10 focus:text-destructive", onClick: () => onDelete(sandbox.id), children: [
-            /* @__PURE__ */ jsx10(Trash2, { className: "mr-2 h-4 w-4" }),
-            " Delete Sandbox"
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs9("div", { className: "my-4 space-y-3", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center gap-1.5 rounded-full border border-[var(--md3-outline-variant)] bg-surface-container-high px-2 py-0.5 text-[11px] font-medium text-foreground", children: [
-          /* @__PURE__ */ jsxs9("span", { className: "relative flex h-1.5 w-1.5", children: [
-            isRunning && // The ping renders only while the sandbox IS running, so it is
-            // live state, not decoration — the same call SandboxTable makes
-            // for its running/provisioning dot.
-            /* @__PURE__ */ jsx10(
-              "span",
-              {
-                className: "absolute inline-flex h-full w-full animate-ping rounded-full opacity-75",
-                style: { backgroundColor: status.color },
-                "data-motion": "essential"
-              }
-            ),
-            /* @__PURE__ */ jsx10("span", { className: "relative inline-flex h-1.5 w-1.5 rounded-full", style: { backgroundColor: status.color } })
-          ] }),
-          status.label
-        ] }),
-        isRunning && sandbox.uptime && /* @__PURE__ */ jsxs9("span", { className: "font-mono text-[10px] tabular-nums text-muted-foreground", children: [
-          "up ",
-          sandbox.uptime
-        ] })
-      ] }),
-      isRunning ? /* @__PURE__ */ jsxs9("div", { className: "space-y-2 rounded-md border border-[var(--md3-outline-variant)] bg-surface-container-high p-3", children: [
-        /* @__PURE__ */ jsx10(ResourceMeter, { label: "CPU", value: cpuPercent, max: 100, icon: /* @__PURE__ */ jsx10(Cpu, { className: "h-3 w-3" }) }),
-        ramTotal > 0 && /* @__PURE__ */ jsx10(
-          ResourceMeter,
-          {
-            label: "MEM",
-            value: ramUsed,
-            max: ramTotal,
-            valueLabel: `${ramUsed} / ${ramTotal} GB`,
-            icon: /* @__PURE__ */ jsx10(MemoryStick, { className: "h-3 w-3" })
-          }
-        ),
-        diskUsed != null && diskTotal != null && diskTotal > 0 && /* @__PURE__ */ jsx10(
-          ResourceMeter,
-          {
-            label: "DISK",
-            value: diskUsed,
-            max: diskTotal,
-            valueLabel: `${diskUsed} / ${diskTotal} GB`,
-            icon: /* @__PURE__ */ jsx10(HardDrive, { className: "h-3 w-3" })
-          }
-        )
-      ] }) : isTransitioning ? /* @__PURE__ */ jsxs9("div", { className: "rounded-md border border-[var(--md3-outline-variant)] bg-surface-container-high p-3", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "mb-1.5 flex justify-between text-[11px] font-medium text-muted-foreground", children: [
-          /* @__PURE__ */ jsx10("span", { children: sandbox.provisioningMessage || "Starting\u2026" }),
-          /* @__PURE__ */ jsxs9("span", { className: "font-mono tabular-nums", children: [
-            sandbox.provisioningPercent ?? 0,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx10("div", { className: "h-1 w-full overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx10(
-          "div",
-          {
-            className: "h-full rounded-full bg-primary transition-all duration-500",
-            style: { width: `${sandbox.provisioningPercent || 5}%` }
-          }
-        ) })
-      ] }) : isArchived && sandbox.archivedAt ? /* @__PURE__ */ jsx10("p", { className: "font-mono text-[11px] text-muted-foreground", children: sandbox.archivedAt }) : null,
-      specs.length > 0 && /* @__PURE__ */ jsx10("div", { className: "flex items-center gap-4 rounded-md border border-[var(--md3-outline-variant)] bg-surface-container-high px-3 py-2", children: specs.map((s) => /* @__PURE__ */ jsx10(Spec, { icon: s.icon, value: s.value, unit: s.unit }, s.key)) }),
-      sandbox.customImage && /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1.5 truncate font-mono text-[10px] text-muted-foreground", children: [
-        /* @__PURE__ */ jsx10(Box, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx10("span", { className: "truncate", title: sandbox.customImage, children: sandbox.customImage })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx10("div", { className: "border-t border-[var(--md3-outline-variant)] pt-3", children: isRunning ? /* @__PURE__ */ jsxs9(
-      "button",
-      {
-        type: "button",
-        onClick: () => onOpenIDE?.(sandbox.id),
-        className: "flex w-full items-center justify-center gap-2 rounded-md bg-[var(--btn-primary-bg)] px-4 py-2 text-sm font-semibold text-[var(--btn-primary-text)] transition-colors hover:bg-[var(--btn-primary-hover)] active:scale-[0.97]",
-        children: [
-          /* @__PURE__ */ jsx10(Network, { className: "h-4 w-4" }),
-          "Connect Session"
-        ]
-      }
-    ) : /* @__PURE__ */ jsxs9(
-      "button",
-      {
-        type: "button",
-        onClick: () => resumeHandler?.(sandbox.id),
-        disabled: isTransitioning || !resumeHandler,
-        className: cn(
-          "flex w-full items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-semibold transition-colors border",
-          isTransitioning || !resumeHandler ? "bg-muted text-muted-foreground cursor-not-allowed border-[var(--md3-outline-variant)]" : "bg-surface-container-high text-foreground hover:bg-surface-container-highest border-[var(--md3-outline-variant)] active:scale-[0.97]"
-        ),
-        children: [
-          /* @__PURE__ */ jsx10(Play, { className: "h-4 w-4" }),
-          isTransitioning ? "Starting..." : resumeLabel
-        ]
-      }
-    ) })
-  ] });
-}
-function NewSandboxCard({ onClick, className }) {
-  return /* @__PURE__ */ jsxs9(
-    "button",
-    {
-      type: "button",
-      onClick,
-      className: cn(
-        "border-2 border-dashed border-[var(--md3-outline-variant)] rounded-lg p-5 flex flex-col items-center justify-center text-center cursor-pointer hover:border-foreground/20 hover:bg-surface-container-high transition-colors w-full min-h-[160px]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx10("div", { className: "flex h-12 w-12 items-center justify-center rounded-lg bg-surface-container-high text-muted-foreground", children: /* @__PURE__ */ jsx10(Plus, { className: "h-6 w-6" }) }),
-        /* @__PURE__ */ jsx10("span", { className: "mt-4 text-sm font-semibold text-foreground", children: "New Sandbox" }),
-        /* @__PURE__ */ jsx10("span", { className: "mt-1 text-xs text-muted-foreground", children: "Spin up an isolated sandbox" })
-      ]
-    }
-  );
-}
-
-// src/dashboard/sandbox-table.tsx
-import * as React7 from "react";
-import {
-  Activity as Activity2,
-  BarChart2 as BarChart22,
-  ChevronLeft,
-  ChevronRight,
-  Clock as Clock2,
-  Code2,
-  Copy as Copy2,
-  ExternalLink,
-  Key,
-  MoreVertical as MoreVertical2,
-  Play as Play2,
-  PowerOff as PowerOff2,
-  RefreshCw,
-  Terminal,
-  Trash2 as Trash22,
-  User,
-  Users as Users2
-} from "lucide-react";
-import {
-  DropdownMenu as DropdownMenu3,
-  DropdownMenuContent as DropdownMenuContent3,
-  DropdownMenuItem as DropdownMenuItem3,
-  DropdownMenuSeparator as DropdownMenuSeparator3,
-  DropdownMenuTrigger as DropdownMenuTrigger3
-} from "@tangle-network/ui/primitives";
-import { focusRing as focusRing3 } from "@tangle-network/ui/utils";
-import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-var statusColors = {
-  running: { dot: "bg-[var(--code-success)] animate-pulse", text: "text-[var(--code-success)]", bar: "bg-[var(--code-success)]" },
-  hibernating: { dot: "bg-muted-foreground", text: "text-muted-foreground", bar: "bg-muted-foreground" },
-  provisioning: { dot: "bg-primary animate-pulse", text: "text-primary", bar: "bg-primary" },
-  creating: { dot: "bg-primary animate-pulse", text: "text-primary", bar: "bg-primary" },
-  stopped: { dot: "bg-muted-foreground", text: "text-foreground", bar: "bg-muted-foreground" },
-  failed: { dot: "bg-[var(--code-error)]", text: "text-[var(--code-error)]", bar: "bg-[var(--code-error)]" },
-  archived: { dot: "bg-border", text: "text-muted-foreground", bar: "bg-border" }
-};
-function isResumable(status) {
-  return status !== "running" && status !== "provisioning" && status !== "creating";
-}
-function MiniMeter({ label, percent, className }) {
-  return /* @__PURE__ */ jsxs10("div", { className: cn("space-y-1", className), children: [
-    /* @__PURE__ */ jsxs10("div", { className: "flex justify-between text-[10px] font-mono text-muted-foreground", children: [
-      /* @__PURE__ */ jsx11("span", { className: "font-bold", children: label }),
-      /* @__PURE__ */ jsxs10("span", { className: "text-primary", children: [
-        percent,
-        "%"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx11("div", { className: "h-1.5 w-full bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsx11("div", { className: "h-full bg-primary rounded-full", style: { width: `${percent}%` } }) })
-  ] });
-}
-function SandboxTable({
-  sandboxes,
-  page = 1,
-  pageSize = 10,
-  total,
-  onPageChange,
-  onOpenIDE,
-  onOpenTerminal,
-  onSSH,
-  onResume,
-  onWake,
-  onMore,
-  onDelete,
-  onStop,
-  onKeepAlive,
-  onUsage,
-  onHealth,
-  onFork,
-  className
-}) {
-  const totalCount = total ?? sandboxes.length;
-  const totalPages = Math.ceil(totalCount / pageSize);
-  const hasTeamSandboxes = sandboxes.some((sb) => sb.team !== void 0);
-  const resolveResumeHandler = (status) => {
-    if (onResume) return onResume;
-    if (status === "hibernating") return onWake;
-    return void 0;
-  };
-  const resolveRowClick = (sb) => {
-    if (sb.status === "running") {
-      return onOpenIDE ? () => onOpenIDE(sb.id) : void 0;
-    }
-    if (!isResumable(sb.status)) return void 0;
-    const handler = resolveResumeHandler(sb.status);
-    return handler ? () => handler(sb.id) : void 0;
-  };
-  return /* @__PURE__ */ jsxs10("div", { className: cn("w-full", className), children: [
-    /* @__PURE__ */ jsx11("div", { className: "w-full bg-surface-container rounded-2xl overflow-hidden border border-[var(--md3-outline-variant)]", children: /* @__PURE__ */ jsx11("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs10("table", { className: "w-full text-left border-collapse", children: [
-      /* @__PURE__ */ jsx11("thead", { children: /* @__PURE__ */ jsxs10("tr", { className: "bg-surface-container-high border-b border-[var(--md3-outline-variant)]", children: [
-        /* @__PURE__ */ jsx11("th", { className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Status" }),
-        /* @__PURE__ */ jsx11("th", { className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Sandbox Name" }),
-        hasTeamSandboxes && /* @__PURE__ */ jsx11("th", { className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Scope" }),
-        /* @__PURE__ */ jsx11("th", { className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Environment" }),
-        /* @__PURE__ */ jsx11("th", { className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Resources" }),
-        /* @__PURE__ */ jsx11("th", { className: "px-6 py-4 text-xs font-semibold text-muted-foreground uppercase tracking-wider text-right", children: "Actions" })
-      ] }) }),
-      /* @__PURE__ */ jsx11("tbody", { className: "divide-y divide-border", children: sandboxes.map((sb) => {
-        const sc = statusColors[sb.status] ?? statusColors.stopped;
-        const isActive = sb.status === "running";
-        const isHibernating = sb.status === "hibernating";
-        const isProvisioning = sb.status === "provisioning";
-        const resumeHandler = isResumable(sb.status) ? resolveResumeHandler(sb.status) : void 0;
-        const onRowClick = resolveRowClick(sb);
-        const resumeLabel = isHibernating ? "Wake Up" : "Resume";
-        const stopRowClick = (e) => e.stopPropagation();
-        return (
-          // onClick is a sighted-user convenience only. We
-          // deliberately do NOT add role="button" / tabIndex /
-          // an onKeyDown handler to the row — overriding a
-          // <tr>'s implicit row role with "button" collapses
-          // the per-cell announcements (Status, Environment,
-          // Resources…) that screen-reader users navigate
-          // through. Keyboard and assistive-tech users reach
-          // the same actions through the real <button>
-          // elements inside the actions cell (Resume, Open
-          // IDE, Delete, …), which keep their native
-          // semantics. Mouse users get the click-anywhere
-          // affordance; nobody loses access.
-          /* @__PURE__ */ jsxs10(
-            "tr",
-            {
-              className: cn(
-                "group relative transition-colors",
-                onRowClick ? "cursor-pointer hover:bg-surface-container-high" : "hover:bg-surface-container-high"
-              ),
-              onClick: onRowClick,
-              children: [
-                /* @__PURE__ */ jsx11("td", { className: "px-6 py-5 whitespace-nowrap", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx11(
-                    "span",
-                    {
-                      className: cn("flex h-2.5 w-2.5 rounded-full", sc.dot),
-                      ...sc.dot.includes("animate-") ? { "data-motion": "essential" } : {}
-                    }
-                  ),
-                  /* @__PURE__ */ jsx11("span", { className: cn("text-xs font-bold uppercase tracking-wide", sc.text), children: sb.status.charAt(0).toUpperCase() + sb.status.slice(1) })
-                ] }) }),
-                /* @__PURE__ */ jsx11("td", { className: "px-6 py-5", children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ jsx11("span", { className: "text-sm font-bold text-foreground group-hover:text-primary transition-colors", children: sb.name }),
-                  sb.nodeId && /* @__PURE__ */ jsx11("span", { className: "text-[10px] font-mono text-muted-foreground", children: sb.nodeId })
-                ] }) }),
-                hasTeamSandboxes && /* @__PURE__ */ jsx11("td", { className: "px-6 py-5", children: sb.team ? /* @__PURE__ */ jsxs10(
-                  "div",
-                  {
-                    className: "inline-flex items-center gap-1.5 rounded-full bg-[var(--accent-surface-soft)] px-2.5 py-1 text-[11px] font-semibold text-[var(--accent-text)]",
-                    title: `Shared with ${sb.team.name ?? "Team"} \xB7 ${sb.team.role}`,
-                    children: [
-                      /* @__PURE__ */ jsx11(Users2, { className: "h-3 w-3", "aria-hidden": "true" }),
-                      /* @__PURE__ */ jsx11("span", { children: sb.team.name ?? "Team" }),
-                      /* @__PURE__ */ jsxs10("span", { className: "font-normal text-muted-foreground", children: [
-                        "\xB7 ",
-                        sb.team.role
-                      ] })
-                    ]
-                  }
-                ) : /* @__PURE__ */ jsxs10(
-                  "div",
-                  {
-                    className: "inline-flex items-center gap-1.5 rounded-full bg-surface-container-high px-2.5 py-1 text-[11px] font-medium text-muted-foreground",
-                    title: "Personal sandbox",
-                    children: [
-                      /* @__PURE__ */ jsx11(User, { className: "h-3 w-3", "aria-hidden": "true" }),
-                      "Personal"
-                    ]
-                  }
-                ) }),
-                /* @__PURE__ */ jsx11("td", { className: "px-6 py-5", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3", children: [
-                  sb.imageIcon && /* @__PURE__ */ jsx11("div", { className: "w-8 h-8 rounded-lg bg-surface-container-high flex items-center justify-center", children: sb.imageIcon }),
-                  sb.image && /* @__PURE__ */ jsx11("span", { className: "text-xs font-bold text-foreground", children: sb.image })
-                ] }) }),
-                /* @__PURE__ */ jsx11("td", { className: "px-6 py-5", children: isActive ? /* @__PURE__ */ jsxs10("div", { className: "space-y-3 w-48", children: [
-                  /* @__PURE__ */ jsx11(MiniMeter, { label: "CPU", percent: sb.cpuPercent ?? 0 }),
-                  /* @__PURE__ */ jsx11(MiniMeter, { label: "RAM", percent: sb.ramTotal ? Math.round((sb.ramUsed ?? 0) / sb.ramTotal * 100) : 0 })
-                ] }) : isProvisioning ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 text-primary italic text-[10px] font-bold", children: [
-                  /* @__PURE__ */ jsx11(RefreshCw, { className: "h-3.5 w-3.5 animate-spin", "data-motion": "essential" }),
-                  sb.provisioningMessage ?? "Allocating nodes..."
-                ] }) : isHibernating ? /* @__PURE__ */ jsxs10("div", { className: "space-y-3 w-48 opacity-30", children: [
-                  /* @__PURE__ */ jsx11(MiniMeter, { label: "CPU", percent: 0 }),
-                  /* @__PURE__ */ jsx11(MiniMeter, { label: "RAM", percent: 0 })
-                ] }) : null }),
-                /* @__PURE__ */ jsx11("td", { className: "px-6 py-5 text-right", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-end gap-1", children: [
-                  isActive && /* @__PURE__ */ jsxs10(Fragment7, { children: [
-                    /* @__PURE__ */ jsx11("button", { type: "button", onClick: (e) => {
-                      stopRowClick(e);
-                      onOpenIDE?.(sb.id);
-                    }, className: "p-2 rounded-lg hover:bg-surface-container-high text-muted-foreground hover:text-foreground transition-all active:scale-90", title: "Open IDE", children: /* @__PURE__ */ jsx11(Code2, { className: "h-4 w-4" }) }),
-                    /* @__PURE__ */ jsx11("button", { type: "button", onClick: (e) => {
-                      stopRowClick(e);
-                      onOpenTerminal?.(sb.id);
-                    }, className: "p-2 rounded-lg hover:bg-surface-container-high text-muted-foreground hover:text-foreground transition-all active:scale-90", title: "Terminal", children: /* @__PURE__ */ jsx11(Terminal, { className: "h-4 w-4" }) }),
-                    /* @__PURE__ */ jsx11("button", { type: "button", onClick: (e) => {
-                      stopRowClick(e);
-                      onSSH?.(sb.id);
-                    }, className: "p-2 rounded-lg hover:bg-surface-container-high text-muted-foreground hover:text-foreground transition-all active:scale-90", title: "SSH", children: /* @__PURE__ */ jsx11(Key, { className: "h-4 w-4" }) })
-                  ] }),
-                  resumeHandler && /* @__PURE__ */ jsxs10(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: (e) => {
-                        stopRowClick(e);
-                        resumeHandler(sb.id);
-                      },
-                      className: "inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-[var(--md3-outline-variant)] text-primary text-[10px] font-bold uppercase tracking-wider hover:bg-[var(--accent-surface-soft)] active:scale-95 transition-all",
-                      title: resumeLabel,
-                      children: [
-                        /* @__PURE__ */ jsx11(Play2, { className: "h-3 w-3" }),
-                        resumeLabel
-                      ]
-                    }
-                  ),
-                  (() => {
-                    const runItem = (handler) => (e) => {
-                      e.stopPropagation();
-                      handler(sb.id);
-                    };
-                    const overflowSections = [];
-                    if (isActive) {
-                      const lifecycle = [];
-                      if (onStop) lifecycle.push(
-                        /* @__PURE__ */ jsxs10(DropdownMenuItem3, { onClick: runItem(onStop), children: [
-                          /* @__PURE__ */ jsx11(PowerOff2, { className: "mr-2 h-4 w-4" }),
-                          " Stop Sandbox"
-                        ] }, "stop")
-                      );
-                      if (onKeepAlive) lifecycle.push(
-                        /* @__PURE__ */ jsxs10(DropdownMenuItem3, { onClick: runItem(onKeepAlive), children: [
-                          /* @__PURE__ */ jsx11(Clock2, { className: "mr-2 h-4 w-4" }),
-                          " Keep Alive"
-                        ] }, "keep-alive")
-                      );
-                      if (lifecycle.length) overflowSections.push(lifecycle);
-                      const observability = [];
-                      if (onUsage) observability.push(
-                        /* @__PURE__ */ jsxs10(DropdownMenuItem3, { onClick: runItem(onUsage), children: [
-                          /* @__PURE__ */ jsx11(BarChart22, { className: "mr-2 h-4 w-4" }),
-                          " View Usage"
-                        ] }, "usage")
-                      );
-                      if (onHealth) observability.push(
-                        /* @__PURE__ */ jsxs10(DropdownMenuItem3, { onClick: runItem(onHealth), children: [
-                          /* @__PURE__ */ jsx11(Activity2, { className: "mr-2 h-4 w-4" }),
-                          " Health Check"
-                        ] }, "health")
-                      );
-                      if (observability.length) overflowSections.push(observability);
-                      if (onFork) overflowSections.push([
-                        /* @__PURE__ */ jsxs10(DropdownMenuItem3, { onClick: runItem(onFork), children: [
-                          /* @__PURE__ */ jsx11(Copy2, { className: "mr-2 h-4 w-4" }),
-                          " Fork Sandbox"
-                        ] }, "fork")
-                      ]);
-                    } else if (isResumable(sb.status)) {
-                      if (onFork) overflowSections.push([
-                        /* @__PURE__ */ jsxs10(DropdownMenuItem3, { onClick: runItem(onFork), children: [
-                          /* @__PURE__ */ jsx11(Copy2, { className: "mr-2 h-4 w-4" }),
-                          " Fork Sandbox"
-                        ] }, "fork")
-                      ]);
-                    }
-                    if (onMore) overflowSections.push([
-                      /* @__PURE__ */ jsxs10(DropdownMenuItem3, { onClick: runItem(onMore), children: [
-                        /* @__PURE__ */ jsx11(ExternalLink, { className: "mr-2 h-4 w-4" }),
-                        " View Details"
-                      ] }, "view-details")
-                    ]);
-                    if (overflowSections.length === 0) return null;
-                    return /* @__PURE__ */ jsxs10(DropdownMenu3, { children: [
-                      /* @__PURE__ */ jsx11(DropdownMenuTrigger3, { asChild: true, children: /* @__PURE__ */ jsx11(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: stopRowClick,
-                          className: `p-2 rounded-lg hover:bg-surface-container-high text-muted-foreground hover:text-foreground transition-all active:scale-90 ${focusRing3}`,
-                          "aria-label": `More actions for ${sb.name}`,
-                          title: "More actions",
-                          children: /* @__PURE__ */ jsx11(MoreVertical2, { className: "h-4 w-4" })
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx11(DropdownMenuContent3, { align: "end", className: "min-w-[180px]", children: overflowSections.map((section, sectionIdx) => /* @__PURE__ */ jsxs10(React7.Fragment, { children: [
-                        sectionIdx > 0 && /* @__PURE__ */ jsx11(DropdownMenuSeparator3, {}),
-                        section
-                      ] }, sectionIdx)) })
-                    ] });
-                  })(),
-                  onDelete && canAdminSandbox(sb) && /* @__PURE__ */ jsx11("button", { type: "button", "aria-label": `Delete ${sb.name}`, onClick: (e) => {
-                    stopRowClick(e);
-                    onDelete(sb.id);
-                  }, className: `p-2 rounded-lg hover:bg-[var(--surface-danger-bg)] text-muted-foreground hover:text-[var(--surface-danger-text)] transition-all active:scale-90 ${focusRing3}`, title: "Delete", children: /* @__PURE__ */ jsx11(Trash22, { className: "h-4 w-4" }) })
-                ] }) })
-              ]
-            },
-            sb.id
-          )
-        );
-      }) })
-    ] }) }) }),
-    totalPages > 1 && /* @__PURE__ */ jsxs10("div", { className: "mt-6 flex flex-col md:flex-row justify-between items-center text-muted-foreground text-xs font-medium gap-4", children: [
-      /* @__PURE__ */ jsxs10("p", { children: [
-        "Showing ",
-        sandboxes.length,
-        " of ",
-        totalCount,
-        " active sandboxes"
-      ] }),
-      /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx11("button", { type: "button", onClick: () => onPageChange?.(page - 1), disabled: page <= 1, className: "p-2 rounded-lg border border-[var(--md3-outline-variant)] hover:bg-surface-container-high transition-colors disabled:opacity-30", children: /* @__PURE__ */ jsx11(ChevronLeft, { className: "h-4 w-4" }) }),
-        Array.from({ length: Math.min(totalPages, 5) }, (_, i) => i + 1).map((p) => /* @__PURE__ */ jsx11(
-          "button",
-          {
-            type: "button",
-            onClick: () => onPageChange?.(p),
-            className: cn(
-              "px-3 py-1 rounded-lg transition-colors",
-              p === page ? "bg-[var(--accent-surface-soft)] text-primary border border-[var(--md3-outline)]" : "hover:bg-surface-container-high"
-            ),
-            children: p
-          },
-          p
-        )),
-        /* @__PURE__ */ jsx11("button", { type: "button", onClick: () => onPageChange?.(page + 1), disabled: page >= totalPages, className: "p-2 rounded-lg border border-[var(--md3-outline-variant)] hover:bg-surface-container-high transition-colors disabled:opacity-30", children: /* @__PURE__ */ jsx11(ChevronRight, { className: "h-4 w-4" }) })
-      ] })
-    ] })
-  ] });
-}
-
-// src/dashboard/invoice-table.tsx
-import { Download, FileText } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-var statusStyle = {
-  paid: "bg-[var(--accent-surface-soft)] text-primary border border-[var(--md3-outline-variant)]",
-  pending: "bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)] border border-[var(--surface-warning-border)]",
-  failed: "bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)] border border-[var(--surface-danger-border)]"
-};
-function InvoiceTable({ invoices, onExportAll, onLoadMore, onViewInvoice, hasMore, className }) {
-  return /* @__PURE__ */ jsxs11("section", { className, children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex justify-between items-center mb-6 px-2", children: [
-      /* @__PURE__ */ jsx12("h2", { className: "text-2xl font-bold text-foreground tracking-tight", children: "Invoice History" }),
-      onExportAll && /* @__PURE__ */ jsxs11("button", { type: "button", onClick: onExportAll, className: "text-[10px] font-mono text-primary uppercase tracking-widest flex items-center gap-2 hover:underline", children: [
-        /* @__PURE__ */ jsx12(Download, { className: "h-3.5 w-3.5" }),
-        "Export All"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx12("div", { className: "bg-surface-container rounded-xl overflow-hidden border border-[var(--md3-outline-variant)]", children: /* @__PURE__ */ jsxs11("table", { className: "w-full text-left border-collapse", children: [
-      /* @__PURE__ */ jsx12("thead", { children: /* @__PURE__ */ jsxs11("tr", { className: "bg-surface-container-high border-b border-[var(--md3-outline-variant)]", children: [
-        /* @__PURE__ */ jsx12("th", { className: "px-6 py-4 font-mono text-[10px] text-muted-foreground uppercase tracking-widest", children: "Invoice ID" }),
-        /* @__PURE__ */ jsx12("th", { className: "px-6 py-4 font-mono text-[10px] text-muted-foreground uppercase tracking-widest", children: "Date" }),
-        /* @__PURE__ */ jsx12("th", { className: "px-6 py-4 font-mono text-[10px] text-muted-foreground uppercase tracking-widest", children: "Amount" }),
-        /* @__PURE__ */ jsx12("th", { className: "px-6 py-4 font-mono text-[10px] text-muted-foreground uppercase tracking-widest", children: "Status" }),
-        /* @__PURE__ */ jsx12("th", { className: "px-6 py-4 font-mono text-[10px] text-muted-foreground uppercase tracking-widest text-right", children: "Action" })
-      ] }) }),
-      /* @__PURE__ */ jsx12("tbody", { className: "divide-y divide-border", children: invoices.map((inv) => /* @__PURE__ */ jsxs11("tr", { className: "hover:bg-surface-container-high transition-colors", children: [
-        /* @__PURE__ */ jsx12("td", { className: "px-6 py-5 font-mono text-xs text-foreground", children: inv.id }),
-        /* @__PURE__ */ jsx12("td", { className: "px-6 py-5 text-sm text-foreground", children: inv.date }),
-        /* @__PURE__ */ jsxs11("td", { className: "px-6 py-5 text-sm font-bold text-foreground", children: [
-          "$",
-          inv.amount.toFixed(2)
-        ] }),
-        /* @__PURE__ */ jsx12("td", { className: "px-6 py-5", children: /* @__PURE__ */ jsx12("span", { className: cn("px-2 py-1 text-[10px] font-mono rounded uppercase", statusStyle[inv.status] ?? statusStyle.paid), children: inv.status }) }),
-        /* @__PURE__ */ jsx12("td", { className: "px-6 py-5 text-right", children: /* @__PURE__ */ jsx12("button", { type: "button", onClick: () => onViewInvoice?.(inv.id), className: "text-muted-foreground hover:text-foreground transition-colors", children: /* @__PURE__ */ jsx12(FileText, { className: "h-4 w-4" }) }) })
-      ] }, inv.id)) })
-    ] }) }),
-    hasMore && onLoadMore && /* @__PURE__ */ jsx12("div", { className: "mt-6 flex justify-center", children: /* @__PURE__ */ jsx12("button", { type: "button", onClick: onLoadMore, className: "px-8 py-2 text-[10px] font-mono text-muted-foreground border border-[var(--md3-outline-variant)] rounded-full hover:bg-surface-container-high transition-colors uppercase tracking-widest", children: "Load More History" }) })
-  ] });
-}
-
-// src/dashboard/plan-cards.tsx
-import { Check as Check2 } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
-function PlanCards({ plans, className }) {
-  return /* @__PURE__ */ jsxs12("section", { className, children: [
-    /* @__PURE__ */ jsx13("h2", { className: "text-2xl font-bold text-foreground tracking-tight mb-5 px-2", children: "Subscription Plans" }),
-    /* @__PURE__ */ jsx13("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: plans.map((plan) => /* @__PURE__ */ jsxs12(
-      "div",
-      {
-        className: cn(
-          "p-5 rounded-xl transition-all relative overflow-hidden border",
-          plan.popular ? "bg-surface-container-high border-[var(--md3-outline-variant)]" : "bg-surface-container border-[var(--md3-outline-variant)] hover:bg-surface-container-high hover:border-primary/20"
-        ),
-        children: [
-          plan.popular && /* @__PURE__ */ jsx13("div", { className: "absolute top-0 right-0 bg-[var(--accent-surface-soft)] border-l border-b border-[var(--md3-outline-variant)] px-4 py-1 text-[10px] font-bold text-[var(--accent-text)] uppercase tracking-widest rounded-bl-lg", children: "Popular" }),
-          /* @__PURE__ */ jsxs12("div", { className: "mb-4", children: [
-            /* @__PURE__ */ jsx13("div", { className: cn("text-xs font-mono uppercase tracking-widest mb-2", plan.popular ? "text-primary" : "text-muted-foreground"), children: plan.name }),
-            /* @__PURE__ */ jsxs12("div", { className: "text-3xl font-bold text-foreground", children: [
-              "$",
-              plan.price,
-              /* @__PURE__ */ jsxs12("span", { className: "text-sm font-normal text-muted-foreground tracking-normal", children: [
-                "/",
-                plan.period ?? "mo"
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx13("ul", { className: "space-y-2 mb-5 text-sm text-muted-foreground", children: plan.features.map((f, i) => /* @__PURE__ */ jsxs12("li", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx13(Check2, { className: "h-3.5 w-3.5 text-primary shrink-0" }),
-            f.text
-          ] }, i)) }),
-          /* @__PURE__ */ jsx13(
-            "button",
-            {
-              type: "button",
-              onClick: () => plan.onSelect?.(plan.id),
-              className: cn(
-                "w-full py-3 rounded-lg text-xs font-bold uppercase tracking-widest transition-all border",
-                plan.current ? "border-[var(--md3-outline-variant)] text-muted-foreground hover:border-primary/20 hover:text-foreground" : plan.popular ? "bg-[var(--accent-surface-soft)] border-[var(--md3-outline-variant)] text-[var(--accent-text)] hover:bg-[var(--accent-surface-strong)] active:scale-95 transition-transform" : "border-[var(--md3-outline-variant)] text-foreground hover:border-primary/20 hover:text-primary"
-              ),
-              children: plan.ctaLabel ?? (plan.current ? "Current Plan" : "Upgrade Now")
-            }
-          )
-        ]
-      },
-      plan.id
-    )) })
-  ] });
-}
-
-// src/dashboard/backend-selector.tsx
-import { ChevronDown } from "lucide-react";
-import * as Select from "@radix-ui/react-select";
-import { focusRing as focusRing4 } from "@tangle-network/ui/utils";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-function BackendSelector({
-  backends,
-  selected,
-  onChange,
-  variant = "pill",
-  label = "Model",
-  placeholder = "Select a model",
-  className,
-  triggerClassName
-}) {
-  const current = backends.find((b) => b.type === selected);
-  const triggerText = current?.label ?? placeholder;
-  const ariaLabel = label ? `${label}: ${triggerText}` : triggerText;
-  const trigger = variant === "pill" ? /* @__PURE__ */ jsxs13(
-    Select.Trigger,
-    {
-      "aria-label": ariaLabel,
-      className: cn(
-        "inline-flex h-8 items-center gap-1.5 rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container",
-        "px-2.5 text-xs font-medium text-foreground shadow-sm",
-        "transition-colors duration-[var(--transition-fast)]",
-        "hover:border-[var(--md3-outline-variant)] hover:bg-surface-container-high",
-        focusRing4,
-        "data-[state=open]:border-[var(--md3-outline)] data-[state=open]:bg-surface-container-high",
-        "disabled:opacity-50 disabled:cursor-not-allowed",
-        triggerClassName
-      ),
-      children: [
-        current?.icon,
-        /* @__PURE__ */ jsx14("span", { className: cn("truncate max-w-[140px]", current ? void 0 : "text-muted-foreground"), children: triggerText }),
-        current?.description && /* @__PURE__ */ jsx14("span", { className: "sr-only", children: current.description }),
-        /* @__PURE__ */ jsx14(Select.Icon, { asChild: true, children: /* @__PURE__ */ jsx14(ChevronDown, { className: "h-3 w-3 shrink-0 text-muted-foreground transition-transform duration-[var(--transition-fast)] data-[state=open]:rotate-180" }) })
-      ]
-    }
-  ) : /* @__PURE__ */ jsxs13(
-    Select.Trigger,
-    {
-      "aria-label": ariaLabel,
-      className: cn(
-        "flex w-full items-center justify-between gap-2 rounded-[var(--radius-md)]",
-        "border border-[var(--md3-outline-variant)] bg-surface-container px-3 py-2.5 text-sm text-left",
-        "transition-colors duration-[var(--transition-fast)]",
-        "hover:border-[var(--md3-outline-variant)] hover:bg-surface-container-high",
-        focusRing4,
-        "data-[state=open]:border-[var(--md3-outline)] data-[state=open]:bg-surface-container-high",
-        "disabled:opacity-50 disabled:cursor-not-allowed",
-        triggerClassName
-      ),
-      children: [
-        /* @__PURE__ */ jsxs13("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-          current?.icon,
-          /* @__PURE__ */ jsx14("span", { className: cn("min-w-0 truncate", current ? "font-medium text-foreground" : "text-muted-foreground"), children: triggerText }),
-          current?.description && /* @__PURE__ */ jsx14("span", { className: "sr-only", children: current.description })
-        ] }),
-        /* @__PURE__ */ jsx14(Select.Icon, { asChild: true, children: /* @__PURE__ */ jsx14(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-[var(--transition-fast)] data-[state=open]:rotate-180" }) })
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxs13("div", { className: cn(variant === "field" ? "space-y-1.5" : "inline-flex", className), children: [
-    variant === "field" && label && /* @__PURE__ */ jsx14("label", { className: "block text-xs font-medium text-muted-foreground uppercase tracking-[0.06em]", children: label }),
-    /* @__PURE__ */ jsxs13(Select.Root, { value: selected, onValueChange: onChange, children: [
-      trigger,
-      /* @__PURE__ */ jsx14(Select.Portal, { children: /* @__PURE__ */ jsx14(
-        Select.Content,
-        {
-          position: "popper",
-          sideOffset: 4,
-          className: cn(
-            "z-50 overflow-hidden",
-            variant === "pill" ? "min-w-[240px] max-w-[320px]" : "w-[var(--radix-select-trigger-width)]",
-            "rounded-[var(--radius-md)] border border-[var(--md3-outline-variant)]",
-            "bg-surface-container-highest shadow-[0_8px_30px_rgba(0,0,0,0.45)] ring-1 ring-[#ffffff14]",
-            "data-[state=open]:animate-in data-[state=closed]:animate-out",
-            "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-            "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
-            "data-[side=bottom]:slide-in-from-top-1"
-          ),
-          children: /* @__PURE__ */ jsx14(Select.Viewport, { className: "p-1", children: backends.map((backend) => /* @__PURE__ */ jsxs13(
-            Select.Item,
-            {
-              value: backend.type,
-              className: cn(
-                "relative flex cursor-pointer select-none items-start gap-2.5 rounded-[var(--radius-sm)]",
-                "px-3 py-2 text-sm outline-none",
-                "transition-colors duration-[var(--transition-fast)]",
-                "hover:bg-accent/50 focus:bg-accent/50",
-                "data-[state=checked]:bg-[var(--accent-surface-soft)] data-[state=checked]:text-[var(--brand-primary)]"
-              ),
-              children: [
-                backend.icon && /* @__PURE__ */ jsx14("span", { className: "mt-0.5 shrink-0", children: backend.icon }),
-                /* @__PURE__ */ jsxs13("span", { className: "flex min-w-0 flex-col", children: [
-                  /* @__PURE__ */ jsx14(Select.ItemText, { children: /* @__PURE__ */ jsx14("span", { className: "font-medium", children: backend.label }) }),
-                  backend.description && /* @__PURE__ */ jsx14("span", { className: "mt-0.5 text-xs text-muted-foreground data-[state=checked]:text-[var(--accent-text)]", children: backend.description })
-                ] })
-              ]
-            },
-            backend.type
-          )) })
-        }
-      ) })
-    ] })
-  ] });
-}
-
-// src/dashboard/harness-logo.tsx
-import { Bot, Plug, Terminal as Terminal2 } from "lucide-react";
-
-// node_modules/.pnpm/@lobehub+icons-static-svg@1.94.0/node_modules/@lobehub/icons-static-svg/icons/amp.svg
-var amp_default = 'data:image/svg+xml,<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Amp</title><path d="M15.087 23.18L12.03 24l-2.097-7.823-5.738 5.738-2.251-2.251 5.718-5.719-7.769-2.082.82-3.057 11.294 3.08 3.08 11.295z"></path><path d="M19.505 18.762l-3.057.82-2.564-9.573-9.572-2.564.819-3.057 11.295 3.079 3.08 11.295z"></path><path d="M23.893 14.374l-3.057.82-2.565-9.572L8.7 3.057 9.52 0l11.295 3.08 3.079 11.294z"></path></svg>';
-
-// node_modules/.pnpm/@lobehub+icons-static-svg@1.94.0/node_modules/@lobehub/icons-static-svg/icons/claudecode.svg
-var claudecode_default = 'data:image/svg+xml,<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Claude Code</title><path clip-rule="evenodd" d="M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z"></path></svg>';
-
-// node_modules/.pnpm/@lobehub+icons-static-svg@1.94.0/node_modules/@lobehub/icons-static-svg/icons/codex.svg
-var codex_default = 'data:image/svg+xml,<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Codex</title><path clip-rule="evenodd" d="M8.086.457a6.105 6.105 0 013.046-.415c1.333.153 2.521.72 3.564 1.7a.117.117 0 00.107.029c1.408-.346 2.762-.224 4.061.366l.063.03.154.076c1.357.703 2.33 1.77 2.918 3.198.278.679.418 1.388.421 2.126a5.655 5.655 0 01-.18 1.631.167.167 0 00.04.155 5.982 5.982 0 011.578 2.891c.385 1.901-.01 3.615-1.183 5.14l-.182.22a6.063 6.063 0 01-2.934 1.851.162.162 0 00-.108.102c-.255.736-.511 1.364-.987 1.992-1.199 1.582-2.962 2.462-4.948 2.451-1.583-.008-2.986-.587-4.21-1.736a.145.145 0 00-.14-.032c-.518.167-1.04.191-1.604.185a5.924 5.924 0 01-2.595-.622 6.058 6.058 0 01-2.146-1.781c-.203-.269-.404-.522-.551-.821a7.74 7.74 0 01-.495-1.283 6.11 6.11 0 01-.017-3.064.166.166 0 00.008-.074.115.115 0 00-.037-.064 5.958 5.958 0 01-1.38-2.202 5.196 5.196 0 01-.333-1.589 6.915 6.915 0 01.188-2.132c.45-1.484 1.309-2.648 2.577-3.493.282-.188.55-.334.802-.438.286-.12.573-.22.861-.304a.129.129 0 00.087-.087A6.016 6.016 0 015.635 2.31C6.315 1.464 7.132.846 8.086.457zm-.804 7.85a.848.848 0 00-1.473.842l1.694 2.965-1.688 2.848a.849.849 0 001.46.864l1.94-3.272a.849.849 0 00.007-.854l-1.94-3.393zm5.446 6.24a.849.849 0 000 1.695h4.848a.849.849 0 000-1.696h-4.848z"></path></svg>';
-
-// node_modules/.pnpm/@lobehub+icons-static-svg@1.94.0/node_modules/@lobehub/icons-static-svg/icons/hermesagent.svg
-var hermesagent_default = 'data:image/svg+xml,<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Hermes Agent</title><path d="M5.938 12.835c.127-.039.285.02.373.143.028.038.036.092.046.14.003.014-.02.033-.04.05-.124-.098-.24-.194-.354-.291-.011-.01-.016-.027-.025-.042zM8.396 9.412c.195-.032.39-.06.588-.05a.54.54 0 01.148.026c.202.071.402.147.601.224.028.01.05.036.075.055l-.013.027a9.203 9.203 0 01-.26-.089c-.115-.038-.213-.077-.315-.098-.25-.05-.25-.046-.292-.014l.574.144c.275.139.55.276.823.417.042.022.09.057.107.098.026.06.063.076.117.072.066-.006.132-.017.213-.027l-.04.086c.051.08.142.02.216.064-.074.13-.247.09-.334.199l.061.074-.12.087c0 .106-.038.168-.306.243l.026.085-.196.042.07.124h-.25l-.007.137c-.081-.01-.161-.018-.244-.027l-.053.123c-.027-.008-.052-.011-.073-.023-.067-.038-.128-.056-.195.006-.019.017-.063.014-.093.008-.026-.006-.05-.029-.07-.042-.11.095-.11.095-.208.003-.057.046-.12.074-.186.011-.063.027-.123-.02-.178-.014-.07.007-.097-.035-.133-.07l-.13.033c-.013-.236-.194-.19-.34-.203.005-.072.05-.092.095-.094a.474.474 0 01.159.022c.164.05.32.12.496.138.203.021.405.029.601-.015.265-.059.52-.149.707-.365.049-.056.083-.127.117-.195.019-.038.02-.084-.02-.116a1.397 1.397 0 00-.382-.217c.024.12-.031.182-.115.221 0 .014-.004.025 0 .03.08.115.084.16-.007.267a1.39 1.39 0 01-.218.211.477.477 0 01-.641-.05 1.36 1.36 0 01-.133-.152c-.078-.107-.076-.108-.033-.236-.165-.08-.128-.226-.104-.364.008-.05.028-.096.049-.163-.04.014-.067.017-.087.032a.897.897 0 00-.316.357c-.007.016-.01.034-.02.047-.012.015-.034.038-.045.035-.02-.006-.037-.027-.05-.045-.008-.012-.007-.032-.012-.057h-.126l.053-.172a14.82 14.82 0 00-.039-.049l.11-.284c-.06.026-.091.044-.124.051-.03.007-.064 0-.095 0 0-.031-.01-.07.004-.092.149-.22.305-.428.593-.476z"></path><path d="M8.06 10.788c-.003-.038-.004-.075.037-.062.016.006.034.048.028.067-.01.04-.038.032-.064-.005z"></path><path clip-rule="evenodd" d="M11.981.009c.226-.012.453-.011.679 0 .247.01.495.024.74.062.401.064.798.157 1.19.273.463.138.92.299 1.356.511a7.31 7.31 0 012.948 2.642c.292.469.536.963.739 1.479.219.556.446 1.11.623 1.683.204.654.329 1.326.458 1.997.097.504.182 1.01.29 1.511.156.722.329 1.44.494 2.16.186.812.4 1.615.63 2.415.102.355.193.713.282 1.072.11.436.202.876.254 1.323.031.278.066.557.073.837a7.56 7.56 0 01-.017.88c-.037.413-.1.818-.226 1.212a5.017 5.017 0 01-.915 1.649l-.13.156.018.023c.043-.023.088-.041.127-.068.2-.138.373-.307.531-.49.4-.46.721-.973.975-1.529a3.59 3.59 0 00.325-1.72c-.024-.424-.097-.834-.3-1.213-.013-.027-.015-.06-.03-.121.05.035.082.048.101.072.107.13.22.258.315.398.33.494.46 1.052.486 1.64a3.75 3.75 0 01-.47 1.97c-.36.655-.887 1.14-1.526 1.506-.193.111-.394.21-.595.308-.157.078-.248.211-.318.365a.522.522 0 00-.033.406.359.359 0 01.013.139c-.005.077-.077.155-.14.162-.054.006-.125-.043-.15-.116a1.206 1.206 0 01-.06-.233c-.04-.314-.155-.6-.308-.87a3.906 3.906 0 00-.73-.91 2.129 2.129 0 00-.897-.524 4.093 4.093 0 00-.692-.131c-.075-.008-.15-.04-.22.01.18.06.363.11.538.18.434.173.82.43 1.18.728.308.255.58.543.794.884.098.155.186.315.227.496.027.123.042.25.067.375.013.062-.002.109-.053.144-.047.033-.122.034-.163-.01a.455.455 0 01-.08-.14c-.03-.073-.038-.159-.078-.225a7.314 7.314 0 00-1.423-1.664c-.16-.137-.329-.26-.537-.323-.376-.114-.753-.203-1.15-.154-.213.025-.427.032-.64.053a1.6 1.6 0 00-.736.278 5.14 5.14 0 00-.834.72c-.329.342-.642.699-.955 1.055-.136.155-.264.319-.314.531a5.227 5.227 0 00-.012.051.096.096 0 01-.09.076h-.31c-.046 0-.082-.048-.072-.094.023-.108.045-.216.07-.324.075-.325.19-.635.368-.917.024-.039.04-.088.104-.08l.01.049.027.077c.28-.435.571-.834.996-1.135.283-.204.584-.378.89-.55a.196.196 0 00-.098-.002c-.162.043-.325.084-.485.134-.402.124-.764.33-1.11.566-.147.1-.298.193-.414.333a7.314 7.314 0 00-1.07 1.767.845.845 0 00-.04.12.075.075 0 01-.072.056h-.494c-.04 0-.062-.051-.036-.082.123-.14.246-.282.377-.415.275-.281.58-.532.777-.884.027-.048.063-.09.095-.135.238-.333.54-.607.818-.902.082-.086.175-.16.26-.24.029-.027.053-.057.079-.085l-.018-.025-.135.041c-.034.017-.07.031-.102.05-.248.144-.494.292-.743.433-.408.23-.825.439-1.209.711-.281.2-.591.358-.889.533-.02.012-.044.015-.08.028-.015-.135.143-.201.108-.336-.033.014-.064.02-.085.038-.111.096-.227.19-.328.296-.148.157-.284.325-.425.488-.125.143-.25.286-.373.431A.153.153 0 019.89 24H8.762a.316.316 0 00.016-.042c.028-.09.085-.172.083-.28-.091-.018-.162.001-.212.077a4.45 4.45 0 00-.136.215c-.01.016-.024.03-.042.03h-.093c-.019 0-.029-.022-.017-.037.071-.088.14-.178.209-.268.001-.002-.006-.012-.012-.024-.014.004-.03.006-.045.013-.176.09-.352.181-.527.274a.363.363 0 01-.168.042H5.202c-.026 0-.039-.036-.019-.053.21-.178.402-.374.558-.605.335-.496.538-1.047.667-1.629.004-.02-.003-.043-.006-.091-.037.048-.059.072-.076.1a1.943 1.943 0 01-.334.415c-.28.258-.59.448-.983.464-.297.012-.588 0-.865-.127-.46-.21-.722-.57-.794-1.072-.025-.17-.017-.171-.182-.219A3.513 3.513 0 011.97 20.6a2.286 2.286 0 01-.808-1.13 3.569 3.569 0 01-.16-1.245c.002-.034.016-.067.024-.1.032.023.046.043.05.066.033.153.059.308.096.46.086.355.257.664.516.92.258.256.571.419.91.532.358.118.717.138 1.07-.016a1.89 1.89 0 00.621-.452c.328-.348.533-.76.648-1.223.009-.034.005-.071.007-.11-.015.006-.026.006-.03.011-.031.05-.064.1-.093.152-.284.502-.679.887-1.196 1.135-.351.17-.718.255-1.11.159a1.607 1.607 0 01-.971-.64 2.006 2.006 0 01-.368-.924 2.903 2.903 0 01.02-.886c.05-.439.466-1.17.742-1.271-.02.063-.035.112-.053.16-.043.116-.097.227-.13.345a1.901 1.901 0 00-.05.82c.033.212.09.416.204.6.147.236.346.407.62.465.11.023.225.014.338.018a.576.576 0 00.386-.131c.164-.128.282-.292.366-.481.168-.375.24-.777.309-1.179.05-.296.093-.594.133-.893.039-.281.071-.563.104-.845.026-.232.048-.464.074-.696.024-.228.052-.455.076-.683.024-.227.047-.455.069-.683.013-.14.022-.28.034-.42l.037-.417c.022-.25.041-.5.065-.748.008-.082-.02-.132-.09-.177a2.46 2.46 0 01-.492-.418c-.1-.109-.188-.228-.282-.342-.035-.042-.056-.097-.116-.118a2.084 2.084 0 00.275.597c.06.092.131.176.196.265.063.086.182.115.234.226-.028.003-.046.01-.06.006a4.74 4.74 0 01-.22-.057 2.71 2.71 0 01-1.287-.819c-.435-.487-.656-1.076-.71-1.723a5.206 5.206 0 01.014-1.06c.072-.602.22-1.186.45-1.745.155-.376.338-.741.526-1.102.205-.393.466-.75.765-1.076.512-.559 1.104-1.024 1.726-1.448.717-.49 1.478-.898 2.277-1.233C8.244.828 8.767.632 9.31.494c.655-.166 1.31-.33 1.982-.415.229-.03.458-.058.688-.07zm-1.847 22.82c-.07.06-.147.111-.207.18-.238.27-.464.549-.668.869l-.044.108a.177.177 0 00.093-.057c.174-.19.351-.378.519-.574.104-.122.195-.255.288-.386.024-.034.03-.08.046-.12l-.027-.02zm1.65-3.695a5.51 5.51 0 00-.653.593l-.37.386a.963.963 0 01-.377.25 1.372 1.372 0 01-.467.09c-.044 0-.087.006-.151.012.028.058.043.097.064.131.15.242.301.482.45.724.136.22.276.438.399.666.068.125.105.267.156.404.077.027.14-.018.202-.048.29-.135.579-.274.867-.412.213-.101.437-.186.636-.31.347-.215.68-.455 1.018-.685.015-.01.026-.028.042-.046-.023-.019-.038-.037-.056-.044-.287-.111-.527-.3-.77-.482a5.319 5.319 0 01-.506-.42 1.757 1.757 0 01-.41-.653c-.019-.049-.045-.095-.075-.156zm-5.847.264c-.06.096-.097.194-.132.293a3.38 3.38 0 01-.555 1.01c-.2.25-.455.412-.762.493-.23.06-.464.076-.7.07-.048-.002-.097.002-.158.005.016.04.021.066.035.085.1.145.23.246.4.295.157.046.316.034.498.023.181-.037.343-.115.485-.234.238-.199.402-.454.536-.732.175-.363.264-.751.342-1.144.01-.053.008-.11.011-.164zm14.945-4.586c.008.029.016.057.027.107.024.155.051.31.072.464.03.219.067.437.078.657.017.344.027.689-.014 1.033-.037.315-.063.633-.116.946a6.153 6.153 0 01-.46 1.518c-.008.018-.01.039-.02.082.047-.03.077-.042.098-.064.085-.083.17-.167.248-.255.271-.305.458-.66.596-1.043.18-.498.228-1.011.145-1.531-.103-.65-.33-1.263-.597-1.881a9.055 9.055 0 00-.024-.055l-.033.022zM5.797 8.29a.26.26 0 00.018.153c.124.251.25.501.379.75.025.049.066.09.03.163-.284.06-.578.119-.88.255.059.038.097.06.132.087.042.032.112.058.09.12-.01.033-.075.048-.117.072.017.01.043.021.067.036.166.102.33.207.447.368.138.192.229.404.188.644-.079.469-.306.85-.69 1.132-.054.04-.106.083-.161.122a.243.243 0 00-.103.245.77.77 0 00.055.195c.083.196.22.35.375.492.083.076.159.164.222.257a.37.37 0 01.025.377c-.023.05-.05.099-.076.148-.03.06-.028.111.022.162.041.042.08.089.112.138.038.058.078.079.147.05a.486.486 0 01.333-.006c.16.046.302.126.444.21.13.077.264.149.4.219.067.035.14.05.219.026.071-.022.124.01.145.076.02.064-.003.108-.074.139-.07.03-.137.063-.209.088-.1.035-.201.073-.314.077-.013-.107.11-.088.127-.159-.206-.126-.643-.145-.801-.034.063.112.035.21-.096.313-.13-.1-.025-.202.002-.3a.209.209 0 00-.249.17c-.015.101.067.216.178.224.108.007.218-.005.326-.012.06-.005.12-.027.199 0-.103.123-.248.127-.357.19.002.05.07.086.019.131-.053.048-.095-.001-.132-.03-.08-.063-.16-.126-.231-.197a.474.474 0 01-.157-.311.52.52 0 00-.043-.172c-.032-.074-.032-.137.033-.19-.018-.03-.028-.053-.045-.072a1.222 1.222 0 01-.196-.369c-.053-.137-.046-.264.048-.381.024-.03.05-.06.064-.095a.664.664 0 00.047-.168c.017-.165-.064-.287-.182-.387-.186-.156-.36-.322-.46-.551-.005-.011-.024-.017-.037-.026-.011.017-.024.027-.025.038-.019.185-.045.37-.052.557-.014.377.058.743.162 1.104.118.41.289.798.488 1.173.267.502.537 1.002.812 1.5.055.098.13.189.208.27.198.202.452.272.724.273.202 0 .404-.006.605-.026.295-.03.59-.073.884-.113.183-.025.365-.057.548-.08.21-.026.38.073.522.21.16.156.305.327.447.5.22.265.397.56.554.867.05.098.07.1.147.03.13-.121.26-.242.394-.36.067-.059.088-.12.067-.213a3.535 3.535 0 01-.085-.796c.002-.157.006-.314.018-.471.015-.224.03-.45.06-.672a59.114 59.114 0 01.362-2.298c.087-.493.182-.984.268-1.477.06-.347.118-.694.162-1.043.034-.273.055-.55.063-.825.011-.332.003-.665.002-.998 0-.077.004-.155-.01-.23-.028-.142-.01-.155-.162-.19a5.826 5.826 0 00-.607-.107c-.146-.018-.207-.053-.221-.19-.006-.049-.025-.098-.041-.146-.009-.025-.024-.048-.046-.09l-.025.264c-.009.096-.029.116-.127.115-.055 0-.11-.008-.164-.008-.476 0-.952-.008-1.426.032-.095.008-.173-.015-.226-.103-.04-.066-.088-.126-.134-.186-.063-.084-.086-.093-.182-.06-.195.068-.388.138-.582.21a2.71 2.71 0 00-.675.394.986.986 0 01-.323.168c-.033.01-.07.008-.127.013.02-.066.024-.114.047-.15.064-.105.135-.205.205-.306.023-.033.049-.063.073-.095l-.015-.023-.201.037c-.146.04-.296.07-.437.122-.148.053-.266.023-.386-.072a3.623 3.623 0 01-.733-.786l-.093-.132zm8.592 8.963l-.147.09c-.22.134-.44.266-.659.402-.093.058-.184.12-.27.188-.085.07-.124.161-.072.272.047.1.093.2.147.294.047.08.124.138.213.147.11.01.228.012.336-.012.217-.05.372-.205.528-.357a.291.291 0 00.087-.308c-.046-.18-.079-.365-.118-.547-.011-.052-.027-.103-.045-.169zm-.257-2.409c-.12.291-.205.597-.325.91-.151.433-.294.87-.435 1.323.036-.01.054-.01.067-.018.261-.16.522-.324.785-.484.054-.033.071-.078.065-.138-.012-.13-.024-.262-.034-.393l-.068-.886c-.008-.103-.02-.206-.029-.31-.009 0-.017-.002-.026-.004zm3.081-8.13l.099.285c.08.231.159.463.24.714l.58 1.952c.187.63.372 1.262.558 1.893.114.382.235.762.343 1.146.072.257.126.519.186.799.044.206.087.413.127.64.034.106.023.226.077.325l.025-.006-.068-.362c-.038-.206-.077-.412-.113-.638-.015-.07-.029-.141-.046-.211-.095-.396-.177-.796-.29-1.187-.196-.685-.413-1.364-.618-2.046-.165-.549-.322-1.1-.488-1.648-.069-.227-.15-.45-.226-.695l-.117-.336c-.037-.107-.075-.216-.115-.322-.04-.106-.084-.21-.127-.314a7.558 7.558 0 01-.027.01zM6.225 14.304c-.063-.001-.115.014-.134.083a.35.35 0 00.41.012 4.533 4.533 0 00-.276-.095zM5.23 11.98c-.026-.027-.057-.048-.075.002-.012.032-.007.07-.01.113.082-.037.082-.037.085-.115zm.062-1.189a.135.135 0 00-.088.056.197.197 0 00-.025.11c.005.152.01.306.026.457a.751.751 0 00.066.218c.061.136.157.167.288.101.055-.027.06-.054.025-.11a4.52 4.52 0 01-.129-.211c-.015-.068-.066-.131-.033-.207.04-.09-.076-.116-.074-.19V10.874c-.003-.038-.006-.087-.056-.083zm-.017-.968a.867.867 0 00-.467.127c-.076.045-.084.07-.05.158.034.087.07.173.115.254.064.117.09.125.21.077a.657.657 0 01.336-.053c.202.022.357.136.504.264l.092.077c.007-.006.014-.013.022-.018-.019-.105-.035-.226-.149-.264-.157-.053-.324-.075-.508-.117l-.24-.005c.24-.169.452-.044.687.009-.063-.115-.153-.147-.23-.193-.082-.05-.17-.092-.25-.144-.06-.037-.12-.08-.072-.172zm10.233.325c-.23-.01-.427.08-.608.211-.034.026-.06.065-.105.117.087.026.15.046.232.065.044-.015.088-.03.13-.046.306-.114.61-.115.904.031.126.063.237.04.366-.005-.02-.031-.03-.054-.045-.071a.986.986 0 00-.448-.273c-.14-.044-.284-.024-.426-.03zM7.99 6.483a.308.308 0 00.002.133c.08.321.156.643.242.962.104.387.27.75.456 1.103.02.037.061.08.098.087a.404.404 0 00.253-.051l-.472-.84c-.23-.448-.405-.92-.579-1.394zM10.397.497c-.2-.008-.405.004-.603.034-.236.035-.47.087-.7.152-.287.08-.569.18-.852.273-.04.013-.074.038-.11.058.028.014.05.018.07.014.287-.068.58-.085.873-.09.134-.002.269.009.402.025.19.024.382.048.57.09.456.104.874.3 1.265.556.464.306.888.66 1.257 1.078.205.232.395.475.56.739.17.274.315.561.449.856.273.601.456 1.232.6 1.876.04.173.07.348.1.524.017.104.065.167.17.19.122.028.2.105.22.251-.003.102-.06.174-.129.24a1.065 1.065 0 00-.268.358.164.164 0 00.083-.039c.08-.086.162-.172.235-.265a.56.56 0 00.13-.333c.009-.05.022-.1.024-.15.007-.124-.017-.15-.143-.168-.025-.004-.049-.014-.073-.015-.082-.007-.125-.063-.137-.131-.033-.198-.004-.355.247-.408.086-.018.174-.03.26-.042.158-.023.315-.053.473-.067.14-.012.19.033.226.167.008.029.018.057.021.087.019.179-.008.225-.141.288-.027.013-.055.024-.078.042a.148.148 0 00-.051.067c-.039.144.073.382.206.445l.673.32c.023.011.05.015.075.023l.018-.026c-.015-.008-.032-.013-.044-.024a2.27 2.27 0 00-.544-.32 4.898 4.898 0 00-.173-.075.203.203 0 01-.126-.191c-.003-.085.045-.154.128-.187l.059-.025c.099-.044.118-.076.112-.187a.384.384 0 00-.008-.063c-.067-.294-.123-.59-.205-.88a9.478 9.478 0 00-.826-2.036 7.465 7.465 0 00-1.39-1.805 4.536 4.536 0 00-1.177-.824 3.656 3.656 0 00-1.016-.328 6.155 6.155 0 00-.712-.074zm6.719 5.955c.01.014.018.028.038.034l-.022-.044-.016.01zM4.103 3.917a.062.062 0 01-.03.012.455.455 0 01-.04.039c-.01.01-.02.02-.045.04l-.363.354c-.088.085-.17.178-.266.253-.284.22-.425.53-.544.855a.132.132 0 00-.007.071c.013.055.033.108.052.168l.074.026c-.017.056-.03.105-.047.152-.058.164-.118.327-.175.491-.005.015.008.036.019.077.08-.175.158-.33.225-.489.228-.544.484-1.074.819-1.561.09-.133.182-.266.283-.401.004-.006.007-.013.022-.03.001-.016.003-.032.015-.04l.008-.017zm12.976 2.408a.023.023 0 01.009.019.073.073 0 00-.006.01.188.188 0 00.007.02l.018.022c.002-.007.007-.016.005-.021-.003-.01-.012-.018-.02-.038a1.331 1.331 0 01-.013-.012zM4.199 4.48c-.003.004-.008.008-.027.014-.005.013-.011.025-.031.047a2.085 2.085 0 01-.124.167c-.048.07-.116.055-.181.041-.134-.028-.228.016-.287.143-.089.187-.187.37-.273.56-.049.108-.11.216-.118.36.081.003.154.007.228.008h.228a2.563 2.563 0 01-.079.264c-.01.052-.022.103-.033.155l.02.004c.018-.046.037-.092.067-.153.066-.142.13-.285.2-.426.02-.04.034-.1.116-.092 0 .043.004.084 0 .124-.005.045-.017.09-.028.143.141.043.086.174.115.269.102-.022.104-.195.248-.144v.205l.017.002.439-1.059c-.13 0-.246-.02-.358.033-.024.011-.058-.001-.108-.004.075-.15.139-.278.211-.417a.128.128 0 01.025-.036c0-.015-.001-.03.008-.038l.006-.02c-.005.006-.01.011-.028.017-.004.012-.009.024-.026.045a.085.085 0 01-.032.033c-.123.157-.09.164-.258.106-.079-.027-.078-.028-.047-.144.028-.046.056-.093.098-.15 0-.016-.001-.032.007-.042L4.2 4.48zm2.073-.67c-.003.006-.007.011-.027.016-.094.125-.194.246-.28.377-.155.238-.301.481-.451.723-.14.224-.345.368-.575.481-.017.008-.04.006-.079.011.012-.059.016-.109.033-.153a6.076 6.076 0 01.229-.518l-.007-.02a.138.138 0 01-.035.025c-.028.05-.055.1-.093.164-.26.424-.443.817-.442.95.024.004.048.011.073.013.177.013.188.007.26-.165.03-.07.077-.12.147-.15l.175-.07c.044-.018.085-.057.146-.032.003.05-.01.11.014.145.042.062.044.125.047.193.002.049.017.098.026.147.029-.034.039-.065.05-.097.142-.39.277-.782.428-1.17.1-.256.22-.504.33-.756.013-.03.013-.067.03-.092V3.81zm3.987-.34c0 .045.01.084.021.123.042.16.094.318.124.48.024.133.023.27.028.406 0 .033-.019.067-.032.11-.094-.058-.047-.158-.106-.215h-.125c-.015.072-.01.152-.046.2-.066.085-.155.154-.236.227-.043.038-.078.018-.103-.025l-.046-.087c-.065.035-.117.069-.172.093-.116.051-.235.095-.35.147-.085.038-.09.053-.07.147.014.075.034.148.047.223.013.072.05.109.123.124.233.05.462.115.657.265.058-.102.058-.102.168-.151.03-.014.06-.03.092-.042.08-.03.115-.017.15.06.023.048.041.098.066.158.06-.14-.042-.267.017-.416.157.18.24.39.375.567a.235.235 0 00.022-.098c.002-.124 0-.247.002-.371 0-.034.013-.067.02-.1l.032-.003c.11.155.13.354.226.52a3.036 3.036 0 00-.01-.392c-.004-.045 0-.074.05-.088.08.036.116.14.215.158-.03-.275-.423-1.137-.798-1.635-.114-.127-.2-.28-.34-.386zm-2.667.696c-.019.034-.03.05-.037.067-.061.185-.125.37-.18.556-.031.105-.087.169-.195.19-.09.019-.178.052-.268.073-.038.009-.089.015-.118-.003-.024-.016-.025-.069-.036-.106-.064.076-.082.087-.17.047-.133-.062-.262-.135-.393-.201-.048-.025-.093-.063-.17-.03-.043.12-.091.25-.137.382-.099.28-.087.242.095.453.046.048.102.03.154.023.054-.009.106-.03.16-.036.13-.013.26-.08.367-.015.204-.064.387-.122.571-.178.05-.015.089.005.114.054.022.042.034.093.082.121.038-.056-.013-.128.063-.178l.14.241-.042-1.46zm.278.358c-.096-.01-.107.01-.11.108-.002.038-.003.078.002.115.03.2.099.386.174.57.002.006.012.01.022.015l.078-.05c.052.036.081.088.153.088.205-.002.41.014.616.012.099-.001.158.042.205.12.018.03.024.077.088.066l-.08-.394c-.05-.195-.085-.395-.172-.589-.057.057-.114.068-.18.046a.72.72 0 00-.135-.028c-.22-.028-.44-.059-.66-.08zm10.254-1.727c.089.163.155.316.139.491-.016.168.026.342-.044.516-.047-.033-.088-.082-.112-.075-.117.035-.164-.057-.227-.115a4.772 4.772 0 01-.286-.29l-.104-.113a4.856 4.856 0 01-.023.019c.035.046.07.093.11.156.04.064.084.127.122.193.034.058.065.118.031.205-.082-.01-.164-.019-.246-.032-.06-.01-.101 0-.124.07-.031.098-.037.096-.15.09.02.042.036.08.057.116.041.074.03.138-.03.196-.06.06-.118.122-.178.181a.175.175 0 01-.185.046c-.222-.061-.447-.113-.67-.174-.032-.009-.063-.04-.086-.068-.03-.04-.052-.087-.08-.13-.044-.07-.09-.138-.136-.207a.18.18 0 00-.014.105c.012.127.03.253.035.38.005.1-.024.12-.121.104-.104-.017-.206-.04-.31-.058-.064-.012-.131-.028-.202.03l.081.208c.09 0 .166-.01.237.002a.819.819 0 01.458.251c.078.083.154.168.241.26l.018-.005c-.004-.006-.008-.013-.01-.04.014-.056-.062-.118.018-.178.031.03.064.057.088.09.058.078.111.159.169.257l.089.141.024-.013a2093.819 2093.819 0 01-.427-.934c.055.007.083.007.108.016.193.07.385.142.577.216.074.028.147.06.219.094.062.028.112.018.157-.033.05-.056.102-.112.154-.167.05-.051.095-.046.132.014.016.025.026.053.04.08.071.138.143.277.217.433l.159.308.025-.011c-.044-.106-.07-.218-.138-.334-.057-.182-.168-.346-.206-.545.136.034.362.326.567.732l.057.074.018-.011a1.563 1.563 0 01-.052-.127c-.046-.145-.097-.29-.136-.436-.022-.083-.036-.173.022-.26l.109.058-.026-.207.027-.016c.022.02.05.036.065.06.073.108.143.22.215.33.01.016.029.029.043.043-.036-.217-.2-.38-.229-.626l.155.112c.014-.166.012-.319.042-.465.032-.158-.023-.297-.063-.445.024.004.036.006.055.025.092.124.183.249.277.371.02.027.05.047.069.087l.04.063.019-.015a.293.293 0 01-.053-.082 27.922 27.922 0 01-.332-.49c-.221-.311-.363-.467-.485-.521zm-6.57.327c-.003.161.092.275.069.415l-.368.087c.09.139.032.237-.052.331-.05.057-.092.122-.143.178-.037.04-.046.078-.018.126l.16.275c.029.048.072.066.128.064.076-.003.152 0 .228-.001.116-.003.216.022.275.137.006.014.02.024.044.052.004-.059-.003-.098.01-.13.016-.04.04-.099.072-.108.084-.023.173-.024.26-.03.013-.001.027.018.04.029l.071.065c.019-.11-.082-.198-.024-.31l.126.04c-.026-.123-.07-.245-.071-.366 0-.123.051-.243.115-.36.107.062.16.156.234.253.183.265.36.533.494.834.165-.078.27.068.407.088-.003-.106-.133-.441-.197-.492a.142.142 0 00-.102-.028c-.06.011-.119.039-.191.063-.025-.039-.056-.078-.077-.122a3.936 3.936 0 00-.473-.783c-.076-.094-.16-.182-.228-.26l-.391.285c-.049.035-.094.03-.132-.017l-.169-.207c-.025-.03-.053-.059-.097-.108z"></path></svg>';
-
-// node_modules/.pnpm/@lobehub+icons-static-svg@1.94.0/node_modules/@lobehub/icons-static-svg/icons/openclaw.svg
-var openclaw_default = 'data:image/svg+xml,<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>OpenClaw</title><g clip-path="url(%23a)"><path d="M9.046 7.104a.527.527 0 110 1.055.527.527 0 010-1.055z"></path><path d="M15.376 7.104a.528.528 0 110 1.056.528.528 0 010-1.056z"></path><path clip-rule="evenodd" d="M16.877 1.912c.58-.27 1.14-.323 1.616-.037a.317.317 0 01-.326.542c-.227-.136-.547-.153-1.022.068-.352.165-.765.45-1.234.866 2.683 1.17 4.4 3.5 5.148 5.921a6.421 6.421 0 00-.704.184c-.578.016-1.174.204-1.502.735-.338.55-.268 1.276.072 2.069l.005.012.007.014c.523 1.045 1.318 1.91 2.2 2.284-.912 3.274-3.44 6.144-5.972 6.988v2.109h-2.11v-2.11c-1.043.417-2.086.01-2.11 0v2.11h-2.11v-2.11c-2.531-.843-5.061-3.713-5.973-6.987.882-.373 1.678-1.238 2.2-2.284l.007-.014.006-.012c.34-.793.41-1.518.071-2.069-.327-.531-.923-.719-1.503-.735a6.409 6.409 0 00-.704-.183c.749-2.421 2.466-4.751 5.149-5.922-.47-.416-.88-.701-1.234-.866-.474-.221-.794-.204-1.021-.068a.318.318 0 01-.435-.109.317.317 0 01.109-.433c.476-.286 1.036-.233 1.615.037.49.229 1.031.628 1.621 1.182A9.924 9.924 0 0112 2.568c1.199 0 2.284.19 3.256.526.59-.554 1.13-.953 1.62-1.182zM8.835 6.577a1.266 1.266 0 100 2.532 1.266 1.266 0 000-2.532zm6.33 0a1.267 1.267 0 100 2.533 1.267 1.267 0 000-2.533z"></path><path d="M.395 13.118c-.966-1.932-.163-3.863 2.41-3.365v-.001l.05.01c.084.018.17.038.26.06.033.009.067.017.1.027.084.022.168.048.255.076l.09.027c.528 0 .95.158 1.16.501.212.343.212.87-.105 1.61-.085.17-.178.333-.276.489l-.01.017a4.967 4.967 0 01-.62.791l-.019.02c-1.092 1.117-2.496 1.336-3.295-.262z"></path><path d="M21.193 9.753c2.574-.5 3.378 1.433 2.411 3.365-.58 1.159-1.476 1.361-2.342.96l-.011-.005a2.419 2.419 0 01-.114-.056l-.019-.01a2.751 2.751 0 01-.115-.067l-.023-.014c-.035-.022-.071-.044-.106-.068l-.05-.035c-.55-.388-1.062-1.007-1.44-1.76-.276-.647-.311-1.132-.174-1.472.176-.439.636-.639 1.23-.639.032-.011.066-.02.099-.03.08-.026.16-.05.238-.072l.117-.03a5.502 5.502 0 01.3-.067z"></path></g><defs><linearGradient gradientUnits="userSpaceOnUse" id="b" x1="-.659" x2="27.023" y1=".458" y2="22.855"><stop stop-color="%23FF4D4D"></stop><stop offset="1" stop-color="%23991B1B"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="c" x1="-.659" x2="27.023" y1=".458" y2="22.855"><stop stop-color="%23FF4D4D"></stop><stop offset="1" stop-color="%23991B1B"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="d" x1="-.659" x2="27.023" y1=".458" y2="22.855"><stop stop-color="%23FF4D4D"></stop><stop offset="1" stop-color="%23991B1B"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="e" x1="-.659" x2="27.023" y1=".458" y2="22.855"><stop stop-color="%23FF4D4D"></stop><stop offset="1" stop-color="%23991B1B"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="f" x1="-.659" x2="27.023" y1=".458" y2="22.855"><stop stop-color="%23FF4D4D"></stop><stop offset="1" stop-color="%23991B1B"></stop></linearGradient><clipPath id="a"><path d="M0 0h24v24H0z"></path></clipPath></defs></svg>';
-
-// node_modules/.pnpm/@lobehub+icons-static-svg@1.94.0/node_modules/@lobehub/icons-static-svg/icons/opencode.svg
-var opencode_default = 'data:image/svg+xml,<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>opencode</title><path d="M16 6H8v12h8V6zm4 16H4V2h16v20z"></path></svg>';
-
-// src/dashboard/harness-logo.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
-var HARNESS_BRAND = {
-  opencode: { label: "OpenCode", logoUrl: opencode_default },
-  "claude-code": { label: "Claude Code", logoUrl: claudecode_default },
-  codex: { label: "Codex", logoUrl: codex_default },
-  amp: { label: "AMP", logoUrl: amp_default },
-  "kimi-code": { label: "Kimi Code", logoUrl: moonshot_default },
-  openclaw: { label: "OpenClaw", logoUrl: openclaw_default },
-  hermes: { label: "Hermes", logoUrl: hermesagent_default },
-  // No published brand mark — honest lucide glyphs.
-  "factory-droids": { label: "Factory Droids", icon: Bot },
-  nanoclaw: { label: "NanoClaw", icon: Plug },
-  "cli-base": { label: "CLI base", icon: Terminal2 }
-};
-function HarnessLogo({ type, size = 16, className }) {
-  const brand = HARNESS_BRAND[type] ?? { label: type, icon: Bot };
-  const Icon2 = brand.icon;
-  return /* @__PURE__ */ jsx15(
-    "span",
-    {
-      title: brand.label,
-      "aria-label": brand.label,
-      className: cn(
-        "inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-background shadow-sm ring-1 ring-border",
-        className
-      ),
-      style: { height: size, width: size },
-      children: brand.logoUrl ? /* @__PURE__ */ jsx15(
-        "span",
-        {
-          "aria-hidden": true,
-          className: "h-[72%] w-[72%]",
-          style: {
-            backgroundColor: "hsl(var(--foreground))",
-            maskImage: cssUrl(brand.logoUrl),
-            maskSize: "contain",
-            maskRepeat: "no-repeat",
-            maskPosition: "center",
-            WebkitMaskImage: cssUrl(brand.logoUrl),
-            WebkitMaskSize: "contain",
-            WebkitMaskRepeat: "no-repeat",
-            WebkitMaskPosition: "center"
-          }
-        }
-      ) : Icon2 ? /* @__PURE__ */ jsx15(Icon2, { className: "h-[72%] w-[72%] text-muted-foreground" }) : null
-    }
-  );
-}
-function cssUrl(url) {
-  return `url("${url.replace(/[\\"'#\n]/g, (char) => encodeURIComponent(char))}")`;
-}
-
-// src/dashboard/harness-picker.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-var HARNESS_OPTIONS = [
-  {
-    type: "opencode",
-    label: "OpenCode",
-    description: "Broad model support, deterministic streaming",
-    chatCapable: true
-  },
-  {
-    type: "claude-code",
-    label: "Claude Code",
-    description: "Native Claude skills and tools",
-    chatCapable: true
-  },
-  {
-    type: "codex",
-    label: "Codex",
-    description: "OpenAI's Codex CLI",
-    chatCapable: true
-  },
-  {
-    type: "amp",
-    label: "AMP",
-    description: "Sourcegraph's coding agent",
-    chatCapable: true
-  },
-  {
-    type: "factory-droids",
-    label: "Factory Droids",
-    description: "Factory's Droid agent",
-    chatCapable: true
-  },
-  {
-    type: "kimi-code",
-    label: "Kimi Code",
-    description: "Moonshot's Kimi Code CLI",
-    chatCapable: true
-  },
-  {
-    type: "openclaw",
-    label: "OpenClaw",
-    description: "Routes to Claude, Codex, or Gemini",
-    chatCapable: true
-  },
-  {
-    type: "nanoclaw",
-    label: "NanoClaw",
-    description: "Local socket-bridge backend",
-    chatCapable: true
-  },
-  {
-    type: "hermes",
-    label: "Hermes",
-    description: "Hermes inference-router agent",
-    chatCapable: true
-  },
-  {
-    type: "cli-base",
-    label: "CLI base (no agent)",
-    description: "Shell tools only, for non-AI scheduled tasks",
-    chatCapable: false
-  }
-];
-var chatCapableHarnesses = HARNESS_OPTIONS.filter((h) => h.chatCapable).map((h) => h.type);
-function HarnessPicker({
-  value,
-  onChange,
-  available,
-  optionsOverride,
-  label = "Agent harness",
-  ...rest
-}) {
-  const allowed = new Set(available ?? HARNESS_OPTIONS.map((h) => h.type));
-  const backends = HARNESS_OPTIONS.filter((h) => allowed.has(h.type)).map((h) => {
-    const override = optionsOverride?.[h.type];
-    return {
-      type: h.type,
-      label: override?.label ?? h.label,
-      description: override?.description ?? h.description,
-      icon: /* @__PURE__ */ jsx16(HarnessLogo, { type: h.type, size: 16 })
-    };
-  });
-  return /* @__PURE__ */ jsx16(
-    BackendSelector,
-    {
-      backends,
-      selected: value,
-      onChange: (next) => onChange(next),
-      label,
-      ...rest
-    }
-  );
-}
-
-// src/dashboard/dashboard-layout.tsx
-import * as React9 from "react";
-import { Plus as Plus2, Bell } from "lucide-react";
-
-// src/dashboard/use-brand-theme-sync.ts
-import * as React8 from "react";
-function useBrandThemeSync() {
-  React8.useEffect(() => {
-    if (typeof document === "undefined") return;
-    const el = document.documentElement;
-    const sync = () => {
-      const dark = el.classList.contains("dark");
-      el.classList.toggle("light", !dark);
-      const next = dark ? "dark" : "light";
-      if (el.getAttribute("data-theme") !== next) el.setAttribute("data-theme", next);
-    };
-    sync();
-    const observer = new MutationObserver(sync);
-    observer.observe(el, { attributes: true, attributeFilter: ["class"] });
-    return () => observer.disconnect();
-  }, []);
-}
-
-// src/dashboard/dashboard-layout.tsx
-import { Fragment as Fragment9, jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
-function MenuIcon({ className }) {
-  return /* @__PURE__ */ jsxs14("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
-    /* @__PURE__ */ jsx17("title", { children: "Menu icon" }),
-    /* @__PURE__ */ jsx17("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
-    /* @__PURE__ */ jsx17("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
-    /* @__PURE__ */ jsx17("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
-  ] });
-}
-function XIcon({ className }) {
-  return /* @__PURE__ */ jsxs14("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: [
-    /* @__PURE__ */ jsx17("title", { children: "Close icon" }),
-    /* @__PURE__ */ jsx17("path", { d: "M18 6 6 18" }),
-    /* @__PURE__ */ jsx17("path", { d: "m6 6 12 12" })
-  ] });
-}
-function formatNotifDate(raw) {
-  const d = new Date(raw);
-  return Number.isNaN(d.getTime()) ? raw : d.toLocaleString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" });
-}
-function DefaultLink2({
-  href,
-  to,
-  className,
-  children,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx17("a", { href: href ?? to, className, ...rest, children });
-}
-function DashboardLayoutInner({
-  children,
-  variant = "sandbox",
-  navItems,
-  modeItems = [],
-  panels = [],
-  activeNavId,
-  user,
-  isLoading = false,
-  onLogout,
-  onSettingsClick,
-  settingsHref = "/dashboard/settings",
-  onNewSandbox,
-  className,
-  sidebarClassName,
-  contentClassName,
-  topNavLinks,
-  activeTopNavHref,
-  topBarLeading,
-  LinkComponent = DefaultLink2,
-  logoHref = "/",
-  labeledRail = false,
-  footer,
-  railFooter,
-  profileMenuItems,
-  appearance,
-  notifications: notifData
-}) {
-  useBrandThemeSync();
-  const Link = LinkComponent;
-  const [mobileMenuOpen, setMobileMenuOpen] = React9.useState(false);
-  const [notificationsOpen, setNotificationsOpen] = React9.useState(false);
-  const notifRef = React9.useRef(null);
-  React9.useEffect(() => {
-    if (!notificationsOpen) return;
-    const handler = (e) => {
-      if (notifRef.current && !notifRef.current.contains(e.target)) {
-        setNotificationsOpen(false);
-      }
-    };
-    const keyHandler = (e) => {
-      if (e.key === "Escape") setNotificationsOpen(false);
-    };
-    document.addEventListener("mousedown", handler);
-    document.addEventListener("keydown", keyHandler);
-    return () => {
-      document.removeEventListener("mousedown", handler);
-      document.removeEventListener("keydown", keyHandler);
-    };
-  }, [notificationsOpen]);
-  const { contentMargin, hidden, mode, hasPanels, panelOpen, toggleRail, railCollapsed } = useSidebar();
-  const modeSet = React9.useMemo(() => new Set(modeItems), [modeItems]);
-  const sidebarUser = React9.useMemo(
-    () => user ? { email: user.email, name: user.name, tier: user.tier, avatarUrl: user.avatarUrl } : void 0,
-    [user?.email, user?.name, user?.tier, user?.avatarUrl]
-  );
-  const activePanel = panels.find((p) => p.mode === mode);
-  const buildSidebarContent = React9.useCallback(
-    (showLabels, allowCollapse) => /* @__PURE__ */ jsxs14(Fragment9, { children: [
-      /* @__PURE__ */ jsxs14(SidebarRail, { wide: showLabels, children: [
-        /* @__PURE__ */ jsx17(
-          RailHeader,
-          {
-            brand: /* @__PURE__ */ jsx17(Logo, { variant, size: "sm", iconOnly: !showLabels }),
-            brandHref: logoHref,
-            collapsed: !showLabels,
-            onToggle: toggleRail,
-            collapsible: allowCollapse,
-            LinkComponent: Link
-          }
-        ),
-        /* @__PURE__ */ jsx17(
-          SidebarRailNav,
-          {
-            className: cn(showLabels ? "px-2" : void 0, !showLabels && allowCollapse && "cursor-pointer"),
-            onClick: !showLabels && allowCollapse ? (e) => {
-              if (e.target === e.currentTarget) toggleRail();
-            } : void 0,
-            children: navItems.map((item, i) => {
-              const isMode = modeSet.has(item.id);
-              const prevIsMode = i > 0 && modeSet.has(navItems[i - 1].id);
-              const showSep = i > 0 && isMode && !prevIsMode;
-              const arrival = { className: "agent-arrive", style: { "--stagger-index": i } };
-              return /* @__PURE__ */ jsxs14(React9.Fragment, { children: [
-                showSep && /* @__PURE__ */ jsx17(
-                  RailSeparator,
-                  {
-                    className: showLabels ? "w-full" : void 0
-                  }
-                ),
-                isMode ? /* @__PURE__ */ jsx17(
-                  RailModeButton,
-                  {
-                    mode: item.id,
-                    icon: item.icon,
-                    label: item.label,
-                    badge: item.badge,
-                    showLabel: showLabels,
-                    ...arrival
-                  }
-                ) : /* @__PURE__ */ jsx17(
-                  RailButton,
-                  {
-                    icon: item.icon,
-                    label: item.label,
-                    isActive: activeNavId === item.id,
-                    showLabel: showLabels,
-                    asChild: true,
-                    ...arrival,
-                    children: /* @__PURE__ */ jsx17(Link, { href: item.href, to: item.href })
-                  }
-                )
-              ] }, item.id);
-            })
-          }
-        ),
-        /* @__PURE__ */ jsx17(SidebarRailFooter, { className: cn("border-t border-[var(--md3-outline-variant)] pt-2", showLabels && "items-stretch px-2"), children: railFooter !== void 0 ? showLabels ? /* @__PURE__ */ jsxs14("div", { className: "flex w-full items-center gap-1", children: [
-          /* @__PURE__ */ jsx17("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx17(
-            ProfileAvatar,
-            {
-              user: sidebarUser,
-              isLoading,
-              onLogout,
-              onSettingsClick,
-              settingsHref,
-              showDetails: showLabels,
-              appearance,
-              LinkComponent,
-              children: profileMenuItems
-            }
-          ) }),
-          /* @__PURE__ */ jsx17("div", { className: "shrink-0", children: railFooter })
-        ] }) : /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center gap-1", children: [
-          railFooter,
-          /* @__PURE__ */ jsx17(
-            ProfileAvatar,
-            {
-              user: sidebarUser,
-              isLoading,
-              onLogout,
-              onSettingsClick,
-              settingsHref,
-              showDetails: showLabels,
-              appearance,
-              LinkComponent,
-              children: profileMenuItems
-            }
-          )
-        ] }) : /* @__PURE__ */ jsx17(
-          ProfileAvatar,
-          {
-            user: sidebarUser,
-            isLoading,
-            onLogout,
-            onSettingsClick,
-            settingsHref,
-            showDetails: showLabels,
-            appearance,
-            LinkComponent,
-            children: profileMenuItems
-          }
-        ) })
-      ] }),
-      panels.length > 0 && /* @__PURE__ */ jsxs14(SidebarPanel, { children: [
-        /* @__PURE__ */ jsx17(SidebarPanelHeader, { title: activePanel?.title ?? mode }),
-        /* @__PURE__ */ jsx17(SidebarPanelContent, { children: activePanel?.content })
-      ] })
-    ] }),
-    // biome-ignore lint/correctness/useExhaustiveDependencies: intentional — only the inputs that actually affect the sidebar tree
-    [
-      Link,
-      variant,
-      logoHref,
-      labeledRail,
-      toggleRail,
-      railCollapsed,
-      navItems,
-      modeSet,
-      activeNavId,
-      onSettingsClick,
-      settingsHref,
-      railFooter,
-      sidebarUser,
-      isLoading,
-      onLogout,
-      LinkComponent,
-      profileMenuItems,
-      appearance,
-      panels,
-      activePanel,
-      mode
-    ]
-  );
-  const sidebarContent = React9.useMemo(
-    () => buildSidebarContent(labeledRail && !railCollapsed, labeledRail),
-    [buildSidebarContent, labeledRail, railCollapsed]
-  );
-  const mobileSidebarContent = React9.useMemo(() => buildSidebarContent(true, false), [buildSidebarContent]);
-  return /* @__PURE__ */ jsxs14("div", { className: cn("min-h-screen bg-surface text-foreground", className), children: [
-    /* @__PURE__ */ jsxs14(
-      "nav",
-      {
-        className: cn(
-          "fixed top-0 z-50 bg-surface-container-low border-b border-[var(--md3-outline-variant)] flex justify-between items-center px-8 h-14 font-sans text-[13px] tracking-tight transition-[left,width]",
-          MOTION_TRAVEL
-        ),
-        style: {
-          left: hidden ? 0 : contentMargin,
-          width: hidden ? "100%" : `calc(100% - ${contentMargin}px)`
-        },
-        children: [
-          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-8", children: [
-            /* @__PURE__ */ jsx17(Link, { href: logoHref, to: logoHref, className: cn("lg:hidden flex items-center p-1 rounded-md hover:bg-surface-container-high transition-colors", MOTION_CONTROL), children: /* @__PURE__ */ jsx17(Logo, { variant, size: "sm", iconOnly: true }) }),
-            topBarLeading,
-            topNavLinks && topNavLinks.length > 0 && /* @__PURE__ */ jsx17("div", { className: "hidden md:flex gap-6", children: topNavLinks.map((link) => /* @__PURE__ */ jsx17(
-              Link,
-              {
-                href: link.href,
-                to: link.href,
-                className: cn(
-                  "transition-all px-2 py-1 rounded",
-                  MOTION_CONTROL,
-                  activeTopNavHref === link.href ? "text-foreground border-b-2 border-primary pb-1" : "text-muted-foreground hover:text-foreground hover:bg-surface-container-high"
-                ),
-                children: link.label
-              },
-              link.href
-            )) })
-          ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-4", children: [
-            onNewSandbox && /* @__PURE__ */ jsxs14(
-              "button",
-              {
-                type: "button",
-                onClick: onNewSandbox,
-                className: cn("hidden md:flex items-center gap-2 bg-[var(--btn-primary-bg)] border border-[var(--border-accent)] text-[var(--btn-primary-text)] px-4 py-2 rounded-lg font-bold hover:bg-[var(--btn-primary-hover)] transition-all active:scale-95 text-xs", MOTION_CONTROL),
-                children: [
-                  /* @__PURE__ */ jsx17(Plus2, { className: "h-3.5 w-3.5" }),
-                  "New Sandbox"
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs14("div", { className: "relative", ref: notifRef, children: [
-              /* @__PURE__ */ jsxs14(
-                "button",
-                {
-                  type: "button",
-                  className: cn("relative text-muted-foreground hover:text-foreground transition-colors p-2 rounded-lg hover:bg-surface-container-high", MOTION_CONTROL),
-                  onClick: () => setNotificationsOpen(!notificationsOpen),
-                  "aria-label": "Notifications",
-                  "aria-expanded": notificationsOpen,
-                  children: [
-                    /* @__PURE__ */ jsx17(Bell, { className: "h-4 w-4" }),
-                    (notifData?.unreadCount ?? 0) > 0 && /* @__PURE__ */ jsx17("span", { className: "absolute top-1 right-1 h-2 w-2 rounded-full bg-destructive" })
-                  ]
-                }
-              ),
-              notificationsOpen && /* @__PURE__ */ jsxs14("div", { className: "absolute right-0 top-full mt-2 w-80 rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container-highest shadow-[0_8px_30px_rgba(0,0,0,0.45)] ring-1 ring-[#ffffff14] z-50", children: [
-                /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between border-b border-[var(--md3-outline-variant)] px-4 py-3", children: [
-                  /* @__PURE__ */ jsx17("p", { className: "font-bold text-foreground text-sm", children: "Notifications" }),
-                  (notifData?.unreadCount ?? 0) > 0 && notifData?.onMarkAllRead && /* @__PURE__ */ jsx17(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => {
-                        notifData.onMarkAllRead?.();
-                      },
-                      className: "text-primary text-xs font-medium hover:underline",
-                      children: "Mark all read"
-                    }
-                  )
-                ] }),
-                !notifData?.items || notifData.items.length === 0 ? /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center justify-center px-4 py-8 text-center", children: [
-                  /* @__PURE__ */ jsx17(Bell, { className: "h-8 w-8 text-muted-foreground/40 mb-2" }),
-                  /* @__PURE__ */ jsx17("p", { className: "text-muted-foreground text-sm", children: "No notifications yet" }),
-                  /* @__PURE__ */ jsx17("p", { className: "text-muted-foreground/60 text-xs mt-1", children: "We'll notify you about important updates" })
-                ] }) : /* @__PURE__ */ jsx17("div", { className: "max-h-80 overflow-y-auto", children: notifData.items.map((n) => /* @__PURE__ */ jsxs14(
-                  "button",
-                  {
-                    type: "button",
-                    className: cn(
-                      "w-full text-left px-4 py-3 border-b border-[var(--md3-outline-variant)] last:border-0 transition-colors",
-                      MOTION_CONTROL,
-                      n.read ? "cursor-default" : "bg-primary/5 hover:bg-white/5"
-                    ),
-                    onClick: () => {
-                      if (!n.read) notifData.onMarkRead?.(n.id);
-                    },
-                    children: [
-                      /* @__PURE__ */ jsx17("p", { className: cn("text-sm", !n.read ? "font-semibold text-foreground" : "text-muted-foreground"), children: n.title }),
-                      /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: n.message }),
-                      /* @__PURE__ */ jsx17("p", { className: "text-[10px] text-muted-foreground/50 mt-1", children: formatNotifDate(n.createdAt) })
-                    ]
-                  },
-                  n.id
-                )) })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx17(
-            "button",
-            {
-              type: "button",
-              onClick: () => setMobileMenuOpen(!mobileMenuOpen),
-              className: "rounded-md p-2 hover:bg-surface-container-high lg:hidden",
-              "aria-label": mobileMenuOpen ? "Close menu" : "Open menu",
-              "aria-expanded": mobileMenuOpen,
-              children: mobileMenuOpen ? /* @__PURE__ */ jsx17(XIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ jsx17(MenuIcon, { className: "h-6 w-6" })
-            }
-          )
-        ]
-      }
-    ),
-    mobileMenuOpen && /* @__PURE__ */ jsx17("div", { className: "fixed inset-0 z-30 bg-black/50 lg:hidden", onClick: () => setMobileMenuOpen(false), "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx17(
-      "aside",
-      {
-        className: cn(
-          "fixed top-14 bottom-0 left-0 z-30 flex bg-surface-container-low transition-transform lg:hidden",
-          MOTION_TRAVEL,
-          mobileMenuOpen ? "translate-x-0" : "-translate-x-full"
-        ),
-        style: {
-          width: panelOpen && hasPanels ? SIDEBAR_MOBILE_WIDTH + SIDEBAR_PANEL_WIDTH : SIDEBAR_MOBILE_WIDTH
-        },
-        children: mobileSidebarContent
-      }
-    ),
-    /* @__PURE__ */ jsx17(Sidebar, { className: cn("hidden lg:flex", sidebarClassName), children: sidebarContent }),
-    /* @__PURE__ */ jsx17(SidebarContent, { className: cn("pt-16 px-6 pb-8 lg:px-8 bg-surface", contentClassName), children }),
-    footer
-  ] });
-}
-function DashboardLayout({ defaultPanelOpen, defaultMode, labeledRail, defaultRailCollapsed, ...props }) {
-  return /* @__PURE__ */ jsx17(SidebarProvider, { defaultPanelOpen, defaultMode, labeledRail, defaultRailCollapsed, hasPanels: (props.panels?.length ?? 0) > 0, children: /* @__PURE__ */ jsx17(DashboardLayoutInner, { defaultPanelOpen, defaultMode, labeledRail, ...props }) });
-}
-
-// src/dashboard/sidebar-layout.tsx
-import * as React10 from "react";
-import { Fragment as Fragment10, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
-var HIDE_BELOW_CLASS = {
-  md: "max-md:hidden",
-  lg: "max-lg:hidden"
-};
-var SHOW_BELOW_CLASS = {
-  md: "md:hidden",
-  lg: "lg:hidden"
-};
-function MenuIcon2({ className }) {
-  return /* @__PURE__ */ jsx18("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx18("path", { d: "M3 6h18M3 12h18M3 18h18" }) });
-}
-function CloseIcon({ className }) {
-  return /* @__PURE__ */ jsx18("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx18("path", { d: "M18 6 6 18M6 6l12 12" }) });
-}
-function DefaultLink3({
-  href,
-  to,
-  className,
-  children,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx18("a", { href: href ?? to, className, ...rest, children });
-}
-function SidebarLayoutInner({
-  children,
-  navItems,
-  activeId,
-  panel,
-  logo,
-  logoHref,
-  railHeaderContent,
-  user,
-  isLoading = false,
-  onLogout,
-  onSettingsClick,
-  settingsHref,
-  profileMenuItems,
-  appearance,
-  railFooter,
-  LinkComponent,
-  hideBelow,
-  railLabels = false,
-  closePanelOnNavigate = false,
-  className,
-  sidebarClassName,
-  contentClassName
-}) {
-  useBrandThemeSync();
-  const Link = LinkComponent ?? DefaultLink3;
-  const { panelOpen, togglePanel, setPanelOpen, railCollapsed, toggleRail } = useSidebar();
-  const handleNavClick = closePanelOnNavigate && panelOpen ? () => setPanelOpen(false) : void 0;
-  const expandOnEmptyClick = railLabels && railCollapsed ? (e) => {
-    if (e.target === e.currentTarget) toggleRail();
-  } : void 0;
-  const hasProfile = user !== void 0 || onLogout !== void 0 || onSettingsClick !== void 0;
-  const showLabels = railLabels && !railCollapsed;
-  const [mobileNavOpen, setMobileNavOpen] = React10.useState(false);
-  const closeMobileNav = React10.useCallback(() => setMobileNavOpen(false), []);
-  function renderNavItems({
-    showLabels: showLabels2,
-    onNavigate
-  }) {
-    return navItems.map((item, index) => {
-      const arrival = { className: "agent-arrive", style: { "--stagger-index": index } };
-      if (item.expandable) {
-        return /* @__PURE__ */ jsx18(
-          RailExpandable,
-          {
-            icon: item.icon,
-            label: item.label,
-            href: item.href,
-            isActive: activeId === item.id,
-            showLabel: showLabels2,
-            subItems: item.subItems,
-            loadSubItems: item.loadSubItems,
-            activeSubIds: item.subActiveIds,
-            emptyLabel: item.emptyLabel,
-            defaultOpen: item.defaultOpen,
-            onNavigate,
-            LinkComponent,
-            ...arrival
-          },
-          item.id
-        );
-      }
-      if (item.flyoutItems && item.flyoutItems.length > 0) {
-        const activeSet = new Set(item.flyoutActiveIds ?? []);
-        return /* @__PURE__ */ jsx18(
-          RailFlyout,
-          {
-            icon: item.icon,
-            label: item.label,
-            title: item.label,
-            showLabel: showLabels2,
-            isActive: activeId === item.id || item.flyoutItems.some((f) => activeSet.has(f.id)),
-            ...arrival,
-            children: item.flyoutItems.map((f) => {
-              const FIcon = f.icon;
-              const active = activeSet.has(f.id);
-              return /* @__PURE__ */ jsxs15(
-                Link,
-                {
-                  href: f.href,
-                  to: f.href,
-                  onClick: onNavigate,
-                  ...f.prefetch !== void 0 ? { prefetch: f.prefetch } : {},
-                  className: cn(
-                    "flex h-9 items-center gap-2.5 rounded-lg px-2.5 text-sm transition-colors",
-                    MOTION_CONTROL,
-                    active ? "bg-[var(--accent-surface-strong)] font-medium text-[var(--accent-text)]" : "text-muted-foreground hover:bg-[var(--accent-surface-soft)] hover:text-[var(--accent-text)]"
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsx18(FIcon, { className: "h-4 w-4 shrink-0" }),
-                    /* @__PURE__ */ jsx18("span", { className: "truncate", children: f.label })
-                  ]
-                },
-                f.id
-              );
-            })
-          },
-          item.id
-        );
-      }
-      return item.togglesPanel ? /* @__PURE__ */ jsx18(
-        RailButton,
-        {
-          icon: item.icon,
-          label: item.label,
-          badge: item.badge,
-          isActive: panelOpen,
-          onClick: () => {
-            togglePanel();
-            onNavigate?.();
-          },
-          showLabel: showLabels2,
-          ...arrival
-        },
-        item.id
-      ) : /* @__PURE__ */ jsx18(RailButton, { icon: item.icon, label: item.label, badge: item.badge, isActive: activeId === item.id, showLabel: showLabels2, variant: item.variant, asChild: true, ...arrival, children: /* @__PURE__ */ jsx18(
-        Link,
-        {
-          href: item.href,
-          to: item.href,
-          onClick: onNavigate,
-          ...item.prefetch !== void 0 ? { prefetch: item.prefetch } : {}
-        }
-      ) }, item.id);
-    });
-  }
-  return /* @__PURE__ */ jsxs15("div", { className: cn("min-h-screen bg-surface text-foreground", className), children: [
-    /* @__PURE__ */ jsx18("div", { className: cn(hideBelow && HIDE_BELOW_CLASS[hideBelow]), children: /* @__PURE__ */ jsxs15(Sidebar, { className: sidebarClassName, children: [
-      /* @__PURE__ */ jsxs15(SidebarRail, { children: [
-        (logo !== void 0 || railHeaderContent !== void 0 || railLabels) && /* @__PURE__ */ jsx18(
-          RailHeader,
-          {
-            brand: logo,
-            brandHref: logoHref,
-            collapsed: !showLabels,
-            onToggle: toggleRail,
-            collapsible: railLabels,
-            LinkComponent,
-            children: railHeaderContent
-          }
-        ),
-        /* @__PURE__ */ jsx18(SidebarRailNav, { className: cn(showLabels ? "px-2" : void 0, expandOnEmptyClick && "cursor-pointer"), onClick: expandOnEmptyClick, children: renderNavItems({ showLabels, onNavigate: handleNavClick }) }),
-        (railFooter !== void 0 || hasProfile) && /* @__PURE__ */ jsxs15(SidebarRailFooter, { className: cn("border-t border-[var(--md3-outline-variant)] pt-2", showLabels && "items-stretch px-2"), children: [
-          railFooter,
-          hasProfile && /* @__PURE__ */ jsx18(
-            ProfileAvatar,
-            {
-              user: user ?? void 0,
-              isLoading,
-              onLogout,
-              onSettingsClick,
-              settingsHref,
-              showDetails: showLabels,
-              appearance,
-              LinkComponent: Link,
-              children: profileMenuItems
-            }
-          )
-        ] })
-      ] }),
-      panel != null && /* @__PURE__ */ jsx18(SidebarPanel, { children: panel })
-    ] }) }),
-    /* @__PURE__ */ jsxs15(SidebarContent, { className: contentClassName, children: [
-      hideBelow && /* @__PURE__ */ jsxs15(
-        "header",
-        {
-          className: cn(
-            "flex h-14 shrink-0 items-center gap-1 border-b border-[var(--md3-outline-variant)] bg-surface px-2",
-            SHOW_BELOW_CLASS[hideBelow]
-          ),
-          children: [
-            /* @__PURE__ */ jsx18(
-              "button",
-              {
-                type: "button",
-                "aria-label": "Open navigation",
-                "aria-expanded": mobileNavOpen,
-                "aria-controls": "sidebar-mobile-nav",
-                "aria-haspopup": "dialog",
-                onClick: () => setMobileNavOpen(true),
-                className: cn("flex size-10 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-[var(--accent-surface-soft)] hover:text-foreground", MOTION_CONTROL),
-                children: /* @__PURE__ */ jsx18(MenuIcon2, { className: "size-5" })
-              }
-            ),
-            /* @__PURE__ */ jsx18("div", { className: "flex min-w-0 flex-1 items-center", children: railHeaderContent ?? (logo !== void 0 ? /* @__PURE__ */ jsx18(Link, { href: logoHref, to: logoHref, className: "flex min-w-0 items-center", children: logo }) : null) }),
-            hasProfile && /* @__PURE__ */ jsx18(
-              ProfileAvatar,
-              {
-                user: user ?? void 0,
-                isLoading,
-                onLogout,
-                onSettingsClick,
-                settingsHref,
-                appearance,
-                LinkComponent: Link,
-                children: profileMenuItems
-              }
-            )
-          ]
-        }
-      ),
-      children
-    ] }),
-    hideBelow && mobileNavOpen && /* @__PURE__ */ jsx18(
-      MobileNavDrawer,
-      {
-        breakpoint: hideBelow,
-        onClose: closeMobileNav,
-        header: railHeaderContent ?? logo,
-        footer: railFooter !== void 0 || hasProfile ? /* @__PURE__ */ jsxs15(Fragment10, { children: [
-          railFooter,
-          hasProfile && /* @__PURE__ */ jsx18(
-            ProfileAvatar,
-            {
-              user: user ?? void 0,
-              isLoading,
-              onLogout,
-              onSettingsClick,
-              settingsHref,
-              showDetails: true,
-              appearance,
-              LinkComponent: Link,
-              children: profileMenuItems
-            }
-          )
-        ] }) : null,
-        panel,
-        children: renderNavItems({
-          showLabels: true,
-          onNavigate: () => {
-            handleNavClick?.();
-            closeMobileNav();
-          }
-        })
-      }
-    )
-  ] });
-}
-function MobileNavDrawer({
-  breakpoint,
-  onClose,
-  header,
-  footer,
-  panel,
-  children
-}) {
-  const panelRef = React10.useRef(null);
-  React10.useEffect(() => {
-    const onKeyDown = (event) => {
-      if (event.key === "Escape") {
-        event.stopPropagation();
-        onClose();
-        return;
-      }
-      if (event.key !== "Tab") return;
-      const root = panelRef.current;
-      if (!root) return;
-      const focusable = root.querySelectorAll(
-        'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])'
-      );
-      if (focusable.length === 0) return;
-      const first = focusable[0];
-      const last = focusable[focusable.length - 1];
-      if (event.shiftKey && document.activeElement === first) {
-        event.preventDefault();
-        last.focus();
-      } else if (!event.shiftKey && document.activeElement === last) {
-        event.preventDefault();
-        first.focus();
-      }
-    };
-    document.addEventListener("keydown", onKeyDown, true);
-    return () => document.removeEventListener("keydown", onKeyDown, true);
-  }, [onClose]);
-  React10.useEffect(() => {
-    const previous = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = previous;
-    };
-  }, []);
-  React10.useEffect(() => {
-    panelRef.current?.querySelector("button,a[href]")?.focus();
-  }, []);
-  return /* @__PURE__ */ jsxs15("div", { className: cn("fixed inset-0 z-50", SHOW_BELOW_CLASS[breakpoint]), children: [
-    /* @__PURE__ */ jsx18(
-      "button",
-      {
-        type: "button",
-        "aria-label": "Close navigation",
-        tabIndex: -1,
-        onClick: onClose,
-        className: "absolute inset-0 bg-black/50"
-      }
-    ),
-    /* @__PURE__ */ jsxs15(
-      "div",
-      {
-        ref: panelRef,
-        id: "sidebar-mobile-nav",
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": "Navigation",
-        style: { width: SIDEBAR_MOBILE_WIDTH },
-        className: "agent-arrive absolute inset-y-0 left-0 flex max-w-[85vw] flex-col border-r border-[var(--md3-outline-variant)] bg-surface-container-low shadow-xl",
-        children: [
-          /* @__PURE__ */ jsxs15("div", { className: "flex h-14 shrink-0 items-center gap-1 border-b border-[var(--md3-outline-variant)] px-2", children: [
-            /* @__PURE__ */ jsx18("div", { className: "flex min-w-0 flex-1 items-center", children: header }),
-            /* @__PURE__ */ jsx18(
-              "button",
-              {
-                type: "button",
-                "aria-label": "Close navigation",
-                onClick: onClose,
-                className: cn("flex size-9 shrink-0 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-[var(--accent-surface-soft)] hover:text-foreground", MOTION_CONTROL),
-                children: /* @__PURE__ */ jsx18(CloseIcon, { className: "size-5" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs15("nav", { "aria-label": "Sections", className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto px-2 py-2", children: [
-            children,
-            panel != null && /* @__PURE__ */ jsx18("div", { className: "mt-2 border-t border-[var(--md3-outline-variant)] pt-2", children: panel })
-          ] }),
-          footer != null && /* @__PURE__ */ jsx18("div", { className: "shrink-0 border-t border-[var(--md3-outline-variant)] px-2 py-2", children: footer })
-        ]
-      }
-    )
-  ] });
-}
-function SidebarLayout({
-  panelOpen,
-  onPanelOpenChange,
-  defaultPanelOpen,
-  railCollapsed,
-  onRailCollapsedChange,
-  defaultRailCollapsed,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx18(
-    SidebarProvider,
-    {
-      panelOpen,
-      onPanelOpenChange,
-      defaultPanelOpen,
-      railCollapsed,
-      onRailCollapsedChange,
-      defaultRailCollapsed,
-      hasPanels: props.panel != null,
-      labeledRail: props.railLabels ?? false,
-      children: /* @__PURE__ */ jsx18(SidebarLayoutInner, { ...props })
-    }
-  );
-}
-
-// src/dashboard/profile-selector.tsx
-import { Check as Check3, ChevronDown as ChevronDown2, Plus as Plus3, Settings } from "lucide-react";
-import { Button as Button2 } from "@tangle-network/ui/primitives";
-import { Badge } from "@tangle-network/ui/primitives";
-import {
-  DropdownMenu as DropdownMenu4,
-  DropdownMenuContent as DropdownMenuContent4,
-  DropdownMenuItem as DropdownMenuItem4,
-  DropdownMenuLabel as DropdownMenuLabel2,
-  DropdownMenuSeparator as DropdownMenuSeparator4,
-  DropdownMenuTrigger as DropdownMenuTrigger4
-} from "@tangle-network/ui/primitives";
-import { Fragment as Fragment11, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
-function ProfileSelector({
-  profiles,
-  selectedId,
-  onSelect,
-  onCreateClick,
-  onManageClick,
-  label = "Profile",
-  placeholder = "Default (no custom profile)",
-  showMetrics = true,
-  className
-}) {
-  const selected = profiles.find((p) => p.id === selectedId);
-  const builtinProfiles = profiles.filter((p) => p.is_builtin);
-  const customProfiles = profiles.filter((p) => !p.is_builtin);
-  return /* @__PURE__ */ jsxs16("div", { className, children: [
-    label && /* @__PURE__ */ jsx19("label", { className: "mb-2 block font-medium text-sm", children: label }),
-    /* @__PURE__ */ jsxs16(DropdownMenu4, { children: [
-      /* @__PURE__ */ jsx19(DropdownMenuTrigger4, { asChild: true, children: /* @__PURE__ */ jsxs16(Button2, { variant: "outline", className: "w-full justify-between", children: [
-        /* @__PURE__ */ jsx19("span", { className: "truncate", children: selected ? selected.name : placeholder }),
-        /* @__PURE__ */ jsx19(ChevronDown2, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-      ] }) }),
-      /* @__PURE__ */ jsxs16(DropdownMenuContent4, { className: "w-[300px]", align: "start", children: [
-        /* @__PURE__ */ jsxs16(
-          DropdownMenuItem4,
-          {
-            onClick: () => onSelect(null),
-            className: "flex items-center justify-between",
-            children: [
-              /* @__PURE__ */ jsx19("span", { children: placeholder }),
-              !selectedId && /* @__PURE__ */ jsx19(Check3, { className: "h-4 w-4 text-[var(--surface-success-text)]" })
-            ]
-          }
-        ),
-        builtinProfiles.length > 0 && /* @__PURE__ */ jsxs16(Fragment11, { children: [
-          /* @__PURE__ */ jsx19(DropdownMenuSeparator4, {}),
-          /* @__PURE__ */ jsx19(DropdownMenuLabel2, { children: "Built-in Profiles" }),
-          builtinProfiles.map((profile) => /* @__PURE__ */ jsxs16(
-            DropdownMenuItem4,
-            {
-              onClick: () => onSelect(profile),
-              className: "flex flex-col items-start gap-1",
-              children: [
-                /* @__PURE__ */ jsxs16("div", { className: "flex w-full items-center justify-between", children: [
-                  /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx19("span", { className: "font-medium", children: profile.name }),
-                    profile.extends && /* @__PURE__ */ jsxs16(Badge, { variant: "secondary", className: "border-0 text-xs", children: [
-                      "extends ",
-                      profile.extends
-                    ] })
-                  ] }),
-                  selectedId === profile.id && /* @__PURE__ */ jsx19(Check3, { className: "h-4 w-4 text-[var(--surface-success-text)]" })
-                ] }),
-                profile.description && /* @__PURE__ */ jsx19("span", { className: "line-clamp-1 text-muted-foreground text-xs", children: profile.description })
-              ]
-            },
-            profile.id
-          ))
-        ] }),
-        customProfiles.length > 0 && /* @__PURE__ */ jsxs16(Fragment11, { children: [
-          /* @__PURE__ */ jsx19(DropdownMenuSeparator4, {}),
-          /* @__PURE__ */ jsx19(DropdownMenuLabel2, { children: "Custom Profiles" }),
-          customProfiles.map((profile) => /* @__PURE__ */ jsxs16(
-            DropdownMenuItem4,
-            {
-              onClick: () => onSelect(profile),
-              className: "flex flex-col items-start gap-1",
-              children: [
-                /* @__PURE__ */ jsxs16("div", { className: "flex w-full items-center justify-between", children: [
-                  /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx19("span", { className: "font-medium", children: profile.name }),
-                    profile.model && /* @__PURE__ */ jsx19(Badge, { variant: "secondary", className: "border-0 text-xs", children: profile.model.split("/").pop() })
-                  ] }),
-                  selectedId === profile.id && /* @__PURE__ */ jsx19(Check3, { className: "h-4 w-4 text-[var(--surface-success-text)]" })
-                ] }),
-                profile.description && /* @__PURE__ */ jsx19("span", { className: "line-clamp-1 text-muted-foreground text-xs", children: profile.description }),
-                showMetrics && profile.metrics && profile.metrics.total_runs > 0 && /* @__PURE__ */ jsxs16("div", { className: "flex gap-3 text-muted-foreground text-xs", children: [
-                  /* @__PURE__ */ jsxs16("span", { children: [
-                    profile.metrics.total_runs,
-                    " runs"
-                  ] }),
-                  /* @__PURE__ */ jsxs16("span", { children: [
-                    profile.metrics.success_rate.toFixed(0),
-                    "% success"
-                  ] }),
-                  /* @__PURE__ */ jsxs16("span", { children: [
-                    "~",
-                    (profile.metrics.avg_duration_ms / 1e3).toFixed(1),
-                    "s avg"
-                  ] })
-                ] })
-              ]
-            },
-            profile.id
-          ))
-        ] }),
-        (onCreateClick || onManageClick) && /* @__PURE__ */ jsxs16(Fragment11, { children: [
-          /* @__PURE__ */ jsx19(DropdownMenuSeparator4, {}),
-          onCreateClick && /* @__PURE__ */ jsxs16(
-            DropdownMenuItem4,
-            {
-              onClick: onCreateClick,
-              className: "text-[var(--surface-info-text)]",
-              children: [
-                /* @__PURE__ */ jsx19(Plus3, { className: "mr-2 h-4 w-4" }),
-                "Create New Profile"
-              ]
-            }
-          ),
-          onManageClick && /* @__PURE__ */ jsxs16(
-            DropdownMenuItem4,
-            {
-              onClick: onManageClick,
-              className: "text-muted-foreground",
-              children: [
-                /* @__PURE__ */ jsx19(Settings, { className: "mr-2 h-4 w-4" }),
-                "Manage Profiles"
-              ]
-            }
-          )
-        ] })
-      ] })
-    ] })
-  ] });
-}
-function ProfileComparison({
-  profiles,
-  className
-}) {
-  const profilesWithMetrics = profiles.filter(
-    (p) => p.metrics && p.metrics.total_runs > 0
-  );
-  if (profilesWithMetrics.length === 0) {
-    return null;
-  }
-  const bestSuccess = profilesWithMetrics.reduce(
-    (best, p) => (p.metrics?.success_rate ?? 0) > (best.metrics?.success_rate ?? 0) ? p : best
-  );
-  const fastestProfile = profilesWithMetrics.reduce(
-    (best, p) => (p.metrics?.avg_duration_ms ?? Number.POSITIVE_INFINITY) < (best.metrics?.avg_duration_ms ?? Number.POSITIVE_INFINITY) ? p : best
-  );
-  return /* @__PURE__ */ jsxs16("div", { className: `rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-4 ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsx19("h4", { className: "mb-3 font-medium text-sm", children: "Profile Performance" }),
-    /* @__PURE__ */ jsx19("div", { className: "space-y-3", children: profilesWithMetrics.map((profile) => {
-      const isBestSuccess = profile.id === bestSuccess.id;
-      const isFastest = profile.id === fastestProfile.id;
-      return /* @__PURE__ */ jsxs16(
-        "div",
-        {
-          className: "flex items-center justify-between gap-4",
-          children: [
-            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx19("span", { className: "font-medium", children: profile.name }),
-              isBestSuccess && /* @__PURE__ */ jsx19(Badge, { className: "border border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] text-[var(--surface-success-text)] text-xs", children: "Best Success" }),
-              isFastest && !isBestSuccess && /* @__PURE__ */ jsx19(Badge, { className: "border border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)] text-xs", children: "Fastest" })
-            ] }),
-            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-4 text-sm", children: [
-              /* @__PURE__ */ jsxs16("span", { children: [
-                /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground", children: "Success:" }),
-                " ",
-                /* @__PURE__ */ jsxs16(
-                  "span",
-                  {
-                    className: (profile.metrics?.success_rate ?? 0) >= 80 ? "text-[var(--surface-success-text)]" : (profile.metrics?.success_rate ?? 0) >= 50 ? "text-[var(--surface-warning-text)]" : "text-[var(--surface-danger-text)]",
-                    children: [
-                      profile.metrics?.success_rate.toFixed(0),
-                      "%"
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs16("span", { children: [
-                /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground", children: "Avg:" }),
-                " ",
-                ((profile.metrics?.avg_duration_ms ?? 0) / 1e3).toFixed(1),
-                "s"
-              ] }),
-              /* @__PURE__ */ jsxs16("span", { className: "text-muted-foreground", children: [
-                profile.metrics?.total_runs,
-                " runs"
-              ] })
-            ] })
-          ]
-        },
-        profile.id
-      );
-    }) })
-  ] });
-}
-
-// src/dashboard/metric-area-chart.tsx
-import * as React11 from "react";
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
-var TONE_VARS = {
-  primary: "var(--brand-primary, hsl(var(--primary)))",
-  success: "var(--status-running, #22c55e)",
-  warning: "var(--status-creating, #eab308)",
-  danger: "var(--status-error, #ef4444)"
-};
-function buildSegments(points, width, height, yMax) {
-  if (points.length === 0 || yMax <= 0) return [];
-  const t0 = points[0].at;
-  const t1 = points[points.length - 1].at;
-  const span = Math.max(1, t1 - t0);
-  const x = (at) => points.length === 1 ? width / 2 : (at - t0) / span * width;
-  const y = (v) => height - Math.min(1, Math.max(0, v / yMax)) * height;
-  const segments = [];
-  let run = [];
-  const flush = () => {
-    if (run.length === 0) return;
-    const line = run.map((p, i) => `${i === 0 ? "M" : "L"}${p.px.toFixed(2)},${p.py.toFixed(2)}`).join(" ");
-    const first = run[0];
-    const last = run[run.length - 1];
-    const area = `${line} L${last.px.toFixed(2)},${height} L${first.px.toFixed(2)},${height} Z`;
-    segments.push({ path: line, area });
-    run = [];
-  };
-  for (const point of points) {
-    if (point.value === null) {
-      flush();
-      continue;
-    }
-    run.push({ px: x(point.at), py: y(point.value) });
-  }
-  flush();
-  return segments;
-}
-function MetricAreaChart({
-  points,
-  label,
-  formatValue,
-  maxValue,
-  detail,
-  tone = "primary",
-  height = 96,
-  emptyState,
-  className
-}) {
-  const gradientId = React11.useId();
-  const width = 400;
-  const values = points.map((p) => p.value).filter((v) => v !== null);
-  const latest = values.length > 0 ? values[values.length - 1] : null;
-  const observedMax = values.length > 0 ? Math.max(...values) : 0;
-  const yMax = maxValue ?? (observedMax > 0 ? observedMax * 1.1 : 1);
-  const segments = buildSegments(points, width, height, yMax);
-  const color = TONE_VARS[tone];
-  return /* @__PURE__ */ jsxs17(
-    "div",
-    {
-      className: cn(
-        "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-4 shadow-sm",
-        className
-      ),
-      "data-testid": `metric-chart-${label.toLowerCase().replace(/\s+/g, "-")}`,
-      children: [
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-baseline justify-between gap-3", children: [
-          /* @__PURE__ */ jsx20("p", { className: "font-medium text-muted-foreground text-xs uppercase tracking-[0.12em]", children: label }),
-          /* @__PURE__ */ jsxs17("div", { className: "text-right", children: [
-            /* @__PURE__ */ jsx20("span", { className: "font-semibold text-foreground text-xl tabular-nums tracking-tight", children: latest === null ? "\u2014" : formatValue(latest) }),
-            detail && /* @__PURE__ */ jsx20("span", { className: "ml-1.5 text-muted-foreground text-xs", children: detail })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx20("div", { className: "mt-3", children: values.length === 0 ? /* @__PURE__ */ jsx20(
-          "div",
-          {
-            className: "flex items-center justify-center text-muted-foreground text-xs",
-            style: { height },
-            children: emptyState ?? "Waiting for samples\u2026"
-          }
-        ) : /* @__PURE__ */ jsxs17(
-          "svg",
-          {
-            viewBox: `0 0 ${width} ${height}`,
-            preserveAspectRatio: "none",
-            className: "block w-full",
-            style: { height },
-            role: "img",
-            "aria-label": `${label} chart`,
-            children: [
-              [0.25, 0.5, 0.75].map((fraction) => /* @__PURE__ */ jsx20(
-                "line",
-                {
-                  x1: 0,
-                  x2: width,
-                  y1: height * fraction,
-                  y2: height * fraction,
-                  stroke: "currentColor",
-                  className: "text-border",
-                  strokeWidth: 1,
-                  strokeDasharray: "3 5",
-                  vectorEffect: "non-scaling-stroke"
-                },
-                fraction
-              )),
-              /* @__PURE__ */ jsx20("defs", { children: /* @__PURE__ */ jsxs17("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-                /* @__PURE__ */ jsx20("stop", { offset: "0%", stopColor: color, stopOpacity: 0.28 }),
-                /* @__PURE__ */ jsx20("stop", { offset: "100%", stopColor: color, stopOpacity: 0.02 })
-              ] }) }),
-              segments.map((segment) => /* @__PURE__ */ jsxs17(React11.Fragment, { children: [
-                /* @__PURE__ */ jsx20("path", { d: segment.area, fill: `url(#${gradientId})` }),
-                /* @__PURE__ */ jsx20(
-                  "path",
-                  {
-                    d: segment.path,
-                    fill: "none",
-                    stroke: color,
-                    strokeWidth: 1.75,
-                    vectorEffect: "non-scaling-stroke",
-                    strokeLinejoin: "round",
-                    strokeLinecap: "round"
-                  }
-                )
-              ] }, segment.path))
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsxs17("div", { className: "mt-1.5 flex justify-between text-[10px] text-muted-foreground tabular-nums", children: [
-          /* @__PURE__ */ jsx20("span", { children: values.length > 0 ? formatValue(0) : "" }),
-          /* @__PURE__ */ jsx20("span", { children: values.length > 0 ? formatValue(yMax) : "" })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/dashboard/variant-list.tsx
-import {
-  Check as Check4,
-  CheckCircle2,
-  Clock as Clock3,
-  ExternalLink as ExternalLink2,
-  Loader2,
-  Timer,
-  X,
-  XCircle
-} from "lucide-react";
-import { Button as Button3 } from "@tangle-network/ui/primitives";
-import { Badge as Badge2 } from "@tangle-network/ui/primitives";
-import { Fragment as Fragment13, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
-var statusConfig = {
-  pending: {
-    icon: Clock3,
-    color: "text-[var(--surface-warning-text)]",
-    bg: "bg-[var(--surface-warning-bg)]",
-    border: "border-[var(--surface-warning-border)]",
-    label: "Pending",
-    animate: false
-  },
-  running: {
-    icon: Loader2,
-    color: "text-primary",
-    bg: "bg-[var(--accent-surface-soft)]",
-    border: "border-[var(--md3-outline-variant)]",
-    label: "Running",
-    animate: true
-  },
-  completed: {
-    icon: CheckCircle2,
-    color: "text-[var(--surface-success-text)]",
-    bg: "bg-[var(--surface-success-bg)]",
-    border: "border-[var(--surface-success-border)]",
-    label: "Completed",
-    animate: false
-  },
-  failed: {
-    icon: XCircle,
-    color: "text-[var(--surface-danger-text)]",
-    bg: "bg-[var(--surface-danger-bg)]",
-    border: "border-[var(--surface-danger-border)]",
-    label: "Failed",
-    animate: false
-  },
-  cancelled: {
-    icon: XCircle,
-    color: "text-[var(--surface-neutral-text)]",
-    bg: "bg-[var(--surface-neutral-bg)]",
-    border: "border-[var(--surface-neutral-border)]",
-    label: "Cancelled",
-    animate: false
-  }
-};
-var outcomeConfig = {
-  pending_review: {
-    color: "text-[var(--surface-warning-text)]",
-    bg: "bg-[var(--surface-warning-bg)]",
-    border: "border-[var(--surface-warning-border)]",
-    label: "Pending Review"
-  },
-  accepted: {
-    color: "text-[var(--surface-success-text)]",
-    bg: "bg-[var(--surface-success-bg)]",
-    border: "border-[var(--surface-success-border)]",
-    label: "Accepted"
-  },
-  rejected: {
-    color: "text-[var(--surface-danger-text)]",
-    bg: "bg-[var(--surface-danger-bg)]",
-    border: "border-[var(--surface-danger-border)]",
-    label: "Rejected"
-  },
-  merged_with_conflicts: {
-    color: "text-[var(--surface-orange-text)]",
-    bg: "bg-[var(--surface-orange-bg)]",
-    border: "border-[var(--surface-orange-border)]",
-    label: "Merged (conflicts)"
-  },
-  expired: {
-    color: "text-[var(--surface-neutral-text)]",
-    bg: "bg-[var(--surface-neutral-bg)]",
-    border: "border-[var(--surface-neutral-border)]",
-    label: "Expired"
-  }
-};
-function VariantList({
-  variants,
-  selectedId,
-  onSelect,
-  onAccept,
-  onReject,
-  isActioning,
-  className
-}) {
-  return /* @__PURE__ */ jsx21("div", { className: `space-y-2 ${className || ""}`, children: variants.map((variant) => {
-    const status = statusConfig[variant.status];
-    const StatusIcon = status.icon;
-    const isSelected = variant.id === selectedId;
-    return /* @__PURE__ */ jsxs18(
-      "div",
-      {
-        className: `cursor-pointer rounded-lg border px-3 py-2.5 transition-colors ${isSelected ? "border-primary/30 bg-[var(--accent-surface-soft)]" : "border-[var(--md3-outline-variant)] bg-surface-container hover:border-primary/20 hover:bg-surface-container-high"}`,
-        onClick: () => onSelect?.(variant.id),
-        children: [
-          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxs18(Badge2, { className: `shrink-0 ${status.bg} ${status.border} ${status.color}`, children: [
-              /* @__PURE__ */ jsx21(
-                StatusIcon,
-                {
-                  className: `mr-1 h-3 w-3 ${status.animate ? "animate-spin" : ""}`,
-                  ...status.animate ? { "data-motion": "essential" } : {}
-                }
-              ),
-              status.label
-            ] }),
-            /* @__PURE__ */ jsx21("span", { className: "truncate text-sm font-medium text-foreground", children: variant.label }),
-            variant.sublabel && /* @__PURE__ */ jsxs18("span", { className: "shrink-0 text-xs text-muted-foreground", children: [
-              "(",
-              variant.sublabel,
-              ")"
-            ] }),
-            variant.durationMs && /* @__PURE__ */ jsxs18("span", { className: "flex shrink-0 items-center gap-1 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ jsx21(Timer, { className: "h-3 w-3" }),
-              (variant.durationMs / 1e3).toFixed(1),
-              "s"
-            ] }),
-            /* @__PURE__ */ jsxs18("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
-              variant.outcome && /* @__PURE__ */ jsx21(
-                Badge2,
-                {
-                  className: `${outcomeConfig[variant.outcome].bg} ${outcomeConfig[variant.outcome].border} ${outcomeConfig[variant.outcome].color}`,
-                  children: outcomeConfig[variant.outcome].label
-                }
-              ),
-              variant.status === "completed" && variant.outcome === "pending_review" && onAccept && onReject && /* @__PURE__ */ jsxs18(Fragment13, { children: [
-                /* @__PURE__ */ jsxs18(
-                  Button3,
-                  {
-                    variant: "outline",
-                    size: "sm",
-                    className: "h-7 border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] px-2 text-xs text-[var(--surface-success-text)] hover:bg-[var(--surface-success-border)]",
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      onAccept(variant.id);
-                    },
-                    disabled: isActioning === variant.id,
-                    children: [
-                      /* @__PURE__ */ jsx21(Check4, { className: "mr-1 h-3 w-3" }),
-                      "Accept"
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxs18(
-                  Button3,
-                  {
-                    variant: "outline",
-                    size: "sm",
-                    className: "h-7 border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-2 text-xs text-[var(--surface-danger-text)] hover:bg-[var(--surface-danger-border)]",
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      onReject(variant.id);
-                    },
-                    disabled: isActioning === variant.id,
-                    children: [
-                      /* @__PURE__ */ jsx21(X, { className: "mr-1 h-3 w-3" }),
-                      "Reject"
-                    ]
-                  }
-                )
-              ] }),
-              variant.detailsUrl && /* @__PURE__ */ jsx21(
-                Button3,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  className: "h-7 w-7 p-0 text-muted-foreground hover:text-foreground",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    window.open(variant.detailsUrl, "_blank");
-                  },
-                  children: /* @__PURE__ */ jsx21(ExternalLink2, { className: "h-3.5 w-3.5" })
-                }
-              )
-            ] })
-          ] }),
-          variant.error && /* @__PURE__ */ jsx21("p", { className: "mt-1.5 text-xs text-[var(--surface-danger-text)]", children: variant.error }),
-          variant.summary && /* @__PURE__ */ jsx21("p", { className: "mt-1.5 line-clamp-2 text-xs text-muted-foreground", children: variant.summary })
-        ]
-      },
-      variant.id
-    );
-  }) });
-}
-
-// src/dashboard/system-logs.tsx
-import { Terminal as Terminal3 } from "lucide-react";
-import { useEffect as useEffect6, useRef as useRef5, useState as useState7 } from "react";
-import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
-function SystemLogsViewer({ apiUrl, token, className }) {
-  const [logs, setLogs] = useState7([]);
-  const [error, setError] = useState7(null);
-  const [isFollowing, setIsFollowing] = useState7(true);
-  const scrollRef = useRef5(null);
-  useEffect6(() => {
-    let timeoutId;
-    let backoff = 2e3;
-    const controller = new AbortController();
-    async function fetchLogs() {
-      try {
-        const res = await fetch(`${apiUrl}/logs`, {
-          headers: {
-            Authorization: `Bearer ${token}`
-          },
-          signal: controller.signal
-        });
-        if (!res.ok) throw new Error(`HTTP Error: ${res.status}`);
-        const data = await res.json();
-        if (!controller.signal.aborted) {
-          setLogs(data.logs || []);
-          setError(null);
-          backoff = 2e3;
-        }
-      } catch (err) {
-        if (err.name === "AbortError") return;
-        if (!controller.signal.aborted) {
-          setError(err instanceof Error ? err.message : "Failed to fetch logs");
-          backoff = Math.min(backoff * 2, 3e4);
-        }
-      }
-      if (!controller.signal.aborted) {
-        timeoutId = setTimeout(fetchLogs, backoff);
-      }
-    }
-    fetchLogs();
-    return () => {
-      controller.abort();
-      clearTimeout(timeoutId);
-    };
-  }, [apiUrl, token]);
-  useEffect6(() => {
-    if (isFollowing && scrollRef.current) {
-      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
-    }
-  }, [logs, isFollowing]);
-  const handleScroll = () => {
-    if (!scrollRef.current) return;
-    const { scrollTop, scrollHeight, clientHeight } = scrollRef.current;
-    const isAtBottom = scrollHeight - scrollTop - clientHeight < 20;
-    setIsFollowing((prev) => prev === isAtBottom ? prev : isAtBottom);
-  };
-  return /* @__PURE__ */ jsxs19("div", { className: cn("flex flex-col h-full bg-surface-dim text-foreground font-mono text-sm leading-relaxed overflow-hidden rounded-lg border border-[var(--md3-outline-variant)]", className), children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex-none flex items-center justify-between border-b border-[var(--md3-outline-variant)] bg-surface-container-high backdrop-blur-md px-4 py-2", children: [
-      /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx22(Terminal3, { className: "h-4 w-4 text-primary animate-pulse" }),
-        /* @__PURE__ */ jsx22("span", { className: "font-bold text-xs uppercase tracking-widest text-muted-foreground", children: "System Traces" })
-      ] }),
-      /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
-        error && /* @__PURE__ */ jsxs19("span", { className: "text-destructive text-xs flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx22("span", { className: "w-2 h-2 rounded-full bg-destructive animate-ping" }),
-          " Error fetching logs"
-        ] }),
-        /* @__PURE__ */ jsx22(
-          "button",
-          {
-            onClick: () => {
-              setIsFollowing(!isFollowing);
-              if (!isFollowing && scrollRef.current) {
-                scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
-              }
-            },
-            className: cn("px-3 py-1 text-[10px] font-bold uppercase rounded-md transition-colors", isFollowing ? "bg-primary/20 text-primary border border-primary/20" : "bg-surface-container-high text-muted-foreground border border-[var(--md3-outline-variant)] hover:bg-accent hover:text-foreground"),
-            children: isFollowing ? "Auto-Scroll ON" : "Auto-Scroll OFF"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx22(
-      "div",
-      {
-        ref: scrollRef,
-        onScroll: handleScroll,
-        className: "flex-1 overflow-y-auto p-4 space-y-1",
-        children: logs.length === 0 && !error ? /* @__PURE__ */ jsx22("div", { className: "flex h-full items-center justify-center text-muted-foreground italic", children: "Waiting for orchestrator logs..." }) : logs.map((log, i) => /* @__PURE__ */ jsxs19("div", { className: "break-words", children: [
-          /* @__PURE__ */ jsxs19("span", { className: "text-muted-foreground mr-3 select-none", children: [
-            "[",
-            log.timestamp || i.toString().padStart(4, "0"),
-            "]"
-          ] }),
-          /* @__PURE__ */ jsxs19("span", { className: "text-primary/70 mr-2", children: [
-            "[",
-            log.level,
-            "]"
-          ] }),
-          /* @__PURE__ */ jsxs19("span", { className: "text-muted-foreground mr-2", children: [
-            "[",
-            log.scope,
-            "]"
-          ] }),
-          /* @__PURE__ */ jsx22("span", { className: log.level.toUpperCase() === "ERROR" || log.message.toLowerCase().includes("failed") ? "text-destructive" : log.level.toUpperCase() === "WARN" ? "text-warning" : "text-foreground", children: log.message })
-        ] }, `${log.timestamp}-${log.scope}-${i}`))
-      }
-    )
-  ] });
-}
-
-// src/dashboard/usage-summary.tsx
-import { Clock as Clock4, Layers, MessageSquare, DollarSign } from "lucide-react";
-import { StatCard } from "@tangle-network/ui/primitives";
-import { Skeleton as Skeleton4 } from "@tangle-network/ui/primitives";
-import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
-function UsageSummary({ data, loading = false, className }) {
-  if (loading || !data) {
-    return /* @__PURE__ */ jsx23("div", { className: cn("grid grid-cols-2 gap-4 lg:grid-cols-4", className), children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx23(Skeleton4, { className: "h-28 rounded-xl" }, i)) });
-  }
-  return /* @__PURE__ */ jsxs20("div", { className: cn("grid grid-cols-2 gap-4 lg:grid-cols-4", className), children: [
-    /* @__PURE__ */ jsx23(
-      StatCard,
-      {
-        variant: "sandbox",
-        title: "Compute Hours",
-        value: data.computeHours.toFixed(1),
-        subtitle: "This billing period",
-        icon: /* @__PURE__ */ jsx23(Clock4, { className: "h-5 w-5" })
-      }
-    ),
-    /* @__PURE__ */ jsx23(
-      StatCard,
-      {
-        variant: "sandbox",
-        title: "Active Sessions",
-        value: data.activeSessions,
-        subtitle: "Currently running",
-        icon: /* @__PURE__ */ jsx23(Layers, { className: "h-5 w-5" })
-      }
-    ),
-    /* @__PURE__ */ jsx23(
-      StatCard,
-      {
-        variant: "sandbox",
-        title: "Messages Sent",
-        value: data.messagesSent.toLocaleString(),
-        subtitle: "Agent interactions",
-        icon: /* @__PURE__ */ jsx23(MessageSquare, { className: "h-5 w-5" })
-      }
-    ),
-    /* @__PURE__ */ jsx23(
-      StatCard,
-      {
-        variant: "sandbox",
-        title: "Estimated Cost",
-        value: `$${data.estimatedCost.toFixed(2)}`,
-        subtitle: "This billing period",
-        icon: /* @__PURE__ */ jsx23(DollarSign, { className: "h-5 w-5" })
-      }
-    )
-  ] });
-}
-
-// src/dashboard/git-panel.tsx
-import { GitBranch, GitCommit, FileEdit, FilePlus, File } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
-function GitPanel({ status, log, loading = false, onRefresh, className }) {
-  if (loading) {
-    return /* @__PURE__ */ jsxs21(
-      "div",
-      {
-        className: cn("rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container overflow-hidden", className),
-        "aria-busy": "true",
-        children: [
-          /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "Loading git info\u2026" }),
-          /* @__PURE__ */ jsx24("div", { className: "flex items-center justify-between border-b border-[var(--md3-outline-variant)] bg-surface-container-high px-4 py-3", children: /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx24(GitBranch, { className: "h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ jsx24("div", { className: "h-3.5 w-24 animate-pulse rounded bg-muted" })
-          ] }) }),
-          /* @__PURE__ */ jsxs21("div", { className: "px-4 py-3", children: [
-            /* @__PURE__ */ jsx24("div", { className: "mb-2 h-2.5 w-20 animate-pulse rounded bg-muted" }),
-            /* @__PURE__ */ jsx24("div", { className: "space-y-2.5", children: [0, 1, 2].map((row) => /* @__PURE__ */ jsxs21("div", { className: "flex items-start gap-2", children: [
-              /* @__PURE__ */ jsx24(GitCommit, { className: "mt-0.5 h-3 w-3 shrink-0 text-muted-foreground" }),
-              /* @__PURE__ */ jsx24("div", { className: "h-3 w-3/4 animate-pulse rounded bg-muted" })
-            ] }, row)) })
-          ] })
-        ]
-      }
-    );
-  }
-  if (!status) {
-    return /* @__PURE__ */ jsx24("div", { className: cn("rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-5", className), children: /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx24(GitBranch, { className: "h-4 w-4" }),
-      "No git repository detected"
-    ] }) });
-  }
-  const changedCount = status.staged.length + status.modified.length + status.untracked.length;
-  return /* @__PURE__ */ jsxs21("div", { className: cn("rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container overflow-hidden", className), children: [
-    /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between border-b border-[var(--md3-outline-variant)] bg-surface-container-high px-4 py-3", children: [
-      /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx24(GitBranch, { className: "h-4 w-4 text-primary" }),
-        /* @__PURE__ */ jsx24("span", { className: "text-sm font-bold text-foreground", children: status.branch }),
-        status.isDirty && /* @__PURE__ */ jsxs21("span", { className: "rounded-full bg-[var(--surface-warning-bg)] px-1.5 py-0.5 text-[10px] font-bold text-[var(--surface-warning-text)]", children: [
-          changedCount,
-          " change",
-          changedCount !== 1 ? "s" : ""
-        ] })
-      ] }),
-      onRefresh && /* @__PURE__ */ jsx24("button", { type: "button", onClick: onRefresh, className: "text-xs text-muted-foreground hover:text-foreground transition-colors", children: "Refresh" })
-    ] }),
-    changedCount > 0 && /* @__PURE__ */ jsx24("div", { className: "border-b border-[var(--md3-outline-variant)] px-4 py-3", children: /* @__PURE__ */ jsxs21("div", { className: "space-y-1.5", children: [
-      status.staged.map((f) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2 text-xs", children: [
-        /* @__PURE__ */ jsx24(FilePlus, { className: "h-3 w-3 text-[var(--surface-success-text)]" }),
-        /* @__PURE__ */ jsx24("span", { className: "font-mono text-foreground truncate", children: f }),
-        /* @__PURE__ */ jsx24("span", { className: "text-[var(--surface-success-text)] text-[10px] font-bold ml-auto", children: "STAGED" })
-      ] }, `s-${f}`)),
-      status.modified.map((f) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2 text-xs", children: [
-        /* @__PURE__ */ jsx24(FileEdit, { className: "h-3 w-3 text-[var(--surface-warning-text)]" }),
-        /* @__PURE__ */ jsx24("span", { className: "font-mono text-foreground truncate", children: f })
-      ] }, `m-${f}`)),
-      status.untracked.map((f) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2 text-xs", children: [
-        /* @__PURE__ */ jsx24(File, { className: "h-3 w-3 text-muted-foreground" }),
-        /* @__PURE__ */ jsx24("span", { className: "font-mono text-muted-foreground truncate", children: f })
-      ] }, `u-${f}`))
-    ] }) }),
-    log.length > 0 && /* @__PURE__ */ jsxs21("div", { className: "px-4 py-3", children: [
-      /* @__PURE__ */ jsx24("div", { className: "mb-2 text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Recent Commits" }),
-      /* @__PURE__ */ jsx24("div", { className: "space-y-2", children: log.slice(0, 5).map((commit) => /* @__PURE__ */ jsxs21("div", { className: "flex items-start gap-2 text-xs", children: [
-        /* @__PURE__ */ jsx24(GitCommit, { className: "h-3 w-3 text-muted-foreground mt-0.5 shrink-0" }),
-        /* @__PURE__ */ jsxs21("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx24("span", { className: "font-mono text-primary mr-1.5", children: commit.shortSha }),
-          /* @__PURE__ */ jsx24("span", { className: "text-foreground", children: commit.message })
-        ] })
-      ] }, commit.shortSha)) })
-    ] }),
-    (status.ahead > 0 || status.behind > 0) && /* @__PURE__ */ jsxs21("div", { className: "border-t border-[var(--md3-outline-variant)] px-4 py-2 flex items-center gap-3 text-xs text-muted-foreground", children: [
-      status.ahead > 0 && /* @__PURE__ */ jsxs21("span", { children: [
-        "\u2191 ",
-        status.ahead,
-        " ahead"
-      ] }),
-      status.behind > 0 && /* @__PURE__ */ jsxs21("span", { children: [
-        "\u2193 ",
-        status.behind,
-        " behind"
-      ] })
-    ] })
-  ] });
-}
-
-// src/dashboard/ports-list.tsx
-import * as React13 from "react";
-import { Copy as Copy3, Check as Check5, Globe, Plus as Plus4, Trash2 as Trash23 } from "lucide-react";
-import { focusField, focusRing as focusRing5 } from "@tangle-network/ui/utils";
-import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
-function PortsList({ ports, onExposePort, onRemovePort, isExposing = false, className }) {
-  const [newPort, setNewPort] = React13.useState("");
-  const [copiedPort, setCopiedPort] = React13.useState(null);
-  const [statusMessage, setStatusMessage] = React13.useState("");
-  const copyTimerRef = React13.useRef(null);
-  const pendingRemovalRef = React13.useRef(null);
-  const removeButtonsRef = React13.useRef(/* @__PURE__ */ new Map());
-  const portInputRef = React13.useRef(null);
-  const portInputId = React13.useId();
-  const portErrorId = React13.useId();
-  const portNumber = Number(newPort);
-  const validPort = /^\d+$/.test(newPort) && portNumber >= 1 && portNumber <= 65535;
-  const duplicatePort = validPort && ports.some((port) => port.port === portNumber);
-  const portError = newPort === "" ? null : !validPort ? "Enter a whole port number from 1 to 65535." : duplicatePort ? `Port ${portNumber} is already exposed.` : null;
-  React13.useEffect(() => {
-    return () => {
-      if (copyTimerRef.current) clearTimeout(copyTimerRef.current);
-    };
-  }, []);
-  React13.useEffect(() => {
-    const pending = pendingRemovalRef.current;
-    if (!pending || ports.some((port) => port.port === pending.removed)) return;
-    setStatusMessage(`Port ${pending.removed} removed.`);
-    if (pending.restoreFocus) {
-      const nextButton = pending.next == null ? null : removeButtonsRef.current.get(pending.next);
-      const focusTarget = nextButton ?? removeButtonsRef.current.values().next().value ?? portInputRef.current;
-      focusTarget?.focus();
-    }
-    pendingRemovalRef.current = null;
-  }, [ports]);
-  const handleCopy = async (url, port) => {
-    try {
-      await navigator.clipboard.writeText(url);
-      setCopiedPort(port);
-      if (copyTimerRef.current) clearTimeout(copyTimerRef.current);
-      copyTimerRef.current = setTimeout(() => setCopiedPort(null), 2e3);
-    } catch (err) {
-      console.warn("Clipboard write failed:", err);
-    }
-  };
-  const handleExpose = () => {
-    if (validPort && !duplicatePort && !isExposing) {
-      onExposePort(portNumber);
-      setNewPort("");
-    }
-  };
-  return /* @__PURE__ */ jsxs22("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsx25("span", { role: "status", className: "sr-only", children: statusMessage }),
-    ports.length > 0 ? /* @__PURE__ */ jsxs22("div", { className: "overflow-hidden rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container text-sm", children: [
-      /* @__PURE__ */ jsxs22("div", { "aria-hidden": "true", className: "hidden border-b border-[var(--md3-outline-variant)] bg-surface-container-high px-3 py-2.5 text-xs font-medium text-muted-foreground sm:grid sm:grid-cols-[4rem_minmax(0,1fr)_5.5rem_3rem] sm:gap-x-2", children: [
-        /* @__PURE__ */ jsx25("span", { children: "Port" }),
-        /* @__PURE__ */ jsx25("span", { children: "Public URL" }),
-        /* @__PURE__ */ jsx25("span", { children: "Status" })
-      ] }),
-      /* @__PURE__ */ jsx25("ul", { className: "divide-y divide-border", children: ports.map((p, index) => /* @__PURE__ */ jsxs22("li", { className: "grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-x-2 gap-y-1 px-3 py-2 sm:grid-cols-[4rem_minmax(0,1fr)_5.5rem_3rem] sm:py-1", children: [
-        /* @__PURE__ */ jsxs22("span", { className: "col-start-1 row-start-1 font-mono text-xs text-foreground", children: [
-          /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "Port " }),
-          p.port
-        ] }),
-        /* @__PURE__ */ jsxs22(
-          "button",
-          {
-            type: "button",
-            "aria-label": copiedPort === p.port ? `Copied public URL for port ${p.port}` : `Copy public URL for port ${p.port}: ${p.url}`,
-            onClick: () => handleCopy(p.url, p.port),
-            className: `col-span-2 row-start-3 flex min-h-10 min-w-0 items-center gap-2 rounded text-left font-mono text-xs text-[var(--accent-text)] hover:underline sm:col-span-1 sm:col-start-2 sm:row-start-1 ${focusRing5}`,
-            children: [
-              /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", className: "min-w-0 flex-1 break-all sm:truncate", children: p.url }),
-              copiedPort === p.port ? /* @__PURE__ */ jsx25(Check5, { className: "h-4 w-4 shrink-0 text-[var(--surface-success-text)]", "aria-hidden": "true" }) : /* @__PURE__ */ jsx25(Copy3, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs22("span", { className: cn(
-          "col-start-1 row-start-2 inline-flex items-center justify-self-start rounded-full px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider sm:col-start-3 sm:row-start-1",
-          p.status === "active" ? "bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]" : "bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]"
-        ), children: [
-          /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "Status: " }),
-          p.status
-        ] }),
-        onRemovePort && /* @__PURE__ */ jsx25(
-          "button",
-          {
-            type: "button",
-            "aria-label": `Remove port ${p.port}`,
-            ref: (button) => {
-              if (button) removeButtonsRef.current.set(p.port, button);
-              else removeButtonsRef.current.delete(p.port);
-            },
-            onClick: (event) => {
-              pendingRemovalRef.current = {
-                removed: p.port,
-                next: ports[index + 1]?.port ?? ports[index - 1]?.port ?? null,
-                restoreFocus: event.detail === 0
-              };
-              onRemovePort(p.port);
-            },
-            className: `col-start-2 row-start-1 inline-flex min-h-10 min-w-10 items-center justify-center rounded text-muted-foreground transition-colors hover:text-destructive sm:col-start-4 ${focusRing5}`,
-            children: /* @__PURE__ */ jsx25(Trash23, { className: "h-4 w-4", "aria-hidden": "true" })
-          }
-        )
-      ] }, p.port)) })
-    ] }) : /* @__PURE__ */ jsxs22("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 text-center", children: [
-      /* @__PURE__ */ jsx25(Globe, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),
-      /* @__PURE__ */ jsx25("p", { className: "text-sm text-muted-foreground", children: "No ports exposed yet" })
-    ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "flex flex-wrap items-end gap-3", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-[1_1_10rem]", children: [
-        /* @__PURE__ */ jsx25("label", { htmlFor: portInputId, className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Port number" }),
-        /* @__PURE__ */ jsx25(
-          "input",
-          {
-            ref: portInputRef,
-            id: portInputId,
-            type: "number",
-            min: 1,
-            max: 65535,
-            step: 1,
-            "aria-invalid": Boolean(portError),
-            "aria-describedby": portError ? portErrorId : void 0,
-            placeholder: "3000",
-            value: newPort,
-            onChange: (e) => setNewPort(e.target.value),
-            onKeyDown: (e) => e.key === "Enter" && handleExpose(),
-            className: `w-full min-w-0 rounded-lg border bg-surface-container-low px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground ${focusField}`
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs22(
-        "button",
-        {
-          type: "button",
-          onClick: handleExpose,
-          disabled: !validPort || duplicatePort || isExposing,
-          className: `inline-flex shrink-0 items-center gap-2 rounded-lg bg-[var(--btn-primary-bg)] px-4 py-2 text-sm font-semibold text-[var(--btn-primary-text)] shadow-sm transition-colors hover:bg-[var(--btn-primary-hover)] disabled:cursor-not-allowed disabled:opacity-55 disabled:shadow-none ${focusRing5}`,
-          children: [
-            /* @__PURE__ */ jsx25(Plus4, { className: "h-4 w-4" }),
-            "Expose"
-          ]
-        }
-      )
-    ] }),
-    portError && /* @__PURE__ */ jsx25("p", { id: portErrorId, className: "text-xs text-[var(--surface-danger-text)]", children: portError })
-  ] });
-}
-
-// src/dashboard/process-list.tsx
-import * as React14 from "react";
-import { Activity as Activity3, Plus as Plus5, Skull, Terminal as Terminal4 } from "lucide-react";
-import { focusField as focusField2, focusRing as focusRing6 } from "@tangle-network/ui/utils";
-import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
-function formatUptime(startedAt) {
-  if (!startedAt) return "-";
-  const ms = Date.now() - new Date(startedAt).getTime();
-  if (Number.isNaN(ms) || ms < 0) return "-";
-  if (ms < 6e4) return `${Math.floor(ms / 1e3)}s`;
-  if (ms < 36e5) return `${Math.floor(ms / 6e4)}m`;
-  return `${Math.floor(ms / 36e5)}h ${Math.floor(ms % 36e5 / 6e4)}m`;
-}
-function ProcessList({ processes, onSpawn, onKill, loading = false, className }) {
-  const [newCommand, setNewCommand] = React14.useState("");
-  const [statusMessage, setStatusMessage] = React14.useState("");
-  const commandId = React14.useId();
-  const commandInputRef = React14.useRef(null);
-  const pendingKillRef = React14.useRef(null);
-  React14.useEffect(() => {
-    const pending = pendingKillRef.current;
-    if (!pending || processes.some((process) => process.pid === pending.pid && process.running)) return;
-    const stopped = processes.find((process) => process.pid === pending.pid);
-    setStatusMessage(stopped?.exitCode == null ? `Process ${pending.pid} stopped.` : `Process ${pending.pid} exited with code ${stopped.exitCode}.`);
-    if (pending.restoreFocus) commandInputRef.current?.focus();
-    pendingKillRef.current = null;
-  }, [processes]);
-  const handleSpawn = () => {
-    const cmd = newCommand.trim();
-    if (cmd) {
-      onSpawn(cmd);
-      setNewCommand("");
-    }
-  };
-  return /* @__PURE__ */ jsxs23("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsx26("span", { role: "status", className: "sr-only", children: statusMessage }),
-    loading ? /* @__PURE__ */ jsxs23("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 text-center", children: [
-      /* @__PURE__ */ jsx26(Activity3, { className: "mx-auto h-6 w-6 text-muted-foreground animate-spin mb-2", "data-motion": "essential" }),
-      /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground", children: "Loading processes..." })
-    ] }) : processes.length > 0 ? /* @__PURE__ */ jsx26("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container overflow-hidden", children: /* @__PURE__ */ jsx26("ul", { "aria-label": "Processes", className: "divide-y divide-border", children: processes.map((p) => {
-      const age = formatUptime(p.startedAt);
-      return /* @__PURE__ */ jsxs23("li", { className: "flex min-w-0 items-start gap-3 px-3 py-3", children: [
-        /* @__PURE__ */ jsxs23("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx26("code", { className: "block break-all font-mono text-xs leading-5 text-foreground", children: p.command }),
-          /* @__PURE__ */ jsxs23("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsxs23("span", { className: "font-mono tabular-nums", children: [
-              "PID ",
-              p.pid
-            ] }),
-            /* @__PURE__ */ jsx26("span", { className: cn(
-              "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider",
-              p.running ? "bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]" : "bg-surface-container-high text-muted-foreground"
-            ), children: p.running ? "running" : `exited (${p.exitCode ?? "?"})` }),
-            age !== "-" && /* @__PURE__ */ jsx26("span", { className: "font-mono tabular-nums", children: p.running ? `Uptime ${age}` : `Started ${age} ago` })
-          ] })
-        ] }),
-        p.running && /* @__PURE__ */ jsx26(
-          "button",
-          {
-            type: "button",
-            onClick: (event) => {
-              pendingKillRef.current = { pid: p.pid, restoreFocus: event.detail === 0 };
-              onKill(p.pid);
-            },
-            className: `flex size-10 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive ${focusRing6}`,
-            "aria-label": `Kill process ${p.pid}`,
-            title: `Kill process ${p.pid}`,
-            children: /* @__PURE__ */ jsx26(Skull, { "aria-hidden": "true", className: "h-4 w-4" })
-          }
-        )
-      ] }, `${p.pid}-${p.startedAt ?? p.command}`);
-    }) }) }) : /* @__PURE__ */ jsxs23("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 text-center", children: [
-      /* @__PURE__ */ jsx26(Terminal4, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),
-      /* @__PURE__ */ jsx26("p", { className: "text-sm text-muted-foreground", children: "No processes running" })
-    ] }),
-    /* @__PURE__ */ jsxs23("form", { onSubmit: (event) => {
-      event.preventDefault();
-      handleSpawn();
-    }, className: "flex min-w-0 flex-wrap items-end gap-2", children: [
-      /* @__PURE__ */ jsxs23("div", { className: "min-w-0 flex-[1_1_12rem]", children: [
-        /* @__PURE__ */ jsx26("label", { htmlFor: commandId, className: "mb-1 block text-xs font-medium text-muted-foreground", children: "Command" }),
-        /* @__PURE__ */ jsx26(
-          "input",
-          {
-            ref: commandInputRef,
-            id: commandId,
-            type: "text",
-            placeholder: "node app.js",
-            value: newCommand,
-            onChange: (e) => setNewCommand(e.target.value),
-            className: `w-full min-w-0 rounded-lg border bg-surface-container-low px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground ${focusField2}`
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs23(
-        "button",
-        {
-          type: "submit",
-          disabled: !newCommand.trim(),
-          className: `inline-flex h-10 shrink-0 items-center gap-2 rounded-lg border border-[var(--border-accent)] bg-[var(--accent-surface-soft)] px-3 text-sm font-medium text-[var(--accent-text)] transition-colors hover:bg-[var(--btn-primary-bg)] hover:text-[var(--btn-primary-text)] disabled:opacity-50 ${focusRing6}`,
-          children: [
-            /* @__PURE__ */ jsx26(Plus5, { "aria-hidden": "true", className: "h-4 w-4" }),
-            "Spawn"
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/dashboard/network-config.tsx
-import * as React15 from "react";
-import { Network as Network2, Plus as Plus6, Trash2 as Trash24, ShieldAlert } from "lucide-react";
-import { focusField as focusField3, focusRing as focusRing7 } from "@tangle-network/ui/utils";
-import { jsx as jsx27, jsxs as jsxs24 } from "react/jsx-runtime";
-function NetworkConfig({ config, onUpdate, loading = false, className }) {
-  const [newCidr, setNewCidr] = React15.useState("");
-  const isValidCidr = (value) => {
-    const match = value.match(/^(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})\/(\d{1,2})$/);
-    if (!match) return false;
-    const octets = [match[1], match[2], match[3], match[4]].map(Number);
-    const prefix = Number(match[5]);
-    return octets.every((o) => o <= 255) && prefix <= 32;
-  };
-  const handleAddCidr = () => {
-    const cidr = newCidr.trim();
-    if (cidr && config && isValidCidr(cidr) && !config.allowList.includes(cidr)) {
-      onUpdate({ allowList: [...config.allowList, cidr] });
-      setNewCidr("");
-    }
-  };
-  const handleRemoveCidr = (cidr) => {
-    if (config) {
-      onUpdate({ allowList: config.allowList.filter((c) => c !== cidr) });
-    }
-  };
-  if (loading || !config) {
-    return /* @__PURE__ */ jsxs24("div", { className: cn("rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 text-center", className), children: [
-      /* @__PURE__ */ jsx27(Network2, { className: "mx-auto h-6 w-6 text-muted-foreground animate-pulse mb-2", "data-motion": "essential" }),
-      /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground", children: "Loading network configuration..." })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs24("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container px-4 py-3", children: [
-      /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx27(ShieldAlert, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsxs24("div", { children: [
-          /* @__PURE__ */ jsx27("p", { className: "text-sm font-medium text-foreground", children: "Block Outbound Traffic" }),
-          /* @__PURE__ */ jsx27("p", { className: "text-xs text-muted-foreground", children: "Prevent the sandbox from making external network requests" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx27(
-        "button",
-        {
-          type: "button",
-          role: "switch",
-          "aria-checked": config.blockOutbound,
-          "aria-label": "Block outbound traffic",
-          onClick: () => onUpdate({ blockOutbound: !config.blockOutbound }),
-          className: cn(
-            "relative inline-flex h-6 w-11 items-center rounded-full transition-colors",
-            config.blockOutbound ? "bg-destructive" : "bg-surface-container-high"
-          ),
-          children: /* @__PURE__ */ jsx27(
-            "span",
-            {
-              className: cn(
-                "inline-block h-4 w-4 rounded-full bg-white transition-transform shadow-sm",
-                config.blockOutbound ? "translate-x-6" : "translate-x-1"
-              )
-            }
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs24("div", { children: [
-      /* @__PURE__ */ jsx27("h4", { className: "text-xs font-medium text-muted-foreground mb-2 uppercase tracking-wider", children: "Allowlist (CIDR)" }),
-      config.allowList.length > 0 ? /* @__PURE__ */ jsx27("div", { className: "space-y-1.5 mb-3", children: config.allowList.map((cidr) => /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between rounded border border-[var(--md3-outline-variant)] bg-surface-container-high px-3 py-2", children: [
-        /* @__PURE__ */ jsx27("span", { className: "font-mono text-xs text-foreground", children: cidr }),
-        /* @__PURE__ */ jsx27(
-          "button",
-          {
-            type: "button",
-            "aria-label": `Remove ${cidr} from allowlist`,
-            onClick: () => handleRemoveCidr(cidr),
-            className: `p-2 text-muted-foreground hover:text-destructive transition-colors rounded ${focusRing7}`,
-            children: /* @__PURE__ */ jsx27(Trash24, { className: "h-3 w-3" })
-          }
-        )
-      ] }, cidr)) }) : /* @__PURE__ */ jsx27("p", { className: "text-xs text-muted-foreground mb-3", children: "No CIDR rules configured. All traffic is allowed." }),
-      /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx27(
-          "input",
-          {
-            type: "text",
-            "aria-label": "CIDR to allow",
-            placeholder: "CIDR (e.g. 10.0.0.0/8)",
-            value: newCidr,
-            onChange: (e) => setNewCidr(e.target.value),
-            onKeyDown: (e) => e.key === "Enter" && handleAddCidr(),
-            className: `flex-1 rounded-lg border bg-surface-container-low px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground ${focusField3}`
-          }
-        ),
-        /* @__PURE__ */ jsxs24(
-          "button",
-          {
-            type: "button",
-            onClick: handleAddCidr,
-            disabled: !newCidr.trim(),
-            className: "inline-flex items-center gap-2 rounded-lg bg-primary/20 border border-primary/30 px-4 py-2 text-sm font-medium text-primary hover:bg-primary hover:text-primary-foreground transition-colors disabled:opacity-50",
-            children: [
-              /* @__PURE__ */ jsx27(Plus6, { className: "h-4 w-4" }),
-              "Add"
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-
-// src/dashboard/backend-config.tsx
-import * as React16 from "react";
-import { Bot as Bot2, Plus as Plus7, Trash2 as Trash25, Server, Wrench } from "lucide-react";
-import { focusField as focusField4, focusRing as focusRing8 } from "@tangle-network/ui/utils";
-import { Fragment as Fragment14, jsx as jsx28, jsxs as jsxs25 } from "react/jsx-runtime";
-function BackendConfig({
-  status,
-  mcpServers,
-  onAddMcp,
-  onRemoveMcp,
-  onRestart,
-  loading = false,
-  className
-}) {
-  const [showAddMcp, setShowAddMcp] = React16.useState(false);
-  const [mcpName, setMcpName] = React16.useState("");
-  const [mcpCommand, setMcpCommand] = React16.useState("");
-  const [mcpArgs, setMcpArgs] = React16.useState("");
-  const handleAddMcp = () => {
-    const name = mcpName.trim();
-    const command = mcpCommand.trim();
-    if (name && command) {
-      onAddMcp({
-        name,
-        command,
-        args: mcpArgs.trim() ? mcpArgs.trim().split(/\s+/) : void 0
-      });
-      setMcpName("");
-      setMcpCommand("");
-      setMcpArgs("");
-      setShowAddMcp(false);
-    }
-  };
-  if (loading || !status) {
-    return /* @__PURE__ */ jsxs25("div", { className: cn("rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 text-center", className), children: [
-      /* @__PURE__ */ jsx28(Bot2, { className: "mx-auto h-6 w-6 text-muted-foreground animate-pulse mb-2", "data-motion": "essential" }),
-      /* @__PURE__ */ jsx28("p", { className: "text-sm text-muted-foreground", children: "Loading backend status..." })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs25("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs25("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container overflow-hidden", children: [
-      /* @__PURE__ */ jsxs25("div", { className: "px-4 py-3 border-b border-[var(--md3-outline-variant)] bg-surface-container-high flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx28("h4", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Agent Status" }),
-        onRestart ? /* @__PURE__ */ jsx28(
-          "button",
-          {
-            type: "button",
-            onClick: onRestart,
-            className: "inline-flex items-center gap-1.5 rounded-md bg-surface-container-high px-2.5 py-1 text-xs font-medium text-foreground hover:bg-surface-container-highest transition-colors border border-[var(--md3-outline-variant)]",
-            children: "Restart"
-          }
-        ) : null
-      ] }),
-      /* @__PURE__ */ jsx28("div", { className: "p-4", children: /* @__PURE__ */ jsxs25("dl", { className: "grid grid-cols-[100px_1fr] gap-y-3 text-sm", children: [
-        /* @__PURE__ */ jsx28("dt", { className: "text-muted-foreground", children: "Status" }),
-        /* @__PURE__ */ jsx28("dd", { children: /* @__PURE__ */ jsx28("span", { className: cn(
-          "inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider",
-          status.running ? "bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]" : "bg-destructive/10 text-destructive"
-        ), children: status.running ? "Running" : "Stopped" }) }),
-        /* @__PURE__ */ jsx28("dt", { className: "text-muted-foreground", children: "Model" }),
-        /* @__PURE__ */ jsx28("dd", { className: "font-mono text-xs", children: status.model ?? "Default" }),
-        status.provider && /* @__PURE__ */ jsxs25(Fragment14, { children: [
-          /* @__PURE__ */ jsx28("dt", { className: "text-muted-foreground", children: "Provider" }),
-          /* @__PURE__ */ jsx28("dd", { className: "font-mono text-xs", children: status.provider })
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs25("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container overflow-hidden", children: [
-      /* @__PURE__ */ jsxs25("div", { className: "px-4 py-3 border-b border-[var(--md3-outline-variant)] bg-surface-container-high flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs25("h4", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx28(Wrench, { className: "h-3.5 w-3.5" }),
-          "MCP Servers"
-        ] }),
-        /* @__PURE__ */ jsxs25(
-          "button",
-          {
-            type: "button",
-            onClick: () => setShowAddMcp(!showAddMcp),
-            className: "inline-flex items-center gap-1.5 rounded-md bg-primary/20 border border-primary/30 px-2.5 py-1 text-xs font-medium text-primary hover:bg-primary hover:text-primary-foreground transition-colors",
-            children: [
-              /* @__PURE__ */ jsx28(Plus7, { className: "h-3 w-3" }),
-              "Add"
-            ]
-          }
-        )
-      ] }),
-      mcpServers.length > 0 ? /* @__PURE__ */ jsx28("div", { className: "divide-y divide-border", children: mcpServers.map((s) => /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between px-4 py-3", children: [
-        /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3 min-w-0", children: [
-          /* @__PURE__ */ jsx28(Server, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
-          /* @__PURE__ */ jsxs25("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx28("p", { className: "text-sm font-medium text-foreground truncate", children: s.name }),
-            /* @__PURE__ */ jsxs25("p", { className: "text-xs font-mono text-muted-foreground truncate", children: [
-              s.command,
-              " ",
-              s.args?.join(" ") ?? ""
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 shrink-0", children: [
-          s.status && /* @__PURE__ */ jsx28("span", { className: cn(
-            "inline-flex items-center rounded-full px-1.5 py-0.5 text-[9px] font-bold uppercase",
-            s.status === "running" ? "bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]" : s.status === "error" ? "bg-destructive/10 text-destructive" : "bg-surface-container-high text-muted-foreground"
-          ), children: s.status }),
-          /* @__PURE__ */ jsx28(
-            "button",
-            {
-              type: "button",
-              "aria-label": `Remove ${s.name} MCP server`,
-              onClick: () => onRemoveMcp(s.name),
-              className: `p-2 text-muted-foreground hover:text-destructive transition-colors rounded ${focusRing8}`,
-              children: /* @__PURE__ */ jsx28(Trash25, { className: "h-3.5 w-3.5" })
-            }
-          )
-        ] })
-      ] }, s.name)) }) : /* @__PURE__ */ jsx28("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx28("p", { className: "text-xs text-muted-foreground", children: "No MCP servers configured" }) }),
-      showAddMcp && /* @__PURE__ */ jsxs25("div", { className: "p-4 border-t border-[var(--md3-outline-variant)] bg-surface-container-high space-y-2", children: [
-        /* @__PURE__ */ jsxs25("label", { className: "block space-y-1 text-xs font-medium text-muted-foreground", children: [
-          /* @__PURE__ */ jsx28("span", { children: "Server name" }),
-          /* @__PURE__ */ jsx28(
-            "input",
-            {
-              type: "text",
-              value: mcpName,
-              onChange: (e) => setMcpName(e.target.value),
-              className: `w-full rounded-lg border bg-surface-container-low px-3 py-2 text-sm text-foreground ${focusField4}`
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs25("label", { className: "block space-y-1 text-xs font-medium text-muted-foreground", children: [
-          /* @__PURE__ */ jsx28("span", { children: "Command" }),
-          /* @__PURE__ */ jsx28(
-            "input",
-            {
-              type: "text",
-              placeholder: "npx @server/mcp",
-              value: mcpCommand,
-              onChange: (e) => setMcpCommand(e.target.value),
-              className: `w-full rounded-lg border bg-surface-container-low px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground ${focusField4}`
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs25("label", { className: "block space-y-1 text-xs font-medium text-muted-foreground", children: [
-          /* @__PURE__ */ jsx28("span", { children: "Arguments (optional)" }),
-          /* @__PURE__ */ jsx28(
-            "input",
-            {
-              type: "text",
-              placeholder: "Space-separated arguments",
-              value: mcpArgs,
-              onChange: (e) => setMcpArgs(e.target.value),
-              className: `w-full rounded-lg border bg-surface-container-low px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground ${focusField4}`
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs25("div", { className: "flex justify-end gap-2 pt-1", children: [
-          /* @__PURE__ */ jsx28(
-            "button",
-            {
-              type: "button",
-              onClick: () => setShowAddMcp(false),
-              className: "rounded-md px-3 py-1.5 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors",
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsx28(
-            "button",
-            {
-              type: "button",
-              onClick: handleAddMcp,
-              disabled: !mcpName.trim() || !mcpCommand.trim(),
-              className: "rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
-              children: "Add Server"
-            }
-          )
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
-// src/dashboard/snapshot-list.tsx
-import * as React17 from "react";
-import { Camera, Clock as Clock5, HardDrive as HardDrive2, Plus as Plus8, RotateCcw } from "lucide-react";
-import { focusField as focusField5 } from "@tangle-network/ui/utils";
-import { jsx as jsx29, jsxs as jsxs26 } from "react/jsx-runtime";
-function formatBytes(bytes) {
-  if (bytes == null || bytes < 0) return "-";
-  if (bytes === 0) return "0 B";
-  const k = 1024;
-  const sizes = ["B", "KB", "MB", "GB", "TB"];
-  const i = Math.min(Math.floor(Math.log(bytes) / Math.log(k)), sizes.length - 1);
-  return `${Number.parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;
-}
-function formatDate(dateStr) {
-  const d = new Date(dateStr);
-  if (Number.isNaN(d.getTime())) return dateStr;
-  return d.toLocaleDateString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" });
-}
-function SnapshotList({ snapshots, onCreate, onRestore, onSaveAsTemplate, loading = false, className }) {
-  const [showCreate, setShowCreate] = React17.useState(false);
-  const [tags, setTags] = React17.useState("");
-  const handleCreate = () => {
-    const tagList = tags.trim() ? tags.trim().split(",").map((t) => t.trim()).filter(Boolean) : void 0;
-    onCreate(tagList);
-    setTags("");
-    setShowCreate(false);
-  };
-  return /* @__PURE__ */ jsxs26("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx29("h3", { className: "text-sm font-bold text-foreground", children: "Snapshots" }),
-      /* @__PURE__ */ jsxs26(
-        "button",
-        {
-          type: "button",
-          onClick: () => setShowCreate(!showCreate),
-          className: "inline-flex items-center gap-1.5 rounded-lg bg-primary/20 border border-primary/30 px-3 py-1.5 text-xs font-medium text-primary hover:bg-primary hover:text-primary-foreground transition-colors",
-          children: [
-            /* @__PURE__ */ jsx29(Plus8, { className: "h-3.5 w-3.5" }),
-            "Create Snapshot"
-          ]
-        }
-      )
-    ] }),
-    showCreate && /* @__PURE__ */ jsxs26("div", { className: "rounded-lg border border-primary/20 bg-primary/5 p-4 space-y-3", children: [
-      /* @__PURE__ */ jsx29("p", { className: "text-sm text-foreground font-medium", children: "Create a new snapshot of the current sandbox state." }),
-      /* @__PURE__ */ jsx29(
-        "input",
-        {
-          type: "text",
-          placeholder: "Tags (comma-separated, optional)",
-          value: tags,
-          onChange: (e) => setTags(e.target.value),
-          onKeyDown: (e) => e.key === "Enter" && handleCreate(),
-          className: `w-full rounded-lg border bg-surface-container-low px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground ${focusField5}`
-        }
-      ),
-      /* @__PURE__ */ jsxs26("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ jsx29(
-          "button",
-          {
-            type: "button",
-            onClick: () => setShowCreate(false),
-            className: "rounded-md px-3 py-1.5 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors",
-            children: "Cancel"
-          }
-        ),
-        /* @__PURE__ */ jsxs26(
-          "button",
-          {
-            type: "button",
-            onClick: handleCreate,
-            className: "rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
-            children: [
-              /* @__PURE__ */ jsx29(Camera, { className: "h-3 w-3 mr-1.5 inline" }),
-              "Create"
-            ]
-          }
-        )
-      ] })
-    ] }),
-    loading ? /* @__PURE__ */ jsxs26("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 text-center", children: [
-      /* @__PURE__ */ jsx29(Camera, { className: "mx-auto h-6 w-6 text-muted-foreground animate-pulse mb-2", "data-motion": "essential" }),
-      /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: "Loading snapshots..." })
-    ] }) : snapshots.length > 0 ? /* @__PURE__ */ jsx29("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container overflow-hidden", children: /* @__PURE__ */ jsxs26("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ jsx29("thead", { className: "bg-surface-container-high border-b border-[var(--md3-outline-variant)]", children: /* @__PURE__ */ jsxs26("tr", { children: [
-        /* @__PURE__ */ jsx29("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "ID" }),
-        /* @__PURE__ */ jsx29("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Created" }),
-        /* @__PURE__ */ jsx29("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Size" }),
-        /* @__PURE__ */ jsx29("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Tags" }),
-        /* @__PURE__ */ jsx29("th", { className: "px-4 py-2.5 text-right text-xs font-medium text-muted-foreground w-24" })
-      ] }) }),
-      /* @__PURE__ */ jsx29("tbody", { className: "divide-y divide-border", children: snapshots.map((s) => /* @__PURE__ */ jsxs26("tr", { children: [
-        /* @__PURE__ */ jsx29("td", { className: "px-4 py-3 font-mono text-xs text-foreground", children: s.id.slice(0, 12) }),
-        /* @__PURE__ */ jsx29("td", { className: "px-4 py-3 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs26("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx29(Clock5, { className: "h-3 w-3" }),
-          formatDate(s.createdAt)
-        ] }) }),
-        /* @__PURE__ */ jsx29("td", { className: "px-4 py-3 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs26("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx29(HardDrive2, { className: "h-3 w-3" }),
-          formatBytes(s.sizeBytes)
-        ] }) }),
-        /* @__PURE__ */ jsx29("td", { className: "px-4 py-3", children: s.tags?.length ? /* @__PURE__ */ jsx29("div", { className: "flex items-center gap-1 flex-wrap", children: s.tags.map((tag) => /* @__PURE__ */ jsx29("span", { className: "rounded-full bg-surface-container-high px-2 py-0.5 text-[10px] font-medium text-muted-foreground border border-[var(--md3-outline-variant)]", children: tag }, tag)) }) : /* @__PURE__ */ jsx29("span", { className: "text-xs text-muted-foreground", children: "-" }) }),
-        /* @__PURE__ */ jsx29("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-end gap-2", children: [
-          /* @__PURE__ */ jsxs26(
-            "button",
-            {
-              type: "button",
-              onClick: () => onRestore(s.id),
-              className: "inline-flex items-center gap-1.5 rounded-md bg-surface-container-high px-2.5 py-1 text-xs font-medium text-foreground hover:bg-surface-container-highest transition-colors border border-[var(--md3-outline-variant)]",
-              title: "Restore to new sandbox",
-              children: [
-                /* @__PURE__ */ jsx29(RotateCcw, { className: "h-3 w-3" }),
-                "Restore"
-              ]
-            }
-          ),
-          onSaveAsTemplate && /* @__PURE__ */ jsx29(
-            "button",
-            {
-              type: "button",
-              onClick: () => onSaveAsTemplate(s.id),
-              className: "inline-flex items-center gap-1.5 rounded-md bg-primary/10 px-2.5 py-1 text-xs font-medium text-primary hover:bg-primary/20 transition-colors border border-primary/20",
-              title: "Save as reusable template",
-              children: "Save as Template"
-            }
-          )
-        ] }) })
-      ] }, s.id)) })
-    ] }) }) : /* @__PURE__ */ jsxs26("div", { className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 text-center", children: [
-      /* @__PURE__ */ jsx29(Camera, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),
-      /* @__PURE__ */ jsx29("p", { className: "text-sm text-muted-foreground", children: "No snapshots yet" }),
-      /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground mt-1", children: "Create a snapshot to save the current state of your sandbox." })
-    ] })
-  ] });
-}
-
-// src/dashboard/promo-banner.tsx
-import { Fragment as Fragment15, jsx as jsx30, jsxs as jsxs27 } from "react/jsx-runtime";
-function PromoBanner({
-  title,
-  description,
-  buttonLabel,
-  href,
-  onClick,
-  icon,
-  disabled = false,
-  className
-}) {
-  const buttonClasses = cn(
-    "mt-6 inline-flex items-center gap-2 rounded-md border border-white/20 bg-[var(--btn-primary-bg)] px-4 py-2 text-sm font-medium text-[var(--btn-primary-text)] transition-colors",
-    disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-[var(--btn-primary-hover)]"
-  );
-  const buttonContent = /* @__PURE__ */ jsxs27(Fragment15, { children: [
-    buttonLabel,
-    /* @__PURE__ */ jsxs27("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "h-4 w-4", children: [
-      /* @__PURE__ */ jsx30("path", { d: "M5 12h14" }),
-      /* @__PURE__ */ jsx30("path", { d: "m12 5 7 7-7 7" })
-    ] })
-  ] });
-  return /* @__PURE__ */ jsxs27("div", { className: cn("relative overflow-hidden rounded-xl bg-[var(--brand-strong)] p-8 md:flex md:items-center md:justify-between", className), children: [
-    /* @__PURE__ */ jsxs27("div", { className: "relative z-10", children: [
-      /* @__PURE__ */ jsx30("h3", { className: "text-xl font-bold text-[var(--brand-strong-text)]", children: title }),
-      /* @__PURE__ */ jsx30("p", { className: "mt-2 max-w-md text-sm text-[var(--brand-strong-text-muted)]", children: description }),
-      href && !disabled ? /* @__PURE__ */ jsx30("a", { href, target: "_blank", rel: "noopener noreferrer", onClick, className: buttonClasses, children: buttonContent }) : /* @__PURE__ */ jsx30("button", { type: "button", onClick, disabled, className: buttonClasses, children: buttonContent })
-    ] }),
-    icon && /* @__PURE__ */ jsx30("div", { className: "relative z-10 mt-6 flex items-center md:mt-0", children: /* @__PURE__ */ jsx30("div", { className: "flex h-16 w-16 items-center justify-center rounded-2xl border border-white/10 bg-white/10", children: icon }) }),
-    /* @__PURE__ */ jsx30("div", { className: "pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-l from-white/5 to-transparent" })
-  ] });
-}
-
-export {
-  SIDEBAR_RAIL_WIDTH,
-  SIDEBAR_PANEL_WIDTH,
-  SIDEBAR_TOTAL_WIDTH,
-  SIDEBAR_MOBILE_WIDTH,
-  SIDEBAR_RAIL_LABELED_WIDTH,
-  SidebarProvider,
-  useSidebar,
-  RailTooltip,
-  RailThemeToggle,
-  RailCollapseToggle,
-  RailHeader,
-  Sidebar,
-  SidebarRail,
-  SidebarRailHeader,
-  SidebarRailNav,
-  SidebarRailFooter,
-  RailSeparator,
-  RailButton,
-  RailFlyout,
-  RailExpandable,
-  RailModeButton,
-  SidebarPanel,
-  SidebarPanelHeader,
-  SidebarPanelContent,
-  SidebarContent,
-  ProfileAvatar,
-  CreditBalance,
-  INSUFFICIENT_BALANCE_CODE,
-  parseInsufficientBalance,
-  OutOfCreditsModal,
-  ClusterStatusBar,
-  ResourceMeter,
-  ResourceSnapshot,
-  ActivityFeed,
-  canAdminSandbox,
-  SandboxCard,
-  NewSandboxCard,
-  SandboxTable,
-  InvoiceTable,
-  PlanCards,
-  BackendSelector,
-  HARNESS_BRAND,
-  HarnessLogo,
-  HARNESS_OPTIONS,
-  chatCapableHarnesses,
-  HarnessPicker,
-  DashboardLayout,
-  SidebarLayout,
-  ProfileSelector,
-  ProfileComparison,
-  MetricAreaChart,
-  VariantList,
-  SystemLogsViewer,
-  UsageSummary,
-  GitPanel,
-  PortsList,
-  ProcessList,
-  NetworkConfig,
-  BackendConfig,
-  SnapshotList,
-  PromoBanner
-};