@lukoweb/apitogo-plugin-dev-portal-billing 0.2.30 → 0.2.34

package/dist/index.mjs

@@ -1,943 +1,24 @@
-import { Button, Head, Heading, Link, Spinner } from "@lukoweb/apitogo/components";
-import { ArrowRightIcon, CreditCardIcon, KeyRoundIcon, ShieldIcon, StarsIcon, TrashIcon } from "@lukoweb/apitogo/icons";
-import { createContext, useContext, useEffect, useState } from "react";
-import { Link as Link$1, Navigate, Outlet, useNavigate, useSearchParams } from "@lukoweb/apitogo/router";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "@lukoweb/apitogo/ui/AlertDialog.js";
-import { cn } from "@lukoweb/apitogo/ui/util.js";
+import { t as AccountPlansPage } from "./AccountPlansPage-CXOfTwlX.mjs";
+import { a as LOGIN_NAV_PATH, c as USAGE_PATH, i as CREDENTIALS_PATH, n as CHECKOUT_PATH, o as PRICING_PATH, r as CONTACT_SALES_PATH, s as SUBSCRIPTIONS_PATH, t as ACCOUNT_PLANS_PATH } from "./paths-ujy9wjVK.mjs";
+import { a as formatPlanDisplayPrice, c as isActiveSubscription, f as listPlanFeatureLines, h as pickFeaturedPlanSku, p as parseManifestPlans, s as formatPlanPriceUnit, v as resolveDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-CgygF2z5.mjs";
+import "./PricingCard-Wra2FUX9.mjs";
+import { t as DevPortalBillingProvider } from "./DevPortalBillingContext-CR83s4LO.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-CLh3eFY4.mjs";
+import { n as startPlansPrefetch, t as usePlans } from "./usePlans-DUex2tzT.mjs";
+import { a as useRevokeApiKey, i as useCreateApiKey, n as API_KEY_CAP_REACHED, r as useApiKeys, t as ApiKeysPanel } from "./ApiKeysPanel-DrArkHXf.mjs";
+import { n as useUsageRecent, t as useUsage } from "./useUsage-Cx2GB3wg.mjs";
+import { t as isPreviewPricingEnabled } from "./pricing-config-CfhRX9tk.mjs";
+import { Head, Link } from "@lukoweb/apitogo/components";
+import { ArrowRightIcon, KeyRoundIcon, StarsIcon } from "@lukoweb/apitogo/icons";
+import { Outlet } from "@lukoweb/apitogo/router";
+import { Suspense, lazy } from "react";
 import manifestCatalog from "virtual:apitogo-local-manifest";
-import zudokuConfig from "virtual:zudoku-config";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useMutation, useQuery, useQueryClient } from "@lukoweb/apitogo/react-query";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useAuth } from "@lukoweb/apitogo/hooks";
 import { Button as Button$1 } from "@lukoweb/apitogo/ui/Button.js";
-import { Alert, AlertTitle } from "@lukoweb/apitogo/ui/Alert.js";
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@lukoweb/apitogo/ui/Dialog.js";
-import { Input } from "@lukoweb/apitogo/ui/Input.js";
-import { Secret } from "@lukoweb/apitogo/ui/Secret.js";
 import { AccountLayout } from "@lukoweb/apitogo-module-user-panel";
 import { createPlugin } from "@lukoweb/apitogo/plugins";
-import { Alert as Alert$1, AlertAction, AlertDescription, AlertTitle as AlertTitle$1 } from "@lukoweb/apitogo/ui/Alert";
-import { Button as Button$2 } from "@lukoweb/apitogo/ui/Button";
-import { Input as Input$1 } from "@lukoweb/apitogo/ui/Input";
-import { Label } from "@lukoweb/apitogo/ui/Label";
-import { Textarea } from "@lukoweb/apitogo/ui/Textarea";
-import { Value } from "@lukoweb/apitogo/ui/Value.js";
 
