@solvapay/react 2.5.0 → 2.6.0

package/dist/mcp/index.cjs

@@ -45,7 +45,7 @@ __export(mcp_exports, {
   LineItem: () => LineItem,
   MCP_DISPLAY_MODES: () => MCP_DISPLAY_MODES,
   MCP_HOSTED_MIN_WIDTH: () => MCP_HOSTED_MIN_WIDTH,
-  MCP_TOOL_NAMES: () => import_mcp_core4.MCP_TOOL_NAMES,
+  MCP_TOOL_NAMES: () => import_mcp_core3.MCP_TOOL_NAMES,
   MCP_USAGE_CRITICAL_AT: () => MCP_USAGE_CRITICAL_AT,
   MCP_USAGE_WARNING_AT: () => MCP_USAGE_WARNING_AT,
   McpAccountView: () => McpAccountView,
@@ -183,7 +183,7 @@ function createMcpAppAdapter(app) {
 }
 
 // src/mcp/index.ts
-var import_mcp_core4 = require("@solvapay/mcp-core");
+var import_mcp_core3 = require("@solvapay/mcp-core");
 
 // src/mcp/useStripeProbe.ts
 var import_react = require("react");
@@ -662,25 +662,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 = import_mcp_core2.TOOL_FOR_VIEW[view];
+  const view = fallbackViewFromHost(app);
   const result = await app.callServerTool({
-    name: toolName,
+    name: import_mcp_core2.VIEWER_TOOL_NAME,
     arguments: {}
   });
-  return parseBootstrapFromToolResult(result, toolName, view);
+  return parseBootstrapFromToolResult(result, import_mcp_core2.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: import_mcp_core2.SOLVAPAY_BOOTSTRAP_URI });
   const text = result.contents?.[0]?.text;
   if (typeof text !== "string" || !text) {
@@ -692,12 +691,11 @@ async function fetchMcpBootstrapViaResource(app) {
   } catch {
     throw new Error("Bootstrap resource returned invalid JSON");
   }
-  const bootstrap = parseBootstrapFromToolResult(
+  return parseBootstrapFromToolResult(
     { structuredContent: payload },
     import_mcp_core2.SOLVAPAY_BOOTSTRAP_URI,
     view
   );
-  return { ...bootstrap, view };
 }
 function parseBootstrapFromToolResult(result, toolName, fallbackView) {
   const structured = result.structuredContent;
@@ -1502,6 +1500,7 @@ var enCopy = {
     soldBy: "Sold by {merchant}",
     fullHistory: "Full history",
     fullAccount: "Full account",
+    signedInAs: "Signed in as",
     creditActivityEyebrow: "Credit activity",
     chargesEyebrow: "Charges for this product",
     creditActivityCaption: "Every credit event on your account, newest first, including other products and top-ups. Credits are shared, so the balance only makes sense account-wide.",
@@ -2862,8 +2861,8 @@ function deriveUsage(purchase, limits) {
   const hasFiniteCap = limits.unlimited === false && limits.remaining !== null;
   const remaining = hasFiniteCap ? limits.remaining : null;
   const total = typeof limits.limit === "number" && limits.limit > 0 ? limits.limit : null;
-  const used = typeof limits.used === "number" ? limits.used : total !== null && remaining !== null ? Math.max(0, total - remaining) : typeof usage?.used === "number" ? usage.used : 0;
-  const percentUsed = total !== null && total > 0 ? Math.min(100, Math.round(used / total * 1e4) / 100) : null;
+  const used = typeof limits.used === "number" ? limits.used : total !== null && remaining !== null ? Math.max(0, total - remaining) : null;
+  const percentUsed = total !== null && total > 0 && used !== null ? Math.min(100, Math.round(used / total * 1e4) / 100) : null;
   return {
     meterRef: limits.meterName,
     total,
@@ -3015,7 +3014,6 @@ function seedMcpCaches(initial, config) {
 
 // src/mcp/McpApp.tsx
 var import_react58 = require("react");
-var import_mcp_core3 = require("@solvapay/mcp-core");
 
 // src/mcp/McpAppShell.tsx
 var import_react55 = require("react");
@@ -3386,7 +3384,7 @@ var import_core6 = require("@solvapay/core");
 
 // src/utils/isPayg.ts
 function isPaygPlan(plan) {
-  return plan?.type === "usage-based" || plan?.type === "hybrid";
+  return plan?.type === "usage-based";
 }
 
 // src/utils/planPricing.ts
@@ -4051,7 +4049,7 @@ var Label = (0, import_react21.forwardRef)(function UsageMeterLabel({ className,
     );
   }
   const unit = ctx.usage.meterRef ?? "requests";
-  const label = ctx.usage.total !== null ? interpolate(copy.usage.usedLabel, {
+  const label = ctx.usage.total !== null && ctx.usage.used !== null ? interpolate(copy.usage.usedLabel, {
     used: String(ctx.usage.used),
     total: String(ctx.usage.total),
     unit
@@ -4599,10 +4597,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__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "solvapay-mcp-muted solvapay-mcp-signed-in", children: [
+    copy.account.signedInAs,
+    " ",
+    resolvedEmail ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: resolvedEmail }),
+      " \xB7 "
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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;
@@ -4630,6 +4645,7 @@ function AccountIdentityFooter() {
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "solvapay-mcp-account-footer-buyer", children: [
       name ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: name }) : null,
       email ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "solvapay-mcp-muted", children: email }) : null,
+      signedInRef ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "solvapay-mcp-muted solvapay-mcp-signed-in-ref", children: signedInRef }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PortalTextLink, { children: copy.account.fullAccount })
     ] })
   ] });
@@ -4844,7 +4860,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,
@@ -4902,7 +4918,8 @@ function AllowanceAccountPanel({
             errorClassName: cx2.button
           }
         )
-      ] }) : null
+      ] }) : null,
+      isFullscreen ? null : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AccountSignedInAs, {})
     ] }),
     isFullscreen && productRef ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChargesSection, { charges: history.charges, loading: history.loading, error: history.error }) : null,
     isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AccountIdentityFooter, {}) : null
@@ -5100,7 +5117,8 @@ function CreditAccountPanel({
             errorClassName: cx2.button
           }
         )
-      ] }) : null
+      ] }) : null,
+      isFullscreen ? null : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AccountSignedInAs, {})
     ] }),
     isFullscreen && productRef ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       CreditActivitySection,
@@ -5476,7 +5494,10 @@ function ForcedAccountPanel({
 }) {
   const cx2 = resolveMcpClassNames(classNames);
   if (accountState === "G") {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "solvapay-mcp-account", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: cx2.card, "data-solvapay-mcp-account-skeleton": "", "aria-busy": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AccountSkeleton, {}) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "solvapay-mcp-account", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cx2.card, "data-solvapay-mcp-account-skeleton": "", "aria-busy": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AccountSkeleton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AccountSignedInAs, {})
+    ] }) });
   }
   if (accountState === "H") {
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -5597,7 +5618,8 @@ function ActivateAccountPanel({
       }
     ),
     error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: cx2.error, role: "alert", children: error }) : null,
-    showPortalCta ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PortalHint, { classNames }) : null
+    showPortalCta ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PortalHint, { classNames }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AccountSignedInAs, {})
   ] }) });
 }
 function OverageAccountPanel({
@@ -5665,7 +5687,8 @@ function OverageAccountPanel({
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "solvapay-mcp-overage-copy", children: copy.account.stillWorking }),
     onChangePlan ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", className: cx2.linkButton, onClick: () => onChangePlan(), children: copy.account.seeHigherLimit }) : null,
-    showPortalCta ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PortalHint, { classNames }) : null
+    showPortalCta ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PortalHint, { classNames }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AccountSignedInAs, {})
   ] }) });
 }
 function CancelledAccountPanel({
@@ -5693,7 +5716,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__ */ (0, import_jsx_runtime17.jsx)("div", { className: "solvapay-mcp-account", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cx2.card, children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -5736,7 +5759,8 @@ function CancelledAccountPanel({
       )
     ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CancelledPlanNotice.Root, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CancelledPlanNotice.ReactivateButton, { className: cx2.button, "data-variant": "secondary", children: interpolate(copy.account.reactivatePlan, { plan: planName }) }) }),
-    showPortalCta ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PortalHint, { classNames }) : null
+    showPortalCta ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PortalHint, { classNames }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AccountSignedInAs, {})
   ] }) });
 }
 function PortalHint({ classNames }) {
@@ -5975,7 +5999,8 @@ function LadderAccountPanel({
             errorClassName: cx2.button
           }
         )
-      ] }) : null
+      ] }) : null,
+      isFullscreen ? null : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AccountSignedInAs, {})
     ] }),
     isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AccountIdentityFooter, {}) : null
   ] });
@@ -6568,6 +6593,7 @@ function useCheckoutFlow(opts) {
   const planCtx = usePlanSelector();
   const planSelection = usePlanSelection();
   const transport = useTransport();
+  const copy = useCopy();
   const locale = useLocale();
   const balance = useBalance();
   const { creditsPerMinorUnit, displayExchangeRate, adjustBalance } = balance;
@@ -6623,7 +6649,23 @@ function useCheckoutFlow(opts) {
     setError(null);
     setStatus("activating");
     try {
-      await transport.activatePlan({ productRef, planRef: selectedPlanRef });
+      const result = await transport.activatePlan({ productRef, planRef: selectedPlanRef });
+      switch (result.status) {
+        case "activated":
+        case "already_active":
+        case "already_purchased":
+          break;
+        case "topup_required":
+          setStatus("idle");
+          setStep("amount");
+          return true;
+        case "payment_required":
+          throw new Error(copy.activation.paymentRequired);
+        case "invalid":
+          throw new Error(result.message ?? copy.activation.invalidConfiguration);
+        default:
+          throw new Error(copy.activation.unexpectedResponse);
+      }
       const credits = await balance.refetch() ?? balance.credits;
       if (credits == null) {
         throw new Error("Credit balance is unavailable");
@@ -6649,7 +6691,17 @@ function useCheckoutFlow(opts) {
       onErrorRef.current?.(wrapped, "activate");
       return false;
     }
-  }, [balance, locale, productRef, selectedPlanRef, selectedPlanShape, transport]);
+  }, [
+    balance,
+    copy.activation.invalidConfiguration,
+    copy.activation.paymentRequired,
+    copy.activation.unexpectedResponse,
+    locale,
+    productRef,
+    selectedPlanRef,
+    selectedPlanShape,
+    transport
+  ]);
   const advanceFromPlan = (0, import_react30.useCallback)(async () => {
     if (!selectedPlanShape || !selectedPlanRef) return;
     if (branch === "payg") {
@@ -6687,7 +6739,15 @@ function useCheckoutFlow(opts) {
     }
     setError(null);
     setStep("payment");
-  }, [balance, branch, locale, planCtx.currentPlanRef, runActivate, selectedPlanRef, selectedPlanShape]);
+  }, [
+    balance,
+    branch,
+    locale,
+    planCtx.currentPlanRef,
+    runActivate,
+    selectedPlanRef,
+    selectedPlanShape
+  ]);
   const recordPaygSuccess = (0, import_react30.useCallback)(
     (creditsAddedFromBackend) => {
       if (!selectedPlanShape || selectedAmountMinor == null) return;
@@ -7284,6 +7344,57 @@ function useAmountPicker() {
   return usePickerCtx("useAmountPicker");
 }
 
+// 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
+var import_jsx_runtime27 = require("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__ */ (0, import_jsx_runtime27.jsx)("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__ */ (0, import_jsx_runtime27.jsxs)(AmountPicker.Option, { amount, className: "solvapay-mcp-preset-tile", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "solvapay-mcp-preset-tile-amount", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "solvapay-mcp-preset-tile-credits", children: estimate.kind === "available" ? formatCompactCredits(estimate.credits, locale) : "" })
+    ] }, amount);
+  }) });
+}
+
 // src/mcp/views/autoRecharge/McpInlineAutoRecharge.tsx
 var import_react34 = require("react");
 
