@lukoweb/apitogo-plugin-dev-portal-billing 0.2.38 → 0.2.39

package/dist/{AccountPlansPage-CXOfTwlX.mjs → AccountPlansPage-wrL7BtXu.mjs}

@@ -1,8 +1,8 @@
-import { c as isActiveSubscription, n as useDevPortalPreviewMode, p as parseManifestPlans, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-CgygF2z5.mjs";
-import { t as PricingCard } from "./PricingCard-Wra2FUX9.mjs";
+import { c as isActiveSubscription, n as useDevPortalPreviewMode, p as parseManifestPlans, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
+import { t as PricingCard } from "./PricingCard-D-owYlf3.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-CLh3eFY4.mjs";
-import { t as usePlans } from "./usePlans-DUex2tzT.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-BFe0t1Ru.mjs";
+import { t as usePlans } from "./usePlans-DVGt2Myv.mjs";
 import { Head } from "@lukoweb/apitogo/components";
 import { CreditCardIcon } from "@lukoweb/apitogo/icons";
 import { useSearchParams } from "@lukoweb/apitogo/router";

package/dist/{CheckoutPage-DiYurW2O.mjs → CheckoutPage-6nFq9GKO.mjs}

@@ -1,6 +1,6 @@
 import { o as PRICING_PATH, t as ACCOUNT_PLANS_PATH } from "./paths-ujy9wjVK.mjs";
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-CgygF2z5.mjs";
-import { t as FREE_CHECKOUT_MARKER } from "./billing-state-CIZ0pR37.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
+import { t as FREE_CHECKOUT_MARKER } from "./billing-state-DjUXQYSr.mjs";
 import { ShieldIcon } from "@lukoweb/apitogo/icons";
 import { Link, useNavigate, useSearchParams } from "@lukoweb/apitogo/router";
 import { useEffect } from "react";

package/dist/{ContactSalesPage-Vjzm-RxO.mjs → ContactSalesPage-Imh39E8z.mjs}

@@ -1,7 +1,7 @@
 import { o as PRICING_PATH } from "./paths-ujy9wjVK.mjs";
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl, u as isPlanCustomPriced } from "./useDevPortalApiBaseUrl-CgygF2z5.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl, u as isPlanCustomPriced } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as usePlans } from "./usePlans-DUex2tzT.mjs";
+import { t as usePlans } from "./usePlans-DVGt2Myv.mjs";
 import { Link, useSearchParams } from "@lukoweb/apitogo/router";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{CredentialsPage-Ir8Gf62T.mjs → CredentialsPage-BdSCmTR9.mjs}

@@ -1,8 +1,8 @@
 import { t as ACCOUNT_PLANS_PATH } from "./paths-ujy9wjVK.mjs";
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-CgygF2z5.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { n as createDemoCredentials } from "./demo-session-Cez740bi.mjs";
-import { r as useApiKeys, t as ApiKeysPanel } from "./ApiKeysPanel-DrArkHXf.mjs";
+import { a as useApiKeys, n as apiReferencePath, r as ApiKeysPanel } from "./account-links-CH6HyjOb.mjs";
 import { t as ChoosePlanNotice } from "./ChoosePlanNotice-DITJNrh1.mjs";
 import { Head } from "@lukoweb/apitogo/components";
 import { KeyRoundIcon } from "@lukoweb/apitogo/icons";
@@ -58,7 +58,8 @@ const CredentialsPage = () => {
 	const isDemoSession = useIsDemoSession();
 	const { data: credentials, isLoading, error } = useCredentials();
 	const { data: apiKeys, isLoading: keysLoading, error: keysError } = useApiKeys();
-	const { gatewayBaseUrl: configuredGatewayBaseUrl } = useDevPortalBillingConfig();
+	const { gatewayBaseUrl: configuredGatewayBaseUrl, links } = useDevPortalBillingConfig();
+	const apiReferenceLink = apiReferencePath(links);
 	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 ?? [];
@@ -160,14 +161,14 @@ const CredentialsPage = () => {
 						to: "/account/subscriptions",
 						children: "My subscriptions"
 					})
-				}), /* @__PURE__ */ jsx(Button$1, {
+				}), apiReferenceLink ? /* @__PURE__ */ jsx(Button$1, {
 					variant: "outline",
 					asChild: true,
 					children: /* @__PURE__ */ jsx(Link$1, {
-						to: "/api",
+						to: apiReferenceLink,
 						children: "API reference"
 					})
-				})]
+				}) : null]
 			})
 		]
 	});

