@tangle-network/sandbox-ui 0.125.3 → 0.126.0

package/dist/{dashboard-Ce1Qy0Yv.js → dashboard-TI-fPoih.js}

@@ -1,15 +1,15 @@
-import { Zt as Logo, o as Button$1 } from "./primitives-DLE_MCwZ.js";
+import { Zt as Logo, o as Button$1 } from "./primitives-WP3v1yf0.js";
 import { t as cn$1 } from "./utils-DzWbktWG.js";
 import { n as MOTION_SURFACE, r as MOTION_TRAVEL, t as MOTION_CONTROL } from "./motion-DkyBRJb9.js";
 import { i as moonshot_default } from "./model-brand-hMyDTUqB.js";
-import "./page-layout-DJV7cbxx.js";
-import { Avatar, AvatarFallback, AvatarImage, Badge, Button, Dialog, DialogClose, DialogContent, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Skeleton, StatCard, StatusPill, useTheme } from "@tangle-network/ui/primitives";
+import "./page-layout-2IRtfx51.js";
+import { Avatar, AvatarFallback, AvatarImage, Dialog, DialogClose, DialogContent, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Skeleton, StatCard, StatusPill } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
-import { Activity, BarChart2, Bell, Bot, Box, Camera, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, Clock, Code2, Copy, Cpu, DollarSign, Download, ExternalLink, File, FileEdit, FilePlus, FileText, GitBranch, GitCommit, Globe, HardDrive, Key, Layers, Loader2, MemoryStick, MessageSquare, Monitor, MoreHorizontal, MoreVertical, Network, PanelLeft, Play, Plug, Plus, Power, PowerOff, RotateCcw, Server, Settings, ShieldAlert, Skull, Terminal, Timer, Trash2, User, Users, Wrench, X, XCircle } from "lucide-react";
-import { focusField, focusFieldWithin, focusRing, focusRingInset, timeAgo } from "@tangle-network/ui/utils";
+import { Activity, ArrowRight, BarChart2, Bell, Bot, Box, Camera, Check, ChevronDown, ChevronLeft, ChevronRight, Clock, Code2, Copy, Cpu, DollarSign, ExternalLink, File, FileEdit, FilePlus, GitBranch, GitCommit, Globe, HardDrive, Key, Layers, MemoryStick, MessageSquare, Monitor, MoreHorizontal, MoreVertical, Network, PanelLeft, Play, Plug, Plus, Power, PowerOff, RotateCcw, Skull, Terminal, Trash2, User, Users } from "lucide-react";
+import { focusField, focusRing, focusRingInset, timeAgo } from "@tangle-network/ui/utils";
 import * as Select$1 from "@radix-ui/react-select";
 //#region src/dashboard/sidebar-context.tsx
 const PANEL_OPEN_KEY = "sandbox-sidebar-panel-open";
@@ -302,74 +302,6 @@ function MoonIcon({ className }) {
 		children: [/* @__PURE__ */ jsx("title", { children: "Dark mode icon" }), /* @__PURE__ */ jsx("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })]
 	});
 }
-/**
-* Compact light/dark switch driven by the shared `useTheme` hook.
-*
-* @deprecated The redesigned rail no longer renders a standalone theme toggle —
-* theme lives in the account menu as a Light/Dark/System control via the
-* `appearance` controller on {@link ProfileAvatar} (and both layouts). Kept for
-* backward compatibility; not used by `SidebarLayout`/`DashboardLayout`.
-*/
-function RailThemeToggle({ className }) {
-	const { theme, setTheme } = useTheme();
-	const [mounted, setMounted] = React$1.useState(false);
-	React$1.useEffect(() => setMounted(true), []);
-	const isDark = mounted && (theme === "dark" || theme === "system" && typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches);
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		onClick: () => setTheme(isDark ? "light" : "dark"),
-		"aria-label": "Toggle theme",
-		title: isDark ? "Switch to light mode" : "Switch to dark mode",
-		className: cn$1("flex h-9 w-9 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors", MOTION_CONTROL, "hover:bg-[var(--accent-surface-soft)] hover:text-foreground", focusRing, className),
-		children: isDark ? /* @__PURE__ */ jsx(SunIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(MoonIcon, { className: "h-4 w-4" })
-	});
-}
-function ChevronsLeftIcon({ className }) {
-	return /* @__PURE__ */ jsxs("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__ */ jsx("title", { children: "Collapse sidebar" }), /* @__PURE__ */ jsx("path", { d: "m11 17-5-5 5-5M18 17l-5-5 5-5" })]
-	});
-}
-function ChevronsRightIcon({ className }) {
-	return /* @__PURE__ */ jsxs("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__ */ jsx("title", { children: "Expand sidebar" }), /* @__PURE__ */ jsx("path", { d: "m6 17 5-5-5-5M13 17l5-5-5-5" })]
-	});
-}
-function RailCollapseToggle({ collapsed, showLabel, onToggle, className }) {
-	const label = collapsed ? "Expand sidebar" : "Collapse sidebar";
-	const Icon = collapsed ? ChevronsRightIcon : ChevronsLeftIcon;
-	return /* @__PURE__ */ jsx(RailTooltip, {
-		label,
-		disabled: showLabel,
-		className: showLabel ? "w-full" : void 0,
-		children: /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			onClick: onToggle,
-			"aria-label": label,
-			"aria-pressed": collapsed,
-			className: cn$1("flex shrink-0 items-center rounded-md text-muted-foreground transition-colors", MOTION_CONTROL, showLabel ? "h-9 w-full justify-start gap-2.5 px-2.5" : "h-9 w-9 justify-center", "hover:bg-[var(--accent-surface-soft)] hover:text-foreground", focusRing, className),
-			children: [/* @__PURE__ */ jsx(Icon, { className: "h-[17px] w-[17px] shrink-0" }), showLabel && /* @__PURE__ */ jsx("span", {
-				className: "text-[13.5px] font-medium",
-				children: label
-			})]
-		})
-	});
-}
 function PanelToggleButton({ collapsed, onToggle, className }) {
 	const label = collapsed ? "Expand sidebar" : "Collapse sidebar";
 	return /* @__PURE__ */ jsx("button", {
@@ -477,17 +409,6 @@ function SidebarRail({ children, className, wide = false }) {
 		children
 	});
 }
-/**
-* @deprecated Superseded by {@link RailHeader}, the three-slot header
-* (brand · middle · panel toggle) used by both shells. Kept for backward
-* compatibility; no longer rendered by `SidebarLayout`/`DashboardLayout`.
-*/
-function SidebarRailHeader({ children, className }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn$1("flex h-14 shrink-0 items-center justify-center border-b border-[var(--md3-outline-variant)]", className),
-		children
-	});
-}
 function SidebarRailNav({ children, className, onClick }) {
 	return /* @__PURE__ */ jsx("nav", {
 		onClick,
@@ -1109,78 +1030,6 @@ function ProfileAvatar({ user, isLoading = false, onLogout, onSettingsClick, set
 	})] });
 }
 //#endregion