-//#region src/paths.ts
-const PRICING_PATH = "/pricing";
-const ACCOUNT_PLANS_PATH = "/account/plans";
-const CHECKOUT_PATH = "/checkout";
-const CONTACT_SALES_PATH = "/contact-sales";
-const SUBSCRIPTIONS_PATH = "/account/subscriptions";
-const CREDENTIALS_PATH = "/account/credentials";
-const USAGE_PATH = "/account/usage";
-const LOGIN_NAV_PATH = "/signin";
-
-//#endregion
-//#region src/utils/dev-portal-api.ts
-const DEV_PORTAL_PLACEHOLDER_API_URL = "https://dp-example.azurecontainerapps.io";
-function resolveDevPortalApiBaseUrl(configuredUrl) {
-	const fromConfig = configuredUrl?.trim();
-	if (fromConfig) return fromConfig.replace(/\/+$/, "");
-	const envUrl = (typeof VITE_APITOGO_AUTHENTICATION_API_BASE_URL === "string" ? VITE_APITOGO_AUTHENTICATION_API_BASE_URL.trim() : "") || (typeof VITE_APITOGO_DEV_PORTAL_API_URL === "string" ? VITE_APITOGO_DEV_PORTAL_API_URL.trim() : "");
-	return envUrl ? envUrl.replace(/\/+$/, "") : void 0;
-}
-function isPlaceholderDevPortalApiUrl(apiBaseUrl) {
-	if (!apiBaseUrl) return true;
-	return apiBaseUrl === DEV_PORTAL_PLACEHOLDER_API_URL || apiBaseUrl.includes("dp-example.azurecontainerapps.io");
-}
-function resolveLimitsJson(plan) {
-	if (plan.limits && typeof plan.limits === "object" && !Array.isArray(plan.limits)) return JSON.stringify(plan.limits);
-	return plan.limitsJson ?? null;
-}
-function mapPreviewPlans(plans) {
-	return plans.map((plan) => ({
-		sku: plan.sku,
-		displayName: plan.displayName,
-		priceAmount: plan.priceAmount,
-		pricingModel: plan.pricingModel,
-		priceLabel: plan.priceLabel,
-		priceCurrency: plan.priceCurrency,
-		billingPeriod: plan.billingPeriod,
-		limitsJson: resolveLimitsJson(plan),
-		includedActionKeys: plan.includedActionKeys,
-		features: plan.features
-	}));
-}
-function readModulePlanItems() {
-	const items = (zudokuConfig?.modules)?.userPanel?.plans?.items;
-	return Array.isArray(items) && items.length > 0 ? items : void 0;
-}
-function parseManifestPlans(configPlans) {
-	if (configPlans?.length) return { plans: mapPreviewPlans(configPlans.map((plan) => ({
-		sku: plan.sku,
-		displayName: plan.displayName,
-		priceAmount: plan.priceAmount ?? 0,
-		pricingModel: plan.pricingModel,
-		priceLabel: plan.priceLabel,
-		priceCurrency: plan.priceCurrency ?? "usd",
-		billingPeriod: plan.billingPeriod ?? "monthly",
-		limits: plan.limits,
-		limitsJson: plan.limitsJson ?? null,
-		includedActionKeys: plan.includedActionKeys ?? [],
-		features: plan.features
-	}))) };
-	if (manifestCatalog?.plans?.length) return { plans: mapPreviewPlans(manifestCatalog.plans) };
-	const metaPlans = zudokuConfig?.__meta?.previewPlans;
-	if (metaPlans?.length) return { plans: mapPreviewPlans(metaPlans) };
-	const moduleItems = readModulePlanItems();
-	if (moduleItems?.length) return { plans: mapPreviewPlans(moduleItems.map((plan) => ({
-		sku: plan.sku,
-		displayName: plan.displayName,
-		priceAmount: plan.priceAmount ?? 0,
-		pricingModel: plan.pricingModel,
-		priceLabel: plan.priceLabel,
-		priceCurrency: plan.priceCurrency ?? "usd",
-		billingPeriod: plan.billingPeriod ?? "monthly",
-		limits: plan.limits,
-		limitsJson: plan.limitsJson ?? null,
-		includedActionKeys: plan.includedActionKeys ?? [],
-		features: plan.features
-	}))) };
-	return { plans: [] };
-}
-function formatActionKey(actionKey) {
-	const separatorIndex = actionKey.indexOf(":");
-	if (separatorIndex <= 0) return actionKey;
-	return `${actionKey.slice(0, separatorIndex).toUpperCase()} ${actionKey.slice(separatorIndex + 1)}`;
-}
-/** Custom-priced plans go to a contact form; a negative price is the legacy marker for the same. */
-function isPlanCustomPriced(plan) {
-	return plan.pricingModel?.toLowerCase() === "custom" || plan.priceAmount < 0;
-}
-function formatCustomPriceLabel(plan) {
-	return plan.priceLabel?.trim() || "Custom";
-}
-function formatPlanPrice(plan) {
-	if (isPlanCustomPriced(plan)) return formatCustomPriceLabel(plan);
-	if (plan.priceAmount <= 0) return "Free";
-	const amount = new Intl.NumberFormat(void 0, {
-		style: "currency",
-		currency: plan.priceCurrency.toUpperCase(),
-		minimumFractionDigits: plan.priceAmount % 1 === 0 ? 0 : 2
-	}).format(plan.priceAmount);
-	const period = plan.billingPeriod.toLowerCase();
-	if (period === "monthly" || period === "month") return `${amount}/mo`;
-	if (period === "annual" || period === "year") return `${amount}/yr`;
-	return amount;
-}
-function isPlanFree(plan) {
-	return !isPlanCustomPriced(plan) && plan.priceAmount <= 0;
-}
-function formatBillingPeriod(period) {
-	const normalized = period.toLowerCase();
-	if (normalized === "month" || normalized === "monthly") return "per month";
-	if (normalized === "year" || normalized === "annual") return "per year";
-	if (normalized === "custom") return "talk to us";
-	return period;
-}
-/** Headline price for a plan card, without the period suffix (e.g. `$19`, `$0`, `Custom`). */
-function formatPlanDisplayPrice(plan) {
-	if (isPlanCustomPriced(plan)) return formatCustomPriceLabel(plan);
-	if (isPlanFree(plan)) return "$0";
-	const priceLabel = formatPlanPrice(plan);
-	return priceLabel.replace(/\/mo$/, "").replace(/\/yr$/, "") || priceLabel;
-}
-/** Caption shown under the plan price (e.g. `per month`, `talk to us`). */
-function formatPlanPriceUnit(plan) {
-	return isPlanCustomPriced(plan) ? "talk to us" : formatBillingPeriod(plan.billingPeriod);
-}
-/** SKU of the plan to highlight: `developer` if present, else the first low-priced paid plan. */
-function pickFeaturedPlanSku(plans) {
-	return plans.find((p) => p.sku === "developer")?.sku ?? plans.find((p) => p.priceAmount > 0 && p.priceAmount < 50)?.sku ?? plans.find((p) => p.priceAmount > 0)?.sku;
-}
-function formatRateLimit(rate) {
-	if (!rate || typeof rate !== "object") return null;
-	const { calls, renewalPeriodSeconds } = rate;
-	if (calls == null || renewalPeriodSeconds == null) return null;
-	if (renewalPeriodSeconds === 1) return `${calls} req/sec rate limit`;
-	const window = renewalPeriodSeconds === 60 ? "minute" : `${renewalPeriodSeconds} seconds`;
-	return `${calls} request${calls === 1 ? "" : "s"} per ${window}`;
-}
-function formatQuota(quota) {
-	if (!quota || typeof quota !== "object") return null;
-	const { calls, renewalPeriodDays } = quota;
-	if (calls == null) return null;
-	if (calls < 0) return "Unlimited requests";
-	const formatted = calls.toLocaleString();
-	if (renewalPeriodDays === 30 || renewalPeriodDays === 31) return `${formatted} requests / month`;
-	if (renewalPeriodDays === 1) return `${formatted} requests / day`;
-	if (renewalPeriodDays != null) return `${formatted} requests / ${renewalPeriodDays} days`;
-	return `${formatted} requests`;
-}
-/** Marketing bullets keyed by common sample SKUs when limitsJson is sparse. */
-const SAMPLE_PLAN_FEATURE_EXTRAS = {
-	free: ["All endpoints"],
-	developer: ["Webhooks included", "Email support"],
-	team: ["5 team seats", "Priority support"],
-	enterprise: [
-		"Unlimited requests",
-		"Custom rate limits",
-		"SSO & audit logs",
-		"Dedicated SLA"
-	]
-};
-function listPlanFeatureLines(plan) {
-	if (plan.features && plan.features.length > 0) return plan.features;
-	const lines = [];
-	if (plan.limitsJson?.trim()) try {
-		const limits = JSON.parse(plan.limitsJson);
-		const quotaLine = formatQuota(limits.quota);
-		if (quotaLine) lines.push(quotaLine);
-		const rateLine = formatRateLimit(limits.rateLimit);
-		if (rateLine) lines.push(rateLine);
-	} catch {}
-	const extras = SAMPLE_PLAN_FEATURE_EXTRAS[plan.sku.toLowerCase()];
-	if (extras) {
-		for (const extra of extras) if (!lines.includes(extra)) lines.push(extra);
-	}
-	if (plan.includedActionKeys && plan.includedActionKeys.length > 0) for (const actionKey of plan.includedActionKeys) lines.push(formatActionKey(actionKey));
-	if (lines.length === 0 && isPlanFree(plan)) lines.push("API access not included");
-	return lines;
-}
-function isActiveSubscription(status) {
-	return status.toLowerCase() === "active";
-}
-/** Returns monthly call quota from plan limitsJson, or null when unknown/unlimited. */
-function parseMonthlyQuotaCalls(limitsJson) {
-	if (!limitsJson?.trim()) return null;
-	try {
-		const quota = JSON.parse(limitsJson).quota;
-		if (!quota || typeof quota !== "object") return null;
-		const { calls, renewalPeriodDays } = quota;
-		if (calls == null || calls < 0) return null;
-		if (renewalPeriodDays == null || renewalPeriodDays === 30 || renewalPeriodDays === 31) return calls;
-		return null;
-	} catch {
-		return null;
-	}
-}
-
-//#endregion
-//#region src/components/PricingCard.tsx
-const publicCtaLabel = (plan) => {
-	if (isPlanCustomPriced(plan)) return "Contact sales";
-	if (isPlanFree(plan)) return "Get started for free";
-	return "Subscribe now";
-};
-const accountCtaLabel = (plan) => {
-	if (isPlanCustomPriced(plan)) return "Contact sales";
-	return isPlanFree(plan) ? "Get started" : "Subscribe";
-};
-/** Custom-priced plans skip checkout and open the contact-sales form. */
-const planCtaPath = (plan) => `${isPlanCustomPriced(plan) ? CONTACT_SALES_PATH : CHECKOUT_PATH}?planSku=${encodeURIComponent(plan.sku)}`;
-const PricingCard = ({ plan, mode = "public", subscriptionStatus, isSubscribed = false, onUnsubscribe, onSwitch, isSwitching = false, isCanceling = false, cancelDisabled = false, featured = false }) => {
-	const isActive = isSubscribed || isActiveSubscription(subscriptionStatus ?? "");
-	const features = listPlanFeatureLines(plan);
-	const displayPrice = formatPlanDisplayPrice(plan);
-	return /* @__PURE__ */ jsxs("article", {
-		className: cn("flex h-full w-full flex-col rounded-xl border border-border bg-card p-7", featured && "border-primary/50 shadow-[0_10px_28px_rgba(13,148,136,0.28)] ring-1 ring-primary/25", isActive && mode === "account" && "border-primary/40 ring-1 ring-primary/20"),
-		"data-testid": `pricing-card-${plan.sku}`,
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between gap-2",
-				children: [
-					/* @__PURE__ */ jsx("h2", {
-						className: "text-sm font-bold uppercase tracking-[0.04em]",
-						children: plan.displayName
-					}),
-					featured && !isActive ? /* @__PURE__ */ jsx("span", {
-						className: "shrink-0 rounded-md bg-primary/10 px-2.5 py-0.5 text-xs font-semibold text-primary",
-						children: "Popular"
-					}) : null,
-					isActive && mode === "account" ? /* @__PURE__ */ jsx("span", {
-						className: "shrink-0 rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary",
-						"data-testid": `subscribed-badge-${plan.sku}`,
-						children: "Subscribed"
-					}) : null
-				]
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "mt-3.5 text-[2.1rem] font-extrabold tracking-[-0.02em]",
-				children: displayPrice
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "mb-[18px] mt-0.5 text-[0.78125rem] text-muted-foreground",
-				children: formatPlanPriceUnit(plan)
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: "space-y-2",
-				children: mode === "account" ? isActive ? /* @__PURE__ */ jsxs(Fragment, { children: [
-					/* @__PURE__ */ jsx(Button, {
-						variant: "secondary",
-						className: "w-full",
-						disabled: true,
-						children: "Subscribed"
-					}),
-					onUnsubscribe ? /* @__PURE__ */ jsxs(AlertDialog, { children: [/* @__PURE__ */ jsx(AlertDialogTrigger, {
-						asChild: true,
-						children: /* @__PURE__ */ jsx(Button, {
-							variant: "outline",
-							className: "w-full",
-							disabled: cancelDisabled || isCanceling,
-							"data-testid": `unsubscribe-${plan.sku}`,
-							children: isCanceling ? "Canceling…" : "Unsubscribe"
-						})
-					}), /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsxs(AlertDialogTitle, { children: [
-						"Unsubscribe from ",
-						plan.displayName,
-						"?"
-					] }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: "Your API access for this plan will be revoked. You can subscribe again later." })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, { children: "Keep subscription" }), /* @__PURE__ */ jsx(AlertDialogAction, {
-						onClick: () => onUnsubscribe(plan.sku),
-						disabled: isCanceling,
-						children: "Unsubscribe"
-					})] })] })] }) : null,
-					cancelDisabled ? /* @__PURE__ */ jsx("p", {
-						className: "text-center text-xs text-muted-foreground",
-						children: "Unsubscribe is available after the portal is published."
-					}) : null
-				] }) : onSwitch && !isPlanCustomPriced(plan) ? /* @__PURE__ */ jsxs(AlertDialog, { children: [/* @__PURE__ */ jsx(AlertDialogTrigger, {
-					asChild: true,
-					children: /* @__PURE__ */ jsx(Button, {
-						variant: featured ? "default" : "outline",
-						className: "w-full",
-						disabled: isSwitching,
-						"data-testid": `switch-${plan.sku}`,
-						children: isSwitching ? "Switching…" : "Switch to this plan"
-					})
-				}), /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsxs(AlertDialogTitle, { children: [
-					"Switch to ",
-					plan.displayName,
-					"?"
-				] }), /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
-					"Your current plan is replaced by ",
-					plan.displayName,
-					". The API keys of your current plan stop working. Create a key for",
-					" ",
-					plan.displayName,
-					" on the API keys page."
-				] })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, { children: "Keep current plan" }), /* @__PURE__ */ jsx(AlertDialogAction, {
-					onClick: () => onSwitch(plan.sku),
-					disabled: isSwitching,
-					children: "Switch plan"
-				})] })] })] }) : /* @__PURE__ */ jsx(Button, {
-					variant: featured ? "default" : "outline",
-					className: "w-full",
-					asChild: true,
-					children: /* @__PURE__ */ jsx(Link$1, {
-						to: planCtaPath(plan),
-						children: accountCtaLabel(plan)
-					})
-				}) : /* @__PURE__ */ jsx(Button, {
-					variant: featured ? "default" : "outline",
-					className: "w-full",
-					asChild: true,
-					children: /* @__PURE__ */ jsx(Link$1, {
-						to: planCtaPath(plan),
-						children: publicCtaLabel(plan)
-					})
-				})
-			}),
-			features.length > 0 ? /* @__PURE__ */ jsx("div", {
-				className: "mt-5 flex flex-1 flex-col gap-[11px] border-t border-border pt-[18px]",
-				"data-testid": plan.includedActionKeys && plan.includedActionKeys.length > 0 ? `included-endpoints-${plan.sku}` : void 0,
-				children: features.map((feat) => /* @__PURE__ */ jsxs("div", {
-					className: "flex items-start gap-2.5 text-[0.84375rem] text-muted-foreground",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "mt-0.5 shrink-0 text-emerald-600",
-						"aria-hidden": true,
-						children: "✓"
-					}), /* @__PURE__ */ jsx("span", { children: feat })]
-				}, feat))
-			}) : null
-		]
-	});
-};
-
-//#endregion
-//#region src/DevPortalBillingContext.tsx
-const DevPortalBillingContext = createContext({});
-const DevPortalBillingProvider = ({ options, children }) => /* @__PURE__ */ jsx(DevPortalBillingContext.Provider, {
-	value: options,
-	children
-});
-const useDevPortalBillingConfig = () => useContext(DevPortalBillingContext);
-
-//#endregion
-//#region src/hooks/useDevPortalApiBaseUrl.ts
-function useDevPortalApiBaseUrl() {
-	const providerData = useAuth().providerData;
-	if (providerData?.type === "dev-portal" && providerData.apiBaseUrl) return providerData.apiBaseUrl;
-	return resolveDevPortalApiBaseUrl();
-}
-function useIsDemoSession() {
-	return useAuth().isDemoSession === true;
-}
-function useDevPortalPreviewMode() {
-	const auth = useAuth();
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	if (auth.isDemoSession) return false;
-	if (auth.authMode === "preview" || auth.isBackendAvailable === false) return true;
-	return isPlaceholderDevPortalApiUrl(apiBaseUrl);
-}
-
-//#endregion
-//#region src/hooks/useCancelSubscription.ts
-function useCancelSubscription() {
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	const queryClient = useQueryClient();
-	return useMutation({
-		mutationFn: async (planSku) => {
-			if (!apiBaseUrl) throw new Error("Dev portal API is not configured.");
-			const response = await fetch(`${apiBaseUrl}/api/v1/subscriptions/cancel`, {
-				method: "POST",
-				headers: {
-					Accept: "application/json",
-					"Content-Type": "application/json"
-				},
-				credentials: "include",
-				body: JSON.stringify({ planSku })
-			});
-			if (!response.ok) {
-				const detail = await response.text();
-				throw new Error(detail || "Failed to cancel subscription.");
-			}
-			return await response.json();
-		},
-		onSuccess: async () => {
-			await queryClient.invalidateQueries({ queryKey: ["dev-portal-me", apiBaseUrl] });
-		}
-	});
-}
-
-//#endregion
-//#region src/hooks/useChangePlan.ts
-function useChangePlan() {
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	const queryClient = useQueryClient();
-	return useMutation({
-		mutationFn: async ({ fromPlanSku, toPlanSku }) => {
-			if (!apiBaseUrl) throw new Error("Dev portal API is not configured.");
-			const response = await fetch(`${apiBaseUrl}/api/v1/subscriptions/change`, {
-				method: "POST",
-				headers: {
-					Accept: "application/json",
-					"Content-Type": "application/json"
-				},
-				credentials: "include",
-				body: JSON.stringify({
-					fromPlanSku,
-					toPlanSku
-				})
-			});
-			if (!response.ok) {
-				const detail = await response.text();
-				throw new Error(detail || "Failed to change plan.");
-			}
-			return await response.json();
-		},
-		onSuccess: async (result) => {
-			if (result.checkoutUrl) {
-				window.location.assign(result.checkoutUrl);
-				return;
-			}
-			await queryClient.invalidateQueries({ queryKey: ["dev-portal-me", apiBaseUrl] });
-		}
-	});
-}
-
-//#endregion
-//#region src/utils/demo-session.ts
-const DEMO_SUBSCRIPTION_KEY = "demo-subscription-key";
-const DEMO_GATEWAY_KEY_HEADER = "Ocp-Apim-Subscription-Key";
-const DEMO_MAX_KEYS = 5;
-function resolveDemoPlans(plans) {
-	if (plans && plans.length > 0) return plans.map((plan) => ({
-		sku: plan.sku,
-		displayName: plan.displayName
-	}));
-	return [{
-		sku: "free",
-		displayName: "Free"
-	}];
-}
-function createDemoMeResponse(plans) {
-	const periodEnd = /* @__PURE__ */ new Date();
-	periodEnd.setMonth(periodEnd.getMonth() + 1);
-	return {
-		userId: "00000000-0000-0000-0000-000000000001",
-		displayName: "Demo User",
-		email: "demo@example.com",
-		emailVerified: true,
-		hasNativePassword: true,
-		subscriptions: resolveDemoPlans(plans).map((plan) => ({
-			planSku: plan.sku,
-			status: "Active",
-			entitlementState: "active",
-			currentPeriodEnd: periodEnd.toISOString()
-		}))
-	};
-}
-function createDemoCredentials(plans) {
-	return {
-		idToken: "demo-id-token",
-		accessToken: null,
-		gatewayBaseUrl: null,
-		planSkus: resolveDemoPlans(plans).map((plan) => plan.sku),
-		expiresAt: null
-	};
-}
-function createDemoApiKeys(plans) {
-	return {
-		plans: resolveDemoPlans(plans).map((plan, index) => ({
-			planSku: plan.sku,
-			displayName: plan.displayName,
-			keys: index === 0 ? [{
-				id: "00000000-0000-0000-0000-0000000000a1",
-				name: "default",
-				keyPrefix: DEMO_SUBSCRIPTION_KEY.slice(0, 8),
-				status: "active",
-				createdAtUtc: (/* @__PURE__ */ new Date()).toISOString(),
-				revokedAtUtc: null,
-				key: null
-			}] : [],
-			activeCount: index === 0 ? 1 : 0,
-			maxKeys: DEMO_MAX_KEYS,
-			canCreate: true
-		})),
-		header: DEMO_GATEWAY_KEY_HEADER,
-		gatewayBaseUrl: null
-	};
-}
-
-//#endregion
-//#region src/hooks/useMySubscriptions.ts
-function useMySubscriptions() {
-	const auth = useAuth();
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	const isPreview = useDevPortalPreviewMode();
-	const isDemoSession = useIsDemoSession();
-	const { previewPlans } = useDevPortalBillingConfig();
-	const liveQuery = useQuery({
-		queryKey: ["dev-portal-me", apiBaseUrl],
-		enabled: auth.isAuthenticated && !isPreview && !isDemoSession && Boolean(apiBaseUrl),
-		queryFn: async () => {
-			const response = await fetch(`${apiBaseUrl}/api/v1/auth/me`, {
-				method: "GET",
-				headers: { Accept: "application/json" },
-				credentials: "include"
-			});
-			if (!response.ok) throw new Error("Failed to load subscription status.");
-			return await response.json();
-		}
-	});
-	if (isDemoSession && auth.isAuthenticated) return {
-		...liveQuery,
-		data: createDemoMeResponse(previewPlans),
-		error: null,
-		isError: false,
-		isFetching: false,
-		isLoading: false,
-		isPending: false,
-		isSuccess: true,
-		status: "success"
-	};
-	return liveQuery;
-}
-
-//#endregion
-//#region src/hooks/usePlans.ts
-function usePlans() {
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	const isPreview = useDevPortalPreviewMode();
-	const isDemoSession = useIsDemoSession();
-	const { previewPlans } = useDevPortalBillingConfig();
-	const liveQuery = useQuery({
-		queryKey: ["dev-portal-plans", apiBaseUrl],
-		enabled: !isPreview && !isDemoSession && Boolean(apiBaseUrl),
-		queryFn: async () => {
-			if (!apiBaseUrl) return { plans: [] };
-			const response = await fetch(`${apiBaseUrl}/api/v1/plans`, { headers: { Accept: "application/json" } });
-			if (!response.ok) throw new Error("Failed to load plans.");
-			return await response.json();
-		}
-	});
-	if (isPreview || isDemoSession) {
-		const data = parseManifestPlans(previewPlans);
-		return {
-			...liveQuery,
-			data,
-			dataUpdatedAt: Date.now(),
-			error: null,
-			fetchStatus: "idle",
-			isError: false,
-			isFetching: false,
-			isLoading: false,
-			isPending: false,
-			isSuccess: true,
-			status: "success"
-		};
-	}
-	return liveQuery;
-}
-
-//#endregion
-//#region src/pages/AccountPlansPage.tsx
-const AccountPlansPage = () => {
-	const { previewPlans } = useDevPortalBillingConfig();
-	const isPreview = useDevPortalPreviewMode();
-	const isDemoSession = useIsDemoSession();
-	const livePlans = usePlans();
-	const catalog = isPreview ? parseManifestPlans(previewPlans) : livePlans.data;
-	const isLoading = isPreview ? false : livePlans.isLoading;
-	const isError = isPreview ? false : livePlans.isError;
-	const { data: me } = useMySubscriptions();
-	const cancelMutation = useCancelSubscription();
-	const changeMutation = useChangePlan();
-	const [cancelingSku, setCancelingSku] = useState(null);
-	const [switchingSku, setSwitchingSku] = useState(null);
-	const subscriptionBySku = new Map((me?.subscriptions ?? []).map((sub) => [sub.planSku, sub]));
-	const activePlanSkus = (me?.subscriptions ?? []).filter((sub) => isActiveSubscription(sub.status)).map((sub) => sub.planSku);
-	const currentPlanSku = activePlanSkus.length === 1 ? activePlanSkus[0] : null;
-	const handleSwitch = async (toPlanSku) => {
-		if (!currentPlanSku) return;
-		setSwitchingSku(toPlanSku);
-		try {
-			await changeMutation.mutateAsync({
-				fromPlanSku: currentPlanSku,
-				toPlanSku
-			});
-		} finally {
-			setSwitchingSku(null);
-		}
-	};
-	const handleUnsubscribe = async (planSku) => {
-		setCancelingSku(planSku);
-		try {
-			await cancelMutation.mutateAsync(planSku);
-		} finally {
-			setCancelingSku(null);
-		}
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "mx-auto max-w-screen-xl px-4 pb-16 pt-(--padding-content-top) lg:px-8",
-		children: [
-			/* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx("title", { children: "Plans & billing" }) }),
-			/* @__PURE__ */ jsxs("div", {
-				className: "mb-8 flex items-start gap-4",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "flex size-12 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary",
-					children: /* @__PURE__ */ jsx(CreditCardIcon, { size: 24 })
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "space-y-1",
-					children: [/* @__PURE__ */ jsx("h1", {
-						className: "text-3xl font-semibold tracking-tight",
-						children: "Plans & billing"
-					}), /* @__PURE__ */ jsx("p", {
-						className: "max-w-2xl text-muted-foreground",
-						children: "Compare plans, manage your subscriptions, and change tiers."
-					})]
-				})]
-			}),
-			isDemoSession ? /* @__PURE__ */ jsx("div", {
-				className: "mb-8 rounded-xl border border-dashed bg-muted/20 p-6 text-center text-sm text-muted-foreground",
-				children: "Local demo mode shows plans from your manifest with a sample active subscription. Billing actions activate after publish."
-			}) : null,
-			cancelMutation.isError ? /* @__PURE__ */ jsx("div", {
-				className: "mb-6 rounded-xl border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive",
-				children: cancelMutation.error instanceof Error ? cancelMutation.error.message : "Failed to cancel subscription."
-			}) : null,
-			changeMutation.isError ? /* @__PURE__ */ jsx("div", {
-				className: "mb-6 rounded-xl border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive",
-				children: changeMutation.error instanceof Error ? changeMutation.error.message : "Failed to change plan."
-			}) : null,
-			isLoading ? /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground",
-				children: "Loading plans…"
-			}) : null,
-			isError ? /* @__PURE__ */ jsx("p", {
-				className: "text-destructive",
-				children: "Unable to load plans."
-			}) : null,
-			catalog && catalog.plans.length > 0 ? /* @__PURE__ */ jsx("div", {
-				className: "grid grid-cols-1 justify-center gap-6 sm:grid-cols-[repeat(auto-fit,minmax(280px,max-content))]",
-				children: catalog.plans.map((plan) => {
-					const subscription = subscriptionBySku.get(plan.sku);
-					const isSubscribed = isActiveSubscription(subscription?.status ?? "");
-					return /* @__PURE__ */ jsx(PricingCard, {
-						plan,
-						mode: "account",
-						subscriptionStatus: subscription?.status,
-						isSubscribed,
-						onUnsubscribe: isPreview || isDemoSession ? void 0 : handleUnsubscribe,
-						onSwitch: currentPlanSku && !isPreview && !isDemoSession ? handleSwitch : void 0,
-						isSwitching: switchingSku === plan.sku,
-						isCanceling: cancelingSku === plan.sku,
-						cancelDisabled: isPreview || isDemoSession
-					}, plan.sku);
-				})
-			}) : !isLoading && !isError ? /* @__PURE__ */ jsx("div", {
-				className: "rounded-xl border border-dashed p-8 text-center text-sm text-muted-foreground",
-				children: "No plans are available yet. Sync plans from your API ToGo manifest or platform gateway."
-			}) : null
-		]
-	});
-};
-
-//#endregion
-//#region src/hooks/useApiKeys.ts
-/** Thrown when the developer has hit their plan's per-developer key cap. */
-const API_KEY_CAP_REACHED = "API_KEY_CAP_REACHED";
-function apiKeysQueryKey(apiBaseUrl) {
-	return ["dev-portal-api-keys", apiBaseUrl];
-}
-function useApiKeys() {
-	const auth = useAuth();
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	const isPreview = useDevPortalPreviewMode();
-	const isDemoSession = useIsDemoSession();
-	const { previewPlans } = useDevPortalBillingConfig();
-	const liveQuery = useQuery({
-		queryKey: apiKeysQueryKey(apiBaseUrl),
-		enabled: auth.isAuthenticated && !isPreview && !isDemoSession && Boolean(apiBaseUrl),
-		queryFn: async () => {
-			const response = await fetch(`${apiBaseUrl}/api/v1/api-keys`, {
-				method: "GET",
-				headers: { Accept: "application/json" },
-				credentials: "include"
-			});
-			if (response.status === 404) throw new Error("NO_ENTITLEMENT");
-			if (!response.ok) throw new Error("Failed to load API keys.");
-			return await response.json();
-		},
-		retry: (failureCount, error) => error instanceof Error && error.message === "NO_ENTITLEMENT" ? false : failureCount < 2
-	});
-	if (isDemoSession && auth.isAuthenticated) return {
-		...liveQuery,
-		data: createDemoApiKeys(previewPlans),
-		error: null,
-		isError: false,
-		isFetching: false,
-		isLoading: false,
-		isPending: false,
-		isSuccess: true,
-		status: "success"
-	};
-	return liveQuery;
-}
-function useCreateApiKey() {
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	const queryClient = useQueryClient();
-	return useMutation({
-		mutationFn: async ({ name, planSku }) => {
-			if (!apiBaseUrl) throw new Error("Dev portal API is not configured.");
-			const response = await fetch(`${apiBaseUrl}/api/v1/api-keys`, {
-				method: "POST",
-				headers: {
-					Accept: "application/json",
-					"Content-Type": "application/json"
-				},
-				credentials: "include",
-				body: JSON.stringify({
-					name,
-					planSku
-				})
-			});
-			if (response.status === 409) throw new Error(API_KEY_CAP_REACHED);
-			if (!response.ok) throw new Error(await readProblemDetail$1(response) ?? "Failed to create API key.");
-			return await response.json();
-		},
-		onSuccess: async () => {
-			await queryClient.invalidateQueries({ queryKey: apiKeysQueryKey(apiBaseUrl) });
-		}
-	});
-}
-function useRevokeApiKey() {
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	const queryClient = useQueryClient();
-	return useMutation({
-		mutationFn: async (keyId) => {
-			if (!apiBaseUrl) throw new Error("Dev portal API is not configured.");
-			const response = await fetch(`${apiBaseUrl}/api/v1/api-keys/${keyId}`, {
-				method: "DELETE",
-				headers: { Accept: "application/json" },
-				credentials: "include"
-			});
-			if (!response.ok && response.status !== 204) throw new Error(await readProblemDetail$1(response) ?? "Failed to revoke API key.");
-		},
-		onSuccess: async () => {
-			await queryClient.invalidateQueries({ queryKey: apiKeysQueryKey(apiBaseUrl) });
-		}
-	});
-}
-async function readProblemDetail$1(response) {
-	try {
-		return (await response.json()).detail?.trim() || null;
-	} catch {
-		return null;
-	}
-}
-
-//#endregion
-//#region src/hooks/useUsage.ts
-function createDemoUsage(range) {
-	const now = /* @__PURE__ */ new Date();
-	const days = range === "24h" ? 1 : range === "7d" ? 7 : range === "90d" ? 90 : range === "mtd" ? Math.max(1, now.getUTCDate()) : 30;
-	const series = [];
-	let total = 0;
-	const today = /* @__PURE__ */ new Date();
-	for (let i = days - 1; i >= 0; i--) {
-		const day = new Date(today);
-		day.setUTCDate(day.getUTCDate() - i);
-		const requestCount = 40 + i * 17 % 80;
-		total += requestCount;
-		series.push({
-			dayUtc: day.toISOString().slice(0, 10),
-			requestCount,
-			errorCount: Math.floor(requestCount * .02),
-			avgLatencyMs: 40 + i % 20
-		});
-	}
-	return {
-		range,
-		fromDayUtc: series[0]?.dayUtc ?? today.toISOString().slice(0, 10),
-		toDayUtc: series.at(-1)?.dayUtc ?? today.toISOString().slice(0, 10),
-		requestCount: total,
-		avgLatencyMs: 48,
-		errorRate: .018,
-		series,
-		byEndpoint: [
-			{
-				path: "GET /pets",
-				count: Math.floor(total * .45)
-			},
-			{
-				path: "POST /pets",
-				count: Math.floor(total * .25)
-			},
-			{
-				path: "GET /pets/{id}",
-				count: Math.floor(total * .2)
-			},
-			{
-				path: "DELETE /pets/{id}",
-				count: Math.floor(total * .1)
-			}
-		],
-		byStatus: [
-			{
-				label: "2xx",
-				count: Math.floor(total * .96)
-			},
-			{
-				label: "4xx",
-				count: Math.floor(total * .03)
-			},
-			{
-				label: "5xx",
-				count: Math.floor(total * .01)
-			}
-		]
-	};
-}
-function createDemoRecent() {
-	const now = Date.now();
-	return { items: [
-		{
-			occurredAtUtc: (/* @__PURE__ */ new Date(now - 6e4)).toISOString(),
-			method: "GET",
-			path: "/pets",
-			statusCode: 200,
-			latencyMs: 42
-		},
-		{
-			occurredAtUtc: (/* @__PURE__ */ new Date(now - 12e4)).toISOString(),
-			method: "POST",
-			path: "/pets",
-			statusCode: 201,
-			latencyMs: 88
-		},
-		{
-			occurredAtUtc: (/* @__PURE__ */ new Date(now - 18e4)).toISOString(),
-			method: "GET",
-			path: "/pets/1",
-			statusCode: 404,
-			latencyMs: 31
-		}
-	] };
-}
-function useUsage(range = "30d") {
-	const auth = useAuth();
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	const isPreview = useDevPortalPreviewMode();
-	const isDemoSession = useIsDemoSession();
-	const liveQuery = useQuery({
-		queryKey: [
-			"dev-portal-usage",
-			apiBaseUrl,
-			range
-		],
-		enabled: auth.isAuthenticated && !isPreview && !isDemoSession && Boolean(apiBaseUrl),
-		queryFn: async () => {
-			const response = await fetch(`${apiBaseUrl}/api/v1/usage?range=${encodeURIComponent(range)}`, {
-				method: "GET",
-				headers: { Accept: "application/json" },
-				credentials: "include"
-			});
-			if (!response.ok) throw new Error("Failed to load usage.");
-			return await response.json();
-		}
-	});
-	if (isDemoSession && auth.isAuthenticated) return {
-		...liveQuery,
-		data: createDemoUsage(range),
-		error: null,
-		isError: false,
-		isFetching: false,
-		isLoading: false,
-		isPending: false,
-		isSuccess: true,
-		status: "success"
-	};
-	return liveQuery;
-}
-function useUsageRecent(limit = 20) {
-	const auth = useAuth();
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	const isPreview = useDevPortalPreviewMode();
-	const isDemoSession = useIsDemoSession();
-	const liveQuery = useQuery({
-		queryKey: [
-			"dev-portal-usage-recent",
-			apiBaseUrl,
-			limit
-		],
-		enabled: auth.isAuthenticated && !isPreview && !isDemoSession && Boolean(apiBaseUrl),
-		queryFn: async () => {
-			const response = await fetch(`${apiBaseUrl}/api/v1/usage/recent?limit=${limit}`, {
-				method: "GET",
-				headers: { Accept: "application/json" },
-				credentials: "include"
-			});
-			if (!response.ok) throw new Error("Failed to load recent requests.");
-			return await response.json();
-		}
-	});
-	if (isDemoSession && auth.isAuthenticated) return {
-		...liveQuery,
-		data: createDemoRecent(),
-		error: null,
-		isError: false,
-		isFetching: false,
-		isLoading: false,
-		isPending: false,
-		isSuccess: true,
-		status: "success"
-	};
-	return liveQuery;
-}
-
-//#endregion
 //#region src/pages/OverviewDashboardPage.tsx
 function StatCard({ label, value, sub, subClassName }) {
 	return /* @__PURE__ */ jsxs("div", {
@@ -958,7 +39,7 @@ function StatCard({ label, value, sub, subClassName }) {
 		]
 	});
 }
