@tangle-network/sandbox-ui 0.14.0 → 0.15.1

package/dist/dashboard.js

@@ -1,21 +1,23 @@
 import {
-  InfoPanel,
-  TemplateCard
-} from "./chunk-VX3XOUEB.js";
-import {
+  BackendConfig,
   BackendSelector,
   ClusterStatusBar,
   CreditBalance,
   DashboardLayout,
+  GitPanel,
   HARNESS_OPTIONS,
   HarnessPicker,
   InvoiceTable,
   ModelPicker,
+  NetworkConfig,
   NewSandboxCard,
   PlanCards,
+  PortsList,
+  ProcessList,
   ProfileAvatar,
   ProfileComparison,
   ProfileSelector,
+  PromoBanner,
   RailButton,
   RailModeButton,
   RailSeparator,
@@ -36,899 +38,26 @@ import {
   SidebarRailFooter,
   SidebarRailHeader,
   SidebarRailNav,
+  SnapshotList,
+  SystemLogsViewer,
+  UsageSummary,
   VariantList,
   canAdminSandbox,
   canonicalModelId,
   formatContext,
   formatPricing,
   useSidebar
-} from "./chunk-NKUPJC34.js";
+} from "./chunk-AHBZCBDO.js";
 import {
   BillingDashboard,
+  InfoPanel,
   PricingPage,
+  TemplateCard,
   UsageChart,
   formatPrice
-} from "./chunk-QMU2PWOU.js";
-import {
-  StatCard
-} from "./chunk-OKLQVY3Y.js";
-import "./chunk-34A66VBG.js";
-import {
-  Skeleton
-} from "./chunk-66EZOYZR.js";
-import "./chunk-ZMNSRDMH.js";
-import "./chunk-MKTSMWVD.js";
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/dashboard/system-logs.tsx
-import { Terminal } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SystemLogsViewer({ apiUrl, token, className }) {
-  const [logs, setLogs] = useState([]);
-  const [error, setError] = useState(null);
-  const [isFollowing, setIsFollowing] = useState(true);
-  const scrollRef = useRef(null);
-  useEffect(() => {
-    let timeoutId;
-    let backoff = 2e3;
-    const controller = new AbortController();
-    async function fetchLogs() {
-      try {
-        const res = await fetch(`${apiUrl}/debug/logs`, {
-          headers: {
-            Authorization: `Bearer ${token}`
-          },
-          signal: controller.signal
-        });
-        if (!res.ok) throw new Error(`HTTP Error: ${res.status}`);
-        const data = await res.json();
-        if (!controller.signal.aborted) {
-          setLogs(data.logs || []);
-          setError(null);
-          backoff = 2e3;
-        }
-      } catch (err) {
-        if (err.name === "AbortError") return;
-        if (!controller.signal.aborted) {
-          setError(err instanceof Error ? err.message : "Failed to fetch logs");
-          backoff = Math.min(backoff * 2, 3e4);
-        }
-      }
-      if (!controller.signal.aborted) {
-        timeoutId = setTimeout(fetchLogs, backoff);
-      }
-    }
-    fetchLogs();
-    return () => {
-      controller.abort();
-      clearTimeout(timeoutId);
-    };
-  }, [apiUrl, token]);
-  useEffect(() => {
-    if (isFollowing && scrollRef.current) {
-      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
-    }
-  }, [logs, isFollowing]);
-  const handleScroll = () => {
-    if (!scrollRef.current) return;
-    const { scrollTop, scrollHeight, clientHeight } = scrollRef.current;
-    const isAtBottom = scrollHeight - scrollTop - clientHeight < 20;
-    setIsFollowing((prev) => prev === isAtBottom ? prev : isAtBottom);
-  };
-  return /* @__PURE__ */ jsxs("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__ */ jsxs("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__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Terminal, { className: "h-4 w-4 text-primary animate-pulse" }),
-        /* @__PURE__ */ jsx("span", { className: "font-bold text-xs uppercase tracking-widest text-muted-foreground", children: "System Traces" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        error && /* @__PURE__ */ jsxs("span", { className: "text-destructive text-xs flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx("span", { className: "w-2 h-2 rounded-full bg-destructive animate-ping" }),
-          " Error fetching logs"
-        ] }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => {
-              setIsFollowing(!isFollowing);
-              if (!isFollowing && scrollRef.current) {
-                scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
-              }
-            },
-            className: cn("px-3 py-1 text-[10px] font-bold uppercase rounded-md transition-colors", isFollowing ? "bg-primary/20 text-primary border border-primary/20" : "bg-muted text-muted-foreground border border-border hover:bg-accent hover:text-foreground"),
-            children: isFollowing ? "Auto-Scroll ON" : "Auto-Scroll OFF"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: scrollRef,
-        onScroll: handleScroll,
-        className: "flex-1 overflow-y-auto p-4 space-y-1",
-        children: logs.length === 0 && !error ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center text-muted-foreground italic", children: "Waiting for orchestrator logs..." }) : logs.map((log, i) => /* @__PURE__ */ jsxs("div", { className: "break-words", children: [
-          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground mr-3 select-none", children: [
-            "[",
-            log.timestamp || i.toString().padStart(4, "0"),
-            "]"
-          ] }),
-          /* @__PURE__ */ jsxs("span", { className: "text-primary/70 mr-2", children: [
-            "[",
-            log.level,
-            "]"
-          ] }),
-          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground mr-2", children: [
-            "[",
-            log.scope,
-            "]"
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: log.level.toUpperCase() === "ERROR" || log.message.toLowerCase().includes("failed") ? "text-destructive" : log.level.toUpperCase() === "WARN" ? "text-warning" : "text-foreground", children: log.message })
-        ] }, `${log.timestamp}-${log.scope}-${i}`))
-      }
-    )
-  ] });
-}
-
-// src/dashboard/usage-summary.tsx
-import { Clock, Layers, MessageSquare, DollarSign } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function UsageSummary({ data, loading = false, className }) {
-  if (loading || !data) {
-    return /* @__PURE__ */ jsx2("div", { className: cn("grid grid-cols-2 gap-4 lg:grid-cols-4", className), children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx2(Skeleton, { className: "h-28 rounded-xl" }, i)) });
-  }
-  return /* @__PURE__ */ jsxs2("div", { className: cn("grid grid-cols-2 gap-4 lg:grid-cols-4", className), children: [
-    /* @__PURE__ */ jsx2(
-      StatCard,
-      {
-        variant: "sandbox",
-        title: "Compute Hours",
-        value: data.computeHours.toFixed(1),
-        subtitle: "This billing period",
-        icon: /* @__PURE__ */ jsx2(Clock, { className: "h-5 w-5" })
-      }
-    ),
-    /* @__PURE__ */ jsx2(
-      StatCard,
-      {
-        variant: "sandbox",
-        title: "Active Sessions",
-        value: data.activeSessions,
-        subtitle: "Currently running",
-        icon: /* @__PURE__ */ jsx2(Layers, { className: "h-5 w-5" })
-      }
-    ),
-    /* @__PURE__ */ jsx2(
-      StatCard,
-      {
-        variant: "sandbox",
-        title: "Messages Sent",
-        value: data.messagesSent.toLocaleString(),
-        subtitle: "Agent interactions",
-        icon: /* @__PURE__ */ jsx2(MessageSquare, { className: "h-5 w-5" })
-      }
-    ),
-    /* @__PURE__ */ jsx2(
-      StatCard,
-      {
-        variant: "sandbox",
-        title: "Estimated Cost",
-        value: `$${data.estimatedCost.toFixed(2)}`,
-        subtitle: "This billing period",
-        icon: /* @__PURE__ */ jsx2(DollarSign, { className: "h-5 w-5" })
-      }
-    )
-  ] });
-}
-
-// src/dashboard/git-panel.tsx
-import { GitBranch, GitCommit, FileEdit, FilePlus, File } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function GitPanel({ status, log, loading = false, onRefresh, className }) {
-  if (loading) {
-    return /* @__PURE__ */ jsx3("div", { className: cn("rounded-lg border border-border bg-card p-5", className), children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx3("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-primary border-t-transparent" }),
-      "Loading git info..."
-    ] }) });
-  }
-  if (!status) {
-    return /* @__PURE__ */ jsx3("div", { className: cn("rounded-lg border border-border bg-card p-5", className), children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx3(GitBranch, { className: "h-4 w-4" }),
-      "No git repository detected"
-    ] }) });
-  }
-  const changedCount = status.staged.length + status.modified.length + status.untracked.length;
-  return /* @__PURE__ */ jsxs3("div", { className: cn("rounded-lg border border-border bg-card overflow-hidden", className), children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between border-b border-border bg-muted/30 px-4 py-3", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx3(GitBranch, { className: "h-4 w-4 text-primary" }),
-        /* @__PURE__ */ jsx3("span", { className: "text-sm font-bold text-foreground", children: status.branch }),
-        status.isDirty && /* @__PURE__ */ jsxs3("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__ */ jsx3("button", { type: "button", onClick: onRefresh, className: "text-xs text-muted-foreground hover:text-foreground transition-colors", children: "Refresh" })
-    ] }),
-    changedCount > 0 && /* @__PURE__ */ jsx3("div", { className: "border-b border-border px-4 py-3", children: /* @__PURE__ */ jsxs3("div", { className: "space-y-1.5", children: [
-      status.staged.map((f) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-xs", children: [
-        /* @__PURE__ */ jsx3(FilePlus, { className: "h-3 w-3 text-[var(--surface-success-text)]" }),
-        /* @__PURE__ */ jsx3("span", { className: "font-mono text-foreground truncate", children: f }),
-        /* @__PURE__ */ jsx3("span", { className: "text-[var(--surface-success-text)] text-[10px] font-bold ml-auto", children: "STAGED" })
-      ] }, `s-${f}`)),
-      status.modified.map((f) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-xs", children: [
-        /* @__PURE__ */ jsx3(FileEdit, { className: "h-3 w-3 text-[var(--surface-warning-text)]" }),
-        /* @__PURE__ */ jsx3("span", { className: "font-mono text-foreground truncate", children: f })
-      ] }, `m-${f}`)),
-      status.untracked.map((f) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-xs", children: [
-        /* @__PURE__ */ jsx3(File, { className: "h-3 w-3 text-muted-foreground" }),
-        /* @__PURE__ */ jsx3("span", { className: "font-mono text-muted-foreground truncate", children: f })
-      ] }, `u-${f}`))
-    ] }) }),
-    log.length > 0 && /* @__PURE__ */ jsxs3("div", { className: "px-4 py-3", children: [
-      /* @__PURE__ */ jsx3("div", { className: "mb-2 text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Recent Commits" }),
-      /* @__PURE__ */ jsx3("div", { className: "space-y-2", children: log.slice(0, 5).map((commit) => /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-2 text-xs", children: [
-        /* @__PURE__ */ jsx3(GitCommit, { className: "h-3 w-3 text-muted-foreground mt-0.5 shrink-0" }),
-        /* @__PURE__ */ jsxs3("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx3("span", { className: "font-mono text-primary mr-1.5", children: commit.shortSha }),
-          /* @__PURE__ */ jsx3("span", { className: "text-foreground", children: commit.message })
-        ] })
-      ] }, commit.shortSha)) })
-    ] }),
-    (status.ahead > 0 || status.behind > 0) && /* @__PURE__ */ jsxs3("div", { className: "border-t border-border px-4 py-2 flex items-center gap-3 text-xs text-muted-foreground", children: [
-      status.ahead > 0 && /* @__PURE__ */ jsxs3("span", { children: [
-        "\u2191 ",
-        status.ahead,
-        " ahead"
-      ] }),
-      status.behind > 0 && /* @__PURE__ */ jsxs3("span", { children: [
-        "\u2193 ",
-        status.behind,
-        " behind"
-      ] })
-    ] })
-  ] });
-}
-
-// src/dashboard/ports-list.tsx
-import * as React2 from "react";
-import { Copy, Check, Globe, Plus, Trash2 } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function PortsList({ ports, onExposePort, onRemovePort, isExposing = false, className }) {
-  const [newPort, setNewPort] = React2.useState("");
-  const [copiedPort, setCopiedPort] = React2.useState(null);
-  const copyTimerRef = React2.useRef(null);
-  React2.useEffect(() => {
-    return () => {
-      if (copyTimerRef.current) clearTimeout(copyTimerRef.current);
-    };
-  }, []);
-  const handleCopy = async (url, port) => {
-    try {
-      await navigator.clipboard.writeText(url);
-      setCopiedPort(port);
-      if (copyTimerRef.current) clearTimeout(copyTimerRef.current);
-      copyTimerRef.current = setTimeout(() => setCopiedPort(null), 2e3);
-    } catch (err) {
-      console.warn("Clipboard write failed:", err);
-    }
-  };
-  const handleExpose = () => {
-    const port = parseInt(newPort, 10);
-    if (port > 0 && port <= 65535) {
-      onExposePort(port);
-      setNewPort("");
-    }
-  };
-  return /* @__PURE__ */ jsxs4("div", { className: cn("space-y-4", className), children: [
-    ports.length > 0 ? /* @__PURE__ */ jsx4("div", { className: "rounded-lg border border-border overflow-hidden", children: /* @__PURE__ */ jsxs4("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ jsx4("thead", { className: "bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsxs4("tr", { children: [
-        /* @__PURE__ */ jsx4("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Port" }),
-        /* @__PURE__ */ jsx4("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Public URL" }),
-        /* @__PURE__ */ jsx4("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Status" }),
-        /* @__PURE__ */ jsx4("th", { className: "px-4 py-2.5 text-right text-xs font-medium text-muted-foreground w-20" })
-      ] }) }),
-      /* @__PURE__ */ jsx4("tbody", { className: "divide-y divide-border", children: ports.map((p) => /* @__PURE__ */ jsxs4("tr", { children: [
-        /* @__PURE__ */ jsx4("td", { className: "px-4 py-3 font-mono text-xs text-foreground", children: p.port }),
-        /* @__PURE__ */ jsx4("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs4(
-          "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__ */ jsx4("span", { className: "truncate max-w-[300px]", children: p.url }),
-              copiedPort === p.port ? /* @__PURE__ */ jsx4(Check, { className: "h-3 w-3 text-[var(--surface-success-text)] shrink-0" }) : /* @__PURE__ */ jsx4(Copy, { className: "h-3 w-3 opacity-0 group-hover:opacity-100 transition-opacity shrink-0" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx4("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx4("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__ */ jsx4("td", { className: "px-4 py-3 text-right", children: onRemovePort && /* @__PURE__ */ jsx4(
-          "button",
-          {
-            type: "button",
-            onClick: () => onRemovePort(p.port),
-            className: "p-1 text-muted-foreground hover:text-destructive transition-colors rounded",
-            children: /* @__PURE__ */ jsx4(Trash2, { className: "h-3.5 w-3.5" })
-          }
-        ) })
-      ] }, p.port)) })
-    ] }) }) : /* @__PURE__ */ jsxs4("div", { className: "rounded-lg border border-border bg-muted/20 p-6 text-center", children: [
-      /* @__PURE__ */ jsx4(Globe, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),
-      /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground", children: "No ports exposed yet" })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx4(
-        "input",
-        {
-          type: "number",
-          min: 1,
-          max: 65535,
-          placeholder: "Port (e.g. 3000)",
-          value: newPort,
-          onChange: (e) => setNewPort(e.target.value),
-          onKeyDown: (e) => e.key === "Enter" && handleExpose(),
-          className: "flex-1 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__ */ jsxs4(
-        "button",
-        {
-          type: "button",
-          onClick: handleExpose,
-          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__ */ jsx4(Plus, { className: "h-4 w-4" }),
-            "Expose"
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/dashboard/process-list.tsx
-import * as React3 from "react";
-import { Activity, Plus as Plus2, Skull, Terminal as Terminal2 } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function formatUptime(startedAt) {
-  if (!startedAt) return "-";
-  const ms = Date.now() - new Date(startedAt).getTime();
-  if (Number.isNaN(ms) || ms < 0) return "-";
-  if (ms < 6e4) return `${Math.floor(ms / 1e3)}s`;
-  if (ms < 36e5) return `${Math.floor(ms / 6e4)}m`;
-  return `${Math.floor(ms / 36e5)}h ${Math.floor(ms % 36e5 / 6e4)}m`;
-}
-function ProcessList({ processes, onSpawn, onKill, loading = false, className }) {
-  const [newCommand, setNewCommand] = React3.useState("");
-  const handleSpawn = () => {
-    const cmd = newCommand.trim();
-    if (cmd) {
-      onSpawn(cmd);
-      setNewCommand("");
-    }
-  };
-  return /* @__PURE__ */ jsxs5("div", { className: cn("space-y-4", className), children: [
-    loading ? /* @__PURE__ */ jsxs5("div", { className: "rounded-lg border border-border bg-muted/20 p-6 text-center", children: [
-      /* @__PURE__ */ jsx5(Activity, { className: "mx-auto h-6 w-6 text-muted-foreground animate-spin mb-2" }),
-      /* @__PURE__ */ jsx5("p", { className: "text-sm text-muted-foreground", children: "Loading processes..." })
-    ] }) : processes.length > 0 ? /* @__PURE__ */ jsx5("div", { className: "rounded-lg border border-border overflow-hidden", children: /* @__PURE__ */ jsxs5("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ jsx5("thead", { className: "bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsxs5("tr", { children: [
-        /* @__PURE__ */ jsx5("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "PID" }),
-        /* @__PURE__ */ jsx5("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Command" }),
-        /* @__PURE__ */ jsx5("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Status" }),
-        /* @__PURE__ */ jsx5("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Uptime" }),
-        /* @__PURE__ */ jsx5("th", { className: "px-4 py-2.5 text-right text-xs font-medium text-muted-foreground w-20" })
-      ] }) }),
-      /* @__PURE__ */ jsx5("tbody", { className: "divide-y divide-border", children: processes.map((p) => /* @__PURE__ */ jsxs5("tr", { children: [
-        /* @__PURE__ */ jsx5("td", { className: "px-4 py-3 font-mono text-xs text-foreground", children: p.pid }),
-        /* @__PURE__ */ jsx5("td", { className: "px-4 py-3 font-mono text-xs text-foreground truncate max-w-[250px]", children: p.command }),
-        /* @__PURE__ */ jsx5("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx5("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__ */ jsx5("td", { className: "px-4 py-3 font-mono text-xs text-muted-foreground", children: formatUptime(p.startedAt) }),
-        /* @__PURE__ */ jsx5("td", { className: "px-4 py-3 text-right", children: p.running && /* @__PURE__ */ jsx5(
-          "button",
-          {
-            type: "button",
-            onClick: () => onKill(p.pid),
-            className: "p-1 text-muted-foreground hover:text-destructive transition-colors rounded",
-            title: "Kill process",
-            children: /* @__PURE__ */ jsx5(Skull, { className: "h-3.5 w-3.5" })
-          }
-        ) })
-      ] }, `${p.pid}-${p.startedAt ?? p.command}`)) })
-    ] }) }) : /* @__PURE__ */ jsxs5("div", { className: "rounded-lg border border-border bg-muted/20 p-6 text-center", children: [
-      /* @__PURE__ */ jsx5(Terminal2, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),
-      /* @__PURE__ */ jsx5("p", { className: "text-sm text-muted-foreground", children: "No processes running" })
-    ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx5(
-        "input",
-        {
-          type: "text",
-          placeholder: "Command (e.g. node server.js)",
-          value: newCommand,
-          onChange: (e) => setNewCommand(e.target.value),
-          onKeyDown: (e) => e.key === "Enter" && handleSpawn(),
-          className: "flex-1 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__ */ jsxs5(
-        "button",
-        {
-          type: "button",
-          onClick: handleSpawn,
-          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__ */ jsx5(Plus2, { className: "h-4 w-4" }),
-            "Spawn"
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/dashboard/network-config.tsx
-import * as React4 from "react";
-import { Network, Plus as Plus3, Trash2 as Trash22, ShieldAlert } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-function NetworkConfig({ config, onUpdate, loading = false, className }) {
-  const [newCidr, setNewCidr] = React4.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__ */ jsxs6("div", { className: cn("rounded-lg border border-border bg-muted/20 p-6 text-center", className), children: [
-      /* @__PURE__ */ jsx6(Network, { className: "mx-auto h-6 w-6 text-muted-foreground animate-pulse mb-2" }),
-      /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground", children: "Loading network configuration..." })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs6("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between rounded-lg border border-border bg-card px-4 py-3", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx6(ShieldAlert, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsxs6("div", { children: [
-          /* @__PURE__ */ jsx6("p", { className: "text-sm font-medium text-foreground", children: "Block Outbound Traffic" }),
-          /* @__PURE__ */ jsx6("p", { className: "text-xs text-muted-foreground", children: "Prevent the sandbox from making external network requests" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx6(
-        "button",
-        {
-          type: "button",
-          role: "switch",
-          "aria-checked": config.blockOutbound,
-          "aria-label": "Block outbound traffic",
-          onClick: () => onUpdate({ blockOutbound: !config.blockOutbound }),
-          className: cn(
-            "relative inline-flex h-6 w-11 items-center rounded-full transition-colors",
-            config.blockOutbound ? "bg-destructive" : "bg-muted"
-          ),
-          children: /* @__PURE__ */ jsx6(
-            "span",
-            {
-              className: cn(
-                "inline-block h-4 w-4 rounded-full bg-white transition-transform shadow-sm",
-                config.blockOutbound ? "translate-x-6" : "translate-x-1"
-              )
-            }
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs6("div", { children: [
-      /* @__PURE__ */ jsx6("h4", { className: "text-xs font-medium text-muted-foreground mb-2 uppercase tracking-wider", children: "Allowlist (CIDR)" }),
-      config.allowList.length > 0 ? /* @__PURE__ */ jsx6("div", { className: "space-y-1.5 mb-3", children: config.allowList.map((cidr) => /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between rounded border border-border bg-muted/20 px-3 py-2", children: [
-        /* @__PURE__ */ jsx6("span", { className: "font-mono text-xs text-foreground", children: cidr }),
-        /* @__PURE__ */ jsx6(
-          "button",
-          {
-            type: "button",
-            onClick: () => handleRemoveCidr(cidr),
-            className: "p-1 text-muted-foreground hover:text-destructive transition-colors rounded",
-            children: /* @__PURE__ */ jsx6(Trash22, { className: "h-3 w-3" })
-          }
-        )
-      ] }, cidr)) }) : /* @__PURE__ */ jsx6("p", { className: "text-xs text-muted-foreground mb-3", children: "No CIDR rules configured. All traffic is allowed." }),
-      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx6(
-          "input",
-          {
-            type: "text",
-            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 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__ */ jsxs6(
-          "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__ */ jsx6(Plus3, { className: "h-4 w-4" }),
-              "Add"
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-
-// src/dashboard/backend-config.tsx
-import * as React5 from "react";
-import { Bot, Plus as Plus4, RefreshCw, Trash2 as Trash23, Server, Wrench } from "lucide-react";
-import { Fragment, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-function BackendConfig({
-  status,
-  mcpServers,
-  onAddMcp,
-  onRemoveMcp,
-  onRestart,
-  loading = false,
-  className
-}) {
-  const [showAddMcp, setShowAddMcp] = React5.useState(false);
-  const [mcpName, setMcpName] = React5.useState("");
-  const [mcpCommand, setMcpCommand] = React5.useState("");
-  const [mcpArgs, setMcpArgs] = React5.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__ */ jsxs7("div", { className: cn("rounded-lg border border-border bg-muted/20 p-6 text-center", className), children: [
-      /* @__PURE__ */ jsx7(Bot, { className: "mx-auto h-6 w-6 text-muted-foreground animate-pulse mb-2" }),
-      /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground", children: "Loading backend status..." })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs7("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border border-border bg-card overflow-hidden", children: [
-      /* @__PURE__ */ jsxs7("div", { className: "px-4 py-3 border-b border-border bg-muted/30 flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx7("h4", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "Agent Status" }),
-        /* @__PURE__ */ jsxs7(
-          "button",
-          {
-            type: "button",
-            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__ */ jsx7(RefreshCw, { className: "h-3 w-3" }),
-              "Restart"
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx7("div", { className: "p-4", children: /* @__PURE__ */ jsxs7("dl", { className: "grid grid-cols-[100px_1fr] gap-y-3 text-sm", children: [
-        /* @__PURE__ */ jsx7("dt", { className: "text-muted-foreground", children: "Status" }),
-        /* @__PURE__ */ jsx7("dd", { children: /* @__PURE__ */ jsx7("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__ */ jsx7("dt", { className: "text-muted-foreground", children: "Model" }),
-        /* @__PURE__ */ jsx7("dd", { className: "font-mono text-xs", children: status.model ?? "Default" }),
-        status.provider && /* @__PURE__ */ jsxs7(Fragment, { children: [
-          /* @__PURE__ */ jsx7("dt", { className: "text-muted-foreground", children: "Provider" }),
-          /* @__PURE__ */ jsx7("dd", { className: "font-mono text-xs", children: status.provider })
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border border-border bg-card overflow-hidden", children: [
-      /* @__PURE__ */ jsxs7("div", { className: "px-4 py-3 border-b border-border bg-muted/30 flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs7("h4", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx7(Wrench, { className: "h-3.5 w-3.5" }),
-          "MCP Servers"
-        ] }),
-        /* @__PURE__ */ jsxs7(
-          "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__ */ jsx7(Plus4, { className: "h-3 w-3" }),
-              "Add"
-            ]
-          }
-        )
-      ] }),
-      mcpServers.length > 0 ? /* @__PURE__ */ jsx7("div", { className: "divide-y divide-border", children: mcpServers.map((s) => /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between px-4 py-3", children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3 min-w-0", children: [
-          /* @__PURE__ */ jsx7(Server, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
-          /* @__PURE__ */ jsxs7("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx7("p", { className: "text-sm font-medium text-foreground truncate", children: s.name }),
-            /* @__PURE__ */ jsxs7("p", { className: "text-xs font-mono text-muted-foreground truncate", children: [
-              s.command,
-              " ",
-              s.args?.join(" ") ?? ""
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 shrink-0", children: [
-          s.status && /* @__PURE__ */ jsx7("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__ */ jsx7(
-            "button",
-            {
-              type: "button",
-              onClick: () => onRemoveMcp(s.name),
-              className: "p-1 text-muted-foreground hover:text-destructive transition-colors rounded",
-              children: /* @__PURE__ */ jsx7(Trash23, { className: "h-3.5 w-3.5" })
-            }
-          )
-        ] })
-      ] }, s.name)) }) : /* @__PURE__ */ jsx7("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: "No MCP servers configured" }) }),
-      showAddMcp && /* @__PURE__ */ jsxs7("div", { className: "p-4 border-t border-border bg-muted/10 space-y-2", children: [
-        /* @__PURE__ */ jsx7(
-          "input",
-          {
-            type: "text",
-            placeholder: "Server name",
-            value: mcpName,
-            onChange: (e) => setMcpName(e.target.value),
-            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__ */ jsx7(
-          "input",
-          {
-            type: "text",
-            placeholder: "Command (e.g. npx @server/mcp)",
-            value: mcpCommand,
-            onChange: (e) => setMcpCommand(e.target.value),
-            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__ */ jsx7(
-          "input",
-          {
-            type: "text",
-            placeholder: "Arguments (space-separated, optional)",
-            value: mcpArgs,
-            onChange: (e) => setMcpArgs(e.target.value),
-            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__ */ jsxs7("div", { className: "flex justify-end gap-2 pt-1", children: [
-          /* @__PURE__ */ jsx7(
-            "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__ */ jsx7(
-            "button",
-            {
-              type: "button",
-              onClick: handleAddMcp,
-              disabled: !mcpName.trim() || !mcpCommand.trim(),
-              className: "rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50",
-              children: "Add Server"
-            }
-          )
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
-// src/dashboard/snapshot-list.tsx
-import * as React6 from "react";
-import { Camera, Clock as Clock2, HardDrive, Plus as Plus5, RotateCcw } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-function formatBytes(bytes) {
-  if (bytes == null || bytes < 0) return "-";
-  if (bytes === 0) return "0 B";
-  const k = 1024;
-  const sizes = ["B", "KB", "MB", "GB", "TB"];
-  const i = Math.min(Math.floor(Math.log(bytes) / Math.log(k)), sizes.length - 1);
-  return `${Number.parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;
-}
-function formatDate(dateStr) {
-  const d = new Date(dateStr);
-  if (Number.isNaN(d.getTime())) return dateStr;
-  return d.toLocaleDateString(void 0, { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" });
-}
-function SnapshotList({ snapshots, onCreate, onRestore, onSaveAsTemplate, loading = false, className }) {
-  const [showCreate, setShowCreate] = React6.useState(false);
-  const [tags, setTags] = React6.useState("");
-  const handleCreate = () => {
-    const tagList = tags.trim() ? tags.trim().split(",").map((t) => t.trim()).filter(Boolean) : void 0;
-    onCreate(tagList);
-    setTags("");
-    setShowCreate(false);
-  };
-  return /* @__PURE__ */ jsxs8("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx8("h3", { className: "text-sm font-bold text-foreground", children: "Snapshots" }),
-      /* @__PURE__ */ jsxs8(
-        "button",
-        {
-          type: "button",
-          onClick: () => setShowCreate(!showCreate),
-          className: "inline-flex items-center gap-1.5 rounded-lg bg-primary/20 border border-primary/30 px-3 py-1.5 text-xs font-medium text-primary hover:bg-primary hover:text-primary-foreground transition-colors",
-          children: [
-            /* @__PURE__ */ jsx8(Plus5, { className: "h-3.5 w-3.5" }),
-            "Create Snapshot"
-          ]
-        }
-      )
-    ] }),
-    showCreate && /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border border-primary/20 bg-primary/5 p-4 space-y-3", children: [
-      /* @__PURE__ */ jsx8("p", { className: "text-sm text-foreground font-medium", children: "Create a new snapshot of the current sandbox state." }),
-      /* @__PURE__ */ jsx8(
-        "input",
-        {
-          type: "text",
-          placeholder: "Tags (comma-separated, optional)",
-          value: tags,
-          onChange: (e) => setTags(e.target.value),
-          onKeyDown: (e) => e.key === "Enter" && handleCreate(),
-          className: "w-full rounded-lg border 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__ */ jsxs8("div", { className: "flex justify-end gap-2", children: [
-        /* @__PURE__ */ jsx8(
-          "button",
-          {
-            type: "button",
-            onClick: () => setShowCreate(false),
-            className: "rounded-md px-3 py-1.5 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors",
-            children: "Cancel"
-          }
-        ),
-        /* @__PURE__ */ jsxs8(
-          "button",
-          {
-            type: "button",
-            onClick: handleCreate,
-            className: "rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
-            children: [
-              /* @__PURE__ */ jsx8(Camera, { className: "h-3 w-3 mr-1.5 inline" }),
-              "Create"
-            ]
-          }
-        )
-      ] })
-    ] }),
-    loading ? /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border border-border bg-muted/20 p-6 text-center", children: [
-      /* @__PURE__ */ jsx8(Camera, { className: "mx-auto h-6 w-6 text-muted-foreground animate-pulse mb-2" }),
-      /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: "Loading snapshots..." })
-    ] }) : snapshots.length > 0 ? /* @__PURE__ */ jsx8("div", { className: "rounded-lg border border-border overflow-hidden", children: /* @__PURE__ */ jsxs8("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ jsx8("thead", { className: "bg-muted/30 border-b border-border", children: /* @__PURE__ */ jsxs8("tr", { children: [
-        /* @__PURE__ */ jsx8("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "ID" }),
-        /* @__PURE__ */ jsx8("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Created" }),
-        /* @__PURE__ */ jsx8("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Size" }),
-        /* @__PURE__ */ jsx8("th", { className: "px-4 py-2.5 text-left text-xs font-medium text-muted-foreground", children: "Tags" }),
-        /* @__PURE__ */ jsx8("th", { className: "px-4 py-2.5 text-right text-xs font-medium text-muted-foreground w-24" })
-      ] }) }),
-      /* @__PURE__ */ jsx8("tbody", { className: "divide-y divide-border", children: snapshots.map((s) => /* @__PURE__ */ jsxs8("tr", { children: [
-        /* @__PURE__ */ jsx8("td", { className: "px-4 py-3 font-mono text-xs text-foreground", children: s.id.slice(0, 12) }),
-        /* @__PURE__ */ jsx8("td", { className: "px-4 py-3 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs8("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx8(Clock2, { className: "h-3 w-3" }),
-          formatDate(s.createdAt)
-        ] }) }),
-        /* @__PURE__ */ jsx8("td", { className: "px-4 py-3 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs8("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx8(HardDrive, { className: "h-3 w-3" }),
-          formatBytes(s.sizeBytes)
-        ] }) }),
-        /* @__PURE__ */ jsx8("td", { className: "px-4 py-3", children: s.tags?.length ? /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-1 flex-wrap", children: s.tags.map((tag) => /* @__PURE__ */ jsx8("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__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: "-" }) }),
-        /* @__PURE__ */ jsx8("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-end gap-2", children: [
-          /* @__PURE__ */ jsxs8(
-            "button",
-            {
-              type: "button",
-              onClick: () => onRestore(s.id),
-              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__ */ jsx8(RotateCcw, { className: "h-3 w-3" }),
-                "Restore"
-              ]
-            }
-          ),
-          onSaveAsTemplate && /* @__PURE__ */ jsx8(
-            "button",
-            {
-              type: "button",
-              onClick: () => onSaveAsTemplate(s.id),
-              className: "inline-flex items-center gap-1.5 rounded-md bg-primary/10 px-2.5 py-1 text-xs font-medium text-primary hover:bg-primary/20 transition-colors border border-primary/20",
-              title: "Save as reusable template",
-              children: "Save as Template"
-            }
-          )
-        ] }) })
-      ] }, s.id)) })
-    ] }) }) : /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border border-border bg-muted/20 p-6 text-center", children: [
-      /* @__PURE__ */ jsx8(Camera, { className: "mx-auto h-8 w-8 text-muted-foreground mb-2" }),
-      /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: "No snapshots yet" }),
-      /* @__PURE__ */ jsx8("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 Fragment2, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
-function PromoBanner({
-  title,
-  description,
-  buttonLabel,
-  href,
-  onClick,
-  icon,
-  disabled = false,
-  className
-}) {
-  const buttonClasses = cn(
-    "mt-6 inline-flex items-center gap-2 rounded-md border border-white/20 bg-[var(--btn-primary-bg)] px-4 py-2 text-sm font-medium text-[var(--btn-primary-text)] transition-colors",
-    disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-[var(--btn-primary-hover)]"
-  );
-  const buttonContent = /* @__PURE__ */ jsxs9(Fragment2, { children: [
-    buttonLabel,
-    /* @__PURE__ */ jsxs9("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__ */ jsx9("path", { d: "M5 12h14" }),
-      /* @__PURE__ */ jsx9("path", { d: "m12 5 7 7-7 7" })
-    ] })
-  ] });
-  return /* @__PURE__ */ jsxs9("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__ */ jsxs9("div", { className: "relative z-10", children: [
-      /* @__PURE__ */ jsx9("h3", { className: "text-xl font-bold text-[var(--brand-strong-text)]", children: title }),
-      /* @__PURE__ */ jsx9("p", { className: "mt-2 max-w-md text-sm text-[var(--brand-strong-text-muted)]", children: description }),
-      href && !disabled ? /* @__PURE__ */ jsx9("a", { href, target: "_blank", rel: "noopener noreferrer", onClick, className: buttonClasses, children: buttonContent }) : /* @__PURE__ */ jsx9("button", { type: "button", onClick, disabled, className: buttonClasses, children: buttonContent })
-    ] }),
-    icon && /* @__PURE__ */ jsx9("div", { className: "relative z-10 mt-6 flex items-center md:mt-0", children: /* @__PURE__ */ jsx9("div", { className: "flex h-16 w-16 items-center justify-center rounded-2xl border border-white/10 bg-white/10", children: icon }) }),
-    /* @__PURE__ */ jsx9("div", { className: "pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-l from-white/5 to-transparent" })
-  ] });
-}
+} from "./chunk-DNZ4DTNA.js";
+import "./chunk-7ZA5SEK3.js";
+import "./chunk-EI44GEQ5.js";
 export {
   BackendConfig,
   BackendSelector,