-//#region src/dashboard/credit-balance.tsx
-function CreditBalance({ amount, description = "Credits are automatically deducted based on hourly Sandbox usage and Agent operations.", onTopUp, quickAmounts = [
-	10,
-	25,
-	100
-], className }) {
-	const [topUpValue, setTopUpValue] = React$1.useState("50.00");
-	const topUpId = React$1.useId();
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("bg-surface-container p-5 rounded-xl flex flex-col justify-between border border-[var(--md3-outline-variant)]", className),
-		children: [/* @__PURE__ */ jsxs("div", { children: [
-			/* @__PURE__ */ jsx("h3", {
-				className: "text-sm font-semibold text-muted-foreground uppercase tracking-widest mb-2",
-				children: "Available Credits"
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "text-4xl font-extrabold text-primary tracking-tighter mb-2",
-				children: ["$", amount.toFixed(2)]
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "text-sm text-muted-foreground leading-relaxed",
-				children: description
-			})
-		] }), onTopUp && /* @__PURE__ */ jsxs("div", {
-			className: "space-y-2.5 mt-5",
-			children: [
-				/* @__PURE__ */ jsx("label", {
-					htmlFor: topUpId,
-					className: "block text-xs font-medium text-muted-foreground",
-					children: "Top-up amount (USD)"
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: `bg-surface-container-low border p-1 rounded-lg flex items-center ${focusFieldWithin}`,
-					children: [/* @__PURE__ */ jsx("input", {
-						id: topUpId,
-						type: "text",
-						inputMode: "decimal",
-						value: `$${topUpValue}`,
-						onChange: (e) => {
-							const raw = e.target.value.replace(/[^0-9.]/g, "");
-							setTopUpValue(raw.match(/^(\d*\.?\d{0,2})/)?.[1] ?? "");
-						},
-						className: "bg-transparent border-none text-foreground font-mono text-lg min-w-0 flex-1 focus:ring-0 px-4 outline-none"
-					}), /* @__PURE__ */ jsx("button", {
-						type: "button",
-						onClick: () => {
-							const parsed = Number.parseFloat(topUpValue);
-							if (!Number.isFinite(parsed) || parsed <= 0) return;
-							onTopUp(parsed);
-						},
-						className: "shrink-0 whitespace-nowrap bg-[var(--accent-surface-soft)] border border-[var(--md3-outline-variant)] text-[var(--accent-text)] px-5 py-3 rounded-md font-bold text-xs uppercase tracking-widest active:scale-95 transition-transform hover:bg-[var(--accent-surface-strong)]",
-						children: "Top Up"
-					})]
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "flex justify-between gap-2",
-					children: quickAmounts.filter((qa) => Number.isFinite(qa) && qa > 0).map((qa) => /* @__PURE__ */ jsxs("button", {
-						type: "button",
-						onClick: () => {
-							const rounded = parseFloat(qa.toFixed(2));
-							setTopUpValue(qa.toFixed(2));
-							onTopUp(rounded);
-						},
-						className: "flex-1 py-2 text-center text-xs font-mono tabular-nums text-muted-foreground border border-[var(--md3-outline-variant)] rounded-md hover:bg-surface-container-high hover:text-foreground transition-colors uppercase",
-						children: ["+$", qa.toLocaleString("en-US")]
-					}, qa))
-				})
-			]
-		})]
-	});
-}
-//#endregion
 //#region src/dashboard/out-of-credits.tsx
 /**
 * Canonical "out of credits" UX, shared across every Tangle product.
@@ -1267,51 +1116,6 @@ function OutOfCreditsModal({ balance, onClose, ctaLabel = "Add credits", classNa
 	});
 }
 //#endregion
-//#region src/dashboard/cluster-status-bar.tsx
-function ClusterStatusBar({ items, latency, className }) {
-	if (!items?.length) return null;
-	return /* @__PURE__ */ jsx("div", {
-		className: cn$1("fixed bottom-6 left-1/2 -translate-x-1/2 z-40 w-max max-w-[90vw] animate-in slide-in-from-bottom flex justify-center", className),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-4 overflow-x-auto rounded-full border border-[var(--md3-outline-variant)] bg-surface-container px-5 py-2.5 shadow-sm",
-			children: [items.map((item, i) => /* @__PURE__ */ jsxs(React$1.Fragment, { children: [i > 0 && /* @__PURE__ */ jsx("span", {
-				"aria-hidden": true,
-				className: "h-5 w-px shrink-0 bg-border"
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "flex shrink-0 items-center gap-2",
-				children: [item.icon ? /* @__PURE__ */ jsx("span", {
-					className: "flex shrink-0 items-center text-[var(--md3-primary)] [&_svg]:h-[18px] [&_svg]:w-[18px]",
-					children: item.icon
-				}) : null, /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col leading-tight",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "text-[10px] font-bold uppercase tracking-wider text-[var(--md3-on-surface-variant)]",
-						children: item.label
-					}), /* @__PURE__ */ jsx("span", {
-						className: cn$1("text-sm font-bold tabular-nums text-foreground", item.valueClass),
-						children: item.value
-					})]
-				})]
-			})] }, i)), latency && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-				"aria-hidden": true,
-				className: "h-5 w-px shrink-0 bg-border"
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "flex shrink-0 items-center gap-2",
-				children: [/* @__PURE__ */ jsxs("span", {
-					className: "relative flex h-2.5 w-2.5 items-center justify-center",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-green-400 opacity-75",
-						"data-motion": "essential"
-					}), /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-green-500" })]
-				}), /* @__PURE__ */ jsx("span", {
-					className: "font-mono text-xs font-bold text-green-400",
-					children: latency
-				})]
-			})] })]
-		})
-	});
-}
-//#endregion
 //#region src/dashboard/resource-meter.tsx
 function getBarColor(percent) {
 	if (percent >= 90) return "bg-[var(--code-error)]";
@@ -2152,159 +1956,6 @@ function SandboxTable({ sandboxes, page = 1, pageSize = 10, total, onPageChange,
 	});
 }
 //#endregion
