@solvapay/react 2.5.0 → 2.6.0

package/dist/mcp/index.js

@@ -2,7 +2,7 @@ import {
   ExternalLinkGlyph,
   LaunchCustomerPortalButton,
   paymentMethodCache
-} from "../chunk-BI5MJT24.js";
+} from "../chunk-PLKII2BF.js";
 import {
   AmountPicker,
   BalanceBadge,
@@ -57,7 +57,7 @@ import {
   useTransport,
   useUsage,
   validateAutoRechargeForm
-} from "../chunk-67GJCZZU.js";
+} from "../chunk-WVWUTOBU.js";
 import "../chunk-UMXOAUW7.js";
 import "../chunk-MLKGABMK.js";
 
@@ -484,7 +484,13 @@ function defaultSuccessCopy(evt, locale) {
 }
 
 // src/mcp/bootstrap.ts
-import { MCP_TOOL_NAMES as MCP_TOOL_NAMES2, TOOL_FOR_VIEW, VIEW_FOR_TOOL, SOLVAPAY_BOOTSTRAP_URI } from "@solvapay/mcp-core";
+import {
+  MCP_TOOL_NAMES as MCP_TOOL_NAMES2,
+  TOOL_FOR_VIEW,
+  VIEW_FOR_TOOL,
+  VIEWER_TOOL_NAME,
+  SOLVAPAY_BOOTSTRAP_URI
+} from "@solvapay/mcp-core";
 var SOLVAPAY_TRANSPORT_TOOL_NAMES = new Set(
   Object.values(MCP_TOOL_NAMES2).filter(
     (name) => !(name in VIEW_FOR_TOOL)
@@ -506,25 +512,24 @@ function classifyHostEntry(app) {
   }
   return { kind: "other", toolName };
 }
-function inferViewFromHost(app) {
+function fallbackViewFromHost(app) {
   const classification = classifyHostEntry(app);
   if (classification.kind === "intent") return classification.view;
-  return "checkout";
+  return "account";
 }
 async function fetchMcpBootstrap(app) {
-  const view = inferViewFromHost(app);
-  const toolName = TOOL_FOR_VIEW[view];
+  const view = fallbackViewFromHost(app);
   const result = await app.callServerTool({
-    name: toolName,
+    name: VIEWER_TOOL_NAME,
     arguments: {}
   });
-  return parseBootstrapFromToolResult(result, toolName, view);
+  return parseBootstrapFromToolResult(result, VIEWER_TOOL_NAME, view);
 }
 async function fetchMcpBootstrapViaResource(app) {
   if (typeof app.readServerResource !== "function") {
     throw new Error("Host does not support readServerResource");
   }
-  const view = inferViewFromHost(app);
+  const view = fallbackViewFromHost(app);
   const result = await app.readServerResource({ uri: SOLVAPAY_BOOTSTRAP_URI });
   const text = result.contents?.[0]?.text;
   if (typeof text !== "string" || !text) {
@@ -536,12 +541,11 @@ async function fetchMcpBootstrapViaResource(app) {
   } catch {
     throw new Error("Bootstrap resource returned invalid JSON");
   }
-  const bootstrap = parseBootstrapFromToolResult(
+  return parseBootstrapFromToolResult(
     { structuredContent: payload },
     SOLVAPAY_BOOTSTRAP_URI,
     view
   );
-  return { ...bootstrap, view };
 }
 function parseBootstrapFromToolResult(result, toolName, fallbackView) {
   const structured = result.structuredContent;
@@ -701,7 +705,6 @@ function seedMcpCaches(initial, config) {
 
 // src/mcp/McpApp.tsx
 import { useEffect as useEffect7, useMemo as useMemo5, useRef as useRef8, useState as useState12 } from "react";
-import { VIEW_FOR_TOOL as VIEW_FOR_TOOL2 } from "@solvapay/mcp-core";
 
 // src/mcp/McpAppShell.tsx
 import { useCallback as useCallback5, useState as useState10 } from "react";
@@ -1551,7 +1554,7 @@ function websiteHostLabel(url) {
 }
 
 // src/mcp/views/accountFullscreen.tsx
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 function CreditActivitySection({
   entries,
   loading,
@@ -1623,10 +1626,27 @@ function ChargesTable({ charges: charges2 }) {
     }) })
   ] });
 }
+function AccountSignedInAs() {
+  const copy = useCopy();
+  const { email, customerRef } = useCustomer();
+  const resolvedRef = customerRef?.trim();
+  const resolvedEmail = email?.trim();
+  if (!resolvedRef) return null;
+  return /* @__PURE__ */ jsxs2("p", { className: "solvapay-mcp-muted solvapay-mcp-signed-in", children: [
+    copy.account.signedInAs,
+    " ",
+    resolvedEmail ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx5("span", { children: resolvedEmail }),
+      " \xB7 "
+    ] }) : null,
+    /* @__PURE__ */ jsx5("span", { className: "solvapay-mcp-signed-in-ref", children: resolvedRef })
+  ] });
+}
 function AccountIdentityFooter() {
   const copy = useCopy();
   const { merchant } = useMerchant();
-  const { name, email } = useCustomer();
+  const { name, email, customerRef } = useCustomer();
+  const signedInRef = customerRef?.trim();
   const handleExternalClick = useExternalLinkClick();
   const place = merchant ? formatMerchantPlace(merchant) : null;
   const websiteUrl = merchant?.websiteUrl;
@@ -1654,6 +1674,7 @@ function AccountIdentityFooter() {
     /* @__PURE__ */ jsxs2("div", { className: "solvapay-mcp-account-footer-buyer", children: [
       name ? /* @__PURE__ */ jsx5("span", { children: name }) : null,
       email ? /* @__PURE__ */ jsx5("span", { className: "solvapay-mcp-muted", children: email }) : null,
+      signedInRef ? /* @__PURE__ */ jsx5("span", { className: "solvapay-mcp-muted solvapay-mcp-signed-in-ref", children: signedInRef }) : null,
       /* @__PURE__ */ jsx5(PortalTextLink, { children: copy.account.fullAccount })
     ] })
   ] });
@@ -1794,7 +1815,7 @@ function resolveMcpClassNames(overrides) {
 }
 
 // src/mcp/views/AllowanceAccountPanel.tsx
-import { Fragment, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function AllowanceAccountPanel({
   accountState,
   product,
@@ -1856,7 +1877,7 @@ function AllowanceAccountPanel({
     fullscreenCredits: isFullscreen
   });
   const showMeter = remaining.kind === "finite" && usage != null && total != null && total > 0;
-  const used = remaining.kind === "finite" && total != null ? usage?.total != null ? usage.used : Math.max(0, total - remaining.remaining) : usage?.used ?? 0;
+  const used = remaining.kind === "finite" && total != null ? usage?.used ?? Math.max(0, total - remaining.remaining) : usage?.used ?? 0;
   const percent = usage?.percentUsed ?? (total != null && total > 0 ? Math.min(100, Math.round(used / total * 1e4) / 100) : null);
   const meterCaption = showMeter ? buildMeterCaption({
     used,
@@ -1904,7 +1925,7 @@ function AllowanceAccountPanel({
         ] }),
         /* @__PURE__ */ jsx7("button", { type: "button", className: cx2.linkButton, onClick: () => onChangePlan(), children: copy.account.seePlans })
       ] }) : null,
-      showPortalCta && !isFullscreen ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+      showPortalCta && !isFullscreen ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
         /* @__PURE__ */ jsx7("p", { className: cx2.muted, "data-solvapay-mcp-portal-hint": "", children: copy.currentPlan.portalHint }),
         /* @__PURE__ */ jsx7(
           LaunchCustomerPortalButton,
@@ -1914,7 +1935,8 @@ function AllowanceAccountPanel({
             errorClassName: cx2.button
           }
         )
-      ] }) : null
+      ] }) : null,
+      isFullscreen ? null : /* @__PURE__ */ jsx7(AccountSignedInAs, {})
     ] }),
     isFullscreen && productRef ? /* @__PURE__ */ jsx7(ChargesSection, { charges: history.charges, loading: history.loading, error: history.error }) : null,
     isFullscreen ? /* @__PURE__ */ jsx7(AccountIdentityFooter, {}) : null
@@ -2010,7 +2032,7 @@ function buildMeterCaption({
 }
 
 // src/mcp/views/CreditAccountPanel.tsx
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function CreditAccountPanel({
   accountState,
   product,
@@ -2102,7 +2124,7 @@ function CreditAccountPanel({
           }
         ) : null
       ] }),