@@ -7454,7 +7565,7 @@ function validateAutoRechargeForm(form, currency, conversion, messages = DEFAULT
 }
 
 // src/mcp/views/autoRecharge/McpAutoRechargeFields.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function currencySymbol(currency) {
   try {
     const parts = new Intl.NumberFormat("en", {
@@ -7487,8 +7598,8 @@ function McpAutoRechargeFields({
   const explainer = credits != null ? interpolate(copy.autoRechargeView.explainer, {
     credits: new Intl.NumberFormat().format(credits)
   }) : copy.autoRechargeView.explainerNoEstimate;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "solvapay-mcp-auto-recharge-fields", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "solvapay-mcp-auto-recharge-fields", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       Field,
       {
         id: "mcp-auto-recharge-threshold",
@@ -7499,7 +7610,7 @@ function McpAutoRechargeFields({
         onChange: (thresholdAmountMajor) => onChange({ ...form, thresholdAmountMajor })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       Field,
       {
         id: "mcp-auto-recharge-topup",
@@ -7510,7 +7621,7 @@ function McpAutoRechargeFields({
         onChange: (topupAmountMajor) => onChange({ ...form, topupAmountMajor })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       Field,
       {
         id: "mcp-auto-recharge-cap",
@@ -7522,13 +7633,13 @@ function McpAutoRechargeFields({
         onChange: (maxMonthlySpendMajor) => onChange({ ...form, maxMonthlySpendMajor })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "solvapay-mcp-auto-recharge-fields-explainer", children: explainer }),
-    validationError ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "solvapay-mcp-auto-recharge-fields-error", role: "alert", children: validationError }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "solvapay-mcp-auto-recharge-fields-explainer", children: explainer }),
+    validationError ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "solvapay-mcp-auto-recharge-fields-error", role: "alert", children: validationError }) : null
   ] });
 }
 
 // src/mcp/views/autoRecharge/McpInlineAutoRecharge.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var McpInlineAutoRecharge = (0, import_react34.forwardRef)(function McpInlineAutoRecharge2({ currency, creditsPerMinorUnit, displayExchangeRate }, ref) {
   const copy = useCopy();
   const [form, setForm] = (0, import_react34.useState)(() => createDefaultAutoRechargeForm(currency));
@@ -7552,10 +7663,10 @@ var McpInlineAutoRecharge = (0, import_react34.forwardRef)(function McpInlineAut
       };
     }
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "solvapay-mcp-auto-recharge-inline", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(SplitRow, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { children: copy.autoRechargeView.heading }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "solvapay-mcp-auto-recharge-inline", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(SplitRow, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { children: copy.autoRechargeView.heading }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         Toggle,
         {
           checked: form.enabled,
@@ -7567,7 +7678,7 @@ var McpInlineAutoRecharge = (0, import_react34.forwardRef)(function McpInlineAut
         }
       )
     ] }),
-    form.enabled ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    form.enabled ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       McpAutoRechargeFields,
       {
         form,
@@ -7585,7 +7696,7 @@ var McpInlineAutoRecharge = (0, import_react34.forwardRef)(function McpInlineAut
 });
 
 // src/mcp/views/checkout/steps/AmountStep.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var AmountStep = (0, import_react35.memo)(function AmountStep2({
   topupCurrency,
   topupCurrencies,
@@ -7602,23 +7713,23 @@ var AmountStep = (0, import_react35.memo)(function AmountStep2({
   const currencies = topupCurrencies ?? [];
   const showCurrencySwitch = currencies.length > 1 && !!onCurrencyChange;
   const currencyDisplay = showCurrencySwitch ? "code" : "symbol";
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(BackLink, { label: "Back", onClick: onBack }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "solvapay-mcp-step-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h2", { className: cx2.heading, children: "How many credits?" }),
-      showCurrencySwitch && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(BackLink, { label: "Back", onClick: onBack }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "solvapay-mcp-step-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h2", { className: cx2.heading, children: "How many credits?" }),
+      showCurrencySwitch && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "select",
         {
           className: "solvapay-mcp-currency-switch",
           value: currency,
           onChange: (event) => onCurrencyChange?.(event.target.value),
           "aria-label": "Topup currency",
-          children: currencies.map((code) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("option", { value: code, children: code }, code))
+          children: currencies.map((code) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: code, children: code }, code))
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: cx2.muted, children: "Top up to start using the tool." }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: cx2.muted, children: "Top up to start using the tool." }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       AmountPicker.Root,
       {
         currency,
@@ -7626,9 +7737,9 @@ var AmountStep = (0, import_react35.memo)(function AmountStep2({
         className: cx2.amountPicker,
         onChange: (value) => setStagedAmountMinor(value),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(PresetAmountRow, { cx: cx2, currencyDisplay }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CustomAmountRow, { rowClassName: cx2.amountCustom, currencyDisplay }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PresetAmountGrid, { currencyDisplay }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CustomAmountRow, { rowClassName: cx2.amountCustom, currencyDisplay }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             McpInlineAutoRecharge,
             {
               ref: autoRechargeRef,
@@ -7637,7 +7748,7 @@ var AmountStep = (0, import_react35.memo)(function AmountStep2({
               displayExchangeRate
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             AmountPicker.Confirm,
             {
               className: cx2.button,
@@ -7657,41 +7768,15 @@ var AmountStep = (0, import_react35.memo)(function AmountStep2({
     )
   ] });
 });
-function PresetAmountRow({
-  cx: cx2,
-  currencyDisplay
-}) {
-  const { quickAmounts, currency } = useAmountPicker();
-  const locale = useHostLocale();
-  const popularIndex = Math.min(1, quickAmounts.length - 1);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cx2.amountOptions, children: quickAmounts.map((amount, i) => {
-    const label = formatPrice(amount * getMinorUnitsPerMajor(currency), currency, {
-      locale,
-      free: "",
-      currencyDisplay
-    });
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      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__ */ (0, import_jsx_runtime29.jsxs)("div", { className: rowClassName, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "solvapay-mcp-amount-currency-symbol", children: prefix }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AmountPicker.Custom, { className: "solvapay-mcp-amount-custom-input", placeholder: "0.00" })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: rowClassName, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "solvapay-mcp-amount-currency-symbol", children: prefix }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AmountPicker.Custom, { className: "solvapay-mcp-amount-custom-input", placeholder: "0.00" })
   ] });
 }
 
@@ -7822,7 +7907,7 @@ var SOLVAPAY_PRIVACY_URL = "https://solvapay.com/legal/privacy";
 var SOLVAPAY_WEBSITE_URL = "https://solvapay.com";
 
 // src/primitives/MandateText.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var MandateText = (0, import_react37.forwardRef)(
   function MandateText2({
     planRef,
@@ -7886,7 +7971,7 @@ var MandateText = (0, import_react37.forwardRef)(
     const text = typeof template === "function" ? template(ctx) : template;
     if (!text) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       Comp,
       {
         ref: forwardedRef,
@@ -7918,7 +8003,7 @@ function linkifyMandateText(text, ctx, copy, onLinkClick) {
   return text.split(pattern).map((part, i) => {
     const match = entries.find((e) => e.url === part);
     if (!match) return part;
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "a",
       {
         href: match.url,
@@ -8003,7 +8088,7 @@ function toStripeElementLocale(locale) {
 
 // src/primitives/LegalFooter.tsx
 var import_react38 = require("react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var LegalFooter = (0, import_react38.forwardRef)(
   function LegalFooter2({
     attribution = "provided",
@@ -8017,9 +8102,9 @@ var LegalFooter = (0, import_react38.forwardRef)(
     const handleExternalClick = useExternalLinkClick();
     const attributionLabel = attribution === "provided" ? copy.legalFooter.providedBy : attribution === "powered" ? copy.legalFooter.poweredBy : null;
     const Comp = asChild ? Slot : "div";
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Comp, { ref: forwardedRef, "data-solvapay-legal-footer": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { "data-solvapay-legal-footer-links": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Comp, { ref: forwardedRef, "data-solvapay-legal-footer": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { "data-solvapay-legal-footer-links": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           "a",
           {
             "data-solvapay-legal-footer-link": "",
@@ -8030,8 +8115,8 @@ var LegalFooter = (0, import_react38.forwardRef)(
             children: copy.legalFooter.terms
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { "aria-hidden": "true", children: " \xB7 " }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { "data-solvapay-legal-footer-separator": "", "aria-hidden": "true", children: " \xB7 " }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           "a",
           {
             "data-solvapay-legal-footer-link": "",
@@ -8043,7 +8128,7 @@ var LegalFooter = (0, import_react38.forwardRef)(
           }
         )
       ] }),
-      attributionLabel ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      attributionLabel ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         "a",
         {
           "data-solvapay-legal-footer-attribution": "",
@@ -8343,11 +8428,11 @@ function useTopup(options) {
 }
 
 // src/components/Spinner.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var SIZE_PX = { sm: 16, md: 20, lg: 24 };
 var Spinner = ({ className, size = "md" }) => {
   const px2 = SIZE_PX[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "svg",
     {
       "data-solvapay-spinner": "",
@@ -8358,7 +8443,7 @@ var Spinner = ({ className, size = "md" }) => {
       fill: "none",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "circle",
           {
             cx: "12",
@@ -8369,7 +8454,7 @@ var Spinner = ({ className, size = "md" }) => {
             strokeOpacity: "0.25"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "path",
           {
             fill: "currentColor",
@@ -8490,7 +8575,7 @@ var import_core15 = require("@solvapay/core");
 // src/components/businessCheckoutParts.tsx
 var import_react41 = require("react");
 var import_core14 = require("@solvapay/core");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function mapBusinessFieldErrors(input) {
   const result = (0, import_core14.validateBusinessDetails)(input);
   if (result.success) return {};
@@ -8553,7 +8638,7 @@ function createBusinessDetailsParts(useCtx, prefix) {
   const Root8 = (0, import_react41.forwardRef)(function BusinessDetailsRoot({ asChild, children, ...rest }, forwardedRef) {
     useCtx("BusinessDetails");
     const Comp = asChild ? Slot : "section";
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "business-details")]: "" }, ...rest, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "business-details")]: "" }, ...rest, children });
   });
   const Toggle2 = (0, import_react41.forwardRef)(function BusinessDetailsToggle({ asChild, onChange, ...rest }, forwardedRef) {
     const ctx = useCtx("BusinessDetails.Toggle");
@@ -8567,9 +8652,9 @@ function createBusinessDetailsParts(useCtx, prefix) {
       ...rest
     };
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Slot, { ref: forwardedRef, ...commonProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Slot, { ref: forwardedRef, ...commonProps });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("input", { ref: forwardedRef, ...commonProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("input", { ref: forwardedRef, ...commonProps });
   });
   const BusinessName = (0, import_react41.forwardRef)(
     function BusinessDetailsBusinessName({ asChild, onChange, ...rest }, forwardedRef) {
@@ -8586,9 +8671,9 @@ function createBusinessDetailsParts(useCtx, prefix) {
         ...rest
       };
       if (asChild) {
-        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Slot, { ref: forwardedRef, ...commonProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Slot, { ref: forwardedRef, ...commonProps });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("input", { ref: forwardedRef, ...commonProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("input", { ref: forwardedRef, ...commonProps });
     }
   );
   const Country = (0, import_react41.forwardRef)(function BusinessDetailsCountry({ asChild, onChange, children, ...rest }, forwardedRef) {
@@ -8611,14 +8696,14 @@ function createBusinessDetailsParts(useCtx, prefix) {
         });
       })
     };
-    const defaultOptions = /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: "", children: "Select country" }),
-      import_core14.BUSINESS_COUNTRY_OPTIONS.map(({ value, label }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value, children: label }, value))
+    const defaultOptions = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("option", { value: "", children: "Select country" }),
+      import_core14.BUSINESS_COUNTRY_OPTIONS.map(({ value, label }) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("option", { value, children: label }, value))
     ] });
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("select", { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("select", { ref: forwardedRef, ...commonProps, children: children ?? defaultOptions });
   });
   const State = (0, import_react41.forwardRef)(function BusinessDetailsState({ asChild, onChange, ...rest }, forwardedRef) {
     const ctx = useCtx("BusinessDetails.State");
@@ -8636,9 +8721,9 @@ function createBusinessDetailsParts(useCtx, prefix) {
       })
     };
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Slot, { ref: forwardedRef, ...commonProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Slot, { ref: forwardedRef, ...commonProps });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("input", { ref: forwardedRef, ...commonProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("input", { ref: forwardedRef, ...commonProps });
   });
   const PostalCode = (0, import_react41.forwardRef)(function BusinessDetailsPostalCode({ asChild, onChange, ...rest }, forwardedRef) {
     const ctx = useCtx("BusinessDetails.PostalCode");
@@ -8657,9 +8742,9 @@ function createBusinessDetailsParts(useCtx, prefix) {
       })
     };
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Slot, { ref: forwardedRef, ...commonProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Slot, { ref: forwardedRef, ...commonProps });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("input", { ref: forwardedRef, ...commonProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("input", { ref: forwardedRef, ...commonProps });
   });
   const TaxId = (0, import_react41.forwardRef)(function BusinessDetailsTaxId({ asChild, onChange, ...rest }, forwardedRef) {
     const ctx = useCtx("BusinessDetails.TaxId");
@@ -8675,9 +8760,9 @@ function createBusinessDetailsParts(useCtx, prefix) {
       ...rest
     };
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Slot, { ref: forwardedRef, ...commonProps });
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Slot, { ref: forwardedRef, ...commonProps });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("input", { ref: forwardedRef, ...commonProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("input", { ref: forwardedRef, ...commonProps });
   });
   const Fields = (0, import_react41.forwardRef)(function BusinessDetailsFields({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCtx("BusinessDetails.Fields");
@@ -8687,40 +8772,40 @@ function createBusinessDetailsParts(useCtx, prefix) {
     const taxIdHelperText = resolveTaxIdHelperText(country);
     const showState = !!country && (0, import_core14.isStateRequired)(country);
     const showPostal = !!country && (0, import_core14.isPostalCodeRequired)(country);
-    const content = /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "solvapay-business-field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "solvapay-business-field-label", children: "Country" }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Country, {})
+    const content = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("label", { className: "solvapay-business-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "solvapay-business-field-label", children: "Country" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Country, {})
       ] }),
-      showState ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "solvapay-business-field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "solvapay-business-field-label", children: (0, import_core14.getStateFieldLabel)(country) }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(State, {})
+      showState ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("label", { className: "solvapay-business-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "solvapay-business-field-label", children: (0, import_core14.getStateFieldLabel)(country) }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(State, {})
       ] }) : null,
-      showPostal ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "solvapay-business-field", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "solvapay-business-field-label", children: (0, import_core14.getPostalCodeFieldLabel)(country) }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(PostalCode, {})
+      showPostal ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("label", { className: "solvapay-business-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "solvapay-business-field-label", children: (0, import_core14.getPostalCodeFieldLabel)(country) }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(PostalCode, {})
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "solvapay-checkout-business-toggle", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Toggle2, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("label", { className: "solvapay-checkout-business-toggle", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Toggle2, {}),
         "I'm purchasing as a business"
       ] }),
-      ctx.businessDetails.isBusiness ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("fieldset", { className: "solvapay-business-fields", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "solvapay-business-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "solvapay-business-field-label", children: "Business name" }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(BusinessName, { placeholder: "Acme GmbH" })
+      ctx.businessDetails.isBusiness ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("fieldset", { className: "solvapay-business-fields", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("label", { className: "solvapay-business-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "solvapay-business-field-label", children: "Business name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(BusinessName, { placeholder: "Acme GmbH" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { className: "solvapay-business-field", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "solvapay-business-field-label", children: taxIdLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TaxId, { placeholder: taxIdPlaceholder }),
-          taxIdHelperText ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "solvapay-business-field-hint", children: taxIdHelperText }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("label", { className: "solvapay-business-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "solvapay-business-field-label", children: taxIdLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TaxId, { placeholder: taxIdPlaceholder }),
+          taxIdHelperText ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "solvapay-business-field-hint", children: taxIdHelperText }) : null
         ] })
       ] }) : null,
       children
     ] });
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Slot, { ref: forwardedRef, ...rest, children: content });
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Slot, { ref: forwardedRef, ...rest, children: content });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("section", { ref: forwardedRef, ...{ [attr(prefix, "business-details-fields")]: "" }, ...rest, children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("section", { ref: forwardedRef, ...{ [attr(prefix, "business-details-fields")]: "" }, ...rest, children: content });
   });
   return {
     Root: Root8,
@@ -8757,14 +8842,14 @@ function createTaxSummaryParts(useCtx, prefix) {
     const ctx = useCtx("Summary");
     if (!ctx.isBusiness) return null;
     const Comp = asChild ? Slot : "section";
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary")]: "" }, ...rest, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary")]: "" }, ...rest, children });
   });
   const Subtotal = (0, import_react41.forwardRef)(function TaxSummarySubtotal({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCtx("Summary.Subtotal");
     const { subtotalFormatted } = useSummaryAmounts(useCtx, "Summary.Subtotal");
     if (!ctx.isBusiness) return null;
     const Comp = asChild ? Slot : "span";
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-subtotal")]: "" }, ...rest, children: children ?? subtotalFormatted });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-subtotal")]: "" }, ...rest, children: children ?? subtotalFormatted });
   });
   const Tax = (0, import_react41.forwardRef)(function TaxSummaryTax({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCtx("Summary.Tax");
@@ -8776,10 +8861,10 @@ function createTaxSummaryParts(useCtx, prefix) {
       treatment: treatment ?? "standard",
       taxRate
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax")]: "" }, ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: defaultLabel }),
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax")]: "" }, ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: defaultLabel }),
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted })
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted })
     ] }) });
   });
   const Total = (0, import_react41.forwardRef)(function TaxSummaryTotal({ asChild, children, ...rest }, forwardedRef) {
@@ -8787,7 +8872,7 @@ function createTaxSummaryParts(useCtx, prefix) {
     const { totalFormatted } = useSummaryAmounts(useCtx, "Summary.Total");
     if (!ctx.isBusiness) return null;
     const Comp = asChild ? Slot : "span";
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-total")]: "" }, ...rest, children: children ?? totalFormatted });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-total")]: "" }, ...rest, children: children ?? totalFormatted });
   });
   const TaxNote = (0, import_react41.forwardRef)(function TaxSummaryTaxNote({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCtx("Summary.TaxNote");
@@ -8797,7 +8882,7 @@ function createTaxSummaryParts(useCtx, prefix) {
     const Comp = asChild ? Slot : "p";
     const defaultNote = treatment === "reverse_charge" ? REVERSE_CHARGE_NOTE : treatment === "not_collecting" || treatment === "not_supported" ? TAX_NOT_COLLECTED_NOTE : null;
     if (!defaultNote && !children) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax-note")]: "" }, ...rest, children: children ?? defaultNote });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Comp, { ref: forwardedRef, ...{ [attr(prefix, "summary-tax-note")]: "" }, ...rest, children: children ?? defaultNote });
   });
   const Rows = (0, import_react41.forwardRef)(function TaxSummaryRows({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCtx("Summary.Rows");
@@ -8808,26 +8893,26 @@ function createTaxSummaryParts(useCtx, prefix) {
       treatment: treatment ?? "standard",
       taxRate
     });
-    const content = /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("dl", { className: "solvapay-tax-summary-rows", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "solvapay-tax-summary-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("dt", { children: formatSubtotalLabel(treatment) }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Subtotal, {}) })
+    const content = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("dl", { className: "solvapay-tax-summary-rows", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "solvapay-tax-summary-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("dt", { children: formatSubtotalLabel(treatment) }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Subtotal, {}) })
       ] }),
-      showTaxRow ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "solvapay-tax-summary-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("dt", { children: vatLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted }) })
+      showTaxRow ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "solvapay-tax-summary-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("dt", { children: vatLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { ...{ [attr(prefix, "summary-tax-amount")]: "" }, children: taxFormatted }) })
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "solvapay-tax-summary-row solvapay-tax-summary-row--total", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("dt", { children: "Total" }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Total, {}) })
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "solvapay-tax-summary-row solvapay-tax-summary-row--total", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("dt", { children: "Total" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Total, {}) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TaxNote, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TaxNote, {}),
       children
     ] });
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Slot, { ref: forwardedRef, ...rest, children: content });
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Slot, { ref: forwardedRef, ...rest, children: content });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("section", { ref: forwardedRef, ...{ [attr(prefix, "summary-rows")]: "" }, ...rest, children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("section", { ref: forwardedRef, ...{ [attr(prefix, "summary-rows")]: "" }, ...rest, children: content });
   });
   return {
     Root: Root8,
@@ -8955,7 +9040,7 @@ function useBusinessDetailsAttach(options) {
 }
 
 // src/primitives/TopupForm.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var TopupFormContext = (0, import_react43.createContext)(null);
 function useTopupCtx(part) {
   const ctx = (0, import_react43.useContext)(TopupFormContext);
@@ -9050,7 +9135,7 @@ var Root5 = (0, import_react43.forwardRef)(function TopupFormRoot(props, forward
   };
   const rootRef = composeRefs(forwardedRef, attachRoot);
   if (asChild) {
-    const slotted = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    const slotted = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       Slot,
       {
         ref: rootRef,
@@ -9062,11 +9147,11 @@ var Root5 = (0, import_react43.forwardRef)(function TopupFormRoot(props, forward
       }
     );
     if (canMountElements) {
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_stripe_js.Elements, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Inner, { ...innerCommon, children: slotted }) }, clientSecret);
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_stripe_js.Elements, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Inner, { ...innerCommon, children: slotted }) }, clientSecret);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(OfflineInner, { ...innerCommon, children: slotted });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(OfflineInner, { ...innerCommon, children: slotted });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "section",
     {
       ref: rootRef,
@@ -9074,7 +9159,7 @@ var Root5 = (0, import_react43.forwardRef)(function TopupFormRoot(props, forward
       "data-solvapay-topup-form": "",
       "data-state": dataState,
       ...rest,
-      children: canMountElements ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_stripe_js.Elements, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Inner, { ...innerCommon, children }) }, clientSecret) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(OfflineInner, { ...innerCommon, children })
+      children: canMountElements ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_stripe_js.Elements, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Inner, { ...innerCommon, children }) }, clientSecret) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(OfflineInner, { ...innerCommon, children })
     }
   );
 });