-//#region src/dashboard/invoice-table.tsx
-const statusStyle = {
-	paid: "bg-[var(--accent-surface-soft)] text-primary border border-[var(--md3-outline-variant)]",
-	pending: "bg-[var(--surface-warning-bg)] text-[var(--surface-warning-text)] border border-[var(--surface-warning-border)]",
-	failed: "bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)] border border-[var(--surface-danger-border)]"
-};
-function InvoiceTable({ invoices, onExportAll, onLoadMore, onViewInvoice, hasMore, className }) {
-	return /* @__PURE__ */ jsxs("section", {
-		className,
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex justify-between items-center mb-6 px-2",
-				children: [/* @__PURE__ */ jsx("h2", {
-					className: "text-2xl font-bold text-foreground tracking-tight",
-					children: "Invoice History"
-				}), onExportAll && /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					onClick: onExportAll,
-					className: "text-[10px] font-mono text-primary uppercase tracking-widest flex items-center gap-2 hover:underline",
-					children: [/* @__PURE__ */ jsx(Download, { className: "h-3.5 w-3.5" }), "Export All"]
-				})]
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "bg-surface-container rounded-xl overflow-hidden border border-[var(--md3-outline-variant)]",
-				children: /* @__PURE__ */ jsxs("table", {
-					className: "w-full text-left border-collapse",
-					children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
-						className: "bg-surface-container-high border-b border-[var(--md3-outline-variant)]",
-						children: [
-							/* @__PURE__ */ jsx("th", {
-								className: "px-6 py-4 font-mono text-[10px] text-muted-foreground uppercase tracking-widest",
-								children: "Invoice ID"
-							}),
-							/* @__PURE__ */ jsx("th", {
-								className: "px-6 py-4 font-mono text-[10px] text-muted-foreground uppercase tracking-widest",
-								children: "Date"
-							}),
-							/* @__PURE__ */ jsx("th", {
-								className: "px-6 py-4 font-mono text-[10px] text-muted-foreground uppercase tracking-widest",
-								children: "Amount"
-							}),
-							/* @__PURE__ */ jsx("th", {
-								className: "px-6 py-4 font-mono text-[10px] text-muted-foreground uppercase tracking-widest",
-								children: "Status"
-							}),
-							/* @__PURE__ */ jsx("th", {
-								className: "px-6 py-4 font-mono text-[10px] text-muted-foreground uppercase tracking-widest text-right",
-								children: "Action"
-							})
-						]
-					}) }), /* @__PURE__ */ jsx("tbody", {
-						className: "divide-y divide-border",
-						children: invoices.map((inv) => /* @__PURE__ */ jsxs("tr", {
-							className: "hover:bg-surface-container-high transition-colors",
-							children: [
-								/* @__PURE__ */ jsx("td", {
-									className: "px-6 py-5 font-mono text-xs text-foreground",
-									children: inv.id
-								}),
-								/* @__PURE__ */ jsx("td", {
-									className: "px-6 py-5 text-sm text-foreground",
-									children: inv.date
-								}),
-								/* @__PURE__ */ jsxs("td", {
-									className: "px-6 py-5 text-sm font-bold text-foreground",
-									children: ["$", inv.amount.toFixed(2)]
-								}),
-								/* @__PURE__ */ jsx("td", {
-									className: "px-6 py-5",
-									children: /* @__PURE__ */ jsx("span", {
-										className: cn$1("px-2 py-1 text-[10px] font-mono rounded uppercase", statusStyle[inv.status] ?? statusStyle.paid),
-										children: inv.status
-									})
-								}),
-								/* @__PURE__ */ jsx("td", {
-									className: "px-6 py-5 text-right",
-									children: /* @__PURE__ */ jsx("button", {
-										type: "button",
-										onClick: () => onViewInvoice?.(inv.id),
-										className: "text-muted-foreground hover:text-foreground transition-colors",
-										children: /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" })
-									})
-								})
-							]
-						}, inv.id))
-					})]
-				})
-			}),
-			hasMore && onLoadMore && /* @__PURE__ */ jsx("div", {
-				className: "mt-6 flex justify-center",
-				children: /* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: onLoadMore,
-					className: "px-8 py-2 text-[10px] font-mono text-muted-foreground border border-[var(--md3-outline-variant)] rounded-full hover:bg-surface-container-high transition-colors uppercase tracking-widest",
-					children: "Load More History"
-				})
-			})
-		]
-	});
-}
-//#endregion
-//#region src/dashboard/plan-cards.tsx
-function PlanCards({ plans, className }) {
-	return /* @__PURE__ */ jsxs("section", {
-		className,
-		children: [/* @__PURE__ */ jsx("h2", {
-			className: "text-2xl font-bold text-foreground tracking-tight mb-5 px-2",
-			children: "Subscription Plans"
-		}), /* @__PURE__ */ jsx("div", {
-			className: "grid grid-cols-1 md:grid-cols-3 gap-6",
-			children: plans.map((plan) => /* @__PURE__ */ jsxs("div", {
-				className: cn$1("p-5 rounded-xl transition-all relative overflow-hidden border", plan.popular ? "bg-surface-container-high border-[var(--md3-outline-variant)]" : "bg-surface-container border-[var(--md3-outline-variant)] hover:bg-surface-container-high hover:border-primary/20"),
-				children: [
-					plan.popular && /* @__PURE__ */ jsx("div", {
-						className: "absolute top-0 right-0 bg-[var(--accent-surface-soft)] border-l border-b border-[var(--md3-outline-variant)] px-4 py-1 text-[10px] font-bold text-[var(--accent-text)] uppercase tracking-widest rounded-bl-lg",
-						children: "Popular"
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "mb-4",
-						children: [/* @__PURE__ */ jsx("div", {
-							className: cn$1("text-xs font-mono uppercase tracking-widest mb-2", plan.popular ? "text-primary" : "text-muted-foreground"),
-							children: plan.name
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "text-3xl font-bold text-foreground",
-							children: [
-								"$",
-								plan.price,
-								/* @__PURE__ */ jsxs("span", {
-									className: "text-sm font-normal text-muted-foreground tracking-normal",
-									children: ["/", plan.period ?? "mo"]
-								})
-							]
-						})]
-					}),
-					/* @__PURE__ */ jsx("ul", {
-						className: "space-y-2 mb-5 text-sm text-muted-foreground",
-						children: plan.features.map((f, i) => /* @__PURE__ */ jsxs("li", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-primary shrink-0" }), f.text]
-						}, i))
-					}),
-					/* @__PURE__ */ jsx("button", {
-						type: "button",
-						onClick: () => plan.onSelect?.(plan.id),
-						className: cn$1("w-full py-3 rounded-lg text-xs font-bold uppercase tracking-widest transition-all border", plan.current ? "border-[var(--md3-outline-variant)] text-muted-foreground hover:border-primary/20 hover:text-foreground" : plan.popular ? "bg-[var(--accent-surface-soft)] border-[var(--md3-outline-variant)] text-[var(--accent-text)] hover:bg-[var(--accent-surface-strong)] active:scale-95 transition-transform" : "border-[var(--md3-outline-variant)] text-foreground hover:border-primary/20 hover:text-primary"),
-						children: plan.ctaLabel ?? (plan.current ? "Current Plan" : "Upgrade Now")
-					})
-				]
-			}, plan.id))
-		})]
-	});
-}
-//#endregion
 //#region src/dashboard/backend-selector.tsx
 function BackendSelector({ backends, selected, onChange, variant = "pill", label = "Model", placeholder = "Select a model", className, triggerClassName }) {
 	const current = backends.find((b) => b.type === selected);
@@ -2587,7 +2238,7 @@ function HarnessPicker({ value, onChange, available, optionsOverride, label = "A
 * `.dark` class.
 *
 * The shared theme hook (`@tangle-network/ui`'s `useTheme`, used by
-* {@link RailThemeToggle} and the `appearance` menu) only toggles `.dark`. But
+* the `appearance` menu) only toggles `.dark`. But
 * `@tangle-network/brand` 0.6 defaults to dark via `[data-sandbox-ui]` (always
 * present on the app's `<html>`) and scopes its light tokens to `.light` /
 * `[data-theme="light"]`. So removing `.dark` alone does NOT switch to light —
@@ -3447,185 +3098,6 @@ function SidebarLayout({ panelOpen, onPanelOpenChange, defaultPanelOpen, railCol
 	});
 }
 //#endregion
-//#region src/dashboard/profile-selector.tsx
-function ProfileSelector({ profiles, selectedId, onSelect, onCreateClick, onManageClick, label = "Profile", placeholder = "Default (no custom profile)", showMetrics = true, className }) {
-	const selected = profiles.find((p) => p.id === selectedId);
-	const builtinProfiles = profiles.filter((p) => p.is_builtin);
-	const customProfiles = profiles.filter((p) => !p.is_builtin);
-	return /* @__PURE__ */ jsxs("div", {
-		className,
-		children: [label && /* @__PURE__ */ jsx("label", {
-			className: "mb-2 block font-medium text-sm",
-			children: label
-		}), /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsxs(Button, {
-				variant: "outline",
-				className: "w-full justify-between",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "truncate",
-					children: selected ? selected.name : placeholder
-				}), /* @__PURE__ */ jsx(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
-			})
-		}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-			className: "w-[300px]",
-			align: "start",
-			children: [
-				/* @__PURE__ */ jsxs(DropdownMenuItem, {
-					onClick: () => onSelect(null),
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ jsx("span", { children: placeholder }), !selectedId && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-[var(--surface-success-text)]" })]
-				}),
-				builtinProfiles.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-					/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-					/* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Built-in Profiles" }),
-					builtinProfiles.map((profile) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
-						onClick: () => onSelect(profile),
-						className: "flex flex-col items-start gap-1",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex w-full items-center justify-between",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "font-medium",
-									children: profile.name
-								}), profile.extends && /* @__PURE__ */ jsxs(Badge, {
-									variant: "secondary",
-									className: "border-0 text-xs",
-									children: ["extends ", profile.extends]
-								})]
-							}), selectedId === profile.id && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-[var(--surface-success-text)]" })]
-						}), profile.description && /* @__PURE__ */ jsx("span", {
-							className: "line-clamp-1 text-muted-foreground text-xs",
-							children: profile.description
-						})]
-					}, profile.id))
-				] }),
-				customProfiles.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-					/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-					/* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Custom Profiles" }),
-					customProfiles.map((profile) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
-						onClick: () => onSelect(profile),
-						className: "flex flex-col items-start gap-1",
-						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex w-full items-center justify-between",
-								children: [/* @__PURE__ */ jsxs("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ jsx("span", {
-										className: "font-medium",
-										children: profile.name
-									}), profile.model && /* @__PURE__ */ jsx(Badge, {
-										variant: "secondary",
-										className: "border-0 text-xs",
-										children: profile.model.split("/").pop()
-									})]
-								}), selectedId === profile.id && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-[var(--surface-success-text)]" })]
-							}),
-							profile.description && /* @__PURE__ */ jsx("span", {
-								className: "line-clamp-1 text-muted-foreground text-xs",
-								children: profile.description
-							}),
-							showMetrics && profile.metrics && profile.metrics.total_runs > 0 && /* @__PURE__ */ jsxs("div", {
-								className: "flex gap-3 text-muted-foreground text-xs",
-								children: [
-									/* @__PURE__ */ jsxs("span", { children: [profile.metrics.total_runs, " runs"] }),
-									/* @__PURE__ */ jsxs("span", { children: [profile.metrics.success_rate.toFixed(0), "% success"] }),
-									/* @__PURE__ */ jsxs("span", { children: [
-										"~",
-										(profile.metrics.avg_duration_ms / 1e3).toFixed(1),
-										"s avg"
-									] })
-								]
-							})
-						]
-					}, profile.id))
-				] }),
-				(onCreateClick || onManageClick) && /* @__PURE__ */ jsxs(Fragment, { children: [
-					/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-					onCreateClick && /* @__PURE__ */ jsxs(DropdownMenuItem, {
-						onClick: onCreateClick,
-						className: "text-[var(--surface-info-text)]",
-						children: [/* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }), "Create New Profile"]
-					}),
-					onManageClick && /* @__PURE__ */ jsxs(DropdownMenuItem, {
-						onClick: onManageClick,
-						className: "text-muted-foreground",
-						children: [/* @__PURE__ */ jsx(Settings, { className: "mr-2 h-4 w-4" }), "Manage Profiles"]
-					})
-				] })
-			]
-		})] })]
-	});
-}
-function ProfileComparison({ profiles, className }) {
-	const profilesWithMetrics = profiles.filter((p) => p.metrics && p.metrics.total_runs > 0);
-	if (profilesWithMetrics.length === 0) return null;
-	const bestSuccess = profilesWithMetrics.reduce((best, p) => (p.metrics?.success_rate ?? 0) > (best.metrics?.success_rate ?? 0) ? p : best);
-	const fastestProfile = profilesWithMetrics.reduce((best, p) => (p.metrics?.avg_duration_ms ?? Number.POSITIVE_INFINITY) < (best.metrics?.avg_duration_ms ?? Number.POSITIVE_INFINITY) ? p : best);
-	return /* @__PURE__ */ jsxs("div", {
-		className: `rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-4 ${className ?? ""}`,
-		children: [/* @__PURE__ */ jsx("h4", {
-			className: "mb-3 font-medium text-sm",
-			children: "Profile Performance"
-		}), /* @__PURE__ */ jsx("div", {
-			className: "space-y-3",
-			children: profilesWithMetrics.map((profile) => {
-				const isBestSuccess = profile.id === bestSuccess.id;
-				const isFastest = profile.id === fastestProfile.id;
-				return /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-between gap-4",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-2",
-						children: [
-							/* @__PURE__ */ jsx("span", {
-								className: "font-medium",
-								children: profile.name
-							}),
-							isBestSuccess && /* @__PURE__ */ jsx(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__ */ jsx(Badge, {
-								className: "border border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)] text-xs",
-								children: "Fastest"
-							})
-						]
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-4 text-sm",
-						children: [
-							/* @__PURE__ */ jsxs("span", { children: [
-								/* @__PURE__ */ jsx("span", {
-									className: "text-muted-foreground",
-									children: "Success:"
-								}),
-								" ",
-								/* @__PURE__ */ jsxs("span", {
-									className: (profile.metrics?.success_rate ?? 0) >= 80 ? "text-[var(--surface-success-text)]" : (profile.metrics?.success_rate ?? 0) >= 50 ? "text-[var(--surface-warning-text)]" : "text-[var(--surface-danger-text)]",
-									children: [profile.metrics?.success_rate.toFixed(0), "%"]
-								})
-							] }),
-							/* @__PURE__ */ jsxs("span", { children: [
-								/* @__PURE__ */ jsx("span", {
-									className: "text-muted-foreground",
-									children: "Avg:"
-								}),
-								" ",
-								((profile.metrics?.avg_duration_ms ?? 0) / 1e3).toFixed(1),
-								"s"
-							] }),
-							/* @__PURE__ */ jsxs("span", {
-								className: "text-muted-foreground",
-								children: [profile.metrics?.total_runs, " runs"]
-							})
-						]
-					})]
-				}, profile.id);
-			})
-		})]
-	});
-}
-//#endregion
 //#region src/dashboard/metric-area-chart.tsx
 const TONE_VARS = {
 	primary: "var(--brand-primary, hsl(var(--primary)))",
@@ -3773,181 +3245,6 @@ function MetricAreaChart({ points, label, formatValue, maxValue, detail, tone =
 	});
 }
 //#endregion