-function formatNumber$1(value) {
+function formatNumber(value) {
 	return new Intl.NumberFormat().format(value);
 }
 const OverviewDashboardPage = () => {
@@ -992,8 +73,8 @@ const OverviewDashboardPage = () => {
 				children: [
 					/* @__PURE__ */ jsx(StatCard, {
 						label: "Requests (30d)",
-						value: usage ? formatNumber$1(usage.requestCount) : statsLoading ? "…" : "—",
-						sub: usage ? `${formatNumber$1(usage.series.reduce((sum, p) => sum + p.errorCount, 0))} errors` : "No usage data yet"
+						value: usage ? formatNumber(usage.requestCount) : statsLoading ? "…" : "—",
+						sub: usage ? `${formatNumber(usage.series.reduce((sum, p) => sum + p.errorCount, 0))} errors` : "No usage data yet"
 					}),
 					/* @__PURE__ */ jsx(StatCard, {
 						label: "Active keys",
@@ -1157,181 +238,6 @@ const OverviewDashboardPage = () => {
 	});
 };
 
-//#endregion
-//#region src/components/ApiKeysPanel.tsx
-/**
-* Lists gateway API keys for one plan with create and revoke. The plaintext key is returned by the
-* platform exactly once, so it is held in local state until dismissed and never re-fetched.
-*/
-const ApiKeysPanel = ({ plan, header, readOnly = false }) => {
-	const createKey = useCreateApiKey();
-	const revokeKey = useRevokeApiKey();
-	const [name, setName] = useState("");
-	const [newKey, setNewKey] = useState(null);
-	const [openRevokeId, setOpenRevokeId] = useState(null);
-	const [pendingRevokeId, setPendingRevokeId] = useState(null);
-	const activeKeys = plan.keys.filter((key) => key.status === "active");
-	const planActiveCount = activeKeys.length;
-	const capLabel = plan.maxKeys == null ? `${plan.activeCount} active` : `${plan.activeCount} of ${plan.maxKeys} used`;
-	const canCreate = !readOnly && plan.canCreate;
-	const handleCreate = () => {
-		const trimmed = name.trim();
-		if (!trimmed) return;
-		createKey.mutate({
-			name: trimmed,
-			planSku: plan.planSku
-		}, { onSuccess: (key) => {
-			setNewKey(key);
-			setName("");
-		} });
-	};
-	const handleRevoke = (keyId) => {
-		setPendingRevokeId(keyId);
-		revokeKey.mutate(keyId, { onSettled: () => {
-			setPendingRevokeId(null);
-			setOpenRevokeId(null);
-		} });
-	};
-	return /* @__PURE__ */ jsxs("article", {
-		className: "rounded-xl border bg-card/60 p-6 space-y-5",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex flex-wrap items-start justify-between gap-3",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "space-y-1",
-					children: [/* @__PURE__ */ jsxs("h2", {
-						className: "text-lg font-medium",
-						children: [plan.displayName, " API keys"]
-					}), /* @__PURE__ */ jsxs("p", {
-						className: "text-sm text-muted-foreground",
-						children: [
-							"Send a key in the",
-							" ",
-							/* @__PURE__ */ jsx("code", {
-								className: "rounded bg-muted px-1 py-0.5 text-xs",
-								children: header
-							}),
-							" ",
-							"header when calling this plan's endpoints. Keys share this plan's rate limit and key cap."
-						]
-					})]
-				}), /* @__PURE__ */ jsx("span", {
-					className: "shrink-0 rounded-full border px-3 py-1 text-xs text-muted-foreground",
-					children: capLabel
-				})]
-			}),
-			newKey?.key ? /* @__PURE__ */ jsxs(Alert, { children: [
-				/* @__PURE__ */ jsx(KeyRoundIcon, { size: 16 }),
-				/* @__PURE__ */ jsx(AlertTitle, { children: "Copy your new key now — it is shown only once." }),
-				/* @__PURE__ */ jsxs("div", {
-					className: "mt-3 space-y-3",
-					children: [/* @__PURE__ */ jsx(Secret, {
-						className: "max-w-full w-full",
-						secret: newKey.key,
-						status: "active"
-					}), /* @__PURE__ */ jsx(Button$1, {
-						variant: "outline",
-						onClick: () => setNewKey(null),
-						children: "Done"
-					})]
-				})
-			] }) : null,
-			createKey.isError ? /* @__PURE__ */ jsx(Alert, {
-				variant: "destructive",
-				children: /* @__PURE__ */ jsx(AlertTitle, { children: createKey.error.message === API_KEY_CAP_REACHED ? plan.maxKeys == null ? "You cannot create more API keys right now." : `You already have the maximum of ${plan.maxKeys} active API keys. Revoke one to create another.` : createKey.error.message })
-			}) : null,
-			revokeKey.isError ? /* @__PURE__ */ jsx(Alert, {
-				variant: "destructive",
-				children: /* @__PURE__ */ jsx(AlertTitle, { children: revokeKey.error.message })
-			}) : null,
-			planActiveCount === 0 ? /* @__PURE__ */ jsx("p", {
-				className: "text-sm text-muted-foreground",
-				children: "You have no active API keys for this plan yet."
-			}) : null,
-			activeKeys.length > 0 ? /* @__PURE__ */ jsx("ul", {
-				className: "divide-y rounded-lg border",
-				children: activeKeys.map((key) => {
-					const isRevoking = pendingRevokeId === key.id;
-					return /* @__PURE__ */ jsxs("li", {
-						className: "flex flex-wrap items-center justify-between gap-3 p-4",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "min-w-0 space-y-1",
-							children: [/* @__PURE__ */ jsx("p", {
-								className: "truncate font-medium",
-								children: key.name
-							}), /* @__PURE__ */ jsxs("p", {
-								className: "text-xs text-muted-foreground",
-								children: [
-									/* @__PURE__ */ jsxs("code", { children: [key.keyPrefix, "…"] }),
-									" · created",
-									" ",
-									new Date(key.createdAtUtc).toLocaleDateString()
-								]
-							})]
-						}), readOnly ? null : /* @__PURE__ */ jsxs(Dialog, {
-							open: openRevokeId === key.id,
-							onOpenChange: (open) => {
-								if (isRevoking) return;
-								setOpenRevokeId(open ? key.id : null);
-							},
-							children: [/* @__PURE__ */ jsx(DialogTrigger, {
-								asChild: true,
-								children: /* @__PURE__ */ jsxs(Button$1, {
-									variant: "ghost",
-									className: "flex items-center gap-2",
-									disabled: isRevoking,
-									children: [isRevoking ? /* @__PURE__ */ jsx(Spinner, { size: 14 }) : /* @__PURE__ */ jsx(TrashIcon, { size: 16 }), /* @__PURE__ */ jsx("span", {
-										className: "hidden md:block",
-										children: isRevoking ? "Revoking…" : "Revoke"
-									})]
-								})
-							}), /* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsxs(DialogTitle, { children: [
-								"Revoke “",
-								key.name,
-								"”?"
-							] }), /* @__PURE__ */ jsx(DialogDescription, { children: "Any application using this key will immediately start getting 401 responses from the gateway. This cannot be undone." })] }), /* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button$1, {
-								variant: "outline",
-								disabled: isRevoking,
-								onClick: () => setOpenRevokeId(null),
-								children: "Cancel"
-							}), /* @__PURE__ */ jsx(Button$1, {
-								variant: "destructive",
-								disabled: isRevoking,
-								onClick: () => handleRevoke(key.id),
-								children: isRevoking ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Spinner, { size: 14 }), "Revoking…"] }) : "Revoke key"
-							})] })] })]
-						})]
-					}, key.id);
-				})
-			}) : null,
-			readOnly ? null : /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ jsx(Input, {
-					className: "max-w-xs",
-					maxLength: 64,
-					placeholder: "Key name (e.g. production)",
-					"aria-label": `New API key name for ${plan.displayName}`,
-					value: name,
-					disabled: !canCreate || createKey.isPending,
-					onChange: (event) => setName(event.target.value),
-					onKeyDown: (event) => {
-						if (event.key === "Enter") handleCreate();
-					}
-				}), /* @__PURE__ */ jsx(Button$1, {
-					onClick: handleCreate,
-					disabled: !canCreate || createKey.isPending || !name.trim(),
-					className: "flex items-center gap-2",
-					children: createKey.isPending ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Spinner, { size: 14 }), "Creating…"] }) : "Create API key"
-				})]
-			}),
-			plan && !plan.canCreate && !readOnly ? /* @__PURE__ */ jsx("p", {
-				className: "text-sm text-muted-foreground",
-				children: plan.maxKeys == null ? "API key creation is currently disabled for this API." : `You have reached this plan's limit of ${plan.maxKeys} API keys. Revoke a key to create a new one.`
-			}) : null
-		]
-	});
-};
-
 //#endregion
 //#region src/DevPortalBillingWrapper.tsx
 const DevPortalBillingWrapper = ({ options = {} }) => /* @__PURE__ */ jsx(DevPortalBillingProvider, {
@@ -1339,1182 +245,6 @@ const DevPortalBillingWrapper = ({ options = {} }) => /* @__PURE__ */ jsx(DevPor
 	children: /* @__PURE__ */ jsx(Outlet, {})
 });
 
-//#endregion
-//#region src/components/RedirectPage.tsx
-const RedirectPage = ({ icon: Icon, title, description, url, children }) => {
-	useEffect(() => {
-		if (url) window.location.assign(url);
-	}, [url]);
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex min-h-screen items-center justify-center bg-muted",
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex max-w-md flex-col items-center space-y-6 text-center",
-			children: [
-				/* @__PURE__ */ jsx("div", {
-					className: "relative",
-					children: /* @__PURE__ */ jsx("div", {
-						className: "flex h-24 w-24 items-center justify-center rounded-full bg-foreground/10",
-						children: /* @__PURE__ */ jsx(Icon, { className: "h-12 w-12 text-foreground" })
-					})
-				}),
-				children,
-				/* @__PURE__ */ jsxs("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ jsx("h2", {
-						className: "text-2xl font-bold text-card-foreground",
-						children: title
-					}), /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground",
-						children: description
-					})]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex space-x-2",
-					children: [
-						/* @__PURE__ */ jsx("div", { className: "h-3 w-3 animate-pulse rounded-full bg-primary [animation-delay:-0.3s]" }),
-						/* @__PURE__ */ jsx("div", { className: "h-3 w-3 animate-pulse rounded-full bg-primary [animation-delay:-0.15s]" }),
-						/* @__PURE__ */ jsx("div", { className: "h-3 w-3 animate-pulse rounded-full bg-primary" })
-					]
-				})
-			]
-		})
-	});
-};
-
-//#endregion
-//#region src/pages/CheckoutPage.tsx
-const CheckoutPage = () => {
-	const [searchParams] = useSearchParams();
-	const planSku = searchParams.get("planSku") ?? "";
-	const navigate = useNavigate();
-	const auth = useAuth();
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	const isPreview = useDevPortalPreviewMode();
-	const isDemoSession = useIsDemoSession();
-	const plansPath = auth.isAuthenticated ? ACCOUNT_PLANS_PATH : PRICING_PATH;
-	const checkoutQuery = useQuery({
-		queryKey: [
-			"dev-portal-checkout",
-			apiBaseUrl,
-			planSku,
-			auth.profile?.sub
-		],
-		enabled: Boolean(planSku) && !isPreview && !isDemoSession && auth.isAuthenticated && Boolean(apiBaseUrl),
-		retry: false,
-		queryFn: async () => {
-			const response = await fetch(`${apiBaseUrl}/api/v1/subscriptions/checkout`, {
-				method: "POST",
-				headers: {
-					Accept: "application/json",
-					"Content-Type": "application/json"
-				},
-				credentials: "include",
-				body: JSON.stringify({ planSku })
-			});
-			if (!response.ok) {
-				const detail = await response.text();
-				throw new Error(detail || "Checkout failed.");
-			}
-			return await response.json();
-		}
-	});
-	const freeProvisioned = checkoutQuery.data?.checkoutUrl == null && checkoutQuery.data?.entitlementProvisioned === true;
-	useEffect(() => {
-		if (freeProvisioned) navigate("/account/subscriptions?checkout=success", { replace: true });
-	}, [freeProvisioned, navigate]);
-	if (!planSku) return /* @__PURE__ */ jsxs("div", {
-		className: "mx-auto max-w-lg px-4 py-16 text-center text-muted-foreground",
-		children: [
-			"Missing plan SKU.",
-			" ",
-			/* @__PURE__ */ jsx(Link$1, {
-				to: plansPath,
-				className: "text-primary underline",
-				children: "Back to plans"
-			})
-		]
-	});
-	if (isDemoSession) return /* @__PURE__ */ jsxs("div", {
-		className: "mx-auto flex min-h-[50vh] max-w-lg flex-col items-center justify-center gap-4 px-4 text-center",
-		children: [
-			/* @__PURE__ */ jsx("h1", {
-				className: "text-2xl font-semibold tracking-tight",
-				children: "Demo checkout"
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground",
-				children: "Checkout is simulated in local demo mode. Publish your portal to API ToGo to complete real subscriptions and billing."
-			}),
-			/* @__PURE__ */ jsx(Button$2, {
-				asChild: true,
-				variant: "outline",
-				children: /* @__PURE__ */ jsx(Link$1, {
-					to: "/account/subscriptions",
-					children: "View demo subscriptions"
-				})
-			})
-		]
-	});
-	if (isPreview) return /* @__PURE__ */ jsxs("div", {
-		className: "mx-auto flex min-h-[50vh] max-w-lg flex-col items-center justify-center gap-4 px-4 text-center",
-		children: [
-			/* @__PURE__ */ jsx("h1", {
-				className: "text-2xl font-semibold tracking-tight",
-				children: "Checkout is temporarily unavailable"
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground",
-				children: "We couldn’t reach the developer portal API. Try again shortly, or contact the site owner if this continues."
-			}),
-			/* @__PURE__ */ jsx(Button$2, {
-				asChild: true,
-				variant: "outline",
-				children: /* @__PURE__ */ jsx(Link$1, {
-					to: plansPath,
-					children: "Back to plans"
-				})
-			})
-		]
-	});
-	if (freeProvisioned) return null;
-	return /* @__PURE__ */ jsx(RedirectPage, {
-		icon: ShieldIcon,
-		title: "Establishing secure checkout…",
-		description: "Redirecting you to complete your subscription.",
-		url: checkoutQuery.data?.checkoutUrl ?? void 0,
-		children: checkoutQuery.isError ? /* @__PURE__ */ jsxs(Alert$1, {
-			variant: "destructive",
-			children: [/* @__PURE__ */ jsx(AlertDescription, {
-				className: "first-letter:uppercase",
-				children: checkoutQuery.error.message
-			}), /* @__PURE__ */ jsx(AlertAction, { children: /* @__PURE__ */ jsx(Button$2, {
-				variant: "outline",
-				size: "xs",
-				asChild: true,
-				children: /* @__PURE__ */ jsx(Link$1, {
-					to: plansPath,
-					children: "Back to plans"
-				})
-			}) })]
-		}) : null
-	});
-};
-
-//#endregion
-//#region src/hooks/usePlanInquiry.ts
-const PLAN_INQUIRY_RATE_LIMITED = "Too many messages were sent from your network. Please try again later.";
-function useSubmitPlanInquiry() {
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	return useMutation({ mutationFn: async ({ planSku, inquiry }) => {
-		if (!apiBaseUrl) throw new Error("Dev portal API is not configured.");
-		const response = await fetch(`${apiBaseUrl}/api/v1/plans/${encodeURIComponent(planSku)}/inquiries`, {
-			method: "POST",
-			headers: {
-				Accept: "application/json",
-				"Content-Type": "application/json"
-			},
-			credentials: "include",
-			body: JSON.stringify(inquiry)
-		});
-		if (response.status === 429) throw new Error(PLAN_INQUIRY_RATE_LIMITED);
-		if (!response.ok) throw new Error(await readProblemDetail(response) ?? "Your message could not be sent. Please try again later.");
-	} });
-}
-async function readProblemDetail(response) {
-	try {
-		const body = await response.json();
-		return (body.errors ? Object.values(body.errors).flat()[0] : void 0) ?? body.detail ?? body.title ?? null;
-	} catch {
-		return null;
-	}
-}
-
-//#endregion
-//#region src/pages/ContactSalesPage.tsx
-const EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-const validate = (form) => ({
-	...form.name.trim() ? {} : { name: "Enter your name." },
-	...EMAIL_PATTERN.test(form.email.trim()) ? {} : { email: "Enter a valid email address." },
-	...form.message.trim() ? {} : { message: "Tell us what you need." }
-});
-const ContactSalesPage = () => {
-	const [searchParams] = useSearchParams();
-	const planSku = searchParams.get("planSku") ?? "";
-	const auth = useAuth();
-	const isPreview = useDevPortalPreviewMode();
-	const isDemoSession = useIsDemoSession();
-	const plans = usePlans();
-	const submit = useSubmitPlanInquiry();
-	const [form, setForm] = useState(() => ({
-		name: auth.profile?.name ?? "",
-		email: auth.profile?.email ?? "",
-		company: "",
-		message: "",
-		website: ""
-	}));
-	const [errors, setErrors] = useState({});
-	const plan = plans.data?.plans.find((p) => p.sku === planSku);
-	const isSimulated = isPreview || isDemoSession;
-	if (!planSku || plans.isSuccess && (!plan || !isPlanCustomPriced(plan))) return /* @__PURE__ */ jsxs("div", {
-		className: "mx-auto max-w-lg px-4 py-16 text-center text-muted-foreground",
-		children: [
-			"This plan is not available for sales inquiries.",
-			" ",
-			/* @__PURE__ */ jsx(Link$1, {
-				to: PRICING_PATH,
-				className: "text-primary underline",
-				children: "Back to pricing"
-			})
-		]
-	});
-	if (submit.isSuccess) return /* @__PURE__ */ jsxs("div", {
-		className: "mx-auto flex min-h-[50vh] max-w-lg flex-col items-center justify-center gap-4 px-4 text-center",
-		children: [
-			/* @__PURE__ */ jsx("h1", {
-				className: "text-2xl font-semibold tracking-tight",
-				children: "Thanks, we got your message"
-			}),
-			/* @__PURE__ */ jsxs("p", {
-				className: "text-muted-foreground",
-				children: [
-					"The team will reply to ",
-					form.email.trim(),
-					" soon."
-				]
-			}),
-			/* @__PURE__ */ jsx(Button$2, {
-				asChild: true,
-				variant: "outline",
-				children: /* @__PURE__ */ jsx(Link$1, {
-					to: PRICING_PATH,
-					children: "Back to pricing"
-				})
-			})
-		]
-	});
-	const update = (field) => (event) => setForm((prev) => ({
-		...prev,
-		[field]: event.target.value
-	}));
-	const handleSubmit = (event) => {
-		event.preventDefault();
-		const nextErrors = validate(form);
-		setErrors(nextErrors);
-		if (Object.keys(nextErrors).length > 0 || isSimulated) return;
-		submit.mutate({
-			planSku,
-			inquiry: {
-				name: form.name.trim(),
-				email: form.email.trim(),
-				company: form.company.trim() || void 0,
-				message: form.message.trim(),
-				website: form.website || void 0
-			}
-		});
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "mx-auto w-full max-w-lg px-4 py-12",
-		children: [
-			/* @__PURE__ */ jsx("h1", {
-				className: "text-2xl font-semibold tracking-tight",
-				children: "Contact sales"
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "mt-2 text-muted-foreground",
-				children: plan ? `Tell us about your needs for the ${plan.displayName} plan and we'll get back to you with pricing.` : "Tell us about your needs and we'll get back to you with pricing."
-			}),
-			isSimulated ? /* @__PURE__ */ jsxs(Alert$1, {
-				className: "mt-6",
-				children: [/* @__PURE__ */ jsx(AlertTitle$1, { children: "Preview only" }), /* @__PURE__ */ jsx(AlertDescription, { children: "Messages are sent once your portal is published to API ToGo." })]
-			}) : null,
-			/* @__PURE__ */ jsxs("form", {
-				className: "mt-6 space-y-4",
-				noValidate: true,
-				onSubmit: handleSubmit,
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-1.5",
-						children: [
-							/* @__PURE__ */ jsx(Label, {
-								htmlFor: "contact-name",
-								children: "Name"
-							}),
-							/* @__PURE__ */ jsx(Input$1, {
-								id: "contact-name",
-								autoComplete: "name",
-								maxLength: 200,
-								value: form.name,
-								onChange: update("name"),
-								"aria-invalid": Boolean(errors.name)
-							}),
-							errors.name ? /* @__PURE__ */ jsx("p", {
-								className: "text-sm text-destructive",
-								children: errors.name
-							}) : null
-						]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-1.5",
-						children: [
-							/* @__PURE__ */ jsx(Label, {
-								htmlFor: "contact-email",
-								children: "Work email"
-							}),
-							/* @__PURE__ */ jsx(Input$1, {
-								id: "contact-email",
-								type: "email",
-								autoComplete: "email",
-								maxLength: 320,
-								value: form.email,
-								onChange: update("email"),
-								"aria-invalid": Boolean(errors.email)
-							}),
-							errors.email ? /* @__PURE__ */ jsx("p", {
-								className: "text-sm text-destructive",
-								children: errors.email
-							}) : null
-						]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-1.5",
-						children: [/* @__PURE__ */ jsx(Label, {
-							htmlFor: "contact-company",
-							children: "Company (optional)"
-						}), /* @__PURE__ */ jsx(Input$1, {
-							id: "contact-company",
-							autoComplete: "organization",
-							maxLength: 200,
-							value: form.company,
-							onChange: update("company")
-						})]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "space-y-1.5",
-						children: [
-							/* @__PURE__ */ jsx(Label, {
-								htmlFor: "contact-message",
-								children: "Message"
-							}),
-							/* @__PURE__ */ jsx(Textarea, {
-								id: "contact-message",
-								rows: 5,
-								maxLength: 5e3,
-								placeholder: "Expected traffic, use case, timeline…",
-								value: form.message,
-								onChange: update("message"),
-								"aria-invalid": Boolean(errors.message)
-							}),
-							errors.message ? /* @__PURE__ */ jsx("p", {
-								className: "text-sm text-destructive",
-								children: errors.message
-							}) : null
-						]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "absolute -left-[9999px]",
-						"aria-hidden": "true",
-						children: [/* @__PURE__ */ jsx("label", {
-							htmlFor: "contact-website",
-							children: "Website"
-						}), /* @__PURE__ */ jsx("input", {
-							id: "contact-website",
-							tabIndex: -1,
-							autoComplete: "off",
-							value: form.website,
-							onChange: update("website")
-						})]
-					}),
-					submit.isError ? /* @__PURE__ */ jsx(Alert$1, {
-						variant: "destructive",
-						children: /* @__PURE__ */ jsx(AlertDescription, { children: submit.error.message })
-					}) : null,
-					/* @__PURE__ */ jsx(Button$2, {
-						type: "submit",
-						className: "w-full",
-						disabled: submit.isPending || isSimulated,
-						children: submit.isPending ? "Sending…" : "Send message"
-					})
-				]
-			})
-		]
-	});
-};
-
-//#endregion
-//#region src/hooks/useCredentials.ts
-function useCredentials() {
-	const auth = useAuth();
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	const isPreview = useDevPortalPreviewMode();
-	const isDemoSession = useIsDemoSession();
-	const { previewPlans } = useDevPortalBillingConfig();
-	const liveQuery = useQuery({
-		queryKey: ["dev-portal-credentials", apiBaseUrl],
-		enabled: auth.isAuthenticated && !isPreview && !isDemoSession && Boolean(apiBaseUrl),
-		queryFn: async () => {
-			const response = await fetch(`${apiBaseUrl}/api/v1/credentials`, {
-				method: "GET",
-				headers: { Accept: "application/json" },
-				credentials: "include"
-			});
-			if (response.status === 404) throw new Error("NO_ENTITLEMENT");
-			if (!response.ok) throw new Error("Failed to load API credentials.");
-			return await response.json();
-		},
-		retry: (failureCount, error) => error instanceof Error && error.message === "NO_ENTITLEMENT" ? false : failureCount < 2
-	});
-	if (isDemoSession && auth.isAuthenticated) return {
-		...liveQuery,
-		data: createDemoCredentials(previewPlans),
-		error: null,
-		isError: false,
-		isFetching: false,
-		isLoading: false,
-		isPending: false,
-		isSuccess: true,
-		status: "success"
-	};
-	return liveQuery;
-}
-
-//#endregion
-//#region src/pages/CredentialsPage.tsx
-const CredentialsPage = () => {
-	const auth = useAuth();
-	const isPreview = useDevPortalPreviewMode();
-	const isDemoSession = useIsDemoSession();
-	const { data: credentials, isLoading, error } = useCredentials();
-	const { data: apiKeys, isLoading: keysLoading, error: keysError } = useApiKeys();
-	const { gatewayBaseUrl: configuredGatewayBaseUrl } = useDevPortalBillingConfig();
-	const gatewayBaseUrl = credentials?.gatewayBaseUrl?.trim() || apiKeys?.gatewayBaseUrl?.trim() || configuredGatewayBaseUrl?.trim() || zudokuConfig.__meta?.gatewayBaseUrl?.trim() || null;
-	const header = apiKeys?.header ?? "Ocp-Apim-Subscription-Key";
-	const plans = apiKeys?.plans ?? [];
-	return /* @__PURE__ */ jsxs("div", {
-		className: "mx-auto max-w-screen-lg px-4 pb-16 pt-(--padding-content-top) lg:px-8",
-		children: [
-			/* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx("title", { children: "API credentials" }) }),
-			/* @__PURE__ */ jsxs("div", {
-				className: "mb-8 flex items-start gap-4",
-				children: [/* @__PURE__ */ jsx("div", {
-					className: "flex size-12 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary",
-					children: /* @__PURE__ */ jsx(KeyRoundIcon, { size: 24 })
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "space-y-1",
-					children: [/* @__PURE__ */ jsx("h1", {
-						className: "text-3xl font-semibold tracking-tight",
-						children: "API credentials"
-					}), /* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground",
-						children: "Create API keys for each subscribed plan and use them to authenticate requests to the API gateway."
-					})]
-				})]
-			}),
-			isDemoSession ? /* @__PURE__ */ jsx("div", {
-				className: "mb-6 rounded-xl border border-dashed bg-muted/20 p-4 text-sm text-muted-foreground",
-				children: "Local demo credentials. Publish the portal to receive live subscription keys from your dev-portal backend."
-			}) : null,
-			isPreview && !isDemoSession ? /* @__PURE__ */ jsx("div", {
-				className: "rounded-xl border border-dashed p-8 text-center",
-				children: /* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground",
-					children: "API credentials are available after the developer portal is published."
-				})
-			}) : null,
-			!isPreview && !isDemoSession && !auth.isAuthenticated ? /* @__PURE__ */ jsxs("div", {
-				className: "rounded-xl border border-dashed p-8 text-center",
-				children: [/* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground",
-					children: "Sign in to view your subscription keys."
-				}), /* @__PURE__ */ jsx(Button$2, {
-					className: "mt-4",
-					asChild: true,
-					children: /* @__PURE__ */ jsx(Link$1, {
-						to: ACCOUNT_PLANS_PATH,
-						children: "View plans"
-					})
-				})]
-			}) : null,
-			!isPreview && !isDemoSession && auth.isAuthenticated && (isLoading || keysLoading) ? /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground",
-				children: "Loading credentials…"
-			}) : null,
-			!isPreview && !isDemoSession && auth.isAuthenticated && (error || keysError) ? /* @__PURE__ */ jsxs("div", {
-				className: "rounded-xl border border-dashed p-8 text-center",
-				children: [/* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground",
-					children: error instanceof Error && error.message === "NO_ENTITLEMENT" || keysError instanceof Error && keysError.message === "NO_ENTITLEMENT" ? "No active subscription found. Choose a plan to get your API key." : "Unable to load API credentials. Try again in a moment."
-				}), /* @__PURE__ */ jsx(Button$2, {
-					className: "mt-4",
-					asChild: true,
-					children: /* @__PURE__ */ jsx(Link$1, {
-						to: ACCOUNT_PLANS_PATH,
-						children: "View plans"
-					})
-				})]
-			}) : null,
-			(isDemoSession || !isPreview) && auth.isAuthenticated && !error && !keysError && !isLoading && !keysLoading ? /* @__PURE__ */ jsxs("div", {
-				className: "space-y-6",
-				children: [plans.length === 0 ? /* @__PURE__ */ jsxs("div", {
-					className: "rounded-xl border border-dashed p-8 text-center",
-					children: [/* @__PURE__ */ jsx("p", {
-						className: "text-muted-foreground",
-						children: "Choose a plan to get your first API key."
-					}), /* @__PURE__ */ jsx(Button$2, {
-						className: "mt-4",
-						asChild: true,
-						children: /* @__PURE__ */ jsx(Link$1, {
-							to: ACCOUNT_PLANS_PATH,
-							children: "View plans"
-						})
-					})]
-				}) : plans.map((plan) => /* @__PURE__ */ jsx(ApiKeysPanel, {
-					plan,
-					header,
-					readOnly: isDemoSession
-				}, plan.planSku)), /* @__PURE__ */ jsxs("article", {
-					className: "rounded-xl border bg-card/60 p-6 space-y-4",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "space-y-1",
-						children: [/* @__PURE__ */ jsx("h2", {
-							className: "text-lg font-medium",
-							children: "Gateway URL"
-						}), /* @__PURE__ */ jsx("p", {
-							className: "text-sm text-muted-foreground",
-							children: "Base URL for API requests through the gateway."
-						})]
-					}), gatewayBaseUrl ? /* @__PURE__ */ jsx(Value, {
-						className: "max-w-full w-full",
-						value: gatewayBaseUrl
-					}) : /* @__PURE__ */ jsx("p", {
-						className: "text-sm text-muted-foreground",
-						children: "Available after your API is deployed to the gateway."
-					})]
-				})]
-			}) : null,
-			/* @__PURE__ */ jsxs("div", {
-				className: "mt-8 flex flex-wrap gap-3",
-				children: [/* @__PURE__ */ jsx(Button$2, {
-					variant: "outline",
-					asChild: true,
-					children: /* @__PURE__ */ jsx(Link$1, {
-						to: "/account/subscriptions",
-						children: "My subscriptions"
-					})
-				}), /* @__PURE__ */ jsx(Button$2, {
-					variant: "outline",
-					asChild: true,
-					children: /* @__PURE__ */ jsx(Link$1, {
-						to: "/api",
-						children: "API reference"
-					})
-				})]
-			})
-		]
-	});
-};
-
-//#endregion
-//#region src/utils/pricing-config.ts
-function isPreviewPricingEnabled() {
-	if (manifestCatalog?.pricingEnabled === true) return true;
-	return zudokuConfig?.__meta?.pricingEnabled === true;
-}
-
-//#endregion
-//#region src/pages/PricingPage.tsx
-const DEFAULT_COMPARE_ROWS = [
-	{
-		label: "Monthly requests",
-		values: [
-			"1,000",
-			"50,000",
-			"500,000",
-			"Unlimited"
-		]
-	},
-	{
-		label: "Rate limit",
-		values: [
-			"10/sec",
-			"50/sec",
-			"200/sec",
-			"Custom"
-		]
-	},
-	{
-		label: "Team seats",
-		values: [
-			"1",
-			"1",
-			"5",
-			"Unlimited"
-		]
-	},
-	{
-		label: "Webhooks",
-		values: [
-			"—",
-			"Included",
-			"Included",
-			"Included"
-		]
-	},
-	{
-		label: "SSO",
-		values: [
-			"—",
-			"—",
-			"—",
-			"Included"
-		]
-	},
-	{
-		label: "Support",
-		values: [
-			"—",
-			"Email",
-			"Priority",
-			"Dedicated SLA"
-		]
-	}
-];
-const DEFAULT_FAQS = [{
-	question: "What happens if I exceed my quota?",
-	answer: "Requests over your monthly quota return a 429 response so you can test rate-limit handling instead of being cut off unexpectedly."
-}, {
-	question: "Can I change plans later?",
-	answer: "Yes, upgrade or downgrade any time from your billing page. Changes apply on your next billing cycle."
-}];
-const PricingPage = () => {
-	const { pricing, previewPlans } = useDevPortalBillingConfig();
-	const isPreview = useDevPortalPreviewMode();
-	const pricingEnabled = isPreviewPricingEnabled() || isPreview;
-	const livePlans = usePlans();
-	const catalog = isPreview ? parseManifestPlans(previewPlans) : livePlans.data;
-	const isLoading = isPreview ? false : livePlans.isLoading;
-	const isError = isPreview ? false : livePlans.isError;
-	if (!pricingEnabled) return /* @__PURE__ */ jsx(Navigate, {
-		to: "/",
-		replace: true
-	});
-	const title = pricing?.title ?? "Pay for what you call";
-	const subtitle = pricing?.subtitle ?? "Every plan includes the full endpoint catalog. Higher tiers raise your request quota, rate limit, and support level.";
-	const plans = catalog?.plans ?? [];
-	const featuredSku = pickFeaturedPlanSku(plans);
-	const compareRows = pricing?.compareRows && pricing.compareRows.length > 0 ? pricing.compareRows : DEFAULT_COMPARE_ROWS;
-	const faqs = pricing?.faqs && pricing.faqs.length > 0 ? pricing.faqs : DEFAULT_FAQS;
-	const compareHeaders = plans.length > 0 ? plans.map((p) => p.displayName) : [
-		"Free",
-		"Developer",
-		"Team",
-		"Enterprise"
-	];
-	return /* @__PURE__ */ jsxs("div", {
-		className: "w-full",
-		children: [
-			/* @__PURE__ */ jsxs(Head, { children: [/* @__PURE__ */ jsx("title", { children: title }), /* @__PURE__ */ jsx("meta", {
-				name: "description",
-				content: subtitle
-			})] }),
-			/* @__PURE__ */ jsxs("section", {
-				className: "px-6 pb-4 pt-[clamp(3rem,6vw,4.5rem)] text-center",
-				children: [
-					/* @__PURE__ */ jsx("p", {
-						className: "text-xs font-bold uppercase tracking-[0.08em] text-primary",
-						children: "Pricing"
-					}),
-					/* @__PURE__ */ jsx(Heading, {
-						level: 1,
-						className: "mt-3 text-[clamp(2rem,3.5vw,3rem)] font-extrabold tracking-[-0.02em]",
-						"data-testid": "title",
-						children: title
-					}),
-					/* @__PURE__ */ jsx("p", {
-						className: "mx-auto mt-3.5 max-w-[34rem] text-lg leading-relaxed text-muted-foreground",
-						"data-testid": "subtitle",
-						children: subtitle
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("section", {
-				className: "px-6 pb-16 pt-8",
-				children: [
-					isLoading ? /* @__PURE__ */ jsx("p", {
-						className: "text-center text-muted-foreground",
-						children: "Loading plans…"
-					}) : null,
-					isError ? /* @__PURE__ */ jsx("p", {
-						className: "text-center text-destructive",
-						children: "Unable to load plans."
-					}) : null,
-					plans.length > 0 ? /* @__PURE__ */ jsx("div", {
-						className: "mx-auto grid max-w-[1200px] grid-cols-1 items-stretch gap-5 sm:grid-cols-2 lg:grid-cols-4",
-						children: plans.map((plan) => /* @__PURE__ */ jsx(PricingCard, {
-							plan,
-							mode: "public",
-							featured: plan.sku === featuredSku
-						}, plan.sku))
-					}) : !isLoading && !isError ? /* @__PURE__ */ jsxs("div", {
-						className: "mx-auto max-w-lg rounded-xl border border-dashed p-8 text-center text-sm text-muted-foreground",
-						children: [
-							"No plans are configured yet. Add plans in",
-							" ",
-							/* @__PURE__ */ jsx("code", {
-								className: "rounded bg-muted px-1.5 py-0.5",
-								children: "apitogo.config.json"
-							}),
-							" ",
-							"and set",
-							" ",
-							/* @__PURE__ */ jsx("code", {
-								className: "rounded bg-muted px-1.5 py-0.5",
-								children: "modules.userPanel.plans.enabled"
-							}),
-							" ",
-							"to true."
-						]
-					}) : null
-				]
-			}),
-			/* @__PURE__ */ jsx("section", {
-				className: "border-t border-border bg-muted/40 px-6 py-16",
-				"data-testid": "pricing-compare",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "mx-auto max-w-[1200px]",
-					children: [/* @__PURE__ */ jsx("h2", {
-						className: "mb-6 text-[clamp(1.5rem,2.5vw,2.25rem)] font-extrabold tracking-[-0.02em]",
-						children: "Compare plans"
-					}), /* @__PURE__ */ jsx("div", {
-						className: "overflow-x-auto rounded-xl border border-border bg-card",
-						children: /* @__PURE__ */ jsxs("div", {
-							className: "min-w-[720px]",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "grid gap-0 border-b border-border px-5 py-3.5 text-[0.78125rem] font-bold uppercase tracking-[0.04em] text-muted-foreground",
-								style: { gridTemplateColumns: `minmax(10rem,1.4fr) repeat(${compareHeaders.length}, minmax(6rem,1fr))` },
-								children: [/* @__PURE__ */ jsx("div", { children: "Feature" }), compareHeaders.map((header) => /* @__PURE__ */ jsx("div", { children: header }, header))]
-							}), compareRows.map((row) => /* @__PURE__ */ jsxs("div", {
-								className: "grid gap-0 border-b border-border px-5 py-3.5 text-[0.84375rem] text-muted-foreground last:border-b-0",
-								style: { gridTemplateColumns: `minmax(10rem,1.4fr) repeat(${compareHeaders.length}, minmax(6rem,1fr))` },
-								children: [/* @__PURE__ */ jsx("div", {
-									className: "font-medium text-foreground",
-									children: row.label
-								}), compareHeaders.map((header, index) => /* @__PURE__ */ jsx("div", { children: row.values[index] ?? "—" }, `${row.label}-${header}`))]
-							}, row.label))]
-						})
-					})]
-				})
-			}),
-			/* @__PURE__ */ jsx("section", {
-				className: "px-6 py-16",
-				"data-testid": "pricing-faq",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "mx-auto max-w-4xl",
-					children: [/* @__PURE__ */ jsx("h2", {
-						className: "mb-8 text-center text-[clamp(1.5rem,2.5vw,2.25rem)] font-extrabold tracking-[-0.02em]",
-						children: "Frequently asked questions"
-					}), /* @__PURE__ */ jsx("div", { children: faqs.map((faq) => /* @__PURE__ */ jsxs("div", {
-						className: "border-b border-border py-5 last:border-b-0",
-						children: [/* @__PURE__ */ jsx("div", {
-							className: "text-[0.9375rem] font-bold",
-							children: faq.question
-						}), /* @__PURE__ */ jsx("p", {
-							className: "mt-2 text-sm leading-relaxed text-muted-foreground",
-							children: faq.answer
-						})]
-					}, faq.question)) })]
-				})
-			})
-		]
-	});
-};
-
-//#endregion
-//#region src/hooks/useBillingPortal.ts
-function useBillingPortal() {
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	return useMutation({ mutationFn: async (returnUrl) => {
-		if (!apiBaseUrl) throw new Error("Dev portal API is not configured.");
-		const response = await fetch(`${apiBaseUrl}/api/v1/subscriptions/billing-portal`, {
-			method: "POST",
-			headers: {
-				Accept: "application/json",
-				"Content-Type": "application/json"
-			},
-			credentials: "include",
-			body: JSON.stringify({ returnUrl: returnUrl ?? `${window.location.origin}/account/subscriptions` })
-		});
-		if (!response.ok) throw new Error("Unable to open billing portal.");
-		const body = await response.json();
-		if (!body.url) throw new Error("Billing portal URL was not returned.");
-		window.location.assign(body.url);
-	} });
-}
-
-//#endregion
-//#region src/pages/SubscriptionsPage.tsx
-const SubscriptionsPage = () => {
-	const auth = useAuth();
-	const [searchParams] = useSearchParams();
-	const checkoutSuccess = searchParams.get("checkout") === "success";
-	const { data: me, isLoading } = useMySubscriptions();
-	const { data: catalog } = usePlans();
-	const billingPortal = useBillingPortal();
-	const { data: usage } = useUsage("mtd");
-	const planBySku = new Map((catalog?.plans ?? []).map((plan) => [plan.sku, plan]));
-	const subscriptions = me?.subscriptions ?? [];
-	const activeSubscription = subscriptions.find((sub) => isActiveSubscription(sub.status));
-	const activePlan = activeSubscription ? planBySku.get(activeSubscription.planSku) : void 0;
-	const monthlyQuota = activePlan ? parseMonthlyQuotaCalls(activePlan.limitsJson) : null;
-	const usedRequests = usage?.requestCount ?? 0;
-	const quotaPct = monthlyQuota && monthlyQuota > 0 ? Math.min(100, Math.round(usedRequests / monthlyQuota * 100)) : null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "px-8 py-7",
-		children: [
-			/* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx("title", { children: "Billing" }) }),
-			/* @__PURE__ */ jsx("h1", {
-				className: "mb-2 text-[1.6rem] font-bold tracking-[-0.01em]",
-				children: "Billing"
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "mb-8 text-muted-foreground",
-				children: "Manage your plan, payment method, and invoices."
-			}),
-			checkoutSuccess ? /* @__PURE__ */ jsxs("div", {
-				className: "mb-6 rounded-xl border border-green-500/30 bg-green-500/10 p-4 text-sm",
-				children: [
-					"Your subscription is active.",
-					" ",
-					/* @__PURE__ */ jsx(Link$1, {
-						to: CREDENTIALS_PATH,
-						className: "font-medium underline",
-						children: "View your API credentials"
-					}),
-					"."
-				]
-			}) : null,
-			isLoading ? /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground",
-				children: "Loading billing details…"
-			}) : null,
-			!isLoading && activePlan && activeSubscription ? /* @__PURE__ */ jsxs("div", {
-				className: "mb-8 rounded-xl border border-border bg-card p-6",
-				children: [
-					/* @__PURE__ */ jsx("p", {
-						className: "text-xs font-medium uppercase tracking-[0.05em] text-muted-foreground",
-						children: "Current plan"
-					}),
-					/* @__PURE__ */ jsx("h2", {
-						className: "mt-2 text-2xl font-bold",
-						children: activePlan.displayName
-					}),
-					/* @__PURE__ */ jsxs("p", {
-						className: "mt-1 text-sm text-muted-foreground",
-						children: [
-							formatPlanPrice(activePlan),
-							" ·",
-							" ",
-							formatBillingPeriod(activePlan.billingPeriod)
-						]
-					}),
-					activeSubscription.currentPeriodEnd ? /* @__PURE__ */ jsxs("p", {
-						className: "mt-3 text-sm text-muted-foreground",
-						children: [
-							"Renews",
-							" ",
-							new Date(activeSubscription.currentPeriodEnd).toLocaleDateString()
-						]
-					}) : null,
-					quotaPct != null && monthlyQuota != null ? /* @__PURE__ */ jsxs("div", {
-						className: "mt-5",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "mb-1.5 flex justify-between text-xs text-muted-foreground",
-							children: [/* @__PURE__ */ jsx("span", { children: "Monthly requests" }), /* @__PURE__ */ jsxs("span", { children: [
-								usedRequests.toLocaleString(),
-								" /",
-								" ",
-								monthlyQuota.toLocaleString()
-							] })]
-						}), /* @__PURE__ */ jsx("div", {
-							className: "h-2 rounded-full bg-muted",
-							children: /* @__PURE__ */ jsx("div", {
-								className: "h-full rounded-full bg-primary transition-[width]",
-								style: { width: `${quotaPct}%` }
-							})
-						})]
-					}) : null
-				]
-			}) : null,
-			!isLoading && subscriptions.length === 0 ? /* @__PURE__ */ jsxs("div", {
-				className: "mb-8 rounded-xl border border-dashed p-8 text-center",
-				children: [/* @__PURE__ */ jsx("p", {
-					className: "text-muted-foreground",
-					children: "You do not have an active subscription yet."
-				}), /* @__PURE__ */ jsx(Button$1, {
-					className: "mt-4",
-					asChild: true,
-					children: /* @__PURE__ */ jsx(Link$1, {
-						to: ACCOUNT_PLANS_PATH,
-						children: "View plans"
-					})
-				})]
-			}) : null,
-			!isLoading && subscriptions.length > 1 ? /* @__PURE__ */ jsx("div", {
-				className: "mb-8 space-y-4",
-				children: subscriptions.map((subscription) => {
-					const plan = planBySku.get(subscription.planSku);
-					return /* @__PURE__ */ jsx("article", {
-						className: "rounded-xl border bg-card p-5",
-						children: /* @__PURE__ */ jsxs("div", {
-							className: "flex flex-wrap items-start justify-between gap-4",
-							children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
-								className: "font-semibold",
-								children: plan?.displayName ?? subscription.planSku
-							}), plan ? /* @__PURE__ */ jsxs("p", {
-								className: "mt-1 text-sm text-muted-foreground",
-								children: [
-									formatPlanPrice(plan),
-									" ·",
-									" ",
-									formatBillingPeriod(plan.billingPeriod)
-								]
-							}) : null] }), /* @__PURE__ */ jsx("span", {
-								className: "rounded-full bg-muted px-3 py-1 text-xs font-medium text-muted-foreground",
-								children: subscription.status
-							})]
-						})
-					}, `${subscription.planSku}-${subscription.status}`);
-				})
-			}) : null,
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex flex-wrap gap-3",
-				children: [
-					/* @__PURE__ */ jsx(Button$1, {
-						variant: "outline",
-						asChild: true,
-						children: /* @__PURE__ */ jsx(Link$1, {
-							to: ACCOUNT_PLANS_PATH,
-							children: "Change plan"
-						})
-					}),
-					auth.isAuthenticated ? /* @__PURE__ */ jsx(Button$1, {
-						variant: "default",
-						disabled: billingPortal.isPending,
-						onClick: () => {
-							billingPortal.mutate();
-						},
-						children: billingPortal.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : "Manage payment & invoices"
-					}) : null,
-					auth.isAuthenticated ? /* @__PURE__ */ jsx(Button$1, {
-						variant: "secondary",
-						asChild: true,
-						children: /* @__PURE__ */ jsx(Link$1, {
-							to: CREDENTIALS_PATH,
-							children: "API credentials"
-						})
-					}) : null
-				]
-			}),
-			billingPortal.isError ? /* @__PURE__ */ jsx("p", {
-				className: "mt-4 text-sm text-destructive",
-				children: billingPortal.error instanceof Error ? billingPortal.error.message : "Unable to open billing portal."
-			}) : null
-		]
-	});
-};
-
-//#endregion
-//#region src/pages/UsagePage.tsx
-const RANGES = [
-	{
-		value: "24h",
-		label: "24h"
-	},
-	{
-		value: "7d",
-		label: "7d"
-	},
-	{
-		value: "30d",
-		label: "30d"
-	},
-	{
-		value: "90d",
-		label: "90d"
-	}
-];
-function formatNumber(value) {
-	return new Intl.NumberFormat().format(value);
-}
-function formatPct(rate) {
-	return `${(rate * 100).toFixed(rate >= .1 ? 1 : 2)}%`;
-}
-const UsagePage = () => {
-	const auth = useAuth();
-	const [range, setRange] = useState("30d");
-	const { data, isLoading, isError } = useUsage(range);
-	const maxBar = Math.max(1, ...data?.series.map((point) => point.requestCount) ?? [1]);
-	const endpointTotal = data?.byEndpoint.reduce((sum, item) => sum + item.count, 0) ?? 0;
-	if (!auth.isAuthenticated) return /* @__PURE__ */ jsxs("div", {
-		className: "px-8 py-7",
-		children: [
-			/* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx("title", { children: "Usage" }) }),
-			/* @__PURE__ */ jsx("h1", {
-				className: "mb-2 text-[1.6rem] font-bold tracking-[-0.01em]",
-				children: "Usage"
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground",
-				children: "Sign in to view your API usage."
-			}),
-			auth.isAuthEnabled ? /* @__PURE__ */ jsx(Button$1, {
-				asChild: true,
-				className: "mt-4",
-				children: /* @__PURE__ */ jsx(Link$1, {
-					to: "/signin",
-					children: "Sign in"
-				})
-			}) : null
-		]
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "px-8 py-7",
-		children: [
-			/* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx("title", { children: "Usage" }) }),
-			/* @__PURE__ */ jsxs("div", {
-				className: "mb-6 flex flex-wrap items-center justify-between gap-3",
-				children: [/* @__PURE__ */ jsx("h1", {
-					className: "text-[1.6rem] font-bold tracking-[-0.01em]",
-					children: "Usage"
-				}), /* @__PURE__ */ jsx("div", {
-					className: "flex gap-1 rounded-lg border border-border bg-card p-1",
-					children: RANGES.map((item) => /* @__PURE__ */ jsx("button", {
-						type: "button",
-						onClick: () => setRange(item.value),
-						className: `rounded-md px-3 py-1.5 text-xs font-semibold transition-colors ${range === item.value ? "bg-primary/14 text-primary" : "text-muted-foreground hover:text-foreground"}`,
-						children: item.label
-					}, item.value))
-				})]
-			}),
-			isLoading ? /* @__PURE__ */ jsx("p", {
-				className: "text-sm text-muted-foreground",
-				children: "Loading usage…"
-			}) : null,
-			isError ? /* @__PURE__ */ jsx("p", {
-				className: "text-sm text-destructive",
-				children: "Unable to load usage data."
-			}) : null,
-			/* @__PURE__ */ jsxs("div", {
-				className: "mb-5 grid grid-cols-1 gap-4 sm:grid-cols-3",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "rounded-xl border border-border bg-card p-4",
-						children: [/* @__PURE__ */ jsx("div", {
-							className: "text-xs uppercase tracking-[0.05em] text-muted-foreground",
-							children: "Requests"
-						}), /* @__PURE__ */ jsx("div", {
-							className: "mt-1.5 text-2xl font-bold",
-							children: data ? formatNumber(data.requestCount) : "—"
-						})]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "rounded-xl border border-border bg-card p-4",
-						children: [/* @__PURE__ */ jsx("div", {
-							className: "text-xs uppercase tracking-[0.05em] text-muted-foreground",
-							children: "Avg latency"
-						}), /* @__PURE__ */ jsx("div", {
-							className: "mt-1.5 text-2xl font-bold",
-							children: data?.avgLatencyMs != null ? `${data.avgLatencyMs} ms` : "—"
-						})]
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "rounded-xl border border-border bg-card p-4",
-						children: [/* @__PURE__ */ jsx("div", {
-							className: "text-xs uppercase tracking-[0.05em] text-muted-foreground",
-							children: "Error rate"
-						}), /* @__PURE__ */ jsx("div", {
-							className: "mt-1.5 text-2xl font-bold",
-							children: data ? formatPct(data.errorRate) : "—"
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "mb-5 rounded-xl border border-border bg-card p-6",
-				children: [/* @__PURE__ */ jsxs("h2", {
-					className: "mb-4 text-lg font-semibold",
-					children: [
-						"Requests over time (",
-						range,
-						")"
-					]
-				}), data && data.series.some((p) => p.requestCount > 0) ? /* @__PURE__ */ jsx("div", {
-					className: "flex h-40 items-end gap-1.5",
-					children: data.series.map((point) => /* @__PURE__ */ jsx("div", {
-						title: `${point.dayUtc}: ${point.requestCount}`,
-						className: "min-w-0 flex-1 rounded-t-sm bg-primary",
-						style: { height: `${Math.max(4, point.requestCount / maxBar * 100)}%` }
-					}, point.dayUtc))
-				}) : /* @__PURE__ */ jsx("p", {
-					className: "text-sm text-muted-foreground",
-					children: "No request data for this range yet."
-				})]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "grid grid-cols-1 gap-5 lg:grid-cols-[1.2fr_1fr]",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "rounded-xl border border-border bg-card p-6",
-					children: [/* @__PURE__ */ jsx("h2", {
-						className: "mb-4 text-lg font-semibold",
-						children: "By endpoint"
-					}), data && data.byEndpoint.length > 0 ? /* @__PURE__ */ jsx("div", {
-						className: "space-y-3.5",
-						children: data.byEndpoint.map((item) => {
-							const pct = endpointTotal > 0 ? Math.round(item.count / endpointTotal * 100) : 0;
-							return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
-								className: "mb-1 flex justify-between text-[13px]",
-								children: [/* @__PURE__ */ jsx("code", {
-									className: "font-mono text-foreground",
-									children: item.path
-								}), /* @__PURE__ */ jsxs("span", {
-									className: "text-muted-foreground",
-									children: [pct, "%"]
-								})]
-							}), /* @__PURE__ */ jsx("div", {
-								className: "h-1.5 rounded-full bg-muted",
-								children: /* @__PURE__ */ jsx("div", {
-									className: "h-full rounded-full bg-primary",
-									style: { width: `${pct}%` }
-								})
-							})] }, item.path);
-						})
-					}) : /* @__PURE__ */ jsx("p", {
-						className: "text-sm text-muted-foreground",
-						children: "No endpoint data."
-					})]
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "rounded-xl border border-border bg-card p-6",
-					children: [/* @__PURE__ */ jsx("h2", {
-						className: "mb-4 text-lg font-semibold",
-						children: "Status codes"
-					}), data && data.byStatus.length > 0 ? /* @__PURE__ */ jsx("div", { children: data.byStatus.map((item) => /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center justify-between border-b border-border py-2.5 last:border-0",
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "text-sm font-medium",
-							children: item.label
-						}), /* @__PURE__ */ jsx("span", {
-							className: "text-sm font-bold",
-							children: formatNumber(item.count)
-						})]
-					}, item.label)) }) : /* @__PURE__ */ jsx("p", {
-						className: "text-sm text-muted-foreground",
-						children: "No status data."
-					})]
-				})]
-			})
-		]
-	});
-};
-
 //#endregion
 //#region src/utils/auth-config.ts
 async function resolveAuthenticationNavEnabled(config) {
@@ -2599,101 +329,114 @@ function buildDevPortalHeaderNavigation({ navigation, pricingEnabled, authNavEna
 
 //#endregion
 //#region src/DevPortalBillingPlugin.tsx
+const AccountPlansPage$1 = lazy(() => import("./AccountPlansPage-CXOfTwlX.mjs").then((n) => n.n));
+const CheckoutPage = lazy(() => import("./CheckoutPage-CW_EBGog.mjs"));
+const ContactSalesPage = lazy(() => import("./ContactSalesPage-Vjzm-RxO.mjs"));
+const CredentialsPage = lazy(() => import("./CredentialsPage-CtIEboEy.mjs"));
+const PricingPage = lazy(() => import("./PricingPage-MTslSnCh.mjs"));
+const SubscriptionsPage = lazy(() => import("./SubscriptionsPage-9lXnVks7.mjs"));
+const UsagePage = lazy(() => import("./UsagePage--mg_NzrA.mjs"));
 function resolvePricingEnabled(config) {
 	if (config.__meta?.pricingEnabled !== void 0) return config.__meta.pricingEnabled;
 	return isPreviewPricingEnabled();
 }
-const devPortalBillingPlugin = createPlugin((options = {}) => ({
-	transformConfig: async ({ config, merge }) => {
-		const pricingEnabled = resolvePricingEnabled(config);
-		const authNavEnabled = !!config.authentication && await resolveAuthenticationNavEnabled(config);
-		const headerNavigation = buildDevPortalHeaderNavigation({
-			navigation: config.header?.navigation,
-			pricingEnabled,
-			authNavEnabled
-		});
-		return merge({
-			navigation: pricingEnabled ? withPricingNavigation(config.navigation) : withoutPricingNavigation(config.navigation),
-			header: {
-				...config.header,
-				navigation: headerNavigation
-			}
-		});
-	},
-	getProfileMenuItems: () => [{
-		label: "My Subscriptions",
-		path: SUBSCRIPTIONS_PATH,
-		icon: StarsIcon,
-		category: "middle",
-		weight: 25
-	}, {
-		label: "API credentials",
-		path: CREDENTIALS_PATH,
-		icon: KeyRoundIcon,
-		category: "middle",
-		weight: 26
-	}],
-	getRoutes: () => [{
-		element: /* @__PURE__ */ jsx(DevPortalBillingWrapper, { options }),
-		handle: { layout: "none" },
-		children: [
-			{
-				path: PRICING_PATH,
-				handle: { layout: "default" },
-				element: /* @__PURE__ */ jsx(PricingPage, {})
-			},
-			{
-				path: CHECKOUT_PATH,
-				handle: { layout: "default" },
-				element: /* @__PURE__ */ jsx(CheckoutPage, {})
-			},
-			{
-				path: CONTACT_SALES_PATH,
-				handle: { layout: "default" },
-				element: /* @__PURE__ */ jsx(ContactSalesPage, {})
-			},
-			{
-				path: ACCOUNT_PLANS_PATH,
-				handle: { layout: "default" },
-				element: /* @__PURE__ */ jsx(AccountLayout, {
-					includeBillingNav: true,
-					children: /* @__PURE__ */ jsx(AccountPlansPage, {})
-				})
-			},
-			{
-				path: SUBSCRIPTIONS_PATH,
-				handle: { layout: "default" },
-				element: /* @__PURE__ */ jsx(AccountLayout, {
-					includeBillingNav: true,
-					children: /* @__PURE__ */ jsx(SubscriptionsPage, {})
-				})
-			},
-			{
-				path: CREDENTIALS_PATH,
-				handle: { layout: "default" },
-				element: /* @__PURE__ */ jsx(AccountLayout, {
-					includeBillingNav: true,
-					children: /* @__PURE__ */ jsx(CredentialsPage, {})
-				})
-			},
-			{
-				path: USAGE_PATH,
-				handle: { layout: "default" },
-				element: /* @__PURE__ */ jsx(AccountLayout, {
-					includeBillingNav: true,
-					children: /* @__PURE__ */ jsx(UsagePage, {})
-				})
-			}
+const devPortalBillingPlugin = createPlugin((options = {}) => {
+	if (typeof window !== "undefined" && window.location.pathname.replace(/\/+$/, "") === PRICING_PATH) startPlansPrefetch(resolveDevPortalApiBaseUrl(options.apiBaseUrl));
+	return {
+		transformConfig: async ({ config, merge }) => {
+			const pricingEnabled = resolvePricingEnabled(config);
+			const authNavEnabled = !!config.authentication && await resolveAuthenticationNavEnabled(config);
+			const headerNavigation = buildDevPortalHeaderNavigation({
+				navigation: config.header?.navigation,
+				pricingEnabled,
+				authNavEnabled
+			});
+			return merge({
+				navigation: pricingEnabled ? withPricingNavigation(config.navigation) : withoutPricingNavigation(config.navigation),
+				header: {
+					...config.header,
+					navigation: headerNavigation
+				}
+			});
+		},
+		getProfileMenuItems: () => [{
+			label: "My Subscriptions",
+			path: SUBSCRIPTIONS_PATH,
+			icon: StarsIcon,
+			category: "middle",
+			weight: 25
+		}, {
+			label: "API credentials",
+			path: CREDENTIALS_PATH,
+			icon: KeyRoundIcon,
+			category: "middle",
+			weight: 26
+		}],
+		getRoutes: () => [{
+			element: /* @__PURE__ */ jsx(Suspense, {
+				fallback: null,
+				children: /* @__PURE__ */ jsx(DevPortalBillingWrapper, { options })
+			}),
+			handle: { layout: "none" },
+			children: [
+				{
+					path: PRICING_PATH,
+					handle: { layout: "default" },
+					element: /* @__PURE__ */ jsx(PricingPage, {})
+				},
+				{
+					path: CHECKOUT_PATH,
+					handle: { layout: "default" },
+					element: /* @__PURE__ */ jsx(CheckoutPage, {})
+				},
+				{
+					path: CONTACT_SALES_PATH,
+					handle: { layout: "default" },
+					element: /* @__PURE__ */ jsx(ContactSalesPage, {})
+				},
+				{
+					path: ACCOUNT_PLANS_PATH,
+					handle: { layout: "default" },
+					element: /* @__PURE__ */ jsx(AccountLayout, {
+						includeBillingNav: true,
+						children: /* @__PURE__ */ jsx(AccountPlansPage$1, {})
+					})
+				},
+				{
+					path: SUBSCRIPTIONS_PATH,
+					handle: { layout: "default" },
+					element: /* @__PURE__ */ jsx(AccountLayout, {
+						includeBillingNav: true,
+						children: /* @__PURE__ */ jsx(SubscriptionsPage, {})
+					})
+				},
+				{
+					path: CREDENTIALS_PATH,
+					handle: { layout: "default" },
+					element: /* @__PURE__ */ jsx(AccountLayout, {
+						includeBillingNav: true,
+						children: /* @__PURE__ */ jsx(CredentialsPage, {})
+					})
+				},
+				{
+					path: USAGE_PATH,
+					handle: { layout: "default" },
+					element: /* @__PURE__ */ jsx(AccountLayout, {
+						includeBillingNav: true,
+						children: /* @__PURE__ */ jsx(UsagePage, {})
+					})
+				}
+			]
+		}],
+		getProtectedRoutes: () => [
+			CHECKOUT_PATH,
+			ACCOUNT_PLANS_PATH,
+			SUBSCRIPTIONS_PATH,
+			CREDENTIALS_PATH,
+			USAGE_PATH
 		]
-	}],
-	getProtectedRoutes: () => [
-		CHECKOUT_PATH,
-		ACCOUNT_PLANS_PATH,
-		SUBSCRIPTIONS_PATH,
-		CREDENTIALS_PATH,
-		USAGE_PATH
-	]
-}));
+	};
+});
 
 //#endregion
 //#region src/hooks/usePlansPreview.ts