@burdenoff/microfe-admin 2026.624.1 → 2026.626.1

package/dist/admin/pages/SandboxSettingsPage.js

@@ -9,14 +9,15 @@ import "../components/index.js";
 import { useCallback as h, useEffect as g, useState as _ } from "react";
 import { Box as v, CheckSquare as y, Cpu as b, MemoryStick as x, Save as S, Timer as C, Users as w } from "lucide-react";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { NextSteps as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
 //#region src/admin/pages/SandboxSettingsPage.tsx
-var D = [
+var k = [
 	"VIBECONTROLS",
 	"AI_BUILDER",
 	"WORKFLOW_MULTI_NODE",
 	"MISC_SHELL",
 	"CUSTOM"
-], O = [
+], A = [
 	{
 		label: "30 minutes",
 		value: 1800
@@ -41,17 +42,17 @@ var D = [
 		label: "24 hours",
 		value: 86400
 	}
-], k = {
+], j = {
 	totalActive: 12,
 	totalQueued: 3,
 	totalCompleted: 847,
 	totalFailed: 14
 };
-function A(e) {
+function M(e) {
 	return e ? e.includes("localhost:4000") ? e.replace("localhost:4000", "localhost:4003").replace("/global/", "/workspaces/") : e.includes("/global/") ? e.replace(/\/\/graphql\./, "//graphqlworkspaces.").replace(/\/\/alphagraphql\./, "//alphagraphqlworkspaces.").replace("/global/", "/workspaces/") : "http://localhost:4003/workspaces/graphql" : "http://localhost:4003/workspaces/graphql";
 }
-function j() {
-	let { canManageSandbox: j, isLoading: P } = n(), F = e(), { apiGatewayUrl: I, authToken: L, tenantId: R } = t(), z = A(I), [B, V] = _({
+function N() {
+	let { canManageSandbox: N, isLoading: I } = n(), L = e(), { apiGatewayUrl: R, authToken: z, tenantId: B } = t(), V = M(R), [H, U] = _({
 		defaultTtl: 3600,
 		maxTtl: 14400,
 		allowedSandboxTypes: [
@@ -67,21 +68,21 @@ function j() {
 		defaultCpuLimit: "2",
 		defaultMemoryRequest: "512Mi",
 		defaultMemoryLimit: "4Gi"
-	}), [H, U] = _(!1), [W, G] = _(!1);
+	}), [W, G] = _(!1), [K, q] = _(!1);
 	g(() => {
-		if (!R || P || !j) return;
+		if (!B || I || !N) return;
 		let e = { "Content-Type": "application/json" };
-		L && (e.Authorization = `Bearer ${L}`), R && (e["X-Workspace-ID"] = R), G(!0), fetch(z, {
+		z && (e.Authorization = `Bearer ${z}`), B && (e["X-Workspace-ID"] = B), q(!0), fetch(V, {
 			method: "POST",
 			headers: e,
 			body: JSON.stringify({
 				query: "query GetSandboxConfig($context: ContextInput!) {\n          getSandboxConfig(context: $context) {\n            id\n            defaultTtlSeconds\n            maxTtlSeconds\n            allowedTemplates\n            maxConcurrentPerUser\n            maxConcurrentPerWorkspace\n            defaultCpuRequest\n            defaultCpuLimit\n            defaultMemoryRequest\n            defaultMemoryLimit\n          }\n        }",
-				variables: { context: { workspaceId: R } }
+				variables: { context: { workspaceId: B } }
 			})
 		}).then((e) => e.json()).then((e) => {
 			if (e.data?.getSandboxConfig) {
 				let t = e.data.getSandboxConfig;
-				V({
+				U({
 					defaultTtl: t.defaultTtlSeconds,
 					maxTtl: t.maxTtlSeconds,
 					allowedSandboxTypes: t.allowedTemplates,
@@ -94,386 +95,424 @@ function j() {
 				});
 			}
 		}).catch((e) => {
-			console.error("Failed to load sandbox config:", e), F.error("Load Failed", "Failed to load sandbox configuration.");
-		}).finally(() => G(!1));
+			console.error("Failed to load sandbox config:", e), L.error("Load Failed", "Failed to load sandbox configuration.");
+		}).finally(() => q(!1));
 	}, [
-		R,
-		L,
+		B,
 		z,
-		P,
-		j
+		V,
+		I,
+		N
 	]);
-	let K = h((e, t) => {
-		V((n) => ({
+	let J = h((e, t) => {
+		U((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), q = h((e) => {
-		V((t) => {
+	}, []), Y = h((e) => {
+		U((t) => {
 			let n = t.allowedSandboxTypes.includes(e) ? t.allowedSandboxTypes.filter((t) => t !== e) : [...t.allowedSandboxTypes, e];
 			return {
 				...t,
 				allowedSandboxTypes: n
 			};
 		});
-	}, []), J = h(async () => {
-		if (B.maxTtl < B.defaultTtl) {
-			F.error("Validation Error", "Max TTL must be greater than or equal to Default TTL.");
+	}, []), X = h(async () => {
+		if (H.maxTtl < H.defaultTtl) {
+			L.error("Validation Error", "Max TTL must be greater than or equal to Default TTL.");
 			return;
 		}
-		if (B.allowedSandboxTypes.length === 0) {
-			F.error("Validation Error", "At least one sandbox type must be allowed.");
+		if (H.allowedSandboxTypes.length === 0) {
+			L.error("Validation Error", "At least one sandbox type must be allowed.");
 			return;
 		}
-		U(!0);
+		G(!0);
 		try {
 			let e = { "Content-Type": "application/json" };
-			L && (e.Authorization = `Bearer ${L}`), R && (e["X-Workspace-ID"] = R);
-			let t = await (await fetch(z, {
+			z && (e.Authorization = `Bearer ${z}`), B && (e["X-Workspace-ID"] = B);
+			let t = await (await fetch(V, {
 				method: "POST",
 				headers: e,
 				body: JSON.stringify({
 					query: "mutation UpdateSandboxConfig($input: UpdateSandboxConfigInput!) {\n            updateSandboxConfig(input: $input) {\n              id\n              defaultTtlSeconds\n              maxTtlSeconds\n              allowedTemplates\n              maxConcurrentPerUser\n              maxConcurrentPerWorkspace\n              defaultCpuRequest\n              defaultCpuLimit\n              defaultMemoryRequest\n              defaultMemoryLimit\n            }\n          }",
 					variables: { input: {
-						defaultTtlSeconds: B.defaultTtl,
-						maxTtlSeconds: B.maxTtl,
-						allowedTemplates: B.allowedSandboxTypes,
-						maxConcurrentPerUser: B.maxConcurrentPerUser,
-						maxConcurrentPerWorkspace: B.maxConcurrentPerWorkspace,
-						defaultCpuRequest: B.defaultCpuRequest,
-						defaultCpuLimit: B.defaultCpuLimit,
-						defaultMemoryRequest: B.defaultMemoryRequest,
-						defaultMemoryLimit: B.defaultMemoryLimit,
-						context: { workspaceId: R }
+						defaultTtlSeconds: H.defaultTtl,
+						maxTtlSeconds: H.maxTtl,
+						allowedTemplates: H.allowedSandboxTypes,
+						maxConcurrentPerUser: H.maxConcurrentPerUser,
+						maxConcurrentPerWorkspace: H.maxConcurrentPerWorkspace,
+						defaultCpuRequest: H.defaultCpuRequest,
+						defaultCpuLimit: H.defaultCpuLimit,
+						defaultMemoryRequest: H.defaultMemoryRequest,
+						defaultMemoryLimit: H.defaultMemoryLimit,
+						context: { workspaceId: B }
 					} }
 				})
 			})).json();
 			if (t.errors) throw Error(t.errors[0]?.message || "Failed to save sandbox configuration");
-			F.success("Settings Saved", "Sandbox configuration has been updated successfully.");
+			L.success("Settings Saved", "Sandbox configuration has been updated successfully.");
 		} catch (e) {
-			F.error("Save Failed", e instanceof Error ? e.message : "Failed to update sandbox configuration. Please try again.");
+			L.error("Save Failed", e instanceof Error ? e.message : "Failed to update sandbox configuration. Please try again.");
 		} finally {
-			U(!1);
+			G(!1);
 		}
 	}, [
-		B,
-		F,
+		H,
 		L,
-		R,
-		z
-	]), Y = "h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm";
+		z,
+		B,
+		V
+	]), Z = "h-10 w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm";
 	return /* @__PURE__ */ T(m, {
-		allowed: j,
-		isLoading: P,
+		allowed: N,
+		isLoading: I,
 		pageTitle: "Sandbox Settings",
 		denyMessage: "You don't have permission to manage sandbox settings.",
 		children: /* @__PURE__ */ E(d, {
 			title: "Sandbox Settings",
+			gradientWord: "Settings",
 			description: "Configure platform-wide sandbox defaults and resource limits",
-			children: [/* @__PURE__ */ E(i, {
-				className: "mb-6",
-				children: [/* @__PURE__ */ E(s, { children: [/* @__PURE__ */ E("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ T(v, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T(c, {
-						className: "text-lg",
-						children: "Sandbox Stats"
-					})]
-				}), /* @__PURE__ */ T(o, { children: "Current sandbox usage across the platform" })] }), /* @__PURE__ */ T(a, { children: /* @__PURE__ */ E(p, { children: [
-					/* @__PURE__ */ T(f, {
-						title: "Active Sandboxes",
-						value: k.totalActive,
-						trend: "up"
-					}),
-					/* @__PURE__ */ T(f, {
-						title: "Queued",
-						value: k.totalQueued
-					}),
-					/* @__PURE__ */ T(f, {
-						title: "Completed (all time)",
-						value: k.totalCompleted
-					}),
-					/* @__PURE__ */ T(f, {
-						title: "Failed (all time)",
-						value: k.totalFailed,
-						trend: "down"
-					})
-				] }) })]
-			}), /* @__PURE__ */ E("div", {
-				className: "grid gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ E("div", {
-					className: "space-y-6 lg:col-span-2",
-					children: [
-						/* @__PURE__ */ E(i, { children: [/* @__PURE__ */ E(s, { children: [/* @__PURE__ */ E("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ T(C, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T(c, {
-								className: "text-lg",
-								children: "Time-to-Live (TTL)"
-							})]
-						}), /* @__PURE__ */ T(o, { children: "Control how long sandboxes stay alive before automatic cleanup" })] }), /* @__PURE__ */ T(a, {
-							className: "space-y-4",
-							children: /* @__PURE__ */ E("div", {
-								className: "grid gap-4 sm:grid-cols-2",
-								children: [/* @__PURE__ */ E("div", {
-									className: "space-y-2",
-									children: [
-										/* @__PURE__ */ T("label", {
-											className: "text-sm font-medium",
-											children: "Default TTL"
-										}),
-										/* @__PURE__ */ T("select", {
-											className: Y,
-											value: B.defaultTtl,
-											onChange: (e) => K("defaultTtl", Number(e.target.value)),
-											children: O.map((e) => /* @__PURE__ */ T("option", {
-												value: e.value,
-												children: e.label
-											}, e.value))
-										}),
-										/* @__PURE__ */ T("p", {
-											className: "text-xs text-text-secondary",
-											children: "Default lifetime for new sandboxes"
-										})
-									]
-								}), /* @__PURE__ */ E("div", {
-									className: "space-y-2",
+			children: [
+				/* @__PURE__ */ T(O, {
+					className: "mb-6",
+					children: "Sandboxes are the disposable, isolated environments users spin up to safely run or preview their code without touching anything real. This page sets the platform-wide defaults for them — how long a sandbox lives before it's cleaned up, how much CPU and memory it gets, and how many a user or tenant may run at once. Tune these to balance a smooth experience against runaway resource costs."
+				}),
+				/* @__PURE__ */ T(D, {
+					storageKey: "admin-sandbox",
+					steps: [
+						{
+							id: "set-ttl",
+							label: "Set the sandbox TTL",
+							description: "Decide how long idle sandboxes live before automatic cleanup.",
+							href: "#ttl"
+						},
+						{
+							id: "set-limits",
+							label: "Cap CPU & memory",
+							description: "Set the resource ceiling each sandbox is allowed.",
+							href: "#resources"
+						},
+						{
+							id: "save-config",
+							label: "Save your configuration",
+							description: "Apply these defaults across the whole platform.",
+							onClick: () => void X()
+						}
+					]
+				}),
+				/* @__PURE__ */ E(i, {
+					className: "mb-6",
+					children: [/* @__PURE__ */ E(s, { children: [/* @__PURE__ */ E("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ T(v, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T(c, {
+							className: "text-lg",
+							children: "Sandbox Stats"
+						})]
+					}), /* @__PURE__ */ T(o, { children: "Current sandbox usage across the platform" })] }), /* @__PURE__ */ T(a, { children: /* @__PURE__ */ E(p, { children: [
+						/* @__PURE__ */ T(f, {
+							title: "Active Sandboxes",
+							hero: !0,
+							value: j.totalActive,
+							trend: "up"
+						}),
+						/* @__PURE__ */ T(f, {
+							title: "Queued",
+							value: j.totalQueued
+						}),
+						/* @__PURE__ */ T(f, {
+							title: "Completed (all time)",
+							value: j.totalCompleted
+						}),
+						/* @__PURE__ */ T(f, {
+							title: "Failed (all time)",
+							value: j.totalFailed,
+							trend: "down"
+						})
+					] }) })]
+				}),
+				/* @__PURE__ */ E("div", {
+					className: "grid gap-6 lg:grid-cols-3",
+					children: [/* @__PURE__ */ E("div", {
+						className: "space-y-6 lg:col-span-2",
+						children: [
+							/* @__PURE__ */ E(i, {
+								id: "ttl",
+								children: [/* @__PURE__ */ E(s, { children: [/* @__PURE__ */ E("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ T(C, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T(c, {
+										className: "text-lg",
+										children: "Time-to-Live (TTL)"
+									})]
+								}), /* @__PURE__ */ T(o, { children: "Control how long sandboxes stay alive before automatic cleanup" })] }), /* @__PURE__ */ T(a, {
+									className: "space-y-4",
+									children: /* @__PURE__ */ E("div", {
+										className: "grid gap-4 sm:grid-cols-2",
+										children: [/* @__PURE__ */ E("div", {
+											className: "space-y-2",
+											children: [
+												/* @__PURE__ */ T("label", {
+													className: "text-sm font-medium",
+													children: "Default TTL"
+												}),
+												/* @__PURE__ */ T("select", {
+													className: Z,
+													value: H.defaultTtl,
+													onChange: (e) => J("defaultTtl", Number(e.target.value)),
+													children: A.map((e) => /* @__PURE__ */ T("option", {
+														value: e.value,
+														children: e.label
+													}, e.value))
+												}),
+												/* @__PURE__ */ T("p", {
+													className: "text-xs text-text-secondary",
+													children: "Default lifetime for new sandboxes"
+												})
+											]
+										}), /* @__PURE__ */ E("div", {
+											className: "space-y-2",
+											children: [
+												/* @__PURE__ */ T("label", {
+													className: "text-sm font-medium",
+													children: "Max TTL"
+												}),
+												/* @__PURE__ */ T("select", {
+													className: Z,
+													value: H.maxTtl,
+													onChange: (e) => J("maxTtl", Number(e.target.value)),
+													children: A.map((e) => /* @__PURE__ */ T("option", {
+														value: e.value,
+														children: e.label
+													}, e.value))
+												}),
+												/* @__PURE__ */ T("p", {
+													className: "text-xs text-text-secondary",
+													children: "Maximum allowed TTL (must be >= default)"
+												})
+											]
+										})]
+									})
+								})]
+							}),
+							/* @__PURE__ */ E(i, { children: [/* @__PURE__ */ E(s, { children: [/* @__PURE__ */ E("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ T(y, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T(c, {
+									className: "text-lg",
+									children: "Allowed Sandbox Types"
+								})]
+							}), /* @__PURE__ */ T(o, { children: "Select which sandbox types users are permitted to create" })] }), /* @__PURE__ */ T(a, { children: /* @__PURE__ */ T("div", {
+								className: "space-y-3",
+								children: k.map((e) => /* @__PURE__ */ E("label", {
+									className: "flex items-center gap-3 rounded-lg border border-border-subtle p-4 cursor-pointer hover:bg-bg-sunken/50 transition-colors",
+									children: [/* @__PURE__ */ T("input", {
+										type: "checkbox",
+										checked: H.allowedSandboxTypes.includes(e),
+										onChange: () => Y(e),
+										className: "h-4 w-4 rounded border-border-default text-primary focus:ring-primary"
+									}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("div", {
+										className: "font-medium text-sm",
+										children: P(e)
+									}), /* @__PURE__ */ T("div", {
+										className: "text-xs text-text-secondary",
+										children: F(e)
+									})] })]
+								}, e))
+							}) })] }),
+							/* @__PURE__ */ E(i, {
+								id: "resources",
+								children: [/* @__PURE__ */ E(s, { children: [/* @__PURE__ */ E("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ T(b, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T(c, {
+										className: "text-lg",
+										children: "Default Resource Limits"
+									})]
+								}), /* @__PURE__ */ T(o, { children: "Kubernetes resource requests and limits applied to new sandboxes" })] }), /* @__PURE__ */ E(a, {
+									className: "space-y-4",
 									children: [
-										/* @__PURE__ */ T("label", {
-											className: "text-sm font-medium",
-											children: "Max TTL"
-										}),
-										/* @__PURE__ */ T("select", {
-											className: Y,
-											value: B.maxTtl,
-											onChange: (e) => K("maxTtl", Number(e.target.value)),
-											children: O.map((e) => /* @__PURE__ */ T("option", {
-												value: e.value,
-												children: e.label
-											}, e.value))
+										/* @__PURE__ */ E("div", {
+											className: "grid gap-4 sm:grid-cols-2",
+											children: [/* @__PURE__ */ E("div", {
+												className: "space-y-2",
+												children: [
+													/* @__PURE__ */ T("label", {
+														className: "text-sm font-medium",
+														children: "CPU Request"
+													}),
+													/* @__PURE__ */ T(l, {
+														value: H.defaultCpuRequest,
+														onChange: (e) => J("defaultCpuRequest", e.target.value),
+														placeholder: "500m"
+													}),
+													/* @__PURE__ */ T("p", {
+														className: "text-xs text-text-secondary",
+														children: "Kubernetes CPU request (e.g. 500m, 1)"
+													})
+												]
+											}), /* @__PURE__ */ E("div", {
+												className: "space-y-2",
+												children: [
+													/* @__PURE__ */ T("label", {
+														className: "text-sm font-medium",
+														children: "CPU Limit"
+													}),
+													/* @__PURE__ */ T(l, {
+														value: H.defaultCpuLimit,
+														onChange: (e) => J("defaultCpuLimit", e.target.value),
+														placeholder: "2"
+													}),
+													/* @__PURE__ */ T("p", {
+														className: "text-xs text-text-secondary",
+														children: "Kubernetes CPU limit (e.g. 1, 2, 4)"
+													})
+												]
+											})]
 										}),
-										/* @__PURE__ */ T("p", {
-											className: "text-xs text-text-secondary",
-											children: "Maximum allowed TTL (must be >= default)"
+										/* @__PURE__ */ T(u, {}),
+										/* @__PURE__ */ E("div", {
+											className: "grid gap-4 sm:grid-cols-2",
+											children: [/* @__PURE__ */ E("div", {
+												className: "space-y-2",
+												children: [
+													/* @__PURE__ */ T("label", {
+														className: "text-sm font-medium",
+														children: "Memory Request"
+													}),
+													/* @__PURE__ */ T(l, {
+														value: H.defaultMemoryRequest,
+														onChange: (e) => J("defaultMemoryRequest", e.target.value),
+														placeholder: "512Mi"
+													}),
+													/* @__PURE__ */ T("p", {
+														className: "text-xs text-text-secondary",
+														children: "Kubernetes memory request (e.g. 512Mi, 1Gi)"
+													})
+												]
+											}), /* @__PURE__ */ E("div", {
+												className: "space-y-2",
+												children: [
+													/* @__PURE__ */ T("label", {
+														className: "text-sm font-medium",
+														children: "Memory Limit"
+													}),
+													/* @__PURE__ */ T(l, {
+														value: H.defaultMemoryLimit,
+														onChange: (e) => J("defaultMemoryLimit", e.target.value),
+														placeholder: "4Gi"
+													}),
+													/* @__PURE__ */ T("p", {
+														className: "text-xs text-text-secondary",
+														children: "Kubernetes memory limit (e.g. 2Gi, 4Gi, 8Gi)"
+													})
+												]
+											})]
 										})
 									]
 								})]
 							})
-						})] }),
-						/* @__PURE__ */ E(i, { children: [/* @__PURE__ */ E(s, { children: [/* @__PURE__ */ E("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ T(y, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T(c, {
-								className: "text-lg",
-								children: "Allowed Sandbox Types"
-							})]
-						}), /* @__PURE__ */ T(o, { children: "Select which sandbox types users are permitted to create" })] }), /* @__PURE__ */ T(a, { children: /* @__PURE__ */ T("div", {
-							className: "space-y-3",
-							children: D.map((e) => /* @__PURE__ */ E("label", {
-								className: "flex items-center gap-3 rounded-lg border border-border-subtle p-4 cursor-pointer hover:bg-bg-sunken/50 transition-colors",
-								children: [/* @__PURE__ */ T("input", {
-									type: "checkbox",
-									checked: B.allowedSandboxTypes.includes(e),
-									onChange: () => q(e),
-									className: "h-4 w-4 rounded border-border-default text-primary focus:ring-primary"
-								}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("div", {
-									className: "font-medium text-sm",
-									children: M(e)
-								}), /* @__PURE__ */ T("div", {
-									className: "text-xs text-text-secondary",
-									children: N(e)
-								})] })]
-							}, e))
-						}) })] }),
-						/* @__PURE__ */ E(i, { children: [/* @__PURE__ */ E(s, { children: [/* @__PURE__ */ E("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ T(b, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T(c, {
-								className: "text-lg",
-								children: "Default Resource Limits"
-							})]
-						}), /* @__PURE__ */ T(o, { children: "Kubernetes resource requests and limits applied to new sandboxes" })] }), /* @__PURE__ */ E(a, {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ E("div", {
-									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ E("div", {
-										className: "space-y-2",
-										children: [
-											/* @__PURE__ */ T("label", {
-												className: "text-sm font-medium",
-												children: "CPU Request"
-											}),
-											/* @__PURE__ */ T(l, {
-												value: B.defaultCpuRequest,
-												onChange: (e) => K("defaultCpuRequest", e.target.value),
-												placeholder: "500m"
-											}),
-											/* @__PURE__ */ T("p", {
-												className: "text-xs text-text-secondary",
-												children: "Kubernetes CPU request (e.g. 500m, 1)"
-											})
-										]
-									}), /* @__PURE__ */ E("div", {
-										className: "space-y-2",
-										children: [
-											/* @__PURE__ */ T("label", {
-												className: "text-sm font-medium",
-												children: "CPU Limit"
-											}),
-											/* @__PURE__ */ T(l, {
-												value: B.defaultCpuLimit,
-												onChange: (e) => K("defaultCpuLimit", e.target.value),
-												placeholder: "2"
-											}),
-											/* @__PURE__ */ T("p", {
-												className: "text-xs text-text-secondary",
-												children: "Kubernetes CPU limit (e.g. 1, 2, 4)"
-											})
-										]
-									})]
-								}),
-								/* @__PURE__ */ T(u, {}),
-								/* @__PURE__ */ E("div", {
-									className: "grid gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ E("div", {
+						]
+					}), /* @__PURE__ */ E("div", {
+						className: "space-y-6",
+						children: [
+							/* @__PURE__ */ E(i, { children: [/* @__PURE__ */ T(s, { children: /* @__PURE__ */ E("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ T(w, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T(c, {
+									className: "text-lg",
+									children: "Concurrency"
+								})]
+							}) }), /* @__PURE__ */ E(a, {
+								className: "space-y-4",
+								children: [
+									/* @__PURE__ */ E("div", {
 										className: "space-y-2",
 										children: [
 											/* @__PURE__ */ T("label", {
 												className: "text-sm font-medium",
-												children: "Memory Request"
+												children: "Max Per User"
 											}),
 											/* @__PURE__ */ T(l, {
-												value: B.defaultMemoryRequest,
-												onChange: (e) => K("defaultMemoryRequest", e.target.value),
-												placeholder: "512Mi"
+												type: "number",
+												min: 1,
+												max: 50,
+												value: H.maxConcurrentPerUser,
+												onChange: (e) => J("maxConcurrentPerUser", Number(e.target.value))
 											}),
 											/* @__PURE__ */ T("p", {
 												className: "text-xs text-text-secondary",
-												children: "Kubernetes memory request (e.g. 512Mi, 1Gi)"
+												children: "Maximum concurrent sandboxes per user"
 											})
 										]
-									}), /* @__PURE__ */ E("div", {
+									}),
+									/* @__PURE__ */ T(u, {}),
+									/* @__PURE__ */ E("div", {
 										className: "space-y-2",
 										children: [
 											/* @__PURE__ */ T("label", {
 												className: "text-sm font-medium",
-												children: "Memory Limit"
+												children: "Max Per Workspace"
 											}),
 											/* @__PURE__ */ T(l, {
-												value: B.defaultMemoryLimit,
-												onChange: (e) => K("defaultMemoryLimit", e.target.value),
-												placeholder: "4Gi"
+												type: "number",
+												min: 1,
+												max: 200,
+												value: H.maxConcurrentPerWorkspace,
+												onChange: (e) => J("maxConcurrentPerWorkspace", Number(e.target.value))
 											}),
 											/* @__PURE__ */ T("p", {
 												className: "text-xs text-text-secondary",
-												children: "Kubernetes memory limit (e.g. 2Gi, 4Gi, 8Gi)"
+												children: "Maximum concurrent sandboxes per workspace"
 											})
 										]
-									})]
-								})
-							]
-						})] })
-					]
-				}), /* @__PURE__ */ E("div", {
-					className: "space-y-6",
-					children: [
-						/* @__PURE__ */ E(i, { children: [/* @__PURE__ */ T(s, { children: /* @__PURE__ */ E("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ T(w, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T(c, {
-								className: "text-lg",
-								children: "Concurrency"
-							})]
-						}) }), /* @__PURE__ */ E(a, {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ E("div", {
-									className: "space-y-2",
-									children: [
-										/* @__PURE__ */ T("label", {
-											className: "text-sm font-medium",
-											children: "Max Per User"
-										}),
-										/* @__PURE__ */ T(l, {
-											type: "number",
-											min: 1,
-											max: 50,
-											value: B.maxConcurrentPerUser,
-											onChange: (e) => K("maxConcurrentPerUser", Number(e.target.value))
-										}),
-										/* @__PURE__ */ T("p", {
-											className: "text-xs text-text-secondary",
-											children: "Maximum concurrent sandboxes per user"
-										})
-									]
-								}),
-								/* @__PURE__ */ T(u, {}),
-								/* @__PURE__ */ E("div", {
-									className: "space-y-2",
-									children: [
-										/* @__PURE__ */ T("label", {
-											className: "text-sm font-medium",
-											children: "Max Per Workspace"
-										}),
-										/* @__PURE__ */ T(l, {
-											type: "number",
-											min: 1,
-											max: 200,
-											value: B.maxConcurrentPerWorkspace,
-											onChange: (e) => K("maxConcurrentPerWorkspace", Number(e.target.value))
-										}),
-										/* @__PURE__ */ T("p", {
-											className: "text-xs text-text-secondary",
-											children: "Maximum concurrent sandboxes per workspace"
-										})
-									]
-								})
-							]
-						})] }),
-						/* @__PURE__ */ E(i, { children: [/* @__PURE__ */ T(s, { children: /* @__PURE__ */ E("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ T(x, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T(c, {
-								className: "text-lg",
-								children: "Resource Info"
-							})]
-						}) }), /* @__PURE__ */ E(a, {
-							className: "space-y-3",
-							children: [
-								/* @__PURE__ */ T("p", {
-									className: "text-sm text-text-secondary",
-									children: "Resource defaults are applied to all new sandboxes. Individual sandboxes can override these within the max limits defined by the sandbox type."
-								}),
-								/* @__PURE__ */ T(u, {}),
-								/* @__PURE__ */ E("div", {
-									className: "space-y-2 text-xs text-text-secondary",
-									children: [/* @__PURE__ */ E("div", {
-										className: "flex justify-between",
-										children: [/* @__PURE__ */ T("span", { children: "CPU units" }), /* @__PURE__ */ T("span", {
-											className: "font-mono",
-											children: "millicores (m)"
-										})]
-									}), /* @__PURE__ */ E("div", {
-										className: "flex justify-between",
-										children: [/* @__PURE__ */ T("span", { children: "Memory units" }), /* @__PURE__ */ T("span", {
-											className: "font-mono",
-											children: "Mi / Gi"
+									})
+								]
+							})] }),
+							/* @__PURE__ */ E(i, { children: [/* @__PURE__ */ T(s, { children: /* @__PURE__ */ E("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ T(x, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T(c, {
+									className: "text-lg",
+									children: "Resource Info"
+								})]
+							}) }), /* @__PURE__ */ E(a, {
+								className: "space-y-3",
+								children: [
+									/* @__PURE__ */ T("p", {
+										className: "text-sm text-text-secondary",
+										children: "Resource defaults are applied to all new sandboxes. Individual sandboxes can override these within the max limits defined by the sandbox type."
+									}),
+									/* @__PURE__ */ T(u, {}),
+									/* @__PURE__ */ E("div", {
+										className: "space-y-2 text-xs text-text-secondary",
+										children: [/* @__PURE__ */ E("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ T("span", { children: "CPU units" }), /* @__PURE__ */ T("span", {
+												className: "font-mono",
+												children: "millicores (m)"
+											})]
+										}), /* @__PURE__ */ E("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ T("span", { children: "Memory units" }), /* @__PURE__ */ T("span", {
+												className: "font-mono",
+												children: "Mi / Gi"
+											})]
 										})]
-									})]
+									})
+								]
+							})] }),
+							/* @__PURE__ */ T(i, { children: /* @__PURE__ */ T(a, {
+								className: "p-6",
+								children: /* @__PURE__ */ E(r, {
+									className: "w-full",
+									onClick: X,
+									disabled: W || K,
+									children: [/* @__PURE__ */ T(S, { className: "mr-2 h-4 w-4" }), W ? "Saving..." : K ? "Loading..." : "Save Configuration"]
 								})
-							]
-						})] }),
-						/* @__PURE__ */ T(i, { children: /* @__PURE__ */ T(a, {
-							className: "p-6",
-							children: /* @__PURE__ */ E(r, {
-								className: "w-full",
-								onClick: J,
-								disabled: H || W,
-								children: [/* @__PURE__ */ T(S, { className: "mr-2 h-4 w-4" }), H ? "Saving..." : W ? "Loading..." : "Save Configuration"]
-							})
-						}) })
-					]
-				})]
-			})]
+							}) })
+						]
+					})]
+				})
+			]
 		})
 	});
 }
-function M(e) {
+function P(e) {
 	return {
 		VIBECONTROLS: "VibeControls",
 		AI_BUILDER: "AI Builder",
@@ -482,7 +521,7 @@ function M(e) {
 		CUSTOM: "Custom"
 	}[e];
 }
-function N(e) {
+function F(e) {
 	return {
 		VIBECONTROLS: "Full VibeControls development environment with pre-configured tooling",
 		AI_BUILDER: "AI agent development sandbox with OpenCode SDK and model access",
@@ -492,6 +531,6 @@ function N(e) {
 	}[e];
 }
 //#endregion
-export { j as SandboxSettingsPage };
+export { N as SandboxSettingsPage };
 
 //# sourceMappingURL=SandboxSettingsPage.js.map