-//#region src/dashboard/variant-list.tsx
-const statusConfig = {
-	pending: {
-		icon: Clock,
-		color: "text-[var(--surface-warning-text)]",
-		bg: "bg-[var(--surface-warning-bg)]",
-		border: "border-[var(--surface-warning-border)]",
-		label: "Pending",
-		animate: false
-	},
-	running: {
-		icon: Loader2,
-		color: "text-primary",
-		bg: "bg-[var(--accent-surface-soft)]",
-		border: "border-[var(--md3-outline-variant)]",
-		label: "Running",
-		animate: true
-	},
-	completed: {
-		icon: CheckCircle2,
-		color: "text-[var(--surface-success-text)]",
-		bg: "bg-[var(--surface-success-bg)]",
-		border: "border-[var(--surface-success-border)]",
-		label: "Completed",
-		animate: false
-	},
-	failed: {
-		icon: XCircle,
-		color: "text-[var(--surface-danger-text)]",
-		bg: "bg-[var(--surface-danger-bg)]",
-		border: "border-[var(--surface-danger-border)]",
-		label: "Failed",
-		animate: false
-	},
-	cancelled: {
-		icon: XCircle,
-		color: "text-[var(--surface-neutral-text)]",
-		bg: "bg-[var(--surface-neutral-bg)]",
-		border: "border-[var(--surface-neutral-border)]",
-		label: "Cancelled",
-		animate: false
-	}
-};
-const outcomeConfig = {
-	pending_review: {
-		color: "text-[var(--surface-warning-text)]",
-		bg: "bg-[var(--surface-warning-bg)]",
-		border: "border-[var(--surface-warning-border)]",
-		label: "Pending Review"
-	},
-	accepted: {
-		color: "text-[var(--surface-success-text)]",
-		bg: "bg-[var(--surface-success-bg)]",
-		border: "border-[var(--surface-success-border)]",
-		label: "Accepted"
-	},
-	rejected: {
-		color: "text-[var(--surface-danger-text)]",
-		bg: "bg-[var(--surface-danger-bg)]",
-		border: "border-[var(--surface-danger-border)]",
-		label: "Rejected"
-	},
-	merged_with_conflicts: {
-		color: "text-[var(--surface-orange-text)]",
-		bg: "bg-[var(--surface-orange-bg)]",
-		border: "border-[var(--surface-orange-border)]",
-		label: "Merged (conflicts)"
-	},
-	expired: {
-		color: "text-[var(--surface-neutral-text)]",
-		bg: "bg-[var(--surface-neutral-bg)]",
-		border: "border-[var(--surface-neutral-border)]",
-		label: "Expired"
-	}
-};
-function VariantList({ variants, selectedId, onSelect, onAccept, onReject, isActioning, className }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: `space-y-2 ${className || ""}`,
-		children: variants.map((variant) => {
-			const status = statusConfig[variant.status];
-			const StatusIcon = status.icon;
-			const isSelected = variant.id === selectedId;
-			return /* @__PURE__ */ jsxs("div", {
-				className: `cursor-pointer rounded-lg border px-3 py-2.5 transition-colors ${isSelected ? "border-primary/30 bg-[var(--accent-surface-soft)]" : "border-[var(--md3-outline-variant)] bg-surface-container hover:border-primary/20 hover:bg-surface-container-high"}`,
-				onClick: () => onSelect?.(variant.id),
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex flex-wrap items-center gap-2",
-						children: [
-							/* @__PURE__ */ jsxs(Badge, {
-								className: `shrink-0 ${status.bg} ${status.border} ${status.color}`,
-								children: [/* @__PURE__ */ jsx(StatusIcon, {
-									className: `mr-1 h-3 w-3 ${status.animate ? "animate-spin" : ""}`,
-									...status.animate ? { "data-motion": "essential" } : {}
-								}), status.label]
-							}),
-							/* @__PURE__ */ jsx("span", {
-								className: "truncate text-sm font-medium text-foreground",
-								children: variant.label
-							}),
-							variant.sublabel && /* @__PURE__ */ jsxs("span", {
-								className: "shrink-0 text-xs text-muted-foreground",
-								children: [
-									"(",
-									variant.sublabel,
-									")"
-								]
-							}),
-							variant.durationMs && /* @__PURE__ */ jsxs("span", {
-								className: "flex shrink-0 items-center gap-1 text-xs text-muted-foreground",
-								children: [
-									/* @__PURE__ */ jsx(Timer, { className: "h-3 w-3" }),
-									(variant.durationMs / 1e3).toFixed(1),
-									"s"
-								]
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "ml-auto flex min-w-0 flex-wrap items-center justify-end gap-1.5",
-								children: [
-									variant.outcome && /* @__PURE__ */ jsx("span", {
-										className: "flex max-[359px]:w-full max-[359px]:justify-start",
-										children: /* @__PURE__ */ jsx(Badge, {
-											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__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Button, {
-										variant: "outline",
-										size: "sm",
-										className: "h-7 border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] px-2 text-xs text-[var(--surface-success-text)] hover:bg-[var(--surface-success-border)]",
-										onClick: (e) => {
-											e.stopPropagation();
-											onAccept(variant.id);
-										},
-										disabled: isActioning === variant.id,
-										children: [/* @__PURE__ */ jsx(Check, { className: "mr-1 h-3 w-3" }), "Accept"]
-									}), /* @__PURE__ */ jsxs(Button, {
-										variant: "outline",
-										size: "sm",
-										className: "h-7 border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] px-2 text-xs text-[var(--surface-danger-text)] hover:bg-[var(--surface-danger-border)]",
-										onClick: (e) => {
-											e.stopPropagation();
-											onReject(variant.id);
-										},
-										disabled: isActioning === variant.id,
-										children: [/* @__PURE__ */ jsx(X, { className: "mr-1 h-3 w-3" }), "Reject"]
-									})] }),
-									variant.detailsUrl && /* @__PURE__ */ jsx(Button, {
-										variant: "ghost",
-										size: "sm",
-										className: "h-7 w-7 p-0 text-muted-foreground hover:text-foreground",
-										onClick: (e) => {
-											e.stopPropagation();
-											window.open(variant.detailsUrl, "_blank");
-										},
-										children: /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" })
-									})
-								]
-							})
-						]
-					}),
-					variant.error && /* @__PURE__ */ jsx("p", {
-						className: "mt-1.5 text-xs text-[var(--surface-danger-text)]",
-						children: variant.error
-					}),
-					variant.summary && /* @__PURE__ */ jsx("p", {
-						className: "mt-1.5 line-clamp-2 text-xs text-muted-foreground",
-						children: variant.summary
-					})
-				]
-			}, variant.id);
-		})
-	});
-}
-//#endregion
 //#region src/dashboard/system-logs.tsx
 function SystemLogsViewer({ apiUrl, token, className }) {
 	const [logs, setLogs] = useState([]);
@@ -4416,6 +3713,42 @@ function PortsList({ ports, onExposePort, onRemovePort, isExposing = false, clas
 	});
 }
 //#endregion