-      showPortalCta && !isFullscreen ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
+      showPortalCta && !isFullscreen ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
         /* @__PURE__ */ jsx8("p", { className: cx2.muted, "data-solvapay-mcp-portal-hint": "", children: copy.currentPlan.portalHint }),
         /* @__PURE__ */ jsx8(
           LaunchCustomerPortalButton,
@@ -2112,7 +2134,8 @@ function CreditAccountPanel({
             errorClassName: cx2.button
           }
         )
-      ] }) : null
+      ] }) : null,
+      isFullscreen ? null : /* @__PURE__ */ jsx8(AccountSignedInAs, {})
     ] }),
     isFullscreen && productRef ? /* @__PURE__ */ jsx8(
       CreditActivitySection,
@@ -2128,7 +2151,7 @@ function CreditAccountPanel({
 
 // src/mcp/views/ForcedAccountPanel.tsx
 import { billingCycle as billingCycle4, includedUnits as includedUnits2 } from "@solvapay/core";
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function ForcedAccountPanel({
   accountState,
   product,
@@ -2143,7 +2166,10 @@ function ForcedAccountPanel({
 }) {
   const cx2 = resolveMcpClassNames(classNames);
   if (accountState === "G") {
-    return /* @__PURE__ */ jsx9("div", { className: "solvapay-mcp-account", children: /* @__PURE__ */ jsx9("div", { className: cx2.card, "data-solvapay-mcp-account-skeleton": "", "aria-busy": "true", children: /* @__PURE__ */ jsx9(AccountSkeleton, {}) }) });
+    return /* @__PURE__ */ jsx9("div", { className: "solvapay-mcp-account", children: /* @__PURE__ */ jsxs6("div", { className: cx2.card, "data-solvapay-mcp-account-skeleton": "", "aria-busy": "true", children: [
+      /* @__PURE__ */ jsx9(AccountSkeleton, {}),
+      /* @__PURE__ */ jsx9(AccountSignedInAs, {})
+    ] }) });
   }
   if (accountState === "H") {
     return /* @__PURE__ */ jsx9(
@@ -2264,7 +2290,8 @@ function ActivateAccountPanel({
       }
     ),
     error ? /* @__PURE__ */ jsx9("p", { className: cx2.error, role: "alert", children: error }) : null,
-    showPortalCta ? /* @__PURE__ */ jsx9(PortalHint, { classNames }) : null
+    showPortalCta ? /* @__PURE__ */ jsx9(PortalHint, { classNames }) : null,
+    /* @__PURE__ */ jsx9(AccountSignedInAs, {})
   ] }) });
 }
 function OverageAccountPanel({
@@ -2332,7 +2359,8 @@ function OverageAccountPanel({
     ] }),
     /* @__PURE__ */ jsx9("p", { className: "solvapay-mcp-overage-copy", children: copy.account.stillWorking }),
     onChangePlan ? /* @__PURE__ */ jsx9("button", { type: "button", className: cx2.linkButton, onClick: () => onChangePlan(), children: copy.account.seeHigherLimit }) : null,
-    showPortalCta ? /* @__PURE__ */ jsx9(PortalHint, { classNames }) : null
+    showPortalCta ? /* @__PURE__ */ jsx9(PortalHint, { classNames }) : null,
+    /* @__PURE__ */ jsx9(AccountSignedInAs, {})
   ] }) });
 }
 function CancelledAccountPanel({
@@ -2360,7 +2388,7 @@ function CancelledAccountPanel({
   const total = remaining != null ? usage?.total ?? (cap && cap > 0 ? cap : null) : cap && cap > 0 ? cap : null;
   const meter = usage?.meterRef ?? limits.meterName;
   const showMeter = remaining != null && total != null && total > 0;
-  const used = remaining != null && total != null ? usage?.total != null ? usage.used : Math.max(0, total - remaining) : usage?.used ?? 0;
+  const used = remaining != null && total != null ? usage?.used ?? Math.max(0, total - remaining) : usage?.used ?? 0;
   const percent = usage?.percentUsed ?? (total != null && total > 0 ? Math.min(100, Math.round(used / total * 1e4) / 100) : null);
   return /* @__PURE__ */ jsx9("div", { className: "solvapay-mcp-account", children: /* @__PURE__ */ jsxs6("div", { className: cx2.card, children: [
     /* @__PURE__ */ jsx9(
@@ -2403,13 +2431,14 @@ function CancelledAccountPanel({
       )
     ] }) : null,
     /* @__PURE__ */ jsx9(CancelledPlanNotice.Root, { children: /* @__PURE__ */ jsx9(CancelledPlanNotice.ReactivateButton, { className: cx2.button, "data-variant": "secondary", children: interpolate(copy.account.reactivatePlan, { plan: planName }) }) }),
-    showPortalCta ? /* @__PURE__ */ jsx9(PortalHint, { classNames }) : null
+    showPortalCta ? /* @__PURE__ */ jsx9(PortalHint, { classNames }) : null,
+    /* @__PURE__ */ jsx9(AccountSignedInAs, {})
   ] }) });
 }
 function PortalHint({ classNames }) {
   const cx2 = resolveMcpClassNames(classNames);
   const copy = useCopy();
-  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs6(Fragment4, { children: [
     /* @__PURE__ */ jsx9("p", { className: cx2.muted, "data-solvapay-mcp-portal-hint": "", children: copy.currentPlan.portalHint }),
     /* @__PURE__ */ jsx9(
       LaunchCustomerPortalButton,
@@ -2533,7 +2562,7 @@ function optionFromPlan(plan) {
 }
 
 // src/mcp/views/LadderAccountPanel.tsx
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 function LadderAccountPanel({
   accountState,
   product,
@@ -2636,7 +2665,7 @@ function LadderAccountPanel({
         /* @__PURE__ */ jsx11("button", { type: "button", className: cx2.button, onClick: () => onChangePlan(), children: copy.account.pickPlanButton })
       ] }) : null,
       error ? /* @__PURE__ */ jsx11("p", { className: cx2.error, role: "alert", children: error }) : null,
-      showPortalCta && !isFullscreen ? /* @__PURE__ */ jsxs7(Fragment4, { children: [
+      showPortalCta && !isFullscreen ? /* @__PURE__ */ jsxs7(Fragment5, { children: [
         /* @__PURE__ */ jsx11("p", { className: cx2.muted, "data-solvapay-mcp-portal-hint": "", children: copy.currentPlan.portalHint }),
         /* @__PURE__ */ jsx11(
           LaunchCustomerPortalButton,
@@ -2646,7 +2675,8 @@ function LadderAccountPanel({
             errorClassName: cx2.button
           }
         )
-      ] }) : null
+      ] }) : null,
+      isFullscreen ? null : /* @__PURE__ */ jsx11(AccountSignedInAs, {})
     ] }),
     isFullscreen ? /* @__PURE__ */ jsx11(AccountIdentityFooter, {}) : null
   ] });
@@ -2875,7 +2905,7 @@ function planWhatItGives(plan, locale, balance) {
 }
 
 // src/mcp/views/checkout/steps/PlanStep.tsx
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var PlanStep = memo(function PlanStep2({
   fromPaywall,
   paywallKind,
@@ -2895,7 +2925,7 @@ var PlanStep = memo(function PlanStep2({
   const pricingOption = selectedPlan ? getSelectedOption(selectedPlan) : void 0;
   const ctaLabel = formatContinueLabel(selectedPlanShape, locale, pricingOption);
   const showPreface = fromPaywall && !hideUpgradeBanner && paywallKind !== "payment_required";
-  return /* @__PURE__ */ jsxs9(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
     onBack ? /* @__PURE__ */ jsx15(BackLink, { label: copy.checkout.backToAccount, onClick: onBack }) : null,
     showPreface ? /* @__PURE__ */ jsx15("p", { className: cx2.muted, role: "status", children: "This tool needs a paid plan. Pick one to get started." }) : null,
     /* @__PURE__ */ jsxs9("div", { className: "solvapay-mcp-plan-step-header", children: [
@@ -2946,11 +2976,62 @@ var PlanStep = memo(function PlanStep2({
 // src/mcp/views/checkout/steps/AmountStep.tsx
 import { memo as memo2, useRef as useRef3, useState as useState6 } from "react";
 
+// src/mcp/format-compact-credits.ts
+function formatCompactCredits(credits, locale = "en-US") {
+  if (!Number.isFinite(credits) || credits < 0) {
+    throw new Error(`formatCompactCredits: credits must be a finite non-negative number, got ${credits}`);
+  }
+  if (credits >= 1e6 && credits % 1e6 === 0) {
+    return `${credits / 1e6}M credits`;
+  }
+  if (credits >= 1e3 && credits % 1e3 === 0) {
+    return `${credits / 1e3}K credits`;
+  }
+  return `${credits.toLocaleString(locale)} credits`;
+}
+
+// src/mcp/views/PresetAmountGrid.tsx
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+function estimateTopupCredits(amountMinor, payCurrency, displayCurrency, creditsPerMinorUnit, displayExchangeRate) {
+  const rateAppliesToCurrency = displayCurrency != null && payCurrency.toUpperCase() === displayCurrency.toUpperCase();
+  if (!rateAppliesToCurrency || creditsPerMinorUnit == null || creditsPerMinorUnit <= 0 || displayExchangeRate == null || displayExchangeRate <= 0) {
+    return { kind: "unavailable" };
+  }
+  const credits = Math.floor(amountMinor / displayExchangeRate * creditsPerMinorUnit);
+  return { kind: "available", credits };
+}
+function PresetAmountGrid({
+  currencyDisplay
+}) {
+  const locale = useHostLocale();
+  const { quickAmounts, currency, creditsPerMinorUnit, displayExchangeRate } = useAmountPicker();
+  const { displayCurrency } = useBalance();
+  return /* @__PURE__ */ jsx16("div", { className: "solvapay-mcp-preset-grid", "aria-label": "Quick amounts", children: quickAmounts.map((amount) => {
+    const minor = amount * getMinorUnitsPerMajor(currency);
+    const label = formatPrice(minor, currency, {
+      locale,
+      free: "",
+      currencyDisplay
+    });
+    const estimate = estimateTopupCredits(
+      minor,
+      currency,
+      displayCurrency,
+      creditsPerMinorUnit,
+      displayExchangeRate
+    );
+    return /* @__PURE__ */ jsxs10(AmountPicker.Option, { amount, className: "solvapay-mcp-preset-tile", children: [
+      /* @__PURE__ */ jsx16("span", { className: "solvapay-mcp-preset-tile-amount", children: label }),
+      /* @__PURE__ */ jsx16("span", { className: "solvapay-mcp-preset-tile-credits", children: estimate.kind === "available" ? formatCompactCredits(estimate.credits, locale) : "" })
+    ] }, amount);
+  }) });
+}
+
 // src/mcp/views/autoRecharge/McpInlineAutoRecharge.tsx
 import { forwardRef, useImperativeHandle, useState as useState5 } from "react";
 
 // src/mcp/views/autoRecharge/McpAutoRechargeFields.tsx
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 function currencySymbol(currency) {
   try {
     const parts = new Intl.NumberFormat("en", {
@@ -2983,8 +3064,8 @@ function McpAutoRechargeFields({
   const explainer = credits != null ? interpolate(copy.autoRechargeView.explainer, {
     credits: new Intl.NumberFormat().format(credits)
   }) : copy.autoRechargeView.explainerNoEstimate;
-  return /* @__PURE__ */ jsxs10("div", { className: "solvapay-mcp-auto-recharge-fields", children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs11("div", { className: "solvapay-mcp-auto-recharge-fields", children: [
+    /* @__PURE__ */ jsx17(
       Field,
       {
         id: "mcp-auto-recharge-threshold",
@@ -2995,7 +3076,7 @@ function McpAutoRechargeFields({
         onChange: (thresholdAmountMajor) => onChange({ ...form, thresholdAmountMajor })
       }
     ),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(
       Field,
       {
         id: "mcp-auto-recharge-topup",
@@ -3006,7 +3087,7 @@ function McpAutoRechargeFields({
         onChange: (topupAmountMajor) => onChange({ ...form, topupAmountMajor })
       }
     ),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(
       Field,
       {
         id: "mcp-auto-recharge-cap",
@@ -3018,13 +3099,13 @@ function McpAutoRechargeFields({
         onChange: (maxMonthlySpendMajor) => onChange({ ...form, maxMonthlySpendMajor })
       }
     ),
-    /* @__PURE__ */ jsx16("p", { className: "solvapay-mcp-auto-recharge-fields-explainer", children: explainer }),
-    validationError ? /* @__PURE__ */ jsx16("p", { className: "solvapay-mcp-auto-recharge-fields-error", role: "alert", children: validationError }) : null
+    /* @__PURE__ */ jsx17("p", { className: "solvapay-mcp-auto-recharge-fields-explainer", children: explainer }),
+    validationError ? /* @__PURE__ */ jsx17("p", { className: "solvapay-mcp-auto-recharge-fields-error", role: "alert", children: validationError }) : null
   ] });
 }
 
 // src/mcp/views/autoRecharge/McpInlineAutoRecharge.tsx
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var McpInlineAutoRecharge = forwardRef(function McpInlineAutoRecharge2({ currency, creditsPerMinorUnit, displayExchangeRate }, ref) {
   const copy = useCopy();
   const [form, setForm] = useState5(() => createDefaultAutoRechargeForm(currency));
@@ -3048,10 +3129,10 @@ var McpInlineAutoRecharge = forwardRef(function McpInlineAutoRecharge2({ currenc
       };
     }
   }));
-  return /* @__PURE__ */ jsxs11("div", { className: "solvapay-mcp-auto-recharge-inline", children: [
-    /* @__PURE__ */ jsxs11(SplitRow, { children: [
-      /* @__PURE__ */ jsx17("p", { children: copy.autoRechargeView.heading }),
-      /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs12("div", { className: "solvapay-mcp-auto-recharge-inline", children: [
+    /* @__PURE__ */ jsxs12(SplitRow, { children: [
+      /* @__PURE__ */ jsx18("p", { children: copy.autoRechargeView.heading }),
+      /* @__PURE__ */ jsx18(
         Toggle,
         {
           checked: form.enabled,
@@ -3063,7 +3144,7 @@ var McpInlineAutoRecharge = forwardRef(function McpInlineAutoRecharge2({ currenc
         }
       )
     ] }),
-    form.enabled ? /* @__PURE__ */ jsx17(
+    form.enabled ? /* @__PURE__ */ jsx18(
       McpAutoRechargeFields,
       {
         form,
@@ -3081,7 +3162,7 @@ var McpInlineAutoRecharge = forwardRef(function McpInlineAutoRecharge2({ currenc
 });
 
 // src/mcp/views/checkout/steps/AmountStep.tsx
-import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var AmountStep = memo2(function AmountStep2({
   topupCurrency,
   topupCurrencies,
@@ -3098,23 +3179,23 @@ var AmountStep = memo2(function AmountStep2({
   const currencies = topupCurrencies ?? [];
   const showCurrencySwitch = currencies.length > 1 && !!onCurrencyChange;
   const currencyDisplay = showCurrencySwitch ? "code" : "symbol";
-  return /* @__PURE__ */ jsxs12(Fragment6, { children: [
-    /* @__PURE__ */ jsx18(BackLink, { label: "Back", onClick: onBack }),
-    /* @__PURE__ */ jsxs12("div", { className: "solvapay-mcp-step-header", children: [
-      /* @__PURE__ */ jsx18("h2", { className: cx2.heading, children: "How many credits?" }),
-      showCurrencySwitch && /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs13(Fragment7, { children: [
+    /* @__PURE__ */ jsx19(BackLink, { label: "Back", onClick: onBack }),
+    /* @__PURE__ */ jsxs13("div", { className: "solvapay-mcp-step-header", children: [
+      /* @__PURE__ */ jsx19("h2", { className: cx2.heading, children: "How many credits?" }),
+      showCurrencySwitch && /* @__PURE__ */ jsx19(
         "select",
         {
           className: "solvapay-mcp-currency-switch",
           value: currency,
           onChange: (event) => onCurrencyChange?.(event.target.value),
           "aria-label": "Topup currency",
-          children: currencies.map((code) => /* @__PURE__ */ jsx18("option", { value: code, children: code }, code))
+          children: currencies.map((code) => /* @__PURE__ */ jsx19("option", { value: code, children: code }, code))
         }
       )
     ] }),
-    /* @__PURE__ */ jsx18("p", { className: cx2.muted, children: "Top up to start using the tool." }),
-    /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsx19("p", { className: cx2.muted, children: "Top up to start using the tool." }),
+    /* @__PURE__ */ jsxs13(
       AmountPicker.Root,
       {
         currency,
@@ -3122,9 +3203,9 @@ var AmountStep = memo2(function AmountStep2({
         className: cx2.amountPicker,
         onChange: (value) => setStagedAmountMinor(value),
         children: [
-          /* @__PURE__ */ jsx18(PresetAmountRow, { cx: cx2, currencyDisplay }),
-          /* @__PURE__ */ jsx18(CustomAmountRow, { rowClassName: cx2.amountCustom, currencyDisplay }),
-          /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx19(PresetAmountGrid, { currencyDisplay }),
+          /* @__PURE__ */ jsx19(CustomAmountRow, { rowClassName: cx2.amountCustom, currencyDisplay }),
+          /* @__PURE__ */ jsx19(
             McpInlineAutoRecharge,
             {
               ref: autoRechargeRef,
@@ -3133,7 +3214,7 @@ var AmountStep = memo2(function AmountStep2({
               displayExchangeRate
             }
           ),
-          /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx19(
             AmountPicker.Confirm,
             {
               className: cx2.button,
@@ -3153,41 +3234,15 @@ var AmountStep = memo2(function AmountStep2({
     )
   ] });
 });
-function PresetAmountRow({
-  cx: cx2,
-  currencyDisplay
-}) {
-  const { quickAmounts, currency } = useAmountPicker();
-  const locale = useHostLocale();
-  const popularIndex = Math.min(1, quickAmounts.length - 1);
-  return /* @__PURE__ */ jsx18("div", { className: cx2.amountOptions, children: quickAmounts.map((amount, i) => {
-    const label = formatPrice(amount * getMinorUnitsPerMajor(currency), currency, {
-      locale,
-      free: "",
-      currencyDisplay
-    });
-    return /* @__PURE__ */ jsx18(
-      AmountPicker.Option,
-      {
-        amount,
-        className: cx2.amountOption,
-        "data-popular": i === popularIndex ? "" : void 0,
-        "aria-label": `${label}${i === popularIndex ? " (popular)" : ""}`,
-        children: label
-      },
-      amount
-    );
-  }) });
-}
 function CustomAmountRow({
   rowClassName,
   currencyDisplay
 }) {
   const { currencySymbol: currencySymbol2, currency } = useAmountPicker();
   const prefix = currencyDisplay === "code" ? currency.toUpperCase() : currencySymbol2;
-  return /* @__PURE__ */ jsxs12("div", { className: rowClassName, children: [
-    /* @__PURE__ */ jsx18("span", { className: "solvapay-mcp-amount-currency-symbol", children: prefix }),
-    /* @__PURE__ */ jsx18(AmountPicker.Custom, { className: "solvapay-mcp-amount-custom-input", placeholder: "0.00" })
+  return /* @__PURE__ */ jsxs13("div", { className: rowClassName, children: [
+    /* @__PURE__ */ jsx19("span", { className: "solvapay-mcp-amount-currency-symbol", children: prefix }),
+    /* @__PURE__ */ jsx19(AmountPicker.Custom, { className: "solvapay-mcp-amount-custom-input", placeholder: "0.00" })
   ] });
 }
 
@@ -3200,27 +3255,27 @@ function chargeAmountMinor(taxBreakdown, amountMinor) {
 }
 
 // src/mcp/views/McpHosted.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function McpHostedColumn({
   surface,
   children
 }) {
-  return /* @__PURE__ */ jsx19("div", { className: "solvapay-mcp-hosted", "data-mcp-surface": surface, children });
+  return /* @__PURE__ */ jsx20("div", { className: "solvapay-mcp-hosted", "data-mcp-surface": surface, children });
 }
 function McpHostedLayout({ children }) {
   const displayMode = useDisplayMode();
   const rail = resolveHostedRail(displayMode);
-  return /* @__PURE__ */ jsx19("div", { className: "solvapay-mcp-hosted-layout", "data-rail": rail, children });
+  return /* @__PURE__ */ jsx20("div", { className: "solvapay-mcp-hosted-layout", "data-rail": rail, children });
 }
 function McpSummaryRail({ children }) {
-  return /* @__PURE__ */ jsx19("aside", { className: "solvapay-mcp-summary-rail", children });
+  return /* @__PURE__ */ jsx20("aside", { className: "solvapay-mcp-summary-rail", children });
 }
 function McpHostedBody({ children }) {
-  return /* @__PURE__ */ jsx19("div", { className: "solvapay-mcp-hosted-body", children });
+  return /* @__PURE__ */ jsx20("div", { className: "solvapay-mcp-hosted-body", children });
 }
 
 // src/mcp/views/McpPayingAs.tsx
-import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 function McpPayingAs({ email }) {
   const { email: customerEmail } = useCustomer();
   const { displayMode } = useDisplayMode();
@@ -3228,19 +3283,19 @@ function McpPayingAs({ email }) {
   if (!resolved) return null;
   const variant = displayMode === "fullscreen" ? "stacked" : "inline";
   if (variant === "stacked") {
-    return /* @__PURE__ */ jsxs13("div", { className: "solvapay-mcp-paying-as", "data-variant": "stacked", children: [
-      /* @__PURE__ */ jsx20("span", { className: "solvapay-mcp-paying-as-label", children: "Paying as" }),
-      /* @__PURE__ */ jsx20("span", { className: "solvapay-mcp-paying-as-email", children: resolved })
+    return /* @__PURE__ */ jsxs14("div", { className: "solvapay-mcp-paying-as", "data-variant": "stacked", children: [
+      /* @__PURE__ */ jsx21("span", { className: "solvapay-mcp-paying-as-label", children: "Paying as" }),
+      /* @__PURE__ */ jsx21("span", { className: "solvapay-mcp-paying-as-email", children: resolved })
     ] });
   }
-  return /* @__PURE__ */ jsxs13("span", { className: "solvapay-mcp-paying-as", "data-variant": "inline", children: [
+  return /* @__PURE__ */ jsxs14("span", { className: "solvapay-mcp-paying-as", "data-variant": "inline", children: [
     "Paying as ",
     resolved
   ] });
 }
 
 // src/mcp/views/McpPaymentHeader.tsx
-import { Fragment as Fragment7, jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 function McpPaymentHeader({
   backLabel,
   onBack,
@@ -3251,18 +3306,18 @@ function McpPaymentHeader({
   const cx2 = resolveMcpClassNames(classNames);
   const { displayMode } = useDisplayMode();
   const isFullscreen = displayMode === "fullscreen";
-  const title = heading ? /* @__PURE__ */ jsx21("h2", { className: headingClassName ?? cx2.heading, children: heading }) : null;
-  const back = /* @__PURE__ */ jsx21(BackLink, { label: backLabel, onClick: onBack });
-  const payingAs = /* @__PURE__ */ jsx21(McpPayingAs, {});
+  const title = heading ? /* @__PURE__ */ jsx22("h2", { className: headingClassName ?? cx2.heading, children: heading }) : null;
+  const back = /* @__PURE__ */ jsx22(BackLink, { label: backLabel, onClick: onBack });
+  const payingAs = /* @__PURE__ */ jsx22(McpPayingAs, {});
   if (isFullscreen) {
-    return /* @__PURE__ */ jsxs14(Fragment7, { children: [
+    return /* @__PURE__ */ jsxs15(Fragment8, { children: [
       back,
       title,
       payingAs
     ] });
   }
-  return /* @__PURE__ */ jsxs14(Fragment7, { children: [
-    /* @__PURE__ */ jsxs14("div", { className: "solvapay-mcp-form-identity-row", children: [
+  return /* @__PURE__ */ jsxs15(Fragment8, { children: [
+    /* @__PURE__ */ jsxs15("div", { className: "solvapay-mcp-form-identity-row", children: [
       back,
       payingAs
     ] }),
@@ -3276,7 +3331,7 @@ var MCP_PAYMENT_ELEMENT_OPTIONS = {
 };
 
 // src/mcp/views/checkout/steps/PaygPaymentStep.tsx
-import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 var PaygPaymentStep = memo3(function PaygPaymentStep2({
   plan: _plan,
   amountMinor,
@@ -3293,7 +3348,7 @@ var PaygPaymentStep = memo3(function PaygPaymentStep2({
   const { displayMode } = useDisplayMode();
   const isFullscreen = displayMode === "fullscreen";
   const creditsAdded = creditsPerMinorUnit != null && creditsPerMinorUnit > 0 ? Math.floor(amountMinor / (displayExchangeRate ?? 1) * creditsPerMinorUnit) : null;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     TopupForm.Root,
     {
       amount: amountMinor,
@@ -3301,17 +3356,17 @@ var PaygPaymentStep = memo3(function PaygPaymentStep2({
       autoRecharge,
       returnUrl,
       onSuccess: (_intent, extras) => onSuccess(extras),
-      children: /* @__PURE__ */ jsxs15(McpHostedLayout, { children: [
-        /* @__PURE__ */ jsx22(McpSummaryRail, { children: /* @__PURE__ */ jsxs15("div", { className: "solvapay-mcp-checkout-order-summary", "data-variant": "payg", children: [
-          /* @__PURE__ */ jsxs15("div", { className: "solvapay-mcp-checkout-order-summary-row", children: [
-            /* @__PURE__ */ jsx22("span", { className: cx2.muted, children: creditsAdded != null ? `${creditsAdded.toLocaleString(locale)} credits` : formatPrice(amountMinor, currency, { locale }) }),
-            creditsAdded != null ? /* @__PURE__ */ jsx22("span", { children: formatPrice(amountMinor, currency, { locale }) }) : null
+      children: /* @__PURE__ */ jsxs16(McpHostedLayout, { children: [
+        /* @__PURE__ */ jsx23(McpSummaryRail, { children: /* @__PURE__ */ jsxs16("div", { className: "solvapay-mcp-checkout-order-summary", "data-variant": "payg", children: [
+          /* @__PURE__ */ jsxs16("div", { className: "solvapay-mcp-checkout-order-summary-row", children: [
+            /* @__PURE__ */ jsx23("span", { className: cx2.muted, children: creditsAdded != null ? `${creditsAdded.toLocaleString(locale)} credits` : formatPrice(amountMinor, currency, { locale }) }),
+            creditsAdded != null ? /* @__PURE__ */ jsx23("span", { children: formatPrice(amountMinor, currency, { locale }) }) : null
           ] }),
-          /* @__PURE__ */ jsx22("div", { className: "solvapay-mcp-checkout-order-summary-row", children: /* @__PURE__ */ jsx22("span", { className: cx2.muted, children: "One-time" }) }),
-          isFullscreen ? /* @__PURE__ */ jsx22(TopupForm.Summary.Rows, { className: cx2.taxSummary }) : /* @__PURE__ */ jsx22(TopupForm.Summary.TaxNote, { className: cx2.muted })
+          /* @__PURE__ */ jsx23("div", { className: "solvapay-mcp-checkout-order-summary-row", children: /* @__PURE__ */ jsx23("span", { className: cx2.muted, children: "One-time" }) }),
+          isFullscreen ? /* @__PURE__ */ jsx23(TopupForm.Summary.Rows, { className: cx2.taxSummary }) : /* @__PURE__ */ jsx23(TopupForm.Summary.TaxNote, { className: cx2.muted })
         ] }) }),
-        /* @__PURE__ */ jsxs15(McpHostedBody, { children: [
-          /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsxs16(McpHostedBody, { children: [
+          /* @__PURE__ */ jsx23(
             McpPaymentHeader,
             {
               backLabel: "Change amount",
@@ -3320,13 +3375,13 @@ var PaygPaymentStep = memo3(function PaygPaymentStep2({
               headingClassName: cx2.heading
             }
           ),
-          /* @__PURE__ */ jsxs15("div", { className: cx2.topupForm, children: [
-            /* @__PURE__ */ jsx22(TopupForm.Loading, {}),
-            /* @__PURE__ */ jsx22(TopupForm.PaymentElement, { options: MCP_PAYMENT_ELEMENT_OPTIONS }),
-            /* @__PURE__ */ jsx22(TopupForm.BusinessDetails.Root, { className: cx2.businessDetails, children: /* @__PURE__ */ jsx22(TopupForm.BusinessDetails.Fields, {}) }),
-            /* @__PURE__ */ jsx22(TopupForm.Error, { className: cx2.error }),
-            /* @__PURE__ */ jsx22(TopupForm.SubmitButton, { className: cx2.button, children: /* @__PURE__ */ jsx22(PaygChargeCta, { amountMinor, currency }) }),
-            /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsxs16("div", { className: cx2.topupForm, children: [
+            /* @__PURE__ */ jsx23(TopupForm.Loading, {}),
+            /* @__PURE__ */ jsx23(TopupForm.PaymentElement, { options: MCP_PAYMENT_ELEMENT_OPTIONS }),
+            /* @__PURE__ */ jsx23(TopupForm.BusinessDetails.Root, { className: cx2.businessDetails, children: /* @__PURE__ */ jsx23(TopupForm.BusinessDetails.Fields, {}) }),
+            /* @__PURE__ */ jsx23(TopupForm.Error, { className: cx2.error }),
+            /* @__PURE__ */ jsx23(TopupForm.SubmitButton, { className: cx2.button, children: /* @__PURE__ */ jsx23(PaygChargeCta, { amountMinor, currency }) }),
+            /* @__PURE__ */ jsx23(
               MandateText,
               {
                 mode: "topup",
@@ -3345,7 +3400,7 @@ function PaygChargeCta({ amountMinor, currency }) {
   const locale = useHostLocale();
   const { taxBreakdown } = useTopupForm();
   const minor = chargeAmountMinor(taxBreakdown, amountMinor);
-  return /* @__PURE__ */ jsxs15(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs16(Fragment9, { children: [
     "Pay ",
     formatPrice(minor, taxBreakdown?.currency ?? currency, { locale })
   ] });
@@ -3353,7 +3408,7 @@ function PaygChargeCta({ amountMinor, currency }) {
 
 // src/mcp/views/checkout/steps/RecurringPaymentStep.tsx
 import { memo as memo4 } from "react";
-import { Fragment as Fragment9, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var RecurringPaymentStep = memo4(function RecurringPaymentStep2({
   plan,
   planRef,
@@ -3377,7 +3432,7 @@ var RecurringPaymentStep = memo4(function RecurringPaymentStep2({
   const planName = plan.name ?? "Plan";
   const { displayMode } = useDisplayMode();
   const isFullscreen = displayMode === "fullscreen";
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     PaymentForm.Root,
     {
       planRef,
@@ -3385,25 +3440,25 @@ var RecurringPaymentStep = memo4(function RecurringPaymentStep2({
       returnUrl,
       requireTermsAcceptance: false,
       onSuccess,
-      children: /* @__PURE__ */ jsxs16(McpHostedLayout, { children: [
-        /* @__PURE__ */ jsx23(McpSummaryRail, { children: /* @__PURE__ */ jsxs16("div", { className: "solvapay-mcp-checkout-order-summary", "data-variant": "recurring", children: [
-          /* @__PURE__ */ jsxs16("div", { className: "solvapay-mcp-checkout-order-summary-row", children: [
-            /* @__PURE__ */ jsx23("span", { className: cx2.muted, children: planName }),
-            /* @__PURE__ */ jsxs16("span", { children: [
+      children: /* @__PURE__ */ jsxs17(McpHostedLayout, { children: [
+        /* @__PURE__ */ jsx24(McpSummaryRail, { children: /* @__PURE__ */ jsxs17("div", { className: "solvapay-mcp-checkout-order-summary", "data-variant": "recurring", children: [
+          /* @__PURE__ */ jsxs17("div", { className: "solvapay-mcp-checkout-order-summary-row", children: [
+            /* @__PURE__ */ jsx24("span", { className: cx2.muted, children: planName }),
+            /* @__PURE__ */ jsxs17("span", { children: [
               formatPrice(amountMinor, currency, { locale }),
               formatCycleSuffix(cycle)
             ] })
           ] }),
-          included != null ? /* @__PURE__ */ jsx23("div", { className: "solvapay-mcp-checkout-order-summary-row", children: /* @__PURE__ */ jsxs16("span", { className: cx2.muted, children: [
+          included != null ? /* @__PURE__ */ jsx24("div", { className: "solvapay-mcp-checkout-order-summary-row", children: /* @__PURE__ */ jsxs17("span", { className: cx2.muted, children: [
             included.toLocaleString(locale),
             " ",
             meterName2,
             " included"
           ] }) }) : null,
-          isFullscreen ? /* @__PURE__ */ jsx23(PaymentForm.TaxSummary.Rows, { className: cx2.taxSummary }) : /* @__PURE__ */ jsx23(PaymentForm.TaxSummary.TaxNote, { className: cx2.muted })
+          isFullscreen ? /* @__PURE__ */ jsx24(PaymentForm.TaxSummary.Rows, { className: cx2.taxSummary }) : /* @__PURE__ */ jsx24(PaymentForm.TaxSummary.TaxNote, { className: cx2.muted })
         ] }) }),
-        /* @__PURE__ */ jsxs16(McpHostedBody, { children: [
-          /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsxs17(McpHostedBody, { children: [
+          /* @__PURE__ */ jsx24(
             McpPaymentHeader,
             {
               backLabel: "Change plan",
@@ -3412,12 +3467,12 @@ var RecurringPaymentStep = memo4(function RecurringPaymentStep2({
               headingClassName: cx2.heading
             }
           ),
-          /* @__PURE__ */ jsx23(PaymentForm.Loading, {}),
-          /* @__PURE__ */ jsx23(PaymentForm.PaymentElement, {}),
-          /* @__PURE__ */ jsx23(PaymentForm.BusinessDetails.Root, { className: cx2.businessDetails, children: /* @__PURE__ */ jsx23(PaymentForm.BusinessDetails.Fields, {}) }),
-          /* @__PURE__ */ jsx23(PaymentForm.Error, { className: cx2.error }),
-          /* @__PURE__ */ jsx23(PaymentForm.SubmitButton, { className: cx2.button, children: /* @__PURE__ */ jsx23(RecurringChargeCta, { amountMinor, currency, cycle }) }),
-          /* @__PURE__ */ jsx23(PaymentForm.MandateText, { savesPaymentMethod: true })
+          /* @__PURE__ */ jsx24(PaymentForm.Loading, {}),
+          /* @__PURE__ */ jsx24(PaymentForm.PaymentElement, {}),
+          /* @__PURE__ */ jsx24(PaymentForm.BusinessDetails.Root, { className: cx2.businessDetails, children: /* @__PURE__ */ jsx24(PaymentForm.BusinessDetails.Fields, {}) }),
+          /* @__PURE__ */ jsx24(PaymentForm.Error, { className: cx2.error }),
+          /* @__PURE__ */ jsx24(PaymentForm.SubmitButton, { className: cx2.button, children: /* @__PURE__ */ jsx24(RecurringChargeCta, { amountMinor, currency, cycle }) }),
+          /* @__PURE__ */ jsx24(PaymentForm.MandateText, { savesPaymentMethod: true })
         ] })
       ] })
     }
@@ -3431,7 +3486,7 @@ function RecurringChargeCta({
   const locale = useHostLocale();
   const { taxBreakdown } = usePaymentForm();
   const minor = chargeAmountMinor(taxBreakdown, amountMinor);
-  return /* @__PURE__ */ jsxs16(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs17(Fragment10, { children: [
     "Subscribe \u2014 ",
     formatPrice(minor, taxBreakdown?.currency ?? currency, { locale }),
     formatCycleSuffix(cycle)
@@ -3440,81 +3495,81 @@ function RecurringChargeCta({
 
 // src/mcp/views/checkout/steps/SuccessStep.tsx
 import { memo as memo5 } from "react";
-import { Fragment as Fragment10, jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 var SuccessStep = memo5(function SuccessStep2({ meta, cx: cx2 }) {
   const locale = useHostLocale();
   if (meta.branch === "payg") {
     const chargedAmount = meta.amountMinor;
     const chargedCurrency = meta.currency;
     const charged = chargedAmount != null && chargedCurrency != null;
-    return /* @__PURE__ */ jsxs17(Fragment10, { children: [
-      /* @__PURE__ */ jsx24("div", { className: "solvapay-mcp-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
-      /* @__PURE__ */ jsx24("h2", { className: cx2.heading, children: charged ? "Credits added" : "Plan activated" }),
-      /* @__PURE__ */ jsx24("p", { className: cx2.muted, children: "Pay as you go plan is active." }),
-      /* @__PURE__ */ jsxs17("dl", { className: "solvapay-mcp-checkout-receipt", "data-variant": "payg", children: [
-        charged ? /* @__PURE__ */ jsxs17(Fragment10, { children: [
-          /* @__PURE__ */ jsxs17("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-            /* @__PURE__ */ jsx24("dt", { children: "Amount" }),
-            /* @__PURE__ */ jsx24("dd", { children: formatPrice(chargedAmount, chargedCurrency, { locale }) })
+    return /* @__PURE__ */ jsxs18(Fragment11, { children: [
+      /* @__PURE__ */ jsx25("div", { className: "solvapay-mcp-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
+      /* @__PURE__ */ jsx25("h2", { className: cx2.heading, children: charged ? "Credits added" : "Plan activated" }),
+      /* @__PURE__ */ jsx25("p", { className: cx2.muted, children: "Pay as you go plan is active." }),
+      /* @__PURE__ */ jsxs18("dl", { className: "solvapay-mcp-checkout-receipt", "data-variant": "payg", children: [
+        charged ? /* @__PURE__ */ jsxs18(Fragment11, { children: [
+          /* @__PURE__ */ jsxs18("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+            /* @__PURE__ */ jsx25("dt", { children: "Amount" }),
+            /* @__PURE__ */ jsx25("dd", { children: formatPrice(chargedAmount, chargedCurrency, { locale }) })
           ] }),
-          /* @__PURE__ */ jsxs17("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-            /* @__PURE__ */ jsx24("dt", { children: "Credits" }),
-            /* @__PURE__ */ jsxs17("dd", { children: [
+          /* @__PURE__ */ jsxs18("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+            /* @__PURE__ */ jsx25("dt", { children: "Credits" }),
+            /* @__PURE__ */ jsxs18("dd", { children: [
               "+",
               (meta.creditsAdded ?? 0).toLocaleString(locale)
             ] })
           ] })
         ] }) : null,
-        /* @__PURE__ */ jsxs17("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-          /* @__PURE__ */ jsx24("dt", { children: "Plan" }),
-          /* @__PURE__ */ jsx24("dd", { children: meta.plan.name ?? "Pay as you go" })
+        /* @__PURE__ */ jsxs18("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+          /* @__PURE__ */ jsx25("dt", { children: "Plan" }),
+          /* @__PURE__ */ jsx25("dd", { children: meta.plan.name ?? "Pay as you go" })
         ] }),
-        meta.rateLabel ? /* @__PURE__ */ jsxs17("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-          /* @__PURE__ */ jsx24("dt", { children: "Rate" }),
-          /* @__PURE__ */ jsx24("dd", { children: meta.rateLabel })
+        meta.rateLabel ? /* @__PURE__ */ jsxs18("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+          /* @__PURE__ */ jsx25("dt", { children: "Rate" }),
+          /* @__PURE__ */ jsx25("dd", { children: meta.rateLabel })
         ] }) : null
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs17(Fragment10, { children: [
-    /* @__PURE__ */ jsx24("div", { className: "solvapay-mcp-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
-    /* @__PURE__ */ jsxs17("h2", { className: cx2.heading, children: [
+  return /* @__PURE__ */ jsxs18(Fragment11, { children: [
+    /* @__PURE__ */ jsx25("div", { className: "solvapay-mcp-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
+    /* @__PURE__ */ jsxs18("h2", { className: cx2.heading, children: [
       meta.plan.name ?? "Plan",
       " active"
     ] }),
-    /* @__PURE__ */ jsx24("p", { className: cx2.muted, children: "Subscription is live and credits are ready." }),
-    /* @__PURE__ */ jsxs17("dl", { className: "solvapay-mcp-checkout-receipt", "data-variant": "recurring", children: [
-      /* @__PURE__ */ jsxs17("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-        /* @__PURE__ */ jsx24("dt", { children: "Plan" }),
-        /* @__PURE__ */ jsx24("dd", { children: meta.plan.name ?? "Plan" })
+    /* @__PURE__ */ jsx25("p", { className: cx2.muted, children: "Subscription is live and credits are ready." }),
+    /* @__PURE__ */ jsxs18("dl", { className: "solvapay-mcp-checkout-receipt", "data-variant": "recurring", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+        /* @__PURE__ */ jsx25("dt", { children: "Plan" }),
+        /* @__PURE__ */ jsx25("dd", { children: meta.plan.name ?? "Plan" })
       ] }),
-      meta.includedUnits != null ? /* @__PURE__ */ jsxs17("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-        /* @__PURE__ */ jsx24("dt", { children: "Included" }),
-        /* @__PURE__ */ jsxs17("dd", { children: [
+      meta.includedUnits != null ? /* @__PURE__ */ jsxs18("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+        /* @__PURE__ */ jsx25("dt", { children: "Included" }),
+        /* @__PURE__ */ jsxs18("dd", { children: [
           meta.includedUnits.toLocaleString(locale),
           " ",
           meta.meterName ?? "units"
         ] })
       ] }) : null,
-      /* @__PURE__ */ jsxs17("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-        /* @__PURE__ */ jsx24("dt", { children: "Charged today" }),
-        /* @__PURE__ */ jsx24("dd", { children: formatPrice(meta.chargedTodayMinor, meta.currency, { locale }) })
+      /* @__PURE__ */ jsxs18("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+        /* @__PURE__ */ jsx25("dt", { children: "Charged today" }),
+        /* @__PURE__ */ jsx25("dd", { children: formatPrice(meta.chargedTodayMinor, meta.currency, { locale }) })
       ] }),
-      meta.nextRenewalLabel ? /* @__PURE__ */ jsxs17("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-        /* @__PURE__ */ jsx24("dt", { children: "Next renewal" }),
-        /* @__PURE__ */ jsx24("dd", { children: meta.nextRenewalLabel })
+      meta.nextRenewalLabel ? /* @__PURE__ */ jsxs18("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+        /* @__PURE__ */ jsx25("dt", { children: "Next renewal" }),
+        /* @__PURE__ */ jsx25("dd", { children: meta.nextRenewalLabel })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsxs17("p", { className: `${cx2.muted} solvapay-mcp-checkout-manage-pointer`.trim(), children: [
+    /* @__PURE__ */ jsxs18("p", { className: `${cx2.muted} solvapay-mcp-checkout-manage-pointer`.trim(), children: [
       "Manage from ",
-      /* @__PURE__ */ jsx24("code", { children: "/manage_account" })
+      /* @__PURE__ */ jsx25("code", { children: "/manage_account" })
     ] })
   ] });
 });
 
 // src/mcp/views/checkout/HostedCheckout.tsx
 import React10, { useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo3, useRef as useRef4, useState as useState7 } from "react";
-import { Fragment as Fragment11, jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 var POLL_INTERVAL_MS = 3e3;
 var AWAITING_TIMEOUT_MS = 10 * 60 * 1e3;
 function useHostedUrl(enabled, fetcher, label) {
@@ -3549,7 +3604,7 @@ var HostedLinkButton = React10.memo(function HostedLinkButton2({
 }) {
   const handleExternalClick = useExternalLinkClick();
   if (state.status === "ready") {
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx26(
       "a",
       {
         className: "solvapay-mcp-hosted-link",
@@ -3561,17 +3616,17 @@ var HostedLinkButton = React10.memo(function HostedLinkButton2({
           onLaunch?.(state.href);
           handleExternalClick(event);
         },
-        children: /* @__PURE__ */ jsxs18("button", { type: "button", className: cx2.button, children: [
+        children: /* @__PURE__ */ jsxs19("button", { type: "button", className: cx2.button, children: [
           readyLabel,
-          /* @__PURE__ */ jsx25(ExternalLinkGlyph, {})
+          /* @__PURE__ */ jsx26(ExternalLinkGlyph, {})
         ] })
       }
     );
   }
-  return /* @__PURE__ */ jsx25("button", { type: "button", className: cx2.button, disabled: true, children: state.status === "error" ? "Unavailable" : loadingLabel });
+  return /* @__PURE__ */ jsx26("button", { type: "button", className: cx2.button, disabled: true, children: state.status === "error" ? "Unavailable" : loadingLabel });
 });
 function Spinner() {
-  return /* @__PURE__ */ jsx25("span", { className: "solvapay-mcp-spinner", "aria-hidden": "true" });
+  return /* @__PURE__ */ jsx26("span", { className: "solvapay-mcp-spinner", "aria-hidden": "true" });
 }
 var AwaitingBody = React10.memo(function AwaitingBody2({
   href,
@@ -3581,13 +3636,13 @@ var AwaitingBody = React10.memo(function AwaitingBody2({
   cx: cx2
 }) {
   const handleExternalClick = useExternalLinkClick();
-  return /* @__PURE__ */ jsxs18(Fragment11, { children: [
-    /* @__PURE__ */ jsxs18("div", { className: cx2.awaitingHeader, children: [
-      /* @__PURE__ */ jsx25(Spinner, {}),
-      /* @__PURE__ */ jsx25("h2", { className: cx2.heading, children: timedOut ? "Still waiting for payment" : "Waiting for payment\u2026" })
+  return /* @__PURE__ */ jsxs19(Fragment12, { children: [
+    /* @__PURE__ */ jsxs19("div", { className: cx2.awaitingHeader, children: [
+      /* @__PURE__ */ jsx26(Spinner, {}),
+      /* @__PURE__ */ jsx26("h2", { className: cx2.heading, children: timedOut ? "Still waiting for payment" : "Waiting for payment\u2026" })
     ] }),
-    /* @__PURE__ */ jsx25("p", { className: cx2.muted, children: timedOut ? "We haven't seen your purchase yet. If you completed payment, give it another moment \u2014 otherwise reopen checkout or cancel." : "Complete payment in the other tab. Your purchase will show up here automatically." }),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26("p", { className: cx2.muted, children: timedOut ? "We haven't seen your purchase yet. If you completed payment, give it another moment \u2014 otherwise reopen checkout or cancel." : "Complete payment in the other tab. Your purchase will show up here automatically." }),
+    /* @__PURE__ */ jsx26(
       "a",
       {
         className: "solvapay-mcp-hosted-link",
@@ -3599,13 +3654,13 @@ var AwaitingBody = React10.memo(function AwaitingBody2({
           onReopen();
           handleExternalClick(event);
         },
-        children: /* @__PURE__ */ jsxs18("button", { type: "button", className: cx2.button, children: [
+        children: /* @__PURE__ */ jsxs19("button", { type: "button", className: cx2.button, children: [
           "Reopen checkout",
-          /* @__PURE__ */ jsx25(ExternalLinkGlyph, {})
+          /* @__PURE__ */ jsx26(ExternalLinkGlyph, {})
         ] })
       }
     ),
-    /* @__PURE__ */ jsx25("button", { type: "button", className: cx2.linkButton, onClick: onCancel, children: "Didn't complete? Cancel" })
+    /* @__PURE__ */ jsx26("button", { type: "button", className: cx2.linkButton, onClick: onCancel, children: "Didn't complete? Cancel" })
   ] });
 });
 var CancelledBody = React10.memo(function CancelledBody2({
@@ -3617,25 +3672,25 @@ var CancelledBody = React10.memo(function CancelledBody2({
   onLaunch,
   cx: cx2
 }) {
-  return /* @__PURE__ */ jsxs18(Fragment11, { children: [
-    /* @__PURE__ */ jsxs18("h2", { className: cx2.heading, children: [
+  return /* @__PURE__ */ jsxs19(Fragment12, { children: [
+    /* @__PURE__ */ jsxs19("h2", { className: cx2.heading, children: [
       "Your ",
       productName,
       " purchase is cancelled"
     ] }),
-    endDate && formattedEndDate ? /* @__PURE__ */ jsxs18("div", { className: cx2.notice, children: [
-      /* @__PURE__ */ jsx25("p", { children: /* @__PURE__ */ jsxs18("strong", { children: [
+    endDate && formattedEndDate ? /* @__PURE__ */ jsxs19("div", { className: cx2.notice, children: [
+      /* @__PURE__ */ jsx26("p", { children: /* @__PURE__ */ jsxs19("strong", { children: [
         "Access expires ",
         formattedEndDate
       ] }) }),
-      daysLeft !== null && daysLeft > 0 && /* @__PURE__ */ jsxs18("p", { className: cx2.muted, children: [
+      daysLeft !== null && daysLeft > 0 && /* @__PURE__ */ jsxs19("p", { className: cx2.muted, children: [
         daysLeft,
         " ",
         daysLeft === 1 ? "day" : "days",
         " remaining"
       ] })
-    ] }) : /* @__PURE__ */ jsx25("p", { className: cx2.muted, children: "Your purchase access has ended." }),
-    /* @__PURE__ */ jsx25(
+    ] }) : /* @__PURE__ */ jsx26("p", { className: cx2.muted, children: "Your purchase access has ended." }),
+    /* @__PURE__ */ jsx26(
       HostedLinkButton,
       {
         state: checkout,
@@ -3645,7 +3700,7 @@ var CancelledBody = React10.memo(function CancelledBody2({
         cx: cx2
       }
     ),
-    checkout.status === "error" && /* @__PURE__ */ jsx25("p", { className: cx2.error, role: "alert", children: checkout.message })
+    checkout.status === "error" && /* @__PURE__ */ jsx26("p", { className: cx2.error, role: "alert", children: checkout.message })
   ] });
 });
 var UpgradeBody = React10.memo(function UpgradeBody2({
@@ -3656,11 +3711,11 @@ var UpgradeBody = React10.memo(function UpgradeBody2({
   backLabel,
   cx: cx2
 }) {
-  return /* @__PURE__ */ jsxs18(Fragment11, { children: [
-    onBack ? /* @__PURE__ */ jsx25(BackLink, { label: backLabel, onClick: onBack }) : null,
-    /* @__PURE__ */ jsx25("h2", { className: cx2.heading, children: planName ? `Complete your ${planName} purchase` : "Upgrade your plan" }),
-    /* @__PURE__ */ jsx25("p", { className: cx2.muted, children: "This host doesn't allow embedded payments. Open the SolvaPay checkout in a new tab to complete your purchase there. Return here after payment and your purchase will show up automatically." }),
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs19(Fragment12, { children: [
+    onBack ? /* @__PURE__ */ jsx26(BackLink, { label: backLabel, onClick: onBack }) : null,
+    /* @__PURE__ */ jsx26("h2", { className: cx2.heading, children: planName ? `Complete your ${planName} purchase` : "Upgrade your plan" }),
+    /* @__PURE__ */ jsx26("p", { className: cx2.muted, children: "This host doesn't allow embedded payments. Open the SolvaPay checkout in a new tab to complete your purchase there. Return here after payment and your purchase will show up automatically." }),
+    /* @__PURE__ */ jsx26(
       HostedLinkButton,
       {
         state: checkout,
@@ -3670,7 +3725,7 @@ var UpgradeBody = React10.memo(function UpgradeBody2({
         cx: cx2
       }
     ),
-    checkout.status === "error" && /* @__PURE__ */ jsx25("p", { className: cx2.error, role: "alert", children: checkout.message })
+    checkout.status === "error" && /* @__PURE__ */ jsx26("p", { className: cx2.error, role: "alert", children: checkout.message })
   ] });
 });
 function HostedCheckout({
@@ -3683,7 +3738,7 @@ function HostedCheckout({
   cx: cx2,
   children
 }) {
-  const { loading, isRefetching, refetch, hasPaidPurchase, activePurchase } = usePurchase();
+  const { loading, refetch, hasPaidPurchase, activePurchase } = usePurchase();
   const { cancelledPurchase, shouldShowCancelledNotice, formatDate, getDaysUntilExpiration } = usePurchaseStatus();
   const transport = useTransport();
   const [awaiting, setAwaiting] = useState7(null);
@@ -3778,7 +3833,7 @@ function HostedCheckout({
   const awaitingHref = awaiting?.href ?? null;
   const inner = useMemo3(() => {
     if (awaiting && awaitingHref) {
-      return /* @__PURE__ */ jsx25(
+      return /* @__PURE__ */ jsx26(
         AwaitingBody,
         {
           href: awaitingHref,
@@ -3790,7 +3845,7 @@ function HostedCheckout({
       );
     }
     if (shouldShowCancelledNotice && cancelledProductName) {
-      return /* @__PURE__ */ jsx25(
+      return /* @__PURE__ */ jsx26(
         CancelledBody,
         {
           productName: cancelledProductName,
@@ -3803,7 +3858,7 @@ function HostedCheckout({
         }
       );
     }
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx26(
       UpgradeBody,
       {
         planName,
@@ -3833,16 +3888,16 @@ function HostedCheckout({
     cx2
   ]);
   if (loading) {
-    return /* @__PURE__ */ jsx25("p", { children: "Loading purchase\u2026" });
+    return /* @__PURE__ */ jsx26("p", { children: "Loading purchase\u2026" });
   }
-  return /* @__PURE__ */ jsxs18("div", { "data-refreshing": isRefetching ? "true" : void 0, children: [
+  return /* @__PURE__ */ jsxs19("div", { className: cx2.stack, children: [
     inner,
     children
   ] });
 }
 
 // src/mcp/views/checkout/EmbeddedCheckout.tsx
-import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 function EmbeddedCheckout({
   productRef,
   returnUrl,
@@ -3874,10 +3929,10 @@ function EmbeddedCheckout({
     [currentPlanRef]
   );
   if (loading) {
-    return /* @__PURE__ */ jsx26("div", { className: cx2.card, children: /* @__PURE__ */ jsx26("p", { children: "Loading checkout\u2026" }) });
+    return /* @__PURE__ */ jsx27("div", { className: cx2.card, children: /* @__PURE__ */ jsx27("p", { children: "Loading checkout\u2026" }) });
   }
-  return /* @__PURE__ */ jsxs19("div", { className: cx2.card, "data-refreshing": isRefetching ? "true" : void 0, children: [
-    /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs20("div", { className: cx2.card, "data-refreshing": isRefetching ? "true" : void 0, children: [
+    /* @__PURE__ */ jsx27(
       PlanSelector.Root,
       {
         productRef,
@@ -3888,7 +3943,7 @@ function EmbeddedCheckout({
         autoSelectFirstPaid: Boolean(paygPlanRef),
         initialPlanRef,
         className: "solvapay-plan-selector",
-        children: /* @__PURE__ */ jsx26(
+        children: /* @__PURE__ */ jsx27(
           McpCheckoutBody,
           {
             productRef,
@@ -3983,9 +4038,9 @@ function McpCheckoutBody({
     const waitingForSelection = Boolean(autoAdvance) && !flow.selectedPlanRef;
     const matchingPending = Boolean(autoAdvance) && flow.selectedPlanRef === initialPlanRef && flow.status === "activating";
     if (waitingForSelection || matchingPending) {
-      return /* @__PURE__ */ jsx26("p", { children: "Loading checkout\u2026" });
+      return /* @__PURE__ */ jsx27("p", { children: "Loading checkout\u2026" });
     }
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       PlanStep,
       {
         fromPaywall,
@@ -4004,7 +4059,7 @@ function McpCheckoutBody({
     if (!selectedPlanShape) {
       return null;
     }
-    return /* @__PURE__ */ jsx26(
+    return /* @__PURE__ */ jsx27(
       AmountStep,
       {
         plan: selectedPlanShape,
@@ -4026,11 +4081,11 @@ function McpCheckoutBody({
   }
   if (flow.step === "payment") {
     if (stripeProbe === "loading") {
-      return /* @__PURE__ */ jsx26("p", { children: "Loading checkout\u2026" });
+      return /* @__PURE__ */ jsx27("p", { children: "Loading checkout\u2026" });
     }
     if (stripeProbe === "blocked") {
       const hostedBackLabel = flow.branch === "payg" ? "Change amount" : "Change plan";
-      return /* @__PURE__ */ jsx26(
+      return /* @__PURE__ */ jsx27(
         HostedCheckout,
         {
           productRef,
@@ -4044,7 +4099,7 @@ function McpCheckoutBody({
       );
     }
     if (flow.branch === "payg" && selectedPlanShape && flow.selectedAmountMinor != null) {
-      return /* @__PURE__ */ jsx26(
+      return /* @__PURE__ */ jsx27(
         PaygPaymentStep,
         {
           plan: selectedPlanShape,
@@ -4059,7 +4114,7 @@ function McpCheckoutBody({
       );
     }
     if (flow.branch === "recurring" && selectedPlanShape && flow.selectedPlanRef) {
-      return /* @__PURE__ */ jsx26(
+      return /* @__PURE__ */ jsx27(
         RecurringPaymentStep,
         {
           plan: selectedPlanShape,
@@ -4075,13 +4130,13 @@ function McpCheckoutBody({
     return null;
   }
   if (flow.step === "success" && flow.successMeta) {
-    return /* @__PURE__ */ jsx26(SuccessStep, { meta: flow.successMeta, cx: cx2 });
+    return /* @__PURE__ */ jsx27(SuccessStep, { meta: flow.successMeta, cx: cx2 });
   }
   return null;
 }
 
 // src/mcp/views/McpCheckoutView.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function McpCheckoutView({
   productRef,
   publishableKey = null,
@@ -4100,7 +4155,7 @@ function McpCheckoutView({
 }) {
   const cx2 = resolveMcpClassNames(classNames);
   const probe = useStripeProbe(publishableKey);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     EmbeddedCheckout,
     {
       productRef,
@@ -4123,23 +4178,7 @@ function McpCheckoutView({
 
 // src/mcp/views/McpTopupView.tsx
 import { useRef as useRef6, useState as useState9 } from "react";
-
-// src/mcp/format-compact-credits.ts
-function formatCompactCredits(credits, locale = "en-US") {
-  if (!Number.isFinite(credits) || credits < 0) {
-    throw new Error(`formatCompactCredits: credits must be a finite non-negative number, got ${credits}`);
-  }
-  if (credits >= 1e6 && credits % 1e6 === 0) {
-    return `${credits / 1e6}M credits`;
-  }
-  if (credits >= 1e3 && credits % 1e3 === 0) {
-    return `${credits / 1e3}K credits`;
-  }
-  return `${credits.toLocaleString(locale)} credits`;
-}
-
-// src/mcp/views/McpTopupView.tsx
-import { Fragment as Fragment12, jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 var FALLBACK_TOPUP_CURRENCY = "USD";
 function resolveDefaultCurrency(merchant) {
   if (merchant?.defaultCurrency) {
@@ -4147,14 +4186,6 @@ function resolveDefaultCurrency(merchant) {
   }
   return FALLBACK_TOPUP_CURRENCY;
 }
-function estimateTopupCredits(amountMinor, payCurrency, displayCurrency, creditsPerMinorUnit, displayExchangeRate) {
-  const rateAppliesToCurrency = displayCurrency != null && payCurrency.toUpperCase() === displayCurrency.toUpperCase();
-  if (!rateAppliesToCurrency || creditsPerMinorUnit == null || creditsPerMinorUnit <= 0 || displayExchangeRate == null || displayExchangeRate <= 0) {
-    return { kind: "unavailable" };
-  }
-  const credits = Math.floor(amountMinor / displayExchangeRate * creditsPerMinorUnit);
-  return { kind: "available", credits };
-}
 function McpTopupView({
   publishableKey = null,
   returnUrl,
@@ -4166,14 +4197,14 @@ function McpTopupView({
   const probe = useStripeProbe(publishableKey);
   const { merchant, loading: merchantLoading } = useMerchant();
   if (merchantLoading) {
-    return /* @__PURE__ */ jsx28("section", { className: cx2.card, "aria-label": "Loading top-up", children: /* @__PURE__ */ jsx28("p", { children: "Loading top-up\u2026" }) });
+    return /* @__PURE__ */ jsx29("section", { className: cx2.card, "aria-label": "Loading top-up", children: /* @__PURE__ */ jsx29("p", { children: "Loading top-up\u2026" }) });
   }
   const defaultCurrency = resolveDefaultCurrency(merchant ?? void 0);
   const fromMerchant = (merchant?.supportedTopupCurrencies ?? []).map((code) => code.toUpperCase()).filter(Boolean);
   const topupCurrencies = Array.from(
     new Set(fromMerchant.length > 0 ? fromMerchant : [defaultCurrency])
   );
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     EmbeddedTopup,
     {
       returnUrl,
@@ -4219,17 +4250,17 @@ function EmbeddedTopup({
       creditsPerMinorUnit,
       displayExchangeRate
     );
-    return /* @__PURE__ */ jsxs20("section", { className: cx2.card, "aria-label": "Top-up success", children: [
-      /* @__PURE__ */ jsx28("div", { className: "solvapay-mcp-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
-      /* @__PURE__ */ jsx28("h2", { className: cx2.heading, children: "Credits added" }),
-      /* @__PURE__ */ jsxs20("dl", { className: "solvapay-mcp-checkout-receipt", "data-variant": "payg", children: [
-        /* @__PURE__ */ jsxs20("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-          /* @__PURE__ */ jsx28("dt", { children: "Amount" }),
-          /* @__PURE__ */ jsx28("dd", { children: formatPrice(screen.amountMinor, currency, { locale, free: "" }) })
+    return /* @__PURE__ */ jsxs21("section", { className: cx2.card, "aria-label": "Top-up success", children: [
+      /* @__PURE__ */ jsx29("div", { className: "solvapay-mcp-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
+      /* @__PURE__ */ jsx29("h2", { className: cx2.heading, children: "Credits added" }),
+      /* @__PURE__ */ jsxs21("dl", { className: "solvapay-mcp-checkout-receipt", "data-variant": "payg", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+          /* @__PURE__ */ jsx29("dt", { children: "Amount" }),
+          /* @__PURE__ */ jsx29("dd", { children: formatPrice(screen.amountMinor, currency, { locale, free: "" }) })
         ] }),
-        estimate.kind === "available" ? /* @__PURE__ */ jsxs20("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-          /* @__PURE__ */ jsx28("dt", { children: "Credits" }),
-          /* @__PURE__ */ jsxs20("dd", { children: [
+        estimate.kind === "available" ? /* @__PURE__ */ jsxs21("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+          /* @__PURE__ */ jsx29("dt", { children: "Credits" }),
+          /* @__PURE__ */ jsxs21("dd", { children: [
             "+",
             estimate.credits.toLocaleString(locale)
           ] })
@@ -4239,10 +4270,10 @@ function EmbeddedTopup({
   }
   if (screen.step === "payment") {
     if (stripeProbe === "loading") {
-      return /* @__PURE__ */ jsx28("section", { className: cx2.card, "aria-label": "Loading top-up", children: /* @__PURE__ */ jsx28("p", { children: "Loading top-up\u2026" }) });
+      return /* @__PURE__ */ jsx29("section", { className: cx2.card, "aria-label": "Loading top-up", children: /* @__PURE__ */ jsx29("p", { children: "Loading top-up\u2026" }) });
     }
     if (stripeProbe === "blocked") {
-      return /* @__PURE__ */ jsx28(HostedTopupFallback, { cx: cx2, onChangeAmount: () => setScreen({ step: "amount" }) });
+      return /* @__PURE__ */ jsx29(HostedTopupFallback, { cx: cx2, onChangeAmount: () => setScreen({ step: "amount" }) });
     }
     const committedAmountMinor = screen.amountMinor;
     const savesCard = screen.autoRecharge != null;
@@ -4258,7 +4289,7 @@ function EmbeddedTopup({
       creditEstimate.kind === "available" ? `Adds ${creditEstimate.credits.toLocaleString(locale)} credits` : void 0,
       formattedBalance ? `Balance ${formattedBalance} credits` : void 0
     ].filter((part) => part != null);
-    return /* @__PURE__ */ jsx28("section", { className: cx2.card, "aria-label": "Top-up payment", children: /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29("section", { className: cx2.card, "aria-label": "Top-up payment", children: /* @__PURE__ */ jsx29(
       TopupForm.Root,
       {
         amount: committedAmountMinor,
@@ -4283,32 +4314,32 @@ function EmbeddedTopup({
           });
           onTopupSuccess?.(committedAmountMinor);
         },
-        children: /* @__PURE__ */ jsxs20(McpHostedLayout, { children: [
-          /* @__PURE__ */ jsx28(McpSummaryRail, { children: /* @__PURE__ */ jsxs20("section", { className: cx2.stack, children: [
-            /* @__PURE__ */ jsx28("p", { className: cx2.muted, children: "Total due today" }),
-            /* @__PURE__ */ jsx28("p", { className: cx2.topupAmountHero, children: /* @__PURE__ */ jsx28(TopupChargeAmount, { amountMinor: committedAmountMinor, currency }) }),
-            contextParts.length > 0 ? /* @__PURE__ */ jsx28("p", { className: cx2.topupBalanceContext, children: contextParts.join(" \xB7 ") }) : null,
-            isFullscreen ? /* @__PURE__ */ jsx28(TopupForm.Summary.Rows, { className: cx2.taxSummary }) : /* @__PURE__ */ jsx28(TopupForm.Summary.TaxNote, { className: cx2.muted })
+        children: /* @__PURE__ */ jsxs21(McpHostedLayout, { children: [
+          /* @__PURE__ */ jsx29(McpSummaryRail, { children: /* @__PURE__ */ jsxs21("section", { className: cx2.stack, children: [
+            /* @__PURE__ */ jsx29("p", { className: cx2.muted, children: "Total due today" }),
+            /* @__PURE__ */ jsx29("p", { className: cx2.topupAmountHero, children: /* @__PURE__ */ jsx29(TopupChargeAmount, { amountMinor: committedAmountMinor, currency }) }),
+            contextParts.length > 0 ? /* @__PURE__ */ jsx29("p", { className: cx2.topupBalanceContext, children: contextParts.join(" \xB7 ") }) : null,
+            isFullscreen ? /* @__PURE__ */ jsx29(TopupForm.Summary.Rows, { className: cx2.taxSummary }) : /* @__PURE__ */ jsx29(TopupForm.Summary.TaxNote, { className: cx2.muted })
           ] }) }),
-          /* @__PURE__ */ jsxs20(McpHostedBody, { children: [
-            /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsxs21(McpHostedBody, { children: [
+            /* @__PURE__ */ jsx29(
               McpPaymentHeader,
               {
                 backLabel: "Change amount",
                 onBack: () => setScreen({ step: "amount" })
               }
             ),
-            /* @__PURE__ */ jsxs20("div", { className: cx2.topupForm, children: [
-              /* @__PURE__ */ jsx28(TopupForm.Loading, {}),
-              /* @__PURE__ */ jsx28(TopupForm.PaymentElement, { options: MCP_PAYMENT_ELEMENT_OPTIONS }),
-              /* @__PURE__ */ jsx28(TopupForm.BusinessDetails.Root, { className: cx2.businessDetails, children: /* @__PURE__ */ jsx28(TopupForm.BusinessDetails.Fields, {}) }),
-              /* @__PURE__ */ jsx28(TopupForm.Error, { className: cx2.error }),
-              /* @__PURE__ */ jsxs20(TopupForm.SubmitButton, { className: cx2.button, children: [
+            /* @__PURE__ */ jsxs21("div", { className: cx2.topupForm, children: [
+              /* @__PURE__ */ jsx29(TopupForm.Loading, {}),
+              /* @__PURE__ */ jsx29(TopupForm.PaymentElement, { options: MCP_PAYMENT_ELEMENT_OPTIONS }),
+              /* @__PURE__ */ jsx29(TopupForm.BusinessDetails.Root, { className: cx2.businessDetails, children: /* @__PURE__ */ jsx29(TopupForm.BusinessDetails.Fields, {}) }),
+              /* @__PURE__ */ jsx29(TopupForm.Error, { className: cx2.error }),
+              /* @__PURE__ */ jsxs21(TopupForm.SubmitButton, { className: cx2.button, children: [
                 "Top up",
                 " ",
-                /* @__PURE__ */ jsx28(TopupChargeAmount, { amountMinor: committedAmountMinor, currency })
+                /* @__PURE__ */ jsx29(TopupChargeAmount, { amountMinor: committedAmountMinor, currency })
               ] }),
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx29(
                 MandateText,
                 {
                   mode: "topup",
@@ -4324,7 +4355,7 @@ function EmbeddedTopup({
     ) });
   }
   const currencyDisplay = showCurrencySwitch ? "code" : "symbol";
-  const amountForm = /* @__PURE__ */ jsxs20(
+  const amountForm = /* @__PURE__ */ jsxs21(
     AmountPicker.Root,
     {
       currency,
@@ -4332,7 +4363,7 @@ function EmbeddedTopup({
       selector: topupSelector,
       className: cx2.amountPicker,
       children: [
-        isFullscreen ? null : /* @__PURE__ */ jsx28(
+        isFullscreen ? null : /* @__PURE__ */ jsx29(
           AmountStepHeader,
           {
             cx: cx2,
@@ -4342,15 +4373,15 @@ function EmbeddedTopup({
             onCurrencyChange: handleCurrencyChange
           }
         ),
-        /* @__PURE__ */ jsx28(PresetAmountGrid, { currencyDisplay, locale }),
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(PresetAmountGrid, { currencyDisplay }),
+        /* @__PURE__ */ jsx29(
           CustomAmountRow2,
           {
             rowClassName: cx2.amountCustom,
             currencyDisplay
           }
         ),
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(
           McpInlineAutoRecharge,
           {
             ref: autoRechargeRef,
@@ -4359,8 +4390,8 @@ function EmbeddedTopup({
             displayExchangeRate
           }
         ),
-        /* @__PURE__ */ jsx28(AmountDueSummary, { locale, currency }),
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(AmountDueSummary, { locale, currency }),
+        /* @__PURE__ */ jsx29(
           AmountPicker.Confirm,
           {
             className: cx2.button,
@@ -4389,8 +4420,8 @@ function EmbeddedTopup({
     }
   );
   if (isFullscreen) {
-    return /* @__PURE__ */ jsx28("section", { className: cx2.card, "aria-label": "Add credits", children: /* @__PURE__ */ jsxs20(McpHostedLayout, { children: [
-      /* @__PURE__ */ jsx28(McpSummaryRail, { children: /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29("section", { className: cx2.card, "aria-label": "Add credits", children: /* @__PURE__ */ jsxs21(McpHostedLayout, { children: [
+      /* @__PURE__ */ jsx29(McpSummaryRail, { children: /* @__PURE__ */ jsx29(
         AmountStepHeader,
         {
           cx: cx2,
@@ -4401,14 +4432,14 @@ function EmbeddedTopup({
           rail: true
         }
       ) }),
-      /* @__PURE__ */ jsxs20(McpHostedBody, { children: [
-        onBack ? /* @__PURE__ */ jsx28(BackLink, { label: "Back to my account", onClick: onBack }) : null,
+      /* @__PURE__ */ jsxs21(McpHostedBody, { children: [
+        onBack ? /* @__PURE__ */ jsx29(BackLink, { label: "Back to my account", onClick: onBack }) : null,
         amountForm
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs20("section", { className: cx2.card, "aria-label": "Add credits", children: [
-    onBack ? /* @__PURE__ */ jsx28(BackLink, { label: "Back to my account", onClick: onBack }) : null,
+  return /* @__PURE__ */ jsxs21("section", { className: cx2.card, "aria-label": "Add credits", children: [
+    onBack ? /* @__PURE__ */ jsx29(BackLink, { label: "Back to my account", onClick: onBack }) : null,
     amountForm
   ] });
 }
@@ -4419,7 +4450,7 @@ function TopupChargeAmount({
   const locale = useHostLocale();
   const { taxBreakdown } = useTopupForm();
   const minor = chargeAmountMinor(taxBreakdown, amountMinor);
-  return /* @__PURE__ */ jsx28(Fragment12, { children: formatPrice(minor, taxBreakdown?.currency ?? currency, { locale, free: "" }) });
+  return /* @__PURE__ */ jsx29(Fragment13, { children: formatPrice(minor, taxBreakdown?.currency ?? currency, { locale, free: "" }) });
 }
 function AmountStepHeader({
   cx: cx2,
@@ -4432,69 +4463,43 @@ function AmountStepHeader({
   const { credits } = useBalance();
   const locale = useHostLocale();
   const formattedBalance = credits != null ? new Intl.NumberFormat(locale).format(credits) : void 0;
-  return /* @__PURE__ */ jsxs20("header", { className: rail ? cx2.stack : void 0, children: [
-    rail ? /* @__PURE__ */ jsxs20(Fragment12, { children: [
-      /* @__PURE__ */ jsx28(Eyebrow, { variant: "rail", children: "Add credits" }),
-      formattedBalance ? /* @__PURE__ */ jsxs20("p", { className: cx2.muted, children: [
+  return /* @__PURE__ */ jsxs21("header", { className: rail ? cx2.stack : void 0, children: [
+    rail ? /* @__PURE__ */ jsxs21(Fragment13, { children: [
+      /* @__PURE__ */ jsx29(Eyebrow, { variant: "rail", children: "Add credits" }),
+      formattedBalance ? /* @__PURE__ */ jsxs21("p", { className: cx2.muted, children: [
         "Balance ",
         formattedBalance,
         " credits"
       ] }) : null
-    ] }) : /* @__PURE__ */ jsxs20("div", { className: cx2.balanceRow, children: [
-      /* @__PURE__ */ jsx28("h2", { className: cx2.heading, children: "Add credits" }),
-      /* @__PURE__ */ jsx28(BalanceBadge, {})
+    ] }) : /* @__PURE__ */ jsxs21("div", { className: cx2.balanceRow, children: [
+      /* @__PURE__ */ jsx29("h2", { className: cx2.heading, children: "Add credits" }),
+      /* @__PURE__ */ jsx29(BalanceBadge, {})
     ] }),
-    showCurrencySwitch ? /* @__PURE__ */ jsxs20("label", { className: "solvapay-mcp-step-header", children: [
-      /* @__PURE__ */ jsx28("span", { className: cx2.muted, children: "Pay in" }),
-      /* @__PURE__ */ jsx28(
+    showCurrencySwitch ? /* @__PURE__ */ jsxs21("label", { className: "solvapay-mcp-step-header", children: [
+      /* @__PURE__ */ jsx29("span", { className: cx2.muted, children: "Pay in" }),
+      /* @__PURE__ */ jsx29(
         "select",
         {
           className: "solvapay-mcp-currency-switch",
           value: currency,
           onChange: (event) => onCurrencyChange(event.target.value),
           "aria-label": "Topup currency",
-          children: topupCurrencies.map((code) => /* @__PURE__ */ jsx28("option", { value: code, children: code }, code))
+          children: topupCurrencies.map((code) => /* @__PURE__ */ jsx29("option", { value: code, children: code }, code))
         }
       )
     ] }) : null
   ] });
 }
-function PresetAmountGrid({
-  currencyDisplay,
-  locale
-}) {
-  const { quickAmounts, currency, creditsPerMinorUnit, displayExchangeRate } = useAmountPicker();
-  const { displayCurrency } = useBalance();
-  return /* @__PURE__ */ jsx28("div", { className: "solvapay-mcp-preset-grid", "aria-label": "Quick amounts", children: quickAmounts.map((amount) => {
-    const minor = amount * getMinorUnitsPerMajor(currency);
-    const label = formatPrice(minor, currency, {
-      locale,
-      free: "",
-      currencyDisplay
-    });
-    const estimate = estimateTopupCredits(
-      minor,
-      currency,
-      displayCurrency,
-      creditsPerMinorUnit,
-      displayExchangeRate
-    );
-    return /* @__PURE__ */ jsxs20(AmountPicker.Option, { amount, className: "solvapay-mcp-preset-tile", children: [
-      /* @__PURE__ */ jsx28("span", { className: "solvapay-mcp-preset-tile-amount", children: label }),
-      /* @__PURE__ */ jsx28("span", { className: "solvapay-mcp-preset-tile-credits", children: estimate.kind === "available" ? formatCompactCredits(estimate.credits, locale) : "" })
-    ] }, amount);
-  }) });
-}
 function AmountDueSummary({ locale, currency }) {
   const { resolvedAmountMinor } = useAmountPicker();
   const displayAmount = resolvedAmountMinor != null ? formatPrice(resolvedAmountMinor, currency, { locale, free: "" }) : formatPrice(0, currency, { locale, free: "" });
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     AmountLadder,
     {
       rows: [
         {
           label: "Total due today",
-          value: /* @__PURE__ */ jsx28("span", { className: "solvapay-mcp-topup-total", children: displayAmount })
+          value: /* @__PURE__ */ jsx29("span", { className: "solvapay-mcp-topup-total", children: displayAmount })
         }
       ]
     }
@@ -4506,20 +4511,20 @@ function CustomAmountRow2({
 }) {
   const { currencySymbol: currencySymbol2, currency } = useAmountPicker();
   const prefix = currencyDisplay === "code" ? currency.toUpperCase() : currencySymbol2;
-  return /* @__PURE__ */ jsxs20("label", { className: rowClassName, children: [
-    /* @__PURE__ */ jsx28("span", { className: "solvapay-mcp-amount-currency-symbol", children: prefix }),
-    /* @__PURE__ */ jsx28(AmountPicker.Custom, { className: "solvapay-mcp-amount-custom-input", placeholder: "0.00" })
+  return /* @__PURE__ */ jsxs21("label", { className: rowClassName, children: [
+    /* @__PURE__ */ jsx29("span", { className: "solvapay-mcp-amount-currency-symbol", children: prefix }),
+    /* @__PURE__ */ jsx29(AmountPicker.Custom, { className: "solvapay-mcp-amount-custom-input", placeholder: "0.00" })
   ] });
 }
 function HostedTopupFallback({
   cx: cx2,
   onChangeAmount
 }) {
-  return /* @__PURE__ */ jsxs20("section", { className: cx2.card, "aria-label": "Add credits", children: [
-    /* @__PURE__ */ jsx28(BackLink, { label: "Change amount", onClick: onChangeAmount }),
-    /* @__PURE__ */ jsx28("h2", { className: cx2.heading, children: "Add credits" }),
-    /* @__PURE__ */ jsx28("p", { className: cx2.muted, children: "This host doesn't allow embedded payments. Open the SolvaPay portal in a new tab to complete your top-up there." }),
-    /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs21("section", { className: cx2.card, "aria-label": "Add credits", children: [
+    /* @__PURE__ */ jsx29(BackLink, { label: "Change amount", onClick: onChangeAmount }),
+    /* @__PURE__ */ jsx29("h2", { className: cx2.heading, children: "Add credits" }),
+    /* @__PURE__ */ jsx29("p", { className: cx2.muted, children: "This host doesn't allow embedded payments. Open the SolvaPay portal in a new tab to complete your top-up there." }),
+    /* @__PURE__ */ jsx29(
       LaunchCustomerPortalButton,
       {
         className: cx2.button,
@@ -4532,7 +4537,7 @@ function HostedTopupFallback({
 }
 
 // src/mcp/McpAppShell.tsx
-import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
 function resolveSurface(bootstrapView) {
   switch (bootstrapView) {
     case "checkout":
@@ -4569,8 +4574,8 @@ function McpAppShell({
   const effectiveView = overrideView ?? resolvedView;
   const showFooter = footer ?? true;
   const surface = effectiveView === "account" || effectiveView === "auto-recharge" ? "management" : "payment";
-  return /* @__PURE__ */ jsxs21("div", { className: "solvapay-mcp-shell", children: [
-    /* @__PURE__ */ jsx29(McpHostedColumn, { surface, children: /* @__PURE__ */ jsx29(McpHostedLayout, { children: /* @__PURE__ */ jsx29("div", { className: "solvapay-mcp-shell-body", children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs22("div", { className: "solvapay-mcp-shell", children: [
+    /* @__PURE__ */ jsx30(McpHostedColumn, { surface, children: /* @__PURE__ */ jsx30(McpHostedLayout, { children: /* @__PURE__ */ jsx30("div", { className: "solvapay-mcp-shell-body", children: /* @__PURE__ */ jsx30(
       McpViewRouter,
       {
         view: effectiveView,
@@ -4583,12 +4588,16 @@ function McpAppShell({
         onClose
       }
     ) }) }) }),
-    showFooter ? /* @__PURE__ */ jsx29(ShellFooter, { classNames }) : null
+    showFooter ? /* @__PURE__ */ jsx30(ShellFooter, { classNames }) : null
   ] });
 }
 function ShellFooter({ classNames }) {
   const cx2 = resolveMcpClassNames(classNames);
-  return /* @__PURE__ */ jsx29("footer", { className: `solvapay-mcp-shell-footer ${cx2.muted}`.trim(), children: /* @__PURE__ */ jsx29(LegalFooter, { attribution: "provided" }) });
+  const copy = useCopy();
+  return /* @__PURE__ */ jsxs22("footer", { className: `solvapay-mcp-shell-footer ${cx2.muted}`.trim(), children: [
+    /* @__PURE__ */ jsx30("span", { children: copy.legalFooter.providedBy }),
+    /* @__PURE__ */ jsx30(LegalFooter, { attribution: false })
+  ] });
 }
 function McpViewRouter({
   view,
@@ -4609,7 +4618,7 @@ function McpViewRouter({
   const goAccount = onSurfaceChange ? () => onSurfaceChange("account") : void 0;
   switch (view) {
     case "checkout":
-      return /* @__PURE__ */ jsx29(
+      return /* @__PURE__ */ jsx30(
         CheckoutView,
         {
           productRef,
@@ -4627,7 +4636,7 @@ function McpViewRouter({
       );
     case "auto-recharge":
     case "account":
-      return /* @__PURE__ */ jsx29(
+      return /* @__PURE__ */ jsx30(
         AccountView,
         {
           classNames,
@@ -4641,7 +4650,7 @@ function McpViewRouter({
         }
       );
     case "topup":
-      return /* @__PURE__ */ jsx29(
+      return /* @__PURE__ */ jsx30(
         TopupView,
         {
           publishableKey: stripePublishableKey,
@@ -4660,17 +4669,17 @@ import { useContext as useContext4, useLayoutEffect, useRef as useRef7, useState
 
 // src/mcp/hooks/useHostInfo.tsx
 import { createContext as createContext3, useContext as useContext3 } from "react";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var McpHostInfoContext = createContext3(null);
 function McpHostInfoProvider({ hostName, children }) {
-  return /* @__PURE__ */ jsx30(McpHostInfoContext.Provider, { value: hostName, children });
+  return /* @__PURE__ */ jsx31(McpHostInfoContext.Provider, { value: hostName, children });
 }
 function useHostName() {
   return useContext3(McpHostInfoContext);
 }
 
 // src/mcp/views/AppHeader.tsx
-import { jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
 var HOSTS_WITH_MERCHANT_CHROME = /chatgpt|openai|claude/i;
 function useMerchantSafe() {
   const ctx = useContext4(SolvaPayContext);
@@ -4723,8 +4732,8 @@ function AppHeader({
   const rootClass = [cx2.appHeader, className].filter(Boolean).join(" ");
   const hasIconUrl = iconUrl !== null && !imgFailed;
   const showInitials = !hasIconUrl || !imgLoaded;
-  return /* @__PURE__ */ jsxs22("header", { className: rootClass, children: [
-    hasIconUrl ? /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs23("header", { className: rootClass, children: [
+    hasIconUrl ? /* @__PURE__ */ jsx32(
       "img",
       {
         ref: imgRef,
@@ -4736,14 +4745,14 @@ function AppHeader({
         onError: () => setImgFailed(true)
       }
     ) : null,
-    showInitials ? /* @__PURE__ */ jsx31("span", { className: cx2.appHeaderInitials, "aria-hidden": "true", children: getInitials(name) }) : null,
-    /* @__PURE__ */ jsx31("span", { className: cx2.appHeaderName, children: name }),
-    children ? /* @__PURE__ */ jsx31("span", { className: "solvapay-mcp-app-header-slot", children }) : null
+    showInitials ? /* @__PURE__ */ jsx32("span", { className: cx2.appHeaderInitials, "aria-hidden": "true", children: getInitials(name) }) : null,
+    /* @__PURE__ */ jsx32("span", { className: cx2.appHeaderName, children: name }),
+    children ? /* @__PURE__ */ jsx32("span", { className: "solvapay-mcp-app-header-slot", children }) : null
   ] });
 }
 
 // src/mcp/McpApp.tsx
-import { jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
 function bootstrapToInitial(bs) {
   return {
     customerRef: bs.customer?.ref ?? null,
@@ -4757,6 +4766,7 @@ function bootstrapToInitial(bs) {
     plans: bs.plans
   };
 }
+var OPENING_RESULT_GRACE_MS = 1500;
 function McpApp({
   app,
   productRef: productRefOverride,
@@ -4791,9 +4801,18 @@ function McpApp({
     setHostName(null);
     setDisplayModeState(DEFAULT_DISPLAY_MODE_STATE);
     let hasBootstrap = false;
+    let toolCallInFlight = false;
+    let initialFetchInFlight = false;
+    let graceTimer = null;
+    const clearGrace = () => {
+      if (graceTimer !== null) {
+        clearTimeout(graceTimer);
+        graceTimer = null;
+      }
+    };
     const loadBootstrap = async () => {
-      if (cancelled || hasBootstrap || pendingBootstrapFetchRef.current > 0) return;
-      pendingBootstrapFetchRef.current += 1;
+      if (cancelled || hasBootstrap || initialFetchInFlight) return;
+      initialFetchInFlight = true;
       try {
         let resolved;
         try {
@@ -4801,17 +4820,16 @@ function McpApp({
         } catch {
           resolved = await fetchMcpBootstrap(app);
         }
-        if (!cancelled) {
-          hasBootstrap = true;
-          setBootstrap(resolved);
-        }
+        if (cancelled || hasBootstrap) return;
+        hasBootstrap = true;
+        setBootstrap(resolved);
       } catch (err) {
         if (cancelled) return;
         const message = err instanceof Error ? err.message : "Failed to initialize SolvaPay";
         setInitError(message);
         onInitErrorRef.current?.(err instanceof Error ? err : new Error(message));
       } finally {
-        pendingBootstrapFetchRef.current = Math.max(0, pendingBootstrapFetchRef.current - 1);
+        initialFetchInFlight = false;
       }
     };
     const applyHostContext = (ctx) => {
@@ -4822,33 +4840,51 @@ function McpApp({
       applyHostContext(ctx);
     };
     app.onteardown = async () => ({});
+    const onToolInput = () => {
+      if (cancelled) return;
+      toolCallInFlight = true;
+      clearGrace();
+    };
+    const onToolCancelled = () => {
+      if (cancelled) return;
+      toolCallInFlight = false;
+      clearGrace();
+      if (!hasBootstrap) void loadBootstrap();
+    };
     const onToolResult = (params) => {
       if (cancelled) return;
       const toolName = app.getHostContext?.()?.toolInfo?.tool?.name ?? null;
       if (toolName && isTransportToolName(toolName)) return;
       if (pendingBootstrapFetchRef.current) return;
       try {
-        const intentView = toolName ? VIEW_FOR_TOOL2[toolName] : void 0;
-        const fallbackView = intentView ?? "checkout";
         const fresh = parseBootstrapFromToolResult(
           params,
           toolName ?? "(unknown tool)",
-          fallbackView
+          fallbackViewFromHost(app)
         );
+        toolCallInFlight = false;
         hasBootstrap = true;
+        clearGrace();
         setBootstrap(fresh);
       } catch {
-        if (!hasBootstrap && classifyHostEntry(app).kind === "intent") {
+        toolCallInFlight = false;
+        clearGrace();
+        if (!hasBootstrap) {
           void loadBootstrap();
-          return;
         }
       }
     };
     let unsubscribe;
     if (typeof app.addEventListener === "function") {
       app.addEventListener("toolresult", onToolResult);
+      app.addEventListener("toolinput", onToolInput);
+      app.addEventListener("toolinputpartial", onToolInput);
+      app.addEventListener("toolcancelled", onToolCancelled);
       unsubscribe = () => {
         app.removeEventListener?.("toolresult", onToolResult);
+        app.removeEventListener?.("toolinput", onToolInput);
+        app.removeEventListener?.("toolinputpartial", onToolInput);
+        app.removeEventListener?.("toolcancelled", onToolCancelled);
       };
     } else {
       const prior = app.ontoolresult;
@@ -4869,8 +4905,13 @@ function McpApp({
         applyHostContext(app.getHostContext());
         setHostName(app.getHostVersion?.()?.name ?? null);
         const hostEntry = classifyHostEntry(app);
-        if (hostEntry.kind === "other") {
+        if (hostEntry.kind === "other" && hostEntry.toolName && isTransportToolName(hostEntry.toolName)) {
           await loadBootstrap();
+        } else if (hostEntry.kind === "other" && !toolCallInFlight) {
+          graceTimer = setTimeout(() => {
+            graceTimer = null;
+            if (!cancelled && !hasBootstrap && !toolCallInFlight) void loadBootstrap();
+          }, OPENING_RESULT_GRACE_MS);
         }
       } catch (err) {
         if (cancelled) return;
@@ -4881,6 +4922,7 @@ function McpApp({
     })();
     return () => {
       cancelled = true;
+      clearGrace();
       unsubscribe?.();
     };
   }, [app]);
@@ -4965,31 +5007,31 @@ function McpApp({
   );
   const effectiveOnClose = onClose ?? defaultOnClose;
   const effectiveBootstrap = bootstrap && productRefOverride ? { ...bootstrap, productRef: productRefOverride } : bootstrap;
-  return /* @__PURE__ */ jsx32(McpHostInfoProvider, { hostName, children: /* @__PURE__ */ jsx32(McpDisplayModeProvider, { value: displayModeState, children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx33(McpHostInfoProvider, { hostName, children: /* @__PURE__ */ jsx33(McpDisplayModeProvider, { value: displayModeState, children: /* @__PURE__ */ jsxs24(
     "main",
     {
       className: "solvapay-mcp-main",
       "data-display-mode": displayModeState.displayMode,
       style: hostSafeAreaPadding(displayModeState.safeAreaInsets),
       children: [
-        /* @__PURE__ */ jsx32("div", { className: "solvapay-mcp-chrome-row", children: displayModeState.displayMode !== "fullscreen" ? /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33("div", { className: "solvapay-mcp-chrome-row", children: displayModeState.displayMode !== "fullscreen" ? /* @__PURE__ */ jsx33(
           AppHeader,
           {
             classNames,
             merchant: effectiveBootstrap?.merchant ?? null
           }
         ) : null }),
-        initError ? /* @__PURE__ */ jsxs23("div", { className: `${cx2.card} ${cx2.error}`.trim(), children: [
-          /* @__PURE__ */ jsx32("h2", { className: cx2.heading, children: "Unable to load SolvaPay" }),
-          /* @__PURE__ */ jsx32("p", { children: initError })
+        initError ? /* @__PURE__ */ jsxs24("div", { className: `${cx2.card} ${cx2.error}`.trim(), children: [
+          /* @__PURE__ */ jsx33("h2", { className: cx2.heading, children: "Unable to load SolvaPay" }),
+          /* @__PURE__ */ jsx33("p", { children: initError })
         ] }) : !effectiveBootstrap ? (
           // Intent-tool / fallback entries show a loading card while the
           // in-flight `fetchMcpBootstrap` call resolves. Data-tool iframe
           // entries no longer exist (payable merchant tools don't advertise
           // `_meta.ui.resourceUri`) so this is always legitimate user
           // feedback for an in-flight tool call.
-          /* @__PURE__ */ jsx32("div", { className: cx2.card, children: /* @__PURE__ */ jsx32("p", { children: "Loading\u2026" }) })
-        ) : /* @__PURE__ */ jsx32(SolvaPayProvider, { config: providerConfig, children: /* @__PURE__ */ jsx32(McpBridgeProvider, { app, messageOnSuccess, children: /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33("div", { className: cx2.card, children: /* @__PURE__ */ jsx33("p", { children: "Loading\u2026" }) })
+        ) : /* @__PURE__ */ jsx33(SolvaPayProvider, { config: providerConfig, children: /* @__PURE__ */ jsx33(McpBridgeProvider, { app, messageOnSuccess, children: /* @__PURE__ */ jsx33(
           McpAppShell,
           {
             bootstrap: effectiveBootstrap,