package/dist/{PricingCard-Wra2FUX9.mjs → PricingCard-D-owYlf3.mjs}

@@ -1,5 +1,5 @@
 import { n as CHECKOUT_PATH, r as CONTACT_SALES_PATH } from "./paths-ujy9wjVK.mjs";
-import { a as formatPlanDisplayPrice, c as isActiveSubscription, d as isPlanFree, f as listPlanFeatureLines, s as formatPlanPriceUnit, u as isPlanCustomPriced } from "./useDevPortalApiBaseUrl-CgygF2z5.mjs";
+import { a as formatPlanDisplayPrice, c as isActiveSubscription, d as isPlanFree, f as listPlanFeatureLines, s as formatPlanPriceUnit, u as isPlanCustomPriced } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { Button } from "@lukoweb/apitogo/components";
 import { Link as Link$1 } from "@lukoweb/apitogo/router";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "@lukoweb/apitogo/ui/AlertDialog.js";

package/dist/{PricingPage-DodoDd3h.mjs → PricingPage-BTPQ-ntp.mjs}

@@ -1,9 +1,9 @@
-import { h as pickFeaturedPlanSku, n as useDevPortalPreviewMode, p as parseManifestPlans } from "./useDevPortalApiBaseUrl-CgygF2z5.mjs";
-import { t as PricingCard } from "./PricingCard-Wra2FUX9.mjs";
+import { g as pickFeaturedPlanSku, n as useDevPortalPreviewMode, p as parseManifestPlans } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
+import { t as PricingCard } from "./PricingCard-D-owYlf3.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as usePlans } from "./usePlans-DUex2tzT.mjs";
+import { t as usePlans } from "./usePlans-DVGt2Myv.mjs";
 import { t as isPreviewPricingEnabled } from "./pricing-config-CfhRX9tk.mjs";
-import { a as isPricingLoading, n as buildCompareRows } from "./billing-state-CIZ0pR37.mjs";
+import { a as isPricingLoading, n as buildCompareRows } from "./billing-state-DjUXQYSr.mjs";
 import { Head, Heading } from "@lukoweb/apitogo/components";
 import { Navigate } from "@lukoweb/apitogo/router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/{SubscriptionsPage-vF7jYwOC.mjs → SubscriptionsPage-CIiPzK64.mjs}

@@ -1,10 +1,10 @@
 import { i as CREDENTIALS_PATH, t as ACCOUNT_PLANS_PATH } from "./paths-ujy9wjVK.mjs";
