@burdenoff/microfe-billing 2026.912.6 → 2026.914.1

package/dist/billing/modules/subscriptions/pages/SubscriptionDetailPage.js

@@ -12,70 +12,73 @@ import { useBillingPermissions as ne } from "../../../hooks/useBillingPermission
 import { useGetDefaultBillingAccountDashboardQuery as re, useGetPlanQuery as ie } from "../../../../generated/global-operations.js";
 import { useBillingNavigate as ae } from "../../../hooks/useBillingNavigate.js";
 import { withBillingAccountId as p } from "../../../shared/utils/navigation.js";
-import { useWorkspaceQuotaOverview as m } from "../../usage/hooks/useUsage.js";
-import { WorkspaceQuotaAssignmentModal as oe, isWorkspaceScopedQuota as h } from "../../checkout/components/WorkspaceQuotaAssignmentModal.js";
-import { useSubscription as se, useSubscriptionMutations as ce } from "../hooks/useSubscriptions.js";
+import { useMyWorkspaces as oe, useWorkspaceQuotaOverview as m } from "../../usage/hooks/useUsage.js";
+import { WorkspaceQuotaAssignmentModal as se, isWorkspaceScopedQuota as h } from "../../checkout/components/WorkspaceQuotaAssignmentModal.js";
+import { useSubscription as ce, useSubscriptionMutations as g } from "../hooks/useSubscriptions.js";
 import "../hooks/index.js";
 import { ManageSeatsModal as le } from "../components/ManageSeatsModal.js";
-import { useState as g } from "react";
+import { useState as _ } from "react";
 import { useParams as ue } from "react-router";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { useI18n as de } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { CTAOverflowMenu as fe, EmphasisPanel as y, NextSteps as b, PagePurpose as pe } from "@burdenoff/fe-libs/ui";
+import { Fragment as de, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CTAOverflowMenu as pe, EmphasisPanel as me, NextSteps as he, PagePurpose as ge } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/subscriptions/pages/SubscriptionDetailPage.tsx
-function x(e, t) {
+function b(e, t) {
 	if (t?.displayName && typeof t.displayName == "string") return t.displayName;
 	if (t?.label && typeof t.label == "string") return t.label;
 	let n = e.split(".");
 	return (n.length > 1 ? n.slice(1) : n).map((e) => e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase())).join(" ");
 }
