@burdenoff/microfe-billing 2026.625.4 → 2026.626.1

package/dist/billing/modules/quota/pages/QuotaTemplateEditPage.js

@@ -13,21 +13,22 @@ import { useEffect as l, useState as u } from "react";
 import { useParams as d } from "react-router-dom";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/quota/pages/QuotaTemplateEditPage.tsx
-var h = () => {
-	let { t: h } = m(), g = (e, t) => {
-		let n = h(e);
+var g = () => {
+	let { t: g } = m(), _ = (e, t) => {
+		let n = g(e);
 		return n === e ? t : n;
-	}, { quotaId: _ } = d(), v = o(), y = a(), { quota: b, isLoading: x, error: S, refetch: C } = s(_), { updateQuota: w, isUpdating: T } = c(), [E, D] = u(""), [O, k] = u(""), [A, j] = u(""), [M, N] = u("numeric"), [P, F] = u(""), [I, L] = u(""), [R, z] = u(!1), [B, V] = u(r.NEVER), [H, U] = u(!0), [W, G] = u(null), [K, q] = u(!1);
+	}, { quotaId: v } = d(), y = o(), b = a(), { quota: x, isLoading: S, error: C, refetch: w } = s(v), { updateQuota: T, isUpdating: E } = c(), [D, O] = u(""), [k, A] = u(""), [j, M] = u(""), [N, P] = u("numeric"), [F, I] = u(""), [L, R] = u(""), [z, B] = u(!1), [V, H] = u(r.NEVER), [U, W] = u(!0), [G, K] = u(null), [q, J] = u(!1);
 	return l(() => {
-		if (b) {
-			D(b.name ?? ""), z(b.reusable ?? !1), V(b.resetPeriod ?? r.NEVER), U(b.isActive ?? !0);
-			let e = b.limits;
-			N(e?.type ?? "numeric"), F(String(e?.value ?? "")), L(e?.unit ?? "");
-			let t = b.context;
-			k(t?.displayName ?? ""), j(t?.description ?? "");
+		if (x) {
+			O(x.name ?? ""), B(x.reusable ?? !1), H(x.resetPeriod ?? r.NEVER), W(x.isActive ?? !0);
+			let e = x.limits;
+			P(e?.type ?? "numeric"), I(String(e?.value ?? "")), R(e?.unit ?? "");
+			let t = x.context;
+			A(t?.displayName ?? ""), M(t?.description ?? "");
 		}
-	}, [b]), y.canManageQuotas ? x ? /* @__PURE__ */ p("div", {
+	}, [x]), b.canManageQuotas ? S ? /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [/* @__PURE__ */ f("div", { className: "h-8 w-48 bg-bg-sunken animate-pulse rounded" }), /* @__PURE__ */ f("div", {
 			className: "max-w-2xl space-y-4",
@@ -38,322 +39,326 @@ var h = () => {
 				4
 			].map((e) => /* @__PURE__ */ f("div", { className: "h-16 bg-bg-sunken animate-pulse rounded" }, e))
 		})]
-	}) : S && i(S) ? /* @__PURE__ */ f("div", {
+	}) : C && i(C) ? /* @__PURE__ */ f("div", {
 		className: "p-6",
 		children: /* @__PURE__ */ f(n, {
 			title: "Server Unavailable",
 			message: "Unable to load quota. The server might be down or experiencing issues.",
-			onRetry: () => C(),
+			onRetry: () => w(),
 			showRetry: !0
 		})
-	}) : b ? /* @__PURE__ */ p("div", {
+	}) : x ? /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ f(t, {
-			title: `Edit Quota: ${b.context?.displayName ?? b.name}`,
-			description: "Update the quota template configuration"
-		}), /* @__PURE__ */ p("form", {
-			onSubmit: async (e) => {
-				if (e.preventDefault(), G(null), q(!1), !E.trim()) {
-					G("Quota name is required");
-					return;
-				}
-				if (!P || isNaN(Number(P)) || Number(P) < 0) {
-					G("Valid limit value is required");
-					return;
-				}
-				if (!I.trim()) {
-					G("Unit is required (e.g., bots, GB, seats)");
-					return;
-				}
-				let t = {
-					id: _,
-					name: E.trim(),
-					limits: {
-						type: M,
-						value: Number(P),
-						unit: I.trim()
-					},
-					reusable: R,
-					isActive: H,
-					resetPeriod: B,
-					context: {
-						displayName: O.trim() || E.trim(),
-						description: A.trim()
+		children: [
+			/* @__PURE__ */ f(t, {
+				title: `Edit Quota: ${x.context?.displayName ?? x.name}`,
+				description: "Update the quota template configuration"
+			}),
+			/* @__PURE__ */ f(h, { children: "Adjust this quota template's configuration. Changes apply wherever the template is referenced, so review which plans and add-ons use it before changing its type or unit." }),
+			/* @__PURE__ */ p("form", {
+				onSubmit: async (e) => {
+					if (e.preventDefault(), K(null), J(!1), !D.trim()) {
+						K("Quota name is required");
+						return;
 					}
-				};
-				try {
-					await w(t), q(!0), setTimeout(() => v(`/quotas/${_}`), 1500);
-				} catch (e) {
-					G(e instanceof Error ? e.message : "Failed to update quota");
-				}
-			},
-			className: "max-w-2xl space-y-6",
-			children: [
-				W && /* @__PURE__ */ f("div", {
-					className: "p-4 bg-status-error-bg-subtle border border-border-subtle rounded-lg",
-					children: /* @__PURE__ */ f("p", {
-						className: "text-sm text-status-error-text",
-						children: W
-					})
-				}),
-				K && /* @__PURE__ */ f("div", {
-					className: "p-4 bg-status-success-bg-subtle border border-border-subtle rounded-lg",
-					children: /* @__PURE__ */ f("p", {
-						className: "text-sm text-status-success-text",
-						children: "Quota updated successfully! Redirecting…"
-					})
-				}),
-				/* @__PURE__ */ p("div", {
-					className: "border border-border-seam rounded-card bg-bg-surface overflow-hidden shadow-[var(--shadow-elevation-1)]",
-					children: [/* @__PURE__ */ f("div", {
-						className: "p-4 border-b border-border-subtle bg-bg-sunken/30",
-						children: /* @__PURE__ */ f("h2", {
-							className: "font-semibold text-text-primary",
-							children: "Basic Information"
+					if (!F || isNaN(Number(F)) || Number(F) < 0) {
+						K("Valid limit value is required");
+						return;
+					}
+					if (!L.trim()) {
+						K("Unit is required (e.g., bots, GB, seats)");
+						return;
+					}
+					let t = {
+						id: v,
+						name: D.trim(),
+						limits: {
+							type: N,
+							value: Number(F),
+							unit: L.trim()
+						},
+						reusable: z,
+						isActive: U,
+						resetPeriod: V,
+						context: {
+							displayName: k.trim() || D.trim(),
+							description: j.trim()
+						}
+					};
+					try {
+						await T(t), J(!0), setTimeout(() => y(`/quotas/${v}`), 1500);
+					} catch (e) {
+						K(e instanceof Error ? e.message : "Failed to update quota");
+					}
+				},
+				className: "max-w-2xl space-y-6",
+				children: [
+					G && /* @__PURE__ */ f("div", {
+						className: "p-4 bg-status-error-bg-subtle border border-border-subtle rounded-lg",
+						children: /* @__PURE__ */ f("p", {
+							className: "text-sm text-status-error-text",
+							children: G
 						})
-					}), /* @__PURE__ */ p("div", {
-						className: "p-4 space-y-4",
-						children: [
-							/* @__PURE__ */ p("div", { children: [
-								/* @__PURE__ */ f("label", {
-									htmlFor: "name",
-									className: "block text-sm font-medium text-text-primary mb-1",
-									children: "Quota Key *"
-								}),
-								/* @__PURE__ */ f("input", {
-									id: "name",
-									type: "text",
-									value: E,
-									onChange: (e) => D(e.target.value),
-									className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] font-mono text-sm",
-									placeholder: "e.g., sessions-started, tunnels-created",
-									required: !0
-								}),
-								/* @__PURE__ */ p("p", {
-									className: "text-xs text-text-muted mt-1",
-									children: [
-										"Internal machine key, must match the ",
-										/* @__PURE__ */ f("code", { children: "quotaName" }),
-										" used in",
-										" ",
-										/* @__PURE__ */ f("code", { children: "@usage" }),
-										" directives. Never shown to users."
-									]
-								})
-							] }),
-							/* @__PURE__ */ p("div", { children: [
-								/* @__PURE__ */ f("label", {
-									htmlFor: "displayName",
-									className: "block text-sm font-medium text-text-primary mb-1",
-									children: "Display Name *"
-								}),
-								/* @__PURE__ */ f("input", {
-									id: "displayName",
-									type: "text",
-									value: O,
-									onChange: (e) => k(e.target.value),
-									className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-									placeholder: "e.g., Tunnels, Session Starts, Webhooks",
-									required: !0
-								}),
-								/* @__PURE__ */ f("p", {
-									className: "text-xs text-text-muted mt-1",
-									children: "Human-readable name shown to users in billing and usage UI."
-								})
-							] }),
-							/* @__PURE__ */ p("div", { children: [
-								/* @__PURE__ */ f("label", {
-									htmlFor: "description",
+					}),
+					q && /* @__PURE__ */ f("div", {
+						className: "p-4 bg-status-success-bg-subtle border border-border-subtle rounded-lg",
+						children: /* @__PURE__ */ f("p", {
+							className: "text-sm text-status-success-text",
+							children: "Quota updated successfully! Redirecting…"
+						})
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "border border-border-seam rounded-card bg-bg-surface overflow-hidden shadow-[var(--shadow-elevation-1)]",
+						children: [/* @__PURE__ */ f("div", {
+							className: "p-4 border-b border-border-subtle bg-bg-sunken/30",
+							children: /* @__PURE__ */ f("h2", {
+								className: "font-semibold text-text-primary",
+								children: "Basic Information"
+							})
+						}), /* @__PURE__ */ p("div", {
+							className: "p-4 space-y-4",
+							children: [
+								/* @__PURE__ */ p("div", { children: [
+									/* @__PURE__ */ f("label", {
+										htmlFor: "name",
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: "Quota Key *"
+									}),
+									/* @__PURE__ */ f("input", {
+										id: "name",
+										type: "text",
+										value: D,
+										onChange: (e) => O(e.target.value),
+										className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] font-mono text-sm",
+										placeholder: "e.g., sessions-started, tunnels-created",
+										required: !0
+									}),
+									/* @__PURE__ */ p("p", {
+										className: "text-xs text-text-muted mt-1",
+										children: [
+											"Internal machine key, must match the ",
+											/* @__PURE__ */ f("code", { children: "quotaName" }),
+											" used in",
+											" ",
+											/* @__PURE__ */ f("code", { children: "@usage" }),
+											" directives. Never shown to users."
+										]
+									})
+								] }),
+								/* @__PURE__ */ p("div", { children: [
+									/* @__PURE__ */ f("label", {
+										htmlFor: "displayName",
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: "Display Name *"
+									}),
+									/* @__PURE__ */ f("input", {
+										id: "displayName",
+										type: "text",
+										value: k,
+										onChange: (e) => A(e.target.value),
+										className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+										placeholder: "e.g., Tunnels, Session Starts, Webhooks",
+										required: !0
+									}),
+									/* @__PURE__ */ f("p", {
+										className: "text-xs text-text-muted mt-1",
+										children: "Human-readable name shown to users in billing and usage UI."
+									})
+								] }),
+								/* @__PURE__ */ p("div", { children: [
+									/* @__PURE__ */ f("label", {
+										htmlFor: "description",
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: "Description"
+									}),
+									/* @__PURE__ */ f("textarea", {
+										id: "description",
+										value: j,
+										onChange: (e) => M(e.target.value),
+										rows: 2,
+										className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none",
+										placeholder: "e.g., Active tunnels created through VibeControls (slot freed on delete)"
+									}),
+									/* @__PURE__ */ f("p", {
+										className: "text-xs text-text-muted mt-1",
+										children: "Short explanation shown in billing and usage detail views."
+									})
+								] }),
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: "Description"
-								}),
-								/* @__PURE__ */ f("textarea", {
-									id: "description",
-									value: A,
-									onChange: (e) => j(e.target.value),
-									rows: 2,
-									className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none",
-									placeholder: "e.g., Active tunnels created through VibeControls (slot freed on delete)"
+									children: "Quota Type"
+								}), /* @__PURE__ */ p("div", {
+									className: "px-3 py-2 border border-border-subtle rounded-md bg-bg-sunken/50 text-text-muted",
+									children: [x.quotaType === "POOLED" ? "Pooled" : "Product Specific", /* @__PURE__ */ f("span", {
+										className: "text-xs ml-2",
+										children: "(cannot be changed)"
+									})]
+								})] }),
+								/* @__PURE__ */ p("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ f("input", {
+										id: "reusable",
+										type: "checkbox",
+										checked: z,
+										onChange: (e) => B(e.target.checked),
+										className: "size-4 rounded border-border-subtle text-text-link focus:ring-[var(--color-focus-ring)]"
+									}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+										htmlFor: "reusable",
+										className: "text-sm font-medium text-text-primary",
+										children: "Reusable Quota"
+									}), /* @__PURE__ */ f("p", {
+										className: "text-xs text-text-muted",
+										children: "Enable for quotas like seats or bots that can be freed up"
+									})] })]
 								}),
-								/* @__PURE__ */ f("p", {
-									className: "text-xs text-text-muted mt-1",
-									children: "Short explanation shown in billing and usage detail views."
+								/* @__PURE__ */ p("div", { children: [
+									/* @__PURE__ */ f("label", {
+										htmlFor: "resetPeriod",
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: "Reset Period"
+									}),
+									/* @__PURE__ */ p("select", {
+										id: "resetPeriod",
+										value: V,
+										onChange: (e) => H(e.target.value),
+										className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+										children: [
+											/* @__PURE__ */ f("option", {
+												value: r.NEVER,
+												children: "Never (one-time limit)"
+											}),
+											/* @__PURE__ */ f("option", {
+												value: r.DAILY,
+												children: "Daily (resets every day)"
+											}),
+											/* @__PURE__ */ f("option", {
+												value: r.MONTHLY,
+												children: "Monthly (resets every month)"
+											})
+										]
+									}),
+									/* @__PURE__ */ f("p", {
+										className: "text-xs text-text-muted mt-1",
+										children: "How often the quota usage counter is reset to zero"
+									})
+								] }),
+								/* @__PURE__ */ p("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ f("input", {
+										id: "isActive",
+										type: "checkbox",
+										checked: U,
+										onChange: (e) => W(e.target.checked),
+										className: "size-4 rounded border-border-subtle text-text-link focus:ring-[var(--color-focus-ring)]"
+									}), /* @__PURE__ */ f("label", {
+										htmlFor: "isActive",
+										className: "text-sm font-medium text-text-primary",
+										children: "Quota is active"
+									})]
 								})
-							] }),
-							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-								className: "block text-sm font-medium text-text-primary mb-1",
-								children: "Quota Type"
-							}), /* @__PURE__ */ p("div", {
-								className: "px-3 py-2 border border-border-subtle rounded-md bg-bg-sunken/50 text-text-muted",
-								children: [b.quotaType === "POOLED" ? "Pooled" : "Product Specific", /* @__PURE__ */ f("span", {
-									className: "text-xs ml-2",
-									children: "(cannot be changed)"
-								})]
-							})] }),
-							/* @__PURE__ */ p("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ f("input", {
-									id: "reusable",
-									type: "checkbox",
-									checked: R,
-									onChange: (e) => z(e.target.checked),
-									className: "size-4 rounded border-border-subtle text-text-link focus:ring-[var(--color-focus-ring)]"
-								}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-									htmlFor: "reusable",
-									className: "text-sm font-medium text-text-primary",
-									children: "Reusable Quota"
-								}), /* @__PURE__ */ f("p", {
-									className: "text-xs text-text-muted",
-									children: "Enable for quotas like seats or bots that can be freed up"
-								})] })]
-							}),
-							/* @__PURE__ */ p("div", { children: [
-								/* @__PURE__ */ f("label", {
-									htmlFor: "resetPeriod",
+							]
+						})]
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "border border-border-seam rounded-card bg-bg-surface overflow-hidden shadow-[var(--shadow-elevation-1)]",
+						children: [/* @__PURE__ */ f("div", {
+							className: "p-4 border-b border-border-subtle bg-bg-sunken/30",
+							children: /* @__PURE__ */ f("h2", {
+								className: "font-semibold text-text-primary",
+								children: "Limits Configuration"
+							})
+						}), /* @__PURE__ */ p("div", {
+							className: "p-4 space-y-4",
+							children: [
+								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+									htmlFor: "limitType",
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: "Reset Period"
-								}),
-								/* @__PURE__ */ p("select", {
-									id: "resetPeriod",
-									value: B,
-									onChange: (e) => V(e.target.value),
+									children: "Limit Type *"
+								}), /* @__PURE__ */ p("select", {
+									id: "limitType",
+									value: N,
+									onChange: (e) => P(e.target.value),
 									className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 									children: [
 										/* @__PURE__ */ f("option", {
-											value: r.NEVER,
-											children: "Never (one-time limit)"
+											value: "numeric",
+											children: "Numeric (count)"
 										}),
 										/* @__PURE__ */ f("option", {
-											value: r.DAILY,
-											children: "Daily (resets every day)"
+											value: "storage",
+											children: "Storage (bytes)"
 										}),
 										/* @__PURE__ */ f("option", {
-											value: r.MONTHLY,
-											children: "Monthly (resets every month)"
+											value: "duration",
+											children: "Duration (seconds)"
+										}),
+										/* @__PURE__ */ f("option", {
+											value: "percentage",
+											children: "Percentage"
 										})
 									]
-								}),
-								/* @__PURE__ */ f("p", {
-									className: "text-xs text-text-muted mt-1",
-									children: "How often the quota usage counter is reset to zero"
-								})
-							] }),
-							/* @__PURE__ */ p("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ f("input", {
-									id: "isActive",
-									type: "checkbox",
-									checked: H,
-									onChange: (e) => U(e.target.checked),
-									className: "size-4 rounded border-border-subtle text-text-link focus:ring-[var(--color-focus-ring)]"
-								}), /* @__PURE__ */ f("label", {
-									htmlFor: "isActive",
-									className: "text-sm font-medium text-text-primary",
-									children: "Quota is active"
-								})]
-							})
-						]
-					})]
-				}),
-				/* @__PURE__ */ p("div", {
-					className: "border border-border-seam rounded-card bg-bg-surface overflow-hidden shadow-[var(--shadow-elevation-1)]",
-					children: [/* @__PURE__ */ f("div", {
-						className: "p-4 border-b border-border-subtle bg-bg-sunken/30",
-						children: /* @__PURE__ */ f("h2", {
-							className: "font-semibold text-text-primary",
-							children: "Limits Configuration"
-						})
-					}), /* @__PURE__ */ p("div", {
-						className: "p-4 space-y-4",
-						children: [
-							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-								htmlFor: "limitType",
-								className: "block text-sm font-medium text-text-primary mb-1",
-								children: "Limit Type *"
-							}), /* @__PURE__ */ p("select", {
-								id: "limitType",
-								value: M,
-								onChange: (e) => N(e.target.value),
-								className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-								children: [
-									/* @__PURE__ */ f("option", {
-										value: "numeric",
-										children: "Numeric (count)"
+								})] }),
+								/* @__PURE__ */ p("div", { children: [
+									/* @__PURE__ */ f("label", {
+										htmlFor: "limitValue",
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: "Limit Value *"
 									}),
-									/* @__PURE__ */ f("option", {
-										value: "storage",
-										children: "Storage (bytes)"
+									/* @__PURE__ */ f("input", {
+										id: "limitValue",
+										type: "number",
+										min: "0",
+										value: F,
+										onChange: (e) => I(e.target.value),
+										className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+										placeholder: "1000",
+										required: !0
 									}),
-									/* @__PURE__ */ f("option", {
-										value: "duration",
-										children: "Duration (seconds)"
+									/* @__PURE__ */ f("p", {
+										className: "text-xs text-text-muted mt-1",
+										children: "The maximum limit value for this quota"
+									})
+								] }),
+								/* @__PURE__ */ p("div", { children: [
+									/* @__PURE__ */ f("label", {
+										htmlFor: "unit",
+										className: "block text-sm font-medium text-text-primary mb-1",
+										children: "Unit *"
 									}),
-									/* @__PURE__ */ f("option", {
-										value: "percentage",
-										children: "Percentage"
+									/* @__PURE__ */ f("input", {
+										id: "unit",
+										type: "text",
+										value: L,
+										onChange: (e) => R(e.target.value),
+										className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+										placeholder: "e.g., bots, GB, MB, seats, workflow runs",
+										required: !0
+									}),
+									/* @__PURE__ */ f("p", {
+										className: "text-xs text-text-muted mt-1",
+										children: "The unit of measurement displayed with usage values (e.g., \"2/6 bots\")"
 									})
-								]
-							})] }),
-							/* @__PURE__ */ p("div", { children: [
-								/* @__PURE__ */ f("label", {
-									htmlFor: "limitValue",
-									className: "block text-sm font-medium text-text-primary mb-1",
-									children: "Limit Value *"
-								}),
-								/* @__PURE__ */ f("input", {
-									id: "limitValue",
-									type: "number",
-									min: "0",
-									value: P,
-									onChange: (e) => F(e.target.value),
-									className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-									placeholder: "1000",
-									required: !0
-								}),
-								/* @__PURE__ */ f("p", {
-									className: "text-xs text-text-muted mt-1",
-									children: "The maximum limit value for this quota"
-								})
-							] }),
-							/* @__PURE__ */ p("div", { children: [
-								/* @__PURE__ */ f("label", {
-									htmlFor: "unit",
-									className: "block text-sm font-medium text-text-primary mb-1",
-									children: "Unit *"
-								}),
-								/* @__PURE__ */ f("input", {
-									id: "unit",
-									type: "text",
-									value: I,
-									onChange: (e) => L(e.target.value),
-									className: "w-full px-3 py-2 border border-border-subtle rounded-input bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-									placeholder: "e.g., bots, GB, MB, seats, workflow runs",
-									required: !0
-								}),
-								/* @__PURE__ */ f("p", {
-									className: "text-xs text-text-muted mt-1",
-									children: "The unit of measurement displayed with usage values (e.g., \"2/6 bots\")"
-								})
-							] })
-						]
-					})]
-				}),
-				/* @__PURE__ */ p("div", {
-					className: "flex items-center gap-3 pt-4",
-					children: [/* @__PURE__ */ f("button", {
-						type: "submit",
-						disabled: T,
-						className: "px-6 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors disabled:opacity-50",
-						children: T ? g("billing.quota.saving", "Saving...") : g("billing.quota.saveChanges", "Save Changes")
-					}), /* @__PURE__ */ f("button", {
-						type: "button",
-						onClick: () => v(`/quotas/${_}`),
-						className: "px-6 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors",
-						children: "Cancel"
-					})]
-				})
-			]
-		})]
+								] })
+							]
+						})]
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "flex items-center gap-3 pt-4",
+						children: [/* @__PURE__ */ f("button", {
+							type: "submit",
+							disabled: E,
+							className: "px-6 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors disabled:opacity-50",
+							children: E ? _("billing.quota.saving", "Saving...") : _("billing.quota.saveChanges", "Save Changes")
+						}), /* @__PURE__ */ f("button", {
+							type: "button",
+							onClick: () => y(`/quotas/${v}`),
+							className: "px-6 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors",
+							children: "Cancel"
+						})]
+					})
+				]
+			})
+		]
 	}) : /* @__PURE__ */ f("div", {
 		className: "flex items-center justify-center h-full min-h-[400px]",
 		children: /* @__PURE__ */ p("div", {
@@ -363,7 +368,7 @@ var h = () => {
 				children: "Quota not found"
 			}), /* @__PURE__ */ f("button", {
 				type: "button",
-				onClick: () => v("/quotas"),
+				onClick: () => y("/quotas"),
 				className: "px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover",
 				children: "Back to Quotas"
 			})]
@@ -371,6 +376,6 @@ var h = () => {
 	}) : /* @__PURE__ */ f(e, { message: "You don't have permission to edit quotas." });
 };
 //#endregion
-export { h as QuotaTemplateEditPage };
+export { g as QuotaTemplateEditPage };
 
 //# sourceMappingURL=QuotaTemplateEditPage.js.map