-import { c as isActiveSubscription, i as formatBillingPeriod, m as parseMonthlyQuotaCalls, o as formatPlanPrice, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-CgygF2z5.mjs";
+import { c as isActiveSubscription, i as formatBillingPeriod, m as parseMonthlyQuotaCalls, o as formatPlanPrice, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-CLh3eFY4.mjs";
-import { t as usePlans } from "./usePlans-DUex2tzT.mjs";
-import { t as useUsage } from "./useUsage-Cx2GB3wg.mjs";
-import { i as hasPaymentProvider, r as checkoutConfirmingText } from "./billing-state-CIZ0pR37.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-BFe0t1Ru.mjs";
+import { t as usePlans } from "./usePlans-DVGt2Myv.mjs";
+import { t as useUsage } from "./useUsage-DOUibue4.mjs";
+import { i as hasPaymentProvider, r as checkoutConfirmingText } from "./billing-state-DjUXQYSr.mjs";
 import { t as ChoosePlanNotice } from "./ChoosePlanNotice-DITJNrh1.mjs";
 import { Head, Spinner } from "@lukoweb/apitogo/components";
 import { Link as Link$1, useSearchParams } from "@lukoweb/apitogo/router";
@@ -46,7 +46,7 @@ const SubscriptionsPage = () => {
 	const { data: me, isLoading, refetch } = useMySubscriptions();
 	const { data: catalog } = usePlans();
 	const billingPortal = useBillingPortal();
-	const { data: usage } = useUsage("mtd");
+	const { data: usage } = useUsage("30d");
 	const planBySku = new Map((catalog?.plans ?? []).map((plan) => [plan.sku, plan]));
 	const subscriptions = me?.subscriptions ?? [];
 	const activeSubscription = subscriptions.find((sub) => isActiveSubscription(sub.status));

package/dist/{UsagePage-C4K_arXh.mjs → UsagePage-Xz2KEk2B.mjs}

@@ -1,5 +1,8 @@
-import "./useDevPortalApiBaseUrl-CgygF2z5.mjs";
-import { t as useUsage } from "./useUsage-Cx2GB3wg.mjs";
+import { c as isActiveSubscription, h as parseQuotaPeriodDays, m as parseMonthlyQuotaCalls } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
+import "./DevPortalBillingContext-CR83s4LO.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-BFe0t1Ru.mjs";
+import { t as usePlans } from "./usePlans-DVGt2Myv.mjs";
+import { t as useUsage } from "./useUsage-DOUibue4.mjs";
 import { Head } from "@lukoweb/apitogo/components";
 import { Link as Link$1 } from "@lukoweb/apitogo/router";
 import { useState } from "react";
@@ -7,6 +10,32 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useAuth } from "@lukoweb/apitogo/hooks";
 import { Button as Button$1 } from "@lukoweb/apitogo/ui/Button.js";
 
+//#region src/utils/quota-summary.ts
+/**
+* What the usage page says about the plan's quota: how much is used, how much is left, and when it starts over.
+*
+* The gateway counts the quota over a window of `periodDays` days that starts with the first counted call, so there is
+* no calendar date to promise: the card says "N days after the first call of the period" (the `Retry-After` header of a
+* refused call is the exact wait). A subscription that knows its period end shows that date.
+*/
+function quotaSummary(used, limit, periodDays, periodEnd) {
+	const end = periodEnd ? new Date(periodEnd) : void 0;
+	const resetsOn = end && !Number.isNaN(end.getTime()) ? end.toLocaleDateString(void 0, {
+		day: "numeric",
+		month: "short",
+		year: "numeric",
+		timeZone: "UTC"
+	}) : `${periodDays} days after the first call of the period`;
+	return {
+		used,
+		limit,
+		remaining: Math.max(0, limit - used),
+		exhausted: used >= limit,
+		resetsOn
+	};
+}
+
+//#endregion
 //#region src/pages/UsagePage.tsx
 const RANGES = [
 	{
@@ -36,6 +65,14 @@ const UsagePage = () => {
 	const auth = useAuth();
 	const [range, setRange] = useState("30d");
 	const { data, isLoading, isError } = useUsage(range);
+	const { data: quotaUsage } = useUsage("30d");
+	const { data: mine } = useMySubscriptions();
+	const { data: catalog } = usePlans();
+	const subscription = mine?.subscriptions.find((sub) => isActiveSubscription(sub.status));
+	const plan = subscription ? catalog?.plans.find((item) => item.sku === subscription.planSku) : void 0;
+	const quota = plan ? parseMonthlyQuotaCalls(plan.limitsJson) : null;
+	const periodDays = plan ? parseQuotaPeriodDays(plan.limitsJson) : null;
+	const summary = quota != null && periodDays != null ? quotaSummary(quotaUsage?.requestCount ?? 0, quota, periodDays, subscription?.currentPeriodEnd) : null;
 	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", {
@@ -122,6 +159,33 @@ const UsagePage = () => {
 					})
 				]
 			}),
+			summary ? /* @__PURE__ */ jsxs("div", {
+				className: "mb-5 rounded-xl border border-border bg-card p-4",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "text-xs uppercase tracking-[0.05em] text-muted-foreground",
+						children: "Plan quota"
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "mt-1.5 text-2xl font-bold",
+						children: [
+							formatNumber(summary.used),
+							" of ",
+							formatNumber(summary.limit),
+							" used"
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "mt-1 text-sm text-muted-foreground",
+						children: [
+							summary.exhausted ? "The quota is used up. Calls are refused (429); the Retry-After header says how long to wait." : `${formatNumber(summary.remaining)} left`,
+							" · ",
+							"resets ",
+							summary.resetsOn
+						]
+					})
+				]
+			}) : null,
 			/* @__PURE__ */ jsxs("div", {
 				className: "mb-5 rounded-xl border border-border bg-card p-6",
 				children: [/* @__PURE__ */ jsxs("h2", {

package/dist/{ApiKeysPanel-DrArkHXf.mjs → account-links-CH6HyjOb.mjs}

@@ -1,4 +1,4 @@
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-CgygF2z5.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { t as createDemoApiKeys } from "./demo-session-Cez740bi.mjs";
 import { Spinner } from "@lukoweb/apitogo/components";
@@ -282,4 +282,22 @@ const ApiKeysPanel = ({ plan, header, readOnly = false }) => {
 };
 
 //#endregion
-export { useRevokeApiKey as a, useCreateApiKey as i, API_KEY_CAP_REACHED as n, useApiKeys as r, ApiKeysPanel as t };
+//#region src/utils/account-links.ts
+/**
+* What the account pages' side menu and links use, from the places the portal really has. The generated wrapper passes
+* `links`; a portal built with an older wrapper has none, and keeps the old defaults (`/introduction` and `/api`).
+*/
+function accountLayoutProps(options) {
+	return {
+		includeBillingNav: true,
+		includeOverview: false,
+		...options.links ? { docsPath: options.links.docs ?? null } : {}
+	};
+}
+/** The API reference link of the credentials page; undefined when the portal has no such page. */
+function apiReferencePath(links) {
+	return links ? links.api : "/api";
+}
+
+//#endregion
+export { useApiKeys as a, API_KEY_CAP_REACHED as i, apiReferencePath as n, useCreateApiKey as o, ApiKeysPanel as r, useRevokeApiKey as s, accountLayoutProps as t };

package/dist/{billing-state-CIZ0pR37.mjs → billing-state-DjUXQYSr.mjs}

@@ -1,4 +1,4 @@
-import { _ as rateLimitCell, g as quotaCell } from "./useDevPortalApiBaseUrl-CgygF2z5.mjs";
+import { _ as quotaCell, v as rateLimitCell } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 
 //#region src/utils/billing-state.ts
 /** Whether the pricing page has no plans to show yet because the answer is still on its way. */

package/dist/index.d.mts

@@ -42,7 +42,16 @@ type DevPortalBillingConfig = {
     compareRows?: DevPortalPricingCompareRow[];
     faqs?: DevPortalPricingFaq[];
   }; /** Billing provider of the plans service (`none`, `stripe`, ...). `none`: no payment is offered, so no payment page. */
-  billing?: string; /** Address of the plans backend; the portal's generated wrapper passes it. The plans request starts from it early. */
+  billing?: string;
+  /**
+   * Where the account pages link to, as the portal really has it: the docs (a path or an external address) and the API
+   * reference page. A missing entry means the portal has none, so no link is shown. Absent altogether (an older wrapper):
+   * the old defaults, `/introduction` and `/api`.
+   */
+  links?: {
+    docs?: string;
+    api?: string;
+  }; /** Address of the plans backend; the portal's generated wrapper passes it. The plans request starts from it early. */
   apiBaseUrl?: string; /** Live gateway URL (publish bake or explicit plugin option). */
   gatewayBaseUrl?: string | null; /** Local preview plan catalog (from `apitogo.config.json` `plans`). */
   previewPlans?: Array<{

package/dist/index.mjs

@@ -1,12 +1,12 @@
-import { t as AccountPlansPage } from "./AccountPlansPage-CXOfTwlX.mjs";
+import { t as AccountPlansPage } from "./AccountPlansPage-wrL7BtXu.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 { a as formatPlanDisplayPrice, c as isActiveSubscription, f as listPlanFeatureLines, g as pickFeaturedPlanSku, p as parseManifestPlans, s as formatPlanPriceUnit, y as resolveDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
+import "./PricingCard-D-owYlf3.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 useMySubscriptions } from "./useMySubscriptions-BFe0t1Ru.mjs";
+import { n as startPlansPrefetch, t as usePlans } from "./usePlans-DVGt2Myv.mjs";
+import { a as useApiKeys, i as API_KEY_CAP_REACHED, o as useCreateApiKey, r as ApiKeysPanel, s as useRevokeApiKey, t as accountLayoutProps } from "./account-links-CH6HyjOb.mjs";
+import { n as useUsageRecent, t as useUsage } from "./useUsage-DOUibue4.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";
@@ -363,19 +363,20 @@ async function getSignedInIdentities(apiBaseUrl, fetchImpl = fetch) {
 
 //#endregion
 //#region src/DevPortalBillingPlugin.tsx
-const AccountPlansPage$1 = lazy(() => import("./AccountPlansPage-CXOfTwlX.mjs").then((n) => n.n));
-const CheckoutPage = lazy(() => import("./CheckoutPage-DiYurW2O.mjs"));
-const ContactSalesPage = lazy(() => import("./ContactSalesPage-Vjzm-RxO.mjs"));
-const CredentialsPage = lazy(() => import("./CredentialsPage-Ir8Gf62T.mjs"));
-const PricingPage = lazy(() => import("./PricingPage-DodoDd3h.mjs"));
-const SubscriptionsPage = lazy(() => import("./SubscriptionsPage-vF7jYwOC.mjs"));
-const UsagePage = lazy(() => import("./UsagePage-C4K_arXh.mjs"));
+const AccountPlansPage$1 = lazy(() => import("./AccountPlansPage-wrL7BtXu.mjs").then((n) => n.n));
+const CheckoutPage = lazy(() => import("./CheckoutPage-6nFq9GKO.mjs"));
+const ContactSalesPage = lazy(() => import("./ContactSalesPage-Imh39E8z.mjs"));
+const CredentialsPage = lazy(() => import("./CredentialsPage-BdSCmTR9.mjs"));
+const PricingPage = lazy(() => import("./PricingPage-BTPQ-ntp.mjs"));
+const SubscriptionsPage = lazy(() => import("./SubscriptionsPage-CIiPzK64.mjs"));
+const UsagePage = lazy(() => import("./UsagePage-Xz2KEk2B.mjs"));
 function resolvePricingEnabled(config) {
 	if (config.__meta?.pricingEnabled !== void 0) return config.__meta.pricingEnabled;
 	return isPreviewPricingEnabled();
 }
 const devPortalBillingPlugin = createPlugin((options = {}) => {
 	if (typeof window !== "undefined" && window.location.pathname.replace(/\/+$/, "") === PRICING_PATH) startPlansPrefetch(resolveDevPortalApiBaseUrl(options.apiBaseUrl));
+	const accountLayoutProps$1 = accountLayoutProps(options);
 	return {
 		transformConfig: async ({ config, merge }) => {
 			const pricingEnabled = resolvePricingEnabled(config);
@@ -433,7 +434,7 @@ const devPortalBillingPlugin = createPlugin((options = {}) => {
 					path: ACCOUNT_PLANS_PATH,
 					handle: { layout: "default" },
 					element: /* @__PURE__ */ jsx(AccountLayout, {
-						includeBillingNav: true,
+						...accountLayoutProps$1,
 						children: /* @__PURE__ */ jsx(AccountPlansPage$1, {})
 					})
 				},
@@ -441,7 +442,7 @@ const devPortalBillingPlugin = createPlugin((options = {}) => {
 					path: SUBSCRIPTIONS_PATH,
 					handle: { layout: "default" },
 					element: /* @__PURE__ */ jsx(AccountLayout, {
-						includeBillingNav: true,
+						...accountLayoutProps$1,
 						children: /* @__PURE__ */ jsx(SubscriptionsPage, {})
 					})
 				},
@@ -449,7 +450,7 @@ const devPortalBillingPlugin = createPlugin((options = {}) => {
 					path: CREDENTIALS_PATH,
 					handle: { layout: "default" },
 					element: /* @__PURE__ */ jsx(AccountLayout, {
-						includeBillingNav: true,
+						...accountLayoutProps$1,
 						children: /* @__PURE__ */ jsx(CredentialsPage, {})
 					})
 				},
@@ -457,7 +458,7 @@ const devPortalBillingPlugin = createPlugin((options = {}) => {
 					path: USAGE_PATH,
 					handle: { layout: "default" },
 					element: /* @__PURE__ */ jsx(AccountLayout, {
-						includeBillingNav: true,
+						...accountLayoutProps$1,
 						children: /* @__PURE__ */ jsx(UsagePage, {})
 					})
 				}

package/dist/{useDevPortalApiBaseUrl-CgygF2z5.mjs → useDevPortalApiBaseUrl-Dk00H8xy.mjs}

@@ -204,6 +204,18 @@ function listPlanFeatureLines(plan) {
 function isActiveSubscription(status) {
 	return status.toLowerCase() === "active";
 }
+/** The length in days of the plan's quota period (30 when the plan does not say), or null when the plan has no quota. */
+function parseQuotaPeriodDays(limitsJson) {
+	if (!limitsJson?.trim()) return null;
+	try {
+		const quota = JSON.parse(limitsJson).quota;
+		if (!quota || typeof quota !== "object") return null;
+		const { renewalPeriodDays } = quota;
+		return renewalPeriodDays != null && renewalPeriodDays > 0 ? renewalPeriodDays : 30;
+	} catch {
+		return null;
+	}
+}
 /** Returns monthly call quota from plan limitsJson, or null when unknown/unlimited. */
 function parseMonthlyQuotaCalls(limitsJson) {
 	if (!limitsJson?.trim()) return null;
@@ -238,4 +250,4 @@ function useDevPortalPreviewMode() {
 }
 
 //#endregion
-export { rateLimitCell as _, formatPlanDisplayPrice as a, isActiveSubscription as c, isPlanFree as d, listPlanFeatureLines as f, quotaCell as g, pickFeaturedPlanSku as h, formatBillingPeriod as i, isPlaceholderDevPortalApiUrl as l, parseMonthlyQuotaCalls as m, useDevPortalPreviewMode as n, formatPlanPrice as o, parseManifestPlans as p, useIsDemoSession as r, formatPlanPriceUnit as s, useDevPortalApiBaseUrl as t, isPlanCustomPriced as u, resolveDevPortalApiBaseUrl as v };
+export { quotaCell as _, formatPlanDisplayPrice as a, isActiveSubscription as c, isPlanFree as d, listPlanFeatureLines as f, pickFeaturedPlanSku as g, parseQuotaPeriodDays as h, formatBillingPeriod as i, isPlaceholderDevPortalApiUrl as l, parseMonthlyQuotaCalls as m, useDevPortalPreviewMode as n, formatPlanPrice as o, parseManifestPlans as p, useIsDemoSession as r, formatPlanPriceUnit as s, useDevPortalApiBaseUrl as t, isPlanCustomPriced as u, rateLimitCell as v, resolveDevPortalApiBaseUrl as y };

package/dist/{useMySubscriptions-CLh3eFY4.mjs → useMySubscriptions-BFe0t1Ru.mjs}

@@ -1,4 +1,4 @@
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-CgygF2z5.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { r as createDemoMeResponse } from "./demo-session-Cez740bi.mjs";
 import { useQuery } from "@lukoweb/apitogo/react-query";

package/dist/{usePlans-DUex2tzT.mjs → usePlans-DVGt2Myv.mjs}

@@ -1,4 +1,4 @@
-import { l as isPlaceholderDevPortalApiUrl, n as useDevPortalPreviewMode, p as parseManifestPlans, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-CgygF2z5.mjs";
+import { l as isPlaceholderDevPortalApiUrl, n as useDevPortalPreviewMode, p as parseManifestPlans, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { useQuery } from "@lukoweb/apitogo/react-query";
 

package/dist/{useUsage-Cx2GB3wg.mjs → useUsage-DOUibue4.mjs}

@@ -1,4 +1,4 @@
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-CgygF2z5.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-Dk00H8xy.mjs";
 import { useQuery } from "@lukoweb/apitogo/react-query";
 import { useAuth } from "@lukoweb/apitogo/hooks";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukoweb/apitogo-plugin-dev-portal-billing",
-  "version": "0.2.38",
+  "version": "0.2.39",
   "repository": {
     "type": "git",
     "url": "https://github.com/zuplo/zudoku",
@@ -46,8 +46,8 @@
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "tsdown": "0.20.3",
-    "@lukoweb/apitogo": "0.2.38",
-    "@lukoweb/apitogo-module-user-panel": "0.2.38"
+    "@lukoweb/apitogo": "0.2.39",
+    "@lukoweb/apitogo-module-user-panel": "0.2.39"
   },
   "peerDependencies": {
     "react": ">=19.2.0",