@@ -9338,7 +9423,7 @@ var Inner = ({
       submit
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TopupFormContext.Provider, { value: ctx, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TopupFormContext.Provider, { value: ctx, children });
 };
 var OfflineInner = ({
   amount,
@@ -9393,16 +9478,16 @@ var OfflineInner = ({
       noopSubmit
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TopupFormContext.Provider, { value: ctx, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TopupFormContext.Provider, { value: ctx, children });
 };
 var PaymentElementSlot = ({ options }) => {
   const { setPaymentInputComplete, isReady, stripe, elements } = useTopupCtx("PaymentElement");
   const locale = useLocale();
   if (!stripe || !elements) return null;
   if (!isReady) {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("output", { "data-solvapay-topup-form-loading": "", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Spinner, { size: "sm" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("output", { "data-solvapay-topup-form-loading": "", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Spinner, { size: "sm" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("section", { "data-solvapay-topup-form-payment-element": "", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("section", { "data-solvapay-topup-form-payment-element": "", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_react_stripe_js.PaymentElement,
     {
       options: withPaymentElementDefaults(options),
@@ -9416,9 +9501,9 @@ var SubmitButton = (0, import_react43.forwardRef)(
     const ctx = useTopupCtx("SubmitButton");
     const copy = useCopy();
     const dataState = ctx.isProcessing ? "processing" : !ctx.canSubmit ? "disabled" : "idle";
-    const processingContent = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Spinner, { size: "sm" }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: copy.cta.processing })
+    const processingContent = /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Spinner, { size: "sm" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: copy.cta.processing })
     ] });
     const commonProps = {
       "data-solvapay-topup-form-submit": "",
@@ -9438,33 +9523,33 @@ var SubmitButton = (0, import_react43.forwardRef)(
         void 0,
         processingContent
       ) : children;
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: slotChild });
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: slotChild });
     }
     const content = ctx.isProcessing ? processingContent : children ? children : copy.cta.topUp;
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("button", { ref: forwardedRef, type: "submit", ...commonProps, children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("button", { ref: forwardedRef, type: "submit", ...commonProps, children: content });
   }
 );
 var Loading3 = (0, import_react43.forwardRef)(function TopupFormLoading({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useTopupCtx("Loading");
   if (ctx.state !== "loading") return null;
   if (asChild) {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       Slot,
       {
         ref: forwardedRef,
         "data-solvapay-topup-form-loading": "",
         ...rest,
-        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Spinner, { size: "sm" })
+        children: children ?? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Spinner, { size: "sm" })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("output", { ref: forwardedRef, "data-solvapay-topup-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Spinner, { size: "sm" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("output", { ref: forwardedRef, "data-solvapay-topup-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Spinner, { size: "sm" }) });
 });
 var ErrorSlot2 = (0, import_react43.forwardRef)(function TopupFormError({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useTopupCtx("Error");
   if (!ctx.error) return null;
   if (asChild) {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       Slot,
       {
         ref: forwardedRef,
@@ -9477,7 +9562,7 @@ var ErrorSlot2 = (0, import_react43.forwardRef)(function TopupFormError({ asChil
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "p",
     {
       ref: forwardedRef,
@@ -9531,27 +9616,27 @@ function chargeAmountMinor(taxBreakdown, amountMinor) {
 }
 
 // src/mcp/views/McpHosted.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function McpHostedColumn({
   surface,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "solvapay-mcp-hosted", "data-mcp-surface": surface, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "solvapay-mcp-hosted", "data-mcp-surface": surface, children });
 }
 function McpHostedLayout({ children }) {
   const displayMode = useDisplayMode();
   const rail = resolveHostedRail(displayMode);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "solvapay-mcp-hosted-layout", "data-rail": rail, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "solvapay-mcp-hosted-layout", "data-rail": rail, children });
 }
 function McpSummaryRail({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("aside", { className: "solvapay-mcp-summary-rail", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("aside", { className: "solvapay-mcp-summary-rail", children });
 }
 function McpHostedBody({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "solvapay-mcp-hosted-body", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "solvapay-mcp-hosted-body", children });
 }
 
 // src/mcp/views/McpPayingAs.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function McpPayingAs({ email }) {
   const { email: customerEmail } = useCustomer();
   const { displayMode } = useDisplayMode();
@@ -9559,19 +9644,19 @@ function McpPayingAs({ email }) {
   if (!resolved) return null;
   const variant = displayMode === "fullscreen" ? "stacked" : "inline";
   if (variant === "stacked") {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "solvapay-mcp-paying-as", "data-variant": "stacked", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "solvapay-mcp-paying-as-label", children: "Paying as" }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "solvapay-mcp-paying-as-email", children: resolved })
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "solvapay-mcp-paying-as", "data-variant": "stacked", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "solvapay-mcp-paying-as-label", children: "Paying as" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "solvapay-mcp-paying-as-email", children: resolved })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "solvapay-mcp-paying-as", "data-variant": "inline", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "solvapay-mcp-paying-as", "data-variant": "inline", children: [
     "Paying as ",
     resolved
   ] });
 }
 
 // src/mcp/views/McpPaymentHeader.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function McpPaymentHeader({
   backLabel,
   onBack,
@@ -9582,18 +9667,18 @@ function McpPaymentHeader({
   const cx2 = resolveMcpClassNames(classNames);
   const { displayMode } = useDisplayMode();
   const isFullscreen = displayMode === "fullscreen";
-  const title = heading ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h2", { className: headingClassName ?? cx2.heading, children: heading }) : null;
-  const back = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(BackLink, { label: backLabel, onClick: onBack });
-  const payingAs = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(McpPayingAs, {});
+  const title = heading ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: headingClassName ?? cx2.heading, children: heading }) : null;
+  const back = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(BackLink, { label: backLabel, onClick: onBack });
+  const payingAs = /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(McpPayingAs, {});
   if (isFullscreen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
       back,
       title,
       payingAs
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "solvapay-mcp-form-identity-row", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "solvapay-mcp-form-identity-row", children: [
       back,
       payingAs
     ] }),
@@ -9607,7 +9692,7 @@ var MCP_PAYMENT_ELEMENT_OPTIONS = {
 };
 
 // src/mcp/views/checkout/steps/PaygPaymentStep.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var PaygPaymentStep = (0, import_react44.memo)(function PaygPaymentStep2({
   plan: _plan,
   amountMinor,
@@ -9624,7 +9709,7 @@ var PaygPaymentStep = (0, import_react44.memo)(function PaygPaymentStep2({
   const { displayMode } = useDisplayMode();
   const isFullscreen = displayMode === "fullscreen";
   const creditsAdded = creditsPerMinorUnit != null && creditsPerMinorUnit > 0 ? Math.floor(amountMinor / (displayExchangeRate ?? 1) * creditsPerMinorUnit) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     TopupForm.Root,
     {
       amount: amountMinor,
@@ -9632,17 +9717,17 @@ var PaygPaymentStep = (0, import_react44.memo)(function PaygPaymentStep2({
       autoRecharge,
       returnUrl,
       onSuccess: (_intent, extras) => onSuccess(extras),
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(McpHostedLayout, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(McpSummaryRail, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "solvapay-mcp-checkout-order-summary", "data-variant": "payg", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "solvapay-mcp-checkout-order-summary-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: cx2.muted, children: creditsAdded != null ? `${creditsAdded.toLocaleString(locale)} credits` : formatPrice(amountMinor, currency, { locale }) }),
-            creditsAdded != null ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: formatPrice(amountMinor, currency, { locale }) }) : null
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(McpHostedLayout, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(McpSummaryRail, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "solvapay-mcp-checkout-order-summary", "data-variant": "payg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "solvapay-mcp-checkout-order-summary-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: cx2.muted, children: creditsAdded != null ? `${creditsAdded.toLocaleString(locale)} credits` : formatPrice(amountMinor, currency, { locale }) }),
+            creditsAdded != null ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: formatPrice(amountMinor, currency, { locale }) }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "solvapay-mcp-checkout-order-summary-row", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: cx2.muted, children: "One-time" }) }),
-          isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TopupForm.Summary.Rows, { className: cx2.taxSummary }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TopupForm.Summary.TaxNote, { className: cx2.muted })
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "solvapay-mcp-checkout-order-summary-row", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: cx2.muted, children: "One-time" }) }),
+          isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TopupForm.Summary.Rows, { className: cx2.taxSummary }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TopupForm.Summary.TaxNote, { className: cx2.muted })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(McpHostedBody, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(McpHostedBody, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             McpPaymentHeader,
             {
               backLabel: "Change amount",
@@ -9651,13 +9736,13 @@ var PaygPaymentStep = (0, import_react44.memo)(function PaygPaymentStep2({
               headingClassName: cx2.heading
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cx2.topupForm, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TopupForm.Loading, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TopupForm.PaymentElement, { options: MCP_PAYMENT_ELEMENT_OPTIONS }),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TopupForm.BusinessDetails.Root, { className: cx2.businessDetails, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TopupForm.BusinessDetails.Fields, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TopupForm.Error, { className: cx2.error }),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TopupForm.SubmitButton, { className: cx2.button, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PaygChargeCta, { amountMinor, currency }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cx2.topupForm, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TopupForm.Loading, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TopupForm.PaymentElement, { options: MCP_PAYMENT_ELEMENT_OPTIONS }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TopupForm.BusinessDetails.Root, { className: cx2.businessDetails, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TopupForm.BusinessDetails.Fields, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TopupForm.Error, { className: cx2.error }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TopupForm.SubmitButton, { className: cx2.button, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaygChargeCta, { amountMinor, currency }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
               MandateText,
               {
                 mode: "topup",
@@ -9676,7 +9761,7 @@ function PaygChargeCta({ amountMinor, currency }) {
   const locale = useHostLocale();
   const { taxBreakdown } = useTopupForm();
   const minor = chargeAmountMinor(taxBreakdown, amountMinor);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
     "Pay ",
     formatPrice(minor, taxBreakdown?.currency ?? currency, { locale })
   ] });
@@ -9687,7 +9772,7 @@ var import_react49 = require("react");
 
 // src/components/PaymentFormContext.tsx
 var import_react45 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var PaymentFormContext = (0, import_react45.createContext)(null);
 function usePaymentForm() {
   const ctx = (0, import_react45.useContext)(PaymentFormContext);
@@ -9698,7 +9783,7 @@ function usePaymentForm() {
   }
   return ctx;
 }
-var PaymentFormProvider = ({ value, children }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PaymentFormContext.Provider, { value, children });
+var PaymentFormProvider = ({ value, children }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PaymentFormContext.Provider, { value, children });
 
 // src/primitives/PaymentForm.tsx
 var import_react48 = __toESM(require("react"), 1);
@@ -9853,7 +9938,7 @@ function useCheckout(options) {
 
 // src/primitives/CheckoutSummary.tsx
 var import_react47 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var CheckoutSummaryContext = (0, import_react47.createContext)(null);
 function useCheckoutSummaryContext(part) {
   const ctx = (0, import_react47.useContext)(CheckoutSummaryContext);
@@ -9927,35 +10012,35 @@ var Root6 = (0, import_react47.forwardRef)(function CheckoutSummaryRoot({ planRe
     ]
   );
   const Comp = asChild ? Slot : "section";
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary": "", ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CheckoutSummaryContext.Provider, { value: ctx, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary": "", ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CheckoutSummaryContext.Provider, { value: ctx, children }) });
 });
 var ProductSlot = (0, import_react47.forwardRef)(function CheckoutSummaryProduct({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Product");
   const name = ctx.product?.name;
   if (!name) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-product": "", ...rest, children: children ?? name });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-product": "", ...rest, children: children ?? name });
 });
 var PlanSlot = (0, import_react47.forwardRef)(function CheckoutSummaryPlan({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Plan");
   const name = ctx.plan?.name;
   if (!name) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-plan": "", ...rest, children: children ?? name });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-plan": "", ...rest, children: children ?? name });
 });
 var TaxNoteSlot = (0, import_react47.forwardRef)(
   function CheckoutSummaryTaxNote({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCheckoutSummaryContext("TaxNote");
     if (ctx.taxBreakdown) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-note": "", ...rest, children: children ?? "Taxes calculated at checkout" });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-note": "", ...rest, children: children ?? "Taxes calculated at checkout" });
   }
 );
 var SubtotalSlot = (0, import_react47.forwardRef)(function CheckoutSummarySubtotal({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Subtotal");
   if (!ctx.taxBreakdown) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-subtotal": "", ...rest, children: children ?? ctx.subtotalFormatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-subtotal": "", ...rest, children: children ?? ctx.subtotalFormatted });
 });
 var TaxSlot = (0, import_react47.forwardRef)(function CheckoutSummaryTax({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Tax");
@@ -9964,17 +10049,17 @@ var TaxSlot = (0, import_react47.forwardRef)(function CheckoutSummaryTax({ asChi
   if (!shouldShowTaxRow(treatment)) return null;
   const Comp = asChild ? Slot : "span";
   const defaultLabel = formatVatSummaryLabel({ treatment, taxRate: taxRate ?? 0 });
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: defaultLabel }),
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: defaultLabel }),
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { "data-solvapay-checkout-summary-tax-amount": "", children: ctx.taxFormatted })
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { "data-solvapay-checkout-summary-tax-amount": "", children: ctx.taxFormatted })
   ] }) });
 });
 var TotalSlot = (0, import_react47.forwardRef)(function CheckoutSummaryTotal({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Total");
   if (!ctx.taxBreakdown) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-total": "", ...rest, children: children ?? ctx.totalFormatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-total": "", ...rest, children: children ?? ctx.totalFormatted });
 });
 var TaxTreatmentNoteSlot = (0, import_react47.forwardRef)(
   function CheckoutSummaryTaxTreatmentNote({ asChild, children, ...rest }, forwardedRef) {
@@ -9984,21 +10069,21 @@ var TaxTreatmentNoteSlot = (0, import_react47.forwardRef)(
     const Comp = asChild ? Slot : "p";
     const defaultNote = treatment === "reverse_charge" ? REVERSE_CHARGE_NOTE : treatment === "not_collecting" || treatment === "not_supported" ? TAX_NOT_COLLECTED_NOTE : null;
     if (!defaultNote && !children) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-treatment-note": "", ...rest, children: children ?? defaultNote });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-tax-treatment-note": "", ...rest, children: children ?? defaultNote });
   }
 );
 var PriceSlot = (0, import_react47.forwardRef)(function CheckoutSummaryPrice({ asChild, children, ...rest }, forwardedRef) {
   const ctx = useCheckoutSummaryContext("Price");
   if (ctx.taxBreakdown) return null;
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-price": "", ...rest, children: children ?? ctx.priceFormatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-price": "", ...rest, children: children ?? ctx.priceFormatted });
 });
 var TrialSlot = (0, import_react47.forwardRef)(
   function CheckoutSummaryTrial({ asChild, children, ...rest }, forwardedRef) {
     const ctx = useCheckoutSummaryContext("Trial");
     if (!ctx.trialBanner || ctx.taxBreakdown) return null;
     const Comp = asChild ? Slot : "p";
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-trial": "", ...rest, children: children ?? ctx.trialBanner });
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Comp, { ref: forwardedRef, "data-solvapay-checkout-summary-trial": "", ...rest, children: children ?? ctx.trialBanner });
   }
 );
 var CheckoutSummary = {
@@ -10015,7 +10100,7 @@ var CheckoutSummary = {
 };
 
 // src/components/CheckoutSummary.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var CheckoutSummary2 = ({
   planRef,
   productRef,
@@ -10027,7 +10112,7 @@ var CheckoutSummary2 = ({
 }) => {
   const rootClass = ["solvapay-checkout-summary", className].filter(Boolean).join(" ");
   const hasTax = taxBreakdown != null;
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     CheckoutSummary.Root,
     {
       planRef,
@@ -10036,25 +10121,25 @@ var CheckoutSummary2 = ({
       baseAmountMinor,
       className: rootClass,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CheckoutSummary.Product, { className: "solvapay-checkout-summary-product" }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CheckoutSummary.Plan, { className: "solvapay-checkout-summary-plan" }),
-          !hasTax && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CheckoutSummary.Price, { className: "solvapay-checkout-summary-price" })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CheckoutSummary.Product, { className: "solvapay-checkout-summary-product" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CheckoutSummary.Plan, { className: "solvapay-checkout-summary-plan" }),
+          !hasTax && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CheckoutSummary.Price, { className: "solvapay-checkout-summary-price" })
         ] }),