+//#region src/dashboard/template-card.tsx
+function TemplateCard({ template, onUseTemplate, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn$1("group relative flex flex-col justify-between rounded-xl border border-[var(--md3-outline-variant)] bg-surface-container p-6 transition-colors hover:border-[var(--border-accent)]", className),
+		children: [/* @__PURE__ */ jsxs("div", { children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-surface-container-high border border-[var(--md3-outline-variant)]",
+				children: template.icon ?? /* @__PURE__ */ jsx("span", {
+					className: "text-lg font-bold text-primary",
+					children: template.name.charAt(0).toUpperCase()
+				})
+			}),
+			/* @__PURE__ */ jsx("h3", {
+				className: "mb-1 text-base font-bold text-foreground",
+				children: template.name
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm text-muted-foreground leading-relaxed line-clamp-2",
+				children: template.description
+			}),
+			template.tags && template.tags.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "mt-3 flex flex-wrap gap-1.5",
+				children: template.tags.map((tag, i) => /* @__PURE__ */ jsx("span", {
+					className: "rounded-full bg-surface-container-high px-2 py-0.5 text-[10px] font-medium text-muted-foreground",
+					children: tag
+				}, `${tag}-${i}`))
+			})
+		] }), /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			onClick: () => onUseTemplate(template.id),
+			className: "mt-5 inline-flex w-full items-center justify-center gap-2 rounded-xl bg-primary/10 border border-primary/20 px-4 py-2.5 text-sm font-bold text-primary transition-colors hover:bg-primary hover:text-primary-foreground active:scale-[0.98]",
+			children: ["Use Template", /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4 transition-transform group-hover:translate-x-0.5" })]
+		})]
+	});
+}
+//#endregion
 //#region src/dashboard/process-list.tsx
 function formatUptime(startedAt) {
 	if (!startedAt) return "-";
@@ -4556,296 +3889,6 @@ function ProcessList({ processes, onSpawn, onKill, loading = false, className })
 	});
 }
 //#endregion
