@tangle-network/sandbox-ui 0.24.0 → 0.24.2

package/dist/pages.js

@@ -8,6 +8,12 @@ import {
 import {
   Badge,
   Button,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
   Input,
   Switch,
   Textarea
@@ -50,6 +56,7 @@ function AuthPage({
   providers = ["github", "google"],
   socialHref = (p) => `/api/auth/sign-in/social?provider=${p}&callbackURL=/app`,
   onEmailSubmit,
+  collectName,
   altHref,
   accent = "#0f172a",
   accentHover = "#1e293b",
@@ -58,11 +65,13 @@ function AuthPage({
   style,
   children
 }) {
+  const [name, setName] = useState("");
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [error, setError] = useState("");
   const [loading, setLoading] = useState(false);
   const isSignup = mode === "signup";
+  const showName = collectName ?? isSignup;
   const tangleLabel = isSignup ? "Sign up with Tangle" : "Continue with Tangle";
   const emailLabel = isSignup ? "Create account with email" : "Sign in with email";
   const handleSubmit = async (e) => {
@@ -71,7 +80,7 @@ function AuthPage({
     setLoading(true);
     setError("");
     try {
-      const err = await onEmailSubmit(email, password);
+      const err = await onEmailSubmit(email, password, name);
       if (err) setError(err);
     } catch {
       setError("Connection error \u2014 please try again");
@@ -181,6 +190,7 @@ function AuthPage({
                 /* @__PURE__ */ jsx("div", { style: { flex: 1, height: 1, background: C.border } })
               ] }),
               /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, style: { display: "flex", flexDirection: "column", gap: 12 }, children: [
+                showName && /* @__PURE__ */ jsx("input", { type: "text", required: true, "aria-label": "Name", placeholder: "Name", autoComplete: "name", value: name, onChange: (e) => setName(e.target.value), style: inputStyle }),
                 /* @__PURE__ */ jsx("input", { type: "email", required: true, "aria-label": "Email", placeholder: "Email", value: email, onChange: (e) => setEmail(e.target.value), style: inputStyle }),
                 /* @__PURE__ */ jsx("input", { type: "password", required: true, "aria-label": "Password", placeholder: "Password", value: password, onChange: (e) => setPassword(e.target.value), style: inputStyle }),
                 error && /* @__PURE__ */ jsx("p", { role: "alert", style: { fontSize: 14, color: "#b91c1c" }, children: error }),
@@ -458,19 +468,177 @@ function BillingPage({
 }
 
 // src/pages/provisioning-wizard.tsx
-import * as React2 from "react";
+import * as React3 from "react";
 import {
   ArrowLeft,
   Layers,
   Cpu,
   Info,
-  Loader2,
+  Loader2 as Loader22,
   Settings,
   Plus,
   Trash2,
   Check
 } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+
+// src/pages/add-ssh-key-dialog.tsx
+import * as React2 from "react";
+import { Loader2 } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var NAME_INPUT_ID = "add-ssh-key-name";
+var KEY_INPUT_ID = "add-ssh-key-public-key";
+var SSH_PUBLIC_KEY_PATTERN = /^(ssh-rsa|ssh-dss|ssh-ed25519|ecdsa-sha2-nistp256|ecdsa-sha2-nistp384|ecdsa-sha2-nistp521|sk-ecdsa-sha2-nistp256@openssh\.com|sk-ssh-ed25519@openssh\.com)\s+[A-Za-z0-9+/]+={0,3}(\s+.+)?$/;
+function validateSshPublicKey(value) {
+  const trimmed = value.trim();
+  if (!trimmed) return "Public key is required";
+  if (!SSH_PUBLIC_KEY_PATTERN.test(trimmed))
+    return "Enter a valid public key, e.g. ssh-ed25519 AAAAC3NzaC1lZDI1NTE5...";
+  return null;
+}
+function AddSshKeyDialog({
+  open,
+  onOpenChange,
+  onCreateKey,
+  onRefreshKeys,
+  onCreatedKeyId
+}) {
+  const [name, setName] = React2.useState("");
+  const [publicKey, setPublicKey] = React2.useState("");
+  const [errors, setErrors] = React2.useState({
+    name: null,
+    publicKey: null
+  });
+  const [submitError, setSubmitError] = React2.useState(null);
+  const [isSaving, setIsSaving] = React2.useState(false);
+  const resetForm = React2.useCallback(() => {
+    setName("");
+    setPublicKey("");
+    setErrors({ name: null, publicKey: null });
+    setSubmitError(null);
+  }, []);
+  const handleSave = async () => {
+    const nameError = name.trim() ? null : "Name is required";
+    const keyError = validateSshPublicKey(publicKey);
+    if (nameError || keyError) {
+      setErrors({ name: nameError, publicKey: keyError });
+      return;
+    }
+    setIsSaving(true);
+    setSubmitError(null);
+    try {
+      const created = await onCreateKey({
+        name: name.trim(),
+        publicKey: publicKey.trim()
+      });
+      if (onRefreshKeys) {
+        await onRefreshKeys();
+      }
+      if (created && created.id) {
+        onCreatedKeyId?.(created.id);
+      }
+      resetForm();
+      onOpenChange(false);
+    } catch (err) {
+      setSubmitError(
+        err instanceof Error ? err.message : "Failed to add SSH key"
+      );
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!isSaving) handleSave();
+  };
+  return /* @__PURE__ */ jsx3(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs3(DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ jsxs3(DialogHeader, { children: [
+      /* @__PURE__ */ jsx3(DialogTitle, { children: "Add SSH key" }),
+      /* @__PURE__ */ jsx3(DialogDescription, { children: "Save a public key to your account. It will be available to select for this and future sandboxes." })
+    ] }),
+    /* @__PURE__ */ jsxs3("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx3(
+          "label",
+          {
+            htmlFor: NAME_INPUT_ID,
+            className: "block text-xs font-medium uppercase tracking-[0.06em] text-muted-foreground",
+            children: "Name"
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            id: NAME_INPUT_ID,
+            name: "name",
+            type: "text",
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            placeholder: "My laptop",
+            autoComplete: "off",
+            "aria-invalid": errors.name ? true : void 0,
+            className: "w-full rounded-md border border-border bg-card px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+          }
+        ),
+        errors.name && /* @__PURE__ */ jsx3("p", { className: "text-xs text-destructive", children: errors.name })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx3(
+          "label",
+          {
+            htmlFor: KEY_INPUT_ID,
+            className: "block text-xs font-medium uppercase tracking-[0.06em] text-muted-foreground",
+            children: "Public key"
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          "textarea",
+          {
+            id: KEY_INPUT_ID,
+            name: "public-key",
+            value: publicKey,
+            onChange: (e) => setPublicKey(e.target.value),
+            placeholder: "ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAI...",
+            autoComplete: "off",
+            spellCheck: false,
+            "aria-invalid": errors.publicKey ? true : void 0,
+            className: "min-h-24 w-full resize-y rounded-md border border-border bg-card px-3 py-2 font-mono text-xs text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+          }
+        ),
+        errors.publicKey && /* @__PURE__ */ jsx3("p", { className: "text-xs text-destructive", children: errors.publicKey })
+      ] }),
+      submitError && /* @__PURE__ */ jsx3("p", { role: "alert", className: "text-sm text-destructive", children: submitError }),
+      /* @__PURE__ */ jsx3("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": "true", children: "Submit" })
+    ] }),
+    /* @__PURE__ */ jsxs3(DialogFooter, { children: [
+      /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "button",
+          onClick: () => onOpenChange(false),
+          disabled: isSaving,
+          className: "rounded-md border border-border bg-card px-4 py-2 text-sm font-medium text-foreground hover:bg-muted transition-colors disabled:opacity-50",
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsxs3(
+        "button",
+        {
+          type: "button",
+          onClick: handleSave,
+          disabled: isSaving,
+          className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-bold text-primary-foreground hover:bg-primary/90 transition-colors disabled:opacity-50 active:scale-[0.97]",
+          children: [
+            isSaving && /* @__PURE__ */ jsx3(Loader2, { className: "h-4 w-4 animate-spin" }),
+            isSaving ? "Saving..." : "Add key"
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// src/pages/provisioning-wizard.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var VALID_DRIVERS = /* @__PURE__ */ new Set([
   "docker",
   "firecracker",
@@ -523,7 +691,7 @@ function resolveEnvironment(env) {
       id: env.id,
       name: templateName,
       description: env.description ?? "User template from snapshot",
-      icon: /* @__PURE__ */ jsx3("span", { className: "text-[var(--surface-success-text)] text-2xl font-bold", children: "T" }),
+      icon: /* @__PURE__ */ jsx4("span", { className: "text-[var(--surface-success-text)] text-2xl font-bold", children: "T" }),
       color: "green"
     };
   }
@@ -536,7 +704,7 @@ function resolveEnvironment(env) {
     id: env.id,
     name,
     description: env.description ?? `${name} development environment`,
-    icon: /* @__PURE__ */ jsx3("span", { className: `${textClass} text-2xl font-bold`, children: abbr }),
+    icon: /* @__PURE__ */ jsx4("span", { className: `${textClass} text-2xl font-bold`, children: abbr }),
     color
   };
 }
@@ -545,21 +713,21 @@ var defaultEnvironments = [
     id: "node",
     name: "Node.js",
     description: "v20.x LTS with optimized runtime for asynchronous event-driven agents.",
-    icon: /* @__PURE__ */ jsx3("span", { className: "text-[var(--code-success)] text-2xl font-bold", children: "N" }),
+    icon: /* @__PURE__ */ jsx4("span", { className: "text-[var(--code-success)] text-2xl font-bold", children: "N" }),
     color: "green"
   },
   {
     id: "python",
     name: "Python",
     description: "v3.11 pre-installed with PyTorch and common data science libraries.",
-    icon: /* @__PURE__ */ jsx3("span", { className: "text-sky-400 text-2xl font-bold", children: "Py" }),
+    icon: /* @__PURE__ */ jsx4("span", { className: "text-sky-400 text-2xl font-bold", children: "Py" }),
     color: "blue"
   },
   {
     id: "ubuntu",
     name: "Ubuntu",
     description: "Full 22.04 LTS terminal access for custom containerized workloads.",
-    icon: /* @__PURE__ */ jsx3("span", { className: "text-orange-400 text-2xl font-bold", children: "U" }),
+    icon: /* @__PURE__ */ jsx4("span", { className: "text-orange-400 text-2xl font-bold", children: "U" }),
     color: "orange"
   }
 ];
@@ -630,47 +798,79 @@ function computeHourlyCost(cpu, ram, storage, rates) {
 }
 function SshAccessStep({ config }) {
   const keys = config.keys ?? [];
+  const canAddKey = typeof config.onCreateKey === "function";
+  const [isAddKeyOpen, setIsAddKeyOpen] = React3.useState(false);
   const inlineKeyCount = config.inlinePublicKeys.split(/\r?\n/).map((key) => key.trim()).filter(Boolean).length;
   const totalKeyCount = config.selectedKeyIds.length + inlineKeyCount;
-  return /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-start justify-between gap-4", children: [
-      /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx3("p", { className: "font-medium text-foreground text-sm", children: "SSH Access" }),
-        /* @__PURE__ */ jsx3("p", { className: "mt-1 text-muted-foreground text-xs", children: "Select stored keys or paste public keys for authorized_keys." })
+  return /* @__PURE__ */ jsxs4("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx4("p", { className: "font-medium text-foreground text-sm", children: "SSH Access" }),
+        /* @__PURE__ */ jsx4("p", { className: "mt-1 text-muted-foreground text-xs", children: "Select stored keys or paste public keys for authorized_keys." })
       ] }),
-      /* @__PURE__ */ jsxs3(Badge, { variant: "outline", children: [
-        totalKeyCount,
-        " key",
-        totalKeyCount === 1 ? "" : "s"
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+        canAddKey && /* @__PURE__ */ jsxs4(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: () => setIsAddKeyOpen(true),
+            children: [
+              /* @__PURE__ */ jsx4(Plus, { className: "h-3.5 w-3.5" }),
+              "Add SSH key"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs4(Badge, { variant: "outline", children: [
+          totalKeyCount,
+          " key",
+          totalKeyCount === 1 ? "" : "s"
+        ] })
       ] })
     ] }),
-    keys.length > 0 && /* @__PURE__ */ jsx3("div", { className: "grid gap-2 sm:grid-cols-2", children: keys.map((key) => {
+    keys.length > 0 && /* @__PURE__ */ jsx4("div", { className: "grid gap-2 sm:grid-cols-2", children: keys.map((key) => {
       const selected = config.selectedKeyIds.includes(key.id);
-      return /* @__PURE__ */ jsx3(
-        Button,
+      return /* @__PURE__ */ jsx4(
+        "button",
         {
           type: "button",
-          variant: selected ? "sandbox" : "outline",
-          className: "h-auto justify-start p-3 text-left",
           "aria-pressed": selected,
           onClick: () => {
             config.onSelectedKeyIdsChange(
               selected ? config.selectedKeyIds.filter((id) => id !== key.id) : [...config.selectedKeyIds, key.id]
             );
           },
-          children: /* @__PURE__ */ jsxs3("span", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx3("span", { className: "block font-medium text-foreground", children: key.name }),
-            /* @__PURE__ */ jsxs3("span", { className: "block truncate font-mono text-muted-foreground text-xs", children: [
-              key.keyType,
-              " \xB7 ",
-              key.fingerprint
-            ] })
+          className: cn(
+            "group p-3 text-left rounded-lg border transition-colors duration-200",
+            selected ? "bg-primary/5 border-primary ring-1 ring-primary/20" : "bg-card border-border hover:border-primary/30 active:scale-[0.99]"
+          ),
+          children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs4("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx4("span", { className: "block font-medium text-sm text-foreground", children: key.name }),
+              /* @__PURE__ */ jsxs4("span", { className: "block truncate font-mono text-muted-foreground text-xs", children: [
+                key.keyType,
+                " \xB7 ",
+                key.fingerprint
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx4(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: cn(
+                  "flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border-2 transition-colors duration-200",
+                  selected ? "border-primary bg-primary" : "border-border group-hover:border-primary/40"
+                ),
+                children: selected && /* @__PURE__ */ jsx4(Check, { className: "h-2.5 w-2.5 text-primary-foreground" })
+              }
+            )
           ] })
         },
         key.id
       );
     }) }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(
       Textarea,
       {
         className: "min-h-24 font-mono text-xs",
@@ -678,6 +878,18 @@ function SshAccessStep({ config }) {
         value: config.inlinePublicKeys,
         onChange: (event) => config.onInlinePublicKeysChange(event.target.value)
       }
+    ),
+    canAddKey && /* @__PURE__ */ jsx4(
+      AddSshKeyDialog,
+      {
+        open: isAddKeyOpen,
+        onOpenChange: setIsAddKeyOpen,
+        onCreateKey: config.onCreateKey,
+        onRefreshKeys: config.onRefreshKeys,
+        onCreatedKeyId: (id) => config.onSelectedKeyIdsChange(
+          config.selectedKeyIds.includes(id) ? config.selectedKeyIds : [...config.selectedKeyIds, id]
+        )
+      }
     )
   ] });
 }
@@ -687,10 +899,8 @@ function ProvisioningWizard({
   onSubmit,
   onBack,
   className,
-  variant = "flat",
   defaultEnvironment,
   defaultConfig,
-  skipToReview,
   onLoadStartupScripts,
   resourceLimits,
   sshAccess,
@@ -713,17 +923,17 @@ function ProvisioningWizard({
   const ramStep = alignSliderStep(RAM_MIN, ramMax, RAM_STEP);
   const storageStep = alignSliderStep(STORAGE_MIN, storageMax, STORAGE_STEP);
   const dc = defaultConfig;
-  const [envList, setEnvList] = React2.useState(() => {
+  const [envList, setEnvList] = React3.useState(() => {
     if (environmentsProp) return environmentsProp;
     if (onLoadEnvironments) return [];
     return defaultEnvironments;
   });
-  const [isLoadingEnvironments, setIsLoadingEnvironments] = React2.useState(
+  const [isLoadingEnvironments, setIsLoadingEnvironments] = React3.useState(
     () => !environmentsProp && !!onLoadEnvironments
   );
-  const onLoadEnvironmentsRef = React2.useRef(onLoadEnvironments);
+  const onLoadEnvironmentsRef = React3.useRef(onLoadEnvironments);
   onLoadEnvironmentsRef.current = onLoadEnvironments;
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     let cancelled = false;
     if (onLoadEnvironmentsRef.current) {
       setIsLoadingEnvironments(true);
@@ -749,10 +959,10 @@ function ProvisioningWizard({
   }, [environmentsProp]);
   const environments = envList;
   const effectiveDefault = dc?.environment ?? defaultEnvironment;
-  const [selectedEnv, setSelectedEnv] = React2.useState(
+  const [selectedEnv, setSelectedEnv] = React3.useState(
     effectiveDefault ?? environments[0]?.id ?? ""
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (envList.length === 0) return;
     if (effectiveDefault && envList.some((e) => e.id === effectiveDefault)) {
       setSelectedEnv(effectiveDefault);
@@ -763,38 +973,38 @@ function ProvisioningWizard({
       return envList[0]?.id ?? "";
     });
   }, [envList, effectiveDefault]);
-  const [cpuCores, setCpuCores] = React2.useState(
+  const [cpuCores, setCpuCores] = React3.useState(
     snapSliderValue(dc?.cpuCores ?? 4, CPU_MIN, cpuMax, cpuStep)
   );
-  const [ramGB, setRamGB] = React2.useState(
+  const [ramGB, setRamGB] = React3.useState(
     snapSliderValue(dc?.ramGB ?? 16, RAM_MIN, ramMax, ramStep)
   );
-  const [storageGB, setStorageGB] = React2.useState(
+  const [storageGB, setStorageGB] = React3.useState(
     snapSliderValue(dc?.storageGB ?? 128, STORAGE_MIN, storageMax, storageStep)
   );
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     setCpuCores((prev) => snapSliderValue(prev, CPU_MIN, cpuMax, cpuStep));
     setRamGB((prev) => snapSliderValue(prev, RAM_MIN, ramMax, ramStep));
     setStorageGB(
       (prev) => snapSliderValue(prev, STORAGE_MIN, storageMax, storageStep)
     );
   }, [cpuMax, ramMax, storageMax, cpuStep, ramStep, storageStep]);
-  const [name, setName] = React2.useState(dc?.name ?? "");
-  const [gitUrl, setGitUrl] = React2.useState(dc?.gitUrl ?? "");
-  const [envVars, setEnvVars] = React2.useState(dc?.envVars ?? [{ key: "", value: "" }]);
-  const [driver, setDriver] = React2.useState(dc?.driver ?? "docker");
-  const [bare, setBare] = React2.useState(dc?.bare ?? false);
-  const [startupScriptIds, setStartupScriptIds] = React2.useState(
+  const [name, setName] = React3.useState(dc?.name ?? "");
+  const [gitUrl, setGitUrl] = React3.useState(dc?.gitUrl ?? "");
+  const [envVars, setEnvVars] = React3.useState(dc?.envVars ?? [{ key: "", value: "" }]);
+  const [driver, setDriver] = React3.useState(dc?.driver ?? "docker");
+  const [bare, setBare] = React3.useState(dc?.bare ?? false);
+  const [startupScriptIds, setStartupScriptIds] = React3.useState(
     dc?.startupScriptIds ?? []
   );
-  const [availableScripts, setAvailableScripts] = React2.useState([]);
-  const [activePreset, setActivePreset] = React2.useState(null);
-  const [pricingView, setPricingView] = React2.useState("hourly");
-  const [showAdvanced, setShowAdvanced] = React2.useState(false);
-  const [loadError, setLoadError] = React2.useState(null);
-  const onLoadStartupScriptsRef = React2.useRef(onLoadStartupScripts);
+  const [availableScripts, setAvailableScripts] = React3.useState([]);
+  const [activePreset, setActivePreset] = React3.useState(null);
+  const [pricingView, setPricingView] = React3.useState("hourly");
+  const [showAdvanced, setShowAdvanced] = React3.useState(false);
+  const [loadError, setLoadError] = React3.useState(null);
+  const onLoadStartupScriptsRef = React3.useRef(onLoadStartupScripts);
   onLoadStartupScriptsRef.current = onLoadStartupScripts;
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     let cancelled = false;
     if (onLoadStartupScriptsRef.current) {
       onLoadStartupScriptsRef.current().then((scripts) => {
@@ -810,14 +1020,8 @@ function ProvisioningWizard({
       cancelled = true;
     };
   }, []);
-  const isMultistep = variant === "multistep";
-  const stepLabels = sshAccess ? ["Environment", "Resources", "Access"] : ["Environment", "Resources"];
-  const finalStep = stepLabels.length;
-  const [currentStep, setCurrentStep] = React2.useState(
-    skipToReview && dc && isMultistep ? finalStep : 1
-  );
-  const [isDeploying, setIsDeploying] = React2.useState(false);
-  const [deployError, setDeployError] = React2.useState(null);
+  const [isDeploying, setIsDeploying] = React3.useState(false);
+  const [deployError, setDeployError] = React3.useState(null);
   const handleDeploy = async () => {
     if (!onSubmit) return;
     setIsDeploying(true);
@@ -868,9 +1072,9 @@ function ProvisioningWizard({
       unlockLabel: unlockLabel ?? "Pro"
     };
   });
-  const didInitPresetFromDcRef = React2.useRef(false);
-  const lastLimitsRef = React2.useRef(null);
-  React2.useEffect(() => {
+  const didInitPresetFromDcRef = React3.useRef(false);
+  const lastLimitsRef = React3.useRef(null);
+  React3.useEffect(() => {
     const limitsUnchanged = lastLimitsRef.current !== null && lastLimitsRef.current.cpu === cpuMax && lastLimitsRef.current.ram === ramMax && lastLimitsRef.current.storage === storageMax;
     if (limitsUnchanged) return;
     lastLimitsRef.current = { cpu: cpuMax, ram: ramMax, storage: storageMax };
@@ -908,9 +1112,9 @@ function ProvisioningWizard({
   const pricingSuffix = pricingView === "hourly" ? "/ hour" : "/ sec";
   const rateSuffix = pricingView === "hourly" ? "/h" : "/s";
   const fmtRate = (v) => pricingView === "hourly" ? v.toFixed(2) : formatPerSecondValue(v);
-  return /* @__PURE__ */ jsxs3("div", { className: cn("max-w-6xl mx-auto flex flex-col", className), children: [
-    /* @__PURE__ */ jsxs3("div", { className: "mb-4 flex items-center gap-3 shrink-0", children: [
-      onBack && /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs4("div", { className: cn("max-w-6xl mx-auto flex flex-col", className), children: [
+    /* @__PURE__ */ jsxs4("div", { className: "mb-4 flex items-center gap-3 shrink-0", children: [
+      onBack && /* @__PURE__ */ jsx4(
         Button,
         {
           type: "button",
@@ -918,109 +1122,43 @@ function ProvisioningWizard({
           size: "icon",
           onClick: onBack,
           className: "h-9 w-9 shrink-0",
-          children: /* @__PURE__ */ jsx3(ArrowLeft, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx4(ArrowLeft, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx3("h1", { className: "text-2xl font-semibold tracking-tight text-foreground", children: "Sandbox Provisioning" }),
-        /* @__PURE__ */ jsx3("p", { className: "text-muted-foreground text-sm", children: "Select your stack, allocate resources, and deploy." })
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx4("h1", { className: "text-2xl font-semibold tracking-tight text-foreground", children: "Sandbox Provisioning" }),
+        /* @__PURE__ */ jsx4("p", { className: "text-muted-foreground text-sm", children: "Select your stack, allocate resources, and deploy." })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-12 gap-5 flex-1 min-h-0", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "col-span-12 xl:col-span-8 flex flex-col min-h-0", children: [
-        isMultistep && /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-2 mb-4 rounded-lg border border-border bg-card px-4 py-2 shadow-sm mx-auto max-w-2xl justify-between shrink-0", children: stepLabels.map((label, index) => {
-          const s = index + 1;
-          return /* @__PURE__ */ jsxs3("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ jsx3(
-              "div",
-              {
-                className: cn(
-                  "h-6 w-6 rounded-full flex items-center justify-center font-semibold text-xs shrink-0 transition-colors duration-200",
-                  currentStep >= s ? "bg-primary text-primary-foreground" : "bg-muted border border-border text-muted-foreground"
-                ),
-                children: currentStep > s ? /* @__PURE__ */ jsx3(Check, { className: "h-3 w-3" }) : s
-              }
-            ),
-            /* @__PURE__ */ jsx3(
-              "span",
-              {
-                className: cn(
-                  "ml-2 font-medium text-sm hidden sm:inline transition-colors duration-200",
-                  currentStep === s ? "text-foreground" : currentStep > s ? "text-primary" : "text-muted-foreground"
-                ),
-                children: label
-              }
-            ),
-            s < finalStep && /* @__PURE__ */ jsx3(
-              "div",
-              {
-                className: cn(
-                  "w-4 sm:w-8 h-px mx-2 sm:mx-3 transition-colors duration-300",
-                  currentStep > s ? "bg-primary" : "bg-border"
-                )
-              }
-            )
-          ] }, s);
-        }) }),
-        dc && isMultistep && /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between rounded-lg border border-border bg-card px-4 py-2.5 shadow-sm shrink-0 mb-4", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-sm", children: [
-            /* @__PURE__ */ jsx3(Info, { className: "h-4 w-4 text-primary shrink-0" }),
-            /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground", children: "Pre-configured from template." })
-          ] }),
-          /* @__PURE__ */ jsx3(
-            Button,
-            {
-              type: "button",
-              variant: "link",
-              onClick: () => {
-                setCurrentStep(1);
-                setSelectedEnv(environments[0]?.id ?? "");
-                setCpuCores(snapSliderValue(4, CPU_MIN, cpuMax, cpuStep));
-                setRamGB(snapSliderValue(16, RAM_MIN, ramMax, ramStep));
-                setStorageGB(
-                  snapSliderValue(128, STORAGE_MIN, storageMax, storageStep)
-                );
-                setName("");
-                setGitUrl("");
-                setEnvVars([{ key: "", value: "" }]);
-                setDriver("docker");
-                setBare(false);
-                setStartupScriptIds([]);
-                setActivePreset(null);
-                setPricingView("hourly");
-              },
-              className: "h-auto p-0 text-xs",
-              children: "Start from scratch"
-            }
-          )
-        ] }),
-        loadError && /* @__PURE__ */ jsxs3("div", { className: "rounded-lg border border-destructive/30 bg-destructive/10 p-3 flex items-center gap-2 shrink-0 mb-4", children: [
-          /* @__PURE__ */ jsx3(Info, { className: "h-4 w-4 text-destructive shrink-0" }),
-          /* @__PURE__ */ jsx3("p", { className: "text-sm font-medium text-destructive", children: loadError })
+    /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-12 gap-5 flex-1 min-h-0", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "col-span-12 xl:col-span-8 flex flex-col min-h-0", children: [
+        loadError && /* @__PURE__ */ jsxs4("div", { className: "rounded-lg border border-destructive/30 bg-destructive/10 p-3 flex items-center gap-2 shrink-0 mb-4", children: [
+          /* @__PURE__ */ jsx4(Info, { className: "h-4 w-4 text-destructive shrink-0" }),
+          /* @__PURE__ */ jsx4("p", { className: "text-sm font-medium text-destructive", children: loadError })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex-1 overflow-y-auto min-h-0 space-y-4", children: [
-          (!isMultistep || currentStep === 1) && /* @__PURE__ */ jsx3(React2.Fragment, { children: /* @__PURE__ */ jsxs3("section", { className: SECTION_CARD_CLASS, children: [
-            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 mb-4", children: [
-              /* @__PURE__ */ jsx3(Layers, { className: "h-4 w-4 text-primary shrink-0" }),
-              /* @__PURE__ */ jsx3("h2", { className: "text-sm font-semibold uppercase tracking-[0.06em] text-muted-foreground", children: "Environment Selection" })
+        /* @__PURE__ */ jsxs4("div", { className: "flex-1 overflow-y-auto min-h-0 space-y-4", children: [
+          /* @__PURE__ */ jsxs4("section", { className: SECTION_CARD_CLASS, children: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 mb-4", children: [
+              /* @__PURE__ */ jsx4(Layers, { className: "h-4 w-4 text-primary shrink-0" }),
+              /* @__PURE__ */ jsx4("h2", { className: "text-sm font-semibold uppercase tracking-[0.06em] text-muted-foreground", children: "Environment Selection" })
             ] }),
-            /* @__PURE__ */ jsx3("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-3", children: isLoadingEnvironments && environments.length === 0 ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs3(
+            /* @__PURE__ */ jsx4("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-3", children: isLoadingEnvironments && environments.length === 0 ? Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs4(
               "div",
               {
                 className: "p-3.5 rounded-lg border border-border bg-card/50 animate-pulse",
                 "aria-hidden": "true",
                 children: [
-                  /* @__PURE__ */ jsxs3("div", { className: "flex justify-between items-start mb-2.5", children: [
-                    /* @__PURE__ */ jsx3("div", { className: "w-10 h-10 rounded-full bg-muted/60 border border-border" }),
-                    /* @__PURE__ */ jsx3("div", { className: "w-4 h-4 rounded-full border-2 border-border" })
+                  /* @__PURE__ */ jsxs4("div", { className: "flex justify-between items-start mb-2.5", children: [
+                    /* @__PURE__ */ jsx4("div", { className: "w-10 h-10 rounded-full bg-muted/60 border border-border" }),
+                    /* @__PURE__ */ jsx4("div", { className: "w-4 h-4 rounded-full border-2 border-border" })
                   ] }),
-                  /* @__PURE__ */ jsx3("div", { className: "h-3 w-1/3 rounded bg-muted/60 mb-2" }),
-                  /* @__PURE__ */ jsx3("div", { className: "h-2.5 w-5/6 rounded bg-muted/50 mb-1.5" }),
-                  /* @__PURE__ */ jsx3("div", { className: "h-2.5 w-2/3 rounded bg-muted/50" })
+                  /* @__PURE__ */ jsx4("div", { className: "h-3 w-1/3 rounded bg-muted/60 mb-2" }),
+                  /* @__PURE__ */ jsx4("div", { className: "h-2.5 w-5/6 rounded bg-muted/50 mb-1.5" }),
+                  /* @__PURE__ */ jsx4("div", { className: "h-2.5 w-2/3 rounded bg-muted/50" })
                 ]
               },
               `env-skeleton-${i}`
-            )) : environments.map((env) => /* @__PURE__ */ jsxs3(
+            )) : environments.map((env) => /* @__PURE__ */ jsxs4(
               "button",
               {
                 type: "button",
@@ -1030,36 +1168,36 @@ function ProvisioningWizard({
                   selectedEnv === env.id ? "bg-primary/5 border-primary ring-1 ring-primary/20" : "bg-card border-border hover:border-primary/30 active:scale-[0.99]"
                 ),
                 children: [
-                  /* @__PURE__ */ jsxs3("div", { className: "flex justify-between items-start mb-2.5", children: [
-                    /* @__PURE__ */ jsx3("div", { className: "w-10 h-10 rounded-full flex items-center justify-center bg-muted/50 border border-border", children: env.icon }),
-                    /* @__PURE__ */ jsx3(
+                  /* @__PURE__ */ jsxs4("div", { className: "flex justify-between items-start mb-2.5", children: [
+                    /* @__PURE__ */ jsx4("div", { className: "w-10 h-10 rounded-full flex items-center justify-center bg-muted/50 border border-border", children: env.icon }),
+                    /* @__PURE__ */ jsx4(
                       "div",
                       {
                         className: cn(
                           "w-4 h-4 rounded-full border-2 flex items-center justify-center transition-colors duration-200",
                           selectedEnv === env.id ? "border-primary bg-primary" : "border-border group-hover:border-primary/40"
                         ),
-                        children: selectedEnv === env.id && /* @__PURE__ */ jsx3(Check, { className: "h-2.5 w-2.5 text-primary-foreground" })
+                        children: selectedEnv === env.id && /* @__PURE__ */ jsx4(Check, { className: "h-2.5 w-2.5 text-primary-foreground" })
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx3("h3", { className: "font-semibold text-sm mb-0.5 text-foreground", children: env.name }),
-                  /* @__PURE__ */ jsx3("p", { className: "text-xs text-muted-foreground leading-relaxed", children: env.description })
+                  /* @__PURE__ */ jsx4("h3", { className: "font-semibold text-sm mb-0.5 text-foreground", children: env.name }),
+                  /* @__PURE__ */ jsx4("p", { className: "text-xs text-muted-foreground leading-relaxed", children: env.description })
                 ]
               },
               env.id
             )) })
-          ] }) }),
-          (!isMultistep || currentStep === 2) && /* @__PURE__ */ jsx3(React2.Fragment, { children: /* @__PURE__ */ jsxs3("section", { className: SECTION_CARD_CLASS, children: [
-            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 mb-4", children: [
-              /* @__PURE__ */ jsx3(Cpu, { className: "h-4 w-4 text-primary shrink-0" }),
-              /* @__PURE__ */ jsx3("h2", { className: "text-sm font-semibold uppercase tracking-[0.06em] text-muted-foreground", children: "Resource Allocation" })
+          ] }),
+          /* @__PURE__ */ jsxs4("section", { className: SECTION_CARD_CLASS, children: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 mb-4", children: [
+              /* @__PURE__ */ jsx4(Cpu, { className: "h-4 w-4 text-primary shrink-0" }),
+              /* @__PURE__ */ jsx4("h2", { className: "text-sm font-semibold uppercase tracking-[0.06em] text-muted-foreground", children: "Resource Allocation" })
             ] }),
-            /* @__PURE__ */ jsxs3("div", { className: "mb-4", children: [
-              /* @__PURE__ */ jsx3("label", { className: cn(FIELD_LABEL_CLASS, "mb-2"), children: "Compute Presets" }),
-              /* @__PURE__ */ jsx3("div", { className: "grid grid-cols-3 gap-2", children: presets.map((p) => {
+            /* @__PURE__ */ jsxs4("div", { className: "mb-4", children: [
+              /* @__PURE__ */ jsx4("label", { className: cn(FIELD_LABEL_CLASS, "mb-2"), children: "Compute Presets" }),
+              /* @__PURE__ */ jsx4("div", { className: "grid grid-cols-3 gap-2", children: presets.map((p) => {
                 const active = activePreset === p.name && !p.locked;
-                return /* @__PURE__ */ jsxs3(
+                return /* @__PURE__ */ jsxs4(
                   "button",
                   {
                     type: "button",
@@ -1070,8 +1208,8 @@ function ProvisioningWizard({
                       active ? "bg-primary/5 border-primary ring-1 ring-primary/20" : p.locked ? "bg-muted/30 border-border opacity-60 cursor-not-allowed" : "bg-card border-border hover:border-primary/30 active:scale-[0.99]"
                     ),
                     children: [
-                      p.locked && /* @__PURE__ */ jsx3("div", { className: "absolute -top-1.5 -right-1.5 bg-primary text-primary-foreground text-[9px] font-semibold px-1.5 py-0.5 rounded-full uppercase tracking-wider", children: p.unlockLabel }),
-                      /* @__PURE__ */ jsx3(
+                      p.locked && /* @__PURE__ */ jsx4("div", { className: "absolute -top-1.5 -right-1.5 bg-primary text-primary-foreground text-[9px] font-semibold px-1.5 py-0.5 rounded-full uppercase tracking-wider", children: p.unlockLabel }),
+                      /* @__PURE__ */ jsx4(
                         "div",
                         {
                           className: cn(
@@ -1081,7 +1219,7 @@ function ProvisioningWizard({
                           children: p.name
                         }
                       ),
-                      /* @__PURE__ */ jsxs3("div", { className: "text-xs text-muted-foreground mt-0.5 font-mono", children: [
+                      /* @__PURE__ */ jsxs4("div", { className: "text-xs text-muted-foreground mt-0.5 font-mono", children: [
                         p.cpu,
                         " vCPU",
                         p.cpu === 1 ? "" : "s",
@@ -1098,7 +1236,7 @@ function ProvisioningWizard({
                 );
               }) })
             ] }),
-            /* @__PURE__ */ jsx3("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsx4("div", { className: "space-y-4", children: [
               {
                 label: "Compute Cores (CPU)",
                 value: cpuCores,
@@ -1129,12 +1267,12 @@ function ProvisioningWizard({
             ].map(
               ({ label, value, setter, min, max, step: s, unit }) => {
                 const displayUnit = unit === "vCPU" ? `${value} vCPU${value === 1 ? "" : "s"}` : `${value}${unit}`;
-                return /* @__PURE__ */ jsxs3("div", { children: [
-                  /* @__PURE__ */ jsxs3("div", { className: "flex justify-between items-end pb-1 mb-1.5", children: [
-                    /* @__PURE__ */ jsx3("label", { className: FIELD_LABEL_CLASS, children: label }),
-                    /* @__PURE__ */ jsx3("span", { className: "text-sm font-semibold text-foreground tabular-nums", children: displayUnit })
+                return /* @__PURE__ */ jsxs4("div", { children: [
+                  /* @__PURE__ */ jsxs4("div", { className: "flex justify-between items-end pb-1 mb-1.5", children: [
+                    /* @__PURE__ */ jsx4("label", { className: FIELD_LABEL_CLASS, children: label }),
+                    /* @__PURE__ */ jsx4("span", { className: "text-sm font-semibold text-foreground tabular-nums", children: displayUnit })
                   ] }),
-                  /* @__PURE__ */ jsx3(
+                  /* @__PURE__ */ jsx4(
                     "input",
                     {
                       type: "range",
@@ -1149,12 +1287,12 @@ function ProvisioningWizard({
                       className: "w-full h-1.5 rounded-full appearance-none cursor-pointer accent-primary [&::-webkit-slider-runnable-track]:bg-border [&::-webkit-slider-runnable-track]:rounded-full [&::-webkit-slider-runnable-track]:h-1.5 [&::-moz-range-track]:bg-border [&::-moz-range-track]:rounded-full [&::-moz-range-track]:h-1.5 [&::-webkit-slider-thumb]:bg-primary [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:-mt-[5px] [&::-webkit-slider-thumb]:shadow-sm [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-primary-foreground"
                     }
                   ),
-                  /* @__PURE__ */ jsxs3("div", { className: "flex justify-between text-[10px] font-mono text-muted-foreground/60 mt-1", children: [
-                    /* @__PURE__ */ jsxs3("span", { children: [
+                  /* @__PURE__ */ jsxs4("div", { className: "flex justify-between text-[10px] font-mono text-muted-foreground/60 mt-1", children: [
+                    /* @__PURE__ */ jsxs4("span", { children: [
                       min,
                       unit === "vCPU" ? min === 1 ? " vCPU" : " vCPUs" : unit
                     ] }),
-                    /* @__PURE__ */ jsxs3("span", { children: [
+                    /* @__PURE__ */ jsxs4("span", { children: [
                       max,
                       unit === "vCPU" ? max === 1 ? " vCPU" : " vCPUs" : unit
                     ] })
@@ -1162,25 +1300,25 @@ function ProvisioningWizard({
                 ] }, label);
               }
             ) })
-          ] }) }),
-          (!isMultistep || currentStep === 2) && /* @__PURE__ */ jsx3(React2.Fragment, { children: /* @__PURE__ */ jsx3("section", { className: SECTION_CARD_CLASS, children: /* @__PURE__ */ jsxs3("div", { children: [
-            /* @__PURE__ */ jsxs3(
+          ] }),
+          /* @__PURE__ */ jsx4("section", { className: SECTION_CARD_CLASS, children: /* @__PURE__ */ jsxs4("div", { children: [
+            /* @__PURE__ */ jsxs4(
               "button",
               {
                 type: "button",
                 onClick: () => setShowAdvanced(!showAdvanced),
                 className: "flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors text-sm font-medium focus:outline-none",
                 children: [
-                  /* @__PURE__ */ jsx3(Settings, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ jsx4(Settings, { className: "w-4 h-4" }),
                   showAdvanced ? "Hide Advanced Options" : "Show Advanced Options"
                 ]
               }
             ),
-            showAdvanced && /* @__PURE__ */ jsxs3("div", { className: "mt-4 space-y-4", children: [
-              /* @__PURE__ */ jsxs3("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsxs3("div", { children: [
-                  /* @__PURE__ */ jsx3("label", { className: cn(FIELD_LABEL_CLASS, "mb-1.5"), children: "Workspace Name" }),
-                  /* @__PURE__ */ jsx3(
+            showAdvanced && /* @__PURE__ */ jsxs4("div", { className: "mt-4 space-y-4", children: [
+              /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsxs4("div", { children: [
+                  /* @__PURE__ */ jsx4("label", { className: cn(FIELD_LABEL_CLASS, "mb-1.5"), children: "Workspace Name" }),
+                  /* @__PURE__ */ jsx4(
                     Input,
                     {
                       type: "text",
@@ -1192,9 +1330,9 @@ function ProvisioningWizard({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs3("div", { children: [
-                  /* @__PURE__ */ jsx3("label", { className: cn(FIELD_LABEL_CLASS, "mb-1.5"), children: "Virtualization Driver" }),
-                  /* @__PURE__ */ jsxs3(
+                /* @__PURE__ */ jsxs4("div", { children: [
+                  /* @__PURE__ */ jsx4("label", { className: cn(FIELD_LABEL_CLASS, "mb-1.5"), children: "Virtualization Driver" }),
+                  /* @__PURE__ */ jsxs4(
                     "select",
                     {
                       value: driver,
@@ -1206,8 +1344,8 @@ function ProvisioningWizard({
                       },
                       className: "w-full bg-card border border-border rounded-lg h-9 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent appearance-none",
                       children: [
-                        /* @__PURE__ */ jsx3("option", { value: "docker", className: "bg-gray-900", children: "Docker container (Default)" }),
-                        /* @__PURE__ */ jsx3(
+                        /* @__PURE__ */ jsx4("option", { value: "docker", className: "bg-gray-900", children: "Docker container (Default)" }),
+                        /* @__PURE__ */ jsx4(
                           "option",
                           {
                             value: "firecracker",
@@ -1215,15 +1353,15 @@ function ProvisioningWizard({
                             children: "Firecracker microVM (Secure)"
                           }
                         ),
-                        /* @__PURE__ */ jsx3("option", { value: "tangle", className: "bg-gray-900", children: "Tangle Distributed Node" })
+                        /* @__PURE__ */ jsx4("option", { value: "tangle", className: "bg-gray-900", children: "Tangle Distributed Node" })
                       ]
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs3("div", { children: [
-                /* @__PURE__ */ jsx3("label", { className: cn(FIELD_LABEL_CLASS, "mb-1.5"), children: "Git Repository URL" }),
-                /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsxs4("div", { children: [
+                /* @__PURE__ */ jsx4("label", { className: cn(FIELD_LABEL_CLASS, "mb-1.5"), children: "Git Repository URL" }),
+                /* @__PURE__ */ jsx4(
                   Input,
                   {
                     type: "text",
@@ -1234,10 +1372,10 @@ function ProvisioningWizard({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs3("div", { children: [
-                /* @__PURE__ */ jsxs3("div", { className: "flex justify-between items-center mb-1.5", children: [
-                  /* @__PURE__ */ jsx3("label", { className: FIELD_LABEL_CLASS, children: "Environment Variables" }),
-                  /* @__PURE__ */ jsxs3(
+              /* @__PURE__ */ jsxs4("div", { children: [
+                /* @__PURE__ */ jsxs4("div", { className: "flex justify-between items-center mb-1.5", children: [
+                  /* @__PURE__ */ jsx4("label", { className: FIELD_LABEL_CLASS, children: "Environment Variables" }),
+                  /* @__PURE__ */ jsxs4(
                     "button",
                     {
                       type: "button",
@@ -1247,15 +1385,15 @@ function ProvisioningWizard({
                       ]),
                       className: "flex items-center gap-1 text-xs text-primary hover:text-primary/70 transition-colors font-medium",
                       children: [
-                        /* @__PURE__ */ jsx3(Plus, { className: "h-3 w-3" }),
+                        /* @__PURE__ */ jsx4(Plus, { className: "h-3 w-3" }),
                         " Add Var"
                       ]
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
-                  envVars.map((env, i) => /* @__PURE__ */ jsxs3("div", { className: "flex gap-2", children: [
-                    /* @__PURE__ */ jsx3(
+                /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+                  envVars.map((env, i) => /* @__PURE__ */ jsxs4("div", { className: "flex gap-2", children: [
+                    /* @__PURE__ */ jsx4(
                       Input,
                       {
                         type: "text",
@@ -1269,7 +1407,7 @@ function ProvisioningWizard({
                         placeholder: "API_KEY"
                       }
                     ),
-                    /* @__PURE__ */ jsx3(
+                    /* @__PURE__ */ jsx4(
                       Input,
                       {
                         type: "password",
@@ -1283,7 +1421,7 @@ function ProvisioningWizard({
                         placeholder: "sk-xxxxxxxxxxx"
                       }
                     ),
-                    /* @__PURE__ */ jsx3(
+                    /* @__PURE__ */ jsx4(
                       Button,
                       {
                         type: "button",
@@ -1293,25 +1431,25 @@ function ProvisioningWizard({
                           envVars.filter((_, idx) => idx !== i)
                         ),
                         className: "h-9 w-9 shrink-0 text-destructive hover:bg-destructive/10 hover:border-destructive/30",
-                        children: /* @__PURE__ */ jsx3(Trash2, { className: "h-4 w-4" })
+                        children: /* @__PURE__ */ jsx4(Trash2, { className: "h-4 w-4" })
                       }
                     )
                   ] }, i)),
-                  envVars.length === 0 && /* @__PURE__ */ jsx3("div", { className: "text-center p-3 border border-dashed border-border rounded-lg text-muted-foreground/60 text-xs italic", children: "No environment variables set" })
+                  envVars.length === 0 && /* @__PURE__ */ jsx4("div", { className: "text-center p-3 border border-dashed border-border rounded-lg text-muted-foreground/60 text-xs italic", children: "No environment variables set" })
                 ] })
               ] }),
-              availableScripts.length > 0 && /* @__PURE__ */ jsxs3("div", { children: [
-                /* @__PURE__ */ jsx3("div", { className: cn(FIELD_LABEL_CLASS, "mb-1.5"), children: "Startup Scripts" }),
-                /* @__PURE__ */ jsx3("div", { className: "space-y-2", children: availableScripts.filter((s) => s.enabled).map((script) => {
+              availableScripts.length > 0 && /* @__PURE__ */ jsxs4("div", { children: [
+                /* @__PURE__ */ jsx4("div", { className: cn(FIELD_LABEL_CLASS, "mb-1.5"), children: "Startup Scripts" }),
+                /* @__PURE__ */ jsx4("div", { className: "space-y-2", children: availableScripts.filter((s) => s.enabled).map((script) => {
                   const selected = startupScriptIds.includes(
                     script.id
                   );
-                  return /* @__PURE__ */ jsxs3(
+                  return /* @__PURE__ */ jsxs4(
                     "label",
                     {
                       className: "flex items-start gap-3 cursor-pointer group rounded-lg border border-border p-3 transition-colors hover:border-primary/30",
                       children: [
-                        /* @__PURE__ */ jsx3(
+                        /* @__PURE__ */ jsx4(
                           "input",
                           {
                             type: "checkbox",
@@ -1324,15 +1462,15 @@ function ProvisioningWizard({
                             className: "mt-0.5 h-4 w-4 rounded border-border text-primary focus:ring-primary/30"
                           }
                         ),
-                        /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0", children: [
-                          /* @__PURE__ */ jsx3("div", { className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors", children: script.name }),
-                          script.description && /* @__PURE__ */ jsx3("div", { className: "text-xs text-muted-foreground mt-0.5", children: script.description }),
-                          script.injectSecrets.length > 0 && /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-1 mt-1.5", children: script.injectSecrets.map((s) => /* @__PURE__ */ jsxs3(
+                        /* @__PURE__ */ jsxs4("div", { className: "flex-1 min-w-0", children: [
+                          /* @__PURE__ */ jsx4("div", { className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors", children: script.name }),
+                          script.description && /* @__PURE__ */ jsx4("div", { className: "text-xs text-muted-foreground mt-0.5", children: script.description }),
+                          script.injectSecrets.length > 0 && /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-1 mt-1.5", children: script.injectSecrets.map((s) => /* @__PURE__ */ jsxs4(
                             "span",
                             {
                               className: "inline-flex items-center gap-0.5 rounded-full bg-muted px-2 py-0.5 text-[10px] text-muted-foreground",
                               children: [
-                                /* @__PURE__ */ jsxs3(
+                                /* @__PURE__ */ jsxs4(
                                   "svg",
                                   {
                                     className: "h-2.5 w-2.5",
@@ -1341,7 +1479,7 @@ function ProvisioningWizard({
                                     stroke: "currentColor",
                                     strokeWidth: "2",
                                     children: [
-                                      /* @__PURE__ */ jsx3(
+                                      /* @__PURE__ */ jsx4(
                                         "rect",
                                         {
                                           x: "3",
@@ -1352,7 +1490,7 @@ function ProvisioningWizard({
                                           ry: "2"
                                         }
                                       ),
-                                      /* @__PURE__ */ jsx3("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+                                      /* @__PURE__ */ jsx4("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
                                     ]
                                   }
                                 ),
@@ -1368,9 +1506,9 @@ function ProvisioningWizard({
                   );
                 }) })
               ] }),
-              /* @__PURE__ */ jsxs3("div", { className: "pt-3 border-t border-border flex items-start justify-between gap-3", children: [
-                /* @__PURE__ */ jsxs3("div", { children: [
-                  /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsxs4("div", { className: "pt-3 border-t border-border flex items-start justify-between gap-3", children: [
+                /* @__PURE__ */ jsxs4("div", { children: [
+                  /* @__PURE__ */ jsx4(
                     "label",
                     {
                       htmlFor: "wizard-bare-mode",
@@ -1378,9 +1516,9 @@ function ProvisioningWizard({
                       children: "Bare Mode"
                     }
                   ),
-                  /* @__PURE__ */ jsx3("p", { className: "text-xs text-muted-foreground mt-0.5", children: "Start as a raw container without an embedded AI Agent backend." })
+                  /* @__PURE__ */ jsx4("p", { className: "text-xs text-muted-foreground mt-0.5", children: "Start as a raw container without an embedded AI Agent backend." })
                 ] }),
-                /* @__PURE__ */ jsx3(
+                /* @__PURE__ */ jsx4(
                   Switch,
                   {
                     id: "wizard-bare-mode",
@@ -1391,28 +1529,28 @@ function ProvisioningWizard({
                 )
               ] })
             ] })
-          ] }) }) }),
-          sshAccess && (!isMultistep || currentStep === 3) && /* @__PURE__ */ jsx3(React2.Fragment, { children: /* @__PURE__ */ jsxs3("section", { className: SECTION_CARD_CLASS, children: [
-            /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 mb-4", children: [
-              /* @__PURE__ */ jsx3(Settings, { className: "h-4 w-4 text-primary shrink-0" }),
-              /* @__PURE__ */ jsx3("h2", { className: "text-sm font-semibold uppercase tracking-[0.06em] text-muted-foreground", children: "Access Configuration" })
+          ] }) }),
+          sshAccess && /* @__PURE__ */ jsxs4("section", { className: SECTION_CARD_CLASS, children: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 mb-4", children: [
+              /* @__PURE__ */ jsx4(Settings, { className: "h-4 w-4 text-primary shrink-0" }),
+              /* @__PURE__ */ jsx4("h2", { className: "text-sm font-semibold uppercase tracking-[0.06em] text-muted-foreground", children: "Access Configuration" })
             ] }),
-            /* @__PURE__ */ jsx3(SshAccessStep, { config: sshAccess })
-          ] }) })
+            /* @__PURE__ */ jsx4(SshAccessStep, { config: sshAccess })
+          ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs3("div", { className: "col-span-12 xl:col-span-4 sticky top-4 space-y-4", children: [
-        /* @__PURE__ */ jsxs3("div", { className: "rounded-lg border border-border bg-card p-5 shadow-sm", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "flex justify-between items-center mb-3", children: [
-            /* @__PURE__ */ jsx3("span", { className: FIELD_LABEL_CLASS, children: "Run Cost" }),
-            /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsxs4("div", { className: "col-span-12 xl:col-span-4 sticky top-4 space-y-4", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "rounded-lg border border-border bg-card p-5 shadow-sm", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "flex justify-between items-center mb-3", children: [
+            /* @__PURE__ */ jsx4("span", { className: FIELD_LABEL_CLASS, children: "Run Cost" }),
+            /* @__PURE__ */ jsxs4(
               "div",
               {
                 role: "group",
                 "aria-label": "Pricing view",
                 className: "inline-flex items-center rounded-md border border-border bg-muted/50 p-0.5",
                 children: [
-                  /* @__PURE__ */ jsx3(
+                  /* @__PURE__ */ jsx4(
                     "button",
                     {
                       type: "button",
@@ -1425,7 +1563,7 @@ function ProvisioningWizard({
                       children: "Per Hour"
                     }
                   ),
-                  /* @__PURE__ */ jsx3(
+                  /* @__PURE__ */ jsx4(
                     "button",
                     {
                       type: "button",
@@ -1442,8 +1580,8 @@ function ProvisioningWizard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs3("div", { className: "flex items-baseline gap-2 mb-4", children: [
-            /* @__PURE__ */ jsxs3(
+          /* @__PURE__ */ jsxs4("div", { className: "flex items-baseline gap-2 mb-4", children: [
+            /* @__PURE__ */ jsxs4(
               "span",
               {
                 className: cn(
@@ -1457,36 +1595,36 @@ function ProvisioningWizard({
               },
               pricingView
             ),
-            /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground text-sm", children: pricingSuffix })
+            /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground text-sm", children: pricingSuffix })
           ] }),
-          /* @__PURE__ */ jsxs3("div", { className: "space-y-2 rounded-md border border-border bg-muted/30 p-3", children: [
-            /* @__PURE__ */ jsxs3("div", { className: "flex justify-between text-xs font-mono tracking-wide text-muted-foreground", children: [
-              /* @__PURE__ */ jsx3("span", { children: "COMPUTE" }),
-              /* @__PURE__ */ jsxs3("span", { className: "text-foreground", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "space-y-2 rounded-md border border-border bg-muted/30 p-3", children: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex justify-between text-xs font-mono tracking-wide text-muted-foreground", children: [
+              /* @__PURE__ */ jsx4("span", { children: "COMPUTE" }),
+              /* @__PURE__ */ jsxs4("span", { className: "text-foreground", children: [
                 "$",
                 fmtRate(hourlyCostBreakdown.compute),
                 rateSuffix
               ] })
             ] }),
-            /* @__PURE__ */ jsxs3("div", { className: "flex justify-between text-xs font-mono tracking-wide text-muted-foreground", children: [
-              /* @__PURE__ */ jsx3("span", { children: "MEMORY" }),
-              /* @__PURE__ */ jsxs3("span", { className: "text-foreground/80", children: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex justify-between text-xs font-mono tracking-wide text-muted-foreground", children: [
+              /* @__PURE__ */ jsx4("span", { children: "MEMORY" }),
+              /* @__PURE__ */ jsxs4("span", { className: "text-foreground/80", children: [
                 "$",
                 fmtRate(hourlyCostBreakdown.memory),
                 rateSuffix
               ] })
             ] }),
-            /* @__PURE__ */ jsxs3("div", { className: "flex justify-between text-xs font-mono tracking-wide text-muted-foreground", children: [
-              /* @__PURE__ */ jsx3("span", { children: "STORAGE" }),
-              /* @__PURE__ */ jsxs3("span", { className: "text-foreground/80", children: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex justify-between text-xs font-mono tracking-wide text-muted-foreground", children: [
+              /* @__PURE__ */ jsx4("span", { children: "STORAGE" }),
+              /* @__PURE__ */ jsxs4("span", { className: "text-foreground/80", children: [
                 "$",
                 fmtRate(hourlyCostBreakdown.storage),
                 rateSuffix
               ] })
             ] }),
-            hourlyCostBreakdown.floorApplies && /* @__PURE__ */ jsxs3("div", { className: "flex justify-between text-xs font-mono tracking-wide text-primary border-t border-border pt-2", children: [
-              /* @__PURE__ */ jsx3("span", { children: "MIN CHARGE" }),
-              /* @__PURE__ */ jsxs3("span", { children: [
+            hourlyCostBreakdown.floorApplies && /* @__PURE__ */ jsxs4("div", { className: "flex justify-between text-xs font-mono tracking-wide text-primary border-t border-border pt-2", children: [
+              /* @__PURE__ */ jsx4("span", { children: "MIN CHARGE" }),
+              /* @__PURE__ */ jsxs4("span", { children: [
                 "$",
                 fmtRate(
                   hourlyCostBreakdown.floor - hourlyCostBreakdown.lineSum
@@ -1496,54 +1634,19 @@ function ProvisioningWizard({
             ] })
           ] })
         ] }),
-        deployError && /* @__PURE__ */ jsxs3("div", { className: "rounded-lg border border-destructive/30 bg-destructive/10 p-3 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx3(Info, { className: "h-4 w-4 text-destructive shrink-0" }),
-          /* @__PURE__ */ jsx3("p", { className: "text-sm font-medium text-destructive", children: deployError })
+        deployError && /* @__PURE__ */ jsxs4("div", { className: "rounded-lg border border-destructive/30 bg-destructive/10 p-3 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx4(Info, { className: "h-4 w-4 text-destructive shrink-0" }),
+          /* @__PURE__ */ jsx4("p", { className: "text-sm font-medium text-destructive", children: deployError })
         ] }),
-        /* @__PURE__ */ jsx3("div", { className: "space-y-2", children: isMultistep ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
-          currentStep < finalStep ? /* @__PURE__ */ jsxs3(
-            Button,
-            {
-              type: "button",
-              onClick: () => setCurrentStep((s) => s + 1),
-              className: "w-full",
-              children: [
-                "Continue to ",
-                stepLabels[currentStep]
-              ]
-            }
-          ) : /* @__PURE__ */ jsx3(
-            Button,
-            {
-              type: "button",
-              onClick: handleDeploy,
-              disabled: isDeploying || !selectedEnv,
-              className: "w-full",
-              children: isDeploying ? /* @__PURE__ */ jsxs3("span", { className: "flex items-center justify-center gap-2", children: [
-                /* @__PURE__ */ jsx3(Loader2, { className: "h-4 w-4 animate-spin" }),
-                "Deploying..."
-              ] }) : "Deploy Workspace"
-            }
-          ),
-          currentStep > 1 && /* @__PURE__ */ jsx3(
-            Button,
-            {
-              type: "button",
-              variant: "secondary",
-              onClick: () => setCurrentStep((s) => s - 1),
-              className: "w-full",
-              children: "Back"
-            }
-          )
-        ] }) : /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4("div", { className: "space-y-2", children: /* @__PURE__ */ jsx4(
           Button,
           {
             type: "button",
             onClick: handleDeploy,
             disabled: isDeploying || !selectedEnv,
             className: "w-full",
-            children: isDeploying ? /* @__PURE__ */ jsxs3("span", { className: "flex items-center justify-center gap-2", children: [
-              /* @__PURE__ */ jsx3(Loader2, { className: "h-4 w-4 animate-spin" }),
+            children: isDeploying ? /* @__PURE__ */ jsxs4("span", { className: "flex items-center justify-center gap-2", children: [
+              /* @__PURE__ */ jsx4(Loader22, { className: "h-4 w-4 animate-spin" }),
               "Spinning up environment..."
             ] }) : "Deploy Workspace"
           }
@@ -1554,10 +1657,10 @@ function ProvisioningWizard({
 }
 
 // src/pages/pricing-page.tsx
-import * as React3 from "react";
+import * as React4 from "react";
 import { Skeleton as Skeleton2, SkeletonCard as SkeletonCard2 } from "@tangle-network/ui/primitives";
 import { ChevronDown } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 async function fetchTiersFromApi(apiBasePath) {
   const res = await fetch(`${apiBasePath}/v1/billing/tiers`);
   if (!res.ok) throw new Error("Failed to fetch pricing tiers");
@@ -1589,14 +1692,14 @@ function StandalonePricingPage({
   eyebrow,
   className
 }) {
-  const [state, setState] = React3.useState({
+  const [state, setState] = React4.useState({
     tiers: initialTiers || [],
     loading: !initialTiers,
     error: null,
     billingPeriod: "monthly",
     selectingTier: false
   });
-  const loadTiers = React3.useCallback(async () => {
+  const loadTiers = React4.useCallback(async () => {
     setState((prev) => ({ ...prev, loading: true, error: null }));
     try {
       const tiers = fetchTiers ? await fetchTiers() : await fetchTiersFromApi(apiBasePath);
@@ -1609,12 +1712,12 @@ function StandalonePricingPage({
       }));
     }
   }, [apiBasePath, fetchTiers]);
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     if (!initialTiers) {
       loadTiers();
     }
   }, [initialTiers, loadTiers]);
-  const handleSelectTier = React3.useCallback(
+  const handleSelectTier = React4.useCallback(
     async (tierId) => {
       if (onSelectTier) {
         onSelectTier(tierId, state.billingPeriod);
@@ -1641,25 +1744,25 @@ function StandalonePricingPage({
     },
     [apiBasePath, state.billingPeriod, onSelectTier]
   );
-  return /* @__PURE__ */ jsxs4("div", { className: cn("mx-auto max-w-6xl px-6 py-16 space-y-16", className), children: [
-    /* @__PURE__ */ jsxs4("div", { className: "space-y-4 text-center", children: [
-      eyebrow && /* @__PURE__ */ jsx4("span", { className: "text-xs font-bold uppercase tracking-widest text-[var(--brand-emerald,#10B981)]", children: eyebrow }),
-      /* @__PURE__ */ jsx4("h1", { className: "text-4xl font-extrabold tracking-tight text-foreground sm:text-5xl font-display", children: title }),
-      /* @__PURE__ */ jsx4("p", { className: "mx-auto max-w-2xl text-lg text-muted-foreground", children: subtitle })
+  return /* @__PURE__ */ jsxs5("div", { className: cn("mx-auto max-w-6xl px-6 py-16 space-y-16", className), children: [
+    /* @__PURE__ */ jsxs5("div", { className: "space-y-4 text-center", children: [
+      eyebrow && /* @__PURE__ */ jsx5("span", { className: "text-xs font-bold uppercase tracking-widest text-[var(--brand-emerald,#10B981)]", children: eyebrow }),
+      /* @__PURE__ */ jsx5("h1", { className: "text-4xl font-extrabold tracking-tight text-foreground sm:text-5xl font-display", children: title }),
+      /* @__PURE__ */ jsx5("p", { className: "mx-auto max-w-2xl text-lg text-muted-foreground", children: subtitle })
     ] }),
-    state.loading ? /* @__PURE__ */ jsxs4("div", { className: "space-y-8", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-center gap-4", children: [
-        /* @__PURE__ */ jsx4(Skeleton2, { className: "h-10 w-24" }),
-        /* @__PURE__ */ jsx4(Skeleton2, { className: "h-10 w-24" })
+    state.loading ? /* @__PURE__ */ jsxs5("div", { className: "space-y-8", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-center gap-4", children: [
+        /* @__PURE__ */ jsx5(Skeleton2, { className: "h-10 w-24" }),
+        /* @__PURE__ */ jsx5(Skeleton2, { className: "h-10 w-24" })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-3", children: [
-        /* @__PURE__ */ jsx4(SkeletonCard2, { className: "h-[500px]" }),
-        /* @__PURE__ */ jsx4(SkeletonCard2, { className: "h-[500px]" }),
-        /* @__PURE__ */ jsx4(SkeletonCard2, { className: "h-[500px]" })
+      /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-3", children: [
+        /* @__PURE__ */ jsx5(SkeletonCard2, { className: "h-[500px]" }),
+        /* @__PURE__ */ jsx5(SkeletonCard2, { className: "h-[500px]" }),
+        /* @__PURE__ */ jsx5(SkeletonCard2, { className: "h-[500px]" })
       ] })
-    ] }) : state.error ? /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center justify-center space-y-4 rounded-xl border border-destructive/20 bg-destructive/5 p-8 text-center", children: [
-      /* @__PURE__ */ jsx4("p", { className: "text-destructive text-sm font-medium", children: state.error }),
-      /* @__PURE__ */ jsx4(
+    ] }) : state.error ? /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center justify-center space-y-4 rounded-xl border border-destructive/20 bg-destructive/5 p-8 text-center", children: [
+      /* @__PURE__ */ jsx5("p", { className: "text-destructive text-sm font-medium", children: state.error }),
+      /* @__PURE__ */ jsx5(
         "button",
         {
           type: "button",
@@ -1668,7 +1771,7 @@ function StandalonePricingPage({
           children: "Try Again"
         }
       )
-    ] }) : /* @__PURE__ */ jsx4(
+    ] }) : /* @__PURE__ */ jsx5(
       PricingPage,
       {
         tiers: state.tiers,
@@ -1679,14 +1782,14 @@ function StandalonePricingPage({
         loading: state.selectingTier
       }
     ),
-    /* @__PURE__ */ jsxs4("div", { className: "mx-auto max-w-2xl space-y-4 border-t border-border pt-12", children: [
-      /* @__PURE__ */ jsx4("h2", { className: "text-center text-xl font-bold text-foreground mb-6", children: "Frequently Asked Questions" }),
-      FAQ.map(({ q, a }) => /* @__PURE__ */ jsxs4("details", { className: "group rounded-xl border border-border bg-card overflow-hidden", children: [
-        /* @__PURE__ */ jsxs4("summary", { className: "flex cursor-pointer items-center justify-between px-6 py-4 font-medium text-foreground text-sm", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "mx-auto max-w-2xl space-y-4 border-t border-border pt-12", children: [
+      /* @__PURE__ */ jsx5("h2", { className: "text-center text-xl font-bold text-foreground mb-6", children: "Frequently Asked Questions" }),
+      FAQ.map(({ q, a }) => /* @__PURE__ */ jsxs5("details", { className: "group rounded-xl border border-border bg-card overflow-hidden", children: [
+        /* @__PURE__ */ jsxs5("summary", { className: "flex cursor-pointer items-center justify-between px-6 py-4 font-medium text-foreground text-sm", children: [
           q,
-          /* @__PURE__ */ jsx4(ChevronDown, { className: "h-4 w-4 text-muted-foreground transition-transform group-open:rotate-180" })
+          /* @__PURE__ */ jsx5(ChevronDown, { className: "h-4 w-4 text-muted-foreground transition-transform group-open:rotate-180" })
         ] }),
-        /* @__PURE__ */ jsx4("div", { className: "px-6 pb-4", children: /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground leading-relaxed", children: a }) })
+        /* @__PURE__ */ jsx5("div", { className: "px-6 pb-4", children: /* @__PURE__ */ jsx5("p", { className: "text-sm text-muted-foreground leading-relaxed", children: a }) })
       ] }, q))
     ] })
   ] });
@@ -1698,27 +1801,27 @@ import {
   ChevronRight,
   Copy,
   Edit2,
-  Loader2 as Loader22,
+  Loader2 as Loader23,
   Plus as Plus2,
   Search,
   Settings2,
   Trash2 as Trash22
 } from "lucide-react";
-import * as React4 from "react";
+import * as React5 from "react";
 import { Button as Button2 } from "@tangle-network/ui/primitives";
 import { Badge as Badge2 } from "@tangle-network/ui/primitives";
 import { Card } from "@tangle-network/ui/primitives";
 import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle
+  Dialog as Dialog2,
+  DialogContent as DialogContent2,
+  DialogDescription as DialogDescription2,
+  DialogFooter as DialogFooter2,
+  DialogHeader as DialogHeader2,
+  DialogTitle as DialogTitle2
 } from "@tangle-network/ui/primitives";
 import { EmptyState } from "@tangle-network/ui/primitives";
 import { Input as Input2 } from "@tangle-network/ui/primitives";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var TIER_LIMITS = {
   free: 3,
   starter: 10,
@@ -1732,24 +1835,24 @@ function ProfilesPage({
   onCompareClick,
   title = "Profiles"
 }) {
-  const [builtinProfiles, setBuiltinProfiles] = React4.useState([]);
-  const [customProfiles, setCustomProfiles] = React4.useState([]);
-  const [loading, setLoading] = React4.useState(true);
-  const [error, setError] = React4.useState(null);
-  const [searchQuery, setSearchQuery] = React4.useState("");
-  const [createDialogOpen, setCreateDialogOpen] = React4.useState(false);
-  const [editingProfile, setEditingProfile] = React4.useState(
+  const [builtinProfiles, setBuiltinProfiles] = React5.useState([]);
+  const [customProfiles, setCustomProfiles] = React5.useState([]);
+  const [loading, setLoading] = React5.useState(true);
+  const [error, setError] = React5.useState(null);
+  const [searchQuery, setSearchQuery] = React5.useState("");
+  const [createDialogOpen, setCreateDialogOpen] = React5.useState(false);
+  const [editingProfile, setEditingProfile] = React5.useState(
     null
   );
-  const [deletingProfile, setDeletingProfile] = React4.useState(
+  const [deletingProfile, setDeletingProfile] = React5.useState(
     null
   );
-  const [detailProfile, setDetailProfile] = React4.useState(
+  const [detailProfile, setDetailProfile] = React5.useState(
     null
   );
   const profileLimit = maxProfiles ?? TIER_LIMITS[tier] ?? 3;
   const canCreateMore = customProfiles.length < profileLimit;
-  const loadProfiles = React4.useCallback(async () => {
+  const loadProfiles = React5.useCallback(async () => {
     try {
       setLoading(true);
       setError(null);
@@ -1762,7 +1865,7 @@ function ProfilesPage({
       setLoading(false);
     }
   }, [apiClient]);
-  React4.useEffect(() => {
+  React5.useEffect(() => {
     loadProfiles();
   }, [loadProfiles]);
   const filteredBuiltin = builtinProfiles.filter(
@@ -1771,14 +1874,14 @@ function ProfilesPage({
   const filteredCustom = customProfiles.filter(
     (p) => p.name.toLowerCase().includes(searchQuery.toLowerCase()) || p.description?.toLowerCase().includes(searchQuery.toLowerCase())
   );
-  return /* @__PURE__ */ jsxs5("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("h1", { className: "font-semibold text-2xl", children: title }),
-        /* @__PURE__ */ jsx5("p", { className: "text-muted-foreground", children: "Customize agent behavior with system prompts, models, and instructions" })
+  return /* @__PURE__ */ jsxs6("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("h1", { className: "font-semibold text-2xl", children: title }),
+        /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground", children: "Customize agent behavior with system prompts, models, and instructions" })
       ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3", children: [
-        onCompareClick && customProfiles.length >= 2 && /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
+        onCompareClick && customProfiles.length >= 2 && /* @__PURE__ */ jsx6(
           Button2,
           {
             variant: "outline",
@@ -1786,30 +1889,30 @@ function ProfilesPage({
             children: "Compare Profiles"
           }
         ),
-        /* @__PURE__ */ jsxs5(
+        /* @__PURE__ */ jsxs6(
           Button2,
           {
             onClick: () => setCreateDialogOpen(true),
             disabled: !canCreateMore,
             children: [
-              /* @__PURE__ */ jsx5(Plus2, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ jsx6(Plus2, { className: "mr-2 h-4 w-4" }),
               "Create Profile"
             ]
           }
         )
       ] })
     ] }),
-    !canCreateMore && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 rounded-lg border border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] p-3 text-sm text-[var(--surface-warning-text)]", children: [
-      /* @__PURE__ */ jsx5(AlertCircle, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxs5("span", { children: [
+    !canCreateMore && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 rounded-lg border border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] p-3 text-sm text-[var(--surface-warning-text)]", children: [
+      /* @__PURE__ */ jsx6(AlertCircle, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxs6("span", { children: [
         "You've reached your profile limit (",
         profileLimit,
         " profiles). Upgrade your plan to create more."
       ] })
     ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "relative max-w-md", children: [
-      /* @__PURE__ */ jsx5(Search, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsxs6("div", { className: "relative max-w-md", children: [
+      /* @__PURE__ */ jsx6(Search, { className: "absolute top-1/2 left-3 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx6(
         Input2,
         {
           placeholder: "Search profiles...",
@@ -1819,33 +1922,33 @@ function ProfilesPage({
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 rounded-lg border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] p-3 text-[var(--surface-danger-text)] text-sm", children: [
-      /* @__PURE__ */ jsx5(AlertCircle, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx5("span", { children: error }),
-      /* @__PURE__ */ jsx5(Button2, { variant: "ghost", size: "sm", onClick: loadProfiles, children: "Retry" })
+    error && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 rounded-lg border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] p-3 text-[var(--surface-danger-text)] text-sm", children: [
+      /* @__PURE__ */ jsx6(AlertCircle, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx6("span", { children: error }),
+      /* @__PURE__ */ jsx6(Button2, { variant: "ghost", size: "sm", onClick: loadProfiles, children: "Retry" })
     ] }),
-    loading && /* @__PURE__ */ jsx5("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx5(Loader22, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
-    !loading && /* @__PURE__ */ jsxs5("div", { className: "space-y-8", children: [
-      /* @__PURE__ */ jsxs5("section", { children: [
-        /* @__PURE__ */ jsx5("div", { className: "mb-3 flex items-center justify-between", children: /* @__PURE__ */ jsxs5("h2", { className: "font-medium text-lg", children: [
+    loading && /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx6(Loader23, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
+    !loading && /* @__PURE__ */ jsxs6("div", { className: "space-y-8", children: [
+      /* @__PURE__ */ jsxs6("section", { children: [
+        /* @__PURE__ */ jsx6("div", { className: "mb-3 flex items-center justify-between", children: /* @__PURE__ */ jsxs6("h2", { className: "font-medium text-lg", children: [
           "Your Profiles (",
           customProfiles.length,
           "/",
           profileLimit === Number.POSITIVE_INFINITY ? "inf" : profileLimit,
           ")"
         ] }) }),
-        filteredCustom.length === 0 ? /* @__PURE__ */ jsx5(
+        filteredCustom.length === 0 ? /* @__PURE__ */ jsx6(
           EmptyState,
           {
-            icon: /* @__PURE__ */ jsx5(Settings2, { className: "h-8 w-8" }),
+            icon: /* @__PURE__ */ jsx6(Settings2, { className: "h-8 w-8" }),
             title: "No custom profiles yet",
             description: "Create a profile to customize agent behavior",
-            action: canCreateMore ? /* @__PURE__ */ jsxs5(Button2, { onClick: () => setCreateDialogOpen(true), children: [
-              /* @__PURE__ */ jsx5(Plus2, { className: "mr-2 h-4 w-4" }),
+            action: canCreateMore ? /* @__PURE__ */ jsxs6(Button2, { onClick: () => setCreateDialogOpen(true), children: [
+              /* @__PURE__ */ jsx6(Plus2, { className: "mr-2 h-4 w-4" }),
               "Create Profile"
             ] }) : void 0
           }
-        ) : /* @__PURE__ */ jsx5("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: filteredCustom.map((profile) => /* @__PURE__ */ jsx5(
+        ) : /* @__PURE__ */ jsx6("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: filteredCustom.map((profile) => /* @__PURE__ */ jsx6(
           ProfileCard,
           {
             profile,
@@ -1856,13 +1959,13 @@ function ProfilesPage({
           profile.id
         )) })
       ] }),
-      /* @__PURE__ */ jsxs5("section", { children: [
-        /* @__PURE__ */ jsx5("div", { className: "mb-3 flex items-center justify-between", children: /* @__PURE__ */ jsxs5("h2", { className: "font-medium text-lg", children: [
+      /* @__PURE__ */ jsxs6("section", { children: [
+        /* @__PURE__ */ jsx6("div", { className: "mb-3 flex items-center justify-between", children: /* @__PURE__ */ jsxs6("h2", { className: "font-medium text-lg", children: [
           "Built-in Profiles (",
           builtinProfiles.length,
           ")"
         ] }) }),
-        filteredBuiltin.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "text-muted-foreground text-sm", children: "No matching built-in profiles" }) : /* @__PURE__ */ jsx5("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: filteredBuiltin.map((profile) => /* @__PURE__ */ jsx5(
+        filteredBuiltin.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground text-sm", children: "No matching built-in profiles" }) : /* @__PURE__ */ jsx6("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: filteredBuiltin.map((profile) => /* @__PURE__ */ jsx6(
           ProfileCard,
           {
             profile,
@@ -1873,7 +1976,7 @@ function ProfilesPage({
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       ProfileFormDialog,
       {
         open: createDialogOpen || !!editingProfile,
@@ -1891,7 +1994,7 @@ function ProfilesPage({
         }
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       DeleteProfileDialog,
       {
         profile: deletingProfile,
@@ -1903,7 +2006,7 @@ function ProfilesPage({
         }
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(
       ProfileDetailDialog,
       {
         profile: detailProfile,
@@ -1932,61 +2035,61 @@ function ProfileCard({
   onDelete,
   isBuiltin
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     Card,
     {
       className: "cursor-pointer p-4 transition-colors hover:border-border/80",
       onClick: onView,
       children: [
-        /* @__PURE__ */ jsxs5("div", { className: "flex items-start justify-between", children: [
-          /* @__PURE__ */ jsxs5("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx5("h3", { className: "font-medium", children: profile.name }),
-              isBuiltin && /* @__PURE__ */ jsx5(Badge2, { variant: "secondary", className: "border-0 text-xs", children: "Built-in" }),
-              profile.is_public && !isBuiltin && /* @__PURE__ */ jsx5(Badge2, { className: "border border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)] text-xs", children: "Public" })
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-start justify-between", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx6("h3", { className: "font-medium", children: profile.name }),
+              isBuiltin && /* @__PURE__ */ jsx6(Badge2, { variant: "secondary", className: "border-0 text-xs", children: "Built-in" }),
+              profile.is_public && !isBuiltin && /* @__PURE__ */ jsx6(Badge2, { className: "border border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)] text-xs", children: "Public" })
             ] }),
-            profile.description && /* @__PURE__ */ jsx5("p", { className: "mt-1 line-clamp-2 text-muted-foreground text-sm", children: profile.description })
+            profile.description && /* @__PURE__ */ jsx6("p", { className: "mt-1 line-clamp-2 text-muted-foreground text-sm", children: profile.description })
           ] }),
-          !isBuiltin && /* @__PURE__ */ jsxs5("div", { className: "flex gap-1", onClick: (e) => e.stopPropagation(), children: [
-            onEdit && /* @__PURE__ */ jsx5(
+          !isBuiltin && /* @__PURE__ */ jsxs6("div", { className: "flex gap-1", onClick: (e) => e.stopPropagation(), children: [
+            onEdit && /* @__PURE__ */ jsx6(
               Button2,
               {
                 variant: "ghost",
                 size: "icon",
                 onClick: onEdit,
                 "aria-label": "Edit profile",
-                children: /* @__PURE__ */ jsx5(Edit2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx6(Edit2, { className: "h-4 w-4" })
               }
             ),
-            onDelete && /* @__PURE__ */ jsx5(
+            onDelete && /* @__PURE__ */ jsx6(
               Button2,
               {
                 variant: "ghost",
                 size: "icon",
                 onClick: onDelete,
                 "aria-label": "Delete profile",
-                children: /* @__PURE__ */ jsx5(Trash22, { className: "h-4 w-4 text-[var(--surface-danger-text)]" })
+                children: /* @__PURE__ */ jsx6(Trash22, { className: "h-4 w-4 text-[var(--surface-danger-text)]" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "mt-3 flex flex-wrap gap-2", children: [
-          profile.extends && /* @__PURE__ */ jsxs5(Badge2, { variant: "outline", className: "text-xs", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+          profile.extends && /* @__PURE__ */ jsxs6(Badge2, { variant: "outline", className: "text-xs", children: [
             "extends ",
             profile.extends
           ] }),
-          profile.model && /* @__PURE__ */ jsx5(Badge2, { variant: "outline", className: "text-xs", children: profile.model.split("/").pop() })
+          profile.model && /* @__PURE__ */ jsx6(Badge2, { variant: "outline", className: "text-xs", children: profile.model.split("/").pop() })
         ] }),
-        profile.metrics && profile.metrics.total_runs > 0 && /* @__PURE__ */ jsxs5("div", { className: "mt-3 flex gap-4 border-border border-t pt-3 text-muted-foreground text-xs", children: [
-          /* @__PURE__ */ jsxs5("span", { children: [
+        profile.metrics && profile.metrics.total_runs > 0 && /* @__PURE__ */ jsxs6("div", { className: "mt-3 flex gap-4 border-border border-t pt-3 text-muted-foreground text-xs", children: [
+          /* @__PURE__ */ jsxs6("span", { children: [
             profile.metrics.total_runs,
             " runs"
           ] }),
-          /* @__PURE__ */ jsxs5("span", { children: [
+          /* @__PURE__ */ jsxs6("span", { children: [
             profile.metrics.success_rate.toFixed(0),
             "% success"
           ] }),
-          /* @__PURE__ */ jsxs5("span", { children: [
+          /* @__PURE__ */ jsxs6("span", { children: [
             "~",
             (profile.metrics.avg_duration_ms / 1e3).toFixed(1),
             "s avg"
@@ -2005,7 +2108,7 @@ function ProfileFormDialog({
   onSuccess
 }) {
   const isEditing = !!profile?.id;
-  const [formData, setFormData] = React4.useState({
+  const [formData, setFormData] = React5.useState({
     name: "",
     description: "",
     extends: "",
@@ -2015,9 +2118,9 @@ function ProfileFormDialog({
     tags: [],
     is_public: false
   });
-  const [saving, setSaving] = React4.useState(false);
-  const [error, setError] = React4.useState(null);
-  React4.useEffect(() => {
+  const [saving, setSaving] = React5.useState(false);
+  const [error, setError] = React5.useState(null);
+  React5.useEffect(() => {
     if (profile) {
       setFormData({
         name: profile.name,
@@ -2073,19 +2176,19 @@ function ProfileFormDialog({
       setSaving(false);
     }
   };
-  return /* @__PURE__ */ jsx5(Dialog, { open, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxs5(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ jsxs5(DialogHeader, { children: [
-      /* @__PURE__ */ jsx5(DialogTitle, { children: isEditing ? "Edit Profile" : "Create Profile" }),
-      /* @__PURE__ */ jsx5(DialogDescription, { children: isEditing ? "Update your custom profile configuration" : "Create a new profile to customize agent behavior" })
+  return /* @__PURE__ */ jsx6(Dialog2, { open, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxs6(DialogContent2, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs6(DialogHeader2, { children: [
+      /* @__PURE__ */ jsx6(DialogTitle2, { children: isEditing ? "Edit Profile" : "Create Profile" }),
+      /* @__PURE__ */ jsx6(DialogDescription2, { children: isEditing ? "Update your custom profile configuration" : "Create a new profile to customize agent behavior" })
     ] }),
-    /* @__PURE__ */ jsxs5("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      error && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 rounded-lg border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] p-3 text-[var(--surface-danger-text)] text-sm", children: [
-        /* @__PURE__ */ jsx5(AlertCircle, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx5("span", { children: error })
+    /* @__PURE__ */ jsxs6("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      error && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 rounded-lg border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] p-3 text-[var(--surface-danger-text)] text-sm", children: [
+        /* @__PURE__ */ jsx6(AlertCircle, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx6("span", { children: error })
       ] }),
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("label", { className: "mb-1 block font-medium text-sm", children: "Name *" }),
-        /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("label", { className: "mb-1 block font-medium text-sm", children: "Name *" }),
+        /* @__PURE__ */ jsx6(
           Input2,
           {
             value: formData.name,
@@ -2097,9 +2200,9 @@ function ProfileFormDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("label", { className: "mb-1 block font-medium text-sm", children: "Description" }),
-        /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("label", { className: "mb-1 block font-medium text-sm", children: "Description" }),
+        /* @__PURE__ */ jsx6(
           Input2,
           {
             value: formData.description,
@@ -2108,17 +2211,17 @@ function ProfileFormDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("label", { className: "mb-1 block font-medium text-sm", children: "Extends (base profile)" }),
-        /* @__PURE__ */ jsxs5(
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("label", { className: "mb-1 block font-medium text-sm", children: "Extends (base profile)" }),
+        /* @__PURE__ */ jsxs6(
           "select",
           {
             value: formData.extends,
             onChange: (e) => setFormData((d) => ({ ...d, extends: e.target.value })),
             className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm",
             children: [
-              /* @__PURE__ */ jsx5("option", { value: "", children: "None (start from scratch)" }),
-              builtinProfiles.map((p) => /* @__PURE__ */ jsxs5("option", { value: p.name, children: [
+              /* @__PURE__ */ jsx6("option", { value: "", children: "None (start from scratch)" }),
+              builtinProfiles.map((p) => /* @__PURE__ */ jsxs6("option", { value: p.name, children: [
                 p.name,
                 " - ",
                 p.description ?? "Built-in profile"
@@ -2127,9 +2230,9 @@ function ProfileFormDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("label", { className: "mb-1 block font-medium text-sm", children: "Model" }),
-        /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("label", { className: "mb-1 block font-medium text-sm", children: "Model" }),
+        /* @__PURE__ */ jsx6(
           Input2,
           {
             value: formData.model,
@@ -2137,11 +2240,11 @@ function ProfileFormDialog({
             placeholder: "anthropic/claude-sonnet-4"
           }
         ),
-        /* @__PURE__ */ jsx5("p", { className: "mt-1 text-muted-foreground text-xs", children: "Format: provider/model-id (e.g., anthropic/claude-sonnet-4)" })
+        /* @__PURE__ */ jsx6("p", { className: "mt-1 text-muted-foreground text-xs", children: "Format: provider/model-id (e.g., anthropic/claude-sonnet-4)" })
       ] }),
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("label", { className: "mb-1 block font-medium text-sm", children: "System Prompt" }),
-        /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("label", { className: "mb-1 block font-medium text-sm", children: "System Prompt" }),
+        /* @__PURE__ */ jsx6(
           "textarea",
           {
             value: formData.system_prompt,
@@ -2152,9 +2255,9 @@ function ProfileFormDialog({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("label", { className: "mb-1 block font-medium text-sm", children: "Tags" }),
-        /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("label", { className: "mb-1 block font-medium text-sm", children: "Tags" }),
+        /* @__PURE__ */ jsx6(
           Input2,
           {
             value: formData.tags?.join(", "),
@@ -2165,10 +2268,10 @@ function ProfileFormDialog({
             placeholder: "trading, aggressive, experimental"
           }
         ),
-        /* @__PURE__ */ jsx5("p", { className: "mt-1 text-muted-foreground text-xs", children: "Comma-separated tags for organization" })
+        /* @__PURE__ */ jsx6("p", { className: "mt-1 text-muted-foreground text-xs", children: "Comma-separated tags for organization" })
       ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx6(
           "input",
           {
             type: "checkbox",
@@ -2178,12 +2281,12 @@ function ProfileFormDialog({
             className: "rounded border-border"
           }
         ),
-        /* @__PURE__ */ jsx5("label", { htmlFor: "is_public", className: "text-sm", children: "Make this profile public (visible to other users)" })
+        /* @__PURE__ */ jsx6("label", { htmlFor: "is_public", className: "text-sm", children: "Make this profile public (visible to other users)" })
       ] }),
-      /* @__PURE__ */ jsxs5(DialogFooter, { children: [
-        /* @__PURE__ */ jsx5(Button2, { type: "button", variant: "outline", onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ jsxs5(Button2, { type: "submit", disabled: saving || !formData.name, children: [
-          saving && /* @__PURE__ */ jsx5(Loader22, { className: "mr-2 h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ jsxs6(DialogFooter2, { children: [
+        /* @__PURE__ */ jsx6(Button2, { type: "button", variant: "outline", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ jsxs6(Button2, { type: "submit", disabled: saving || !formData.name, children: [
+          saving && /* @__PURE__ */ jsx6(Loader23, { className: "mr-2 h-4 w-4 animate-spin" }),
           isEditing ? "Save Changes" : "Create Profile"
         ] })
       ] })
@@ -2196,8 +2299,8 @@ function DeleteProfileDialog({
   apiClient,
   onSuccess
 }) {
-  const [deleting, setDeleting] = React4.useState(false);
-  const [error, setError] = React4.useState(null);
+  const [deleting, setDeleting] = React5.useState(false);
+  const [error, setError] = React5.useState(null);
   const handleDelete = async () => {
     if (!profile) return;
     setError(null);
@@ -2211,34 +2314,34 @@ function DeleteProfileDialog({
       setDeleting(false);
     }
   };
-  return /* @__PURE__ */ jsx5(Dialog, { open: !!profile, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxs5(DialogContent, { children: [
-    /* @__PURE__ */ jsxs5(DialogHeader, { children: [
-      /* @__PURE__ */ jsx5(DialogTitle, { children: "Delete Profile" }),
-      /* @__PURE__ */ jsxs5(DialogDescription, { children: [
+  return /* @__PURE__ */ jsx6(Dialog2, { open: !!profile, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxs6(DialogContent2, { children: [
+    /* @__PURE__ */ jsxs6(DialogHeader2, { children: [
+      /* @__PURE__ */ jsx6(DialogTitle2, { children: "Delete Profile" }),
+      /* @__PURE__ */ jsxs6(DialogDescription2, { children: [
         'Are you sure you want to delete "',
         profile?.name,
         '"? This action cannot be undone.'
       ] })
     ] }),
-    error && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 rounded-lg border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] p-3 text-[var(--surface-danger-text)] text-sm", children: [
-      /* @__PURE__ */ jsx5(AlertCircle, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx5("span", { children: error })
+    error && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 rounded-lg border border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] p-3 text-[var(--surface-danger-text)] text-sm", children: [
+      /* @__PURE__ */ jsx6(AlertCircle, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx6("span", { children: error })
     ] }),
-    profile?.metrics && profile.metrics.total_runs > 0 && /* @__PURE__ */ jsxs5("div", { className: "rounded-lg border border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] p-3 text-sm text-[var(--surface-warning-text)]", children: [
+    profile?.metrics && profile.metrics.total_runs > 0 && /* @__PURE__ */ jsxs6("div", { className: "rounded-lg border border-[var(--surface-warning-border)] bg-[var(--surface-warning-bg)] p-3 text-sm text-[var(--surface-warning-text)]", children: [
       "This profile has ",
       profile.metrics.total_runs,
       " recorded runs. Deleting it will lose all performance metrics."
     ] }),
-    /* @__PURE__ */ jsxs5(DialogFooter, { children: [
-      /* @__PURE__ */ jsx5(Button2, { variant: "outline", onClick: onClose, children: "Cancel" }),
-      /* @__PURE__ */ jsxs5(
+    /* @__PURE__ */ jsxs6(DialogFooter2, { children: [
+      /* @__PURE__ */ jsx6(Button2, { variant: "outline", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsxs6(
         Button2,
         {
           variant: "destructive",
           onClick: handleDelete,
           disabled: deleting,
           children: [
-            deleting && /* @__PURE__ */ jsx5(Loader22, { className: "mr-2 h-4 w-4 animate-spin" }),
+            deleting && /* @__PURE__ */ jsx6(Loader23, { className: "mr-2 h-4 w-4 animate-spin" }),
             "Delete Profile"
           ]
         }
@@ -2253,35 +2356,35 @@ function ProfileDetailDialog({
   onDuplicate
 }) {
   if (!profile) return null;
-  return /* @__PURE__ */ jsx5(Dialog, { open: !!profile, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxs5(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ jsxs5(DialogHeader, { children: [
-      /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx5(DialogTitle, { children: profile.name }),
-        profile.is_builtin && /* @__PURE__ */ jsx5(Badge2, { variant: "secondary", className: "border-0", children: "Built-in" }),
-        profile.is_public && !profile.is_builtin && /* @__PURE__ */ jsx5(Badge2, { className: "border border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)]", children: "Public" })
+  return /* @__PURE__ */ jsx6(Dialog2, { open: !!profile, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxs6(DialogContent2, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ jsxs6(DialogHeader2, { children: [
+      /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx6(DialogTitle2, { children: profile.name }),
+        profile.is_builtin && /* @__PURE__ */ jsx6(Badge2, { variant: "secondary", className: "border-0", children: "Built-in" }),
+        profile.is_public && !profile.is_builtin && /* @__PURE__ */ jsx6(Badge2, { className: "border border-[var(--surface-info-border)] bg-[var(--surface-info-bg)] text-[var(--surface-info-text)]", children: "Public" })
       ] }),
-      profile.description && /* @__PURE__ */ jsx5(DialogDescription, { children: profile.description })
+      profile.description && /* @__PURE__ */ jsx6(DialogDescription2, { children: profile.description })
     ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "grid gap-4 sm:grid-cols-2", children: [
-        profile.extends && /* @__PURE__ */ jsxs5("div", { children: [
-          /* @__PURE__ */ jsx5("label", { className: "font-medium text-muted-foreground text-xs", children: "Extends" }),
-          /* @__PURE__ */ jsx5("p", { className: "text-sm", children: profile.extends })
+    /* @__PURE__ */ jsxs6("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+        profile.extends && /* @__PURE__ */ jsxs6("div", { children: [
+          /* @__PURE__ */ jsx6("label", { className: "font-medium text-muted-foreground text-xs", children: "Extends" }),
+          /* @__PURE__ */ jsx6("p", { className: "text-sm", children: profile.extends })
         ] }),
-        profile.model && /* @__PURE__ */ jsxs5("div", { children: [
-          /* @__PURE__ */ jsx5("label", { className: "font-medium text-muted-foreground text-xs", children: "Model" }),
-          /* @__PURE__ */ jsx5("p", { className: "text-sm", children: profile.model })
+        profile.model && /* @__PURE__ */ jsxs6("div", { children: [
+          /* @__PURE__ */ jsx6("label", { className: "font-medium text-muted-foreground text-xs", children: "Model" }),
+          /* @__PURE__ */ jsx6("p", { className: "text-sm", children: profile.model })
         ] })
       ] }),
-      profile.tags && profile.tags.length > 0 && /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("label", { className: "font-medium text-muted-foreground text-xs", children: "Tags" }),
-        /* @__PURE__ */ jsx5("div", { className: "mt-1 flex flex-wrap gap-1", children: profile.tags.map((tag) => /* @__PURE__ */ jsx5(Badge2, { variant: "outline", className: "text-xs", children: tag }, tag)) })
+      profile.tags && profile.tags.length > 0 && /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("label", { className: "font-medium text-muted-foreground text-xs", children: "Tags" }),
+        /* @__PURE__ */ jsx6("div", { className: "mt-1 flex flex-wrap gap-1", children: profile.tags.map((tag) => /* @__PURE__ */ jsx6(Badge2, { variant: "outline", className: "text-xs", children: tag }, tag)) })
       ] }),
-      profile.system_prompt && /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("label", { className: "font-medium text-muted-foreground text-xs", children: "System Prompt" }),
-        /* @__PURE__ */ jsxs5("div", { className: "relative mt-1", children: [
-          /* @__PURE__ */ jsx5("pre", { className: "max-h-48 overflow-auto rounded-lg bg-muted p-3 font-mono text-sm", children: profile.system_prompt }),
-          /* @__PURE__ */ jsx5(
+      profile.system_prompt && /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("label", { className: "font-medium text-muted-foreground text-xs", children: "System Prompt" }),
+        /* @__PURE__ */ jsxs6("div", { className: "relative mt-1", children: [
+          /* @__PURE__ */ jsx6("pre", { className: "max-h-48 overflow-auto rounded-lg bg-muted p-3 font-mono text-sm", children: profile.system_prompt }),
+          /* @__PURE__ */ jsx6(
             Button2,
             {
               variant: "ghost",
@@ -2289,54 +2392,54 @@ function ProfileDetailDialog({
               className: "absolute top-2 right-2",
               onClick: () => navigator.clipboard.writeText(profile.system_prompt),
               "aria-label": "Copy system prompt",
-              children: /* @__PURE__ */ jsx5(Copy, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx6(Copy, { className: "h-4 w-4" })
             }
           )
         ] })
       ] }),
-      profile.instructions && profile.instructions.length > 0 && /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("label", { className: "font-medium text-muted-foreground text-xs", children: "Instructions" }),
-        /* @__PURE__ */ jsx5("ul", { className: "mt-1 space-y-1", children: profile.instructions.map((inst, i) => /* @__PURE__ */ jsxs5("li", { className: "flex items-start gap-2 text-sm", children: [
-          /* @__PURE__ */ jsx5(ChevronRight, { className: "mt-0.5 h-4 w-4 text-muted-foreground" }),
+      profile.instructions && profile.instructions.length > 0 && /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("label", { className: "font-medium text-muted-foreground text-xs", children: "Instructions" }),
+        /* @__PURE__ */ jsx6("ul", { className: "mt-1 space-y-1", children: profile.instructions.map((inst, i) => /* @__PURE__ */ jsxs6("li", { className: "flex items-start gap-2 text-sm", children: [
+          /* @__PURE__ */ jsx6(ChevronRight, { className: "mt-0.5 h-4 w-4 text-muted-foreground" }),
           inst
         ] }, i)) })
       ] }),
-      profile.metrics && profile.metrics.total_runs > 0 && /* @__PURE__ */ jsxs5("div", { className: "rounded-lg border border-border p-4", children: [
-        /* @__PURE__ */ jsx5("label", { className: "font-medium text-muted-foreground text-xs", children: "Performance Metrics" }),
-        /* @__PURE__ */ jsxs5("div", { className: "mt-2 grid grid-cols-2 gap-4 sm:grid-cols-4", children: [
-          /* @__PURE__ */ jsxs5("div", { children: [
-            /* @__PURE__ */ jsx5("p", { className: "font-medium text-2xl", children: profile.metrics.total_runs }),
-            /* @__PURE__ */ jsx5("p", { className: "text-muted-foreground text-xs", children: "Total Runs" })
+      profile.metrics && profile.metrics.total_runs > 0 && /* @__PURE__ */ jsxs6("div", { className: "rounded-lg border border-border p-4", children: [
+        /* @__PURE__ */ jsx6("label", { className: "font-medium text-muted-foreground text-xs", children: "Performance Metrics" }),
+        /* @__PURE__ */ jsxs6("div", { className: "mt-2 grid grid-cols-2 gap-4 sm:grid-cols-4", children: [
+          /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsx6("p", { className: "font-medium text-2xl", children: profile.metrics.total_runs }),
+            /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground text-xs", children: "Total Runs" })
           ] }),
-          /* @__PURE__ */ jsxs5("div", { children: [
-            /* @__PURE__ */ jsxs5("p", { className: "font-medium text-2xl", children: [
+          /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsxs6("p", { className: "font-medium text-2xl", children: [
               profile.metrics.success_rate.toFixed(0),
               "%"
             ] }),
-            /* @__PURE__ */ jsx5("p", { className: "text-muted-foreground text-xs", children: "Success Rate" })
+            /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground text-xs", children: "Success Rate" })
           ] }),
-          /* @__PURE__ */ jsxs5("div", { children: [
-            /* @__PURE__ */ jsxs5("p", { className: "font-medium text-2xl", children: [
+          /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsxs6("p", { className: "font-medium text-2xl", children: [
               (profile.metrics.avg_duration_ms / 1e3).toFixed(1),
               "s"
             ] }),
-            /* @__PURE__ */ jsx5("p", { className: "text-muted-foreground text-xs", children: "Avg Duration" })
+            /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground text-xs", children: "Avg Duration" })
           ] }),
-          profile.metrics.avg_tokens_used && /* @__PURE__ */ jsxs5("div", { children: [
-            /* @__PURE__ */ jsx5("p", { className: "font-medium text-2xl", children: profile.metrics.avg_tokens_used.toLocaleString() }),
-            /* @__PURE__ */ jsx5("p", { className: "text-muted-foreground text-xs", children: "Avg Tokens" })
+          profile.metrics.avg_tokens_used && /* @__PURE__ */ jsxs6("div", { children: [
+            /* @__PURE__ */ jsx6("p", { className: "font-medium text-2xl", children: profile.metrics.avg_tokens_used.toLocaleString() }),
+            /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground text-xs", children: "Avg Tokens" })
           ] })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs5(DialogFooter, { children: [
-      /* @__PURE__ */ jsx5(Button2, { variant: "outline", onClick: onClose, children: "Close" }),
-      onDuplicate && /* @__PURE__ */ jsxs5(Button2, { variant: "outline", onClick: onDuplicate, children: [
-        /* @__PURE__ */ jsx5(Copy, { className: "mr-2 h-4 w-4" }),
+    /* @__PURE__ */ jsxs6(DialogFooter2, { children: [
+      /* @__PURE__ */ jsx6(Button2, { variant: "outline", onClick: onClose, children: "Close" }),
+      onDuplicate && /* @__PURE__ */ jsxs6(Button2, { variant: "outline", onClick: onDuplicate, children: [
+        /* @__PURE__ */ jsx6(Copy, { className: "mr-2 h-4 w-4" }),
         "Duplicate"
       ] }),
-      onEdit && /* @__PURE__ */ jsxs5(Button2, { onClick: onEdit, children: [
-        /* @__PURE__ */ jsx5(Edit2, { className: "mr-2 h-4 w-4" }),
+      onEdit && /* @__PURE__ */ jsxs6(Button2, { onClick: onEdit, children: [
+        /* @__PURE__ */ jsx6(Edit2, { className: "mr-2 h-4 w-4" }),
         "Edit"
       ] })
     ] })
@@ -2344,33 +2447,104 @@ function ProfileDetailDialog({
 }
 
 // src/pages/secrets-page.tsx
-import * as React5 from "react";
-import { Lock, Plus as Plus3, Trash2 as Trash23, Eye, EyeOff, AlertCircle as AlertCircle2, Key, Shield, CheckCircle, Users, ArrowRight } from "lucide-react";
+import * as React6 from "react";
+import { Lock, Plus as Plus3, Trash2 as Trash23, Eye, EyeOff, AlertCircle as AlertCircle2, Key, Shield, CheckCircle, Users, ArrowRight, Upload } from "lucide-react";
 import {
-  Dialog as Dialog2,
-  DialogContent as DialogContent2,
-  DialogDescription as DialogDescription2,
-  DialogFooter as DialogFooter2,
-  DialogHeader as DialogHeader2,
-  DialogTitle as DialogTitle2
+  Dialog as Dialog3,
+  DialogContent as DialogContent3,
+  DialogDescription as DialogDescription3,
+  DialogFooter as DialogFooter3,
+  DialogHeader as DialogHeader3,
+  DialogTitle as DialogTitle3
 } from "@tangle-network/ui/primitives";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+
+// src/pages/env-importer.ts
+var NORMALIZE_RE = /[^A-Z0-9_]/g;
+function normalizeKey(rawKey) {
+  return rawKey.toUpperCase().replace(NORMALIZE_RE, "_");
+}
+function stripMatchingQuotes(value) {
+  if (value.length >= 2) {
+    const quote = value[0];
+    if ((quote === '"' || quote === "'") && value[value.length - 1] === quote) {
+      const inner = value.slice(1, -1);
+      if (!inner.includes(quote)) {
+        return inner;
+      }
+    }
+  }
+  return value;
+}
+function parseEnvText(text) {
+  const rows = [];
+  const errors = [];
+  const lines = text.split(/\r?\n/);
+  for (let i = 0; i < lines.length; i++) {
+    const lineNumber = i + 1;
+    const rawLine = lines[i];
+    const trimmed = rawLine.trim();
+    if (trimmed === "" || trimmed.startsWith("#")) continue;
+    let rest = trimmed;
+    const exportMatch = /^export\s+/.exec(rest);
+    if (exportMatch) rest = rest.slice(exportMatch[0].length);
+    const eqIdx = rest.indexOf("=");
+    if (eqIdx === -1) {
+      errors.push({ lineNumber, message: "Missing '=' separator", rawLine });
+      continue;
+    }
+    const rawKey = rest.slice(0, eqIdx).trim();
+    const rawValue = rest.slice(eqIdx + 1).trim();
+    if (rawKey === "") {
+      errors.push({ lineNumber, message: "Missing key before '='", rawLine });
+      continue;
+    }
+    const key = normalizeKey(rawKey);
+    if (!/[A-Z0-9]/.test(key)) {
+      errors.push({
+        lineNumber,
+        message: "Key has no valid characters (letters or digits)",
+        rawLine
+      });
+      continue;
+    }
+    rows.push({
+      key,
+      rawKey,
+      value: stripMatchingQuotes(rawValue),
+      lineNumber
+    });
+  }
+  return { rows, errors };
+}
+
+// src/pages/secrets-page.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var MAX_IMPORT_FILE_BYTES = 256 * 1024;
 function SecretsPage({ apiClient, className, teamSecretsHint }) {
-  const [secrets, setSecrets] = React5.useState([]);
-  const [loading, setLoading] = React5.useState(true);
-  const [error, setError] = React5.useState(null);
-  const [isCreateOpen, setIsCreateOpen] = React5.useState(false);
-  const [newName, setNewName] = React5.useState("");
-  const [newValue, setNewValue] = React5.useState("");
-  const [showValue, setShowValue] = React5.useState(false);
-  const [isCreating, setIsCreating] = React5.useState(false);
-  const [createError, setCreateError] = React5.useState(null);
-  const [deleteTarget, setDeleteTarget] = React5.useState(null);
-  const [isDeleting, setIsDeleting] = React5.useState(false);
-  const apiRef = React5.useRef(apiClient);
+  const [secrets, setSecrets] = React6.useState([]);
+  const [loading, setLoading] = React6.useState(true);
+  const [error, setError] = React6.useState(null);
+  const [isCreateOpen, setIsCreateOpen] = React6.useState(false);
+  const [newName, setNewName] = React6.useState("");
+  const [newValue, setNewValue] = React6.useState("");
+  const [showValue, setShowValue] = React6.useState(false);
+  const [isCreating, setIsCreating] = React6.useState(false);
+  const [createError, setCreateError] = React6.useState(null);
+  const [deleteTarget, setDeleteTarget] = React6.useState(null);
+  const [isDeleting, setIsDeleting] = React6.useState(false);
+  const [isImportOpen, setIsImportOpen] = React6.useState(false);
+  const [importText, setImportText] = React6.useState("");
+  const [importResult, setImportResult] = React6.useState(null);
+  const [rowStatus, setRowStatus] = React6.useState([]);
+  const [rowMessages, setRowMessages] = React6.useState([]);
+  const [isImportSaving, setIsImportSaving] = React6.useState(false);
+  const [showImportValues, setShowImportValues] = React6.useState(false);
+  const [importFileError, setImportFileError] = React6.useState(null);
+  const fileInputRef = React6.useRef(null);
+  const apiRef = React6.useRef(apiClient);
   apiRef.current = apiClient;
-  const loadGenRef = React5.useRef(0);
-  const loadSecrets = React5.useCallback(async (showSpinner = true) => {
+  const loadGenRef = React6.useRef(0);
+  const loadSecrets = React6.useCallback(async (showSpinner = true) => {
     const gen = ++loadGenRef.current;
     try {
       if (showSpinner) setLoading(true);
@@ -2385,7 +2559,7 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
       if (gen === loadGenRef.current) setLoading(false);
     }
   }, []);
-  React5.useEffect(() => {
+  React6.useEffect(() => {
     loadSecrets();
   }, [loadSecrets]);
   const handleCreate = async () => {
@@ -2417,6 +2591,100 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
       setIsDeleting(false);
     }
   };
+  const resetImportState = () => {
+    setImportText("");
+    setImportResult(null);
+    setRowStatus([]);
+    setRowMessages([]);
+    setShowImportValues(false);
+    setImportFileError(null);
+    if (fileInputRef.current) fileInputRef.current.value = "";
+  };
+  const runParse = (text) => {
+    const result = parseEnvText(text);
+    setImportResult(result);
+    setRowStatus(new Array(result.rows.length).fill("idle"));
+    setRowMessages(new Array(result.rows.length).fill(""));
+  };
+  const handleParse = () => {
+    runParse(importText);
+  };
+  const handleImportFile = async (file) => {
+    if (!file) return;
+    setImportFileError(null);
+    if (file.size > MAX_IMPORT_FILE_BYTES) {
+      setImportFileError(`File is too large (${Math.round(file.size / 1024)} KiB). Limit is ${MAX_IMPORT_FILE_BYTES / 1024} KiB.`);
+      if (fileInputRef.current) fileInputRef.current.value = "";
+      return;
+    }
+    const text = await file.text();
+    setImportText(text);
+    runParse(text);
+  };
+  const updateRowKey = (index, next) => {
+    setImportResult((prev) => {
+      if (!prev) return prev;
+      const rows = prev.rows.slice();
+      rows[index] = { ...rows[index], key: next.toUpperCase().replace(/[^A-Z0-9_]/g, "_") };
+      return { ...prev, rows };
+    });
+  };
+  const updateRowValue = (index, next) => {
+    setImportResult((prev) => {
+      if (!prev) return prev;
+      const rows = prev.rows.slice();
+      rows[index] = { ...rows[index], value: next };
+      return { ...prev, rows };
+    });
+  };
+  const removeImportRow = (index) => {
+    setImportResult((prev) => {
+      if (!prev) return prev;
+      const rows = prev.rows.slice();
+      rows.splice(index, 1);
+      return { ...prev, rows };
+    });
+    setRowStatus((prev) => {
+      const next = prev.slice();
+      next.splice(index, 1);
+      return next;
+    });
+    setRowMessages((prev) => {
+      const next = prev.slice();
+      next.splice(index, 1);
+      return next;
+    });
+  };
+  const importRows = importResult?.rows ?? [];
+  const hasImportErrors = !!(importResult && importResult.errors.length > 0);
+  const importSaveDisabled = isImportSaving || importRows.length === 0 || hasImportErrors || importRows.some((r) => !r.key || !/[A-Z0-9]/.test(r.key) || !r.value.trim());
+  const handleImportSave = async () => {
+    if (!importResult || importSaveDisabled) return;
+    const rows = importResult.rows;
+    setIsImportSaving(true);
+    const statuses = new Array(rows.length).fill("idle");
+    const messages = new Array(rows.length).fill("");
+    try {
+      for (let i = 0; i < rows.length; i++) {
+        try {
+          await apiRef.current.createSecret(rows[i].key, rows[i].value);
+          statuses[i] = "success";
+        } catch (err) {
+          statuses[i] = "error";
+          messages[i] = err instanceof Error ? err.message : "Failed to create secret";
+        }
+      }
+      setRowStatus(statuses);
+      setRowMessages(messages);
+      await loadSecrets(false);
+      if (statuses.every((s) => s === "success")) {
+        setIsImportOpen(false);
+        resetImportState();
+      }
+    } finally {
+      setIsImportSaving(false);
+    }
+  };
   const formatDate = (dateStr) => {
     try {
       const ts = /^\d+$/.test(dateStr) ? Number(dateStr) : dateStr;
@@ -2427,36 +2695,50 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
       return dateStr;
     }
   };
-  return /* @__PURE__ */ jsxs6("div", { className: cn("mx-auto w-full max-w-7xl space-y-8", className), children: [
-    /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-4 md:flex-row md:items-end md:justify-between", children: [
-      /* @__PURE__ */ jsxs6("div", { children: [
-        /* @__PURE__ */ jsx6("h1", { className: "font-display text-3xl font-extrabold tracking-tight text-foreground", children: "Environment Secrets" }),
-        /* @__PURE__ */ jsx6("p", { className: "mt-1 text-sm text-muted-foreground", children: "Secrets are securely stored and automatically exposed as environment variables across all your sandboxes." })
+  return /* @__PURE__ */ jsxs7("div", { className: cn("mx-auto w-full max-w-7xl space-y-8", className), children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-4 md:flex-row md:items-end md:justify-between", children: [
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx7("h1", { className: "font-display text-3xl font-extrabold tracking-tight text-foreground", children: "Environment Secrets" }),
+        /* @__PURE__ */ jsx7("p", { className: "mt-1 text-sm text-muted-foreground", children: "Secrets are securely stored and automatically exposed as environment variables across all your sandboxes." })
       ] }),
-      /* @__PURE__ */ jsxs6(
-        "button",
-        {
-          type: "button",
-          onClick: () => setIsCreateOpen(true),
-          className: "inline-flex items-center gap-2 rounded-lg bg-[var(--btn-primary-bg)] border border-[var(--border-accent,transparent)] px-5 py-2.5 text-sm font-semibold text-[var(--btn-primary-text)] hover:bg-[var(--btn-primary-hover)] transition-colors active:scale-[0.97]",
-          children: [
-            /* @__PURE__ */ jsx6(Plus3, { className: "h-4 w-4" }),
-            "New Secret"
-          ]
-        }
-      )
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs7(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsImportOpen(true),
+            className: "inline-flex items-center gap-2 rounded-lg border border-border bg-card px-4 py-2.5 text-sm font-semibold text-foreground hover:bg-muted transition-colors active:scale-[0.97]",
+            children: [
+              /* @__PURE__ */ jsx7(Upload, { className: "h-4 w-4" }),
+              "Import .env"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs7(
+          "button",
+          {
+            type: "button",
+            onClick: () => setIsCreateOpen(true),
+            className: "inline-flex items-center gap-2 rounded-lg bg-[var(--btn-primary-bg)] border border-[var(--border-accent,transparent)] px-5 py-2.5 text-sm font-semibold text-[var(--btn-primary-text)] hover:bg-[var(--btn-primary-hover)] transition-colors active:scale-[0.97]",
+            children: [
+              /* @__PURE__ */ jsx7(Plus3, { className: "h-4 w-4" }),
+              "New Secret"
+            ]
+          }
+        )
+      ] })
     ] }),
-    teamSecretsHint && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3 rounded-lg border border-border bg-[var(--accent-surface-soft)]/40 px-4 py-3", children: [
-      /* @__PURE__ */ jsx6(Users, { className: "h-5 w-5 shrink-0 text-[var(--accent-text)]", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsxs6("div", { className: "flex-1 text-sm", children: [
-        /* @__PURE__ */ jsx6("p", { className: "font-semibold text-foreground", children: "Setting up secrets for a team?" }),
-        /* @__PURE__ */ jsxs6("p", { className: "mt-0.5 text-muted-foreground text-xs", children: [
+    teamSecretsHint && /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3 rounded-lg border border-border bg-[var(--accent-surface-soft)]/40 px-4 py-3", children: [
+      /* @__PURE__ */ jsx7(Users, { className: "h-5 w-5 shrink-0 text-[var(--accent-text)]", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex-1 text-sm", children: [
+        /* @__PURE__ */ jsx7("p", { className: "font-semibold text-foreground", children: "Setting up secrets for a team?" }),
+        /* @__PURE__ */ jsxs7("p", { className: "mt-0.5 text-muted-foreground text-xs", children: [
           "Secrets here are ",
-          /* @__PURE__ */ jsx6("strong", { children: "personal" }),
+          /* @__PURE__ */ jsx7("strong", { children: "personal" }),
           " \u2014 only available in sandboxes you create. To share credentials with teammates, configure them on the team page instead."
         ] })
       ] }),
-      /* @__PURE__ */ jsxs6(
+      /* @__PURE__ */ jsxs7(
         "button",
         {
           type: "button",
@@ -2464,24 +2746,24 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
           className: "inline-flex shrink-0 items-center gap-1 rounded-md border border-border bg-card px-3 py-1.5 text-xs font-semibold text-foreground hover:bg-muted transition-colors",
           children: [
             teamSecretsHint.label ?? "Manage team secrets",
-            /* @__PURE__ */ jsx6(ArrowRight, { className: "h-3 w-3", "aria-hidden": "true" })
+            /* @__PURE__ */ jsx7(ArrowRight, { className: "h-3 w-3", "aria-hidden": "true" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-4", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "rounded-lg border border-border bg-card p-5 shadow-[var(--shadow-card)]", children: [
-        /* @__PURE__ */ jsx6("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Total Active Secrets" }),
-        /* @__PURE__ */ jsx6("div", { className: "mt-2 flex items-baseline gap-2", children: /* @__PURE__ */ jsx6("span", { className: "font-display text-2xl font-extrabold text-foreground", children: secrets.length }) })
+    /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-4", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border border-border bg-card p-5 shadow-[var(--shadow-card)]", children: [
+        /* @__PURE__ */ jsx7("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Total Active Secrets" }),
+        /* @__PURE__ */ jsx7("div", { className: "mt-2 flex items-baseline gap-2", children: /* @__PURE__ */ jsx7("span", { className: "font-display text-2xl font-extrabold text-foreground", children: secrets.length }) })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "rounded-lg border border-border bg-card p-5 shadow-[var(--shadow-card)]", children: [
-        /* @__PURE__ */ jsx6("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Status" }),
-        /* @__PURE__ */ jsxs6("div", { className: "mt-2 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx6(CheckCircle, { className: "h-4 w-4 text-[var(--surface-success-text,#047857)]" }),
-          /* @__PURE__ */ jsx6("span", { className: "text-sm font-semibold text-[var(--surface-success-text,#047857)]", children: "Encrypted" })
+      /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border border-border bg-card p-5 shadow-[var(--shadow-card)]", children: [
+        /* @__PURE__ */ jsx7("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Status" }),
+        /* @__PURE__ */ jsxs7("div", { className: "mt-2 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx7(CheckCircle, { className: "h-4 w-4 text-[var(--surface-success-text,#047857)]" }),
+          /* @__PURE__ */ jsx7("span", { className: "text-sm font-semibold text-[var(--surface-success-text,#047857)]", children: "Encrypted" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         InfoPanel,
         {
           className: "md:col-span-2",
@@ -2491,11 +2773,11 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsxs6("div", { className: "rounded-lg border border-destructive/30 bg-destructive/10 p-4 flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx6(AlertCircle2, { className: "h-5 w-5 text-destructive shrink-0" }),
-      /* @__PURE__ */ jsx6("p", { className: "text-destructive text-sm font-medium", children: error })
+    error && /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border border-destructive/30 bg-destructive/10 p-4 flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx7(AlertCircle2, { className: "h-5 w-5 text-destructive shrink-0" }),
+      /* @__PURE__ */ jsx7("p", { className: "text-destructive text-sm font-medium", children: error })
     ] }),
-    /* @__PURE__ */ jsx6(Dialog2, { open: isCreateOpen, onOpenChange: (open) => {
+    /* @__PURE__ */ jsx7(Dialog3, { open: isCreateOpen, onOpenChange: (open) => {
       if (!open) {
         setIsCreateOpen(false);
         setNewName("");
@@ -2503,12 +2785,12 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
         setCreateError(null);
         setShowValue(false);
       }
-    }, children: /* @__PURE__ */ jsxs6(DialogContent2, { className: "max-w-md", children: [
-      /* @__PURE__ */ jsxs6(DialogHeader2, { children: [
-        /* @__PURE__ */ jsx6(DialogTitle2, { children: "Create Secret" }),
-        /* @__PURE__ */ jsx6(DialogDescription2, { children: "Secrets are automatically exposed as environment variables across all your new sandboxes." })
+    }, children: /* @__PURE__ */ jsxs7(DialogContent3, { className: "max-w-md", children: [
+      /* @__PURE__ */ jsxs7(DialogHeader3, { children: [
+        /* @__PURE__ */ jsx7(DialogTitle3, { children: "Create Secret" }),
+        /* @__PURE__ */ jsx7(DialogDescription3, { children: "Secrets are automatically exposed as environment variables across all your new sandboxes." })
       ] }),
-      /* @__PURE__ */ jsxs6(
+      /* @__PURE__ */ jsxs7(
         "form",
         {
           onSubmit: (e) => {
@@ -2517,9 +2799,9 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
           },
           className: "space-y-4",
           children: [
-            /* @__PURE__ */ jsxs6("div", { children: [
-              /* @__PURE__ */ jsx6("label", { htmlFor: "secret-name", className: "block text-xs font-bold uppercase tracking-widest text-muted-foreground mb-2", children: "Name" }),
-              /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsxs7("div", { children: [
+              /* @__PURE__ */ jsx7("label", { htmlFor: "secret-name", className: "block text-xs font-bold uppercase tracking-widest text-muted-foreground mb-2", children: "Name" }),
+              /* @__PURE__ */ jsx7(
                 "input",
                 {
                   id: "secret-name",
@@ -2533,10 +2815,10 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs6("div", { children: [
-              /* @__PURE__ */ jsx6("label", { htmlFor: "secret-value", className: "block text-xs font-bold uppercase tracking-widest text-muted-foreground mb-2", children: "Value" }),
-              /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsxs7("div", { children: [
+              /* @__PURE__ */ jsx7("label", { htmlFor: "secret-value", className: "block text-xs font-bold uppercase tracking-widest text-muted-foreground mb-2", children: "Value" }),
+              /* @__PURE__ */ jsxs7("div", { className: "relative", children: [
+                /* @__PURE__ */ jsx7(
                   "input",
                   {
                     id: "secret-value",
@@ -2549,26 +2831,26 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
                     className: "w-full rounded-md border border-border bg-card px-3 py-2.5 pr-10 text-sm font-mono text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
                   }
                 ),
-                /* @__PURE__ */ jsx6(
+                /* @__PURE__ */ jsx7(
                   "button",
                   {
                     type: "button",
                     onClick: () => setShowValue(!showValue),
                     className: "absolute right-2 top-1/2 -translate-y-1/2 p-1 text-muted-foreground hover:text-foreground",
                     "aria-label": showValue ? "Hide value" : "Show value",
-                    children: showValue ? /* @__PURE__ */ jsx6(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx6(Eye, { className: "h-4 w-4" })
+                    children: showValue ? /* @__PURE__ */ jsx7(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx7(Eye, { className: "h-4 w-4" })
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx6("p", { className: "mt-1.5 text-xs text-muted-foreground", children: "This value cannot be retrieved after creation." })
+              /* @__PURE__ */ jsx7("p", { className: "mt-1.5 text-xs text-muted-foreground", children: "This value cannot be retrieved after creation." })
             ] }),
-            /* @__PURE__ */ jsx6("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": "true", children: "Submit" })
+            /* @__PURE__ */ jsx7("button", { type: "submit", className: "hidden", tabIndex: -1, "aria-hidden": "true", children: "Submit" })
           ]
         }
       ),
-      createError && /* @__PURE__ */ jsx6("p", { className: "mt-3 text-sm text-destructive", children: createError }),
-      /* @__PURE__ */ jsxs6(DialogFooter2, { children: [
-        /* @__PURE__ */ jsx6(
+      createError && /* @__PURE__ */ jsx7("p", { className: "mt-3 text-sm text-destructive", children: createError }),
+      /* @__PURE__ */ jsxs7(DialogFooter3, { children: [
+        /* @__PURE__ */ jsx7(
           "button",
           {
             type: "button",
@@ -2582,7 +2864,7 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           "button",
           {
             type: "button",
@@ -2594,19 +2876,204 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx6(Dialog2, { open: !!deleteTarget, onOpenChange: (open) => {
+    /* @__PURE__ */ jsx7(Dialog3, { open: isImportOpen, onOpenChange: (open) => {
+      if (!open && !isImportSaving) {
+        setIsImportOpen(false);
+        resetImportState();
+      }
+    }, children: /* @__PURE__ */ jsxs7(DialogContent3, { className: "max-w-2xl", children: [
+      /* @__PURE__ */ jsxs7(DialogHeader3, { children: [
+        /* @__PURE__ */ jsx7(DialogTitle3, { children: "Import Secrets" }),
+        /* @__PURE__ */ jsxs7(DialogDescription3, { children: [
+          "Upload a ",
+          /* @__PURE__ */ jsx7("span", { className: "font-mono", children: ".env" }),
+          " file or paste key-value pairs. Review and edit each row before saving."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx7(
+              "input",
+              {
+                ref: fileInputRef,
+                type: "file",
+                accept: ".env,.txt,text/plain",
+                "aria-label": "Upload .env file",
+                className: "hidden",
+                onChange: (e) => handleImportFile(e.target.files?.[0] ?? null)
+              }
+            ),
+            /* @__PURE__ */ jsxs7(
+              "button",
+              {
+                type: "button",
+                onClick: () => fileInputRef.current?.click(),
+                className: "inline-flex items-center gap-2 rounded-md border border-border bg-card px-3 py-2 text-xs font-semibold text-foreground hover:bg-muted transition-colors",
+                children: [
+                  /* @__PURE__ */ jsx7(Upload, { className: "h-3.5 w-3.5" }),
+                  "Choose .env file"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx7(
+              "button",
+              {
+                type: "button",
+                onClick: handleParse,
+                disabled: !importText.trim(),
+                className: "rounded-md bg-[var(--btn-primary-bg)] px-3 py-2 text-xs font-bold text-[var(--btn-primary-text)] hover:bg-[var(--btn-primary-hover)] transition-colors disabled:opacity-50",
+                children: "Parse"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx7(
+            "textarea",
+            {
+              "aria-label": "Paste .env contents",
+              placeholder: "Paste .env contents, e.g.\nAPI_KEY=abc123\n# comment\nexport DB_URL=postgres://localhost",
+              value: importText,
+              onChange: (e) => setImportText(e.target.value),
+              rows: 6,
+              spellCheck: false,
+              className: "w-full rounded-md border border-border bg-card px-3 py-2 font-mono text-xs text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+            }
+          ),
+          /* @__PURE__ */ jsxs7("p", { className: "text-[11px] text-muted-foreground", children: [
+            "Lines starting with ",
+            /* @__PURE__ */ jsx7("span", { className: "font-mono", children: "#" }),
+            " are comments. Text after ",
+            /* @__PURE__ */ jsx7("span", { className: "font-mono", children: "#" }),
+            " inside a value is preserved."
+          ] }),
+          importFileError && /* @__PURE__ */ jsx7("p", { className: "text-xs text-destructive", role: "alert", children: importFileError })
+        ] }),
+        importResult && importResult.errors.length > 0 && /* @__PURE__ */ jsxs7("div", { className: "rounded-md border border-destructive/30 bg-destructive/10 p-3", children: [
+          /* @__PURE__ */ jsxs7("p", { className: "mb-1 text-xs font-bold uppercase tracking-widest text-destructive", children: [
+            importResult.errors.length,
+            " line",
+            importResult.errors.length !== 1 ? "s" : "",
+            " could not be parsed"
+          ] }),
+          /* @__PURE__ */ jsx7("ul", { className: "space-y-1", children: importResult.errors.map((err) => /* @__PURE__ */ jsxs7("li", { className: "text-xs text-destructive", role: "alert", children: [
+            "Line ",
+            err.lineNumber,
+            ": ",
+            err.message
+          ] }, err.lineNumber)) })
+        ] }),
+        importResult && importResult.rows.length > 0 && /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs7("p", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground", children: [
+              importResult.rows.length,
+              " secret",
+              importResult.rows.length !== 1 ? "s" : "",
+              " ready"
+            ] }),
+            /* @__PURE__ */ jsxs7(
+              "button",
+              {
+                type: "button",
+                onClick: () => setShowImportValues((s) => !s),
+                className: "inline-flex items-center gap-1 text-xs font-semibold text-muted-foreground hover:text-foreground",
+                children: [
+                  showImportValues ? /* @__PURE__ */ jsx7(EyeOff, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx7(Eye, { className: "h-3.5 w-3.5" }),
+                  showImportValues ? "Hide values" : "Show values"
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx7("div", { className: "max-h-64 space-y-2 overflow-y-auto", children: importResult.rows.map((row, index) => {
+            const status = rowStatus[index];
+            const message = rowMessages[index];
+            return /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-2 rounded-md border border-border bg-muted/30 p-2", children: [
+              /* @__PURE__ */ jsx7(
+                "input",
+                {
+                  type: "text",
+                  "aria-label": `Import row ${index + 1} key`,
+                  value: row.key,
+                  onChange: (e) => updateRowKey(index, e.target.value),
+                  disabled: isImportSaving,
+                  className: "w-2/5 rounded border border-border bg-card px-2 py-1.5 font-mono text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:opacity-60"
+                }
+              ),
+              /* @__PURE__ */ jsx7(
+                "input",
+                {
+                  type: showImportValues ? "text" : "password",
+                  "aria-label": `Import row ${index + 1} value`,
+                  value: row.value,
+                  onChange: (e) => updateRowValue(index, e.target.value),
+                  disabled: isImportSaving,
+                  className: "w-2/5 rounded border border-border bg-card px-2 py-1.5 font-mono text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:opacity-60"
+                }
+              ),
+              /* @__PURE__ */ jsxs7("div", { className: "flex w-1/5 flex-col items-end gap-1", children: [
+                status === "success" && /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-1 text-xs font-semibold text-[var(--surface-success-text,#047857)]", children: [
+                  /* @__PURE__ */ jsx7(CheckCircle, { className: "h-3.5 w-3.5" }),
+                  " Saved"
+                ] }),
+                status === "error" && /* @__PURE__ */ jsx7("span", { className: "text-right text-xs font-semibold text-destructive", title: message, children: message || "Failed" }),
+                /* @__PURE__ */ jsxs7(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => removeImportRow(index),
+                    disabled: isImportSaving,
+                    "aria-label": `Remove import row ${index + 1}`,
+                    className: "inline-flex items-center gap-1 text-xs font-semibold text-muted-foreground hover:text-destructive disabled:opacity-50 disabled:pointer-events-none",
+                    children: [
+                      /* @__PURE__ */ jsx7(Trash23, { className: "h-3.5 w-3.5" }),
+                      " Remove"
+                    ]
+                  }
+                )
+              ] })
+            ] }, `${row.lineNumber}-${index}`);
+          }) })
+        ] }),
+        importResult && importResult.rows.length === 0 && importResult.errors.length === 0 && /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground", children: "No secrets found. Add at least one KEY=value line." })
+      ] }),
+      /* @__PURE__ */ jsxs7(DialogFooter3, { children: [
+        /* @__PURE__ */ jsx7(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              setIsImportOpen(false);
+              resetImportState();
+            },
+            disabled: isImportSaving,
+            className: "rounded-md border border-border bg-card px-4 py-2 text-sm font-medium text-foreground hover:bg-muted transition-colors disabled:opacity-50 disabled:pointer-events-none",
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          "button",
+          {
+            type: "button",
+            onClick: handleImportSave,
+            disabled: importSaveDisabled,
+            className: "rounded-md bg-[var(--btn-primary-bg)] px-4 py-2 text-sm font-bold text-[var(--btn-primary-text)] hover:bg-[var(--btn-primary-hover)] transition-colors disabled:opacity-50 active:scale-[0.97]",
+            children: isImportSaving ? "Importing..." : importRows.length > 0 ? `Import ${importRows.length} secret${importRows.length === 1 ? "" : "s"}` : "Import secrets"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx7(Dialog3, { open: !!deleteTarget, onOpenChange: (open) => {
       if (!open) setDeleteTarget(null);
-    }, children: /* @__PURE__ */ jsxs6(DialogContent2, { className: "max-w-sm", children: [
-      /* @__PURE__ */ jsxs6(DialogHeader2, { children: [
-        /* @__PURE__ */ jsx6(DialogTitle2, { children: "Delete Secret?" }),
-        /* @__PURE__ */ jsxs6(DialogDescription2, { children: [
+    }, children: /* @__PURE__ */ jsxs7(DialogContent3, { className: "max-w-sm", children: [
+      /* @__PURE__ */ jsxs7(DialogHeader3, { children: [
+        /* @__PURE__ */ jsx7(DialogTitle3, { children: "Delete Secret?" }),
+        /* @__PURE__ */ jsxs7(DialogDescription3, { children: [
           "This will permanently delete ",
-          /* @__PURE__ */ jsx6("span", { className: "font-mono font-bold text-foreground", children: deleteTarget }),
+          /* @__PURE__ */ jsx7("span", { className: "font-mono font-bold text-foreground", children: deleteTarget }),
           ". Sandboxes using this secret will lose access to it."
         ] })
       ] }),
-      /* @__PURE__ */ jsxs6(DialogFooter2, { children: [
-        /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsxs7(DialogFooter3, { children: [
+        /* @__PURE__ */ jsx7(
           "button",
           {
             type: "button",
@@ -2615,7 +3082,7 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           "button",
           {
             type: "button",
@@ -2627,20 +3094,20 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs6("div", { className: "overflow-hidden rounded-lg border border-border bg-card shadow-[var(--shadow-card)]", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "border-b border-border px-6 py-4 flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx6("div", { className: "flex gap-6", children: /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs font-bold uppercase tracking-widest text-foreground border-b-2 border-foreground pb-1", children: "All Secrets" }) }),
-        /* @__PURE__ */ jsxs6("span", { className: "text-xs text-muted-foreground font-mono", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "overflow-hidden rounded-lg border border-border bg-card shadow-[var(--shadow-card)]", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "border-b border-border px-6 py-4 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx7("div", { className: "flex gap-6", children: /* @__PURE__ */ jsx7("button", { type: "button", className: "text-xs font-bold uppercase tracking-widest text-foreground border-b-2 border-foreground pb-1", children: "All Secrets" }) }),
+        /* @__PURE__ */ jsxs7("span", { className: "text-xs text-muted-foreground font-mono", children: [
           secrets.length,
           " secret",
           secrets.length !== 1 ? "s" : ""
         ] })
       ] }),
-      loading ? /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx6("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent" }) }) : secrets.length === 0 ? /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-        /* @__PURE__ */ jsx6(Lock, { className: "h-10 w-10 text-muted-foreground mb-4" }),
-        /* @__PURE__ */ jsx6("h3", { className: "text-lg font-semibold text-foreground", children: "No secrets yet" }),
-        /* @__PURE__ */ jsx6("p", { className: "mt-1 text-sm text-muted-foreground max-w-sm", children: "Create a secret to inject into your sandboxes." }),
-        /* @__PURE__ */ jsxs6(
+      loading ? /* @__PURE__ */ jsx7("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx7("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-muted-foreground border-t-transparent" }) }) : secrets.length === 0 ? /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
+        /* @__PURE__ */ jsx7(Lock, { className: "h-10 w-10 text-muted-foreground mb-4" }),
+        /* @__PURE__ */ jsx7("h3", { className: "text-lg font-semibold text-foreground", children: "No secrets yet" }),
+        /* @__PURE__ */ jsx7("p", { className: "mt-1 text-sm text-muted-foreground max-w-sm", children: "Create a secret to inject into your sandboxes." }),
+        /* @__PURE__ */ jsxs7(
           "button",
           {
             type: "button",
@@ -2648,52 +3115,52 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
             "aria-label": "Create your first secret",
             className: "mt-6 inline-flex items-center gap-2 rounded-md bg-[var(--btn-primary-bg)] px-4 py-2 text-sm font-semibold text-[var(--btn-primary-text)] hover:bg-[var(--btn-primary-hover)] transition-colors active:scale-[0.97]",
             children: [
-              /* @__PURE__ */ jsx6(Plus3, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx7(Plus3, { className: "h-4 w-4" }),
               "New Secret"
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsxs6("table", { className: "w-full text-left border-collapse", children: [
-        /* @__PURE__ */ jsx6("thead", { children: /* @__PURE__ */ jsxs6("tr", { className: "bg-muted/30 border-b border-border", children: [
-          /* @__PURE__ */ jsx6("th", { className: "px-6 py-4 text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Secret Name" }),
-          /* @__PURE__ */ jsx6("th", { className: "px-6 py-4 text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Encrypted Value" }),
-          /* @__PURE__ */ jsx6("th", { className: "px-6 py-4 text-[10px] font-bold uppercase tracking-widest text-muted-foreground text-right", children: "Created" }),
-          /* @__PURE__ */ jsx6("th", { className: "px-6 py-4 w-12" })
+      ] }) : /* @__PURE__ */ jsxs7("table", { className: "w-full text-left border-collapse", children: [
+        /* @__PURE__ */ jsx7("thead", { children: /* @__PURE__ */ jsxs7("tr", { className: "bg-muted/30 border-b border-border", children: [
+          /* @__PURE__ */ jsx7("th", { className: "px-6 py-4 text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Secret Name" }),
+          /* @__PURE__ */ jsx7("th", { className: "px-6 py-4 text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Encrypted Value" }),
+          /* @__PURE__ */ jsx7("th", { className: "px-6 py-4 text-[10px] font-bold uppercase tracking-widest text-muted-foreground text-right", children: "Created" }),
+          /* @__PURE__ */ jsx7("th", { className: "px-6 py-4 w-12" })
         ] }) }),
-        /* @__PURE__ */ jsx6("tbody", { className: "divide-y divide-border", children: secrets.map((secret) => /* @__PURE__ */ jsxs6("tr", { className: "hover:bg-muted/20 transition-colors", children: [
-          /* @__PURE__ */ jsx6("td", { className: "px-6 py-4", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx6(Key, { className: "h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ jsx6("span", { className: "text-sm font-bold font-mono text-foreground", children: secret.name })
+        /* @__PURE__ */ jsx7("tbody", { className: "divide-y divide-border", children: secrets.map((secret) => /* @__PURE__ */ jsxs7("tr", { className: "hover:bg-muted/20 transition-colors", children: [
+          /* @__PURE__ */ jsx7("td", { className: "px-6 py-4", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx7(Key, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx7("span", { className: "text-sm font-bold font-mono text-foreground", children: secret.name })
           ] }) }),
-          /* @__PURE__ */ jsx6("td", { className: "px-6 py-4", children: /* @__PURE__ */ jsx6("code", { className: "text-xs font-mono text-muted-foreground bg-muted px-2 py-1 rounded", children: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" }) }),
-          /* @__PURE__ */ jsx6("td", { className: "px-6 py-4 text-right", children: /* @__PURE__ */ jsx6("span", { className: "text-xs text-muted-foreground", children: formatDate(secret.createdAt) }) }),
-          /* @__PURE__ */ jsx6("td", { className: "px-6 py-4", children: /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx7("td", { className: "px-6 py-4", children: /* @__PURE__ */ jsx7("code", { className: "text-xs font-mono text-muted-foreground bg-muted px-2 py-1 rounded", children: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" }) }),
+          /* @__PURE__ */ jsx7("td", { className: "px-6 py-4 text-right", children: /* @__PURE__ */ jsx7("span", { className: "text-xs text-muted-foreground", children: formatDate(secret.createdAt) }) }),
+          /* @__PURE__ */ jsx7("td", { className: "px-6 py-4", children: /* @__PURE__ */ jsx7(
             "button",
             {
               type: "button",
               onClick: () => setDeleteTarget(secret.name),
               className: "p-1.5 rounded-md text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors",
               "aria-label": `Delete ${secret.name}`,
-              children: /* @__PURE__ */ jsx6(Trash23, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx7(Trash23, { className: "h-4 w-4" })
             }
           ) })
         ] }, secret.name)) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
-      /* @__PURE__ */ jsxs6("div", { className: "rounded-lg border border-border bg-card p-6 shadow-[var(--shadow-card)]", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3 mb-3", children: [
-          /* @__PURE__ */ jsx6("div", { className: "flex h-9 w-9 items-center justify-center rounded-md bg-[var(--brand-primary,hsl(var(--primary)))] text-[var(--btn-primary-text)]", children: /* @__PURE__ */ jsx6(Shield, { className: "h-5 w-5" }) }),
-          /* @__PURE__ */ jsx6("h3", { className: "text-sm font-bold text-foreground", children: "Encryption Standard" })
+    /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border border-border bg-card p-6 shadow-[var(--shadow-card)]", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3 mb-3", children: [
+          /* @__PURE__ */ jsx7("div", { className: "flex h-9 w-9 items-center justify-center rounded-md bg-[var(--brand-primary,hsl(var(--primary)))] text-[var(--btn-primary-text)]", children: /* @__PURE__ */ jsx7(Shield, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsx7("h3", { className: "text-sm font-bold text-foreground", children: "Encryption Standard" })
         ] }),
-        /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground leading-relaxed", children: "Your secrets are encrypted using AES-256-GCM at rest and TLS 1.3 in transit. Hardware Security Modules manage all root keys." })
+        /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground leading-relaxed", children: "Your secrets are encrypted using AES-256-GCM at rest and TLS 1.3 in transit. Hardware Security Modules manage all root keys." })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "rounded-lg border border-border bg-card p-6 shadow-[var(--shadow-card)]", children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3 mb-3", children: [
-          /* @__PURE__ */ jsx6("div", { className: "flex h-9 w-9 items-center justify-center rounded-md bg-[var(--brand-primary,hsl(var(--primary)))] text-[var(--btn-primary-text)]", children: /* @__PURE__ */ jsx6(Lock, { className: "h-5 w-5" }) }),
-          /* @__PURE__ */ jsx6("h3", { className: "text-sm font-bold text-foreground", children: "Access Policy" })
+      /* @__PURE__ */ jsxs7("div", { className: "rounded-lg border border-border bg-card p-6 shadow-[var(--shadow-card)]", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3 mb-3", children: [
+          /* @__PURE__ */ jsx7("div", { className: "flex h-9 w-9 items-center justify-center rounded-md bg-[var(--brand-primary,hsl(var(--primary)))] text-[var(--btn-primary-text)]", children: /* @__PURE__ */ jsx7(Lock, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsx7("h3", { className: "text-sm font-bold text-foreground", children: "Access Policy" })
         ] }),
-        /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground leading-relaxed", children: "Secrets are injected at sandbox creation time and are never exposed in logs, API responses, or container metadata." })
+        /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground leading-relaxed", children: "Secrets are injected at sandbox creation time and are never exposed in logs, API responses, or container metadata." })
       ] })
     ] })
   ] });
@@ -2702,18 +3169,18 @@ function SecretsPage({ apiClient, className, teamSecretsHint }) {
 // src/pages/templates-page.tsx
 import { Layers as Layers2 } from "lucide-react";
 import { Skeleton as Skeleton3 } from "@tangle-network/ui/primitives";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function TemplatesPage({ templates, loading = false, onUseTemplate, className }) {
-  return /* @__PURE__ */ jsxs7("div", { className: cn("space-y-8", className), children: [
-    /* @__PURE__ */ jsxs7("div", { children: [
-      /* @__PURE__ */ jsx7("h1", { className: "font-bold text-3xl text-foreground", children: "Templates" }),
-      /* @__PURE__ */ jsx7("p", { className: "mt-1 text-muted-foreground", children: "Pre-configured environments to get started quickly" })
+  return /* @__PURE__ */ jsxs8("div", { className: cn("space-y-8", className), children: [
+    /* @__PURE__ */ jsxs8("div", { children: [
+      /* @__PURE__ */ jsx8("h1", { className: "font-bold text-3xl text-foreground", children: "Templates" }),
+      /* @__PURE__ */ jsx8("p", { className: "mt-1 text-muted-foreground", children: "Pre-configured environments to get started quickly" })
     ] }),
-    loading || !templates ? /* @__PURE__ */ jsx7("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx7(Skeleton3, { className: "h-56 rounded-2xl" }, i)) }) : templates.length === 0 ? /* @__PURE__ */ jsxs7("div", { className: "rounded-2xl border border-border bg-card p-16 text-center", children: [
-      /* @__PURE__ */ jsx7(Layers2, { className: "mx-auto mb-3 h-10 w-10 text-muted-foreground" }),
-      /* @__PURE__ */ jsx7("p", { className: "text-sm font-medium text-foreground mb-1", children: "No templates available" }),
-      /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground", children: "Check back later for pre-configured environments." })
-    ] }) : /* @__PURE__ */ jsx7("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3", children: templates.map((template) => /* @__PURE__ */ jsx7(
+    loading || !templates ? /* @__PURE__ */ jsx8("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx8(Skeleton3, { className: "h-56 rounded-2xl" }, i)) }) : templates.length === 0 ? /* @__PURE__ */ jsxs8("div", { className: "rounded-2xl border border-border bg-card p-16 text-center", children: [
+      /* @__PURE__ */ jsx8(Layers2, { className: "mx-auto mb-3 h-10 w-10 text-muted-foreground" }),
+      /* @__PURE__ */ jsx8("p", { className: "text-sm font-medium text-foreground mb-1", children: "No templates available" }),
+      /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: "Check back later for pre-configured environments." })
+    ] }) : /* @__PURE__ */ jsx8("div", { className: "grid grid-cols-1 gap-5 sm:grid-cols-2 lg:grid-cols-3", children: templates.map((template) => /* @__PURE__ */ jsx8(
       TemplateCard,
       {
         template,
@@ -2725,7 +3192,7 @@ function TemplatesPage({ templates, loading = false, onUseTemplate, className })
 }
 
 // src/pages/startup-scripts-page.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 import {
   Play,
   Plus as Plus4,
@@ -2746,14 +3213,14 @@ import {
   Layers as Layers3
 } from "lucide-react";
 import {
-  Dialog as Dialog3,
-  DialogContent as DialogContent3,
-  DialogDescription as DialogDescription3,
-  DialogFooter as DialogFooter3,
-  DialogHeader as DialogHeader3,
-  DialogTitle as DialogTitle3
+  Dialog as Dialog4,
+  DialogContent as DialogContent4,
+  DialogDescription as DialogDescription4,
+  DialogFooter as DialogFooter4,
+  DialogHeader as DialogHeader4,
+  DialogTitle as DialogTitle4
 } from "@tangle-network/ui/primitives";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var SCRIPT_TYPE_META = {
   bash: {
     label: "Bash",
@@ -2922,26 +3389,26 @@ function makeDefaultFormData(scriptType = "bash") {
   };
 }
 function StartupScriptsPage({ apiClient, className }) {
-  const [scripts, setScripts] = React6.useState([]);
-  const [secrets, setSecrets] = React6.useState([]);
-  const [environments, setEnvironments] = React6.useState([]);
-  const [loading, setLoading] = React6.useState(true);
-  const [error, setError] = React6.useState(null);
-  const [isDialogOpen, setIsDialogOpen] = React6.useState(false);
-  const [dialogStep, setDialogStep] = React6.useState("picker");
-  const [transitionDir, setTransitionDir] = React6.useState("forward");
-  const [stepKey, setStepKey] = React6.useState(0);
-  const [editingScript, setEditingScript] = React6.useState(null);
-  const [formData, setFormData] = React6.useState(makeDefaultFormData());
-  const [isSaving, setIsSaving] = React6.useState(false);
-  const [formError, setFormError] = React6.useState(null);
-  const [showConditions, setShowConditions] = React6.useState(false);
-  const [deleteTarget, setDeleteTarget] = React6.useState(null);
-  const [isDeleting, setIsDeleting] = React6.useState(false);
-  const apiRef = React6.useRef(apiClient);
+  const [scripts, setScripts] = React7.useState([]);
+  const [secrets, setSecrets] = React7.useState([]);
+  const [environments, setEnvironments] = React7.useState([]);
+  const [loading, setLoading] = React7.useState(true);
+  const [error, setError] = React7.useState(null);
+  const [isDialogOpen, setIsDialogOpen] = React7.useState(false);
+  const [dialogStep, setDialogStep] = React7.useState("picker");
+  const [transitionDir, setTransitionDir] = React7.useState("forward");
+  const [stepKey, setStepKey] = React7.useState(0);
+  const [editingScript, setEditingScript] = React7.useState(null);
+  const [formData, setFormData] = React7.useState(makeDefaultFormData());
+  const [isSaving, setIsSaving] = React7.useState(false);
+  const [formError, setFormError] = React7.useState(null);
+  const [showConditions, setShowConditions] = React7.useState(false);
+  const [deleteTarget, setDeleteTarget] = React7.useState(null);
+  const [isDeleting, setIsDeleting] = React7.useState(false);
+  const apiRef = React7.useRef(apiClient);
   apiRef.current = apiClient;
-  const loadGenRef = React6.useRef(0);
-  const loadData = React6.useCallback(async (showSpinner = true) => {
+  const loadGenRef = React7.useRef(0);
+  const loadData = React7.useCallback(async (showSpinner = true) => {
     const gen = ++loadGenRef.current;
     try {
       if (showSpinner) setLoading(true);
@@ -2962,7 +3429,7 @@ function StartupScriptsPage({ apiClient, className }) {
       if (gen === loadGenRef.current) setLoading(false);
     }
   }, []);
-  React6.useEffect(() => {
+  React7.useEffect(() => {
     loadData();
   }, [loadData]);
   const openCreate = () => {
@@ -3075,41 +3542,41 @@ function StartupScriptsPage({ apiClient, className }) {
     }));
   };
   const activeCount = scripts.filter((s) => s.enabled).length;
-  return /* @__PURE__ */ jsxs8("div", { className: cn("mx-auto w-full max-w-7xl space-y-6", className), children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-4 md:flex-row md:items-end md:justify-between", children: [
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("h1", { className: "font-display text-3xl font-extrabold tracking-tight text-foreground", children: "Startup Scripts" }),
-        /* @__PURE__ */ jsx8("p", { className: "mt-1 text-sm text-muted-foreground", children: "Define scripts that run automatically when your sandboxes start. Scripts can access your encrypted secrets." })
+  return /* @__PURE__ */ jsxs9("div", { className: cn("mx-auto w-full max-w-7xl space-y-6", className), children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-4 md:flex-row md:items-end md:justify-between", children: [
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("h1", { className: "font-display text-3xl font-extrabold tracking-tight text-foreground", children: "Startup Scripts" }),
+        /* @__PURE__ */ jsx9("p", { className: "mt-1 text-sm text-muted-foreground", children: "Define scripts that run automatically when your sandboxes start. Scripts can access your encrypted secrets." })
       ] }),
-      /* @__PURE__ */ jsxs8(
+      /* @__PURE__ */ jsxs9(
         "button",
         {
           type: "button",
           onClick: openCreate,
           className: "inline-flex items-center gap-2 rounded-lg bg-[var(--btn-primary-bg)] px-4 py-2.5 text-sm font-bold text-[var(--btn-primary-text)] shadow-sm transition-colors hover:bg-[var(--btn-primary-hover)]",
           children: [
-            /* @__PURE__ */ jsx8(Plus4, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx9(Plus4, { className: "h-4 w-4" }),
             "New Script"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-4", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border border-border bg-card p-5 shadow-[var(--shadow-card)]", children: [
-        /* @__PURE__ */ jsx8("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Total Scripts" }),
-        /* @__PURE__ */ jsx8("div", { className: "mt-2 flex items-baseline gap-2", children: /* @__PURE__ */ jsx8("span", { className: "font-display text-2xl font-extrabold text-foreground", children: scripts.length }) })
+    /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-4", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "rounded-lg border border-border bg-card p-5 shadow-[var(--shadow-card)]", children: [
+        /* @__PURE__ */ jsx9("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Total Scripts" }),
+        /* @__PURE__ */ jsx9("div", { className: "mt-2 flex items-baseline gap-2", children: /* @__PURE__ */ jsx9("span", { className: "font-display text-2xl font-extrabold text-foreground", children: scripts.length }) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border border-border bg-card p-5 shadow-[var(--shadow-card)]", children: [
-        /* @__PURE__ */ jsx8("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Active" }),
-        /* @__PURE__ */ jsxs8("div", { className: "mt-2 flex items-baseline gap-2", children: [
-          /* @__PURE__ */ jsx8("span", { className: "font-display text-2xl font-extrabold text-foreground", children: activeCount }),
-          /* @__PURE__ */ jsxs8("span", { className: "text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "rounded-lg border border-border bg-card p-5 shadow-[var(--shadow-card)]", children: [
+        /* @__PURE__ */ jsx9("p", { className: "text-[10px] font-bold uppercase tracking-widest text-muted-foreground", children: "Active" }),
+        /* @__PURE__ */ jsxs9("div", { className: "mt-2 flex items-baseline gap-2", children: [
+          /* @__PURE__ */ jsx9("span", { className: "font-display text-2xl font-extrabold text-foreground", children: activeCount }),
+          /* @__PURE__ */ jsxs9("span", { className: "text-xs text-muted-foreground", children: [
             "of ",
             scripts.length
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(
         InfoPanel,
         {
           className: "md:col-span-2",
@@ -3119,12 +3586,12 @@ function StartupScriptsPage({ apiClient, className }) {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3 rounded-lg border border-destructive/30 bg-destructive/10 p-4", children: [
-      /* @__PURE__ */ jsx8(AlertCircle3, { className: "h-5 w-5 shrink-0 text-destructive" }),
-      /* @__PURE__ */ jsx8("p", { className: "text-sm font-medium text-destructive", children: error })
+    error && /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3 rounded-lg border border-destructive/30 bg-destructive/10 p-4", children: [
+      /* @__PURE__ */ jsx9(AlertCircle3, { className: "h-5 w-5 shrink-0 text-destructive" }),
+      /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium text-destructive", children: error })
     ] }),
-    /* @__PURE__ */ jsx8(Dialog3, { open: isDialogOpen, onOpenChange: setIsDialogOpen, children: /* @__PURE__ */ jsxs8(DialogContent3, { className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [
-      dialogStep === "picker" && /* @__PURE__ */ jsxs8(
+    /* @__PURE__ */ jsx9(Dialog4, { open: isDialogOpen, onOpenChange: setIsDialogOpen, children: /* @__PURE__ */ jsxs9(DialogContent4, { className: "max-w-2xl max-h-[90vh] overflow-y-auto", children: [
+      dialogStep === "picker" && /* @__PURE__ */ jsxs9(
         "div",
         {
           className: cn(
@@ -3132,14 +3599,14 @@ function StartupScriptsPage({ apiClient, className }) {
             transitionDir === "back" ? "slide-in-from-left-4" : "slide-in-from-right-4"
           ),
           children: [
-            /* @__PURE__ */ jsxs8(DialogHeader3, { children: [
-              /* @__PURE__ */ jsx8(DialogTitle3, { children: "New Startup Script" }),
-              /* @__PURE__ */ jsx8(DialogDescription3, { children: "Start from a template or create a blank script." })
+            /* @__PURE__ */ jsxs9(DialogHeader4, { children: [
+              /* @__PURE__ */ jsx9(DialogTitle4, { children: "New Startup Script" }),
+              /* @__PURE__ */ jsx9(DialogDescription4, { children: "Start from a template or create a blank script." })
             ] }),
-            /* @__PURE__ */ jsxs8("div", { className: "space-y-4 py-2", children: [
-              /* @__PURE__ */ jsxs8("div", { children: [
-                /* @__PURE__ */ jsx8("p", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground mb-2", children: "Blank Script" }),
-                /* @__PURE__ */ jsx8("div", { className: "flex flex-wrap gap-2", children: Object.entries(SCRIPT_TYPE_META).map(([type, meta]) => /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsxs9("div", { className: "space-y-4 py-2", children: [
+              /* @__PURE__ */ jsxs9("div", { children: [
+                /* @__PURE__ */ jsx9("p", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground mb-2", children: "Blank Script" }),
+                /* @__PURE__ */ jsx9("div", { className: "flex flex-wrap gap-2", children: Object.entries(SCRIPT_TYPE_META).map(([type, meta]) => /* @__PURE__ */ jsx9(
                   "button",
                   {
                     type: "button",
@@ -3150,24 +3617,24 @@ function StartupScriptsPage({ apiClient, className }) {
                   type
                 )) })
               ] }),
-              /* @__PURE__ */ jsxs8("div", { children: [
-                /* @__PURE__ */ jsx8("p", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground mb-2", children: "Templates" }),
-                /* @__PURE__ */ jsx8("div", { className: "space-y-2", children: SCRIPT_TEMPLATES.map((tmpl) => /* @__PURE__ */ jsxs8(
+              /* @__PURE__ */ jsxs9("div", { children: [
+                /* @__PURE__ */ jsx9("p", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground mb-2", children: "Templates" }),
+                /* @__PURE__ */ jsx9("div", { className: "space-y-2", children: SCRIPT_TEMPLATES.map((tmpl) => /* @__PURE__ */ jsxs9(
                   "button",
                   {
                     type: "button",
                     onClick: () => openFromTemplate(tmpl),
                     className: "w-full text-left rounded-lg border border-border bg-card p-4 hover:border-primary/30 hover:bg-muted/30 transition-colors group",
                     children: [
-                      /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ jsxs8("div", { children: [
-                          /* @__PURE__ */ jsx8("h4", { className: "text-sm font-bold text-foreground group-hover:text-primary transition-colors", children: tmpl.name }),
-                          /* @__PURE__ */ jsx8("p", { className: "mt-0.5 text-xs text-muted-foreground", children: tmpl.description })
+                      /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ jsxs9("div", { children: [
+                          /* @__PURE__ */ jsx9("h4", { className: "text-sm font-bold text-foreground group-hover:text-primary transition-colors", children: tmpl.name }),
+                          /* @__PURE__ */ jsx9("p", { className: "mt-0.5 text-xs text-muted-foreground", children: tmpl.description })
                         ] }),
-                        /* @__PURE__ */ jsx8("span", { className: "text-[10px] font-mono text-muted-foreground bg-muted rounded px-1.5 py-0.5", children: SCRIPT_TYPE_META[tmpl.scriptType].label })
+                        /* @__PURE__ */ jsx9("span", { className: "text-[10px] font-mono text-muted-foreground bg-muted rounded px-1.5 py-0.5", children: SCRIPT_TYPE_META[tmpl.scriptType].label })
                       ] }),
-                      tmpl.injectSecrets.length > 0 && /* @__PURE__ */ jsx8("div", { className: "mt-2 flex flex-wrap gap-1", children: tmpl.injectSecrets.map((s) => /* @__PURE__ */ jsxs8("span", { className: "inline-flex items-center gap-0.5 rounded-full bg-muted px-2 py-0.5 text-[10px] text-muted-foreground", children: [
-                        /* @__PURE__ */ jsx8(Lock2, { className: "h-2.5 w-2.5" }),
+                      tmpl.injectSecrets.length > 0 && /* @__PURE__ */ jsx9("div", { className: "mt-2 flex flex-wrap gap-1", children: tmpl.injectSecrets.map((s) => /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center gap-0.5 rounded-full bg-muted px-2 py-0.5 text-[10px] text-muted-foreground", children: [
+                        /* @__PURE__ */ jsx9(Lock2, { className: "h-2.5 w-2.5" }),
                         s
                       ] }, s)) })
                     ]
@@ -3180,7 +3647,7 @@ function StartupScriptsPage({ apiClient, className }) {
         },
         `picker-${stepKey}`
       ),
-      dialogStep === "form" && /* @__PURE__ */ jsxs8(
+      dialogStep === "form" && /* @__PURE__ */ jsxs9(
         "div",
         {
           className: cn(
@@ -3188,14 +3655,14 @@ function StartupScriptsPage({ apiClient, className }) {
             transitionDir === "forward" ? "slide-in-from-right-4" : "slide-in-from-left-4"
           ),
           children: [
-            /* @__PURE__ */ jsxs8(DialogHeader3, { children: [
-              /* @__PURE__ */ jsx8(DialogTitle3, { children: editingScript ? "Edit Script" : "Create Startup Script" }),
-              /* @__PURE__ */ jsx8(DialogDescription3, { children: editingScript ? "Modify your startup script configuration." : "Define a shell script that runs when sandboxes start. Scripts execute before the AI agent." })
+            /* @__PURE__ */ jsxs9(DialogHeader4, { children: [
+              /* @__PURE__ */ jsx9(DialogTitle4, { children: editingScript ? "Edit Script" : "Create Startup Script" }),
+              /* @__PURE__ */ jsx9(DialogDescription4, { children: editingScript ? "Modify your startup script configuration." : "Define a shell script that runs when sandboxes start. Scripts execute before the AI agent." })
             ] }),
-            /* @__PURE__ */ jsxs8("div", { className: "space-y-5 py-2", children: [
-              /* @__PURE__ */ jsxs8("div", { children: [
-                /* @__PURE__ */ jsx8("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground", children: "Name" }),
-                /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsxs9("div", { className: "space-y-5 py-2", children: [
+              /* @__PURE__ */ jsxs9("div", { children: [
+                /* @__PURE__ */ jsx9("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground", children: "Name" }),
+                /* @__PURE__ */ jsx9(
                   "input",
                   {
                     type: "text",
@@ -3207,9 +3674,9 @@ function StartupScriptsPage({ apiClient, className }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs8("div", { children: [
-                /* @__PURE__ */ jsx8("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground", children: "Description" }),
-                /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsxs9("div", { children: [
+                /* @__PURE__ */ jsx9("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground", children: "Description" }),
+                /* @__PURE__ */ jsx9(
                   "input",
                   {
                     type: "text",
@@ -3221,9 +3688,9 @@ function StartupScriptsPage({ apiClient, className }) {
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs8("div", { children: [
-                /* @__PURE__ */ jsx8("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground", children: "Language" }),
-                /* @__PURE__ */ jsx8("div", { className: "mt-1.5 flex flex-wrap gap-2", children: Object.entries(SCRIPT_TYPE_META).map(([type, meta]) => /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsxs9("div", { children: [
+                /* @__PURE__ */ jsx9("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground", children: "Language" }),
+                /* @__PURE__ */ jsx9("div", { className: "mt-1.5 flex flex-wrap gap-2", children: Object.entries(SCRIPT_TYPE_META).map(([type, meta]) => /* @__PURE__ */ jsx9(
                   "button",
                   {
                     type: "button",
@@ -3245,9 +3712,9 @@ function StartupScriptsPage({ apiClient, className }) {
                   type
                 )) })
               ] }),
-              /* @__PURE__ */ jsxs8("div", { children: [
-                /* @__PURE__ */ jsx8("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground", children: "Script" }),
-                /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsxs9("div", { children: [
+                /* @__PURE__ */ jsx9("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground", children: "Script" }),
+                /* @__PURE__ */ jsx9(
                   "textarea",
                   {
                     value: formData.content,
@@ -3257,19 +3724,19 @@ function StartupScriptsPage({ apiClient, className }) {
                     className: "mt-1.5 w-full rounded-lg border border-border bg-[var(--depth-1,hsl(var(--muted)))] px-4 py-3 font-mono text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-primary/30 resize-y"
                   }
                 ),
-                /* @__PURE__ */ jsxs8("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ jsxs9("p", { className: "mt-1 text-xs text-muted-foreground", children: [
                   SCRIPT_TYPE_META[formData.scriptType].label,
                   " script. Injected secrets are available as environment variables (e.g. ",
-                  /* @__PURE__ */ jsx8("code", { className: "text-primary", children: "$GITHUB_TOKEN" }),
+                  /* @__PURE__ */ jsx9("code", { className: "text-primary", children: "$GITHUB_TOKEN" }),
                   ")."
                 ] })
               ] }),
-              secrets.length > 0 && /* @__PURE__ */ jsxs8("div", { children: [
-                /* @__PURE__ */ jsx8("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground", children: "Inject Secrets" }),
-                /* @__PURE__ */ jsx8("p", { className: "mt-0.5 text-xs text-muted-foreground", children: "Select secrets to make available as environment variables." }),
-                /* @__PURE__ */ jsx8("div", { className: "mt-2 flex flex-wrap gap-2", children: secrets.map((secret) => {
+              secrets.length > 0 && /* @__PURE__ */ jsxs9("div", { children: [
+                /* @__PURE__ */ jsx9("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground", children: "Inject Secrets" }),
+                /* @__PURE__ */ jsx9("p", { className: "mt-0.5 text-xs text-muted-foreground", children: "Select secrets to make available as environment variables." }),
+                /* @__PURE__ */ jsx9("div", { className: "mt-2 flex flex-wrap gap-2", children: secrets.map((secret) => {
                   const selected = formData.injectSecrets.includes(secret.name);
-                  return /* @__PURE__ */ jsxs8(
+                  return /* @__PURE__ */ jsxs9(
                     "button",
                     {
                       type: "button",
@@ -3279,7 +3746,7 @@ function StartupScriptsPage({ apiClient, className }) {
                         selected ? "bg-primary/10 border-primary/30 text-primary" : "bg-muted border-border text-muted-foreground hover:border-primary/20"
                       ),
                       children: [
-                        /* @__PURE__ */ jsx8(Lock2, { className: "h-3 w-3" }),
+                        /* @__PURE__ */ jsx9(Lock2, { className: "h-3 w-3" }),
                         secret.name
                       ]
                     },
@@ -3287,29 +3754,29 @@ function StartupScriptsPage({ apiClient, className }) {
                   );
                 }) })
               ] }),
-              /* @__PURE__ */ jsxs8("div", { children: [
-                /* @__PURE__ */ jsxs8(
+              /* @__PURE__ */ jsxs9("div", { children: [
+                /* @__PURE__ */ jsxs9(
                   "button",
                   {
                     type: "button",
                     onClick: () => setShowConditions(!showConditions),
                     className: "flex items-center gap-2 text-xs font-bold uppercase tracking-widest text-muted-foreground hover:text-foreground transition-colors",
                     children: [
-                      showConditions ? /* @__PURE__ */ jsx8(ChevronUp, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx8(ChevronDown2, { className: "h-3.5 w-3.5" }),
+                      showConditions ? /* @__PURE__ */ jsx9(ChevronUp, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx9(ChevronDown2, { className: "h-3.5 w-3.5" }),
                       "Conditions & Execution"
                     ]
                   }
                 ),
-                showConditions && /* @__PURE__ */ jsxs8("div", { className: "mt-3 space-y-4 rounded-lg border border-border bg-muted/30 p-4", children: [
-                  /* @__PURE__ */ jsxs8("div", { children: [
-                    /* @__PURE__ */ jsxs8("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground flex items-center gap-1.5", children: [
-                      /* @__PURE__ */ jsx8(Layers3, { className: "h-3.5 w-3.5" }),
+                showConditions && /* @__PURE__ */ jsxs9("div", { className: "mt-3 space-y-4 rounded-lg border border-border bg-muted/30 p-4", children: [
+                  /* @__PURE__ */ jsxs9("div", { children: [
+                    /* @__PURE__ */ jsxs9("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground flex items-center gap-1.5", children: [
+                      /* @__PURE__ */ jsx9(Layers3, { className: "h-3.5 w-3.5" }),
                       "Environments"
                     ] }),
-                    /* @__PURE__ */ jsx8("p", { className: "mt-0.5 text-xs text-muted-foreground", children: environments.length > 0 ? "Only run for these environments. Leave empty to run for all." : "No templates configured. Script will run for all environments." }),
-                    environments.length > 0 && /* @__PURE__ */ jsx8("div", { className: "mt-2 flex flex-wrap gap-2", children: environments.map((env) => {
+                    /* @__PURE__ */ jsx9("p", { className: "mt-0.5 text-xs text-muted-foreground", children: environments.length > 0 ? "Only run for these environments. Leave empty to run for all." : "No templates configured. Script will run for all environments." }),
+                    environments.length > 0 && /* @__PURE__ */ jsx9("div", { className: "mt-2 flex flex-wrap gap-2", children: environments.map((env) => {
                       const selected = formData.environments.includes(env.id);
-                      return /* @__PURE__ */ jsx8(
+                      return /* @__PURE__ */ jsx9(
                         "button",
                         {
                           type: "button",
@@ -3324,13 +3791,13 @@ function StartupScriptsPage({ apiClient, className }) {
                       );
                     }) })
                   ] }),
-                  /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-2 gap-4", children: [
-                    /* @__PURE__ */ jsxs8("div", { children: [
-                      /* @__PURE__ */ jsxs8("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground flex items-center gap-1.5", children: [
-                        /* @__PURE__ */ jsx8(Cpu2, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-4", children: [
+                    /* @__PURE__ */ jsxs9("div", { children: [
+                      /* @__PURE__ */ jsxs9("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground flex items-center gap-1.5", children: [
+                        /* @__PURE__ */ jsx9(Cpu2, { className: "h-3.5 w-3.5" }),
                         "Min CPU Cores"
                       ] }),
-                      /* @__PURE__ */ jsx8(
+                      /* @__PURE__ */ jsx9(
                         "input",
                         {
                           type: "number",
@@ -3346,12 +3813,12 @@ function StartupScriptsPage({ apiClient, className }) {
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs8("div", { children: [
-                      /* @__PURE__ */ jsxs8("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground flex items-center gap-1.5", children: [
-                        /* @__PURE__ */ jsx8(MemoryStick, { className: "h-3.5 w-3.5" }),
+                    /* @__PURE__ */ jsxs9("div", { children: [
+                      /* @__PURE__ */ jsxs9("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground flex items-center gap-1.5", children: [
+                        /* @__PURE__ */ jsx9(MemoryStick, { className: "h-3.5 w-3.5" }),
                         "Min RAM (GB)"
                       ] }),
-                      /* @__PURE__ */ jsx8(
+                      /* @__PURE__ */ jsx9(
                         "input",
                         {
                           type: "number",
@@ -3368,13 +3835,13 @@ function StartupScriptsPage({ apiClient, className }) {
                       )
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-2 gap-4", children: [
-                    /* @__PURE__ */ jsxs8("div", { children: [
-                      /* @__PURE__ */ jsxs8("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground flex items-center gap-1.5", children: [
-                        /* @__PURE__ */ jsx8(GripVertical, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-2 gap-4", children: [
+                    /* @__PURE__ */ jsxs9("div", { children: [
+                      /* @__PURE__ */ jsxs9("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground flex items-center gap-1.5", children: [
+                        /* @__PURE__ */ jsx9(GripVertical, { className: "h-3.5 w-3.5" }),
                         "Run Order"
                       ] }),
-                      /* @__PURE__ */ jsx8(
+                      /* @__PURE__ */ jsx9(
                         "input",
                         {
                           type: "number",
@@ -3385,14 +3852,14 @@ function StartupScriptsPage({ apiClient, className }) {
                           className: "mt-1.5 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-primary/30"
                         }
                       ),
-                      /* @__PURE__ */ jsx8("p", { className: "mt-1 text-xs text-muted-foreground", children: "Lower runs first" })
+                      /* @__PURE__ */ jsx9("p", { className: "mt-1 text-xs text-muted-foreground", children: "Lower runs first" })
                     ] }),
-                    /* @__PURE__ */ jsxs8("div", { children: [
-                      /* @__PURE__ */ jsxs8("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground flex items-center gap-1.5", children: [
-                        /* @__PURE__ */ jsx8(Clock, { className: "h-3.5 w-3.5" }),
+                    /* @__PURE__ */ jsxs9("div", { children: [
+                      /* @__PURE__ */ jsxs9("label", { className: "text-xs font-bold uppercase tracking-widest text-muted-foreground flex items-center gap-1.5", children: [
+                        /* @__PURE__ */ jsx9(Clock, { className: "h-3.5 w-3.5" }),
                         "Timeout (seconds)"
                       ] }),
-                      /* @__PURE__ */ jsx8(
+                      /* @__PURE__ */ jsx9(
                         "input",
                         {
                           type: "number",
@@ -3405,13 +3872,13 @@ function StartupScriptsPage({ apiClient, className }) {
                       )
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsxs8("div", { className: "space-y-3", children: [
-                    /* @__PURE__ */ jsxs8("label", { className: "flex items-center justify-between cursor-pointer", children: [
-                      /* @__PURE__ */ jsxs8("div", { children: [
-                        /* @__PURE__ */ jsx8("span", { className: "text-sm font-medium text-foreground", children: "Continue on failure" }),
-                        /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground", children: "If script fails, continue starting the sandbox" })
+                  /* @__PURE__ */ jsxs9("div", { className: "space-y-3", children: [
+                    /* @__PURE__ */ jsxs9("label", { className: "flex items-center justify-between cursor-pointer", children: [
+                      /* @__PURE__ */ jsxs9("div", { children: [
+                        /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium text-foreground", children: "Continue on failure" }),
+                        /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground", children: "If script fails, continue starting the sandbox" })
                       ] }),
-                      /* @__PURE__ */ jsx8(
+                      /* @__PURE__ */ jsx9(
                         "button",
                         {
                           type: "button",
@@ -3420,7 +3887,7 @@ function StartupScriptsPage({ apiClient, className }) {
                             "relative h-6 w-11 rounded-full transition-colors",
                             formData.continueOnFailure ? "bg-primary" : "bg-border"
                           ),
-                          children: /* @__PURE__ */ jsx8(
+                          children: /* @__PURE__ */ jsx9(
                             "span",
                             {
                               className: cn(
@@ -3432,12 +3899,12 @@ function StartupScriptsPage({ apiClient, className }) {
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ jsxs8("label", { className: "flex items-center justify-between cursor-pointer", children: [
-                      /* @__PURE__ */ jsxs8("div", { children: [
-                        /* @__PURE__ */ jsx8("span", { className: "text-sm font-medium text-foreground", children: "Run as root" }),
-                        /* @__PURE__ */ jsx8("p", { className: "text-xs text-muted-foreground", children: "Execute with root privileges instead of the agent user" })
+                    /* @__PURE__ */ jsxs9("label", { className: "flex items-center justify-between cursor-pointer", children: [
+                      /* @__PURE__ */ jsxs9("div", { children: [
+                        /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium text-foreground", children: "Run as root" }),
+                        /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground", children: "Execute with root privileges instead of the agent user" })
                       ] }),
-                      /* @__PURE__ */ jsx8(
+                      /* @__PURE__ */ jsx9(
                         "button",
                         {
                           type: "button",
@@ -3446,7 +3913,7 @@ function StartupScriptsPage({ apiClient, className }) {
                             "relative h-6 w-11 rounded-full transition-colors",
                             formData.runAsRoot ? "bg-primary" : "bg-border"
                           ),
-                          children: /* @__PURE__ */ jsx8(
+                          children: /* @__PURE__ */ jsx9(
                             "span",
                             {
                               className: cn(
@@ -3461,26 +3928,26 @@ function StartupScriptsPage({ apiClient, className }) {
                   ] })
                 ] })
               ] }),
-              formError && /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 rounded-lg border border-destructive/30 bg-destructive/10 p-3", children: [
-                /* @__PURE__ */ jsx8(AlertCircle3, { className: "h-4 w-4 text-destructive" }),
-                /* @__PURE__ */ jsx8("p", { className: "text-sm text-destructive", children: formError })
+              formError && /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 rounded-lg border border-destructive/30 bg-destructive/10 p-3", children: [
+                /* @__PURE__ */ jsx9(AlertCircle3, { className: "h-4 w-4 text-destructive" }),
+                /* @__PURE__ */ jsx9("p", { className: "text-sm text-destructive", children: formError })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs8(DialogFooter3, { className: "flex items-center justify-between sm:justify-between", children: [
-              /* @__PURE__ */ jsx8("div", { children: !editingScript && /* @__PURE__ */ jsxs8(
+            /* @__PURE__ */ jsxs9(DialogFooter4, { className: "flex items-center justify-between sm:justify-between", children: [
+              /* @__PURE__ */ jsx9("div", { children: !editingScript && /* @__PURE__ */ jsxs9(
                 "button",
                 {
                   type: "button",
                   onClick: () => goToStep("picker"),
                   className: "inline-flex items-center gap-1.5 rounded-lg border border-border px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
                   children: [
-                    /* @__PURE__ */ jsx8("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx8("path", { d: "m15 18-6-6 6-6" }) }),
+                    /* @__PURE__ */ jsx9("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx9("path", { d: "m15 18-6-6 6-6" }) }),
                     "Back"
                   ]
                 }
               ) }),
-              /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx9(
                   "button",
                   {
                     type: "button",
@@ -3489,7 +3956,7 @@ function StartupScriptsPage({ apiClient, className }) {
                     children: "Cancel"
                   }
                 ),
-                /* @__PURE__ */ jsx8(
+                /* @__PURE__ */ jsx9(
                   "button",
                   {
                     type: "button",
@@ -3506,17 +3973,17 @@ function StartupScriptsPage({ apiClient, className }) {
         `form-${stepKey}`
       )
     ] }) }),
-    /* @__PURE__ */ jsx8(Dialog3, { open: !!deleteTarget, onOpenChange: () => setDeleteTarget(null), children: /* @__PURE__ */ jsxs8(DialogContent3, { className: "max-w-md", children: [
-      /* @__PURE__ */ jsxs8(DialogHeader3, { children: [
-        /* @__PURE__ */ jsx8(DialogTitle3, { children: "Delete Startup Script" }),
-        /* @__PURE__ */ jsxs8(DialogDescription3, { children: [
+    /* @__PURE__ */ jsx9(Dialog4, { open: !!deleteTarget, onOpenChange: () => setDeleteTarget(null), children: /* @__PURE__ */ jsxs9(DialogContent4, { className: "max-w-md", children: [
+      /* @__PURE__ */ jsxs9(DialogHeader4, { children: [
+        /* @__PURE__ */ jsx9(DialogTitle4, { children: "Delete Startup Script" }),
+        /* @__PURE__ */ jsxs9(DialogDescription4, { children: [
           "Are you sure you want to delete \u201C",
           deleteTarget?.name,
           "\u201D? This action cannot be undone."
         ] })
       ] }),
-      /* @__PURE__ */ jsxs8(DialogFooter3, { children: [
-        /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsxs9(DialogFooter4, { children: [
+        /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
@@ -3525,7 +3992,7 @@ function StartupScriptsPage({ apiClient, className }) {
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
@@ -3537,20 +4004,20 @@ function StartupScriptsPage({ apiClient, className }) {
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs8("div", { className: "overflow-hidden rounded-lg border border-border bg-card shadow-[var(--shadow-card)]", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "border-b border-border px-6 py-4 flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx8("button", { className: "text-xs font-bold uppercase tracking-widest text-foreground", children: "All Scripts" }) }),
-        /* @__PURE__ */ jsxs8("span", { className: "text-xs text-muted-foreground font-mono", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "overflow-hidden rounded-lg border border-border bg-card shadow-[var(--shadow-card)]", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "border-b border-border px-6 py-4 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx9("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx9("button", { className: "text-xs font-bold uppercase tracking-widest text-foreground", children: "All Scripts" }) }),
+        /* @__PURE__ */ jsxs9("span", { className: "text-xs text-muted-foreground font-mono", children: [
           scripts.length,
           " script",
           scripts.length !== 1 ? "s" : ""
         ] })
       ] }),
-      loading ? /* @__PURE__ */ jsx8("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx8("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent" }) }) : scripts.length === 0 ? /* @__PURE__ */ jsxs8("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-        /* @__PURE__ */ jsx8(Terminal, { className: "h-10 w-10 text-muted-foreground mb-4" }),
-        /* @__PURE__ */ jsx8("h3", { className: "text-lg font-semibold text-foreground", children: "No startup scripts yet" }),
-        /* @__PURE__ */ jsx8("p", { className: "mt-1 text-sm text-muted-foreground max-w-sm", children: "Create a script to run automatically when your sandboxes start." }),
-        /* @__PURE__ */ jsxs8(
+      loading ? /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx9("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent" }) }) : scripts.length === 0 ? /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
+        /* @__PURE__ */ jsx9(Terminal, { className: "h-10 w-10 text-muted-foreground mb-4" }),
+        /* @__PURE__ */ jsx9("h3", { className: "text-lg font-semibold text-foreground", children: "No startup scripts yet" }),
+        /* @__PURE__ */ jsx9("p", { className: "mt-1 text-sm text-muted-foreground max-w-sm", children: "Create a script to run automatically when your sandboxes start." }),
+        /* @__PURE__ */ jsxs9(
           "button",
           {
             type: "button",
@@ -3558,12 +4025,12 @@ function StartupScriptsPage({ apiClient, className }) {
             "aria-label": "Create your first startup script",
             className: "mt-4 inline-flex items-center gap-2 rounded-lg bg-[var(--btn-primary-bg)] px-4 py-2.5 text-sm font-bold text-[var(--btn-primary-text)] shadow-sm transition-colors hover:bg-[var(--btn-primary-hover)]",
             children: [
-              /* @__PURE__ */ jsx8(Plus4, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx9(Plus4, { className: "h-4 w-4" }),
               "New Script"
             ]
           }
         )
-      ] }) : /* @__PURE__ */ jsx8("div", { className: "divide-y divide-border", children: scripts.map((script) => /* @__PURE__ */ jsxs8(
+      ] }) : /* @__PURE__ */ jsx9("div", { className: "divide-y divide-border", children: scripts.map((script) => /* @__PURE__ */ jsxs9(
         "div",
         {
           className: cn(
@@ -3571,7 +4038,7 @@ function StartupScriptsPage({ apiClient, className }) {
             !script.enabled && "opacity-60"
           ),
           children: [
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "button",
               {
                 type: "button",
@@ -3581,53 +4048,53 @@ function StartupScriptsPage({ apiClient, className }) {
                   "flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-colors",
                   script.enabled ? "bg-[var(--surface-success-bg,hsl(142 76% 90%))] text-[var(--surface-success-text,hsl(142 76% 36%))]" : "bg-muted text-muted-foreground"
                 ),
-                children: script.enabled ? /* @__PURE__ */ jsx8(Power, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx8(PowerOff, { className: "h-4 w-4" })
+                children: script.enabled ? /* @__PURE__ */ jsx9(Power, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx9(PowerOff, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ jsxs8("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx8("h4", { className: "text-sm font-bold text-foreground truncate", children: script.name }),
-                /* @__PURE__ */ jsx8("span", { className: "text-[10px] font-mono text-muted-foreground bg-muted rounded px-1.5 py-0.5", children: SCRIPT_TYPE_META[script.scriptType ?? "bash"].label }),
-                script.runOrder !== 100 && /* @__PURE__ */ jsxs8("span", { className: "text-[10px] font-mono text-muted-foreground bg-muted rounded px-1.5 py-0.5", children: [
+            /* @__PURE__ */ jsxs9("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx9("h4", { className: "text-sm font-bold text-foreground truncate", children: script.name }),
+                /* @__PURE__ */ jsx9("span", { className: "text-[10px] font-mono text-muted-foreground bg-muted rounded px-1.5 py-0.5", children: SCRIPT_TYPE_META[script.scriptType ?? "bash"].label }),
+                script.runOrder !== 100 && /* @__PURE__ */ jsxs9("span", { className: "text-[10px] font-mono text-muted-foreground bg-muted rounded px-1.5 py-0.5", children: [
                   "#",
                   script.runOrder
                 ] })
               ] }),
-              script.description && /* @__PURE__ */ jsx8("p", { className: "mt-0.5 text-xs text-muted-foreground truncate", children: script.description }),
-              /* @__PURE__ */ jsxs8("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: [
-                script.environments.map((env) => /* @__PURE__ */ jsx8("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-[10px] font-medium text-primary", children: env }, env)),
-                script.injectSecrets.map((s) => /* @__PURE__ */ jsxs8("span", { className: "rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground flex items-center gap-0.5", children: [
-                  /* @__PURE__ */ jsx8(Lock2, { className: "h-2.5 w-2.5" }),
+              script.description && /* @__PURE__ */ jsx9("p", { className: "mt-0.5 text-xs text-muted-foreground truncate", children: script.description }),
+              /* @__PURE__ */ jsxs9("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: [
+                script.environments.map((env) => /* @__PURE__ */ jsx9("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-[10px] font-medium text-primary", children: env }, env)),
+                script.injectSecrets.map((s) => /* @__PURE__ */ jsxs9("span", { className: "rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium text-muted-foreground flex items-center gap-0.5", children: [
+                  /* @__PURE__ */ jsx9(Lock2, { className: "h-2.5 w-2.5" }),
                   s
                 ] }, s)),
-                script.continueOnFailure && /* @__PURE__ */ jsx8("span", { className: "rounded-full bg-amber-500/10 px-2 py-0.5 text-[10px] font-medium text-amber-600", children: "soft fail" }),
-                script.runAsRoot && /* @__PURE__ */ jsx8("span", { className: "rounded-full bg-destructive/10 px-2 py-0.5 text-[10px] font-medium text-destructive", children: "root" })
+                script.continueOnFailure && /* @__PURE__ */ jsx9("span", { className: "rounded-full bg-amber-500/10 px-2 py-0.5 text-[10px] font-medium text-amber-600", children: "soft fail" }),
+                script.runAsRoot && /* @__PURE__ */ jsx9("span", { className: "rounded-full bg-destructive/10 px-2 py-0.5 text-[10px] font-medium text-destructive", children: "root" })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs8("div", { className: "hidden md:flex items-center gap-1 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ jsx8(Clock, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsxs9("div", { className: "hidden md:flex items-center gap-1 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx9(Clock, { className: "h-3.5 w-3.5" }),
               script.timeoutSeconds,
               "s"
             ] }),
-            /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-1 sm:opacity-0 sm:group-hover:opacity-100 sm:focus-within:opacity-100 transition-opacity", children: [
-              /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1 sm:opacity-0 sm:group-hover:opacity-100 sm:focus-within:opacity-100 transition-opacity", children: [
+              /* @__PURE__ */ jsx9(
                 "button",
                 {
                   type: "button",
                   onClick: () => openEdit(script),
                   className: "rounded-md p-2 text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
                   "aria-label": `Edit ${script.name}`,
-                  children: /* @__PURE__ */ jsx8(Pencil, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx9(Pencil, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx9(
                 "button",
                 {
                   type: "button",
                   onClick: () => setDeleteTarget(script),
                   className: "rounded-md p-2 text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors",
                   "aria-label": `Delete ${script.name}`,
-                  children: /* @__PURE__ */ jsx8(Trash24, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ jsx9(Trash24, { className: "h-4 w-4" })
                 }
               )
             ] })
@@ -3636,20 +4103,20 @@ function StartupScriptsPage({ apiClient, className }) {
         script.id
       )) })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border border-border bg-card p-6 shadow-[var(--shadow-card)]", children: [
-        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3 mb-3", children: [
-          /* @__PURE__ */ jsx8("div", { className: "flex h-9 w-9 items-center justify-center rounded-md bg-[var(--brand-primary,hsl(var(--primary)))] text-[var(--btn-primary-text)]", children: /* @__PURE__ */ jsx8(Play, { className: "h-5 w-5" }) }),
-          /* @__PURE__ */ jsx8("h3", { className: "text-sm font-bold text-foreground", children: "How Scripts Run" })
+    /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "rounded-lg border border-border bg-card p-6 shadow-[var(--shadow-card)]", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3 mb-3", children: [
+          /* @__PURE__ */ jsx9("div", { className: "flex h-9 w-9 items-center justify-center rounded-md bg-[var(--brand-primary,hsl(var(--primary)))] text-[var(--btn-primary-text)]", children: /* @__PURE__ */ jsx9(Play, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsx9("h3", { className: "text-sm font-bold text-foreground", children: "How Scripts Run" })
         ] }),
-        /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: 'Scripts execute in order after the container starts but before the AI agent. They run as bash scripts with full access to mounted tools (Nix profile) and workspace. Failed scripts abort sandbox creation unless "continue on failure" is enabled.' })
+        /* @__PURE__ */ jsx9("p", { className: "text-sm text-muted-foreground", children: 'Scripts execute in order after the container starts but before the AI agent. They run as bash scripts with full access to mounted tools (Nix profile) and workspace. Failed scripts abort sandbox creation unless "continue on failure" is enabled.' })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "rounded-lg border border-border bg-card p-6 shadow-[var(--shadow-card)]", children: [
-        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-3 mb-3", children: [
-          /* @__PURE__ */ jsx8("div", { className: "flex h-9 w-9 items-center justify-center rounded-md bg-[var(--brand-primary,hsl(var(--primary)))] text-[var(--btn-primary-text)]", children: /* @__PURE__ */ jsx8(Shield2, { className: "h-5 w-5" }) }),
-          /* @__PURE__ */ jsx8("h3", { className: "text-sm font-bold text-foreground", children: "Security & Secrets" })
+      /* @__PURE__ */ jsxs9("div", { className: "rounded-lg border border-border bg-card p-6 shadow-[var(--shadow-card)]", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3 mb-3", children: [
+          /* @__PURE__ */ jsx9("div", { className: "flex h-9 w-9 items-center justify-center rounded-md bg-[var(--brand-primary,hsl(var(--primary)))] text-[var(--btn-primary-text)]", children: /* @__PURE__ */ jsx9(Shield2, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ jsx9("h3", { className: "text-sm font-bold text-foreground", children: "Security & Secrets" })
         ] }),
-        /* @__PURE__ */ jsx8("p", { className: "text-sm text-muted-foreground", children: "Selected secrets are injected as environment variables at execution time. Secret values are never stored in the script itself \u2014 they are decrypted and injected only when the sandbox starts. Scripts can use conditions to restrict execution to specific environments or resource tiers." })
+        /* @__PURE__ */ jsx9("p", { className: "text-sm text-muted-foreground", children: "Selected secrets are injected as environment variables at execution time. Secret values are never stored in the script itself \u2014 they are decrypted and injected only when the sandbox starts. Scripts can use conditions to restrict execution to specific environments or resource tiers." })
       ] })
     ] })
   ] });