-function S(e) {
+function x(e) {
 	return e === "DAILY" ? "Resets daily" : e === "MONTHLY" ? "Resets monthly" : "";
 }
-var C = () => {
-	let { t: s } = de(), u = (e, t) => {
+var S = () => {
+	let { t: s } = fe(), u = (e, t) => {
 		let n = s(e);
 		return n === e ? t : n;
-	}, { subscriptionId: f } = ue(), x = ae(), { emit: S } = i(), { orgId: C } = e(), w = ne(), { selectedAccountId: ye } = a({
-		orgId: C,
+	}, { subscriptionId: f } = ue(), b = ae(), { emit: x } = i(), { orgId: S } = e(), C = ne(), { selectedAccountId: Se } = a({
+		orgId: S,
 		syncFromUrl: !0,
 		urlParamName: "billingAccountId"
-	}), { data: be } = re({ fetchPolicy: "cache-first" }), T = ye ?? be?.getDefaultBillingAccount?.id ?? void 0, { subscription: E, isLoading: D, error: O, refetch: k } = se(f, T), { cancelSubscription: A, isCanceling: j, updateSubscriptionSeats: M, isUpdatingSeats: N } = ce(), { workspaceId: P } = e(), { overview: F, refetch: xe } = m(P ?? void 0), { data: Se } = ie({
-		variables: { id: E?.plan?.id ?? "" },
-		skip: !E?.plan?.id,
+	}), { data: Ce } = re({ fetchPolicy: "cache-first" }), w = Se ?? Ce?.getDefaultBillingAccount?.id ?? void 0, { subscription: T, isLoading: we, error: E, refetch: D } = ce(f, w), { cancelSubscription: Te, isCanceling: O, updateSubscriptionSeats: Ee, isUpdatingSeats: De } = g(), { workspaceId: k } = e(), { overview: Oe, refetch: ke } = m(k ?? void 0), A = (T?.activatedWorkspaceIds ?? []).find((e) => e !== k), { overview: Ae } = m(A), { workspaces: j } = oe(), M = j.length > 0 ? j : k ? [{
+		id: k,
+		name: "Current workspace"
+	}] : [], { data: je } = ie({
+		variables: { id: T?.plan?.id ?? "" },
+		skip: !T?.plan?.id,
 		fetchPolicy: "cache-first"
-	}), [Ce, I] = g(!1), [we, L] = g(!1), [Te, R] = g(!1), [z, B] = g(""), [V, H] = g(null), Ee = async () => {
-		if (E) {
-			H(null);
+	}), [Me, N] = _(!1), [Ne, P] = _(!1), [Pe, F] = _(!1), [I, L] = _(""), [R, z] = _(null), Fe = async () => {
+		if (T) {
+			z(null);
 			try {
-				await A({
-					billingAccountId: T ?? E.billingAccountId,
-					subscriptionId: E.id,
-					reason: z || "User requested cancellation"
-				}), S("billing.subscription.cancelled", {
+				await Te({
+					billingAccountId: w ?? T.billingAccountId,
+					subscriptionId: T.id,
+					reason: I || "User requested cancellation"
+				}), x("billing.subscription.cancelled", {
 					route: "/billing/subscriptions",
-					entityId: E.id,
+					entityId: T.id,
 					source: "subscription-detail",
-					reason: z || "User requested cancellation"
-				}), I(!1), B(""), await k();
+					reason: I || "User requested cancellation"
+				}), N(!1), L(""), await D();
 			} catch (e) {
-				H(e instanceof Error ? e.message : "Failed to cancel subscription");
+				z(e instanceof Error ? e.message : "Failed to cancel subscription");
 			}
 		}
 	};
-	if (!w.canViewSubscriptions) return /* @__PURE__ */ _("div", {
+	if (!C.canViewSubscriptions) return /* @__PURE__ */ v("div", {
 		className: "flex items-center justify-center h-full min-h-[400px]",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "text-center space-y-2",
 			children: [
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v("div", {
 					className: "size-12 mx-auto rounded-full bg-[var(--color-accent-soft)] flex items-center justify-center",
-					children: /* @__PURE__ */ _("svg", {
+					children: /* @__PURE__ */ v("svg", {
 						className: "size-6 text-text-secondary",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ _("path", {
+						children: /* @__PURE__ */ v("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -83,46 +86,46 @@ var C = () => {
 						})
 					})
 				}),
-				/* @__PURE__ */ _("h2", {
+				/* @__PURE__ */ v("h2", {
 					className: "text-lg font-semibold text-text-primary",
 					children: "Access Denied"
 				}),
-				/* @__PURE__ */ _("p", {
+				/* @__PURE__ */ v("p", {
 					className: "text-sm text-text-secondary max-w-sm",
 					children: "You don't have permission to view this subscription."
 				})
 			]
 		})
 	});
-	if (D) return /* @__PURE__ */ v("div", {
+	if (we) return /* @__PURE__ */ y("div", {
 		className: "space-y-6 px-6 lg:px-8 py-6",
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ y("div", {
 			className: "flex items-center gap-4",
-			children: [/* @__PURE__ */ _("div", { className: "size-10 bg-bg-sunken animate-pulse rounded-button" }), /* @__PURE__ */ _("div", { className: "h-8 w-48 bg-bg-sunken animate-pulse rounded" })]
-		}), /* @__PURE__ */ _("div", {
+			children: [/* @__PURE__ */ v("div", { className: "size-10 bg-bg-sunken animate-pulse rounded-button" }), /* @__PURE__ */ v("div", { className: "h-8 w-48 bg-bg-sunken animate-pulse rounded" })]
+		}), /* @__PURE__ */ v("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-			children: /* @__PURE__ */ _("div", {
+			children: /* @__PURE__ */ v("div", {
 				className: "lg:col-span-2 space-y-6",
-				children: /* @__PURE__ */ v("div", {
+				children: /* @__PURE__ */ y("div", {
 					className: "border border-border-seam rounded-card bg-bg-surface shadow-elevation-1 p-5 space-y-4",
-					children: [/* @__PURE__ */ _("div", { className: "h-6 w-32 bg-bg-sunken animate-pulse rounded" }), /* @__PURE__ */ _("div", { className: "h-4 w-full bg-bg-sunken animate-pulse rounded" })]
+					children: [/* @__PURE__ */ v("div", { className: "h-6 w-32 bg-bg-sunken animate-pulse rounded" }), /* @__PURE__ */ v("div", { className: "h-4 w-full bg-bg-sunken animate-pulse rounded" })]
 				})
 			})
 		})]
 	});
-	if (O || !E) return /* @__PURE__ */ _("div", {
+	if (E || !T) return /* @__PURE__ */ v("div", {
 		className: "flex items-center justify-center h-full min-h-[400px]",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "text-center space-y-4",
 			children: [
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v("div", {
 					className: "size-12 mx-auto rounded-full bg-status-error-bg-subtle flex items-center justify-center",
-					children: /* @__PURE__ */ _("svg", {
+					children: /* @__PURE__ */ v("svg", {
 						className: "size-6 text-status-error-text",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ _("path", {
+						children: /* @__PURE__ */ v("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -130,250 +133,297 @@ var C = () => {
 						})
 					})
 				}),
-				/* @__PURE__ */ _("h2", {
+				/* @__PURE__ */ v("h2", {
 					className: "text-lg font-semibold text-text-primary",
 					children: u("billing.subscriptions.notFound", "Subscription not found")
 				}),
-				/* @__PURE__ */ _("p", {
+				/* @__PURE__ */ v("p", {
 					className: "text-sm text-text-secondary",
-					children: O?.message || "The subscription you are looking for does not exist."
+					children: E?.message || "The subscription you are looking for does not exist."
 				}),
-				/* @__PURE__ */ _("button", {
+				/* @__PURE__ */ v("button", {
 					type: "button",
-					onClick: () => x(p("/subscriptions", T)),
+					onClick: () => b(p("/subscriptions", w)),
 					className: "px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors duration-200",
 					children: "Back to Subscriptions"
 				})
 			]
 		})
 	});
-	let U = E.plan, W = (E.quotas || []).filter((e) => !h(e.name)), G = E.addonSubscriptions || [], K = E.transactions || [], q = E.history || [], De = te(E.status), J = E.status === "active", Y = F.filter((e) => e.assignment.subscriptionId === E.id && e.assignment.isActive), X = P ? (E.activatedWorkspaceIds?.includes(P) ?? !1) || Y.length > 0 : !1, Oe = (Se?.getPlan?.features ?? []).filter((e) => e != null).filter((e) => e.quota?.name && h(e.quota.name)).map((e) => {
+	let B = T.plan, V = (T.quotas || []).filter((e) => !h(e.name)), H = T.addonSubscriptions || [], U = T.transactions || [], W = T.history || [], Ie = te(T.status), G = T.status === "active", K = [...Oe, ...Ae].filter((e) => e.assignment.subscriptionId === T.id && e.assignment.isActive), q = k ? (T.activatedWorkspaceIds?.includes(k) ?? !1) || K.length > 0 : !1, J = T.activatedWorkspaceIds?.length ?? 0, Y = B?.maxWorkspaces ?? 1, X = !q && J >= Y, Le = (je?.getPlan?.features ?? []).filter((e) => e != null).filter((e) => e.quota?.name && h(e.quota.name)).map((e) => {
 		let t = e.quota?.limits, n = t && "type" in t ? String(t.type) : "number", r = e.context && "quantity" in e.context ? Number(e.context.quantity) : null, i = t && "value" in t ? Number(t.value) : null, a = r ?? i;
 		return {
 			quotaName: e.quota.name,
-			productId: U?.productID ?? "platform",
+			productId: B?.productID ?? "platform",
 			limit: n === "number" ? a : null,
 			noLimit: n !== "number",
 			resetPeriod: "NEVER",
 			quotaMode: e.quota?.quotaType === "POOLED" ? "pooled" : "dedicated"
 		};
-	}), Z = new Date(E.endDate), ke = new Date(E.startDate), Ae = /* @__PURE__ */ new Date(), Q = Math.ceil((Z.getTime() - ke.getTime()) / (1e3 * 60 * 60 * 24)), $ = Math.max(0, Math.ceil((Z.getTime() - Ae.getTime()) / (1e3 * 60 * 60 * 24))), je = Math.round((Q - $) / Q * 100), Me = [
-		...J && w.canUpdateSubscription ? [{
+	}), Z = new Date(T.endDate), Re = new Date(T.startDate), ze = /* @__PURE__ */ new Date(), Q = Math.ceil((Z.getTime() - Re.getTime()) / (1e3 * 60 * 60 * 24)), $ = Math.max(0, Math.ceil((Z.getTime() - ze.getTime()) / (1e3 * 60 * 60 * 24))), Be = Math.round((Q - $) / Q * 100), Ve = [
+		...G && C.canUpdateSubscription ? [{
 			id: "change-plan",
 			label: "Review or change your plan",
 			description: "Upgrade, downgrade, or compare what each tier includes.",
-			onClick: () => x(p(`/subscriptions/${E.id}/upgrade`, T ?? E.billingAccountId))
+			onClick: () => b(p(`/subscriptions/${T.id}/upgrade`, w ?? T.billingAccountId))
 		}] : [],
-		...J && P && !X ? [{
+		...G && k && !q && !X ? [{
 			id: "activate-workspace",
 			label: "Activate quotas for your workspace",
 			description: "Turn on the workspace-scoped limits included in this plan.",
-			onClick: () => R(!0)
+			onClick: () => F(!0)
 		}] : [],
 		{
 			id: "track-usage",
 			label: "Track your usage",
 			description: "See how much of your included quota you have consumed.",
-			onClick: () => x(p("/usage", T ?? E.billingAccountId))
+			onClick: () => b(p("/usage", w ?? T.billingAccountId))
 		},
 		{
 			id: "view-invoices",
 			label: "Review invoices & payments",
 			description: "Check what has been billed for this subscription.",
-			onClick: () => x(p("/invoices", T ?? E.billingAccountId))
+			onClick: () => b(p("/invoices", w ?? T.billingAccountId))
 		}
 	];
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ y("div", {
 		className: "space-y-6 px-6 lg:px-8 py-6",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex items-start gap-4",
-					children: [/* @__PURE__ */ _("button", {
+					children: [/* @__PURE__ */ v("button", {
 						type: "button",
 						"aria-label": "Back to subscriptions",
-						onClick: () => x(p("/subscriptions", T)),
+						onClick: () => b(p("/subscriptions", w)),
 						className: "p-2 -ml-2 text-text-secondary hover:text-text-primary hover:bg-bg-sunken rounded-button transition-colors duration-200",
-						children: /* @__PURE__ */ _("svg", {
+						children: /* @__PURE__ */ v("svg", {
 							className: "size-5",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ _("path", {
+							children: /* @__PURE__ */ v("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
 								d: "M15 19l-7-7 7-7"
 							})
 						})
-					}), /* @__PURE__ */ v("div", { children: [
-						/* @__PURE__ */ v("div", {
+					}), /* @__PURE__ */ y("div", { children: [
+						/* @__PURE__ */ y("div", {
 							className: "flex items-center gap-3 flex-wrap",
-							children: [/* @__PURE__ */ _("h1", {
+							children: [/* @__PURE__ */ v("h1", {
 								className: "text-2xl md:text-3xl font-semibold tracking-tight text-text-primary",
-								children: U?.name || "Subscription"
-							}), /* @__PURE__ */ _(n, {
-								status: De,
+								children: B?.name || "Subscription"
+							}), /* @__PURE__ */ v(n, {
+								status: Ie,
 								dot: !0,
-								pulse: J,
-								children: ee(E.status)
+								pulse: G,
+								children: ee(T.status)
 							})]
 						}),
-						/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ v("p", {
 							className: "text-sm text-text-secondary mt-1",
-							children: U?.pricingModel === o.PER_SEAT && U.pricePerSeat ? `${c(U.pricePerSeat, U.currency)} / seat / ${d(U.duration)} · ${E.seatCount ?? U.minSeats ?? 1} seats = ${c(U.pricePerSeat * (E.seatCount ?? U.minSeats ?? 1), U.currency)} / ${d(U.duration)}` : U ? `${c(U.price, U.currency)} / ${d(U.duration)}` : "Unknown plan"
+							children: B?.pricingModel === o.PER_SEAT && B.pricePerSeat ? `${c(B.pricePerSeat, B.currency)} / seat / ${d(B.duration)} · ${T.seatCount ?? B.minSeats ?? 1} seats = ${c(B.pricePerSeat * (T.seatCount ?? B.minSeats ?? 1), B.currency)} / ${d(B.duration)}` : B ? `${c(B.price, B.currency)} / ${d(B.duration)}` : "Unknown plan"
 						}),
-						/* @__PURE__ */ _(pe, {
+						/* @__PURE__ */ v(ge, {
 							className: "mt-3",
 							children: u("billing.subscriptions.detailPurpose", "Everything about this subscription in one view — its billing period, the quotas and add-ons it includes, recent charges and its full status history. Use it to track what you are getting, activate workspace quotas, change your plan, or cancel.")
 						})
 					] })]
-				}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ _(fe, {
-						primary: J && w.canUpdateSubscription ? {
+					children: [/* @__PURE__ */ v(pe, {
+						primary: G && C.canUpdateSubscription ? {
 							label: "Change Plan",
-							onSelect: () => x(p(`/subscriptions/${E.id}/upgrade`, T ?? E.billingAccountId))
+							onSelect: () => b(p(`/subscriptions/${T.id}/upgrade`, w ?? T.billingAccountId))
 						} : void 0,
-						actions: [...J && w.canUpdateSubscription && U?.pricingModel === o.PER_SEAT ? [{
+						actions: [...G && C.canUpdateSubscription && B?.pricingModel === o.PER_SEAT ? [{
 							label: "Manage Seats",
-							onSelect: () => L(!0)
-						}] : [], ...J && w.canCancelSubscription && !E.canceledAt ? [{
-							label: j ? "Canceling…" : "Cancel Subscription",
-							onSelect: () => I(!0),
-							disabled: j,
+							onSelect: () => P(!0)
+						}] : [], ...G && C.canCancelSubscription && !T.canceledAt ? [{
+							label: O ? "Canceling…" : "Cancel Subscription",
+							onSelect: () => N(!0),
+							disabled: O,
 							intent: "destructive"
 						}] : []]
-					}), E.canceledAt && /* @__PURE__ */ _("span", {
+					}), T.canceledAt && /* @__PURE__ */ v("span", {
 						className: "px-4 py-2 text-sm font-medium text-status-warning-text bg-status-warning-bg-subtle rounded-button",
 						children: "Cancellation Scheduled"
 					})]
 				})]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						J && /* @__PURE__ */ v(y, {
+						G && /* @__PURE__ */ y(me, {
 							className: "p-5",
-							children: [/* @__PURE__ */ v("div", {
+							children: [/* @__PURE__ */ y("div", {
 								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ _("h2", {
+								children: [/* @__PURE__ */ v("h2", {
 									className: "text-base font-semibold text-text-primary",
 									children: "Current Period"
-								}), /* @__PURE__ */ v("span", {
+								}), /* @__PURE__ */ y("span", {
 									className: "text-sm text-text-secondary tabular-nums",
 									children: [$, " days remaining"]
 								})]
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ y("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ _(r, {
-									value: je,
+								children: [/* @__PURE__ */ v(r, {
+									value: Be,
 									status: "primary",
 									size: "md",
 									"aria-label": "Billing period progress"
-								}), /* @__PURE__ */ v("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "flex items-center justify-between text-sm text-text-secondary",
-									children: [/* @__PURE__ */ _("span", { children: l(E.startDate, "short") }), /* @__PURE__ */ _("span", { children: l(E.endDate, "short") })]
+									children: [/* @__PURE__ */ v("span", { children: l(T.startDate, "short") }), /* @__PURE__ */ v("span", { children: l(T.endDate, "short") })]
 								})]
 							})]
 						}),
-						/* @__PURE__ */ v(t, {
+						/* @__PURE__ */ y(t, {
 							className: "overflow-hidden",
-							children: [/* @__PURE__ */ v("div", {
+							children: [/* @__PURE__ */ y("div", {
 								className: "p-5 border-b border-border-subtle",
-								children: [/* @__PURE__ */ v("h2", {
+								children: [/* @__PURE__ */ y("h2", {
 									className: "text-base font-semibold text-text-primary",
-									children: ["Plan Quotas", W.length > 0 && /* @__PURE__ */ v("span", {
+									children: ["Plan Quotas", V.length > 0 && /* @__PURE__ */ y("span", {
 										className: "ml-2 text-sm font-normal text-text-muted tabular-nums",
 										children: [
 											"(",
-											W.length,
+											V.length,
 											")"
 										]
 									})]
-								}), /* @__PURE__ */ _("p", {
+								}), /* @__PURE__ */ v("p", {
 									className: "text-sm text-text-secondary mt-0.5",
 									children: "Limits included in your plan"
 								})]
-							}), /* @__PURE__ */ _("div", {
+							}), /* @__PURE__ */ v("div", {
 								className: "p-5",
-								children: W.length === 0 ? /* @__PURE__ */ _("p", {
+								children: V.length === 0 ? /* @__PURE__ */ v("p", {
 									className: "text-sm text-text-secondary",
 									children: "No quotas assigned to this subscription."
-								}) : /* @__PURE__ */ _("div", {
+								}) : /* @__PURE__ */ v("div", {
 									className: "space-y-3",
-									children: W.map((e) => /* @__PURE__ */ _(me, { quota: e }, e.id))
+									children: V.map((e) => /* @__PURE__ */ v(_e, { quota: e }, e.id))
 								})
 							})]
 						}),
-						J && P && /* @__PURE__ */ v(t, {
+						G && k && /* @__PURE__ */ y(t, {
 							className: "overflow-hidden",
 							children: [
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ y("div", {
 									className: "p-5 border-b border-border-subtle flex items-center justify-between gap-4",
-									children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h2", {
+									children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
 										className: "text-base font-semibold text-text-primary",
 										children: "Workspace Quotas"
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary mt-0.5",
 										children: "Active limits for your workspace"
-									})] }), X ? /* @__PURE__ */ _(n, {
+									})] }), q ? /* @__PURE__ */ v(n, {
 										status: "success",
 										dot: !0,
 										children: "Active"
-									}) : /* @__PURE__ */ _("button", {
+									}) : X ? /* @__PURE__ */ v(n, {
+										status: "warning",
+										dot: !0,
+										children: "At workspace limit"
+									}) : /* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: () => R(!0),
+										onClick: () => F(!0),
 										className: "px-3 py-1.5 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors duration-200",
 										children: "Activate for Workspace"
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ v("div", {
 									className: "p-5",
-									children: X ? Y.length > 0 ? /* @__PURE__ */ _("div", {
+									children: q ? K.length > 0 ? /* @__PURE__ */ v("div", {
 										className: "space-y-3",
-										children: Y.map((e) => /* @__PURE__ */ _(he, { item: e }, e.assignment.id))
-									}) : /* @__PURE__ */ v("p", {
+										children: K.map((e) => /* @__PURE__ */ v(ve, { item: e }, e.assignment.id))
+									}) : /* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary",
 										children: [
 											"Quotas are activated on workspace",
 											" ",
-											/* @__PURE__ */ _("span", {
+											/* @__PURE__ */ v("span", {
 												className: "font-mono text-xs text-text-primary bg-bg-sunken/60 rounded px-1.5 py-0.5",
-												children: P
+												children: k
 											}),
 											". Usage data will appear here once quotas are consumed."
 										]
-									}) : /* @__PURE__ */ v("div", {
+									}) : X ? /* @__PURE__ */ y("div", {
+										className: "flex items-start gap-3",
+										children: [/* @__PURE__ */ v("div", {
+											className: "size-8 rounded-full bg-status-warning-bg-subtle flex items-center justify-center shrink-0 mt-0.5",
+											children: /* @__PURE__ */ v("svg", {
+												className: "size-4 text-status-warning-text",
+												fill: "none",
+												viewBox: "0 0 24 24",
+												stroke: "currentColor",
+												children: /* @__PURE__ */ v("path", {
+													strokeLinecap: "round",
+													strokeLinejoin: "round",
+													strokeWidth: 2,
+													d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+												})
+											})
+										}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+											className: "text-sm font-medium text-text-primary",
+											children: "Already active on another workspace"
+										}), /* @__PURE__ */ y("p", {
+											className: "text-sm text-text-secondary mt-0.5",
+											children: [
+												B?.name ?? "This plan",
+												" can be activated for",
+												" ",
+												Y === 1 ? "only 1 workspace" : `at most ${Y} workspaces`,
+												", and",
+												" ",
+												J === 1 ? "it" : `${J} of them`,
+												" ",
+												A && /* @__PURE__ */ y(de, { children: [
+													"(",
+													/* @__PURE__ */ v("span", {
+														className: "font-mono text-xs bg-bg-sunken/60 rounded px-1.5 py-0.5",
+														children: M.find((e) => e.id === A)?.name ?? A
+													}),
+													")",
+													" "
+												] }),
+												J === 1 ? "is" : "are",
+												" already using it. Switch to that workspace to see its quotas, or remove it there to free up the slot for this one."
+											]
+										})] })]
+									}) : /* @__PURE__ */ y("div", {
 										className: "flex items-start gap-3",
-										children: [/* @__PURE__ */ _("div", {
+										children: [/* @__PURE__ */ v("div", {
 											className: "size-8 rounded-full bg-status-warning-bg-subtle flex items-center justify-center shrink-0 mt-0.5",
-											children: /* @__PURE__ */ _("svg", {
+											children: /* @__PURE__ */ v("svg", {
 												className: "size-4 text-status-warning-text",
 												fill: "none",
 												viewBox: "0 0 24 24",
 												stroke: "currentColor",
-												children: /* @__PURE__ */ _("path", {
+												children: /* @__PURE__ */ v("path", {
 													strokeLinecap: "round",
 													strokeLinejoin: "round",
 													strokeWidth: 2,
 													d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
 												})
 											})
-										}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+										}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "text-sm font-medium text-text-primary",
 											children: "Workspace quotas not activated yet"
-										}), /* @__PURE__ */ v("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-sm text-text-secondary mt-0.5",
 											children: [
 												"Click",
 												" ",
-												/* @__PURE__ */ _("button", {
+												/* @__PURE__ */ v("button", {
 													type: "button",
-													onClick: () => R(!0),
+													onClick: () => F(!0),
 													className: "text-text-link hover:underline font-medium",
 													children: "Activate for Workspace"
 												}),
@@ -383,66 +433,63 @@ var C = () => {
 										})] })]
 									})
 								}),
-								Te && /* @__PURE__ */ _(oe, {
-									billingAccountId: T ?? E.billingAccountId,
-									subscriptionId: E.id,
-									quotas: Oe,
-									workspaces: [{
-										id: P,
-										name: "Current workspace"
-									}],
-									currentWorkspaceId: P,
+								Pe && /* @__PURE__ */ v(se, {
+									billingAccountId: w ?? T.billingAccountId,
+									subscriptionId: T.id,
+									quotas: Le,
+									workspaces: M,
+									currentWorkspaceId: k,
 									onAssigned: () => {
-										R(!1), k(), xe();
+										F(!1), D(), ke();
 									},
-									onSkip: () => R(!1)
+									onSkip: () => F(!1)
 								})
 							]
 						}),
-						G.length > 0 && /* @__PURE__ */ v(t, {
+						H.length > 0 && /* @__PURE__ */ y(t, {
 							className: "overflow-hidden",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ v("div", {
 								className: "p-5 border-b border-border-subtle",
-								children: /* @__PURE__ */ v("h2", {
+								children: /* @__PURE__ */ y("h2", {
 									className: "text-base font-semibold text-text-primary",
 									children: [
 										"Addons",
 										" ",
-										/* @__PURE__ */ v("span", {
+										/* @__PURE__ */ y("span", {
 											className: "text-sm font-normal text-text-muted tabular-nums",
 											children: [
 												"(",
-												G.length,
+												H.length,
 												")"
 											]
 										})
 									]
 								})
-							}), /* @__PURE__ */ _("div", {
+							}), /* @__PURE__ */ v("div", {
 								className: "p-5",
-								children: /* @__PURE__ */ _("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "space-y-3",
-									children: G.map((e) => /* @__PURE__ */ _(ge, { addonSubscription: e }, e.id))
+									children: H.map((e) => /* @__PURE__ */ v(ye, { addonSubscription: e }, e.id))
 								})
 							})]
 						}),
-						K.length > 0 && /* @__PURE__ */ v(t, {
+						U.length > 0 && /* @__PURE__ */ y(t, {
 							className: "overflow-hidden",
 							children: [
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ v("div", {
 									className: "p-5 border-b border-border-subtle",
-									children: /* @__PURE__ */ _("h2", {
+									children: /* @__PURE__ */ v("h2", {
 										className: "text-base font-semibold text-text-primary",
 										children: "Recent Transactions"
 									})
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ v("div", {
 									className: "divide-y divide-border-subtle",
-									children: K.slice(0, 5).map((e) => /* @__PURE__ */ _(_e, { transaction: e }, e.id))
+									children: U.slice(0, 5).map((e) => /* @__PURE__ */ v(be, { transaction: e }, e.id))
 								}),
-								K.length > 5 && /* @__PURE__ */ _("div", {
+								U.length > 5 && /* @__PURE__ */ v("div", {
 									className: "p-4 text-center border-t border-border-subtle",
-									children: /* @__PURE__ */ _("button", {
+									children: /* @__PURE__ */ v("button", {
 										type: "button",
 										className: "text-sm text-text-link hover:underline",
 										children: "View all transactions"
@@ -451,176 +498,176 @@ var C = () => {
 							]
 						})
 					]
-				}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "space-y-6 lg:sticky lg:top-6 lg:self-start",
 					children: [
-						/* @__PURE__ */ _(b, {
+						/* @__PURE__ */ v(he, {
 							storageKey: "billing-subscription-detail",
-							steps: Me
+							steps: Ve
 						}),
-						/* @__PURE__ */ v(t, {
+						/* @__PURE__ */ y(t, {
 							className: "overflow-hidden",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ v("div", {
 								className: "p-5 border-b border-border-subtle",
-								children: /* @__PURE__ */ _("h2", {
+								children: /* @__PURE__ */ v("h2", {
 									className: "text-base font-semibold text-text-primary",
 									children: "Details"
 								})
-							}), /* @__PURE__ */ v("div", {
+							}), /* @__PURE__ */ y("div", {
 								className: "p-5 space-y-4",
 								children: [
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "Subscription ID"
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ v("p", {
 										className: "font-mono text-sm text-text-primary mt-0.5 break-all",
-										children: E.id
+										children: T.id
 									})] }),
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "Plan"
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ v("p", {
 										className: "text-sm text-text-primary mt-0.5",
-										children: U?.name || "Unknown"
+										children: B?.name || "Unknown"
 									})] }),
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "Billing Account"
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ v("p", {
 										className: "text-sm text-text-primary mt-0.5",
-										children: E.billingAccount?.name || "Unknown"
+										children: T.billingAccount?.name || "Unknown"
 									})] }),
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "Start Date"
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ v("p", {
 										className: "text-sm text-text-primary mt-0.5",
-										children: l(E.startDate)
+										children: l(T.startDate)
 									})] }),
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "End Date"
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ v("p", {
 										className: "text-sm text-text-primary mt-0.5",
-										children: l(E.endDate)
+										children: l(T.endDate)
 									})] }),
-									E.nextBillingDate && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+									T.nextBillingDate && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "Next Billing"
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ v("p", {
 										className: "text-sm text-text-primary mt-0.5",
-										children: l(E.nextBillingDate)
+										children: l(T.nextBillingDate)
 									})] }),
-									/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "Auto Renewal"
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ v("p", {
 										className: "text-sm text-text-primary mt-0.5",
-										children: E.autoRenewal ? "Enabled" : "Disabled"
+										children: T.autoRenewal ? "Enabled" : "Disabled"
 									})] }),
-									E.paymentGateway && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+									T.paymentGateway && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "Payment Gateway"
-									}), /* @__PURE__ */ _("p", {
+									}), /* @__PURE__ */ v("p", {
 										className: "text-sm text-text-primary mt-0.5 capitalize",
-										children: E.paymentGateway
+										children: T.paymentGateway
 									})] })
 								]
 							})]
 						}),
-						q.length > 0 && /* @__PURE__ */ v(t, {
+						W.length > 0 && /* @__PURE__ */ y(t, {
 							className: "overflow-hidden",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ v("div", {
 								className: "p-5 border-b border-border-subtle",
-								children: /* @__PURE__ */ _("h2", {
+								children: /* @__PURE__ */ v("h2", {
 									className: "text-base font-semibold text-text-primary",
 									children: "History"
 								})
-							}), /* @__PURE__ */ _("div", {
+							}), /* @__PURE__ */ v("div", {
 								className: "p-5",
-								children: /* @__PURE__ */ _("div", {
+								children: /* @__PURE__ */ v("div", {
 									className: "space-y-3",
-									children: q.slice(0, 5).map((e) => /* @__PURE__ */ _(ve, { item: e }, e.id))
+									children: W.slice(0, 5).map((e) => /* @__PURE__ */ v(xe, { item: e }, e.id))
 								})
 							})]
 						})
 					]
 				})]
 			}),
-			we && E && /* @__PURE__ */ _(le, {
-				subscription: E,
-				onClose: () => L(!1),
+			Ne && T && /* @__PURE__ */ v(le, {
+				subscription: T,
+				onClose: () => P(!1),
 				onConfirm: async (e) => {
-					await M({
-						subscriptionId: E.id,
+					await Ee({
+						subscriptionId: T.id,
 						seatCount: e
-					}), await k();
+					}), await D();
 				},
-				isLoading: N
+				isLoading: De
 			}),
-			Ce && /* @__PURE__ */ v("div", {
+			Me && /* @__PURE__ */ y("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "absolute inset-0 bg-overlay-scrim",
-					onClick: () => I(!1)
-				}), /* @__PURE__ */ v("div", {
+					onClick: () => N(!1)
+				}), /* @__PURE__ */ y("div", {
 					className: "relative bg-bg-elevated border border-border-seam rounded-card shadow-[var(--shadow-elevation-4)] w-full max-w-md mx-4 p-6",
 					role: "dialog",
 					"aria-modal": "true",
 					"aria-labelledby": "cancel-subscription-title",
 					children: [
-						/* @__PURE__ */ _("h3", {
+						/* @__PURE__ */ v("h3", {
 							id: "cancel-subscription-title",
 							className: "text-lg font-semibold text-text-primary mb-2",
 							children: "Cancel Subscription"
 						}),
-						/* @__PURE__ */ v("p", {
+						/* @__PURE__ */ y("p", {
 							className: "text-sm text-text-secondary mb-4",
 							children: [
 								"Are you sure you want to cancel this subscription? Your subscription will remain active until",
 								" ",
-								/* @__PURE__ */ _("span", {
+								/* @__PURE__ */ v("span", {
 									className: "font-medium text-text-primary",
-									children: l(E.endDate)
+									children: l(T.endDate)
 								}),
 								", but will not renew automatically."
 							]
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "mb-4",
-							children: [/* @__PURE__ */ _("label", {
+							children: [/* @__PURE__ */ v("label", {
 								className: "block text-sm font-medium text-text-primary mb-1",
 								children: "Reason for cancellation (optional)"
-							}), /* @__PURE__ */ _("textarea", {
-								value: z,
-								onChange: (e) => B(e.target.value),
+							}), /* @__PURE__ */ v("textarea", {
+								value: I,
+								onChange: (e) => L(e.target.value),
 								placeholder: "Please share why you're canceling...",
 								className: "w-full px-3 py-2 text-sm border border-border-subtle rounded-input bg-bg-surface text-text-primary placeholder:text-text-placeholder focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] focus:border-transparent resize-none",
 								rows: 3
 							})]
 						}),
-						V && /* @__PURE__ */ _("div", {
+						R && /* @__PURE__ */ v("div", {
 							className: "mb-4 p-3 bg-status-error-bg-subtle border border-status-error-border rounded-card",
-							children: /* @__PURE__ */ _("p", {
+							children: /* @__PURE__ */ v("p", {
 								className: "text-sm text-status-error-text",
-								children: V
+								children: R
 							})
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "flex items-center justify-end gap-3",
-							children: [/* @__PURE__ */ _("button", {
+							children: [/* @__PURE__ */ v("button", {
 								type: "button",
 								onClick: () => {
-									I(!1), B(""), H(null);
+									N(!1), L(""), z(null);
 								},
 								className: "px-4 py-2 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors",
 								children: "Keep Subscription"
-							}), /* @__PURE__ */ _("button", {
+							}), /* @__PURE__ */ v("button", {
 								type: "button",
-								onClick: Ee,
-								disabled: j,
+								onClick: Fe,
+								disabled: O,
 								className: "px-4 py-2 text-sm font-medium bg-action-danger-bg text-action-danger-text rounded-button hover:bg-action-danger-bgHover transition-colors duration-200 disabled:opacity-50",
-								children: j ? "Canceling..." : "Confirm Cancellation"
+								children: O ? "Canceling..." : "Confirm Cancellation"
 							})]
 						})
 					]
@@ -628,23 +675,23 @@ var C = () => {
 			})
 		]
 	});
-}, me = ({ quota: e }) => {
-	let t = e.context, n = x(e.name, t), r = t?.description && typeof t.description == "string" ? t.description : null, i = e.limits?.value ?? 0, a = e.currentUsageSum ?? 0, o = i > 0 ? Math.min(100, a / i * 100) : 0, c = e.name.includes("bytes") || e.name.includes("storage"), d = e.quotaType === "POOLED";
-	return /* @__PURE__ */ v("div", {
+}, _e = ({ quota: e }) => {
+	let t = e.context, n = b(e.name, t), r = t?.description && typeof t.description == "string" ? t.description : null, i = e.limits?.value ?? 0, a = e.currentUsageSum ?? 0, o = i > 0 ? Math.min(100, a / i * 100) : 0, c = e.name.includes("bytes") || e.name.includes("storage"), d = e.quotaType === "POOLED";
+	return /* @__PURE__ */ y("div", {
 		className: "p-4 rounded-card border border-border-seam bg-bg-surface",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "flex items-start justify-between gap-4 mb-2",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ _("p", {
+					children: [/* @__PURE__ */ v("p", {
 						className: "font-medium text-text-primary truncate",
 						children: n
-					}), r && /* @__PURE__ */ _("p", {
+					}), r && /* @__PURE__ */ v("p", {
 						className: "text-xs text-text-secondary mt-0.5 line-clamp-2",
 						children: r
 					})]
-				}), /* @__PURE__ */ v("span", {
+				}), /* @__PURE__ */ y("span", {
 					className: "text-sm font-medium text-text-primary shrink-0 tabular-nums",
 					children: [
 						c ? s(a) : a.toLocaleString(),
@@ -653,21 +700,21 @@ var C = () => {
 					]
 				})]
 			}),
-			i > 0 && /* @__PURE__ */ _("div", {
+			i > 0 && /* @__PURE__ */ v("div", {
 				className: "h-1.5 rounded-full bg-bg-sunken overflow-hidden mb-2",
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: `h-full rounded-full transition-all duration-300 ${f(o)}`,
 					style: { width: `${o}%` }
 				})
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "flex items-center justify-between text-xs text-text-secondary",
-				children: [/* @__PURE__ */ _("span", {
+				children: [/* @__PURE__ */ v("span", {
 					className: "px-1.5 py-0.5 rounded bg-bg-sunken font-medium",
 					children: d ? "Shared" : "Per Workspace"
-				}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ y("div", {
 					className: "flex items-center gap-3",
-					children: [e.endtime && /* @__PURE__ */ v("span", { children: ["Expires ", l(e.endtime, "short")] }), i > 0 && /* @__PURE__ */ v("span", {
+					children: [e.endtime && /* @__PURE__ */ y("span", { children: ["Expires ", l(e.endtime, "short")] }), i > 0 && /* @__PURE__ */ y("span", {
 						className: o >= 90 ? "text-status-error-text font-medium" : o >= 70 ? "text-status-warning-text font-medium" : "",
 						children: [u(o), " used"]
 					})]
@@ -675,23 +722,23 @@ var C = () => {
 			})
 		]
 	});
-}, he = ({ item: e }) => {
-	let { assignment: t, effectiveUsed: n, usagePercentage: r } = e, i = x(t.quotaName), a = !t.noLimit && t.limit !== null, o = t.limit ?? 0, c = t.quotaName.includes("bytes") || t.quotaName.includes("storage"), d = S(t.resetPeriod);
-	return /* @__PURE__ */ v("div", {
+}, ve = ({ item: e }) => {
+	let { assignment: t, effectiveUsed: n, usagePercentage: r } = e, i = b(t.quotaName), a = !t.noLimit && t.limit !== null, o = t.limit ?? 0, c = t.quotaName.includes("bytes") || t.quotaName.includes("storage"), d = x(t.resetPeriod);
+	return /* @__PURE__ */ y("div", {
 		className: "p-4 rounded-card border border-border-seam bg-bg-surface",
 		children: [
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "flex items-start justify-between gap-4 mb-2",
-				children: [/* @__PURE__ */ v("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ _("p", {
+					children: [/* @__PURE__ */ v("p", {
 						className: "font-medium text-text-primary truncate",
 						children: i
-					}), /* @__PURE__ */ v("p", {
+					}), /* @__PURE__ */ y("p", {
 						className: "text-xs text-text-secondary mt-0.5",
 						children: [t.quotaMode === "pooled" ? "Pooled across workspaces" : "Dedicated", d && ` · ${d}`]
 					})]
-				}), /* @__PURE__ */ v("span", {
+				}), /* @__PURE__ */ y("span", {
 					className: "text-sm font-medium text-text-primary shrink-0 tabular-nums",
 					children: [
 						c ? s(n) : n.toLocaleString(),
@@ -700,83 +747,83 @@ var C = () => {
 					]
 				})]
 			}),
-			a && /* @__PURE__ */ _("div", {
+			a && /* @__PURE__ */ v("div", {
 				className: "h-1.5 rounded-full bg-bg-sunken overflow-hidden mb-2",
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: `h-full rounded-full transition-all duration-300 ${f(r)}`,
 					style: { width: `${Math.min(100, r)}%` }
 				})
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "flex items-center justify-between text-xs text-text-secondary",
-				children: [/* @__PURE__ */ v("span", { children: ["Since ", l(t.createdAt, "short")] }), a && /* @__PURE__ */ v("span", {
+				children: [/* @__PURE__ */ y("span", { children: ["Since ", l(t.createdAt, "short")] }), a && /* @__PURE__ */ y("span", {
 					className: r >= 90 ? "text-status-error-text font-medium" : r >= 70 ? "text-status-warning-text font-medium" : "",
 					children: [u(r), " used"]
 				})]
 			})
 		]
 	});
-}, ge = ({ addonSubscription: e }) => {
+}, ye = ({ addonSubscription: e }) => {
 	let t = e.addon;
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ y("div", {
 		className: "flex items-center justify-between p-3 rounded-card border border-border-seam bg-bg-sunken",
-		children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+		children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 			className: "font-medium text-text-primary",
 			children: t?.name || "Unknown Addon"
-		}), /* @__PURE__ */ v("p", {
+		}), /* @__PURE__ */ y("p", {
 			className: "text-sm text-text-secondary",
 			children: ["Qty: ", e.quantity]
-		})] }), t && /* @__PURE__ */ _("p", {
+		})] }), t && /* @__PURE__ */ v("p", {
 			className: "text-sm font-medium text-text-primary tabular-nums",
 			children: c(t.price * e.quantity, t.currency)
 		})]
 	});
-}, _e = ({ transaction: e }) => /* @__PURE__ */ v("div", {
+}, be = ({ transaction: e }) => /* @__PURE__ */ y("div", {
 	className: "flex items-center justify-between px-5 py-4 hover:bg-bg-sunken transition-colors",
-	children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+	children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 		className: "font-medium text-text-primary capitalize",
 		children: e.type
-	}), /* @__PURE__ */ _("p", {
+	}), /* @__PURE__ */ v("p", {
 		className: "text-sm text-text-secondary",
 		children: l(e.createdAt, "short")
-	})] }), /* @__PURE__ */ v("div", {
+	})] }), /* @__PURE__ */ y("div", {
 		className: "text-right",
-		children: [/* @__PURE__ */ v("p", {
+		children: [/* @__PURE__ */ y("p", {
 			className: `font-medium tabular-nums ${e.type === "refund" ? "text-status-error-text" : "text-text-primary"}`,
 			children: [e.type === "refund" ? "-" : "", c(e.amount, e.currency)]
-		}), /* @__PURE__ */ _("p", {
+		}), /* @__PURE__ */ v("p", {
 			className: "text-sm text-text-secondary capitalize",
 			children: e.status
 		})]
 	})]
-}), ve = ({ item: e }) => /* @__PURE__ */ v("div", {
+}), xe = ({ item: e }) => /* @__PURE__ */ y("div", {
 	className: "flex items-start gap-3",
-	children: [/* @__PURE__ */ _("div", { className: "size-2 rounded-full bg-text-muted mt-2 shrink-0" }), /* @__PURE__ */ v("div", { children: [
-		/* @__PURE__ */ v("p", {
+	children: [/* @__PURE__ */ v("div", { className: "size-2 rounded-full bg-text-muted mt-2 shrink-0" }), /* @__PURE__ */ y("div", { children: [
+		/* @__PURE__ */ y("p", {
 			className: "text-sm text-text-primary",
 			children: [
-				/* @__PURE__ */ _("span", {
+				/* @__PURE__ */ v("span", {
 					className: "capitalize",
 					children: e.fromStatus
 				}),
 				" → ",
-				/* @__PURE__ */ _("span", {
+				/* @__PURE__ */ v("span", {
 					className: "capitalize font-medium",
 					children: e.toStatus
 				})
 			]
 		}),
-		e.reason && /* @__PURE__ */ _("p", {
+		e.reason && /* @__PURE__ */ v("p", {
 			className: "text-xs text-text-secondary mt-0.5",
 			children: e.reason
 		}),
-		/* @__PURE__ */ _("p", {
+		/* @__PURE__ */ v("p", {
 			className: "text-xs text-text-secondary mt-0.5",
 			children: l(e.createdAt, "short")
 		})
 	] })]
 });
 //#endregion
-export { C as SubscriptionDetailPage };
+export { S as SubscriptionDetailPage };
 
 //# sourceMappingURL=SubscriptionDetailPage.js.map