-//#region src/dashboard/network-config.tsx
-function NetworkConfig({ config, onUpdate, loading = false, className }) {
-	const [newCidr, setNewCidr] = React$1.useState("");
-	const isValidCidr = (value) => {
-		const match = value.match(/^(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})\/(\d{1,2})$/);
-		if (!match) return false;
-		const octets = [
-			match[1],
-			match[2],
-			match[3],
-			match[4]
-		].map(Number);
-		const prefix = Number(match[5]);
-		return octets.every((o) => o <= 255) && prefix <= 32;
-	};
-	const handleAddCidr = () => {
-		const cidr = newCidr.trim();
-		if (cidr && config && isValidCidr(cidr) && !config.allowList.includes(cidr)) {
-			onUpdate({ allowList: [...config.allowList, cidr] });
-			setNewCidr("");
-		}
-	};
-	const handleRemoveCidr = (cidr) => {
-		if (config) onUpdate({ allowList: config.allowList.filter((c) => c !== cidr) });
-	};
-	if (loading || !config) return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 text-center", className),
-		children: [/* @__PURE__ */ jsx(Network, {
-			className: "mx-auto h-6 w-6 text-muted-foreground animate-pulse mb-2",
-			"data-motion": "essential"
-		}), /* @__PURE__ */ jsx("p", {
-			className: "text-sm text-muted-foreground",
-			children: "Loading network configuration..."
-		})]
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("space-y-4", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex items-center justify-between rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container px-4 py-3",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ jsx(ShieldAlert, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-					className: "text-sm font-medium text-foreground",
-					children: "Block Outbound Traffic"
-				}), /* @__PURE__ */ jsx("p", {
-					className: "text-xs text-muted-foreground",
-					children: "Prevent the sandbox from making external network requests"
-				})] })]
-			}), /* @__PURE__ */ jsx("button", {
-				type: "button",
-				role: "switch",
-				"aria-checked": config.blockOutbound,
-				"aria-label": "Block outbound traffic",
-				onClick: () => onUpdate({ blockOutbound: !config.blockOutbound }),
-				className: cn$1("relative inline-flex h-6 w-11 items-center rounded-full transition-colors", config.blockOutbound ? "bg-destructive" : "bg-surface-container-high"),
-				children: /* @__PURE__ */ jsx("span", { className: cn$1("inline-block h-4 w-4 rounded-full bg-white transition-transform shadow-sm", config.blockOutbound ? "translate-x-6" : "translate-x-1") })
-			})]
-		}), /* @__PURE__ */ jsxs("div", { children: [
-			/* @__PURE__ */ jsx("h4", {
-				className: "text-xs font-medium text-muted-foreground mb-2 uppercase tracking-wider",
-				children: "Allowlist (CIDR)"
-			}),
-			config.allowList.length > 0 ? /* @__PURE__ */ jsx("div", {
-				className: "space-y-1.5 mb-3",
-				children: config.allowList.map((cidr) => /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-between rounded border border-[var(--md3-outline-variant)] bg-surface-container-high px-3 py-2",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "font-mono text-xs text-foreground",
-						children: cidr
-					}), /* @__PURE__ */ jsx("button", {
-						type: "button",
-						"aria-label": `Remove ${cidr} from allowlist`,
-						onClick: () => handleRemoveCidr(cidr),
-						className: `p-2 text-muted-foreground hover:text-destructive transition-colors rounded ${focusRing}`,
-						children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
-					})]
-				}, cidr))
-			}) : /* @__PURE__ */ jsx("p", {
-				className: "text-xs text-muted-foreground mb-3",
-				children: "No CIDR rules configured. All traffic is allowed."
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ jsx("input", {
-					type: "text",
-					"aria-label": "CIDR to allow",
-					placeholder: "CIDR (e.g. 10.0.0.0/8)",
-					value: newCidr,
-					onChange: (e) => setNewCidr(e.target.value),
-					onKeyDown: (e) => e.key === "Enter" && handleAddCidr(),
-					className: `flex-1 rounded-lg border bg-surface-container-low px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground ${focusField}`
-				}), /* @__PURE__ */ jsxs("button", {
-					type: "button",
-					onClick: handleAddCidr,
-					disabled: !newCidr.trim(),
-					className: "inline-flex items-center gap-2 rounded-lg bg-primary/20 border border-primary/30 px-4 py-2 text-sm font-medium text-primary hover:bg-primary hover:text-primary-foreground transition-colors disabled:opacity-50",
-					children: [/* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }), "Add"]
-				})]
-			})
-		] })]
-	});
-}
-//#endregion
-//#region src/dashboard/backend-config.tsx
-function BackendConfig({ status, mcpServers, onAddMcp, onRemoveMcp, onRestart, loading = false, className }) {
-	const [showAddMcp, setShowAddMcp] = React$1.useState(false);
-	const [mcpName, setMcpName] = React$1.useState("");
-	const [mcpCommand, setMcpCommand] = React$1.useState("");
-	const [mcpArgs, setMcpArgs] = React$1.useState("");
-	const handleAddMcp = () => {
-		const name = mcpName.trim();
-		const command = mcpCommand.trim();
-		if (name && command) {
-			onAddMcp({
-				name,
-				command,
-				args: mcpArgs.trim() ? mcpArgs.trim().split(/\s+/) : void 0
-			});
-			setMcpName("");
-			setMcpCommand("");
-			setMcpArgs("");
-			setShowAddMcp(false);
-		}
-	};
-	if (loading || !status) return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container p-6 text-center", className),
-		children: [/* @__PURE__ */ jsx(Bot, {
-			className: "mx-auto h-6 w-6 text-muted-foreground animate-pulse mb-2",
-			"data-motion": "essential"
-		}), /* @__PURE__ */ jsx("p", {
-			className: "text-sm text-muted-foreground",
-			children: "Loading backend status..."
-		})]
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("space-y-4", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container overflow-hidden",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "px-4 py-3 border-b border-[var(--md3-outline-variant)] bg-surface-container-high flex items-center justify-between",
-				children: [/* @__PURE__ */ jsx("h4", {
-					className: "text-xs font-medium text-muted-foreground uppercase tracking-wider",
-					children: "Agent Status"
-				}), onRestart ? /* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: onRestart,
-					className: "inline-flex items-center gap-1.5 rounded-md bg-surface-container-high px-2.5 py-1 text-xs font-medium text-foreground hover:bg-surface-container-highest transition-colors border border-[var(--md3-outline-variant)]",
-					children: "Restart"
-				}) : null]
-			}), /* @__PURE__ */ jsx("div", {
-				className: "p-4",
-				children: /* @__PURE__ */ jsxs("dl", {
-					className: "grid grid-cols-[100px_1fr] gap-y-3 text-sm",
-					children: [
-						/* @__PURE__ */ jsx("dt", {
-							className: "text-muted-foreground",
-							children: "Status"
-						}),
-						/* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx("span", {
-							className: cn$1("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__ */ jsx("dt", {
-							className: "text-muted-foreground",
-							children: "Model"
-						}),
-						/* @__PURE__ */ jsx("dd", {
-							className: "font-mono text-xs",
-							children: status.model ?? "Default"
-						}),
-						status.provider && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("dt", {
-							className: "text-muted-foreground",
-							children: "Provider"
-						}), /* @__PURE__ */ jsx("dd", {
-							className: "font-mono text-xs",
-							children: status.provider
-						})] })
-					]
-				})
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "rounded-lg border border-[var(--md3-outline-variant)] bg-surface-container overflow-hidden",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "px-4 py-3 border-b border-[var(--md3-outline-variant)] bg-surface-container-high flex items-center justify-between",
-					children: [/* @__PURE__ */ jsxs("h4", {
-						className: "text-xs font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-2",
-						children: [/* @__PURE__ */ jsx(Wrench, { className: "h-3.5 w-3.5" }), "MCP Servers"]
-					}), /* @__PURE__ */ jsxs("button", {
-						type: "button",
-						onClick: () => setShowAddMcp(!showAddMcp),
-						className: "inline-flex items-center gap-1.5 rounded-md bg-primary/20 border border-primary/30 px-2.5 py-1 text-xs font-medium text-primary hover:bg-primary hover:text-primary-foreground transition-colors",
-						children: [/* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }), "Add"]
-					})]
-				}),
-				mcpServers.length > 0 ? /* @__PURE__ */ jsx("div", {
-					className: "divide-y divide-border",
-					children: mcpServers.map((s) => /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center justify-between px-4 py-3",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-3 min-w-0",
-							children: [/* @__PURE__ */ jsx(Server, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }), /* @__PURE__ */ jsxs("div", {
-								className: "min-w-0",
-								children: [/* @__PURE__ */ jsx("p", {
-									className: "text-sm font-medium text-foreground truncate",
-									children: s.name
-								}), /* @__PURE__ */ jsxs("p", {
-									className: "text-xs font-mono text-muted-foreground truncate",
-									children: [
-										s.command,
-										" ",
-										s.args?.join(" ") ?? ""
-									]
-								})]
-							})]
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-2 shrink-0",
-							children: [s.status && /* @__PURE__ */ jsx("span", {
-								className: cn$1("inline-flex items-center rounded-full px-1.5 py-0.5 text-[9px] font-bold uppercase", s.status === "running" ? "bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]" : s.status === "error" ? "bg-destructive/10 text-destructive" : "bg-surface-container-high text-muted-foreground"),
-								children: s.status
-							}), /* @__PURE__ */ jsx("button", {
-								type: "button",
-								"aria-label": `Remove ${s.name} MCP server`,
-								onClick: () => onRemoveMcp(s.name),
-								className: `p-2 text-muted-foreground hover:text-destructive transition-colors rounded ${focusRing}`,
-								children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
-							})]
-						})]
-					}, s.name))
-				}) : /* @__PURE__ */ jsx("div", {
-					className: "p-4 text-center",
-					children: /* @__PURE__ */ jsx("p", {
-						className: "text-xs text-muted-foreground",
-						children: "No MCP servers configured"
-					})
-				}),
-				showAddMcp && /* @__PURE__ */ jsxs("div", {
-					className: "p-4 border-t border-[var(--md3-outline-variant)] bg-surface-container-high space-y-2",
-					children: [
-						/* @__PURE__ */ jsxs("label", {
-							className: "block space-y-1 text-xs font-medium text-muted-foreground",
-							children: [/* @__PURE__ */ jsx("span", { children: "Server name" }), /* @__PURE__ */ jsx("input", {
-								type: "text",
-								value: mcpName,
-								onChange: (e) => setMcpName(e.target.value),
-								className: `w-full rounded-lg border bg-surface-container-low px-3 py-2 text-sm text-foreground ${focusField}`
-							})]
-						}),
-						/* @__PURE__ */ jsxs("label", {
-							className: "block space-y-1 text-xs font-medium text-muted-foreground",
-							children: [/* @__PURE__ */ jsx("span", { children: "Command" }), /* @__PURE__ */ jsx("input", {
-								type: "text",
-								placeholder: "npx @server/mcp",
-								value: mcpCommand,
-								onChange: (e) => setMcpCommand(e.target.value),
-								className: `w-full rounded-lg border bg-surface-container-low px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground ${focusField}`
-							})]
-						}),
-						/* @__PURE__ */ jsxs("label", {
-							className: "block space-y-1 text-xs font-medium text-muted-foreground",
-							children: [/* @__PURE__ */ jsx("span", { children: "Arguments (optional)" }), /* @__PURE__ */ jsx("input", {
-								type: "text",
-								placeholder: "Space-separated arguments",
-								value: mcpArgs,
-								onChange: (e) => setMcpArgs(e.target.value),
-								className: `w-full rounded-lg border bg-surface-container-low px-3 py-2 text-sm font-mono text-foreground placeholder:text-muted-foreground ${focusField}`
-							})]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex justify-end gap-2 pt-1",
-							children: [/* @__PURE__ */ jsx("button", {
-								type: "button",
-								onClick: () => setShowAddMcp(false),
-								className: "rounded-md px-3 py-1.5 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors",
-								children: "Cancel"
-							}), /* @__PURE__ */ jsx("button", {
-								type: "button",
-								onClick: handleAddMcp,
-								disabled: !mcpName.trim() || !mcpCommand.trim(),
-								className: "rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
-								children: "Add Server"
-							})]
-						})
-					]
-				})
-			]
-		})]
-	});
-}
-//#endregion
 //#region src/dashboard/snapshot-list.tsx
 function formatBytes(bytes) {
 	if (bytes == null || bytes < 0) return "-";
@@ -5090,28 +4133,4 @@ function PromoBanner({ title, description, buttonLabel, href, onClick, icon, dis
 	});
 }
 //#endregion
