@tangle-network/sandbox-ui 0.20.3 → 0.21.1

package/dist/{chunk-R6QNJQRH.js → chunk-LA5GHELP.js}

@@ -185,7 +185,7 @@ function SidebarRailFooter({ children, className }) {
 function RailSeparator({ className }) {
   return /* @__PURE__ */ jsx2("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 }) {
+function RailButton({ icon: Icon, label, isActive, badge, onClick, className, showLabel }) {
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -203,7 +203,7 @@ function RailButton({ icon: Icon2, label, isActive, badge, onClick, className, s
         className
       ),
       children: [
-        /* @__PURE__ */ jsx2(Icon2, { className: "h-5 w-5 shrink-0" }),
+        /* @__PURE__ */ jsx2(Icon, { className: "h-5 w-5 shrink-0" }),
         showLabel && /* @__PURE__ */ jsx2("span", { className: "text-sm font-medium", children: label }),
         badge !== void 0 && badge > 0 && /* @__PURE__ */ jsx2("span", { className: "absolute -top-1 -right-1 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 shadow-sm", children: badge > 99 ? "99+" : badge })
       ]
@@ -1139,168 +1139,30 @@ function PlanCards({ plans, className }) {
   ] });
 }
 
-// src/dashboard/backend-selector.tsx
-import { ChevronDown } from "lucide-react";
-import * as Select from "@radix-ui/react-select";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-function BackendSelector({
-  backends,
-  selected,
-  onChange,
-  label = "Model",
-  placeholder = "Select a model",
-  className
-}) {
-  const current = backends.find((b) => b.type === selected);
-  return /* @__PURE__ */ jsxs10("div", { className: cn("space-y-1.5", className), children: [
-    label && /* @__PURE__ */ jsx11("label", { className: "block text-xs font-medium text-muted-foreground uppercase tracking-[0.06em]", children: label }),
-    /* @__PURE__ */ jsxs10(Select.Root, { value: selected, onValueChange: onChange, children: [
-      /* @__PURE__ */ jsxs10(
-        Select.Trigger,
-        {
-          className: cn(
-            "flex w-full items-center justify-between gap-2 rounded-[var(--radius-md)]",
-            "border border-border bg-card",
-            "px-3 py-2.5 text-sm text-left",
-            "transition-colors duration-[var(--transition-fast)]",
-            "hover:border-primary/20 hover:bg-accent/30",
-            "focus:outline-none focus:border-primary/30",
-            "data-[state=open]:border-primary/30 data-[state=open]:bg-accent/30"
-          ),
-          children: [
-            /* @__PURE__ */ jsx11("div", { className: "min-w-0 flex-1", children: current ? /* @__PURE__ */ jsxs10("div", { children: [
-              /* @__PURE__ */ jsx11("span", { className: "font-medium text-foreground", children: current.label }),
-              current.description && /* @__PURE__ */ jsx11("span", { className: "ml-2 text-xs text-muted-foreground", children: current.description })
-            ] }) : /* @__PURE__ */ jsx11("span", { className: "text-muted-foreground", children: placeholder }) }),
-            /* @__PURE__ */ jsx11(Select.Icon, { asChild: true, children: /* @__PURE__ */ jsx11(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-[var(--transition-fast)] data-[state=open]:rotate-180" }) })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx11(Select.Portal, { children: /* @__PURE__ */ jsx11(
-        Select.Content,
-        {
-          position: "popper",
-          sideOffset: 4,
-          className: cn(
-            "z-50 w-[var(--radix-select-trigger-width)] overflow-hidden",
-            "rounded-[var(--radius-md)] border border-border",
-            "bg-card shadow-[var(--shadow-dropdown)]",
-            "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__ */ jsx11(Select.Viewport, { className: "p-1", children: backends.map((backend) => /* @__PURE__ */ jsxs10(
-            Select.Item,
-            {
-              value: backend.type,
-              className: cn(
-                "relative flex cursor-pointer select-none flex-col rounded-[var(--radius-sm)]",
-                "px-3 py-2.5 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: [
-                /* @__PURE__ */ jsx11(Select.ItemText, { children: /* @__PURE__ */ jsx11("span", { className: "font-medium", children: backend.label }) }),
-                backend.description && /* @__PURE__ */ jsx11("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-picker.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-var HARNESS_OPTIONS = [
-  {
-    type: "opencode",
-    label: "OpenCode",
-    description: "Default agent \u2014 broad model support, deterministic streaming"
-  },
-  {
-    type: "claude-code",
-    label: "Claude Code",
-    description: "Native Claude skills and tools (requires ANTHROPIC_API_KEY)"
-  },
-  {
-    type: "codex",
-    label: "Codex",
-    description: "OpenAI Codex CLI (requires OPENAI_API_KEY)"
-  },
-  {
-    type: "amp",
-    label: "AMP",
-    description: "Sourcegraph AMP agent"
-  },
-  {
-    type: "factory-droids",
-    label: "Factory Droids",
-    description: "Factory Droid agent"
-  },
-  {
-    type: "cli-base",
-    label: "CLI base (no agent)",
-    description: "Shell tools only \u2014 for non-AI scheduled tasks"
-  }
-];
-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
-    };
-  });
-  return /* @__PURE__ */ jsx12(
-    BackendSelector,
-    {
-      backends,
-      selected: value,
-      onChange: (next) => onChange(next),
-      label,
-      ...rest
-    }
-  );
-}
-
 // src/dashboard/dashboard-layout.tsx
 import * as React4 from "react";
 import { Plus as Plus2, Bell } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function SettingsIconSmall({ className }) {
-  return /* @__PURE__ */ jsxs11("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__ */ jsx13("title", { children: "Settings" }),
-    /* @__PURE__ */ jsx13("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__ */ jsx13("circle", { cx: "12", cy: "12", r: "3" })
+  return /* @__PURE__ */ jsxs10("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__ */ jsx11("title", { children: "Settings" }),
+    /* @__PURE__ */ jsx11("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__ */ jsx11("circle", { cx: "12", cy: "12", r: "3" })
   ] });
 }
 function MenuIcon({ className }) {
-  return /* @__PURE__ */ jsxs11("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__ */ jsx13("title", { children: "Menu icon" }),
-    /* @__PURE__ */ jsx13("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
-    /* @__PURE__ */ jsx13("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
-    /* @__PURE__ */ jsx13("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+  return /* @__PURE__ */ jsxs10("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__ */ jsx11("title", { children: "Menu icon" }),
+    /* @__PURE__ */ jsx11("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+    /* @__PURE__ */ jsx11("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+    /* @__PURE__ */ jsx11("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
   ] });
 }
 function XIcon({ className }) {
-  return /* @__PURE__ */ jsxs11("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__ */ jsx13("title", { children: "Close icon" }),
-    /* @__PURE__ */ jsx13("path", { d: "M18 6 6 18" }),
-    /* @__PURE__ */ jsx13("path", { d: "m6 6 12 12" })
+  return /* @__PURE__ */ jsxs10("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__ */ jsx11("title", { children: "Close icon" }),
+    /* @__PURE__ */ jsx11("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ jsx11("path", { d: "m6 6 12 12" })
   ] });
 }
 function formatNotifDate(raw) {
@@ -1314,7 +1176,7 @@ function DefaultLink2({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx13("a", { href: href ?? to, className, ...rest, children });
+  return /* @__PURE__ */ jsx11("a", { href: href ?? to, className, ...rest, children });
 }
 function DashboardLayoutInner({
   children,
@@ -1369,16 +1231,16 @@ function DashboardLayoutInner({
   );
   const activePanel = panels.find((p) => p.mode === mode);
   const buildSidebarContent = React4.useCallback(
-    (showLabels) => /* @__PURE__ */ jsxs11(Fragment7, { children: [
-      /* @__PURE__ */ jsxs11(SidebarRail, { wide: showLabels, children: [
-        /* @__PURE__ */ jsx13(SidebarRailHeader, { children: /* @__PURE__ */ jsx13(Link, { href: "/", to: "/", className: "p-1 rounded-md transition-colors hover:bg-muted/50", children: /* @__PURE__ */ jsx13(Logo, { variant, size: "sm", iconOnly: true }) }) }),
-        /* @__PURE__ */ jsx13(SidebarRailNav, { children: navItems.map((item, i) => {
+    (showLabels) => /* @__PURE__ */ jsxs10(Fragment7, { children: [
+      /* @__PURE__ */ jsxs10(SidebarRail, { wide: showLabels, children: [
+        /* @__PURE__ */ jsx11(SidebarRailHeader, { children: /* @__PURE__ */ jsx11(Link, { href: "/", to: "/", className: "p-1 rounded-md transition-colors hover:bg-muted/50", children: /* @__PURE__ */ jsx11(Logo, { variant, size: "sm", iconOnly: true }) }) }),
+        /* @__PURE__ */ jsx11(SidebarRailNav, { 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;
-          return /* @__PURE__ */ jsxs11(React4.Fragment, { children: [
-            showSep && /* @__PURE__ */ jsx13(RailSeparator, {}),
-            isMode ? /* @__PURE__ */ jsx13(
+          return /* @__PURE__ */ jsxs10(React4.Fragment, { children: [
+            showSep && /* @__PURE__ */ jsx11(RailSeparator, {}),
+            isMode ? /* @__PURE__ */ jsx11(
               RailModeButton,
               {
                 mode: item.id,
@@ -1387,7 +1249,7 @@ function DashboardLayoutInner({
                 badge: item.badge,
                 showLabel: showLabels
               }
-            ) : /* @__PURE__ */ jsx13(Link, { href: item.href, to: item.href, children: /* @__PURE__ */ jsx13(
+            ) : /* @__PURE__ */ jsx11(Link, { href: item.href, to: item.href, children: /* @__PURE__ */ jsx11(
               RailButton,
               {
                 icon: item.icon,
@@ -1398,11 +1260,11 @@ function DashboardLayoutInner({
             ) })
           ] }, item.id);
         }) }),
-        /* @__PURE__ */ jsxs11(SidebarRailFooter, { children: [
-          onSettingsClick ? /* @__PURE__ */ jsx13(RailButton, { icon: SettingsIconSmall, label: "Settings", onClick: onSettingsClick, showLabel: showLabels }) : /* @__PURE__ */ jsx13(Link, { href: settingsHref, to: settingsHref, children: /* @__PURE__ */ jsx13(RailButton, { icon: SettingsIconSmall, label: "Settings", showLabel: showLabels }) }),
+        /* @__PURE__ */ jsxs10(SidebarRailFooter, { children: [
+          onSettingsClick ? /* @__PURE__ */ jsx11(RailButton, { icon: SettingsIconSmall, label: "Settings", onClick: onSettingsClick, showLabel: showLabels }) : /* @__PURE__ */ jsx11(Link, { href: settingsHref, to: settingsHref, children: /* @__PURE__ */ jsx11(RailButton, { icon: SettingsIconSmall, label: "Settings", showLabel: showLabels }) }),
           railFooter,
-          /* @__PURE__ */ jsx13(RailSeparator, {}),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx11(RailSeparator, {}),
+          /* @__PURE__ */ jsx11(
             ProfileAvatar,
             {
               user: sidebarUser,
@@ -1416,9 +1278,9 @@ function DashboardLayoutInner({
           )
         ] })
       ] }),
-      panels.length > 0 && /* @__PURE__ */ jsxs11(SidebarPanel, { children: [
-        /* @__PURE__ */ jsx13(SidebarPanelHeader, { title: activePanel?.title ?? mode }),
-        /* @__PURE__ */ jsx13(SidebarPanelContent, { children: activePanel?.content })
+      panels.length > 0 && /* @__PURE__ */ jsxs10(SidebarPanel, { children: [
+        /* @__PURE__ */ jsx11(SidebarPanelHeader, { title: activePanel?.title ?? mode }),
+        /* @__PURE__ */ jsx11(SidebarPanelContent, { children: activePanel?.content })
       ] })
     ] }),
     // biome-ignore lint/correctness/useExhaustiveDependencies: intentional — only the inputs that actually affect the sidebar tree
@@ -1443,8 +1305,8 @@ function DashboardLayoutInner({
   );
   const sidebarContent = React4.useMemo(() => buildSidebarContent(false), [buildSidebarContent]);
   const mobileSidebarContent = React4.useMemo(() => buildSidebarContent(true), [buildSidebarContent]);
-  return /* @__PURE__ */ jsxs11("div", { className: cn("min-h-screen bg-background text-foreground", className), children: [
-    /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10("div", { className: cn("min-h-screen bg-background text-foreground", className), children: [
+    /* @__PURE__ */ jsxs10(
       "nav",
       {
         className: "fixed top-0 z-50 bg-card border-b border-border flex justify-between items-center px-8 h-14 font-sans text-[13px] tracking-tight transition-[left,width] duration-200 ease-in-out",
@@ -1453,9 +1315,9 @@ function DashboardLayoutInner({
           width: hidden ? "100%" : `calc(100% - ${contentMargin}px)`
         },
         children: [
-          /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-8", children: [
-            /* @__PURE__ */ jsx13(Link, { href: "/", to: "/", className: "lg:hidden flex items-center p-1 rounded-md hover:bg-muted/50 transition-colors", children: /* @__PURE__ */ jsx13(Logo, { variant, size: "sm", iconOnly: true }) }),
-            topNavLinks && topNavLinks.length > 0 && /* @__PURE__ */ jsx13("div", { className: "hidden md:flex gap-6", children: topNavLinks.map((link) => /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-8", children: [
+            /* @__PURE__ */ jsx11(Link, { href: "/", to: "/", className: "lg:hidden flex items-center p-1 rounded-md hover:bg-muted/50 transition-colors", children: /* @__PURE__ */ jsx11(Logo, { variant, size: "sm", iconOnly: true }) }),
+            topNavLinks && topNavLinks.length > 0 && /* @__PURE__ */ jsx11("div", { className: "hidden md:flex gap-6", children: topNavLinks.map((link) => /* @__PURE__ */ jsx11(
               Link,
               {
                 href: link.href,
@@ -1469,21 +1331,21 @@ function DashboardLayoutInner({
               link.href
             )) })
           ] }),
-          /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-4", children: [
-            onNewSandbox && /* @__PURE__ */ jsxs11(
+          /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-4", children: [
+            onNewSandbox && /* @__PURE__ */ jsxs10(
               "button",
               {
                 type: "button",
                 onClick: onNewSandbox,
                 className: "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",
                 children: [
-                  /* @__PURE__ */ jsx13(Plus2, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ jsx11(Plus2, { className: "h-3.5 w-3.5" }),
                   "New Sandbox"
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs11("div", { className: "relative", ref: notifRef, children: [
-              /* @__PURE__ */ jsxs11(
+            /* @__PURE__ */ jsxs10("div", { className: "relative", ref: notifRef, children: [
+              /* @__PURE__ */ jsxs10(
                 "button",
                 {
                   type: "button",
@@ -1492,15 +1354,15 @@ function DashboardLayoutInner({
                   "aria-label": "Notifications",
                   "aria-expanded": notificationsOpen,
                   children: [
-                    /* @__PURE__ */ jsx13(Bell, { className: "h-4 w-4" }),
-                    (notifData?.unreadCount ?? 0) > 0 && /* @__PURE__ */ jsx13("span", { className: "absolute top-1 right-1 h-2 w-2 rounded-full bg-destructive" })
+                    /* @__PURE__ */ jsx11(Bell, { className: "h-4 w-4" }),
+                    (notifData?.unreadCount ?? 0) > 0 && /* @__PURE__ */ jsx11("span", { className: "absolute top-1 right-1 h-2 w-2 rounded-full bg-destructive" })
                   ]
                 }
               ),
-              notificationsOpen && /* @__PURE__ */ jsxs11("div", { className: "absolute right-0 top-full mt-2 w-80 rounded-lg border border-border bg-card shadow-lg z-50", children: [
-                /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between border-b border-border px-4 py-3", children: [
-                  /* @__PURE__ */ jsx13("p", { className: "font-bold text-foreground text-sm", children: "Notifications" }),
-                  (notifData?.unreadCount ?? 0) > 0 && notifData?.onMarkAllRead && /* @__PURE__ */ jsx13(
+              notificationsOpen && /* @__PURE__ */ jsxs10("div", { className: "absolute right-0 top-full mt-2 w-80 rounded-lg border border-border bg-card shadow-lg z-50", children: [
+                /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between border-b border-border px-4 py-3", children: [
+                  /* @__PURE__ */ jsx11("p", { className: "font-bold text-foreground text-sm", children: "Notifications" }),
+                  (notifData?.unreadCount ?? 0) > 0 && notifData?.onMarkAllRead && /* @__PURE__ */ jsx11(
                     "button",
                     {
                       type: "button",
@@ -1512,11 +1374,11 @@ function DashboardLayoutInner({
                     }
                   )
                 ] }),
-                !notifData?.items || notifData.items.length === 0 ? /* @__PURE__ */ jsxs11("div", { className: "flex flex-col items-center justify-center px-4 py-8 text-center", children: [
-                  /* @__PURE__ */ jsx13(Bell, { className: "h-8 w-8 text-muted-foreground/40 mb-2" }),
-                  /* @__PURE__ */ jsx13("p", { className: "text-muted-foreground text-sm", children: "No notifications yet" }),
-                  /* @__PURE__ */ jsx13("p", { className: "text-muted-foreground/60 text-xs mt-1", children: "We'll notify you about important updates" })
-                ] }) : /* @__PURE__ */ jsx13("div", { className: "max-h-80 overflow-y-auto", children: notifData.items.map((n) => /* @__PURE__ */ jsxs11(
+                !notifData?.items || notifData.items.length === 0 ? /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center justify-center px-4 py-8 text-center", children: [
+                  /* @__PURE__ */ jsx11(Bell, { className: "h-8 w-8 text-muted-foreground/40 mb-2" }),
+                  /* @__PURE__ */ jsx11("p", { className: "text-muted-foreground text-sm", children: "No notifications yet" }),
+                  /* @__PURE__ */ jsx11("p", { className: "text-muted-foreground/60 text-xs mt-1", children: "We'll notify you about important updates" })
+                ] }) : /* @__PURE__ */ jsx11("div", { className: "max-h-80 overflow-y-auto", children: notifData.items.map((n) => /* @__PURE__ */ jsxs10(
                   "button",
                   {
                     type: "button",
@@ -1528,9 +1390,9 @@ function DashboardLayoutInner({
                       if (!n.read) notifData.onMarkRead?.(n.id);
                     },
                     children: [
-                      /* @__PURE__ */ jsx13("p", { className: cn("text-sm", !n.read ? "font-semibold text-foreground" : "text-muted-foreground"), children: n.title }),
-                      /* @__PURE__ */ jsx13("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: n.message }),
-                      /* @__PURE__ */ jsx13("p", { className: "text-[10px] text-muted-foreground/50 mt-1", children: formatNotifDate(n.createdAt) })
+                      /* @__PURE__ */ jsx11("p", { className: cn("text-sm", !n.read ? "font-semibold text-foreground" : "text-muted-foreground"), children: n.title }),
+                      /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground mt-0.5 line-clamp-2", children: n.message }),
+                      /* @__PURE__ */ jsx11("p", { className: "text-[10px] text-muted-foreground/50 mt-1", children: formatNotifDate(n.createdAt) })
                     ]
                   },
                   n.id
@@ -1538,7 +1400,7 @@ function DashboardLayoutInner({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx11(
             "button",
             {
               type: "button",
@@ -1546,14 +1408,14 @@ function DashboardLayoutInner({
               className: "rounded-md p-2 hover:bg-muted/50 lg:hidden",
               "aria-label": mobileMenuOpen ? "Close menu" : "Open menu",
               "aria-expanded": mobileMenuOpen,
-              children: mobileMenuOpen ? /* @__PURE__ */ jsx13(XIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ jsx13(MenuIcon, { className: "h-6 w-6" })
+              children: mobileMenuOpen ? /* @__PURE__ */ jsx11(XIcon, { className: "h-6 w-6" }) : /* @__PURE__ */ jsx11(MenuIcon, { className: "h-6 w-6" })
             }
           )
         ]
       }
     ),
-    mobileMenuOpen && /* @__PURE__ */ jsx13("div", { className: "fixed inset-0 z-30 bg-black/50 lg:hidden", onClick: () => setMobileMenuOpen(false), "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx13(
+    mobileMenuOpen && /* @__PURE__ */ jsx11("div", { className: "fixed inset-0 z-30 bg-black/50 lg:hidden", onClick: () => setMobileMenuOpen(false), "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx11(
       "aside",
       {
         className: cn(
@@ -1566,17 +1428,17 @@ function DashboardLayoutInner({
         children: mobileSidebarContent
       }
     ),
-    /* @__PURE__ */ jsx13(Sidebar, { className: cn("hidden lg:flex", sidebarClassName), children: sidebarContent }),
-    /* @__PURE__ */ jsx13(SidebarContent, { className: cn("pt-16 px-6 pb-8 lg:px-8 bg-background", contentClassName), children }),
+    /* @__PURE__ */ jsx11(Sidebar, { className: cn("hidden lg:flex", sidebarClassName), children: sidebarContent }),
+    /* @__PURE__ */ jsx11(SidebarContent, { className: cn("pt-16 px-6 pb-8 lg:px-8 bg-background", contentClassName), children }),
     footer
   ] });
 }
 function DashboardLayout({ defaultPanelOpen, defaultMode, ...props }) {
-  return /* @__PURE__ */ jsx13(SidebarProvider, { defaultPanelOpen, defaultMode, hasPanels: (props.panels?.length ?? 0) > 0, children: /* @__PURE__ */ jsx13(DashboardLayoutInner, { defaultPanelOpen, defaultMode, ...props }) });
+  return /* @__PURE__ */ jsx11(SidebarProvider, { defaultPanelOpen, defaultMode, hasPanels: (props.panels?.length ?? 0) > 0, children: /* @__PURE__ */ jsx11(DashboardLayoutInner, { defaultPanelOpen, defaultMode, ...props }) });
 }
 
 // src/dashboard/profile-selector.tsx
-import { Check as Check2, ChevronDown as ChevronDown2, Plus as Plus3, Settings } from "lucide-react";
+import { Check as Check2, ChevronDown, Plus as Plus3, Settings } from "lucide-react";
 import { Button as Button2 } from "@tangle-network/ui/primitives";
 import { Badge } from "@tangle-network/ui/primitives";
 import {
@@ -1587,7 +1449,7 @@ import {
   DropdownMenuSeparator as DropdownMenuSeparator4,
   DropdownMenuTrigger as DropdownMenuTrigger4
 } from "@tangle-network/ui/primitives";
-import { Fragment as Fragment8, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function ProfileSelector({
   profiles,
   selectedId,
@@ -1602,77 +1464,77 @@ function ProfileSelector({
   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__ */ jsxs12("div", { className, children: [
-    label && /* @__PURE__ */ jsx14("label", { className: "mb-2 block font-medium text-sm", children: label }),
-    /* @__PURE__ */ jsxs12(DropdownMenu4, { children: [
-      /* @__PURE__ */ jsx14(DropdownMenuTrigger4, { asChild: true, children: /* @__PURE__ */ jsxs12(Button2, { variant: "outline", className: "w-full justify-between", children: [
-        /* @__PURE__ */ jsx14("span", { className: "truncate", children: selected ? selected.name : placeholder }),
-        /* @__PURE__ */ jsx14(ChevronDown2, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+  return /* @__PURE__ */ jsxs11("div", { className, children: [
+    label && /* @__PURE__ */ jsx12("label", { className: "mb-2 block font-medium text-sm", children: label }),
+    /* @__PURE__ */ jsxs11(DropdownMenu4, { children: [
+      /* @__PURE__ */ jsx12(DropdownMenuTrigger4, { asChild: true, children: /* @__PURE__ */ jsxs11(Button2, { variant: "outline", className: "w-full justify-between", children: [
+        /* @__PURE__ */ jsx12("span", { className: "truncate", children: selected ? selected.name : placeholder }),
+        /* @__PURE__ */ jsx12(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
       ] }) }),
-      /* @__PURE__ */ jsxs12(DropdownMenuContent4, { className: "w-[300px]", align: "start", children: [
-        /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs11(DropdownMenuContent4, { className: "w-[300px]", align: "start", children: [
+        /* @__PURE__ */ jsxs11(
           DropdownMenuItem4,
           {
             onClick: () => onSelect(null),
             className: "flex items-center justify-between",
             children: [
-              /* @__PURE__ */ jsx14("span", { children: placeholder }),
-              !selectedId && /* @__PURE__ */ jsx14(Check2, { className: "h-4 w-4 text-[var(--surface-success-text)]" })
+              /* @__PURE__ */ jsx12("span", { children: placeholder }),
+              !selectedId && /* @__PURE__ */ jsx12(Check2, { className: "h-4 w-4 text-[var(--surface-success-text)]" })
             ]
           }
         ),
-        builtinProfiles.length > 0 && /* @__PURE__ */ jsxs12(Fragment8, { children: [
-          /* @__PURE__ */ jsx14(DropdownMenuSeparator4, {}),
-          /* @__PURE__ */ jsx14(DropdownMenuLabel2, { children: "Built-in Profiles" }),
-          builtinProfiles.map((profile) => /* @__PURE__ */ jsxs12(
+        builtinProfiles.length > 0 && /* @__PURE__ */ jsxs11(Fragment8, { children: [
+          /* @__PURE__ */ jsx12(DropdownMenuSeparator4, {}),
+          /* @__PURE__ */ jsx12(DropdownMenuLabel2, { children: "Built-in Profiles" }),
+          builtinProfiles.map((profile) => /* @__PURE__ */ jsxs11(
             DropdownMenuItem4,
             {
               onClick: () => onSelect(profile),
               className: "flex flex-col items-start gap-1",
               children: [
-                /* @__PURE__ */ jsxs12("div", { className: "flex w-full items-center justify-between", children: [
-                  /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx14("span", { className: "font-medium", children: profile.name }),
-                    profile.extends && /* @__PURE__ */ jsxs12(Badge, { variant: "secondary", className: "border-0 text-xs", children: [
+                /* @__PURE__ */ jsxs11("div", { className: "flex w-full items-center justify-between", children: [
+                  /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx12("span", { className: "font-medium", children: profile.name }),
+                    profile.extends && /* @__PURE__ */ jsxs11(Badge, { variant: "secondary", className: "border-0 text-xs", children: [
                       "extends ",
                       profile.extends
                     ] })
                   ] }),
-                  selectedId === profile.id && /* @__PURE__ */ jsx14(Check2, { className: "h-4 w-4 text-[var(--surface-success-text)]" })
+                  selectedId === profile.id && /* @__PURE__ */ jsx12(Check2, { className: "h-4 w-4 text-[var(--surface-success-text)]" })
                 ] }),
-                profile.description && /* @__PURE__ */ jsx14("span", { className: "line-clamp-1 text-muted-foreground text-xs", children: profile.description })
+                profile.description && /* @__PURE__ */ jsx12("span", { className: "line-clamp-1 text-muted-foreground text-xs", children: profile.description })
               ]
             },
             profile.id
           ))
         ] }),
-        customProfiles.length > 0 && /* @__PURE__ */ jsxs12(Fragment8, { children: [
-          /* @__PURE__ */ jsx14(DropdownMenuSeparator4, {}),
-          /* @__PURE__ */ jsx14(DropdownMenuLabel2, { children: "Custom Profiles" }),
-          customProfiles.map((profile) => /* @__PURE__ */ jsxs12(
+        customProfiles.length > 0 && /* @__PURE__ */ jsxs11(Fragment8, { children: [
+          /* @__PURE__ */ jsx12(DropdownMenuSeparator4, {}),
+          /* @__PURE__ */ jsx12(DropdownMenuLabel2, { children: "Custom Profiles" }),
+          customProfiles.map((profile) => /* @__PURE__ */ jsxs11(
             DropdownMenuItem4,
             {
               onClick: () => onSelect(profile),
               className: "flex flex-col items-start gap-1",
               children: [
-                /* @__PURE__ */ jsxs12("div", { className: "flex w-full items-center justify-between", children: [
-                  /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx14("span", { className: "font-medium", children: profile.name }),
-                    profile.model && /* @__PURE__ */ jsx14(Badge, { variant: "secondary", className: "border-0 text-xs", children: profile.model.split("/").pop() })
+                /* @__PURE__ */ jsxs11("div", { className: "flex w-full items-center justify-between", children: [
+                  /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx12("span", { className: "font-medium", children: profile.name }),
+                    profile.model && /* @__PURE__ */ jsx12(Badge, { variant: "secondary", className: "border-0 text-xs", children: profile.model.split("/").pop() })
                   ] }),
-                  selectedId === profile.id && /* @__PURE__ */ jsx14(Check2, { className: "h-4 w-4 text-[var(--surface-success-text)]" })
+                  selectedId === profile.id && /* @__PURE__ */ jsx12(Check2, { className: "h-4 w-4 text-[var(--surface-success-text)]" })
                 ] }),
-                profile.description && /* @__PURE__ */ jsx14("span", { className: "line-clamp-1 text-muted-foreground text-xs", children: profile.description }),
-                showMetrics && profile.metrics && profile.metrics.total_runs > 0 && /* @__PURE__ */ jsxs12("div", { className: "flex gap-3 text-muted-foreground text-xs", children: [
-                  /* @__PURE__ */ jsxs12("span", { children: [
+                profile.description && /* @__PURE__ */ jsx12("span", { className: "line-clamp-1 text-muted-foreground text-xs", children: profile.description }),
+                showMetrics && profile.metrics && profile.metrics.total_runs > 0 && /* @__PURE__ */ jsxs11("div", { className: "flex gap-3 text-muted-foreground text-xs", children: [
+                  /* @__PURE__ */ jsxs11("span", { children: [
                     profile.metrics.total_runs,
                     " runs"
                   ] }),
-                  /* @__PURE__ */ jsxs12("span", { children: [
+                  /* @__PURE__ */ jsxs11("span", { children: [
                     profile.metrics.success_rate.toFixed(0),
                     "% success"
                   ] }),
-                  /* @__PURE__ */ jsxs12("span", { children: [
+                  /* @__PURE__ */ jsxs11("span", { children: [
                     "~",
                     (profile.metrics.avg_duration_ms / 1e3).toFixed(1),
                     "s avg"
@@ -1683,26 +1545,26 @@ function ProfileSelector({
             profile.id
           ))
         ] }),
-        (onCreateClick || onManageClick) && /* @__PURE__ */ jsxs12(Fragment8, { children: [
-          /* @__PURE__ */ jsx14(DropdownMenuSeparator4, {}),
-          onCreateClick && /* @__PURE__ */ jsxs12(
+        (onCreateClick || onManageClick) && /* @__PURE__ */ jsxs11(Fragment8, { children: [
+          /* @__PURE__ */ jsx12(DropdownMenuSeparator4, {}),
+          onCreateClick && /* @__PURE__ */ jsxs11(
             DropdownMenuItem4,
             {
               onClick: onCreateClick,
               className: "text-[var(--surface-info-text)]",
               children: [
-                /* @__PURE__ */ jsx14(Plus3, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ jsx12(Plus3, { className: "mr-2 h-4 w-4" }),
                 "Create New Profile"
               ]
             }
           ),
-          onManageClick && /* @__PURE__ */ jsxs12(
+          onManageClick && /* @__PURE__ */ jsxs11(
             DropdownMenuItem4,
             {
               onClick: onManageClick,
               className: "text-muted-foreground",
               children: [
-                /* @__PURE__ */ jsx14(Settings, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ jsx12(Settings, { className: "mr-2 h-4 w-4" }),
                 "Manage Profiles"
               ]
             }
@@ -1728,26 +1590,26 @@ function ProfileComparison({
   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__ */ jsxs12("div", { className: `rounded-lg border border-border p-4 ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsx14("h4", { className: "mb-3 font-medium text-sm", children: "Profile Performance" }),
-    /* @__PURE__ */ jsx14("div", { className: "space-y-3", children: profilesWithMetrics.map((profile) => {
+  return /* @__PURE__ */ jsxs11("div", { className: `rounded-lg border border-border p-4 ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsx12("h4", { className: "mb-3 font-medium text-sm", children: "Profile Performance" }),
+    /* @__PURE__ */ jsx12("div", { className: "space-y-3", children: profilesWithMetrics.map((profile) => {
       const isBestSuccess = profile.id === bestSuccess.id;
       const isFastest = profile.id === fastestProfile.id;
-      return /* @__PURE__ */ jsxs12(
+      return /* @__PURE__ */ jsxs11(
         "div",
         {
           className: "flex items-center justify-between gap-4",
           children: [
-            /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx14("span", { className: "font-medium", children: profile.name }),
-              isBestSuccess && /* @__PURE__ */ jsx14(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__ */ jsx14(Badge, { className: "border border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)] text-xs", children: "Fastest" })
+            /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx12("span", { className: "font-medium", children: profile.name }),
+              isBestSuccess && /* @__PURE__ */ jsx12(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__ */ jsx12(Badge, { className: "border border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)] text-xs", children: "Fastest" })
             ] }),
-            /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-4 text-sm", children: [
-              /* @__PURE__ */ jsxs12("span", { children: [
-                /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "Success:" }),
+            /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-4 text-sm", children: [
+              /* @__PURE__ */ jsxs11("span", { children: [
+                /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground", children: "Success:" }),
                 " ",
-                /* @__PURE__ */ jsxs12(
+                /* @__PURE__ */ jsxs11(
                   "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)]",
@@ -1758,13 +1620,13 @@ function ProfileComparison({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs12("span", { children: [
-                /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: "Avg:" }),
+              /* @__PURE__ */ jsxs11("span", { children: [
+                /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground", children: "Avg:" }),
                 " ",
                 ((profile.metrics?.avg_duration_ms ?? 0) / 1e3).toFixed(1),
                 "s"
               ] }),
-              /* @__PURE__ */ jsxs12("span", { className: "text-muted-foreground", children: [
+              /* @__PURE__ */ jsxs11("span", { className: "text-muted-foreground", children: [
                 profile.metrics?.total_runs,
                 " runs"
               ] })
@@ -1777,6 +1639,141 @@ function ProfileComparison({
   ] });
 }
 
+// src/dashboard/metric-area-chart.tsx
+import * as React5 from "react";
+import { jsx as jsx13, jsxs as jsxs12 } 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 = React5.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__ */ jsxs12(
+    "div",
+    {
+      className: cn(
+        "rounded-lg border border-border bg-card p-4 shadow-sm",
+        className
+      ),
+      "data-testid": `metric-chart-${label.toLowerCase().replace(/\s+/g, "-")}`,
+      children: [
+        /* @__PURE__ */ jsxs12("div", { className: "flex items-baseline justify-between gap-3", children: [
+          /* @__PURE__ */ jsx13("p", { className: "font-medium text-muted-foreground text-xs uppercase tracking-[0.12em]", children: label }),
+          /* @__PURE__ */ jsxs12("div", { className: "text-right", children: [
+            /* @__PURE__ */ jsx13("span", { className: "font-semibold text-foreground text-xl tabular-nums tracking-tight", children: latest === null ? "\u2014" : formatValue(latest) }),
+            detail && /* @__PURE__ */ jsx13("span", { className: "ml-1.5 text-muted-foreground text-xs", children: detail })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx13("div", { className: "mt-3", children: values.length === 0 ? /* @__PURE__ */ jsx13(
+          "div",
+          {
+            className: "flex items-center justify-center text-muted-foreground text-xs",
+            style: { height },
+            children: emptyState ?? "Waiting for samples\u2026"
+          }
+        ) : /* @__PURE__ */ jsxs12(
+          "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__ */ jsx13(
+                "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__ */ jsx13("defs", { children: /* @__PURE__ */ jsxs12("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+                /* @__PURE__ */ jsx13("stop", { offset: "0%", stopColor: color, stopOpacity: 0.28 }),
+                /* @__PURE__ */ jsx13("stop", { offset: "100%", stopColor: color, stopOpacity: 0.02 })
+              ] }) }),
+              segments.map((segment) => /* @__PURE__ */ jsxs12(React5.Fragment, { children: [
+                /* @__PURE__ */ jsx13("path", { d: segment.area, fill: `url(#${gradientId})` }),
+                /* @__PURE__ */ jsx13(
+                  "path",
+                  {
+                    d: segment.path,
+                    fill: "none",
+                    stroke: color,
+                    strokeWidth: 1.75,
+                    vectorEffect: "non-scaling-stroke",
+                    strokeLinejoin: "round",
+                    strokeLinecap: "round"
+                  }
+                )
+              ] }, segment.path))
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs12("div", { className: "mt-1.5 flex justify-between text-[10px] text-muted-foreground tabular-nums", children: [
+          /* @__PURE__ */ jsx13("span", { children: values.length > 0 ? formatValue(0) : "" }),
+          /* @__PURE__ */ jsx13("span", { children: values.length > 0 ? formatValue(yMax) : "" })
+        ] })
+      ]
+    }
+  );
+}
+
 // src/dashboard/variant-list.tsx
 import {
   Check as Check3,
@@ -1790,7 +1787,7 @@ import {
 } from "lucide-react";
 import { Button as Button3 } from "@tangle-network/ui/primitives";
 import { Badge as Badge2 } from "@tangle-network/ui/primitives";
-import { Fragment as Fragment9, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var statusConfig = {
   pending: {
     icon: Clock3,
@@ -1874,7 +1871,7 @@ function VariantList({
   isActioning,
   className
 }) {
-  return /* @__PURE__ */ jsx15("div", { className: `space-y-2 ${className || ""}`, children: variants.map((variant) => {
+  return /* @__PURE__ */ jsx14("div", { className: `space-y-2 ${className || ""}`, children: variants.map((variant) => {
     const status = statusConfig[variant.status];
     const StatusIcon = status.icon;
     const isSelected = variant.id === selectedId;
@@ -1886,7 +1883,7 @@ function VariantList({
         children: [
           /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxs13(Badge2, { className: `shrink-0 ${status.bg} ${status.border} ${status.color}`, children: [
-              /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx14(
                 StatusIcon,
                 {
                   className: `mr-1 h-3 w-3 ${status.animate ? "animate-spin" : ""}`
@@ -1894,26 +1891,26 @@ function VariantList({
               ),
               status.label
             ] }),
-            /* @__PURE__ */ jsx15("span", { className: "truncate text-sm font-medium text-foreground", children: variant.label }),
+            /* @__PURE__ */ jsx14("span", { className: "truncate text-sm font-medium text-foreground", children: variant.label }),
             variant.sublabel && /* @__PURE__ */ jsxs13("span", { className: "shrink-0 text-xs text-muted-foreground", children: [
               "(",
               variant.sublabel,
               ")"
             ] }),
             variant.durationMs && /* @__PURE__ */ jsxs13("span", { className: "flex shrink-0 items-center gap-1 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ jsx15(Timer, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx14(Timer, { className: "h-3 w-3" }),
               (variant.durationMs / 1e3).toFixed(1),
               "s"
             ] }),
             /* @__PURE__ */ jsxs13("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
-              variant.outcome && /* @__PURE__ */ jsx15(
+              variant.outcome && /* @__PURE__ */ jsx14(
                 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__ */ jsxs13(Fragment9, { children: [
+              variant.status === "completed" && variant.outcome === "pending_review" && onAccept && onReject && /* @__PURE__ */ jsxs13(Fragment10, { children: [
                 /* @__PURE__ */ jsxs13(
                   Button3,
                   {
@@ -1926,7 +1923,7 @@ function VariantList({
                     },
                     disabled: isActioning === variant.id,
                     children: [
-                      /* @__PURE__ */ jsx15(Check3, { className: "mr-1 h-3 w-3" }),
+                      /* @__PURE__ */ jsx14(Check3, { className: "mr-1 h-3 w-3" }),
                       "Accept"
                     ]
                   }
@@ -1943,13 +1940,13 @@ function VariantList({
                     },
                     disabled: isActioning === variant.id,
                     children: [
-                      /* @__PURE__ */ jsx15(X, { className: "mr-1 h-3 w-3" }),
+                      /* @__PURE__ */ jsx14(X, { className: "mr-1 h-3 w-3" }),
                       "Reject"
                     ]
                   }
                 )
               ] }),
-              variant.detailsUrl && /* @__PURE__ */ jsx15(
+              variant.detailsUrl && /* @__PURE__ */ jsx14(
                 Button3,
                 {
                   variant: "ghost",
@@ -1959,13 +1956,13 @@ function VariantList({
                     e.stopPropagation();
                     window.open(variant.detailsUrl, "_blank");
                   },
-                  children: /* @__PURE__ */ jsx15(ExternalLink2, { className: "h-3.5 w-3.5" })
+                  children: /* @__PURE__ */ jsx14(ExternalLink2, { className: "h-3.5 w-3.5" })
                 }
               )
             ] })
           ] }),
-          variant.error && /* @__PURE__ */ jsx15("p", { className: "mt-1.5 text-xs text-[var(--surface-danger-text)]", children: variant.error }),
-          variant.summary && /* @__PURE__ */ jsx15("p", { className: "mt-1.5 line-clamp-2 text-xs text-muted-foreground", children: variant.summary })
+          variant.error && /* @__PURE__ */ jsx14("p", { className: "mt-1.5 text-xs text-[var(--surface-danger-text)]", children: variant.error }),
+          variant.summary && /* @__PURE__ */ jsx14("p", { className: "mt-1.5 line-clamp-2 text-xs text-muted-foreground", children: variant.summary })
         ]
       },
       variant.id
@@ -1976,7 +1973,7 @@ function VariantList({
 // src/dashboard/system-logs.tsx
 import { Terminal as Terminal3 } from "lucide-react";
 import { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function SystemLogsViewer({ apiUrl, token, className }) {
   const [logs, setLogs] = useState4([]);
   const [error, setError] = useState4(null);
@@ -2032,15 +2029,15 @@ function SystemLogsViewer({ apiUrl, token, className }) {
   return /* @__PURE__ */ jsxs14("div", { className: cn("flex flex-col h-full bg-background text-foreground font-mono text-sm leading-relaxed overflow-hidden rounded-lg border border-border", className), children: [
     /* @__PURE__ */ jsxs14("div", { className: "flex-none flex items-center justify-between border-b border-border bg-muted/50 backdrop-blur-md px-4 py-2", children: [
       /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx16(Terminal3, { className: "h-4 w-4 text-primary animate-pulse" }),
-        /* @__PURE__ */ jsx16("span", { className: "font-bold text-xs uppercase tracking-widest text-muted-foreground", children: "System Traces" })
+        /* @__PURE__ */ jsx15(Terminal3, { className: "h-4 w-4 text-primary animate-pulse" }),
+        /* @__PURE__ */ jsx15("span", { className: "font-bold text-xs uppercase tracking-widest text-muted-foreground", children: "System Traces" })
       ] }),
       /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3", children: [
         error && /* @__PURE__ */ jsxs14("span", { className: "text-destructive text-xs flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx16("span", { className: "w-2 h-2 rounded-full bg-destructive animate-ping" }),
+          /* @__PURE__ */ jsx15("span", { className: "w-2 h-2 rounded-full bg-destructive animate-ping" }),
           " Error fetching logs"
         ] }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx15(
           "button",
           {
             onClick: () => {
@@ -2055,13 +2052,13 @@ function SystemLogsViewer({ apiUrl, token, className }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx15(
       "div",
       {
         ref: scrollRef,
         onScroll: handleScroll,
         className: "flex-1 overflow-y-auto p-4 space-y-1",
-        children: logs.length === 0 && !error ? /* @__PURE__ */ jsx16("div", { className: "flex h-full items-center justify-center text-muted-foreground italic", children: "Waiting for orchestrator logs..." }) : logs.map((log, i) => /* @__PURE__ */ jsxs14("div", { className: "break-words", children: [
+        children: logs.length === 0 && !error ? /* @__PURE__ */ jsx15("div", { className: "flex h-full items-center justify-center text-muted-foreground italic", children: "Waiting for orchestrator logs..." }) : logs.map((log, i) => /* @__PURE__ */ jsxs14("div", { className: "break-words", children: [
           /* @__PURE__ */ jsxs14("span", { className: "text-muted-foreground mr-3 select-none", children: [
             "[",
             log.timestamp || i.toString().padStart(4, "0"),
@@ -2077,7 +2074,7 @@ function SystemLogsViewer({ apiUrl, token, className }) {
             log.scope,
             "]"
           ] }),
-          /* @__PURE__ */ jsx16("span", { className: log.level.toUpperCase() === "ERROR" || log.message.toLowerCase().includes("failed") ? "text-destructive" : log.level.toUpperCase() === "WARN" ? "text-warning" : "text-foreground", children: log.message })
+          /* @__PURE__ */ jsx15("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}`))
       }
     )
@@ -2088,50 +2085,50 @@ function SystemLogsViewer({ apiUrl, token, className }) {
 import { Clock as Clock4, Layers, MessageSquare, DollarSign } from "lucide-react";
 import { StatCard } from "@tangle-network/ui/primitives";
 import { Skeleton as Skeleton2 } from "@tangle-network/ui/primitives";
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 function UsageSummary({ data, loading = false, className }) {
   if (loading || !data) {
-    return /* @__PURE__ */ jsx17("div", { className: cn("grid grid-cols-2 gap-4 lg:grid-cols-4", className), children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx17(Skeleton2, { className: "h-28 rounded-xl" }, i)) });
+    return /* @__PURE__ */ jsx16("div", { className: cn("grid grid-cols-2 gap-4 lg:grid-cols-4", className), children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx16(Skeleton2, { className: "h-28 rounded-xl" }, i)) });
   }
   return /* @__PURE__ */ jsxs15("div", { className: cn("grid grid-cols-2 gap-4 lg:grid-cols-4", className), children: [
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx16(
       StatCard,
       {
         variant: "sandbox",
         title: "Compute Hours",
         value: data.computeHours.toFixed(1),
         subtitle: "This billing period",
-        icon: /* @__PURE__ */ jsx17(Clock4, { className: "h-5 w-5" })
+        icon: /* @__PURE__ */ jsx16(Clock4, { className: "h-5 w-5" })
       }
     ),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx16(
       StatCard,
       {
         variant: "sandbox",
         title: "Active Sessions",
         value: data.activeSessions,
         subtitle: "Currently running",
-        icon: /* @__PURE__ */ jsx17(Layers, { className: "h-5 w-5" })
+        icon: /* @__PURE__ */ jsx16(Layers, { className: "h-5 w-5" })
       }
     ),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx16(
       StatCard,
       {
         variant: "sandbox",
         title: "Messages Sent",
         value: data.messagesSent.toLocaleString(),
         subtitle: "Agent interactions",
-        icon: /* @__PURE__ */ jsx17(MessageSquare, { className: "h-5 w-5" })
+        icon: /* @__PURE__ */ jsx16(MessageSquare, { className: "h-5 w-5" })
       }
     ),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx16(
       StatCard,
       {
         variant: "sandbox",
         title: "Estimated Cost",
         value: `$${data.estimatedCost.toFixed(2)}`,
         subtitle: "This billing period",
-        icon: /* @__PURE__ */ jsx17(DollarSign, { className: "h-5 w-5" })
+        icon: /* @__PURE__ */ jsx16(DollarSign, { className: "h-5 w-5" })
       }
     )
   ] });
@@ -2139,17 +2136,17 @@ function UsageSummary({ data, loading = false, className }) {
 
 // src/dashboard/git-panel.tsx
 import { GitBranch, GitCommit, FileEdit, FilePlus, File } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 function GitPanel({ status, log, loading = false, onRefresh, className }) {
   if (loading) {
-    return /* @__PURE__ */ jsx18("div", { className: cn("rounded-lg border border-border bg-card p-5", className), children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx18("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
+    return /* @__PURE__ */ jsx17("div", { className: cn("rounded-lg border border-border bg-card p-5", className), children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx17("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
       "Loading git info..."
     ] }) });
   }
   if (!status) {
-    return /* @__PURE__ */ jsx18("div", { className: cn("rounded-lg border border-border bg-card p-5", className), children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx18(GitBranch, { className: "h-4 w-4" }),
+    return /* @__PURE__ */ jsx17("div", { className: cn("rounded-lg border border-border bg-card p-5", className), children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx17(GitBranch, { className: "h-4 w-4" }),
       "No git repository detected"
     ] }) });
   }
@@ -2157,38 +2154,38 @@ function GitPanel({ status, log, loading = false, onRefresh, className }) {
   return /* @__PURE__ */ jsxs16("div", { className: cn("rounded-lg border border-border bg-card overflow-hidden", className), children: [
     /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between border-b border-border bg-muted/30 px-4 py-3", children: [
       /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx18(GitBranch, { className: "h-4 w-4 text-primary" }),
-        /* @__PURE__ */ jsx18("span", { className: "text-sm font-bold text-foreground", children: status.branch }),
+        /* @__PURE__ */ jsx17(GitBranch, { className: "h-4 w-4 text-primary" }),
+        /* @__PURE__ */ jsx17("span", { className: "text-sm font-bold text-foreground", children: status.branch }),
         status.isDirty && /* @__PURE__ */ jsxs16("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__ */ jsx18("button", { type: "button", onClick: onRefresh, className: "text-xs text-muted-foreground hover:text-foreground transition-colors", children: "Refresh" })
+      onRefresh && /* @__PURE__ */ jsx17("button", { type: "button", onClick: onRefresh, className: "text-xs text-muted-foreground hover:text-foreground transition-colors", children: "Refresh" })
     ] }),
-    changedCount > 0 && /* @__PURE__ */ jsx18("div", { className: "border-b border-border px-4 py-3", children: /* @__PURE__ */ jsxs16("div", { className: "space-y-1.5", children: [
+    changedCount > 0 && /* @__PURE__ */ jsx17("div", { className: "border-b border-border px-4 py-3", children: /* @__PURE__ */ jsxs16("div", { className: "space-y-1.5", children: [
       status.staged.map((f) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 text-xs", children: [
-        /* @__PURE__ */ jsx18(FilePlus, { className: "h-3 w-3 text-[var(--surface-success-text)]" }),
-        /* @__PURE__ */ jsx18("span", { className: "font-mono text-foreground truncate", children: f }),
-        /* @__PURE__ */ jsx18("span", { className: "text-[var(--surface-success-text)] text-[10px] font-bold ml-auto", children: "STAGED" })
+        /* @__PURE__ */ jsx17(FilePlus, { className: "h-3 w-3 text-[var(--surface-success-text)]" }),
+        /* @__PURE__ */ jsx17("span", { className: "font-mono text-foreground truncate", children: f }),
+        /* @__PURE__ */ jsx17("span", { className: "text-[var(--surface-success-text)] text-[10px] font-bold ml-auto", children: "STAGED" })
       ] }, `s-${f}`)),
       status.modified.map((f) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 text-xs", children: [
-        /* @__PURE__ */ jsx18(FileEdit, { className: "h-3 w-3 text-[var(--surface-warning-text)]" }),
-        /* @__PURE__ */ jsx18("span", { className: "font-mono text-foreground truncate", children: f })
+        /* @__PURE__ */ jsx17(FileEdit, { className: "h-3 w-3 text-[var(--surface-warning-text)]" }),
+        /* @__PURE__ */ jsx17("span", { className: "font-mono text-foreground truncate", children: f })
       ] }, `m-${f}`)),
       status.untracked.map((f) => /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 text-xs", children: [
-        /* @__PURE__ */ jsx18(File, { className: "h-3 w-3 text-muted-foreground" }),
-        /* @__PURE__ */ jsx18("span", { className: "font-mono text-muted-foreground truncate", children: f })
+        /* @__PURE__ */ jsx17(File, { className: "h-3 w-3 text-muted-foreground" }),
+        /* @__PURE__ */ jsx17("span", { className: "font-mono text-muted-foreground truncate", children: f })
       ] }, `u-${f}`))
     ] }) }),
     log.length > 0 && /* @__PURE__ */ jsxs16("div", { className: "px-4 py-3", children: [
-      /* @__PURE__ */ jsx18("div", { className: "mb-2 text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Recent Commits" }),
-      /* @__PURE__ */ jsx18("div", { className: "space-y-2", children: log.slice(0, 5).map((commit) => /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-2 text-xs", children: [
-        /* @__PURE__ */ jsx18(GitCommit, { className: "h-3 w-3 text-muted-foreground mt-0.5 shrink-0" }),
+      /* @__PURE__ */ jsx17("div", { className: "mb-2 text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Recent Commits" }),
+      /* @__PURE__ */ jsx17("div", { className: "space-y-2", children: log.slice(0, 5).map((commit) => /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-2 text-xs", children: [
+        /* @__PURE__ */ jsx17(GitCommit, { className: "h-3 w-3 text-muted-foreground mt-0.5 shrink-0" }),
         /* @__PURE__ */ jsxs16("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx18("span", { className: "font-mono text-primary mr-1.5", children: commit.shortSha }),
-          /* @__PURE__ */ jsx18("span", { className: "text-foreground", children: commit.message })
+          /* @__PURE__ */ jsx17("span", { className: "font-mono text-primary mr-1.5", children: commit.shortSha }),
+          /* @__PURE__ */ jsx17("span", { className: "text-foreground", children: commit.message })
         ] })
       ] }, commit.shortSha)) })
     ] }),
@@ -2208,14 +2205,14 @@ function GitPanel({ status, log, loading = false, onRefresh, className }) {
 }
 
 // src/dashboard/ports-list.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 import { Copy as Copy3, Check as Check4, Globe, Plus as Plus4, Trash2 as Trash23 } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 function PortsList({ ports, onExposePort, onRemovePort, isExposing = false, className }) {
-  const [newPort, setNewPort] = React6.useState("");
-  const [copiedPort, setCopiedPort] = React6.useState(null);
-  const copyTimerRef = React6.useRef(null);
-  React6.useEffect(() => {
+  const [newPort, setNewPort] = React7.useState("");
+  const [copiedPort, setCopiedPort] = React7.useState(null);
+  const copyTimerRef = React7.useRef(null);
+  React7.useEffect(() => {
     return () => {
       if (copyTimerRef.current) clearTimeout(copyTimerRef.current);
     };
@@ -2238,47 +2235,47 @@ function PortsList({ ports, onExposePort, onRemovePort, isExposing = false, clas
     }
   };
   return /* @__PURE__ */ jsxs17("div", { className: cn("space-y-4", className), children: [
-    ports.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "rounded-lg border border-border overflow-hidden", children: /* @__PURE__ */ jsxs17("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ jsx19("thead", { className: "bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsxs17("tr", { children: [
-        /* @__PURE__ */ jsx19("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Port" }),
-        /* @__PURE__ */ jsx19("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Public URL" }),
-        /* @__PURE__ */ jsx19("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Status" }),
-        /* @__PURE__ */ jsx19("th", { className: "px-4 py-2.5 text-right text-xs font-medium text-muted-foreground w-20" })
+    ports.length > 0 ? /* @__PURE__ */ jsx18("div", { className: "rounded-lg border border-border overflow-hidden", children: /* @__PURE__ */ jsxs17("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx18("thead", { className: "bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsxs17("tr", { children: [
+        /* @__PURE__ */ jsx18("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Port" }),
+        /* @__PURE__ */ jsx18("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Public URL" }),
+        /* @__PURE__ */ jsx18("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Status" }),
+        /* @__PURE__ */ jsx18("th", { className: "px-4 py-2.5 text-right text-xs font-medium text-muted-foreground w-20" })
       ] }) }),
-      /* @__PURE__ */ jsx19("tbody", { className: "divide-y divide-border", children: ports.map((p) => /* @__PURE__ */ jsxs17("tr", { children: [
-        /* @__PURE__ */ jsx19("td", { className: "px-4 py-3 font-mono text-xs text-foreground", children: p.port }),
-        /* @__PURE__ */ jsx19("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs17(
+      /* @__PURE__ */ jsx18("tbody", { className: "divide-y divide-border", children: ports.map((p) => /* @__PURE__ */ jsxs17("tr", { children: [
+        /* @__PURE__ */ jsx18("td", { className: "px-4 py-3 font-mono text-xs text-foreground", children: p.port }),
+        /* @__PURE__ */ jsx18("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs17(
           "button",
           {
             type: "button",
             onClick: () => handleCopy(p.url, p.port),
             className: "flex items-center gap-2 font-mono text-xs text-primary hover:underline cursor-pointer group",
             children: [
-              /* @__PURE__ */ jsx19("span", { className: "truncate max-w-[300px]", children: p.url }),
-              copiedPort === p.port ? /* @__PURE__ */ jsx19(Check4, { className: "h-3 w-3 text-[var(--surface-success-text)] shrink-0" }) : /* @__PURE__ */ jsx19(Copy3, { className: "h-3 w-3 opacity-0 group-hover:opacity-100 transition-opacity shrink-0" })
+              /* @__PURE__ */ jsx18("span", { className: "truncate max-w-[300px]", children: p.url }),
+              copiedPort === p.port ? /* @__PURE__ */ jsx18(Check4, { className: "h-3 w-3 text-[var(--surface-success-text)] shrink-0" }) : /* @__PURE__ */ jsx18(Copy3, { className: "h-3 w-3 opacity-0 group-hover:opacity-100 transition-opacity shrink-0" })
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx19("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx19("span", { className: cn(
+        /* @__PURE__ */ jsx18("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx18("span", { className: cn(
           "inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[10px] font-bold uppercase tracking-wider",
           p.status === "active" ? "bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]" : "bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)]"
         ), children: p.status }) }),
-        /* @__PURE__ */ jsx19("td", { className: "px-4 py-3 text-right", children: onRemovePort && /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx18("td", { className: "px-4 py-3 text-right", children: onRemovePort && /* @__PURE__ */ jsx18(
           "button",
           {
             type: "button",
             onClick: () => onRemovePort(p.port),
             className: "p-1 text-muted-foreground hover:text-destructive transition-colors rounded",
-            children: /* @__PURE__ */ jsx19(Trash23, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ jsx18(Trash23, { className: "h-3.5 w-3.5" })
           }
         ) })
       ] }, p.port)) })
     ] }) }) : /* @__PURE__ */ jsxs17("div", { className: "rounded-lg border border-border bg-muted/20 p-6 text-center", children: [
-      /* @__PURE__ */ jsx19(Globe, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),
-      /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "No ports exposed yet" })
+      /* @__PURE__ */ jsx18(Globe, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),
+      /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: "No ports exposed yet" })
     ] }),
     /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx18(
         "input",
         {
           type: "number",
@@ -2299,7 +2296,7 @@ function PortsList({ ports, onExposePort, onRemovePort, isExposing = false, clas
           disabled: !newPort || isExposing,
           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__ */ jsx19(Plus4, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx18(Plus4, { className: "h-4 w-4" }),
             "Expose"
           ]
         }
@@ -2309,9 +2306,9 @@ function PortsList({ ports, onExposePort, onRemovePort, isExposing = false, clas
 }
 
 // src/dashboard/process-list.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import { Activity as Activity3, Plus as Plus5, Skull, Terminal as Terminal4 } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 function formatUptime(startedAt) {
   if (!startedAt) return "-";
   const ms = Date.now() - new Date(startedAt).getTime();
@@ -2321,7 +2318,7 @@ function formatUptime(startedAt) {
   return `${Math.floor(ms / 36e5)}h ${Math.floor(ms % 36e5 / 6e4)}m`;
 }
 function ProcessList({ processes, onSpawn, onKill, loading = false, className }) {
-  const [newCommand, setNewCommand] = React7.useState("");
+  const [newCommand, setNewCommand] = React8.useState("");
   const handleSpawn = () => {
     const cmd = newCommand.trim();
     if (cmd) {
@@ -2331,41 +2328,41 @@ function ProcessList({ processes, onSpawn, onKill, loading = false, className })
   };
   return /* @__PURE__ */ jsxs18("div", { className: cn("space-y-4", className), children: [
     loading ? /* @__PURE__ */ jsxs18("div", { className: "rounded-lg border border-border bg-muted/20 p-6 text-center", children: [
-      /* @__PURE__ */ jsx20(Activity3, { className: "mx-auto h-6 w-6 text-muted-foreground animate-spin mb-2" }),
-      /* @__PURE__ */ jsx20("p", { className: "text-sm text-muted-foreground", children: "Loading processes..." })
-    ] }) : processes.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "rounded-lg border border-border overflow-hidden", children: /* @__PURE__ */ jsxs18("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ jsx20("thead", { className: "bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsxs18("tr", { children: [
-        /* @__PURE__ */ jsx20("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "PID" }),
-        /* @__PURE__ */ jsx20("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Command" }),
-        /* @__PURE__ */ jsx20("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Status" }),
-        /* @__PURE__ */ jsx20("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Uptime" }),
-        /* @__PURE__ */ jsx20("th", { className: "px-4 py-2.5 text-right text-xs font-medium text-muted-foreground w-20" })
+      /* @__PURE__ */ jsx19(Activity3, { className: "mx-auto h-6 w-6 text-muted-foreground animate-spin mb-2" }),
+      /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "Loading processes..." })
+    ] }) : processes.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "rounded-lg border border-border overflow-hidden", children: /* @__PURE__ */ jsxs18("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx19("thead", { className: "bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsxs18("tr", { children: [
+        /* @__PURE__ */ jsx19("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "PID" }),
+        /* @__PURE__ */ jsx19("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Command" }),
+        /* @__PURE__ */ jsx19("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Status" }),
+        /* @__PURE__ */ jsx19("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Uptime" }),
+        /* @__PURE__ */ jsx19("th", { className: "px-4 py-2.5 text-right text-xs font-medium text-muted-foreground w-20" })
       ] }) }),
-      /* @__PURE__ */ jsx20("tbody", { className: "divide-y divide-border", children: processes.map((p) => /* @__PURE__ */ jsxs18("tr", { children: [
-        /* @__PURE__ */ jsx20("td", { className: "px-4 py-3 font-mono text-xs text-foreground", children: p.pid }),
-        /* @__PURE__ */ jsx20("td", { className: "px-4 py-3 font-mono text-xs text-foreground truncate max-w-[250px]", children: p.command }),
-        /* @__PURE__ */ jsx20("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx20("span", { className: cn(
+      /* @__PURE__ */ jsx19("tbody", { className: "divide-y divide-border", children: processes.map((p) => /* @__PURE__ */ jsxs18("tr", { children: [
+        /* @__PURE__ */ jsx19("td", { className: "px-4 py-3 font-mono text-xs text-foreground", children: p.pid }),
+        /* @__PURE__ */ jsx19("td", { className: "px-4 py-3 font-mono text-xs text-foreground truncate max-w-[250px]", children: p.command }),
+        /* @__PURE__ */ jsx19("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx19("span", { className: cn(
           "inline-flex items-center gap-1.5 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-muted text-muted-foreground"
         ), children: p.running ? "running" : `exited (${p.exitCode ?? "?"})` }) }),
-        /* @__PURE__ */ jsx20("td", { className: "px-4 py-3 font-mono text-xs text-muted-foreground", children: formatUptime(p.startedAt) }),
-        /* @__PURE__ */ jsx20("td", { className: "px-4 py-3 text-right", children: p.running && /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx19("td", { className: "px-4 py-3 font-mono text-xs text-muted-foreground", children: formatUptime(p.startedAt) }),
+        /* @__PURE__ */ jsx19("td", { className: "px-4 py-3 text-right", children: p.running && /* @__PURE__ */ jsx19(
           "button",
           {
             type: "button",
             onClick: () => onKill(p.pid),
             className: "p-1 text-muted-foreground hover:text-destructive transition-colors rounded",
             title: "Kill process",
-            children: /* @__PURE__ */ jsx20(Skull, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ jsx19(Skull, { className: "h-3.5 w-3.5" })
           }
         ) })
       ] }, `${p.pid}-${p.startedAt ?? p.command}`)) })
     ] }) }) : /* @__PURE__ */ jsxs18("div", { className: "rounded-lg border border-border bg-muted/20 p-6 text-center", children: [
-      /* @__PURE__ */ jsx20(Terminal4, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),
-      /* @__PURE__ */ jsx20("p", { className: "text-sm text-muted-foreground", children: "No processes running" })
+      /* @__PURE__ */ jsx19(Terminal4, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),
+      /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "No processes running" })
     ] }),
     /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx20(
+      /* @__PURE__ */ jsx19(
         "input",
         {
           type: "text",
@@ -2384,7 +2381,7 @@ function ProcessList({ processes, onSpawn, onKill, loading = false, className })
           disabled: !newCommand.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__ */ jsx20(Plus5, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx19(Plus5, { className: "h-4 w-4" }),
             "Spawn"
           ]
         }
@@ -2394,11 +2391,11 @@ function ProcessList({ processes, onSpawn, onKill, loading = false, className })
 }
 
 // src/dashboard/network-config.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { Network as Network2, Plus as Plus6, Trash2 as Trash24, ShieldAlert } from "lucide-react";
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 function NetworkConfig({ config, onUpdate, loading = false, className }) {
-  const [newCidr, setNewCidr] = React8.useState("");
+  const [newCidr, setNewCidr] = React9.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;
@@ -2420,20 +2417,20 @@ function NetworkConfig({ config, onUpdate, loading = false, className }) {
   };
   if (loading || !config) {
     return /* @__PURE__ */ jsxs19("div", { className: cn("rounded-lg border border-border bg-muted/20 p-6 text-center", className), children: [
-      /* @__PURE__ */ jsx21(Network2, { className: "mx-auto h-6 w-6 text-muted-foreground animate-pulse mb-2" }),
-      /* @__PURE__ */ jsx21("p", { className: "text-sm text-muted-foreground", children: "Loading network configuration..." })
+      /* @__PURE__ */ jsx20(Network2, { className: "mx-auto h-6 w-6 text-muted-foreground animate-pulse mb-2" }),
+      /* @__PURE__ */ jsx20("p", { className: "text-sm text-muted-foreground", children: "Loading network configuration..." })
     ] });
   }
   return /* @__PURE__ */ jsxs19("div", { className: cn("space-y-4", className), children: [
     /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between rounded-lg border border-border bg-card px-4 py-3", children: [
       /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx21(ShieldAlert, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx20(ShieldAlert, { className: "h-4 w-4 text-muted-foreground" }),
         /* @__PURE__ */ jsxs19("div", { children: [
-          /* @__PURE__ */ jsx21("p", { className: "text-sm font-medium text-foreground", children: "Block Outbound Traffic" }),
-          /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: "Prevent the sandbox from making external network requests" })
+          /* @__PURE__ */ jsx20("p", { className: "text-sm font-medium text-foreground", children: "Block Outbound Traffic" }),
+          /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground", children: "Prevent the sandbox from making external network requests" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx20(
         "button",
         {
           type: "button",
@@ -2445,7 +2442,7 @@ function NetworkConfig({ config, onUpdate, loading = false, className }) {
             "relative inline-flex h-6 w-11 items-center rounded-full transition-colors",
             config.blockOutbound ? "bg-destructive" : "bg-muted"
           ),
-          children: /* @__PURE__ */ jsx21(
+          children: /* @__PURE__ */ jsx20(
             "span",
             {
               className: cn(
@@ -2458,21 +2455,21 @@ function NetworkConfig({ config, onUpdate, loading = false, className }) {
       )
     ] }),
     /* @__PURE__ */ jsxs19("div", { children: [
-      /* @__PURE__ */ jsx21("h4", { className: "text-xs font-medium text-muted-foreground mb-2 uppercase tracking-wider", children: "Allowlist (CIDR)" }),
-      config.allowList.length > 0 ? /* @__PURE__ */ jsx21("div", { className: "space-y-1.5 mb-3", children: config.allowList.map((cidr) => /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between rounded border border-border bg-muted/20 px-3 py-2", children: [
-        /* @__PURE__ */ jsx21("span", { className: "font-mono text-xs text-foreground", children: cidr }),
-        /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx20("h4", { className: "text-xs font-medium text-muted-foreground mb-2 uppercase tracking-wider", children: "Allowlist (CIDR)" }),
+      config.allowList.length > 0 ? /* @__PURE__ */ jsx20("div", { className: "space-y-1.5 mb-3", children: config.allowList.map((cidr) => /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between rounded border border-border bg-muted/20 px-3 py-2", children: [
+        /* @__PURE__ */ jsx20("span", { className: "font-mono text-xs text-foreground", children: cidr }),
+        /* @__PURE__ */ jsx20(
           "button",
           {
             type: "button",
             onClick: () => handleRemoveCidr(cidr),
             className: "p-1 text-muted-foreground hover:text-destructive transition-colors rounded",
-            children: /* @__PURE__ */ jsx21(Trash24, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ jsx20(Trash24, { className: "h-3 w-3" })
           }
         )
-      ] }, cidr)) }) : /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground mb-3", children: "No CIDR rules configured. All traffic is allowed." }),
+      ] }, cidr)) }) : /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground mb-3", children: "No CIDR rules configured. All traffic is allowed." }),
       /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx20(
           "input",
           {
             type: "text",
@@ -2491,7 +2488,7 @@ function NetworkConfig({ config, onUpdate, loading = false, className }) {
             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__ */ jsx21(Plus6, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx20(Plus6, { className: "h-4 w-4" }),
               "Add"
             ]
           }
@@ -2502,9 +2499,9 @@ function NetworkConfig({ config, onUpdate, loading = false, className }) {
 }
 
 // src/dashboard/backend-config.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 import { Bot, Plus as Plus7, RefreshCw as RefreshCw2, Trash2 as Trash25, Server, Wrench } from "lucide-react";
-import { Fragment as Fragment10, jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 function BackendConfig({
   status,
   mcpServers,
@@ -2514,10 +2511,10 @@ function BackendConfig({
   loading = false,
   className
 }) {
-  const [showAddMcp, setShowAddMcp] = React9.useState(false);
-  const [mcpName, setMcpName] = React9.useState("");
-  const [mcpCommand, setMcpCommand] = React9.useState("");
-  const [mcpArgs, setMcpArgs] = React9.useState("");
+  const [showAddMcp, setShowAddMcp] = React10.useState(false);
+  const [mcpName, setMcpName] = React10.useState("");
+  const [mcpCommand, setMcpCommand] = React10.useState("");
+  const [mcpArgs, setMcpArgs] = React10.useState("");
   const handleAddMcp = () => {
     const name = mcpName.trim();
     const command = mcpCommand.trim();
@@ -2535,14 +2532,14 @@ function BackendConfig({
   };
   if (loading || !status) {
     return /* @__PURE__ */ jsxs20("div", { className: cn("rounded-lg border border-border bg-muted/20 p-6 text-center", className), children: [
-      /* @__PURE__ */ jsx22(Bot, { className: "mx-auto h-6 w-6 text-muted-foreground animate-pulse mb-2" }),
-      /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: "Loading backend status..." })
+      /* @__PURE__ */ jsx21(Bot, { className: "mx-auto h-6 w-6 text-muted-foreground animate-pulse mb-2" }),
+      /* @__PURE__ */ jsx21("p", { className: "text-sm text-muted-foreground", children: "Loading backend status..." })
     ] });
   }
   return /* @__PURE__ */ jsxs20("div", { className: cn("space-y-4", className), children: [
     /* @__PURE__ */ jsxs20("div", { className: "rounded-lg border border-border bg-card overflow-hidden", children: [
       /* @__PURE__ */ jsxs20("div", { className: "px-4 py-3 border-b border-border bg-muted/30 flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx22("h4", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Agent Status" }),
+        /* @__PURE__ */ jsx21("h4", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Agent Status" }),
         /* @__PURE__ */ jsxs20(
           "button",
           {
@@ -2550,30 +2547,30 @@ function BackendConfig({
             onClick: onRestart,
             className: "inline-flex items-center gap-1.5 rounded-md bg-muted px-2.5 py-1 text-xs font-medium text-foreground hover:bg-muted/80 transition-colors border border-border",
             children: [
-              /* @__PURE__ */ jsx22(RefreshCw2, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx21(RefreshCw2, { className: "h-3 w-3" }),
               "Restart"
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsx22("div", { className: "p-4", children: /* @__PURE__ */ jsxs20("dl", { className: "grid grid-cols-[100px_1fr] gap-y-3 text-sm", children: [
-        /* @__PURE__ */ jsx22("dt", { className: "text-muted-foreground", children: "Status" }),
-        /* @__PURE__ */ jsx22("dd", { children: /* @__PURE__ */ jsx22("span", { className: cn(
+      /* @__PURE__ */ jsx21("div", { className: "p-4", children: /* @__PURE__ */ jsxs20("dl", { className: "grid grid-cols-[100px_1fr] gap-y-3 text-sm", children: [
+        /* @__PURE__ */ jsx21("dt", { className: "text-muted-foreground", children: "Status" }),
+        /* @__PURE__ */ jsx21("dd", { children: /* @__PURE__ */ jsx21("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__ */ jsx22("dt", { className: "text-muted-foreground", children: "Model" }),
-        /* @__PURE__ */ jsx22("dd", { className: "font-mono text-xs", children: status.model ?? "Default" }),
-        status.provider && /* @__PURE__ */ jsxs20(Fragment10, { children: [
-          /* @__PURE__ */ jsx22("dt", { className: "text-muted-foreground", children: "Provider" }),
-          /* @__PURE__ */ jsx22("dd", { className: "font-mono text-xs", children: status.provider })
+        /* @__PURE__ */ jsx21("dt", { className: "text-muted-foreground", children: "Model" }),
+        /* @__PURE__ */ jsx21("dd", { className: "font-mono text-xs", children: status.model ?? "Default" }),
+        status.provider && /* @__PURE__ */ jsxs20(Fragment11, { children: [
+          /* @__PURE__ */ jsx21("dt", { className: "text-muted-foreground", children: "Provider" }),
+          /* @__PURE__ */ jsx21("dd", { className: "font-mono text-xs", children: status.provider })
         ] })
       ] }) })
     ] }),
     /* @__PURE__ */ jsxs20("div", { className: "rounded-lg border border-border bg-card overflow-hidden", children: [
       /* @__PURE__ */ jsxs20("div", { className: "px-4 py-3 border-b border-border bg-muted/30 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs20("h4", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx22(Wrench, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsx21(Wrench, { className: "h-3.5 w-3.5" }),
           "MCP Servers"
         ] }),
         /* @__PURE__ */ jsxs20(
@@ -2583,17 +2580,17 @@ function BackendConfig({
             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__ */ jsx22(Plus7, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx21(Plus7, { className: "h-3 w-3" }),
               "Add"
             ]
           }
         )
       ] }),
-      mcpServers.length > 0 ? /* @__PURE__ */ jsx22("div", { className: "divide-y divide-border", children: mcpServers.map((s) => /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between px-4 py-3", children: [
+      mcpServers.length > 0 ? /* @__PURE__ */ jsx21("div", { className: "divide-y divide-border", children: mcpServers.map((s) => /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between px-4 py-3", children: [
         /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3 min-w-0", children: [
-          /* @__PURE__ */ jsx22(Server, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ jsx21(Server, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
           /* @__PURE__ */ jsxs20("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx22("p", { className: "text-sm font-medium text-foreground truncate", children: s.name }),
+            /* @__PURE__ */ jsx21("p", { className: "text-sm font-medium text-foreground truncate", children: s.name }),
             /* @__PURE__ */ jsxs20("p", { className: "text-xs font-mono text-muted-foreground truncate", children: [
               s.command,
               " ",
@@ -2602,23 +2599,23 @@ function BackendConfig({
           ] })
         ] }),
         /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 shrink-0", children: [
-          s.status && /* @__PURE__ */ jsx22("span", { className: cn(
+          s.status && /* @__PURE__ */ jsx21("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-muted text-muted-foreground"
           ), children: s.status }),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx21(
             "button",
             {
               type: "button",
               onClick: () => onRemoveMcp(s.name),
               className: "p-1 text-muted-foreground hover:text-destructive transition-colors rounded",
-              children: /* @__PURE__ */ jsx22(Trash25, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ jsx21(Trash25, { className: "h-3.5 w-3.5" })
             }
           )
         ] })
-      ] }, s.name)) }) : /* @__PURE__ */ jsx22("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground", children: "No MCP servers configured" }) }),
+      ] }, s.name)) }) : /* @__PURE__ */ jsx21("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: "No MCP servers configured" }) }),
       showAddMcp && /* @__PURE__ */ jsxs20("div", { className: "p-4 border-t border-border bg-muted/10 space-y-2", children: [
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx21(
           "input",
           {
             type: "text",
@@ -2628,7 +2625,7 @@ function BackendConfig({
             className: "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx21(
           "input",
           {
             type: "text",
@@ -2638,7 +2635,7 @@ function BackendConfig({
             className: "w-full rounded-lg border border-border bg-background px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx21(
           "input",
           {
             type: "text",
@@ -2649,7 +2646,7 @@ function BackendConfig({
           }
         ),
         /* @__PURE__ */ jsxs20("div", { className: "flex justify-end gap-2 pt-1", children: [
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx21(
             "button",
             {
               type: "button",
@@ -2658,7 +2655,7 @@ function BackendConfig({
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx21(
             "button",
             {
               type: "button",
@@ -2675,9 +2672,9 @@ function BackendConfig({
 }
 
 // src/dashboard/snapshot-list.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import { Camera, Clock as Clock5, HardDrive, Plus as Plus8, RotateCcw } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
 function formatBytes(bytes) {
   if (bytes == null || bytes < 0) return "-";
   if (bytes === 0) return "0 B";
@@ -2692,8 +2689,8 @@ function formatDate(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] = React10.useState(false);
-  const [tags, setTags] = React10.useState("");
+  const [showCreate, setShowCreate] = React11.useState(false);
+  const [tags, setTags] = React11.useState("");
   const handleCreate = () => {
     const tagList = tags.trim() ? tags.trim().split(",").map((t) => t.trim()).filter(Boolean) : void 0;
     onCreate(tagList);
@@ -2702,7 +2699,7 @@ function SnapshotList({ snapshots, onCreate, onRestore, onSaveAsTemplate, loadin
   };
   return /* @__PURE__ */ jsxs21("div", { className: cn("space-y-4", className), children: [
     /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx23("h3", { className: "text-sm font-bold text-foreground", children: "Snapshots" }),
+      /* @__PURE__ */ jsx22("h3", { className: "text-sm font-bold text-foreground", children: "Snapshots" }),
       /* @__PURE__ */ jsxs21(
         "button",
         {
@@ -2710,15 +2707,15 @@ function SnapshotList({ snapshots, onCreate, onRestore, onSaveAsTemplate, loadin
           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__ */ jsx23(Plus8, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsx22(Plus8, { className: "h-3.5 w-3.5" }),
             "Create Snapshot"
           ]
         }
       )
     ] }),
     showCreate && /* @__PURE__ */ jsxs21("div", { className: "rounded-lg border border-primary/20 bg-primary/5 p-4 space-y-3", children: [
-      /* @__PURE__ */ jsx23("p", { className: "text-sm text-foreground font-medium", children: "Create a new snapshot of the current sandbox state." }),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx22("p", { className: "text-sm text-foreground font-medium", children: "Create a new snapshot of the current sandbox state." }),
+      /* @__PURE__ */ jsx22(
         "input",
         {
           type: "text",
@@ -2730,7 +2727,7 @@ function SnapshotList({ snapshots, onCreate, onRestore, onSaveAsTemplate, loadin
         }
       ),
       /* @__PURE__ */ jsxs21("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx22(
           "button",
           {
             type: "button",
@@ -2746,7 +2743,7 @@ function SnapshotList({ snapshots, onCreate, onRestore, onSaveAsTemplate, loadin
             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__ */ jsx23(Camera, { className: "h-3 w-3 mr-1.5 inline" }),
+              /* @__PURE__ */ jsx22(Camera, { className: "h-3 w-3 mr-1.5 inline" }),
               "Create"
             ]
           }
@@ -2754,28 +2751,28 @@ function SnapshotList({ snapshots, onCreate, onRestore, onSaveAsTemplate, loadin
       ] })
     ] }),
     loading ? /* @__PURE__ */ jsxs21("div", { className: "rounded-lg border border-border bg-muted/20 p-6 text-center", children: [
-      /* @__PURE__ */ jsx23(Camera, { className: "mx-auto h-6 w-6 text-muted-foreground animate-pulse mb-2" }),
-      /* @__PURE__ */ jsx23("p", { className: "text-sm text-muted-foreground", children: "Loading snapshots..." })
-    ] }) : snapshots.length > 0 ? /* @__PURE__ */ jsx23("div", { className: "rounded-lg border border-border overflow-hidden", children: /* @__PURE__ */ jsxs21("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ jsx23("thead", { className: "bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsxs21("tr", { children: [
-        /* @__PURE__ */ jsx23("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "ID" }),
-        /* @__PURE__ */ jsx23("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Created" }),
-        /* @__PURE__ */ jsx23("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Size" }),
-        /* @__PURE__ */ jsx23("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Tags" }),
-        /* @__PURE__ */ jsx23("th", { className: "px-4 py-2.5 text-right text-xs font-medium text-muted-foreground w-24" })
+      /* @__PURE__ */ jsx22(Camera, { className: "mx-auto h-6 w-6 text-muted-foreground animate-pulse mb-2" }),
+      /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: "Loading snapshots..." })
+    ] }) : snapshots.length > 0 ? /* @__PURE__ */ jsx22("div", { className: "rounded-lg border border-border overflow-hidden", children: /* @__PURE__ */ jsxs21("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ jsx22("thead", { className: "bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsxs21("tr", { children: [
+        /* @__PURE__ */ jsx22("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "ID" }),
+        /* @__PURE__ */ jsx22("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Created" }),
+        /* @__PURE__ */ jsx22("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Size" }),
+        /* @__PURE__ */ jsx22("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Tags" }),
+        /* @__PURE__ */ jsx22("th", { className: "px-4 py-2.5 text-right text-xs font-medium text-muted-foreground w-24" })
       ] }) }),
-      /* @__PURE__ */ jsx23("tbody", { className: "divide-y divide-border", children: snapshots.map((s) => /* @__PURE__ */ jsxs21("tr", { children: [
-        /* @__PURE__ */ jsx23("td", { className: "px-4 py-3 font-mono text-xs text-foreground", children: s.id.slice(0, 12) }),
-        /* @__PURE__ */ jsx23("td", { className: "px-4 py-3 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs21("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx23(Clock5, { className: "h-3 w-3" }),
+      /* @__PURE__ */ jsx22("tbody", { className: "divide-y divide-border", children: snapshots.map((s) => /* @__PURE__ */ jsxs21("tr", { children: [
+        /* @__PURE__ */ jsx22("td", { className: "px-4 py-3 font-mono text-xs text-foreground", children: s.id.slice(0, 12) }),
+        /* @__PURE__ */ jsx22("td", { className: "px-4 py-3 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs21("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx22(Clock5, { className: "h-3 w-3" }),
           formatDate(s.createdAt)
         ] }) }),
-        /* @__PURE__ */ jsx23("td", { className: "px-4 py-3 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs21("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx23(HardDrive, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsx22("td", { className: "px-4 py-3 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs21("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx22(HardDrive, { className: "h-3 w-3" }),
           formatBytes(s.sizeBytes)
         ] }) }),
-        /* @__PURE__ */ jsx23("td", { className: "px-4 py-3", children: s.tags?.length ? /* @__PURE__ */ jsx23("div", { className: "flex items-center gap-1 flex-wrap", children: s.tags.map((tag) => /* @__PURE__ */ jsx23("span", { className: "rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground border border-border", children: tag }, tag)) }) : /* @__PURE__ */ jsx23("span", { className: "text-xs text-muted-foreground", children: "-" }) }),
-        /* @__PURE__ */ jsx23("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-end gap-2", children: [
+        /* @__PURE__ */ jsx22("td", { className: "px-4 py-3", children: s.tags?.length ? /* @__PURE__ */ jsx22("div", { className: "flex items-center gap-1 flex-wrap", children: s.tags.map((tag) => /* @__PURE__ */ jsx22("span", { className: "rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground border border-border", children: tag }, tag)) }) : /* @__PURE__ */ jsx22("span", { className: "text-xs text-muted-foreground", children: "-" }) }),
+        /* @__PURE__ */ jsx22("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-end gap-2", children: [
           /* @__PURE__ */ jsxs21(
             "button",
             {
@@ -2784,12 +2781,12 @@ function SnapshotList({ snapshots, onCreate, onRestore, onSaveAsTemplate, loadin
               className: "inline-flex items-center gap-1.5 rounded-md bg-muted px-2.5 py-1 text-xs font-medium text-foreground hover:bg-muted/80 transition-colors border border-border",
               title: "Restore to new sandbox",
               children: [
-                /* @__PURE__ */ jsx23(RotateCcw, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx22(RotateCcw, { className: "h-3 w-3" }),
                 "Restore"
               ]
             }
           ),
-          onSaveAsTemplate && /* @__PURE__ */ jsx23(
+          onSaveAsTemplate && /* @__PURE__ */ jsx22(
             "button",
             {
               type: "button",
@@ -2802,15 +2799,15 @@ function SnapshotList({ snapshots, onCreate, onRestore, onSaveAsTemplate, loadin
         ] }) })
       ] }, s.id)) })
     ] }) }) : /* @__PURE__ */ jsxs21("div", { className: "rounded-lg border border-border bg-muted/20 p-6 text-center", children: [
-      /* @__PURE__ */ jsx23(Camera, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),
-      /* @__PURE__ */ jsx23("p", { className: "text-sm text-muted-foreground", children: "No snapshots yet" }),
-      /* @__PURE__ */ jsx23("p", { className: "text-xs text-muted-foreground mt-1", children: "Create a snapshot to save the current state of your sandbox." })
+      /* @__PURE__ */ jsx22(Camera, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),
+      /* @__PURE__ */ jsx22("p", { className: "text-sm text-muted-foreground", children: "No snapshots yet" }),
+      /* @__PURE__ */ jsx22("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 Fragment11, jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
 function PromoBanner({
   title,
   description,
@@ -2825,21 +2822,21 @@ function PromoBanner({
     "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__ */ jsxs22(Fragment11, { children: [
+  const buttonContent = /* @__PURE__ */ jsxs22(Fragment12, { children: [
     buttonLabel,
     /* @__PURE__ */ jsxs22("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__ */ jsx24("path", { d: "M5 12h14" }),
-      /* @__PURE__ */ jsx24("path", { d: "m12 5 7 7-7 7" })
+      /* @__PURE__ */ jsx23("path", { d: "M5 12h14" }),
+      /* @__PURE__ */ jsx23("path", { d: "m12 5 7 7-7 7" })
     ] })
   ] });
   return /* @__PURE__ */ jsxs22("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__ */ jsxs22("div", { className: "relative z-10", children: [
-      /* @__PURE__ */ jsx24("h3", { className: "text-xl font-bold text-[var(--brand-strong-text)]", children: title }),
-      /* @__PURE__ */ jsx24("p", { className: "mt-2 max-w-md text-sm text-[var(--brand-strong-text-muted)]", children: description }),
-      href && !disabled ? /* @__PURE__ */ jsx24("a", { href, target: "_blank", rel: "noopener noreferrer", onClick, className: buttonClasses, children: buttonContent }) : /* @__PURE__ */ jsx24("button", { type: "button", onClick, disabled, className: buttonClasses, children: buttonContent })
+      /* @__PURE__ */ jsx23("h3", { className: "text-xl font-bold text-[var(--brand-strong-text)]", children: title }),
+      /* @__PURE__ */ jsx23("p", { className: "mt-2 max-w-md text-sm text-[var(--brand-strong-text-muted)]", children: description }),
+      href && !disabled ? /* @__PURE__ */ jsx23("a", { href, target: "_blank", rel: "noopener noreferrer", onClick, className: buttonClasses, children: buttonContent }) : /* @__PURE__ */ jsx23("button", { type: "button", onClick, disabled, className: buttonClasses, children: buttonContent })
     ] }),
-    icon && /* @__PURE__ */ jsx24("div", { className: "relative z-10 mt-6 flex items-center md:mt-0", children: /* @__PURE__ */ jsx24("div", { className: "flex h-16 w-16 items-center justify-center rounded-2xl border border-white/10 bg-white/10", children: icon }) }),
-    /* @__PURE__ */ jsx24("div", { className: "pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-l from-white/5 to-transparent" })
+    icon && /* @__PURE__ */ jsx23("div", { className: "relative z-10 mt-6 flex items-center md:mt-0", children: /* @__PURE__ */ jsx23("div", { className: "flex h-16 w-16 items-center justify-center rounded-2xl border border-white/10 bg-white/10", children: icon }) }),
+    /* @__PURE__ */ jsx23("div", { className: "pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-l from-white/5 to-transparent" })
   ] });
 }
 
@@ -2875,12 +2872,10 @@ export {
   SandboxTable,
   InvoiceTable,
   PlanCards,
-  BackendSelector,
-  HARNESS_OPTIONS,
-  HarnessPicker,
   DashboardLayout,
   ProfileSelector,
   ProfileComparison,
+  MetricAreaChart,
   VariantList,
   SystemLogsViewer,
   UsageSummary,