@lukoweb/apitogo-plugin-dev-portal-billing 0.2.56 → 0.2.57

package/dist/{AccountPlansPage-BuM7fe82.mjs → AccountPlansPage-DBBVHGuw.mjs}

@@ -1,9 +1,9 @@
-import { f as parseManifestPlans, n as useDevPortalPreviewMode, r as useIsDemoSession, s as isActiveSubscription, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
-import { t as PricingCard } from "./PricingCard-DFuQEw7Y.mjs";
+import { f as parseManifestPlans, n as useDevPortalPreviewMode, r as useIsDemoSession, s as isActiveSubscription, t as useDevPortalApiBaseUrl, y as withPlanFeatures } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
+import { t as PricingCard } from "./PricingCard-CRlUGh0k.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { n as readProblemDetail } from "./problem-details-n20-dy3w.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-BYVIIWbe.mjs";
-import { t as usePlans } from "./usePlans-HyhIIuJZ.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-C1UMb8rJ.mjs";
+import { t as usePlans } from "./usePlans-D_Khso7B.mjs";
 import { n as readPendingCheckout, t as clearPendingCheckout } from "./pending-checkout-DpVaNnTu.mjs";
 import { Head } from "@lukoweb/apitogo/components";
 import { CreditCardIcon } from "@lukoweb/apitogo/icons";
@@ -60,11 +60,11 @@ var AccountPlansPage_exports = /* @__PURE__ */ __exportAll({ default: () => Acco
 const AccountPlansPage = () => {
 	const [searchParams] = useSearchParams();
 	const checkoutCancelled = searchParams.get("checkout") === "cancelled";
-	const { previewPlans } = useDevPortalBillingConfig();
+	const { previewPlans, planFeatures } = useDevPortalBillingConfig();
 	const isPreview = useDevPortalPreviewMode();
 	const isDemoSession = useIsDemoSession();
 	const livePlans = usePlans();
-	const catalog = isPreview ? parseManifestPlans(previewPlans) : livePlans.data;
+	const catalog = isPreview ? withPlanFeatures(parseManifestPlans(previewPlans), planFeatures) : livePlans.data;
 	const isLoading = isPreview ? false : livePlans.isLoading;
 	const isError = isPreview ? false : livePlans.isError;
 	const { data: me } = useMySubscriptions();

package/dist/{CheckoutPage-BSiADcI6.mjs → CheckoutPage-CZ9NXp8z.mjs}

@@ -1,8 +1,8 @@
 import { n as ALREADY_SUBSCRIBED_PARAM, s as PRICING_PATH, t as ACCOUNT_PLANS_PATH } from "./paths-DaVyTIDJ.mjs";
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import { n as readProblemDetail, t as isAlreadySubscribedMessage } from "./problem-details-n20-dy3w.mjs";
 import { r as rememberPendingCheckout } from "./pending-checkout-DpVaNnTu.mjs";
-import { t as FREE_CHECKOUT_MARKER } from "./billing-state-DBQR2tad.mjs";
+import { t as FREE_CHECKOUT_MARKER } from "./billing-state-CJmy96zI.mjs";
 import { ShieldIcon } from "@lukoweb/apitogo/icons";
 import { Link, useNavigate, useSearchParams } from "@lukoweb/apitogo/router";
 import { useEffect } from "react";

package/dist/{ContactSalesPage-BqqDmorF.mjs → ContactSalesPage-D4jX0rtt.mjs}

@@ -1,8 +1,8 @@
 import { s as PRICING_PATH } from "./paths-DaVyTIDJ.mjs";
-import { l as isPlanCustomPriced, n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
+import { l as isPlanCustomPriced, n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import "./DevPortalBillingContext-CR83s4LO.mjs";
 import { n as readProblemDetail } from "./problem-details-n20-dy3w.mjs";
-import { t as usePlans } from "./usePlans-HyhIIuJZ.mjs";
+import { t as usePlans } from "./usePlans-D_Khso7B.mjs";
 import { Link, useSearchParams } from "@lukoweb/apitogo/router";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{CredentialsPage-DjNvBBLb.mjs → CredentialsPage-CVecoIuQ.mjs}

@@ -1,9 +1,9 @@
 import { t as ACCOUNT_PLANS_PATH } from "./paths-DaVyTIDJ.mjs";
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { r as createDemoCredentials, t as DEMO_GATEWAY_KEY_HEADER } from "./demo-session-yK9qEqV-.mjs";
-import { n as useApiKeys } from "./useApiKeys-BOY3vIOr.mjs";
-import { n as apiReferencePath, r as ApiKeysPanel } from "./account-links-Drofs-f-.mjs";
+import { n as useApiKeys } from "./useApiKeys-CnyxipLc.mjs";
+import { n as apiReferencePath, r as ApiKeysPanel } from "./account-links-CpTOzb2V.mjs";
 import { i as ChoosePlanNotice, r as keyPlanNote, t as apiKeysPageState } from "./page-state-BLL2JJBc.mjs";
 import { Head } from "@lukoweb/apitogo/components";
 import { KeyRoundIcon } from "@lukoweb/apitogo/icons";

package/dist/{PricingCard-DFuQEw7Y.mjs → PricingCard-CRlUGh0k.mjs}

@@ -1,5 +1,5 @@
 import { i as CONTACT_SALES_PATH, r as CHECKOUT_PATH } from "./paths-DaVyTIDJ.mjs";
-import { d as listPlanFeatureLines, i as formatPlanDisplayPrice, l as isPlanCustomPriced, o as formatPlanPriceUnit, s as isActiveSubscription, u as isPlanFree } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
+import { d as listPlanFeatureLines, i as formatPlanDisplayPrice, l as isPlanCustomPriced, o as formatPlanPriceUnit, s as isActiveSubscription, u as isPlanFree } from "./useDevPortalApiBaseUrl-BfpUBayO.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-SpL81vpd.mjs → PricingPage-BM7NH4VQ.mjs}

@@ -1,9 +1,9 @@
-import { f as parseManifestPlans, h as pickFeaturedPlanSku, n as useDevPortalPreviewMode } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
-import { t as PricingCard } from "./PricingCard-DFuQEw7Y.mjs";
+import { f as parseManifestPlans, h as pickFeaturedPlanSku, n as useDevPortalPreviewMode, y as withPlanFeatures } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
+import { t as PricingCard } from "./PricingCard-CRlUGh0k.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as usePlans } from "./usePlans-HyhIIuJZ.mjs";
+import { t as usePlans } from "./usePlans-D_Khso7B.mjs";
 import { t as isPreviewPricingEnabled } from "./pricing-config-Bc6eWFUO.mjs";
-import { a as isPricingLoading, n as buildCompareRows } from "./billing-state-DBQR2tad.mjs";
+import { a as isPricingLoading, n as buildCompareRows } from "./billing-state-CJmy96zI.mjs";
 import { Head, Heading } from "@lukoweb/apitogo/components";
 import { Navigate } from "@lukoweb/apitogo/router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -75,11 +75,11 @@ const DEFAULT_FAQS = [{
 	answer: "Yes. Each plan has its own API keys and limits: create a key for a plan on the API keys page and use it in your app."
 }];
 const PricingPage = () => {
-	const { pricing, previewPlans, featuredPlanSku } = useDevPortalBillingConfig();
+	const { pricing, previewPlans, featuredPlanSku, planFeatures } = useDevPortalBillingConfig();
 	const isPreview = useDevPortalPreviewMode();
 	const pricingEnabled = isPreviewPricingEnabled() || isPreview;
 	const livePlans = usePlans();
-	const catalog = isPreview ? parseManifestPlans(previewPlans) : livePlans.data;
+	const catalog = isPreview ? withPlanFeatures(parseManifestPlans(previewPlans), planFeatures) : livePlans.data;
 	const { isPending: authPending } = useAuth();
 	const isLoading = isPricingLoading({
 		isPreview,

package/dist/{SubscriptionsPage-CwsBtNld.mjs → SubscriptionsPage-C58HnDmQ.mjs}

@@ -1,12 +1,12 @@
 import { a as CREDENTIALS_PATH, n as ALREADY_SUBSCRIBED_PARAM, t as ACCOUNT_PLANS_PATH } from "./paths-DaVyTIDJ.mjs";
-import { a as formatPlanPrice, p as parseMonthlyQuotaCalls, s as isActiveSubscription, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
+import { a as formatPlanPrice, p as parseMonthlyQuotaCalls, s as isActiveSubscription, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-BYVIIWbe.mjs";
-import { t as usePlans } from "./usePlans-HyhIIuJZ.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-C1UMb8rJ.mjs";
+import { t as usePlans } from "./usePlans-D_Khso7B.mjs";
 import { n as readPendingCheckout, t as clearPendingCheckout } from "./pending-checkout-DpVaNnTu.mjs";
-import { n as useApiKeys } from "./useApiKeys-BOY3vIOr.mjs";
-import { t as useUsage } from "./useUsage-B5x9YuKa.mjs";
-import { i as hasPaymentProvider, r as checkoutConfirmingText } from "./billing-state-DBQR2tad.mjs";
+import { n as useApiKeys } from "./useApiKeys-CnyxipLc.mjs";
+import { t as useUsage } from "./useUsage-DeEDgDdj.mjs";
+import { i as hasPaymentProvider, r as checkoutConfirmingText } from "./billing-state-CJmy96zI.mjs";
 import { i as ChoosePlanNotice, n as billingPageState, r as keyPlanNote } from "./page-state-BLL2JJBc.mjs";
 import { Head, Spinner } from "@lukoweb/apitogo/components";
 import { Link as Link$1, useSearchParams } from "@lukoweb/apitogo/router";

package/dist/{UsagePage-Dw5Uepg3.mjs → UsagePage-C5opT1KD.mjs}

@@ -1,8 +1,8 @@
-import { m as parseQuotaPeriodDays, p as parseMonthlyQuotaCalls, s as isActiveSubscription } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
+import { m as parseQuotaPeriodDays, p as parseMonthlyQuotaCalls, s as isActiveSubscription } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-BYVIIWbe.mjs";
-import { t as usePlans } from "./usePlans-HyhIIuJZ.mjs";
-import { n as useUsageRecent, t as useUsage } from "./useUsage-B5x9YuKa.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-C1UMb8rJ.mjs";
+import { t as usePlans } from "./usePlans-D_Khso7B.mjs";
+import { n as useUsageRecent, t as useUsage } from "./useUsage-DeEDgDdj.mjs";
 import { Head } from "@lukoweb/apitogo/components";
 import { Link as Link$1 } from "@lukoweb/apitogo/router";
 import { useState } from "react";

package/dist/{account-links-Drofs-f-.mjs → account-links-CpTOzb2V.mjs}

@@ -1,4 +1,4 @@
-import { i as useRevokeApiKey, r as useCreateApiKey, t as API_KEY_CAP_REACHED } from "./useApiKeys-BOY3vIOr.mjs";
+import { i as useRevokeApiKey, r as useCreateApiKey, t as API_KEY_CAP_REACHED } from "./useApiKeys-CnyxipLc.mjs";
 import { Spinner } from "@lukoweb/apitogo/components";
 import { KeyRoundIcon, TrashIcon } from "@lukoweb/apitogo/icons";
 import { useState } from "react";

package/dist/{billing-state-DBQR2tad.mjs → billing-state-CJmy96zI.mjs}

@@ -1,4 +1,4 @@
-import { _ as rateLimitCell, g as quotaCell } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
+import { _ as rateLimitCell, g as quotaCell } from "./useDevPortalApiBaseUrl-BfpUBayO.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

@@ -59,7 +59,13 @@ type DevPortalBillingConfig = {
    * backend's answer, which only knows the platform default.
    */
   keyHeader?: string; /** The plan shown as "Popular"; none unless the tenant marked one (API-124). */
-  featuredPlanSku?: string; /** Local preview plan catalog (from `apitogo.config.json` `plans`). */
+  featuredPlanSku?: string; /** Lines each plan's card lists, by lowercased sku, from `features` in plans.json (API-129). */
+  planFeatures?: Record<string, string[]>;
+  /**
+   * The gateway checks tokens (`gateway.auth`), so Try it offers "Signed-in user". False for a gateway that checks keys,
+   * where the token only gets a 401 (API-129). Absent (an older wrapper): offered, as before.
+   */
+  tokenIdentity?: boolean; /** Local preview plan catalog (from `apitogo.config.json` `plans`). */
   previewPlans?: Array<{
     sku: string;
     displayName: string;

package/dist/index.mjs

@@ -1,15 +1,15 @@
-import { t as AccountPlansPage } from "./AccountPlansPage-BuM7fe82.mjs";
+import { t as AccountPlansPage } from "./AccountPlansPage-DBBVHGuw.mjs";
 import { a as CREDENTIALS_PATH, c as SUBSCRIPTIONS_PATH, i as CONTACT_SALES_PATH, l as USAGE_PATH, o as LOGIN_NAV_PATH, r as CHECKOUT_PATH, s as PRICING_PATH, t as ACCOUNT_PLANS_PATH } from "./paths-DaVyTIDJ.mjs";
-import { d as listPlanFeatureLines, f as parseManifestPlans, h as pickFeaturedPlanSku, i as formatPlanDisplayPrice, o as formatPlanPriceUnit, s as isActiveSubscription, v as resolveDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
-import "./PricingCard-DFuQEw7Y.mjs";
+import { d as listPlanFeatureLines, f as parseManifestPlans, h as pickFeaturedPlanSku, i as formatPlanDisplayPrice, o as formatPlanPriceUnit, s as isActiveSubscription, v as resolveDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
+import "./PricingCard-CRlUGh0k.mjs";
 import { n as useDevPortalBillingConfig, t as DevPortalBillingProvider } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { t as DEMO_GATEWAY_KEY_HEADER } from "./demo-session-yK9qEqV-.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-BYVIIWbe.mjs";
-import { n as startPlansPrefetch, t as usePlans } from "./usePlans-HyhIIuJZ.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-C1UMb8rJ.mjs";
+import { n as startPlansPrefetch, t as usePlans } from "./usePlans-D_Khso7B.mjs";
 import "./pending-checkout-DpVaNnTu.mjs";
-import { a as playgroundKeyIdentities, i as useRevokeApiKey, n as useApiKeys, r as useCreateApiKey, t as API_KEY_CAP_REACHED } from "./useApiKeys-BOY3vIOr.mjs";
-import { n as useUsageRecent, t as useUsage } from "./useUsage-B5x9YuKa.mjs";
-import { r as ApiKeysPanel, t as accountLayoutProps } from "./account-links-Drofs-f-.mjs";
+import { a as playgroundKeyIdentities, i as useRevokeApiKey, n as useApiKeys, r as useCreateApiKey, t as API_KEY_CAP_REACHED } from "./useApiKeys-CnyxipLc.mjs";
+import { n as useUsageRecent, t as useUsage } from "./useUsage-DeEDgDdj.mjs";
+import { r as ApiKeysPanel, t as accountLayoutProps } from "./account-links-CpTOzb2V.mjs";
 import { t as isPreviewPricingEnabled } from "./pricing-config-Bc6eWFUO.mjs";
 import { Head, Link } from "@lukoweb/apitogo/components";
 import { ArrowRightIcon, KeyRoundIcon, StarsIcon } from "@lukoweb/apitogo/icons";
@@ -367,13 +367,13 @@ async function getSignedInIdentities(apiBaseUrl, fetchImpl = fetch) {
 
 //#endregion
 //#region src/DevPortalBillingPlugin.tsx
-const AccountPlansPage$1 = lazy(() => import("./AccountPlansPage-BuM7fe82.mjs").then((n) => n.n));
-const CheckoutPage = lazy(() => import("./CheckoutPage-BSiADcI6.mjs"));
-const ContactSalesPage = lazy(() => import("./ContactSalesPage-BqqDmorF.mjs"));
-const CredentialsPage = lazy(() => import("./CredentialsPage-DjNvBBLb.mjs"));
-const PricingPage = lazy(() => import("./PricingPage-SpL81vpd.mjs"));
-const SubscriptionsPage = lazy(() => import("./SubscriptionsPage-CwsBtNld.mjs"));
-const UsagePage = lazy(() => import("./UsagePage-Dw5Uepg3.mjs"));
+const AccountPlansPage$1 = lazy(() => import("./AccountPlansPage-DBBVHGuw.mjs").then((n) => n.n));
+const CheckoutPage = lazy(() => import("./CheckoutPage-CZ9NXp8z.mjs"));
+const ContactSalesPage = lazy(() => import("./ContactSalesPage-D4jX0rtt.mjs"));
+const CredentialsPage = lazy(() => import("./CredentialsPage-CVecoIuQ.mjs"));
+const PricingPage = lazy(() => import("./PricingPage-BM7NH4VQ.mjs"));
+const SubscriptionsPage = lazy(() => import("./SubscriptionsPage-C58HnDmQ.mjs"));
+const UsagePage = lazy(() => import("./UsagePage-C5opT1KD.mjs"));
 function resolvePricingEnabled(config) {
 	if (config.__meta?.pricingEnabled !== void 0) return config.__meta.pricingEnabled;
 	return isPreviewPricingEnabled();
@@ -398,7 +398,7 @@ const devPortalBillingPlugin = createPlugin((options = {}) => {
 				}
 			});
 		},
-		getIdentities: async () => [...playgroundKeyIdentities(), ...await getSignedInIdentities(resolveDevPortalApiBaseUrl(options.apiBaseUrl))],
+		getIdentities: async () => [...playgroundKeyIdentities(), ...options.tokenIdentity === false ? [] : await getSignedInIdentities(resolveDevPortalApiBaseUrl(options.apiBaseUrl))],
 		getProfileMenuItems: () => [{
 			label: "Billing",
 			path: SUBSCRIPTIONS_PATH,

package/dist/{useApiKeys-BOY3vIOr.mjs → useApiKeys-CnyxipLc.mjs}

@@ -1,4 +1,4 @@
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { n as readProblemDetail } from "./problem-details-n20-dy3w.mjs";
 import { n as createDemoApiKeys, t as DEMO_GATEWAY_KEY_HEADER } from "./demo-session-yK9qEqV-.mjs";

package/dist/{useDevPortalApiBaseUrl-BiI2jFjU.mjs → useDevPortalApiBaseUrl-BfpUBayO.mjs}

@@ -126,7 +126,9 @@ function pickFeaturedPlanSku(plans, featuredPlanSku) {
 }
 function formatRateLimit(rate) {
 	if (!rate || typeof rate !== "object") return null;
-	const { calls, renewalPeriodSeconds } = rate;
+	const limit = rate;
+	const calls = limit.calls;
+	const renewalPeriodSeconds = limit.renewalPeriodSeconds ?? limit.periodSeconds;
 	if (calls == null || renewalPeriodSeconds == null) return null;
 	if (renewalPeriodSeconds === 1) return `${calls} req/sec rate limit`;
 	const window = renewalPeriodSeconds === 60 ? "minute" : `${renewalPeriodSeconds} seconds`;
@@ -134,7 +136,9 @@ function formatRateLimit(rate) {
 }
 function formatQuota(quota) {
 	if (!quota || typeof quota !== "object") return null;
-	const { calls, renewalPeriodDays } = quota;
+	const limit = quota;
+	const calls = limit.calls;
+	const renewalPeriodDays = limit.renewalPeriodDays ?? limit.periodDays;
 	if (calls == null) return null;
 	if (calls < 0) return "Unlimited requests";
 	const formatted = calls.toLocaleString();
@@ -183,8 +187,21 @@ function parseLimits(limitsJson) {
 * tenant wrote.
 */
 const SAMPLE_PLAN_FEATURE_EXTRAS = {};
+/** Gives each plan the feature lines plans.json names for its sku (API-129). Plans without any keep their own. */
+function withPlanFeatures(catalog, planFeatures) {
+	if (!planFeatures || Object.keys(planFeatures).length === 0) return catalog;
+	return {
+		...catalog,
+		plans: catalog.plans.map((plan) => {
+			const features = planFeatures[plan.sku.trim().toLowerCase()];
+			return features?.length ? {
+				...plan,
+				features
+			} : plan;
+		})
+	};
+}
 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);
@@ -193,7 +210,8 @@ function listPlanFeatureLines(plan) {
 		const rateLine = formatRateLimit(limits.rateLimit);
 		if (rateLine) lines.push(rateLine);
 	} catch {}
-	const extras = SAMPLE_PLAN_FEATURE_EXTRAS[plan.sku.toLowerCase()];
+	for (const feature of plan.features ?? []) if (!lines.includes(feature)) lines.push(feature);
+	const extras = plan.features?.length ? void 0 : SAMPLE_PLAN_FEATURE_EXTRAS[plan.sku.toLowerCase()];
 	if (extras) {
 		for (const extra of extras) if (!lines.includes(extra)) lines.push(extra);
 	}
@@ -250,4 +268,4 @@ function useDevPortalPreviewMode() {
 }
 
 //#endregion
-export { rateLimitCell as _, formatPlanPrice as a, isPlaceholderDevPortalApiUrl as c, listPlanFeatureLines as d, parseManifestPlans as f, quotaCell as g, pickFeaturedPlanSku as h, formatPlanDisplayPrice as i, isPlanCustomPriced as l, parseQuotaPeriodDays as m, useDevPortalPreviewMode as n, formatPlanPriceUnit as o, parseMonthlyQuotaCalls as p, useIsDemoSession as r, isActiveSubscription as s, useDevPortalApiBaseUrl as t, isPlanFree as u, resolveDevPortalApiBaseUrl as v };
+export { rateLimitCell as _, formatPlanPrice as a, isPlaceholderDevPortalApiUrl as c, listPlanFeatureLines as d, parseManifestPlans as f, quotaCell as g, pickFeaturedPlanSku as h, formatPlanDisplayPrice as i, isPlanCustomPriced as l, parseQuotaPeriodDays as m, useDevPortalPreviewMode as n, formatPlanPriceUnit as o, parseMonthlyQuotaCalls as p, useIsDemoSession as r, isActiveSubscription as s, useDevPortalApiBaseUrl as t, isPlanFree as u, resolveDevPortalApiBaseUrl as v, withPlanFeatures as y };

package/dist/{useMySubscriptions-BYVIIWbe.mjs → useMySubscriptions-C1UMb8rJ.mjs}

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

package/dist/{usePlans-HyhIIuJZ.mjs → usePlans-D_Khso7B.mjs}

@@ -1,4 +1,4 @@
-import { c as isPlaceholderDevPortalApiUrl, f as parseManifestPlans, n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
+import { c as isPlaceholderDevPortalApiUrl, f as parseManifestPlans, n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl, y as withPlanFeatures } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { useQuery } from "@lukoweb/apitogo/react-query";
 
@@ -37,17 +37,18 @@ function usePlans() {
 	const apiBaseUrl = useDevPortalApiBaseUrl();
 	const isPreview = useDevPortalPreviewMode();
 	const isDemoSession = useIsDemoSession();
-	const { previewPlans } = useDevPortalBillingConfig();
+	const { previewPlans, planFeatures } = useDevPortalBillingConfig();
 	const liveQuery = useQuery({
 		queryKey: ["dev-portal-plans", apiBaseUrl],
 		enabled: !isPreview && !isDemoSession && Boolean(apiBaseUrl),
 		queryFn: async () => {
 			if (!apiBaseUrl) return { plans: [] };
 			return loadPlans(apiBaseUrl);
-		}
+		},
+		select: (catalog) => withPlanFeatures(catalog, planFeatures)
 	});
 	if (isPreview || isDemoSession) {
-		const data = parseManifestPlans(previewPlans);
+		const data = withPlanFeatures(parseManifestPlans(previewPlans), planFeatures);
 		return {
 			...liveQuery,
 			data,

package/dist/{useUsage-B5x9YuKa.mjs → useUsage-DeEDgDdj.mjs}

@@ -1,4 +1,4 @@
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.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.56",
+  "version": "0.2.57",
   "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.56",
-    "@lukoweb/apitogo-module-user-panel": "0.2.56"
+    "@lukoweb/apitogo": "0.2.57",
+    "@lukoweb/apitogo-module-user-panel": "0.2.57"
   },
   "peerDependencies": {
     "react": ">=19.2.0",