-//#region src/dashboard/info-panel.tsx
-function InfoPanel({ label, title, description, className }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("rounded-lg bg-[var(--brand-strong)] p-5 text-[var(--brand-strong-text)] relative overflow-hidden", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "relative z-10",
-			children: [
-				/* @__PURE__ */ jsx("p", {
-					className: "text-[10px] font-bold uppercase tracking-widest text-[var(--brand-strong-text-dim)]",
-					children: label
-				}),
-				/* @__PURE__ */ jsx("h3", {
-					className: "mt-1 text-lg font-bold",
-					children: title
-				}),
-				/* @__PURE__ */ jsx("p", {
-					className: "mt-1 text-sm text-[var(--brand-strong-text-muted)]",
-					children: description
-				})
-			]
-		}), /* @__PURE__ */ jsx("div", { className: "absolute right-0 top-0 h-full w-1/3 bg-white/5 -skew-x-12 translate-x-12 pointer-events-none" })]
-	});
-}
-//#endregion
-export { SidebarPanelHeader as $, SandboxStatusPill as A, ProfileAvatar as B, PlanCards as C, SandboxCard as D, NewSandboxCard as E, ClusterStatusBar as F, RailHeader as G, RailCollapseToggle as H, INSUFFICIENT_BALANCE_CODE as I, RailThemeToggle as J, RailModeButton as K, OutOfCreditsModal as L, ActivityFeed as M, ResourceSnapshot as N, canAdminSandbox as O, ResourceMeter as P, SidebarPanelContent as Q, parseInsufficientBalance as R, BackendSelector as S, SandboxTable as T, RailExpandable as U, RailButton as V, RailFlyout as W, SidebarContent as X, Sidebar as Y, SidebarPanel as Z, HARNESS_OPTIONS as _, NetworkConfig as a, SIDEBAR_MOBILE_WIDTH as at, HARNESS_BRAND as b, GitPanel as c, SIDEBAR_RAIL_WIDTH as ct, VariantList as d, useSidebar as dt, SidebarRail as et, MetricAreaChart as f, DashboardLayout as g, SidebarLayout as h, BackendConfig as i, RailTooltip as it, sandboxStatus as j, SANDBOX_STATUS as k, UsageSummary as l, SIDEBAR_TOTAL_WIDTH as lt, ProfileSelector as m, PromoBanner as n, SidebarRailHeader as nt, ProcessList as o, SIDEBAR_PANEL_WIDTH as ot, ProfileComparison as p, RailSeparator as q, SnapshotList as r, SidebarRailNav as rt, PortsList as s, SIDEBAR_RAIL_LABELED_WIDTH as st, InfoPanel as t, SidebarRailFooter as tt, SystemLogsViewer as u, SidebarProvider as ut, HarnessPicker as v, InvoiceTable as w, HarnessLogo as x, chatCapableHarnesses as y, CreditBalance as z };
+export { useSidebar as $, parseInsufficientBalance as A, SidebarPanel as B, SandboxStatusPill as C, ResourceMeter as D, ResourceSnapshot as E, RailHeader as F, SidebarRailNav as G, SidebarPanelHeader as H, RailModeButton as I, SIDEBAR_PANEL_WIDTH as J, RailTooltip as K, RailSeparator as L, RailButton as M, RailExpandable as N, INSUFFICIENT_BALANCE_CODE as O, RailFlyout as P, SidebarProvider as Q, Sidebar as R, SANDBOX_STATUS as S, ActivityFeed as T, SidebarRail as U, SidebarPanelContent as V, SidebarRailFooter as W, SIDEBAR_RAIL_WIDTH as X, SIDEBAR_RAIL_LABELED_WIDTH as Y, SIDEBAR_TOTAL_WIDTH as Z, BackendSelector as _, PortsList as a, SandboxCard as b, SystemLogsViewer as c, DashboardLayout as d, HARNESS_OPTIONS as f, HarnessLogo as g, HARNESS_BRAND as h, TemplateCard as i, ProfileAvatar as j, OutOfCreditsModal as k, MetricAreaChart as l, chatCapableHarnesses as m, SnapshotList as n, GitPanel as o, HarnessPicker as p, SIDEBAR_MOBILE_WIDTH as q, ProcessList as r, UsageSummary as s, PromoBanner as t, SidebarLayout as u, SandboxTable as v, sandboxStatus as w, canAdminSandbox as x, NewSandboxCard as y, SidebarContent as z };