-        hasTax ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Subtotal" }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CheckoutSummary.Subtotal, { className: "solvapay-checkout-summary-subtotal" })
+        hasTax ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: "Subtotal" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CheckoutSummary.Subtotal, { className: "solvapay-checkout-summary-subtotal" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "solvapay-checkout-summary-row", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CheckoutSummary.Tax, { className: "solvapay-checkout-summary-tax" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Total" }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CheckoutSummary.Total, { className: "solvapay-checkout-summary-total" })
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "solvapay-checkout-summary-row", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CheckoutSummary.Tax, { className: "solvapay-checkout-summary-tax" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "solvapay-checkout-summary-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: "Total" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CheckoutSummary.Total, { className: "solvapay-checkout-summary-total" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CheckoutSummary.TaxTreatmentNote, { className: "solvapay-checkout-summary-tax-treatment-note" })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-          showTrial && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CheckoutSummary.Trial, { className: "solvapay-checkout-summary-trial" }),
-          showTaxNote && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CheckoutSummary.TaxNote, { className: "solvapay-checkout-summary-tax-note" })
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CheckoutSummary.TaxTreatmentNote, { className: "solvapay-checkout-summary-tax-treatment-note" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+          showTrial && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CheckoutSummary.Trial, { className: "solvapay-checkout-summary-trial" }),
+          showTaxNote && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CheckoutSummary.TaxNote, { className: "solvapay-checkout-summary-tax-note" })
         ] })
       ]
     }
@@ -10157,7 +10242,7 @@ function resolveCta(input) {
 
 // src/primitives/PaymentForm.tsx
 var import_core17 = require("@solvapay/core");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function toSubmitVariant(variant) {
   switch (variant) {
     case "freeTier":
@@ -10249,7 +10334,7 @@ var Root7 = (0, import_react48.forwardRef)(
     const shouldRenderElements = !!(stripePromise && clientSecret && appearanceReady);
     const dataState = !hasPlanOrProduct || checkoutError ? "error" : isFreePlan && resolvedPlan ? "ready" : shouldRenderElements ? "ready" : "loading";
     const dataVariant = isFreePlan && resolvedPlan ? "free" : shouldRenderElements ? "paid" : void 0;
-    const pending = /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    const pending = /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       PendingInner,
       {
         planRef: effectivePlanRef,
@@ -10263,7 +10348,7 @@ var Root7 = (0, import_react48.forwardRef)(
         children
       }
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "section",
       {
         ref: sectionRef,
@@ -10271,7 +10356,7 @@ var Root7 = (0, import_react48.forwardRef)(
         "data-solvapay-payment-form": "",
         "data-state": dataState,
         ...dataVariant ? { "data-variant": dataVariant } : {},
-        children: !hasPlanOrProduct ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { role: "alert", "data-solvapay-payment-form-error": "", children: copy.errors.configMissingPlanOrProduct }) : checkoutError ? pending : isFreePlan && resolvedPlan ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        children: !hasPlanOrProduct ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { role: "alert", "data-solvapay-payment-form-error": "", children: copy.errors.configMissingPlanOrProduct }) : checkoutError ? pending : isFreePlan && resolvedPlan ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           FreeInner,
           {
             planRef: effectivePlanRef,
@@ -10286,7 +10371,7 @@ var Root7 = (0, import_react48.forwardRef)(
             onError,
             children
           }
-        ) : shouldRenderElements && elementsOptions && clientSecret ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_stripe_js2.Elements, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        ) : shouldRenderElements && elementsOptions && clientSecret ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react_stripe_js2.Elements, { stripe: stripePromise, options: elementsOptions, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           PaidInner,
           {
             planRef: effectivePlanRef,
@@ -10642,7 +10727,7 @@ var PaidInner = ({
       submit
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PaymentFormProvider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaymentFormProvider, { value: contextValue, children });
 };
 var FreeInner = ({
   planRef,
@@ -10754,7 +10839,7 @@ var FreeInner = ({
       submit
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PaymentFormProvider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaymentFormProvider, { value: contextValue, children });
 };
 var PendingInner = ({
   planRef,
@@ -10820,11 +10905,11 @@ var PendingInner = ({
       error
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PaymentFormProvider, { value: contextValue, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaymentFormProvider, { value: contextValue, children });
 };
 var Summary2 = (props) => {
   const ctx = usePaymentForm();
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     CheckoutSummary2,
     {
       ...props,
@@ -10837,7 +10922,7 @@ var Summary2 = (props) => {
 };
 var MandateTextPrimitive = (props) => {
   const ctx = usePaymentForm();
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     MandateText,
     {
       ...props,
@@ -10854,14 +10939,14 @@ var CustomerFields = (0, import_react48.forwardRef)(
     const email = customer.email ?? prefillCustomer?.email;
     if (!email) return null;
     const Comp = asChild ? Slot : "section";
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Comp, { ref, "data-solvapay-payment-form-customer-fields": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-      email && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("dl", { "data-solvapay-payment-form-customer-email": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("dt", { children: copy.customer.emailLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("dd", { children: email })
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Comp, { ref, "data-solvapay-payment-form-customer-fields": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+      email && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("dl", { "data-solvapay-payment-form-customer-email": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("dt", { children: copy.customer.emailLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("dd", { children: email })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("dl", { "data-solvapay-payment-form-customer-name": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("dt", { children: copy.customer.nameLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("dl", { "data-solvapay-payment-form-customer-name": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("dt", { children: copy.customer.nameLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "input",
           {
             type: "text",
@@ -10889,9 +10974,9 @@ var PaymentElementSlot2 = ({ options }) => {
   }, [setElementKind, stripe, elements]);
   if (!stripe || !elements) return null;
   if (!isReady) {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Spinner, { size: "sm" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Spinner, { size: "sm" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("section", { "data-solvapay-payment-form-payment-element": "", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("section", { "data-solvapay-payment-form-payment-element": "", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     import_react_stripe_js2.PaymentElement,
     {
       options: withPaymentElementDefaults(options),
@@ -10907,9 +10992,9 @@ var CardElementSlot = ({ options }) => {
   }, [setElementKind, stripe, elements]);
   if (!stripe || !elements) return null;
   if (!isReady) {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Spinner, { size: "sm" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("output", { "data-solvapay-payment-form-loading": "", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Spinner, { size: "sm" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("section", { "data-solvapay-payment-form-card-element": "", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_stripe_js2.CardElement, { options, onChange: (e) => setPaymentInputComplete(e.complete) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("section", { "data-solvapay-payment-form-card-element": "", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react_stripe_js2.CardElement, { options, onChange: (e) => setPaymentInputComplete(e.complete) }) });
 };
 var TermsCheckbox = (0, import_react48.forwardRef)(
   function PaymentFormTermsCheckbox({ asChild, label, children, ...rest }, ref) {
@@ -10917,10 +11002,10 @@ var TermsCheckbox = (0, import_react48.forwardRef)(
     const copy = useCopy();
     const id = "solvapay-terms-checkbox";
     if (asChild) {
-      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Slot, { ref, "data-solvapay-payment-form-terms": "", ...rest, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Slot, { ref, "data-solvapay-payment-form-terms": "", ...rest, children });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("label", { ref, htmlFor: id, "data-solvapay-payment-form-terms": "", ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("label", { ref, htmlFor: id, "data-solvapay-payment-form-terms": "", ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         "input",
         {
           id,
@@ -10929,7 +11014,7 @@ var TermsCheckbox = (0, import_react48.forwardRef)(
           onChange: (e) => setTermsAccepted(e.target.checked)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: label ?? copy.terms.checkboxLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: label ?? copy.terms.checkboxLabel })
     ] });
   }
 );
@@ -10962,9 +11047,9 @@ var SubmitButton2 = (0, import_react48.forwardRef)(
       copy,
       override: typeof children === "string" ? children : ctx.submitButtonText
     });
-    const processingContent = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Spinner, { size: "sm" }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: copy.cta.processing })
+    const processingContent = /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Spinner, { size: "sm" }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { children: copy.cta.processing })
     ] });
     const buttonProps = {
       "data-solvapay-payment-form-submit": "",
@@ -10987,25 +11072,25 @@ var SubmitButton2 = (0, import_react48.forwardRef)(
         void 0,
         processingContent
       ) : children;
-      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Slot, { ref, ...buttonProps, children: slotChild });
+      return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Slot, { ref, ...buttonProps, children: slotChild });
     }
     const content = ctx.isProcessing ? processingContent : children && typeof children !== "string" ? children : label;
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("button", { ref, type: "submit", ...buttonProps, children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("button", { ref, type: "submit", ...buttonProps, children: content });
   }
 );
 var Loading4 = (0, import_react48.forwardRef)(function PaymentFormLoading({ asChild, children, ...rest }, ref) {
   const ctx = usePaymentForm();
   if (ctx.isReady && ctx.clientSecret) return null;
   if (asChild) {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Slot, { ref, "data-solvapay-payment-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Spinner, { size: "sm" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Slot, { ref, "data-solvapay-payment-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Spinner, { size: "sm" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("output", { ref, "data-solvapay-payment-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Spinner, { size: "sm" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("output", { ref, "data-solvapay-payment-form-loading": "", ...rest, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Spinner, { size: "sm" }) });
 });
 var ErrorSlot3 = (0, import_react48.forwardRef)(function PaymentFormError({ asChild, children, ...rest }, ref) {
   const ctx = usePaymentForm();
   if (!ctx.error) return null;
   if (asChild) {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       Slot,
       {
         ref,
@@ -11018,7 +11103,7 @@ var ErrorSlot3 = (0, import_react48.forwardRef)(function PaymentFormError({ asCh
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "p",
     {
       ref,
@@ -11068,7 +11153,7 @@ var PaymentForm = {
 };
 
 // src/mcp/views/checkout/steps/RecurringPaymentStep.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var RecurringPaymentStep = (0, import_react49.memo)(function RecurringPaymentStep2({
   plan,
   planRef,
@@ -11092,7 +11177,7 @@ var RecurringPaymentStep = (0, import_react49.memo)(function RecurringPaymentSte
   const planName = plan.name ?? "Plan";
   const { displayMode } = useDisplayMode();
   const isFullscreen = displayMode === "fullscreen";
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     PaymentForm.Root,
     {
       planRef,
@@ -11100,25 +11185,25 @@ var RecurringPaymentStep = (0, import_react49.memo)(function RecurringPaymentSte
       returnUrl,
       requireTermsAcceptance: false,
       onSuccess,
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(McpHostedLayout, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(McpSummaryRail, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "solvapay-mcp-checkout-order-summary", "data-variant": "recurring", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "solvapay-mcp-checkout-order-summary-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: cx2.muted, children: planName }),
-            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(McpHostedLayout, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(McpSummaryRail, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "solvapay-mcp-checkout-order-summary", "data-variant": "recurring", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "solvapay-mcp-checkout-order-summary-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: cx2.muted, children: planName }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { children: [
               formatPrice(amountMinor, currency, { locale }),
               formatCycleSuffix(cycle)
             ] })
           ] }),
-          included != null ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "solvapay-mcp-checkout-order-summary-row", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: cx2.muted, children: [
+          included != null ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "solvapay-mcp-checkout-order-summary-row", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: cx2.muted, children: [
             included.toLocaleString(locale),
             " ",
             meterName3,
             " included"
           ] }) }) : null,
-          isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaymentForm.TaxSummary.Rows, { className: cx2.taxSummary }) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaymentForm.TaxSummary.TaxNote, { className: cx2.muted })
+          isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PaymentForm.TaxSummary.Rows, { className: cx2.taxSummary }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PaymentForm.TaxSummary.TaxNote, { className: cx2.muted })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(McpHostedBody, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(McpHostedBody, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             McpPaymentHeader,
             {
               backLabel: "Change plan",
@@ -11127,12 +11212,12 @@ var RecurringPaymentStep = (0, import_react49.memo)(function RecurringPaymentSte
               headingClassName: cx2.heading
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaymentForm.Loading, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaymentForm.PaymentElement, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaymentForm.BusinessDetails.Root, { className: cx2.businessDetails, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaymentForm.BusinessDetails.Fields, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaymentForm.Error, { className: cx2.error }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaymentForm.SubmitButton, { className: cx2.button, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(RecurringChargeCta, { amountMinor, currency, cycle }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaymentForm.MandateText, { savesPaymentMethod: true })
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PaymentForm.Loading, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PaymentForm.PaymentElement, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PaymentForm.BusinessDetails.Root, { className: cx2.businessDetails, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PaymentForm.BusinessDetails.Fields, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PaymentForm.Error, { className: cx2.error }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PaymentForm.SubmitButton, { className: cx2.button, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(RecurringChargeCta, { amountMinor, currency, cycle }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PaymentForm.MandateText, { savesPaymentMethod: true })
         ] })
       ] })
     }
@@ -11146,7 +11231,7 @@ function RecurringChargeCta({
   const locale = useHostLocale();
   const { taxBreakdown } = usePaymentForm();
   const minor = chargeAmountMinor(taxBreakdown, amountMinor);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
     "Subscribe \u2014 ",
     formatPrice(minor, taxBreakdown?.currency ?? currency, { locale }),
     formatCycleSuffix(cycle)
@@ -11155,81 +11240,81 @@ function RecurringChargeCta({
 
 // src/mcp/views/checkout/steps/SuccessStep.tsx
 var import_react50 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var SuccessStep = (0, import_react50.memo)(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__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "solvapay-mcp-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h2", { className: cx2.heading, children: charged ? "Credits added" : "Plan activated" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: cx2.muted, children: "Pay as you go plan is active." }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("dl", { className: "solvapay-mcp-checkout-receipt", "data-variant": "payg", children: [
-        charged ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dt", { children: "Amount" }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dd", { children: formatPrice(chargedAmount, chargedCurrency, { locale }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "solvapay-mcp-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h2", { className: cx2.heading, children: charged ? "Credits added" : "Plan activated" }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: cx2.muted, children: "Pay as you go plan is active." }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("dl", { className: "solvapay-mcp-checkout-receipt", "data-variant": "payg", children: [
+        charged ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dt", { children: "Amount" }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dd", { children: formatPrice(chargedAmount, chargedCurrency, { locale }) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dt", { children: "Credits" }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("dd", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dt", { children: "Credits" }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("dd", { children: [
               "+",
               (meta.creditsAdded ?? 0).toLocaleString(locale)
             ] })
           ] })
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dt", { children: "Plan" }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dd", { children: meta.plan.name ?? "Pay as you go" })
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dt", { children: "Plan" }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dd", { children: meta.plan.name ?? "Pay as you go" })
         ] }),
-        meta.rateLabel ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dt", { children: "Rate" }),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dd", { children: meta.rateLabel })
+        meta.rateLabel ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dt", { children: "Rate" }),
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dd", { children: meta.rateLabel })
         ] }) : null
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "solvapay-mcp-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("h2", { className: cx2.heading, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "solvapay-mcp-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("h2", { className: cx2.heading, children: [
       meta.plan.name ?? "Plan",
       " active"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: cx2.muted, children: "Subscription is live and credits are ready." }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("dl", { className: "solvapay-mcp-checkout-receipt", "data-variant": "recurring", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dt", { children: "Plan" }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dd", { children: meta.plan.name ?? "Plan" })
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: cx2.muted, children: "Subscription is live and credits are ready." }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("dl", { className: "solvapay-mcp-checkout-receipt", "data-variant": "recurring", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dt", { children: "Plan" }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dd", { children: meta.plan.name ?? "Plan" })
       ] }),
-      meta.includedUnits != null ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dt", { children: "Included" }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("dd", { children: [
+      meta.includedUnits != null ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dt", { children: "Included" }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("dd", { children: [
           meta.includedUnits.toLocaleString(locale),
           " ",
           meta.meterName ?? "units"
         ] })
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dt", { children: "Charged today" }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dd", { children: formatPrice(meta.chargedTodayMinor, meta.currency, { locale }) })
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dt", { children: "Charged today" }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dd", { children: formatPrice(meta.chargedTodayMinor, meta.currency, { locale }) })
       ] }),
-      meta.nextRenewalLabel ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dt", { children: "Next renewal" }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("dd", { children: meta.nextRenewalLabel })
+      meta.nextRenewalLabel ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dt", { children: "Next renewal" }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("dd", { children: meta.nextRenewalLabel })
       ] }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("p", { className: `${cx2.muted} solvapay-mcp-checkout-manage-pointer`.trim(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("p", { className: `${cx2.muted} solvapay-mcp-checkout-manage-pointer`.trim(), children: [
       "Manage from ",
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("code", { children: "/manage_account" })
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("code", { children: "/manage_account" })
     ] })
   ] });
 });
 
 // src/mcp/views/checkout/HostedCheckout.tsx
 var import_react51 = __toESM(require("react"), 1);
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var POLL_INTERVAL_MS = 3e3;
 var AWAITING_TIMEOUT_MS = 10 * 60 * 1e3;
 function useHostedUrl(enabled, fetcher, label) {
@@ -11264,7 +11349,7 @@ var HostedLinkButton = import_react51.default.memo(function HostedLinkButton2({
 }) {
   const handleExternalClick = useExternalLinkClick();
   if (state.status === "ready") {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       "a",
       {
         className: "solvapay-mcp-hosted-link",
@@ -11276,17 +11361,17 @@ var HostedLinkButton = import_react51.default.memo(function HostedLinkButton2({
           onLaunch?.(state.href);
           handleExternalClick(event);
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("button", { type: "button", className: cx2.button, children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("button", { type: "button", className: cx2.button, children: [
           readyLabel,
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ExternalLinkGlyph, {})
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ExternalLinkGlyph, {})
         ] })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("button", { type: "button", className: cx2.button, disabled: true, children: state.status === "error" ? "Unavailable" : loadingLabel });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", className: cx2.button, disabled: true, children: state.status === "error" ? "Unavailable" : loadingLabel });
 });
 function Spinner2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "solvapay-mcp-spinner", "aria-hidden": "true" });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "solvapay-mcp-spinner", "aria-hidden": "true" });
 }
 var AwaitingBody = import_react51.default.memo(function AwaitingBody2({
   href,
@@ -11296,13 +11381,13 @@ var AwaitingBody = import_react51.default.memo(function AwaitingBody2({
   cx: cx2
 }) {
   const handleExternalClick = useExternalLinkClick();
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cx2.awaitingHeader, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Spinner2, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h2", { className: cx2.heading, children: timedOut ? "Still waiting for payment" : "Waiting for payment\u2026" })
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cx2.awaitingHeader, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Spinner2, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h2", { className: cx2.heading, children: timedOut ? "Still waiting for payment" : "Waiting for payment\u2026" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime45.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("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__ */ (0, import_jsx_runtime46.jsx)(
       "a",
       {
         className: "solvapay-mcp-hosted-link",
@@ -11314,13 +11399,13 @@ var AwaitingBody = import_react51.default.memo(function AwaitingBody2({
           onReopen();
           handleExternalClick(event);
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("button", { type: "button", className: cx2.button, children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("button", { type: "button", className: cx2.button, children: [
           "Reopen checkout",
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ExternalLinkGlyph, {})
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ExternalLinkGlyph, {})
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("button", { type: "button", className: cx2.linkButton, onClick: onCancel, children: "Didn't complete? Cancel" })
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("button", { type: "button", className: cx2.linkButton, onClick: onCancel, children: "Didn't complete? Cancel" })
   ] });
 });
 var CancelledBody = import_react51.default.memo(function CancelledBody2({
@@ -11332,25 +11417,25 @@ var CancelledBody = import_react51.default.memo(function CancelledBody2({
   onLaunch,
   cx: cx2
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("h2", { className: cx2.heading, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("h2", { className: cx2.heading, children: [
       "Your ",
       productName,
       " purchase is cancelled"
     ] }),
-    endDate && formattedEndDate ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cx2.notice, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("strong", { children: [
+    endDate && formattedEndDate ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cx2.notice, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("strong", { children: [
         "Access expires ",
         formattedEndDate
       ] }) }),
-      daysLeft !== null && daysLeft > 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("p", { className: cx2.muted, children: [
+      daysLeft !== null && daysLeft > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("p", { className: cx2.muted, children: [
         daysLeft,
         " ",
         daysLeft === 1 ? "day" : "days",
         " remaining"
       ] })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: cx2.muted, children: "Your purchase access has ended." }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: cx2.muted, children: "Your purchase access has ended." }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       HostedLinkButton,
       {
         state: checkout,
@@ -11360,7 +11445,7 @@ var CancelledBody = import_react51.default.memo(function CancelledBody2({
         cx: cx2
       }
     ),
-    checkout.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: cx2.error, role: "alert", children: checkout.message })
+    checkout.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: cx2.error, role: "alert", children: checkout.message })
   ] });
 });
 var UpgradeBody = import_react51.default.memo(function UpgradeBody2({
@@ -11371,11 +11456,11 @@ var UpgradeBody = import_react51.default.memo(function UpgradeBody2({
   backLabel,
   cx: cx2
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-    onBack ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(BackLink, { label: backLabel, onClick: onBack }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h2", { className: cx2.heading, children: planName ? `Complete your ${planName} purchase` : "Upgrade your plan" }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+    onBack ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BackLink, { label: backLabel, onClick: onBack }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("h2", { className: cx2.heading, children: planName ? `Complete your ${planName} purchase` : "Upgrade your plan" }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("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__ */ (0, import_jsx_runtime46.jsx)(
       HostedLinkButton,
       {
         state: checkout,
@@ -11385,7 +11470,7 @@ var UpgradeBody = import_react51.default.memo(function UpgradeBody2({
         cx: cx2
       }
     ),
-    checkout.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: cx2.error, role: "alert", children: checkout.message })
+    checkout.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: cx2.error, role: "alert", children: checkout.message })
   ] });
 });
 function HostedCheckout({
@@ -11398,7 +11483,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] = (0, import_react51.useState)(null);
@@ -11493,7 +11578,7 @@ function HostedCheckout({
   const awaitingHref = awaiting?.href ?? null;
   const inner = (0, import_react51.useMemo)(() => {
     if (awaiting && awaitingHref) {
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         AwaitingBody,
         {
           href: awaitingHref,
@@ -11505,7 +11590,7 @@ function HostedCheckout({
       );
     }
     if (shouldShowCancelledNotice && cancelledProductName) {
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         CancelledBody,
         {
           productName: cancelledProductName,
@@ -11518,7 +11603,7 @@ function HostedCheckout({
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       UpgradeBody,
       {
         planName,
@@ -11548,16 +11633,16 @@ function HostedCheckout({
     cx2
   ]);
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { children: "Loading purchase\u2026" });
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { children: "Loading purchase\u2026" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { "data-refreshing": isRefetching ? "true" : void 0, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cx2.stack, children: [
     inner,
     children
   ] });
 }
 
 // src/mcp/views/checkout/EmbeddedCheckout.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function EmbeddedCheckout({
   productRef,
   returnUrl,
@@ -11589,10 +11674,10 @@ function EmbeddedCheckout({
     [currentPlanRef]
   );
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cx2.card, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { children: "Loading checkout\u2026" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cx2.card, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { children: "Loading checkout\u2026" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cx2.card, "data-refreshing": isRefetching ? "true" : void 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cx2.card, "data-refreshing": isRefetching ? "true" : void 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       PlanSelector.Root,
       {
         productRef,
@@ -11603,7 +11688,7 @@ function EmbeddedCheckout({
         autoSelectFirstPaid: Boolean(paygPlanRef),
         initialPlanRef,
         className: "solvapay-plan-selector",
-        children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           McpCheckoutBody,
           {
             productRef,
@@ -11698,9 +11783,9 @@ function McpCheckoutBody({
     const waitingForSelection = Boolean(autoAdvance) && !flow.selectedPlanRef;
     const matchingPending = Boolean(autoAdvance) && flow.selectedPlanRef === initialPlanRef && flow.status === "activating";
     if (waitingForSelection || matchingPending) {
-      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { children: "Loading checkout\u2026" });
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { children: "Loading checkout\u2026" });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       PlanStep,
       {
         fromPaywall,
@@ -11719,7 +11804,7 @@ function McpCheckoutBody({
     if (!selectedPlanShape) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       AmountStep,
       {
         plan: selectedPlanShape,
@@ -11741,11 +11826,11 @@ function McpCheckoutBody({
   }
   if (flow.step === "payment") {
     if (stripeProbe === "loading") {
-      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { children: "Loading checkout\u2026" });
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { children: "Loading checkout\u2026" });
     }
     if (stripeProbe === "blocked") {
       const hostedBackLabel = flow.branch === "payg" ? "Change amount" : "Change plan";
-      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         HostedCheckout,
         {
           productRef,
@@ -11759,7 +11844,7 @@ function McpCheckoutBody({
       );
     }
     if (flow.branch === "payg" && selectedPlanShape && flow.selectedAmountMinor != null) {
-      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         PaygPaymentStep,
         {
           plan: selectedPlanShape,
@@ -11774,7 +11859,7 @@ function McpCheckoutBody({
       );
     }
     if (flow.branch === "recurring" && selectedPlanShape && flow.selectedPlanRef) {
-      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         RecurringPaymentStep,
         {
           plan: selectedPlanShape,
@@ -11790,13 +11875,13 @@ function McpCheckoutBody({
     return null;
   }
   if (flow.step === "success" && flow.successMeta) {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SuccessStep, { meta: flow.successMeta, cx: cx2 });
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SuccessStep, { meta: flow.successMeta, cx: cx2 });
   }
   return null;
 }
 
 // src/mcp/views/McpCheckoutView.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function McpCheckoutView({
   productRef,
   publishableKey = null,
@@ -11815,7 +11900,7 @@ function McpCheckoutView({
 }) {
   const cx2 = resolveMcpClassNames(classNames);
   const probe = useStripeProbe(publishableKey);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     EmbeddedCheckout,
     {
       productRef,
@@ -11842,7 +11927,7 @@ var import_react54 = require("react");
 // src/primitives/BalanceBadge.tsx
 var import_react53 = require("react");
 var import_core18 = require("@solvapay/core");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var BalanceBadge = (0, import_react53.forwardRef)(function BalanceBadge2({ asChild, numberOnly, lowThreshold = 10, children, ...rest }, forwardedRef) {
   const solva = (0, import_react53.useContext)(SolvaPayContext);
   if (!solva) throw new MissingProviderError("BalanceBadge");
@@ -11861,10 +11946,10 @@ var BalanceBadge = (0, import_react53.forwardRef)(function BalanceBadge2({ asChi
     if (asChild) {
       return (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_jsx_runtime49.Fragment, {}) })
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { ref: forwardedRef, ...commonProps });
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { ref: forwardedRef, ...commonProps });
   }
   if (credits == null) return null;
   const formattedCredits = new Intl.NumberFormat(locale).format(credits);
@@ -11886,7 +11971,7 @@ var BalanceBadge = (0, import_react53.forwardRef)(function BalanceBadge2({ asChi
       currencyEquivalent = interpolate(copy.balance.currencyEquivalent, { amount: formatted });
     }
   }
-  const content = children ?? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+  const content = children ?? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
     formattedCredits,
     !numberOnly && copy.balance.credits,
     !numberOnly && currencyEquivalent
@@ -11894,28 +11979,14 @@ var BalanceBadge = (0, import_react53.forwardRef)(function BalanceBadge2({ asChi
   if (asChild) {
     return (
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: content })
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Slot, { ref: forwardedRef, ...commonProps, children: content })
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { ref: forwardedRef, ...commonProps, children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { ref: forwardedRef, ...commonProps, children: content });
 });
 
-// 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
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var FALLBACK_TOPUP_CURRENCY = "USD";
 function resolveDefaultCurrency(merchant) {
   if (merchant?.defaultCurrency) {
@@ -11923,14 +11994,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,
@@ -11942,14 +12005,14 @@ function McpTopupView({
   const probe = useStripeProbe(publishableKey);
   const { merchant, loading: merchantLoading } = useMerchant();
   if (merchantLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("section", { className: cx2.card, "aria-label": "Loading top-up", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { children: "Loading top-up\u2026" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("section", { className: cx2.card, "aria-label": "Loading top-up", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("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__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     EmbeddedTopup,
     {
       returnUrl,
@@ -11995,17 +12058,17 @@ function EmbeddedTopup({
       creditsPerMinorUnit,
       displayExchangeRate
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("section", { className: cx2.card, "aria-label": "Top-up success", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "solvapay-mcp-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h2", { className: cx2.heading, children: "Credits added" }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("dl", { className: "solvapay-mcp-checkout-receipt", "data-variant": "payg", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("dt", { children: "Amount" }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("dd", { children: formatPrice(screen.amountMinor, currency, { locale, free: "" }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("section", { className: cx2.card, "aria-label": "Top-up success", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "solvapay-mcp-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h2", { className: cx2.heading, children: "Credits added" }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("dl", { className: "solvapay-mcp-checkout-receipt", "data-variant": "payg", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("dt", { children: "Amount" }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("dd", { children: formatPrice(screen.amountMinor, currency, { locale, free: "" }) })
         ] }),
-        estimate.kind === "available" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("dt", { children: "Credits" }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("dd", { children: [
+        estimate.kind === "available" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("dt", { children: "Credits" }),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("dd", { children: [
             "+",
             estimate.credits.toLocaleString(locale)
           ] })
@@ -12015,10 +12078,10 @@ function EmbeddedTopup({
   }
   if (screen.step === "payment") {
     if (stripeProbe === "loading") {
-      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("section", { className: cx2.card, "aria-label": "Loading top-up", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { children: "Loading top-up\u2026" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("section", { className: cx2.card, "aria-label": "Loading top-up", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { children: "Loading top-up\u2026" }) });
     }
     if (stripeProbe === "blocked") {
-      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(HostedTopupFallback, { cx: cx2, onChangeAmount: () => setScreen({ step: "amount" }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(HostedTopupFallback, { cx: cx2, onChangeAmount: () => setScreen({ step: "amount" }) });
     }
     const committedAmountMinor = screen.amountMinor;
     const savesCard = screen.autoRecharge != null;
@@ -12034,7 +12097,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__ */ (0, import_jsx_runtime49.jsx)("section", { className: cx2.card, "aria-label": "Top-up payment", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("section", { className: cx2.card, "aria-label": "Top-up payment", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       TopupForm.Root,
       {
         amount: committedAmountMinor,
@@ -12059,32 +12122,32 @@ function EmbeddedTopup({
           });
           onTopupSuccess?.(committedAmountMinor);
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(McpHostedLayout, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(McpSummaryRail, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("section", { className: cx2.stack, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: cx2.muted, children: "Total due today" }),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: cx2.topupAmountHero, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TopupChargeAmount, { amountMinor: committedAmountMinor, currency }) }),
-            contextParts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: cx2.topupBalanceContext, children: contextParts.join(" \xB7 ") }) : null,
-            isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TopupForm.Summary.Rows, { className: cx2.taxSummary }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TopupForm.Summary.TaxNote, { className: cx2.muted })
+        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(McpHostedLayout, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(McpSummaryRail, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("section", { className: cx2.stack, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: cx2.muted, children: "Total due today" }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: cx2.topupAmountHero, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TopupChargeAmount, { amountMinor: committedAmountMinor, currency }) }),
+            contextParts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: cx2.topupBalanceContext, children: contextParts.join(" \xB7 ") }) : null,
+            isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TopupForm.Summary.Rows, { className: cx2.taxSummary }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TopupForm.Summary.TaxNote, { className: cx2.muted })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(McpHostedBody, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(McpHostedBody, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               McpPaymentHeader,
               {
                 backLabel: "Change amount",
                 onBack: () => setScreen({ step: "amount" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cx2.topupForm, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TopupForm.Loading, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TopupForm.PaymentElement, { options: MCP_PAYMENT_ELEMENT_OPTIONS }),
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TopupForm.BusinessDetails.Root, { className: cx2.businessDetails, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TopupForm.BusinessDetails.Fields, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TopupForm.Error, { className: cx2.error }),
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(TopupForm.SubmitButton, { className: cx2.button, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cx2.topupForm, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TopupForm.Loading, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TopupForm.PaymentElement, { options: MCP_PAYMENT_ELEMENT_OPTIONS }),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TopupForm.BusinessDetails.Root, { className: cx2.businessDetails, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TopupForm.BusinessDetails.Fields, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TopupForm.Error, { className: cx2.error }),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(TopupForm.SubmitButton, { className: cx2.button, children: [
                 "Top up",
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TopupChargeAmount, { amountMinor: committedAmountMinor, currency })
+                /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TopupChargeAmount, { amountMinor: committedAmountMinor, currency })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                 MandateText,
                 {
                   mode: "topup",
@@ -12100,7 +12163,7 @@ function EmbeddedTopup({
     ) });
   }
   const currencyDisplay = showCurrencySwitch ? "code" : "symbol";
-  const amountForm = /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  const amountForm = /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     AmountPicker.Root,
     {
       currency,
@@ -12108,7 +12171,7 @@ function EmbeddedTopup({
       selector: topupSelector,
       className: cx2.amountPicker,
       children: [
-        isFullscreen ? null : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        isFullscreen ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           AmountStepHeader,
           {
             cx: cx2,
@@ -12118,15 +12181,15 @@ function EmbeddedTopup({
             onCurrencyChange: handleCurrencyChange
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PresetAmountGrid, { currencyDisplay, locale }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(PresetAmountGrid, { currencyDisplay }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           CustomAmountRow2,
           {
             rowClassName: cx2.amountCustom,
             currencyDisplay
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           McpInlineAutoRecharge,
           {
             ref: autoRechargeRef,
@@ -12135,8 +12198,8 @@ function EmbeddedTopup({
             displayExchangeRate
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AmountDueSummary, { locale, currency }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AmountDueSummary, { locale, currency }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           AmountPicker.Confirm,
           {
             className: cx2.button,
@@ -12165,8 +12228,8 @@ function EmbeddedTopup({
     }
   );
   if (isFullscreen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("section", { className: cx2.card, "aria-label": "Add credits", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(McpHostedLayout, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(McpSummaryRail, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("section", { className: cx2.card, "aria-label": "Add credits", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(McpHostedLayout, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(McpSummaryRail, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         AmountStepHeader,
         {
           cx: cx2,
@@ -12177,14 +12240,14 @@ function EmbeddedTopup({
           rail: true
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(McpHostedBody, { children: [
-        onBack ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(BackLink, { label: "Back to my account", onClick: onBack }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(McpHostedBody, { children: [
+        onBack ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(BackLink, { label: "Back to my account", onClick: onBack }) : null,
         amountForm
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("section", { className: cx2.card, "aria-label": "Add credits", children: [
-    onBack ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(BackLink, { label: "Back to my account", onClick: onBack }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("section", { className: cx2.card, "aria-label": "Add credits", children: [
+    onBack ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(BackLink, { label: "Back to my account", onClick: onBack }) : null,
     amountForm
   ] });
 }
@@ -12195,7 +12258,7 @@ function TopupChargeAmount({
   const locale = useHostLocale();
   const { taxBreakdown } = useTopupForm();
   const minor = chargeAmountMinor(taxBreakdown, amountMinor);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_jsx_runtime49.Fragment, { children: formatPrice(minor, taxBreakdown?.currency ?? currency, { locale, free: "" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: formatPrice(minor, taxBreakdown?.currency ?? currency, { locale, free: "" }) });
 }
 function AmountStepHeader({
   cx: cx2,
@@ -12208,69 +12271,43 @@ function AmountStepHeader({
   const { credits } = useBalance();
   const locale = useHostLocale();
   const formattedBalance = credits != null ? new Intl.NumberFormat(locale).format(credits) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("header", { className: rail ? cx2.stack : void 0, children: [
-    rail ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Eyebrow, { variant: "rail", children: "Add credits" }),
-      formattedBalance ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("p", { className: cx2.muted, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("header", { className: rail ? cx2.stack : void 0, children: [
+    rail ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Eyebrow, { variant: "rail", children: "Add credits" }),
+      formattedBalance ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("p", { className: cx2.muted, children: [
         "Balance ",
         formattedBalance,
         " credits"
       ] }) : null
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cx2.balanceRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h2", { className: cx2.heading, children: "Add credits" }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(BalanceBadge, {})
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cx2.balanceRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h2", { className: cx2.heading, children: "Add credits" }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(BalanceBadge, {})
     ] }),
-    showCurrencySwitch ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("label", { className: "solvapay-mcp-step-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: cx2.muted, children: "Pay in" }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    showCurrencySwitch ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("label", { className: "solvapay-mcp-step-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: cx2.muted, children: "Pay in" }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         "select",
         {
           className: "solvapay-mcp-currency-switch",
           value: currency,
           onChange: (event) => onCurrencyChange(event.target.value),
           "aria-label": "Topup currency",
-          children: topupCurrencies.map((code) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("option", { value: code, children: code }, code))
+          children: topupCurrencies.map((code) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("option", { value: code, children: code }, code))
         }
       )
     ] }) : null
   ] });
 }
-function PresetAmountGrid({
-  currencyDisplay,
-  locale
-}) {
-  const { quickAmounts, currency, creditsPerMinorUnit, displayExchangeRate } = useAmountPicker();
-  const { displayCurrency } = useBalance();
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("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__ */ (0, import_jsx_runtime49.jsxs)(AmountPicker.Option, { amount, className: "solvapay-mcp-preset-tile", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "solvapay-mcp-preset-tile-amount", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("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__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     AmountLadder,
     {
       rows: [
         {
           label: "Total due today",
-          value: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "solvapay-mcp-topup-total", children: displayAmount })
+          value: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "solvapay-mcp-topup-total", children: displayAmount })
         }
       ]
     }
@@ -12282,20 +12319,20 @@ function CustomAmountRow2({
 }) {
   const { currencySymbol: currencySymbol2, currency } = useAmountPicker();
   const prefix = currencyDisplay === "code" ? currency.toUpperCase() : currencySymbol2;
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("label", { className: rowClassName, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "solvapay-mcp-amount-currency-symbol", children: prefix }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(AmountPicker.Custom, { className: "solvapay-mcp-amount-custom-input", placeholder: "0.00" })
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("label", { className: rowClassName, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "solvapay-mcp-amount-currency-symbol", children: prefix }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AmountPicker.Custom, { className: "solvapay-mcp-amount-custom-input", placeholder: "0.00" })
   ] });
 }
 function HostedTopupFallback({
   cx: cx2,
   onChangeAmount
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("section", { className: cx2.card, "aria-label": "Add credits", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(BackLink, { label: "Change amount", onClick: onChangeAmount }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h2", { className: cx2.heading, children: "Add credits" }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("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__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("section", { className: cx2.card, "aria-label": "Add credits", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(BackLink, { label: "Change amount", onClick: onChangeAmount }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h2", { className: cx2.heading, children: "Add credits" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("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__ */ (0, import_jsx_runtime50.jsx)(
       LaunchCustomerPortalButton,
       {
         className: cx2.button,
@@ -12308,7 +12345,7 @@ function HostedTopupFallback({
 }
 
 // src/mcp/McpAppShell.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function resolveSurface(bootstrapView) {
   switch (bootstrapView) {
     case "checkout":
@@ -12345,8 +12382,8 @@ function McpAppShell({
   const effectiveView = overrideView ?? resolvedView;
   const showFooter = footer ?? true;
   const surface = effectiveView === "account" || effectiveView === "auto-recharge" ? "management" : "payment";
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "solvapay-mcp-shell", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(McpHostedColumn, { surface, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(McpHostedLayout, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "solvapay-mcp-shell-body", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "solvapay-mcp-shell", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(McpHostedColumn, { surface, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(McpHostedLayout, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "solvapay-mcp-shell-body", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       McpViewRouter,
       {
         view: effectiveView,
@@ -12359,12 +12396,16 @@ function McpAppShell({
         onClose
       }
     ) }) }) }),
-    showFooter ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ShellFooter, { classNames }) : null
+    showFooter ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ShellFooter, { classNames }) : null
   ] });
 }
 function ShellFooter({ classNames }) {
   const cx2 = resolveMcpClassNames(classNames);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("footer", { className: `solvapay-mcp-shell-footer ${cx2.muted}`.trim(), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(LegalFooter, { attribution: "provided" }) });
+  const copy = useCopy();
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("footer", { className: `solvapay-mcp-shell-footer ${cx2.muted}`.trim(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { children: copy.legalFooter.providedBy }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(LegalFooter, { attribution: false })
+  ] });
 }
 function McpViewRouter({
   view,
@@ -12385,7 +12426,7 @@ function McpViewRouter({
   const goAccount = onSurfaceChange ? () => onSurfaceChange("account") : void 0;
   switch (view) {
     case "checkout":
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         CheckoutView,
         {
           productRef,
@@ -12403,7 +12444,7 @@ function McpViewRouter({
       );
     case "auto-recharge":
     case "account":
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         AccountView,
         {
           classNames,
@@ -12417,7 +12458,7 @@ function McpViewRouter({
         }
       );
     case "topup":
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         TopupView,
         {
           publishableKey: stripePublishableKey,
@@ -12436,17 +12477,17 @@ var import_react57 = require("react");
 
 // src/mcp/hooks/useHostInfo.tsx
 var import_react56 = require("react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var McpHostInfoContext = (0, import_react56.createContext)(null);
 function McpHostInfoProvider({ hostName, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(McpHostInfoContext.Provider, { value: hostName, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(McpHostInfoContext.Provider, { value: hostName, children });
 }
 function useHostName() {
   return (0, import_react56.useContext)(McpHostInfoContext);
 }
 
 // src/mcp/views/AppHeader.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var HOSTS_WITH_MERCHANT_CHROME = /chatgpt|openai|claude/i;
 function useMerchantSafe() {
   const ctx = (0, import_react57.useContext)(SolvaPayContext);
@@ -12499,8 +12540,8 @@ function AppHeader({
   const rootClass = [cx2.appHeader, className].filter(Boolean).join(" ");
   const hasIconUrl = iconUrl !== null && !imgFailed;
   const showInitials = !hasIconUrl || !imgLoaded;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("header", { className: rootClass, children: [
-    hasIconUrl ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("header", { className: rootClass, children: [
+    hasIconUrl ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       "img",
       {
         ref: imgRef,
@@ -12512,14 +12553,14 @@ function AppHeader({
         onError: () => setImgFailed(true)
       }
     ) : null,
-    showInitials ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: cx2.appHeaderInitials, "aria-hidden": "true", children: getInitials(name) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: cx2.appHeaderName, children: name }),
-    children ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "solvapay-mcp-app-header-slot", children }) : null
+    showInitials ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: cx2.appHeaderInitials, "aria-hidden": "true", children: getInitials(name) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: cx2.appHeaderName, children: name }),
+    children ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "solvapay-mcp-app-header-slot", children }) : null
   ] });
 }
 
 // src/mcp/McpApp.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function bootstrapToInitial(bs) {
   return {
     customerRef: bs.customer?.ref ?? null,
@@ -12533,6 +12574,7 @@ function bootstrapToInitial(bs) {
     plans: bs.plans
   };
 }
+var OPENING_RESULT_GRACE_MS = 1500;
 function McpApp({
   app,
   productRef: productRefOverride,
@@ -12567,9 +12609,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 {
@@ -12577,17 +12628,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) => {
@@ -12598,33 +12648,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 ? import_mcp_core3.VIEW_FOR_TOOL[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;
@@ -12645,8 +12713,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;
@@ -12657,6 +12730,7 @@ function McpApp({
     })();
     return () => {
       cancelled = true;
+      clearGrace();
       unsubscribe?.();
     };
   }, [app]);
@@ -12741,31 +12815,31 @@ function McpApp({
   );
   const effectiveOnClose = onClose ?? defaultOnClose;
   const effectiveBootstrap = bootstrap && productRefOverride ? { ...bootstrap, productRef: productRefOverride } : bootstrap;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(McpHostInfoProvider, { hostName, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(McpDisplayModeProvider, { value: displayModeState, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(McpHostInfoProvider, { hostName, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(McpDisplayModeProvider, { value: displayModeState, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "main",
     {
       className: "solvapay-mcp-main",
       "data-display-mode": displayModeState.displayMode,
       style: hostSafeAreaPadding(displayModeState.safeAreaInsets),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "solvapay-mcp-chrome-row", children: displayModeState.displayMode !== "fullscreen" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "solvapay-mcp-chrome-row", children: displayModeState.displayMode !== "fullscreen" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           AppHeader,
           {
             classNames,
             merchant: effectiveBootstrap?.merchant ?? null
           }
         ) : null }),
-        initError ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: `${cx2.card} ${cx2.error}`.trim(), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h2", { className: cx2.heading, children: "Unable to load SolvaPay" }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { children: initError })
+        initError ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: `${cx2.card} ${cx2.error}`.trim(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("h2", { className: cx2.heading, children: "Unable to load SolvaPay" }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("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__ */ (0, import_jsx_runtime53.jsx)("div", { className: cx2.card, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { children: "Loading\u2026" }) })
-        ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SolvaPayProvider, { config: providerConfig, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(McpBridgeProvider, { app, messageOnSuccess, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: cx2.card, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { children: "Loading\u2026" }) })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SolvaPayProvider, { config: providerConfig, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(McpBridgeProvider, { app, messageOnSuccess, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           McpAppShell,
           {
             bootstrap: effectiveBootstrap,