@solvapay/react 1.0.8-preview.9 → 1.0.9

package/dist/mcp/index.js

@@ -0,0 +1,2724 @@
+import {
+  CurrentPlanCard,
+  ExternalLinkGlyph,
+  LaunchCustomerPortalButton,
+  paymentMethodCache
+} from "../chunk-HWVJL5X6.js";
+import {
+  PaywallNotice,
+  isPaygPlan
+} from "../chunk-ZAV7CQ4G.js";
+import {
+  AmountPicker,
+  BalanceBadge,
+  CancelledPlanNotice,
+  PaymentForm,
+  PlanSelector,
+  SolvaPayProvider,
+  TopupForm,
+  UsageMeter,
+  createTransportCacheKey,
+  formatPrice,
+  getMinorUnitsPerMajor,
+  merchantCache,
+  plansCache,
+  productCache,
+  useAmountPicker,
+  useBalance,
+  useCopy,
+  useCustomer,
+  useMerchant,
+  usePlanSelector,
+  usePurchase,
+  usePurchaseStatus,
+  useTransport,
+  useUsage
+} from "../chunk-37R5NZGF.js";
+import "../chunk-OUSEQRCT.js";
+import "../chunk-MLKGABMK.js";
+
+// src/mcp/adapter.ts
+import { MCP_TOOL_NAMES } from "@solvapay/mcp-core";
+function unwrap(result) {
+  if (result.isError) {
+    const first2 = result.content?.[0];
+    const message = first2 && "text" in first2 && typeof first2.text === "string" ? first2.text : "MCP tool failed";
+    throw new Error(message);
+  }
+  if (result.structuredContent !== void 0) {
+    return result.structuredContent;
+  }
+  const first = result.content?.[0];
+  if (first && "text" in first && typeof first.text === "string") {
+    try {
+      return JSON.parse(first.text);
+    } catch {
+      throw new Error("MCP tool returned no parseable content");
+    }
+  }
+  throw new Error("MCP tool returned no parseable content");
+}
+function pickDefined(input) {
+  const out = {};
+  for (const [k, v] of Object.entries(input)) {
+    if (v !== void 0) out[k] = v;
+  }
+  return out;
+}
+function createMcpAppAdapter(app) {
+  const callTool = async (name, args = {}) => unwrap(await app.callServerTool({ name, arguments: args }));
+  return {
+    createPayment: (params) => callTool(MCP_TOOL_NAMES.createPayment, pickDefined({ ...params })),
+    processPayment: (params) => callTool(MCP_TOOL_NAMES.processPayment, pickDefined({ ...params })),
+    createTopupPayment: (params) => callTool(MCP_TOOL_NAMES.createTopupPayment, pickDefined({ ...params })),
+    cancelRenewal: (params) => callTool(MCP_TOOL_NAMES.cancelRenewal, pickDefined({ ...params })),
+    reactivateRenewal: (params) => callTool(MCP_TOOL_NAMES.reactivateRenewal, pickDefined({ ...params })),
+    activatePlan: (params) => callTool(MCP_TOOL_NAMES.activatePlan, pickDefined({ ...params })),
+    createCheckoutSession: (params) => callTool(MCP_TOOL_NAMES.createCheckoutSession, pickDefined({ ...params ?? {} })),
+    createCustomerSession: () => callTool(MCP_TOOL_NAMES.createCustomerSession)
+  };
+}
+
+// src/mcp/index.ts
+import { MCP_TOOL_NAMES as MCP_TOOL_NAMES3 } from "@solvapay/mcp-core";
+
+// src/mcp/useStripeProbe.ts
+import { useEffect, useState } from "react";
+import { loadStripe } from "@stripe/stripe-js";
+var STRIPE_PROBE_TIMEOUT_MS = 3e3;
+function useStripeProbe(publishableKey) {
+  const [state, setState] = useState(publishableKey ? "loading" : "blocked");
+  useEffect(() => {
+    if (!publishableKey) {
+      setState("blocked");
+      return;
+    }
+    let cancelled = false;
+    setState("loading");
+    const timeout = new Promise((resolve) => {
+      window.setTimeout(() => resolve("blocked"), STRIPE_PROBE_TIMEOUT_MS);
+    });
+    const load = loadStripe(publishableKey).then((stripe) => stripe ? "ready" : "blocked").catch(() => "blocked");
+    Promise.race([load, timeout]).then((result) => {
+      if (!cancelled) setState(result);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [publishableKey]);
+  return state;
+}
+
+// src/mcp/useHostLocale.ts
+import { useEffect as useEffect2, useState as useState2 } from "react";
+var FALLBACK_LOCALE = "en-US";
+function resolveLocale() {
+  if (typeof document !== "undefined") {
+    const lang = document.documentElement?.lang;
+    if (lang) return lang;
+  }
+  if (typeof navigator !== "undefined" && navigator.language) {
+    return navigator.language;
+  }
+  return FALLBACK_LOCALE;
+}
+function useHostLocale() {
+  const [locale, setLocale] = useState2(() => resolveLocale());
+  useEffect2(() => {
+    if (typeof document === "undefined" || typeof MutationObserver === "undefined") {
+      return;
+    }
+    const root = document.documentElement;
+    const observer = new MutationObserver(() => {
+      setLocale((prev) => {
+        const next = resolveLocale();
+        return next === prev ? prev : next;
+      });
+    });
+    observer.observe(root, { attributes: true, attributeFilter: ["lang"] });
+    setLocale((prev) => {
+      const next = resolveLocale();
+      return next === prev ? prev : next;
+    });
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  return locale;
+}
+
+// src/mcp/hooks/useMcpToolResult.ts
+import { useCallback, useEffect as useEffect3, useRef, useSyncExternalStore } from "react";
+var EMPTY_CONTENT = [];
+function useMcpToolResult(app) {
+  const snapshotRef = useRef({
+    structuredContent: null,
+    content: EMPTY_CONTENT,
+    toolName: app.getHostContext?.()?.toolInfo?.tool?.name ?? null
+  });
+  const subscribe = useCallback(
+    (onStoreChange) => {
+      const handler = (params) => {
+        if (params?.isError) return;
+        const toolName = app.getHostContext?.()?.toolInfo?.tool?.name ?? null;
+        const content = Array.isArray(params?.content) ? params.content : EMPTY_CONTENT;
+        const structuredContent = params?.structuredContent ?? null;
+        snapshotRef.current = { structuredContent, content, toolName };
+        onStoreChange();
+      };
+      if (typeof app.addEventListener === "function") {
+        app.addEventListener("toolresult", handler);
+        return () => app.removeEventListener?.("toolresult", handler);
+      }
+      const prior = app.ontoolresult;
+      app.ontoolresult = handler;
+      return () => {
+        if (app.ontoolresult === handler) app.ontoolresult = prior;
+      };
+    },
+    [app]
+  );
+  useEffect3(() => {
+    const current = app.getHostContext?.()?.toolInfo?.tool?.name ?? null;
+    if (current !== snapshotRef.current.toolName) {
+      snapshotRef.current = { ...snapshotRef.current, toolName: current };
+    }
+  });
+  return useSyncExternalStore(
+    subscribe,
+    () => snapshotRef.current,
+    () => snapshotRef.current
+  );
+}
+
+// src/mcp/bridge.tsx
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var NOOP_BRIDGE = {
+  notifyModelContext: async () => {
+  },
+  sendMessage: async () => {
+  },
+  notifySuccess: async () => {
+  }
+};
+var McpBridgeContext = createContext(NOOP_BRIDGE);
+function McpBridgeProvider({ app, messageOnSuccess, children }) {
+  const locale = useHostLocale();
+  const value = useMemo(() => {
+    return {
+      notifyModelContext: async (params) => {
+        if (typeof app.updateModelContext !== "function") return;
+        const payload = params.structuredContent !== void 0 ? { structuredContent: params.structuredContent } : params.text !== void 0 ? { content: [{ type: "text", text: params.text }] } : null;
+        if (!payload) return;
+        try {
+          await app.updateModelContext(payload);
+        } catch {
+        }
+      },
+      sendMessage: async (params) => {
+        if (typeof app.sendMessage !== "function") return;
+        try {
+          await app.sendMessage({
+            role: "user",
+            content: [{ type: "text", text: params.text }]
+          });
+        } catch {
+        }
+      },
+      notifySuccess: async (evt) => {
+        const resolved = messageOnSuccess ? messageOnSuccess(evt) : defaultSuccessCopy(evt, locale);
+        if (resolved === null || resolved === void 0) return;
+        if (typeof app.sendMessage !== "function") return;
+        try {
+          await app.sendMessage({
+            role: "user",
+            content: [{ type: "text", text: resolved }]
+          });
+        } catch {
+        }
+      }
+    };
+  }, [app, locale, messageOnSuccess]);
+  return /* @__PURE__ */ jsx(McpBridgeContext.Provider, { value, children });
+}
+function useMcpBridge() {
+  return useContext(McpBridgeContext);
+}
+function defaultSuccessCopy(evt, locale) {
+  switch (evt.kind) {
+    case "topup": {
+      const amount = formatPrice(evt.amountMinor, evt.currency, { locale });
+      return `Topped up ${amount}. Ready to keep working.`;
+    }
+    case "plan-activated":
+      return `Activated ${evt.planName ?? "plan"}.`;
+    default: {
+      const _never = evt;
+      void _never;
+      return "";
+    }
+  }
+}
+
+// src/mcp/bootstrap.ts
+import { MCP_TOOL_NAMES as MCP_TOOL_NAMES2, TOOL_FOR_VIEW, VIEW_FOR_TOOL } from "@solvapay/mcp-core";
+
+// ../server/src/index.ts
+import crypto from "crypto";
+
+// ../server/src/types/paywall.ts
+function isPaywallStructuredContent(value) {
+  if (typeof value !== "object" || value === null || !("kind" in value)) {
+    return false;
+  }
+  const kind = value.kind;
+  return kind === "payment_required" || kind === "activation_required";
+}
+
+// src/mcp/bootstrap.ts
+var SOLVAPAY_TRANSPORT_TOOL_NAMES = new Set(
+  Object.values(MCP_TOOL_NAMES2).filter(
+    (name) => !(name in VIEW_FOR_TOOL)
+  )
+);
+function isTransportToolName(name) {
+  return SOLVAPAY_TRANSPORT_TOOL_NAMES.has(name);
+}
+function classifyHostEntry(app) {
+  const toolName = app.getHostContext()?.toolInfo?.tool?.name;
+  if (!toolName) return { kind: "other" };
+  const view = VIEW_FOR_TOOL[toolName];
+  if (view && view in TOOL_FOR_VIEW) {
+    return {
+      kind: "intent",
+      toolName,
+      view
+    };
+  }
+  if (isTransportToolName(toolName)) return { kind: "other", toolName };
+  return { kind: "data", toolName };
+}
+function inferViewFromHost(app) {
+  const classification = classifyHostEntry(app);
+  if (classification.kind === "intent") return classification.view;
+  return "checkout";
+}
+async function fetchMcpBootstrap(app) {
+  const view = inferViewFromHost(app);
+  const toolName = TOOL_FOR_VIEW[view];
+  const result = await app.callServerTool({
+    name: toolName,
+    arguments: {}
+  });
+  return parseBootstrapFromToolResult(result, toolName, view);
+}
+function parseBootstrapFromToolResult(result, toolName, fallbackView) {
+  const structured = result.structuredContent;
+  const hasBootstrapShape = structured !== void 0 && typeof structured === "object" && typeof structured.productRef === "string";
+  if (result.isError && !hasBootstrapShape) {
+    const first = result.content?.[0];
+    const message = first && "text" in first && typeof first.text === "string" ? first.text : `${toolName} failed`;
+    throw new Error(message);
+  }
+  const ref = structured?.productRef;
+  if (!ref) throw new Error(`${toolName} did not return a productRef`);
+  const raw = structured?.returnUrl;
+  if (typeof raw !== "string" || !/^https?:\/\//i.test(raw)) {
+    throw new Error(
+      `${toolName} did not return a valid http(s) returnUrl. Set MCP_PUBLIC_BASE_URL on the MCP server.`
+    );
+  }
+  const key = structured?.stripePublishableKey ?? null;
+  const requestedView = structured?.view ?? fallbackView;
+  const paywall = requestedView === "paywall" && isPaywallStructuredContent(structured?.paywall) ? structured.paywall : void 0;
+  const resolvedView = requestedView;
+  const nudgeSpec = structured?.nudge;
+  const nudge = requestedView === "nudge" && isNudgeSpec(nudgeSpec) ? nudgeSpec : void 0;
+  const data = requestedView === "nudge" ? structured?.data : void 0;
+  return {
+    view: resolvedView,
+    productRef: ref,
+    stripePublishableKey: typeof key === "string" && key ? key : null,
+    returnUrl: raw,
+    merchant: structured?.merchant ?? {},
+    product: structured?.product ?? { reference: ref },
+    plans: Array.isArray(structured?.plans) ? structured.plans : [],
+    customer: structured?.customer ?? null,
+    ...paywall ? { paywall } : {},
+    ...nudge ? { nudge } : {},
+    ...data !== void 0 ? { data } : {}
+  };
+}
+function isNudgeSpec(value) {
+  if (typeof value !== "object" || value === null) return false;
+  const kind = value.kind;
+  return typeof kind === "string" && (kind === "low-balance" || kind === "cycle-ending" || kind === "approaching-limit");
+}
+function waitForInitialToolResult(app, options = {}) {
+  const { timeoutMs = 2e3, signal, fallbackView = "paywall" } = options;
+  return new Promise((resolve, reject) => {
+    let settled = false;
+    let cleanup;
+    let timer = null;
+    const finish = (outcome) => {
+      if (settled) return;
+      settled = true;
+      if (timer !== null) clearTimeout(timer);
+      cleanup?.();
+      resolve(outcome);
+    };
+    const handler = (params) => {
+      if (settled) return;
+      const toolName = app.getHostContext()?.toolInfo?.tool?.name ?? null;
+      if (toolName && isTransportToolName(toolName)) return;
+      try {
+        const bootstrap = parseBootstrapFromToolResult(
+          params,
+          toolName ?? "(unknown)",
+          fallbackView
+        );
+        finish({ timedOut: false, bootstrap, toolName, params });
+      } catch (err) {
+        if (settled) return;
+        settled = true;
+        if (timer !== null) clearTimeout(timer);
+        cleanup?.();
+        reject(err instanceof Error ? err : new Error(String(err)));
+      }
+    };
+    if (typeof app.addEventListener === "function") {
+      app.addEventListener("toolresult", handler);
+      cleanup = () => app.removeEventListener?.("toolresult", handler);
+    } else {
+      const prior = app.ontoolresult;
+      app.ontoolresult = handler;
+      cleanup = () => {
+        if (app.ontoolresult === handler) app.ontoolresult = prior;
+      };
+    }
+    timer = setTimeout(() => {
+      finish({ timedOut: true, bootstrap: null, toolName: null, params: null });
+    }, timeoutMs);
+    if (signal) {
+      if (signal.aborted) {
+        finish({ timedOut: true, bootstrap: null, toolName: null, params: null });
+        return;
+      }
+      signal.addEventListener(
+        "abort",
+        () => {
+          finish({ timedOut: true, bootstrap: null, toolName: null, params: null });
+        },
+        { once: true }
+      );
+    }
+  });
+}
+
+// src/mcp/cache-seed.ts
+function seedMcpCaches(initial, config) {
+  const now = Date.now();
+  const merchantKey = createTransportCacheKey(
+    config,
+    config.api?.getMerchant || "/api/merchant"
+  );
+  merchantCache.set(merchantKey, {
+    merchant: initial.merchant,
+    promise: null,
+    timestamp: now
+  });
+  const productKey = createTransportCacheKey(
+    config,
+    initial.product.reference,
+    initial.product.reference
+  );
+  productCache.set(productKey, {
+    product: initial.product,
+    promise: null,
+    timestamp: now
+  });
+  plansCache.set(initial.product.reference, {
+    plans: initial.plans,
+    promise: null,
+    timestamp: now
+  });
+  if (initial.paymentMethod && initial.customerRef) {
+    const paymentMethodKey = createTransportCacheKey(
+      config,
+      config.api?.getPaymentMethod || "/api/payment-method"
+    );
+    paymentMethodCache.set(paymentMethodKey, {
+      paymentMethod: initial.paymentMethod,
+      promise: null,
+      timestamp: now
+    });
+  }
+}
+
+// src/mcp/McpApp.tsx
+import { useEffect as useEffect6, useMemo as useMemo4, useRef as useRef4, useState as useState9 } from "react";
+import { VIEW_FOR_TOOL as VIEW_FOR_TOOL2 } from "@solvapay/mcp-core";
+
+// src/mcp/McpAppShell.tsx
+import { useEffect as useEffect5, useRef as useRef3, useState as useState8 } from "react";
+
+// src/mcp/views/types.ts
+var DEFAULT_MCP_CLASS_NAMES = {
+  card: "solvapay-mcp-card",
+  stack: "solvapay-mcp-stack",
+  heading: "solvapay-mcp-heading",
+  muted: "solvapay-mcp-muted",
+  button: "solvapay-mcp-button",
+  linkButton: "solvapay-mcp-link-button",
+  notice: "solvapay-mcp-notice",
+  error: "solvapay-mcp-error",
+  awaitingHeader: "solvapay-mcp-awaiting-header",
+  balanceRow: "solvapay-mcp-balance-row",
+  amountPicker: "solvapay-mcp-amount-picker",
+  amountOptions: "solvapay-mcp-amount-options",
+  amountOption: "solvapay-mcp-amount-option",
+  amountCustom: "solvapay-mcp-amount-custom",
+  topupForm: "solvapay-mcp-topup-form",
+  activationFlow: "solvapay-mcp-activation-flow"
+};
+function resolveMcpClassNames(overrides) {
+  if (!overrides) return DEFAULT_MCP_CLASS_NAMES;
+  const out = { ...DEFAULT_MCP_CLASS_NAMES };
+  for (const key of Object.keys(overrides)) {
+    const value = overrides[key];
+    if (value !== void 0) out[key] = value;
+  }
+  return out;
+}
+
+// src/mcp/views/detail-cards.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function DetailRow({
+  label,
+  value,
+  mono,
+  muted,
+  labelMuted
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "solvapay-mcp-detail-row", children: [
+    label ? /* @__PURE__ */ jsx2("span", { className: `solvapay-mcp-detail-label ${labelMuted ?? ""}`.trim(), children: label }) : null,
+    /* @__PURE__ */ jsx2(
+      "span",
+      {
+        className: `solvapay-mcp-detail-value${mono ? " solvapay-mcp-detail-value-mono" : ""} ${muted ?? ""}`.trim(),
+        children: value
+      }
+    )
+  ] });
+}
+function McpCustomerDetailsCard({
+  classNames,
+  onTopup,
+  hideBalance
+}) {
+  const cx = resolveMcpClassNames(classNames);
+  const { name, email, customerRef, loading } = useCustomer();
+  const { credits, displayCurrency, creditsPerMinorUnit, displayExchangeRate } = useBalance();
+  const locale = useHostLocale();
+  if (loading && !customerRef) {
+    return /* @__PURE__ */ jsxs("div", { className: cx.card, "aria-busy": "true", children: [
+      /* @__PURE__ */ jsx2("h2", { className: cx.heading, children: "Your details" }),
+      /* @__PURE__ */ jsx2("p", { className: cx.muted, children: "Loading\u2026" })
+    ] });
+  }
+  const displayName = name?.trim() || "Customer";
+  const showBalance = !hideBalance && typeof credits === "number" && credits > 0;
+  const approxValue = showBalance && typeof creditsPerMinorUnit === "number" && creditsPerMinorUnit > 0 && displayCurrency ? credits / creditsPerMinorUnit * (displayExchangeRate ?? 1) : null;
+  return /* @__PURE__ */ jsxs("section", { className: cx.card, "aria-label": "Your details", children: [
+    /* @__PURE__ */ jsx2("h2", { className: cx.heading, children: "Your details" }),
+    /* @__PURE__ */ jsxs("div", { className: "solvapay-mcp-detail-grid", children: [
+      /* @__PURE__ */ jsx2(DetailRow, { value: displayName, muted: cx.muted }),
+      email ? /* @__PURE__ */ jsx2(DetailRow, { label: "Email", value: email, labelMuted: cx.muted }) : null,
+      customerRef ? /* @__PURE__ */ jsx2(
+        DetailRow,
+        {
+          label: "Customer reference",
+          value: customerRef,
+          mono: true,
+          labelMuted: cx.muted,
+          muted: cx.muted
+        }
+      ) : null,
+      showBalance ? /* @__PURE__ */ jsxs("div", { className: "solvapay-mcp-detail-row", children: [
+        /* @__PURE__ */ jsxs("div", { className: "solvapay-mcp-detail-balance-head", children: [
+          /* @__PURE__ */ jsx2("span", { className: `solvapay-mcp-detail-label ${cx.muted}`.trim(), children: "Credit balance" }),
+          onTopup ? /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              className: cx.linkButton,
+              onClick: onTopup,
+              "aria-label": "Top up credits",
+              children: "Top up"
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "solvapay-mcp-detail-value", children: [
+          Intl.NumberFormat(locale).format(credits ?? 0),
+          " credits"
+        ] }),
+        approxValue !== null ? /* @__PURE__ */ jsxs("span", { className: `solvapay-mcp-detail-value-mono ${cx.muted}`.trim(), children: [
+          "~",
+          formatPrice(
+            Math.round(approxValue * getMinorUnitsPerMajor(displayCurrency ?? "USD")),
+            displayCurrency ?? "USD",
+            { locale, free: "" }
+          )
+        ] }) : null
+      ] }) : null
+    ] })
+  ] });
+}
+function McpSellerDetailsCard({
+  classNames,
+  showVerifiedBadge = true
+}) {
+  const cx = resolveMcpClassNames(classNames);
+  const { merchant, loading } = useMerchant();
+  if (loading && !merchant) {
+    return /* @__PURE__ */ jsxs("div", { className: cx.card, "aria-busy": "true", children: [
+      /* @__PURE__ */ jsx2("h2", { className: cx.heading, children: "Seller details" }),
+      /* @__PURE__ */ jsx2("p", { className: cx.muted, children: "Loading\u2026" })
+    ] });
+  }
+  if (!merchant) {
+    return null;
+  }
+  const supportEmail = merchant.supportEmail;
+  const supportUrl = merchant.supportUrl;
+  return /* @__PURE__ */ jsxs("section", { className: cx.card, "aria-label": "Seller details", children: [
+    /* @__PURE__ */ jsxs("div", { className: "solvapay-mcp-detail-heading-row", children: [
+      /* @__PURE__ */ jsx2("h2", { className: cx.heading, children: "Seller details" }),
+      showVerifiedBadge ? /* @__PURE__ */ jsxs("span", { className: "solvapay-mcp-verified-badge", "aria-label": "Verified seller", children: [
+        /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", children: "\u2713" }),
+        " Verified seller"
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "solvapay-mcp-detail-grid", children: [
+      /* @__PURE__ */ jsx2(DetailRow, { value: merchant.displayName, muted: cx.muted }),
+      merchant.legalName && merchant.legalName !== merchant.displayName ? /* @__PURE__ */ jsx2(DetailRow, { value: merchant.legalName, muted: cx.muted }) : null,
+      supportEmail ? /* @__PURE__ */ jsxs("div", { className: "solvapay-mcp-detail-row", children: [
+        /* @__PURE__ */ jsx2("span", { className: `solvapay-mcp-detail-label ${cx.muted}`.trim(), children: "Support email" }),
+        /* @__PURE__ */ jsx2(
+          "a",
+          {
+            className: "solvapay-mcp-detail-link",
+            href: `mailto:${supportEmail}`,
+            children: supportEmail
+          }
+        )
+      ] }) : null,
+      supportUrl ? /* @__PURE__ */ jsxs("div", { className: "solvapay-mcp-detail-row", children: [
+        /* @__PURE__ */ jsx2("span", { className: `solvapay-mcp-detail-label ${cx.muted}`.trim(), children: "Support" }),
+        /* @__PURE__ */ jsx2(
+          "a",
+          {
+            className: "solvapay-mcp-detail-link",
+            href: supportUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "Visit support centre"
+          }
+        )
+      ] }) : null,
+      merchant.country ? /* @__PURE__ */ jsx2(DetailRow, { label: "Country", value: merchant.country, labelMuted: cx.muted }) : null
+    ] })
+  ] });
+}
+
+// src/mcp/views/McpAccountView.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function McpAccountView({
+  classNames,
+  onTopup,
+  onChangePlan,
+  hideDetailCards
+}) {
+  const cx = resolveMcpClassNames(classNames);
+  const { loading, isRefetching, hasPaidPurchase, activePurchase } = usePurchase();
+  const { shouldShowCancelledNotice } = usePurchaseStatus();
+  const { credits } = useBalance();
+  const { usage } = useUsage();
+  if (loading) {
+    return /* @__PURE__ */ jsx3("div", { className: cx.card, children: /* @__PURE__ */ jsx3("p", { children: "Loading account\u2026" }) });
+  }
+  const hasAnyPlan = hasPaidPurchase || shouldShowCancelledNotice;
+  const hasCredits = (credits ?? 0) > 0;
+  const planSnapshot = activePurchase?.planSnapshot;
+  const planType = planSnapshot?.planType;
+  const isUsageBased = planType === "usage-based";
+  const hasMeter = usage != null || Boolean(planSnapshot?.meterRef);
+  return /* @__PURE__ */ jsxs2("div", { className: "solvapay-mcp-account", "data-refreshing": isRefetching ? "true" : void 0, children: [
+    hasCredits || isUsageBased ? /* @__PURE__ */ jsx3("section", { className: cx.card, "aria-label": "Credit balance", children: /* @__PURE__ */ jsxs2("div", { className: cx.balanceRow, children: [
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx3("h2", { className: cx.heading, children: "Credit balance" }),
+        /* @__PURE__ */ jsx3(BalanceBadge, {})
+      ] }),
+      onTopup ? /* @__PURE__ */ jsx3("button", { type: "button", className: cx.button, onClick: onTopup, children: "Top up" }) : null
+    ] }) }) : null,
+    hasMeter ? /* @__PURE__ */ jsx3("section", { className: cx.card, "aria-label": "Usage", children: /* @__PURE__ */ jsxs2(UsageMeter.Root, { children: [
+      /* @__PURE__ */ jsx3(UsageMeter.Label, {}),
+      /* @__PURE__ */ jsx3(UsageMeter.Bar, {}),
+      /* @__PURE__ */ jsx3(UsageMeter.Percentage, {}),
+      /* @__PURE__ */ jsx3(UsageMeter.ResetsIn, {}),
+      /* @__PURE__ */ jsx3(UsageMeter.Loading, {}),
+      /* @__PURE__ */ jsx3(UsageMeter.Empty, {})
+    ] }) }) : null,
+    /* @__PURE__ */ jsxs2("div", { className: cx.card, children: [
+      hasPaidPurchase ? /* @__PURE__ */ jsx3(CurrentPlanCard, {}) : null,
+      /* @__PURE__ */ jsxs2(CancelledPlanNotice.Root, { className: cx.notice, children: [
+        /* @__PURE__ */ jsx3(CancelledPlanNotice.Heading, {}),
+        /* @__PURE__ */ jsx3(CancelledPlanNotice.Expires, {}),
+        /* @__PURE__ */ jsx3(CancelledPlanNotice.DaysRemaining, { className: cx.muted }),
+        /* @__PURE__ */ jsx3(CancelledPlanNotice.ReactivateButton, { className: cx.button })
+      ] }),
+      !hasAnyPlan && hasCredits && /* @__PURE__ */ jsxs2("div", { className: cx.stack, children: [
+        /* @__PURE__ */ jsx3("h2", { className: cx.heading, children: "You're on pay-as-you-go credits" }),
+        /* @__PURE__ */ jsx3("p", { className: cx.muted, children: "Top up to keep going, or choose a plan from the Plan tab for predictable monthly billing." }),
+        onChangePlan ? /* @__PURE__ */ jsx3("button", { type: "button", className: cx.linkButton, onClick: onChangePlan, children: "See plans" }) : null
+      ] }),
+      !hasAnyPlan && !hasCredits && /* @__PURE__ */ jsxs2("div", { className: cx.stack, children: [
+        /* @__PURE__ */ jsx3("h2", { className: cx.heading, children: "You don't have an active plan" }),
+        /* @__PURE__ */ jsx3("p", { className: cx.muted, children: "Pick a plan \u2014 free, pay-as-you-go, or paid \u2014 from the Plan tab." }),
+        onChangePlan ? /* @__PURE__ */ jsx3("button", { type: "button", className: cx.button, onClick: onChangePlan, children: "Pick a plan" }) : null
+      ] }),
+      hasPaidPurchase && activePurchase && activePurchase.amount && activePurchase.amount > 0 ? /* @__PURE__ */ jsx3(
+        LaunchCustomerPortalButton,
+        {
+          className: cx.button,
+          loadingClassName: cx.button,
+          errorClassName: cx.button,
+          children: "Manage billing"
+        }
+      ) : null
+    ] }),
+    !hideDetailCards ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx3(McpCustomerDetailsCard, { classNames, onTopup }),
+      /* @__PURE__ */ jsx3(McpSellerDetailsCard, { classNames })
+    ] }) : null
+  ] });
+}
+
+// src/mcp/views/McpCheckoutView.tsx
+import React9, { useCallback as useCallback3, useEffect as useEffect4, useMemo as useMemo3, useRef as useRef2, useState as useState5 } from "react";
+
+// src/mcp/views/checkout/EmbeddedCheckout.tsx
+import { useMemo as useMemo2, useState as useState4 } from "react";
+
+// src/mcp/views/checkout/CheckoutStateMachine.tsx
+import { useCallback as useCallback2 } from "react";
+
+// src/mcp/views/checkout/steps/PlanStep.tsx
+import { memo } from "react";
+
+// src/mcp/views/checkout/shared.ts
+function isPayg(plan) {
+  return isPaygPlan(plan ?? null);
+}
+function planSortByPaygFirstThenAsc(a, b) {
+  const aPayg = isPayg(a);
+  const bPayg = isPayg(b);
+  if (aPayg && !bPayg) return -1;
+  if (!aPayg && bPayg) return 1;
+  return (a.price ?? 0) - (b.price ?? 0);
+}
+function formatContinueLabel(plan, locale) {
+  if (!plan) return "Continue";
+  if (isPayg(plan)) {
+    return `Continue with ${plan.name ?? "Pay as you go"}`;
+  }
+  const currency = (plan.currency ?? "USD").toUpperCase();
+  const priceLabel = formatPrice(plan.price ?? 0, currency, { locale });
+  const cycle = plan.billingCycle ? `/${shortCycle(plan.billingCycle)}` : "";
+  return `Continue with ${plan.name ?? "Plan"} \u2014 ${priceLabel}${cycle}`;
+}
+function formatPaygRate(plan, locale) {
+  const currency = (plan.currency ?? "USD").toUpperCase();
+  const creditsPerUnit = plan.creditsPerUnit ?? 1;
+  const perCreditMinor = Math.max(1, Math.round(1 / creditsPerUnit));
+  return `${formatPrice(perCreditMinor, currency, { locale })} / call`;
+}
+function inferIncludedCredits(plan) {
+  const price = plan.price ?? 0;
+  const creditsPerUnit = plan.creditsPerUnit ?? 0;
+  if (price > 0 && creditsPerUnit > 0) {
+    return Math.round(price * creditsPerUnit);
+  }
+  return 0;
+}
+function shortCycle(cycle) {
+  if (!cycle) return "mo";
+  const lc = cycle.toLowerCase();
+  if (lc.startsWith("year") || lc === "annually" || lc === "annual") return "yr";
+  if (lc.startsWith("week")) return "wk";
+  if (lc.startsWith("day")) return "d";
+  return "mo";
+}
+
+// src/mcp/views/checkout/steps/PlanStep.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var PlanStep = memo(function PlanStep2({
+  fromPaywall,
+  paywallKind,
+  hideUpgradeBanner,
+  onContinue,
+  onStayOnFree,
+  isActivating,
+  activationError,
+  cx
+}) {
+  const { selectedPlan, selectedPlanRef } = usePlanSelector();
+  const locale = useHostLocale();
+  const selectedPlanShape = selectedPlan;
+  const ctaLabel = formatContinueLabel(selectedPlanShape, locale);
+  const showBanner = fromPaywall && !hideUpgradeBanner;
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    showBanner ? /* @__PURE__ */ jsx4(UpgradeBanner, { kind: paywallKind, cx }) : null,
+    /* @__PURE__ */ jsx4("h2", { className: cx.heading, children: "Choose a plan" }),
+    /* @__PURE__ */ jsx4(PlanSelector.Grid, { className: "solvapay-plan-selector-grid", children: /* @__PURE__ */ jsxs3(PlanSelector.Card, { className: "solvapay-plan-selector-card", children: [
+      /* @__PURE__ */ jsx4(PlanSelector.CardBadge, { className: "solvapay-plan-selector-card-badge" }),
+      /* @__PURE__ */ jsx4(PlanSelector.CardName, { className: "solvapay-plan-selector-card-name" }),
+      /* @__PURE__ */ jsx4(PlanSelector.CardPrice, { className: "solvapay-plan-selector-card-price" }),
+      /* @__PURE__ */ jsx4(PlanSelector.CardInterval, { className: "solvapay-plan-selector-card-interval" })
+    ] }) }),
+    /* @__PURE__ */ jsx4(PlanSelector.Loading, { className: "solvapay-plan-selector-loading" }),
+    /* @__PURE__ */ jsx4(PlanSelector.Error, { className: "solvapay-plan-selector-error" }),
+    activationError ? /* @__PURE__ */ jsx4("p", { className: cx.error, role: "alert", children: activationError }) : null,
+    /* @__PURE__ */ jsx4(
+      "button",
+      {
+        type: "button",
+        className: cx.button,
+        disabled: !selectedPlanRef || isActivating,
+        "aria-disabled": !selectedPlanRef || isActivating,
+        onClick: onContinue,
+        children: ctaLabel
+      }
+    ),
+    onStayOnFree ? /* @__PURE__ */ jsx4(
+      "button",
+      {
+        type: "button",
+        className: `${cx.linkButton ?? ""} solvapay-mcp-checkout-dismiss`.trim(),
+        onClick: onStayOnFree,
+        "data-solvapay-mcp-checkout-stay-on-free": "",
+        children: "Stay on Free"
+      }
+    ) : null
+  ] });
+});
+function UpgradeBanner({
+  kind,
+  cx
+}) {
+  const copy = kind === "payment_required" ? "You've used your free quota. Pick a plan to keep going." : "This tool needs a paid plan. Pick one to get started.";
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: "solvapay-mcp-checkout-banner",
+      role: "status",
+      "data-solvapay-mcp-checkout-banner": "",
+      children: [
+        /* @__PURE__ */ jsx4("strong", { className: "solvapay-mcp-checkout-banner-title", children: "Upgrade to continue" }),
+        /* @__PURE__ */ jsx4("span", { className: `${cx.muted} solvapay-mcp-checkout-banner-message`.trim(), children: copy })
+      ]
+    }
+  );
+}
+
+// src/mcp/views/checkout/steps/AmountStep.tsx
+import { memo as memo2, useState as useState3 } from "react";
+
+// src/mcp/views/BackLink.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function BackLink({ label, glyph = "\u2190", className, onClick, ...rest }) {
+  return /* @__PURE__ */ jsxs4(
+    "button",
+    {
+      type: "button",
+      className: ["solvapay-mcp-back-link", className].filter(Boolean).join(" "),
+      onClick,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx5("span", { className: "solvapay-mcp-back-link-glyph", "aria-hidden": "true", children: glyph }),
+        label
+      ]
+    }
+  );
+}
+
+// src/mcp/views/checkout/steps/AmountStep.tsx
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var AmountStep = memo2(function AmountStep2({
+  plan,
+  onBack,
+  onContinue,
+  isActivating,
+  activationError,
+  cx
+}) {
+  const currency = (plan.currency ?? "USD").toUpperCase();
+  const locale = useHostLocale();
+  const [stagedAmountMinor, setStagedAmountMinor] = useState3(null);
+  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    /* @__PURE__ */ jsx6(BackLink, { label: "Back", onClick: onBack }),
+    /* @__PURE__ */ jsx6("h2", { className: cx.heading, children: "How many credits?" }),
+    /* @__PURE__ */ jsx6("p", { className: cx.muted, children: "Top up to start using the tool." }),
+    /* @__PURE__ */ jsxs5(
+      AmountPicker.Root,
+      {
+        currency,
+        emit: "minor",
+        className: cx.amountPicker,
+        onChange: (value) => setStagedAmountMinor(value),
+        children: [
+          /* @__PURE__ */ jsx6(PresetAmountRow, { cx }),
+          /* @__PURE__ */ jsx6(AmountPicker.Custom, { className: cx.amountCustom, placeholder: "or custom amount" }),
+          /* @__PURE__ */ jsx6(
+            AmountPicker.Confirm,
+            {
+              className: cx.button,
+              onConfirm: (amountMinor) => {
+                void onContinue(amountMinor);
+              },
+              children: isActivating ? "Activating\u2026" : stagedAmountMinor ? `Continue \u2014 ${formatPrice(stagedAmountMinor, currency, { locale })}` : "Continue"
+            }
+          )
+        ]
+      }
+    ),
+    activationError ? /* @__PURE__ */ jsx6("p", { className: cx.error, role: "alert", children: activationError }) : null
+  ] });
+});
+function PresetAmountRow({ cx }) {
+  const { quickAmounts, currency } = useAmountPicker();
+  const locale = useHostLocale();
+  const popularIndex = Math.min(1, quickAmounts.length - 1);
+  return /* @__PURE__ */ jsx6("div", { className: cx.amountOptions, children: quickAmounts.map((amount, i) => {
+    const label = formatPrice(amount * getMinorUnitsPerMajor(currency), currency, {
+      locale,
+      free: ""
+    });
+    return /* @__PURE__ */ jsx6(
+      AmountPicker.Option,
+      {
+        amount,
+        className: cx.amountOption,
+        "data-popular": i === popularIndex ? "" : void 0,
+        "aria-label": `${label}${i === popularIndex ? " (popular)" : ""}`
+      },
+      amount
+    );
+  }) });
+}
+
+// src/mcp/views/checkout/steps/PaygPaymentStep.tsx
+import { memo as memo3 } from "react";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var PaygPaymentStep = memo3(function PaygPaymentStep2({
+  plan,
+  amountMinor,
+  returnUrl,
+  onBack,
+  onSuccess,
+  cx
+}) {
+  const currency = (plan.currency ?? "USD").toUpperCase();
+  const locale = useHostLocale();
+  const creditsPerUnit = plan.creditsPerUnit ?? 1;
+  const creditsAdded = Math.round(amountMinor * creditsPerUnit);
+  return /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    /* @__PURE__ */ jsx7(BackLink, { label: "Change amount", onClick: onBack }),
+    /* @__PURE__ */ jsx7("h2", { className: cx.heading, children: "Payment" }),
+    /* @__PURE__ */ jsxs6("div", { className: "solvapay-mcp-checkout-order-summary", "data-variant": "payg", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "solvapay-mcp-checkout-order-summary-row", children: [
+        /* @__PURE__ */ jsxs6("span", { className: cx.muted, children: [
+          creditsAdded.toLocaleString(locale),
+          " credits"
+        ] }),
+        /* @__PURE__ */ jsx7("span", { children: formatPrice(amountMinor, currency, { locale }) })
+      ] }),
+      /* @__PURE__ */ jsx7("div", { className: "solvapay-mcp-checkout-order-summary-row", children: /* @__PURE__ */ jsx7("span", { className: cx.muted, children: "One-time" }) })
+    ] }),
+    /* @__PURE__ */ jsxs6(
+      TopupForm.Root,
+      {
+        amount: amountMinor,
+        currency,
+        returnUrl,
+        className: cx.topupForm,
+        onSuccess: () => onSuccess(),
+        children: [
+          /* @__PURE__ */ jsx7(TopupForm.Loading, {}),
+          /* @__PURE__ */ jsx7(TopupForm.PaymentElement, {}),
+          /* @__PURE__ */ jsx7(TopupForm.Error, { className: cx.error }),
+          /* @__PURE__ */ jsxs6("label", { className: "solvapay-mcp-checkout-save-card", children: [
+            /* @__PURE__ */ jsx7("input", { type: "checkbox", defaultChecked: true }),
+            /* @__PURE__ */ jsx7("span", { className: cx.muted, children: "Save card for future top-ups" })
+          ] }),
+          /* @__PURE__ */ jsxs6(TopupForm.SubmitButton, { className: cx.button, children: [
+            "Pay ",
+            formatPrice(amountMinor, currency, { locale })
+          ] })
+        ]
+      }
+    )
+  ] });
+});
+
+// src/mcp/views/checkout/steps/RecurringPaymentStep.tsx
+import { memo as memo4 } from "react";
+import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var RecurringPaymentStep = memo4(function RecurringPaymentStep2({
+  plan,
+  planRef,
+  productRef,
+  returnUrl,
+  onBack,
+  onSuccess,
+  cx
+}) {
+  const currency = (plan.currency ?? "USD").toUpperCase();
+  const locale = useHostLocale();
+  const amountMinor = plan.price ?? 0;
+  const cycle = plan.billingCycle ?? "monthly";
+  const credits = inferIncludedCredits(plan);
+  const planName = plan.name ?? "Plan";
+  return /* @__PURE__ */ jsxs7(Fragment5, { children: [
+    /* @__PURE__ */ jsx8(BackLink, { label: "Change plan", onClick: onBack }),
+    /* @__PURE__ */ jsx8("h2", { className: cx.heading, children: "Payment" }),
+    /* @__PURE__ */ jsxs7("div", { className: "solvapay-mcp-checkout-order-summary", "data-variant": "recurring", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "solvapay-mcp-checkout-order-summary-row", children: [
+        /* @__PURE__ */ jsx8("span", { className: cx.muted, children: planName }),
+        /* @__PURE__ */ jsxs7("span", { children: [
+          formatPrice(amountMinor, currency, { locale }),
+          "/",
+          shortCycle(cycle)
+        ] })
+      ] }),
+      credits > 0 ? /* @__PURE__ */ jsx8("div", { className: "solvapay-mcp-checkout-order-summary-row", children: /* @__PURE__ */ jsxs7("span", { className: cx.muted, children: [
+        credits.toLocaleString(locale),
+        " credits included"
+      ] }) }) : null
+    ] }),
+    /* @__PURE__ */ jsxs7(
+      PaymentForm.Root,
+      {
+        planRef,
+        productRef,
+        returnUrl,
+        requireTermsAcceptance: false,
+        onSuccess,
+        children: [
+          /* @__PURE__ */ jsx8(PaymentForm.Loading, {}),
+          /* @__PURE__ */ jsx8(PaymentForm.PaymentElement, {}),
+          /* @__PURE__ */ jsx8(PaymentForm.Error, { className: cx.error }),
+          /* @__PURE__ */ jsxs7("p", { className: `${cx.muted} solvapay-mcp-checkout-terms`.trim(), children: [
+            "By subscribing, you agree ",
+            planName,
+            " renews ",
+            cycle,
+            " at",
+            " ",
+            formatPrice(amountMinor, currency, { locale }),
+            " until you cancel."
+          ] }),
+          /* @__PURE__ */ jsxs7(PaymentForm.SubmitButton, { className: cx.button, children: [
+            "Subscribe \u2014 ",
+            formatPrice(amountMinor, currency, { locale }),
+            "/",
+            shortCycle(cycle)
+          ] })
+        ]
+      }
+    )
+  ] });
+});
+
+// src/mcp/views/checkout/steps/SuccessStep.tsx
+import { memo as memo5 } from "react";
+import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var SuccessStep = memo5(function SuccessStep2({
+  meta,
+  onBackToChat,
+  cx
+}) {
+  const locale = useHostLocale();
+  if (meta.branch === "payg") {
+    return /* @__PURE__ */ jsxs8(Fragment6, { children: [
+      /* @__PURE__ */ jsx9("div", { className: "solvapay-mcp-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
+      /* @__PURE__ */ jsx9("h2", { className: cx.heading, children: "Credits added" }),
+      /* @__PURE__ */ jsx9("p", { className: cx.muted, children: "Pay as you go plan is active." }),
+      /* @__PURE__ */ jsxs8("dl", { className: "solvapay-mcp-checkout-receipt", "data-variant": "payg", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+          /* @__PURE__ */ jsx9("dt", { children: "Amount" }),
+          /* @__PURE__ */ jsx9("dd", { children: formatPrice(meta.amountMinor, meta.currency, { locale }) })
+        ] }),
+        /* @__PURE__ */ jsxs8("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+          /* @__PURE__ */ jsx9("dt", { children: "Credits" }),
+          /* @__PURE__ */ jsxs8("dd", { children: [
+            "+",
+            meta.creditsAdded.toLocaleString(locale)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs8("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+          /* @__PURE__ */ jsx9("dt", { children: "Plan" }),
+          /* @__PURE__ */ jsx9("dd", { children: meta.plan.name ?? "Pay as you go" })
+        ] }),
+        /* @__PURE__ */ jsxs8("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+          /* @__PURE__ */ jsx9("dt", { children: "Rate" }),
+          /* @__PURE__ */ jsx9("dd", { children: meta.rateLabel })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx9(
+        "button",
+        {
+          type: "button",
+          className: cx.button,
+          "data-variant": "success",
+          onClick: () => {
+            void onBackToChat();
+          },
+          children: "Back to chat"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs8(Fragment6, { children: [
+    /* @__PURE__ */ jsx9("div", { className: "solvapay-mcp-checkout-success-check", "aria-hidden": "true", children: "\u2713" }),
+    /* @__PURE__ */ jsxs8("h2", { className: cx.heading, children: [
+      meta.plan.name ?? "Plan",
+      " active"
+    ] }),
+    /* @__PURE__ */ jsx9("p", { className: cx.muted, children: "Subscription is live and credits are ready." }),
+    /* @__PURE__ */ jsxs8("dl", { className: "solvapay-mcp-checkout-receipt", "data-variant": "recurring", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Plan" }),
+        /* @__PURE__ */ jsx9("dd", { children: meta.plan.name ?? "Plan" })
+      ] }),
+      meta.creditsIncluded > 0 ? /* @__PURE__ */ jsxs8("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Credits" }),
+        /* @__PURE__ */ jsxs8("dd", { children: [
+          "+",
+          meta.creditsIncluded.toLocaleString(locale)
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsxs8("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Charged today" }),
+        /* @__PURE__ */ jsx9("dd", { children: formatPrice(meta.chargedTodayMinor, meta.currency, { locale }) })
+      ] }),
+      meta.nextRenewalLabel ? /* @__PURE__ */ jsxs8("div", { className: "solvapay-mcp-checkout-receipt-row", children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Next renewal" }),
+        /* @__PURE__ */ jsx9("dd", { children: meta.nextRenewalLabel })
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsxs8("p", { className: `${cx.muted} solvapay-mcp-checkout-manage-pointer`.trim(), children: [
+      "Manage from ",
+      /* @__PURE__ */ jsx9("code", { children: "/manage_account" })
+    ] }),
+    /* @__PURE__ */ jsx9(
+      "button",
+      {
+        type: "button",
+        className: cx.button,
+        "data-variant": "success",
+        onClick: () => {
+          void onBackToChat();
+        },
+        children: "Back to chat"
+      }
+    )
+  ] });
+});
+
+// src/mcp/views/checkout/CheckoutStateMachine.tsx
+import { Fragment as Fragment7, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function CheckoutStateMachine(props) {
+  const {
+    step,
+    setStep,
+    selectedAmountMinor,
+    setSelectedAmountMinor,
+    successMeta,
+    setSuccessMeta,
+    activationError,
+    setActivationError,
+    isActivating,
+    setIsActivating,
+    fromPaywall,
+    paywallKind,
+    hideUpgradeBanner,
+    productRef,
+    returnUrl,
+    onPurchaseSuccess,
+    onRefreshBootstrap,
+    onClose,
+    cx
+  } = props;
+  const { selectedPlan, selectedPlanRef, plans } = usePlanSelector();
+  const transport = useTransport();
+  const locale = useHostLocale();
+  const { notifyModelContext, notifySuccess } = useMcpBridge();
+  const selectedPlanShape = selectedPlan;
+  const branch = selectedPlanShape ? isPayg(selectedPlanShape) ? "payg" : "recurring" : null;
+  const onPlanContinue = useCallback2(() => {
+    if (!selectedPlanShape || !selectedPlanRef) return;
+    setActivationError(null);
+    void notifyModelContext({
+      text: `User selected ${selectedPlanShape.name ?? "a plan"}.`
+    });
+    if (branch === "payg") {
+      setStep("amount");
+      return;
+    }
+    setStep("payment");
+  }, [
+    branch,
+    notifyModelContext,
+    selectedPlanRef,
+    selectedPlanShape,
+    setActivationError,
+    setStep
+  ]);
+  const onAmountContinue = useCallback2(
+    async (amountMinor) => {
+      if (!selectedPlanRef) return;
+      setSelectedAmountMinor(amountMinor);
+      setActivationError(null);
+      setIsActivating(true);
+      try {
+        await transport.activatePlan({ productRef, planRef: selectedPlanRef });
+        setStep("payment");
+      } catch (err) {
+        const msg = err instanceof Error ? err.message : "Activation failed";
+        setActivationError(msg);
+      } finally {
+        setIsActivating(false);
+      }
+    },
+    [
+      productRef,
+      selectedPlanRef,
+      setActivationError,
+      setIsActivating,
+      setSelectedAmountMinor,
+      setStep,
+      transport
+    ]
+  );
+  const onPaygPaymentSuccess = useCallback2(() => {
+    if (!selectedPlanShape || selectedAmountMinor == null) return;
+    const currency = (selectedPlanShape.currency ?? "USD").toUpperCase();
+    const creditsPerUnit = selectedPlanShape.creditsPerUnit ?? 1;
+    const creditsAdded = Math.round(selectedAmountMinor * creditsPerUnit);
+    setSuccessMeta({
+      branch: "payg",
+      amountMinor: selectedAmountMinor,
+      currency,
+      creditsAdded,
+      plan: selectedPlanShape,
+      rateLabel: formatPaygRate(selectedPlanShape, locale)
+    });
+    setStep("success");
+    void notifyModelContext({
+      text: `Activated ${selectedPlanShape.name ?? "plan"} with ${formatPrice(
+        selectedAmountMinor,
+        currency,
+        { locale }
+      )} in credits.`
+    });
+    void notifySuccess({ kind: "topup", amountMinor: selectedAmountMinor, currency });
+    onPurchaseSuccess?.();
+  }, [
+    locale,
+    notifyModelContext,
+    notifySuccess,
+    onPurchaseSuccess,
+    selectedAmountMinor,
+    selectedPlanShape,
+    setStep,
+    setSuccessMeta
+  ]);
+  const onRecurringPaymentSuccess = useCallback2(
+    (_intent) => {
+      if (!selectedPlanShape) return;
+      const currency = (selectedPlanShape.currency ?? "USD").toUpperCase();
+      setSuccessMeta({
+        branch: "recurring",
+        plan: selectedPlanShape,
+        creditsIncluded: inferIncludedCredits(selectedPlanShape),
+        chargedTodayMinor: selectedPlanShape.price ?? 0,
+        currency,
+        nextRenewalLabel: null
+        // server-provided — surfaced as null until wired.
+      });
+      setStep("success");
+      void notifyModelContext({
+        text: `Activated ${selectedPlanShape.name ?? "plan"}.`
+      });
+      void notifySuccess({
+        kind: "plan-activated",
+        planName: selectedPlanShape.name ?? null
+      });
+      onPurchaseSuccess?.();
+    },
+    [
+      notifyModelContext,
+      notifySuccess,
+      onPurchaseSuccess,
+      selectedPlanShape,
+      setStep,
+      setSuccessMeta
+    ]
+  );
+  const onBackFromAmount = useCallback2(() => {
+    setActivationError(null);
+    setStep("plan");
+  }, [setActivationError, setStep]);
+  const onBackFromRecurringPayment = useCallback2(() => {
+    setStep("plan");
+  }, [setStep]);
+  const onBackFromPaygPayment = useCallback2(() => {
+    setStep("amount");
+  }, [setStep]);
+  const onBackToChat = useCallback2(async () => {
+    try {
+      await Promise.resolve(onRefreshBootstrap?.());
+    } catch {
+    }
+    onClose?.();
+  }, [onClose, onRefreshBootstrap]);
+  const onStayOnFree = useCallback2(() => {
+    onClose?.();
+  }, [onClose]);
+  if (plans.length === 0) {
+    return /* @__PURE__ */ jsxs9(Fragment7, { children: [
+      /* @__PURE__ */ jsx10("h2", { className: cx.heading, children: "Checkout unavailable" }),
+      /* @__PURE__ */ jsx10("p", { className: cx.muted, children: "No paid plans are configured on this product." })
+    ] });
+  }
+  switch (step) {
+    case "plan":
+      return /* @__PURE__ */ jsx10(
+        PlanStep,
+        {
+          fromPaywall,
+          paywallKind,
+          hideUpgradeBanner,
+          onContinue: onPlanContinue,
+          onStayOnFree: fromPaywall && onClose ? onStayOnFree : void 0,
+          isActivating,
+          activationError,
+          cx
+        }
+      );
+    case "amount":
+      return /* @__PURE__ */ jsx10(
+        AmountStep,
+        {
+          plan: selectedPlanShape,
+          onBack: onBackFromAmount,
+          onContinue: onAmountContinue,
+          isActivating,
+          activationError,
+          cx
+        }
+      );
+    case "payment":
+      if (branch === "payg" && selectedPlanShape && selectedAmountMinor != null) {
+        return /* @__PURE__ */ jsx10(
+          PaygPaymentStep,
+          {
+            plan: selectedPlanShape,
+            amountMinor: selectedAmountMinor,
+            returnUrl,
+            onBack: onBackFromPaygPayment,
+            onSuccess: onPaygPaymentSuccess,
+            cx
+          }
+        );
+      }
+      if (branch === "recurring" && selectedPlanShape && selectedPlanRef) {
+        return /* @__PURE__ */ jsx10(
+          RecurringPaymentStep,
+          {
+            plan: selectedPlanShape,
+            planRef: selectedPlanRef,
+            productRef,
+            returnUrl,
+            onBack: onBackFromRecurringPayment,
+            onSuccess: onRecurringPaymentSuccess,
+            cx
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx10(
+        PlanStep,
+        {
+          fromPaywall,
+          paywallKind,
+          hideUpgradeBanner,
+          onContinue: onPlanContinue,
+          onStayOnFree: fromPaywall && onClose ? onStayOnFree : void 0,
+          isActivating,
+          activationError,
+          cx
+        }
+      );
+    case "success":
+      if (!successMeta) return null;
+      return /* @__PURE__ */ jsx10(SuccessStep, { meta: successMeta, onBackToChat, cx });
+  }
+}
+
+// src/mcp/views/checkout/EmbeddedCheckout.tsx
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function EmbeddedCheckout({
+  productRef,
+  returnUrl,
+  onPurchaseSuccess,
+  fromPaywall,
+  paywallKind,
+  hideUpgradeBanner,
+  plans,
+  onRefreshBootstrap,
+  onClose,
+  cx,
+  children
+}) {
+  const { loading, isRefetching, activePurchase } = usePurchase();
+  const currentPlanRef = activePurchase?.planSnapshot?.reference ?? null;
+  const paidPlans = useMemo2(() => {
+    const list = plans ?? [];
+    return list.filter((p) => p.requiresPayment !== false);
+  }, [plans]);
+  const paygPlanRef = useMemo2(() => {
+    const payg = paidPlans.find((p) => isPayg(p));
+    return payg?.reference;
+  }, [paidPlans]);
+  const planFilter = useMemo2(
+    () => (plan) => plan.requiresPayment !== false || plan.reference === currentPlanRef,
+    [currentPlanRef]
+  );
+  const [step, setStep] = useState4("plan");
+  const [selectedAmountMinor, setSelectedAmountMinor] = useState4(null);
+  const [successMeta, setSuccessMeta] = useState4(null);
+  const [activationError, setActivationError] = useState4(null);
+  const [isActivating, setIsActivating] = useState4(false);
+  if (loading) {
+    return /* @__PURE__ */ jsx11("div", { className: cx.card, children: /* @__PURE__ */ jsx11("p", { children: "Loading checkout\u2026" }) });
+  }
+  return /* @__PURE__ */ jsxs10("div", { className: cx.card, "data-refreshing": isRefetching ? "true" : void 0, children: [
+    /* @__PURE__ */ jsx11(
+      PlanSelector.Root,
+      {
+        productRef,
+        filter: planFilter,
+        sortBy: planSortByPaygFirstThenAsc,
+        popularPlanRef: paygPlanRef,
+        currentPlanRef,
+        autoSelectFirstPaid: Boolean(paygPlanRef),
+        className: "solvapay-plan-selector",
+        children: /* @__PURE__ */ jsx11(
+          CheckoutStateMachine,
+          {
+            step,
+            setStep,
+            selectedAmountMinor,
+            setSelectedAmountMinor,
+            successMeta,
+            setSuccessMeta,
+            activationError,
+            setActivationError,
+            isActivating,
+            setIsActivating,
+            fromPaywall,
+            paywallKind,
+            hideUpgradeBanner,
+            productRef,
+            returnUrl,
+            onPurchaseSuccess,
+            onRefreshBootstrap,
+            onClose,
+            cx
+          }
+        )
+      }
+    ),
+    children
+  ] });
+}
+
+// src/mcp/views/McpCheckoutView.tsx
+import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var POLL_INTERVAL_MS = 3e3;
+var AWAITING_TIMEOUT_MS = 10 * 60 * 1e3;
+function McpCheckoutView({
+  productRef,
+  publishableKey = null,
+  returnUrl,
+  onPurchaseSuccess,
+  onRequestTopup: _onRequestTopup,
+  fromPaywall = false,
+  paywallKind,
+  plans,
+  onRefreshBootstrap,
+  onClose,
+  classNames,
+  children
+}) {
+  const cx = resolveMcpClassNames(classNames);
+  const probe = useStripeProbe(publishableKey);
+  if (probe === "loading") {
+    return /* @__PURE__ */ jsxs11("div", { className: cx.card, children: [
+      /* @__PURE__ */ jsx12("p", { children: "Loading checkout\u2026" }),
+      children
+    ] });
+  }
+  if (probe === "ready") {
+    return /* @__PURE__ */ jsx12(
+      EmbeddedCheckout,
+      {
+        productRef,
+        returnUrl,
+        onPurchaseSuccess,
+        fromPaywall,
+        paywallKind,
+        plans,
+        onRefreshBootstrap,
+        onClose,
+        cx,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx12(
+    HostedCheckout,
+    {
+      productRef,
+      onPurchaseSuccess,
+      cx,
+      children
+    }
+  );
+}
+function useHostedUrl(enabled, fetcher, label) {
+  const [state, setState] = useState5({ status: "idle" });
+  useEffect4(() => {
+    if (!enabled) {
+      setState({ status: "idle" });
+      return;
+    }
+    let cancelled = false;
+    setState({ status: "loading" });
+    fetcher().then(({ href }) => {
+      if (cancelled) return;
+      setState({ status: "ready", href });
+    }).catch((err) => {
+      if (cancelled) return;
+      const message = err instanceof Error ? err.message : `Failed to load ${label}`;
+      setState({ status: "error", message });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [enabled, fetcher, label]);
+  return state;
+}
+var HostedLinkButton = React9.memo(function HostedLinkButton2({
+  state,
+  loadingLabel,
+  readyLabel,
+  onLaunch,
+  cx
+}) {
+  if (state.status === "ready") {
+    return /* @__PURE__ */ jsx12(
+      "a",
+      {
+        className: "solvapay-mcp-hosted-link",
+        href: state.href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": `${readyLabel} (opens in a new tab)`,
+        onClick: () => onLaunch?.(state.href),
+        children: /* @__PURE__ */ jsxs11("button", { type: "button", className: cx.button, children: [
+          readyLabel,
+          /* @__PURE__ */ jsx12(ExternalLinkGlyph, {})
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx12("button", { type: "button", className: cx.button, disabled: true, children: state.status === "error" ? "Unavailable" : loadingLabel });
+});
+function Spinner() {
+  return /* @__PURE__ */ jsx12("span", { className: "solvapay-mcp-spinner", "aria-hidden": "true" });
+}
+var AwaitingBody = React9.memo(function AwaitingBody2({
+  href,
+  timedOut,
+  onReopen,
+  onCancel,
+  cx
+}) {
+  return /* @__PURE__ */ jsxs11(Fragment8, { children: [
+    /* @__PURE__ */ jsxs11("div", { className: cx.awaitingHeader, children: [
+      /* @__PURE__ */ jsx12(Spinner, {}),
+      /* @__PURE__ */ jsx12("h2", { className: cx.heading, children: timedOut ? "Still waiting for payment" : "Waiting for payment\u2026" })
+    ] }),
+    /* @__PURE__ */ jsx12("p", { className: cx.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__ */ jsx12(
+      "a",
+      {
+        className: "solvapay-mcp-hosted-link",
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": "Reopen checkout (opens in a new tab)",
+        onClick: () => onReopen(),
+        children: /* @__PURE__ */ jsxs11("button", { type: "button", className: cx.button, children: [
+          "Reopen checkout",
+          /* @__PURE__ */ jsx12(ExternalLinkGlyph, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx12("button", { type: "button", className: cx.linkButton, onClick: onCancel, children: "Didn't complete? Cancel" })
+  ] });
+});
+var CancelledBody = React9.memo(function CancelledBody2({
+  productName,
+  endDate,
+  daysLeft,
+  formattedEndDate,
+  checkout,
+  onLaunch,
+  cx
+}) {
+  return /* @__PURE__ */ jsxs11(Fragment8, { children: [
+    /* @__PURE__ */ jsxs11("h2", { className: cx.heading, children: [
+      "Your ",
+      productName,
+      " purchase is cancelled"
+    ] }),
+    endDate && formattedEndDate ? /* @__PURE__ */ jsxs11("div", { className: cx.notice, children: [
+      /* @__PURE__ */ jsx12("p", { children: /* @__PURE__ */ jsxs11("strong", { children: [
+        "Access expires ",
+        formattedEndDate
+      ] }) }),
+      daysLeft !== null && daysLeft > 0 && /* @__PURE__ */ jsxs11("p", { className: cx.muted, children: [
+        daysLeft,
+        " ",
+        daysLeft === 1 ? "day" : "days",
+        " remaining"
+      ] })
+    ] }) : /* @__PURE__ */ jsx12("p", { className: cx.muted, children: "Your purchase access has ended." }),
+    /* @__PURE__ */ jsx12(
+      HostedLinkButton,
+      {
+        state: checkout,
+        loadingLabel: "Loading checkout\u2026",
+        readyLabel: "Purchase again",
+        onLaunch,
+        cx
+      }
+    ),
+    checkout.status === "error" && /* @__PURE__ */ jsx12("p", { className: cx.error, role: "alert", children: checkout.message })
+  ] });
+});
+var UpgradeBody = React9.memo(function UpgradeBody2({ checkout, onLaunch, cx }) {
+  return /* @__PURE__ */ jsxs11(Fragment8, { children: [
+    /* @__PURE__ */ jsx12("h2", { className: cx.heading, children: "Upgrade your plan" }),
+    /* @__PURE__ */ jsx12("p", { className: cx.muted, children: "The SolvaPay checkout opens in a new tab. Return here after payment and your purchase will show up automatically." }),
+    /* @__PURE__ */ jsx12(
+      HostedLinkButton,
+      {
+        state: checkout,
+        loadingLabel: "Loading checkout\u2026",
+        readyLabel: "Upgrade",
+        onLaunch,
+        cx
+      }
+    ),
+    checkout.status === "error" && /* @__PURE__ */ jsx12("p", { className: cx.error, role: "alert", children: checkout.message })
+  ] });
+});
+function HostedCheckout({
+  productRef,
+  onPurchaseSuccess,
+  cx,
+  children
+}) {
+  const { loading, isRefetching, refetch, hasPaidPurchase, activePurchase } = usePurchase();
+  const { cancelledPurchase, shouldShowCancelledNotice, formatDate, getDaysUntilExpiration } = usePurchaseStatus();
+  const transport = useTransport();
+  const [awaiting, setAwaiting] = useState5(null);
+  const [awaitingTimedOut, setAwaitingTimedOut] = useState5(false);
+  const [hasLoadedOnce, setHasLoadedOnce] = useState5(false);
+  const onPurchaseSuccessRef = useRef2(onPurchaseSuccess);
+  useEffect4(() => {
+    onPurchaseSuccessRef.current = onPurchaseSuccess;
+  }, [onPurchaseSuccess]);
+  useEffect4(() => {
+    if (!loading && !hasLoadedOnce) setHasLoadedOnce(true);
+  }, [loading, hasLoadedOnce]);
+  const fetchCheckoutUrl = useCallback3(async () => {
+    const { checkoutUrl } = await transport.createCheckoutSession({ productRef });
+    return { href: checkoutUrl };
+  }, [productRef, transport]);
+  const checkout = useHostedUrl(hasLoadedOnce, fetchCheckoutUrl, "checkout session");
+  const safeRefetch = useCallback3(() => {
+    refetch().catch((err) => {
+      console.warn("[solvapay-mcp] refetch failed", err);
+    });
+  }, [refetch]);
+  useEffect4(() => {
+    const onFocus = () => safeRefetch();
+    const onVisibility = () => {
+      if (document.visibilityState === "visible") safeRefetch();
+    };
+    window.addEventListener("focus", onFocus);
+    document.addEventListener("visibilitychange", onVisibility);
+    return () => {
+      window.removeEventListener("focus", onFocus);
+      document.removeEventListener("visibilitychange", onVisibility);
+    };
+  }, [safeRefetch]);
+  useEffect4(() => {
+    if (!awaiting) return;
+    const interval = window.setInterval(() => {
+      if (document.visibilityState === "hidden") return;
+      safeRefetch();
+    }, POLL_INTERVAL_MS);
+    const timeout = window.setTimeout(() => {
+      setAwaitingTimedOut(true);
+    }, AWAITING_TIMEOUT_MS);
+    return () => {
+      window.clearInterval(interval);
+      window.clearTimeout(timeout);
+    };
+  }, [awaiting, safeRefetch]);
+  useEffect4(() => {
+    if (!awaiting) return;
+    if (!hasPaidPurchase) return;
+    const newRef = activePurchase?.reference ?? null;
+    const isNewPurchase = !awaiting.baselineHadPaidPurchase || newRef !== awaiting.baselineActiveRef;
+    if (isNewPurchase) {
+      setAwaiting(null);
+      setAwaitingTimedOut(false);
+      onPurchaseSuccessRef.current?.();
+    }
+  }, [awaiting, hasPaidPurchase, activePurchase?.reference]);
+  const beginAwaiting = useCallback3(
+    (href) => {
+      setAwaiting({
+        baselineActiveRef: activePurchase?.reference ?? null,
+        baselineHadPaidPurchase: hasPaidPurchase,
+        startedAt: Date.now(),
+        href
+      });
+      setAwaitingTimedOut(false);
+    },
+    [activePurchase?.reference, hasPaidPurchase]
+  );
+  const cancelAwaiting = useCallback3(() => {
+    setAwaiting(null);
+    setAwaitingTimedOut(false);
+  }, []);
+  const dismissTimeout = useCallback3(() => {
+    setAwaitingTimedOut(false);
+  }, []);
+  const cancelledProductName = cancelledPurchase?.productName ?? null;
+  const cancelledEndDate = cancelledPurchase?.endDate;
+  const cancelledDaysLeft = useMemo3(
+    () => cancelledEndDate ? getDaysUntilExpiration(cancelledEndDate) : null,
+    [cancelledEndDate, getDaysUntilExpiration]
+  );
+  const cancelledFormattedEndDate = useMemo3(
+    () => cancelledEndDate ? formatDate(cancelledEndDate) : null,
+    [cancelledEndDate, formatDate]
+  );
+  const awaitingHref = awaiting?.href ?? null;
+  const inner = useMemo3(() => {
+    if (awaiting && awaitingHref) {
+      return /* @__PURE__ */ jsx12(
+        AwaitingBody,
+        {
+          href: awaitingHref,
+          timedOut: awaitingTimedOut,
+          onReopen: dismissTimeout,
+          onCancel: cancelAwaiting,
+          cx
+        }
+      );
+    }
+    if (shouldShowCancelledNotice && cancelledProductName) {
+      return /* @__PURE__ */ jsx12(
+        CancelledBody,
+        {
+          productName: cancelledProductName,
+          endDate: cancelledEndDate,
+          daysLeft: cancelledDaysLeft,
+          formattedEndDate: cancelledFormattedEndDate,
+          checkout,
+          onLaunch: beginAwaiting,
+          cx
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx12(UpgradeBody, { checkout, onLaunch: beginAwaiting, cx });
+  }, [
+    awaiting,
+    awaitingHref,
+    awaitingTimedOut,
+    dismissTimeout,
+    cancelAwaiting,
+    shouldShowCancelledNotice,
+    cancelledProductName,
+    cancelledEndDate,
+    cancelledDaysLeft,
+    cancelledFormattedEndDate,
+    checkout,
+    beginAwaiting,
+    cx
+  ]);
+  if (loading) {
+    return /* @__PURE__ */ jsx12("div", { className: cx.card, children: /* @__PURE__ */ jsx12("p", { children: "Loading purchase\u2026" }) });
+  }
+  return /* @__PURE__ */ jsxs11("div", { className: cx.card, "data-refreshing": isRefetching ? "true" : void 0, children: [
+    inner,
+    children
+  ] });
+}
+
+// src/mcp/views/McpPaywallView.tsx
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+function McpPaywallView({
+  content,
+  publishableKey = null,
+  returnUrl,
+  classNames,
+  onResolved,
+  plans,
+  upgradeCta
+}) {
+  const cx = resolveMcpClassNames(classNames);
+  const copy = useCopy();
+  const probe = useStripeProbe(publishableKey);
+  const productRef = content.product;
+  const embeddedReady = probe === "ready" && Boolean(productRef);
+  const isLoading = probe === "loading";
+  return /* @__PURE__ */ jsxs12(
+    PaywallNotice.Root,
+    {
+      content,
+      onResolved,
+      classNames: {
+        // Flat flex-column stack — no outer card. `EmbeddedCheckout`
+        // provides the single card below.
+        root: cx.stack,
+        heading: cx.heading,
+        message: cx.muted,
+        balance: cx.notice,
+        hostedLink: cx.button
+      },
+      children: [
+        /* @__PURE__ */ jsx13(PaywallNotice.Heading, {}),
+        /* @__PURE__ */ jsx13(PaywallNotice.Message, {}),
+        /* @__PURE__ */ jsx13(PaywallNotice.Balance, {}),
+        isLoading ? /* @__PURE__ */ jsx13("div", { className: cx.muted, children: copy.paywall.hostedCheckoutLoading }) : embeddedReady ? /* @__PURE__ */ jsx13(
+          EmbeddedCheckout,
+          {
+            productRef,
+            returnUrl,
+            fromPaywall: true,
+            paywallKind: content.kind,
+            hideUpgradeBanner: true,
+            plans,
+            onRefreshBootstrap: onResolved,
+            onClose: onResolved,
+            cx
+          }
+        ) : /* @__PURE__ */ jsx13(PaywallNotice.HostedCheckoutLink, {}),
+        upgradeCta ? /* @__PURE__ */ jsx13(
+          "button",
+          {
+            type: "button",
+            className: `${cx.button} solvapay-mcp-paywall-upgrade-cta`.trim(),
+            "data-variant": "secondary",
+            onClick: upgradeCta.onClick,
+            children: upgradeCta.label
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/mcp/views/McpTopupView.tsx
+import { useState as useState6 } from "react";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+var FALLBACK_TOPUP_CURRENCY = "USD";
+function McpTopupView({
+  publishableKey = null,
+  returnUrl,
+  onTopupSuccess,
+  onBack,
+  classNames
+}) {
+  const cx = resolveMcpClassNames(classNames);
+  const probe = useStripeProbe(publishableKey);
+  const { merchant, loading: merchantLoading } = useMerchant();
+  if (probe === "loading" || merchantLoading) {
+    return /* @__PURE__ */ jsx14("div", { className: cx.card, children: /* @__PURE__ */ jsx14("p", { children: "Loading top-up\u2026" }) });
+  }
+  if (probe === "blocked") return /* @__PURE__ */ jsx14(HostedTopupFallback, { cx, onBack });
+  const currency = merchant?.defaultCurrency?.toUpperCase() ?? FALLBACK_TOPUP_CURRENCY;
+  return /* @__PURE__ */ jsx14(
+    EmbeddedTopup,
+    {
+      returnUrl,
+      currency,
+      onTopupSuccess,
+      onBack,
+      cx
+    }
+  );
+}
+function EmbeddedTopup({
+  returnUrl,
+  currency,
+  onTopupSuccess,
+  onBack,
+  cx
+}) {
+  const [committedAmountMinor, setCommittedAmountMinor] = useState6(null);
+  const [justPaidMinor, setJustPaidMinor] = useState6(null);
+  const { adjustBalance, creditsPerMinorUnit } = useBalance();
+  const locale = useHostLocale();
+  const { notifyModelContext, notifySuccess } = useMcpBridge();
+  if (justPaidMinor != null) {
+    const displayAmount = formatPrice(justPaidMinor, currency, { locale, free: "" });
+    return /* @__PURE__ */ jsxs13("div", { className: cx.card, children: [
+      onBack ? /* @__PURE__ */ jsx14(BackLink, { label: "Back to my account", onClick: onBack }) : null,
+      /* @__PURE__ */ jsxs13("div", { className: cx.balanceRow, children: [
+        /* @__PURE__ */ jsx14("h2", { className: cx.heading, children: "Credits added" }),
+        /* @__PURE__ */ jsx14(BalanceBadge, {})
+      ] }),
+      /* @__PURE__ */ jsxs13("p", { className: cx.muted, children: [
+        displayAmount,
+        " landed in your balance."
+      ] }),
+      /* @__PURE__ */ jsx14(
+        "button",
+        {
+          type: "button",
+          className: cx.button,
+          onClick: () => setJustPaidMinor(null),
+          children: "Add more credits"
+        }
+      ),
+      /* @__PURE__ */ jsx14(
+        LaunchCustomerPortalButton,
+        {
+          className: cx.button,
+          loadingClassName: cx.button,
+          errorClassName: cx.button,
+          children: "Manage billing"
+        }
+      )
+    ] });
+  }
+  if (committedAmountMinor != null && committedAmountMinor > 0) {
+    const displayAmount = formatPrice(committedAmountMinor, currency, { locale, free: "" });
+    return /* @__PURE__ */ jsxs13("div", { className: cx.card, children: [
+      onBack ? /* @__PURE__ */ jsx14(BackLink, { label: "Back to my account", onClick: onBack }) : null,
+      /* @__PURE__ */ jsxs13("div", { className: cx.balanceRow, children: [
+        /* @__PURE__ */ jsx14("h2", { className: cx.heading, children: "Pay with card" }),
+        /* @__PURE__ */ jsx14(BalanceBadge, {})
+      ] }),
+      /* @__PURE__ */ jsxs13("p", { className: cx.muted, children: [
+        "Adding ",
+        displayAmount,
+        " in credits."
+      ] }),
+      /* @__PURE__ */ jsxs13(
+        TopupForm.Root,
+        {
+          amount: committedAmountMinor,
+          currency,
+          returnUrl,
+          className: cx.topupForm,
+          onSuccess: () => {
+            adjustBalance(committedAmountMinor * (creditsPerMinorUnit ?? 100));
+            setJustPaidMinor(committedAmountMinor);
+            void notifyModelContext({
+              text: `Topup of ${formatPrice(committedAmountMinor, currency, {
+                locale,
+                free: ""
+              })} succeeded.`
+            });
+            void notifySuccess({
+              kind: "topup",
+              amountMinor: committedAmountMinor,
+              currency
+            });
+            onTopupSuccess?.(committedAmountMinor);
+            setCommittedAmountMinor(null);
+          },
+          children: [
+            /* @__PURE__ */ jsx14(TopupForm.Loading, {}),
+            /* @__PURE__ */ jsx14(TopupForm.PaymentElement, {}),
+            /* @__PURE__ */ jsx14(TopupForm.Error, { className: cx.error }),
+            /* @__PURE__ */ jsx14(TopupForm.SubmitButton, { className: cx.button })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx14(
+        BackLink,
+        {
+          label: "Change amount",
+          onClick: () => setCommittedAmountMinor(null)
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs13("div", { className: cx.card, children: [
+    onBack ? /* @__PURE__ */ jsx14(BackLink, { label: "Back to my account", onClick: onBack }) : null,
+    /* @__PURE__ */ jsxs13("div", { className: cx.balanceRow, children: [
+      /* @__PURE__ */ jsx14("h2", { className: cx.heading, children: "Add credits" }),
+      /* @__PURE__ */ jsx14(BalanceBadge, {})
+    ] }),
+    /* @__PURE__ */ jsxs13(AmountPicker.Root, { currency, emit: "minor", className: cx.amountPicker, children: [
+      /* @__PURE__ */ jsx14(QuickAmountOptions, { className: cx.amountOptions, optionClassName: cx.amountOption }),
+      /* @__PURE__ */ jsx14(AmountPicker.Custom, { className: cx.amountCustom }),
+      /* @__PURE__ */ jsx14(
+        AmountPicker.Confirm,
+        {
+          className: cx.button,
+          onConfirm: (amountMinor) => {
+            setCommittedAmountMinor(amountMinor);
+            void notifyModelContext({
+              text: `User confirmed topup of ${formatPrice(amountMinor, currency, {
+                locale,
+                free: ""
+              })}.`
+            });
+          },
+          children: "Continue"
+        }
+      )
+    ] })
+  ] });
+}
+function QuickAmountOptions({
+  className,
+  optionClassName
+}) {
+  const { quickAmounts } = useAmountPicker();
+  return /* @__PURE__ */ jsx14("div", { className, children: quickAmounts.map((amount) => /* @__PURE__ */ jsx14(AmountPicker.Option, { amount, className: optionClassName }, amount)) });
+}
+function HostedTopupFallback({ cx, onBack }) {
+  return /* @__PURE__ */ jsxs13("div", { className: cx.card, children: [
+    onBack ? /* @__PURE__ */ jsx14(BackLink, { label: "Back to my account", onClick: onBack }) : null,
+    /* @__PURE__ */ jsx14("h2", { className: cx.heading, children: "Add credits" }),
+    /* @__PURE__ */ jsx14("p", { className: cx.muted, children: "This host doesn't allow embedded payments. Open the SolvaPay portal in a new tab to complete your top-up there." }),
+    /* @__PURE__ */ jsx14(
+      LaunchCustomerPortalButton,
+      {
+        className: cx.button,
+        loadingClassName: cx.button,
+        errorClassName: cx.button,
+        children: "Open SolvaPay portal"
+      }
+    )
+  ] });
+}
+
+// src/mcp/components/McpUpsellStrip.tsx
+import { useState as useState7 } from "react";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+var NUDGE_DEFAULTS = {
+  "low-balance": { label: "Upgrade" },
+  "cycle-ending": { label: "Renew" },
+  "approaching-limit": { label: "Upgrade" }
+};
+function McpUpsellStrip({
+  nudge,
+  onCta,
+  onDismiss,
+  hideDismiss = false,
+  ctaLabel,
+  className
+}) {
+  const [dismissed, setDismissed] = useState7(false);
+  if (dismissed) return null;
+  const label = ctaLabel ?? NUDGE_DEFAULTS[nudge.kind].label;
+  const handleDismiss = () => {
+    setDismissed(true);
+    onDismiss?.();
+  };
+  const rootClass = [
+    "solvapay-mcp-upsell-strip",
+    `solvapay-mcp-upsell-strip--${nudge.kind}`,
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs14("aside", { className: rootClass, role: "status", "aria-live": "polite", "data-testid": "mcp-upsell-strip", children: [
+    /* @__PURE__ */ jsx15("span", { className: "solvapay-mcp-upsell-strip-message", children: nudge.message }),
+    /* @__PURE__ */ jsxs14("div", { className: "solvapay-mcp-upsell-strip-actions", children: [
+      onCta ? /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          onClick: onCta,
+          className: "solvapay-mcp-upsell-strip-cta",
+          children: label
+        }
+      ) : null,
+      hideDismiss ? null : /* @__PURE__ */ jsx15(
+        "button",
+        {
+          type: "button",
+          onClick: handleDismiss,
+          className: "solvapay-mcp-upsell-strip-dismiss",
+          "aria-label": "Dismiss",
+          children: "\xD7"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/mcp/views/McpNudgeView.tsx
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+function McpNudgeView({ bootstrap, onCta, onDismiss, classNames }) {
+  const cx = resolveMcpClassNames(classNames);
+  const { nudge, data } = bootstrap;
+  return /* @__PURE__ */ jsxs15("section", { className: "solvapay-mcp-nudge-view", children: [
+    nudge ? /* @__PURE__ */ jsx16(McpUpsellStrip, { nudge, onCta, onDismiss }) : null,
+    data !== void 0 ? /* @__PURE__ */ jsxs15("div", { className: cx.card, children: [
+      /* @__PURE__ */ jsx16("h2", { className: cx.heading, children: "Tool result" }),
+      /* @__PURE__ */ jsx16("pre", { className: "solvapay-mcp-nudge-data", children: JSON.stringify(data, null, 2) })
+    ] }) : null
+  ] });
+}
+
+// src/mcp/McpAppShell.tsx
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+function resolveSurface(bootstrapView) {
+  switch (bootstrapView) {
+    case "checkout":
+    case "about":
+    // About folds into checkout's picker.
+    case "activate":
+      return "checkout";
+    case "topup":
+      return "topup";
+    case "paywall":
+      return "paywall";
+    case "nudge":
+      return "nudge";
+    case "usage":
+    // Usage folds into the account surface.
+    case "account":
+    default:
+      return "account";
+  }
+}
+function McpAppShell({
+  bootstrap,
+  views,
+  classNames,
+  footer,
+  onRefreshBootstrap,
+  onClose
+}) {
+  const { merchant } = useMerchant();
+  const [paywallDismissed, setPaywallDismissed] = useState8(false);
+  const [overrideView, setOverrideView] = useState8(null);
+  const [cameFromPaywall, setCameFromPaywall] = useState8(false);
+  const initialFromPaywall = bootstrap.view === "paywall";
+  const resolvedView = resolveSurface(bootstrap.view);
+  const isPaywall = resolvedView === "paywall" && !paywallDismissed;
+  const effectiveView = overrideView ?? (isPaywall ? "paywall" : resolvedView);
+  const showShellHeader = effectiveView !== "nudge";
+  const isChrome = showShellHeader && effectiveView !== "paywall";
+  const fromPaywall = cameFromPaywall || initialFromPaywall;
+  const refreshedRef = useRef3(false);
+  useEffect5(() => {
+    if (!onRefreshBootstrap) return;
+    if (refreshedRef.current) return;
+    if (bootstrap.view === "paywall" || bootstrap.view === "nudge") return;
+    refreshedRef.current = true;
+    void Promise.resolve(onRefreshBootstrap()).catch(() => {
+    });
+  }, [onRefreshBootstrap, bootstrap.view]);
+  const showFooter = footer ?? Boolean(merchant?.termsUrl || merchant?.privacyUrl);
+  const isShellSidebarEligible = isChrome && bootstrap.customer !== null;
+  const productName = bootstrap.product?.name ?? null;
+  const productDescription = bootstrap.product?.description ?? null;
+  const handlePaywallUpgrade = () => {
+    setPaywallDismissed(true);
+    setCameFromPaywall(true);
+    setOverrideView("checkout");
+  };
+  const handleNudgeCta = () => {
+    setOverrideView("checkout");
+  };
+  const handleChangePlan = () => {
+    setCameFromPaywall(false);
+    setOverrideView("checkout");
+  };
+  return /* @__PURE__ */ jsxs16("div", { className: "solvapay-mcp-shell", "data-paywall": isPaywall ? "true" : void 0, children: [
+    showShellHeader ? /* @__PURE__ */ jsx17(
+      ShellHeader,
+      {
+        merchant,
+        productName,
+        productDescription,
+        classNames
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs16("div", { className: "solvapay-mcp-shell-layout", children: [
+      /* @__PURE__ */ jsx17("div", { className: "solvapay-mcp-shell-body", children: /* @__PURE__ */ jsx17(
+        McpViewRouter,
+        {
+          view: effectiveView,
+          bootstrap,
+          views,
+          classNames,
+          suppressDetailCards: isShellSidebarEligible,
+          fromPaywall,
+          onSurfaceChange: setOverrideView,
+          onPaywallUpgrade: handlePaywallUpgrade,
+          onNudgeCta: handleNudgeCta,
+          onChangePlan: handleChangePlan,
+          onRefreshBootstrap,
+          onClose
+        }
+      ) }),
+      isShellSidebarEligible ? /* @__PURE__ */ jsxs16("aside", { className: "solvapay-mcp-shell-sidebar", "aria-label": "Your account context", children: [
+        /* @__PURE__ */ jsx17(McpSellerDetailsCard, { classNames }),
+        /* @__PURE__ */ jsx17(
+          McpCustomerDetailsCard,
+          {
+            classNames,
+            onTopup: () => setOverrideView("topup")
+          }
+        )
+      ] }) : null
+    ] }),
+    isChrome && showFooter ? /* @__PURE__ */ jsx17(ShellFooter, { classNames, merchant }) : null
+  ] });
+}
+function ShellHeader({
+  merchant,
+  productName,
+  productDescription,
+  classNames
+}) {
+  const cx = resolveMcpClassNames(classNames);
+  const displayName = merchant?.displayName ?? null;
+  const logoUrl = merchant?.logoUrl ?? null;
+  const initials = displayName ? displayName.split(/\s+/).filter(Boolean).slice(0, 2).map((part) => part[0].toUpperCase()).join("") : "SP";
+  const headingText = productName ?? displayName ?? "My account";
+  const tagline = productName && productDescription ? productDescription.trim() : null;
+  return /* @__PURE__ */ jsxs16("header", { className: "solvapay-mcp-shell-header", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "solvapay-mcp-shell-brand", children: [
+      logoUrl ? /* @__PURE__ */ jsx17(
+        "img",
+        {
+          className: "solvapay-mcp-shell-logo",
+          src: logoUrl,
+          alt: displayName ?? "Merchant logo"
+        }
+      ) : /* @__PURE__ */ jsx17("span", { className: "solvapay-mcp-shell-logo-initials", "aria-hidden": "true", children: initials }),
+      displayName ? /* @__PURE__ */ jsx17("span", { className: "solvapay-mcp-shell-brand-name", children: displayName }) : null
+    ] }),
+    /* @__PURE__ */ jsx17("h1", { className: `${cx.heading} solvapay-mcp-shell-title`.trim(), children: headingText }),
+    tagline ? /* @__PURE__ */ jsx17("p", { className: "solvapay-mcp-shell-tagline", children: tagline }) : null
+  ] });
+}
+function ShellFooter({
+  classNames,
+  merchant
+}) {
+  const cx = resolveMcpClassNames(classNames);
+  const termsUrl = merchant?.termsUrl;
+  const privacyUrl = merchant?.privacyUrl;
+  if (!termsUrl && !privacyUrl) {
+    return /* @__PURE__ */ jsx17("footer", { className: `solvapay-mcp-shell-footer ${cx.muted}`.trim(), children: "Provided by SolvaPay" });
+  }
+  return /* @__PURE__ */ jsxs16("footer", { className: `solvapay-mcp-shell-footer ${cx.muted}`.trim(), children: [
+    termsUrl ? /* @__PURE__ */ jsxs16(
+      "a",
+      {
+        className: "solvapay-mcp-shell-footer-link",
+        href: termsUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": "Terms (opens in a new tab)",
+        children: [
+          "Terms",
+          /* @__PURE__ */ jsx17(ExternalLinkGlyph, {})
+        ]
+      }
+    ) : null,
+    termsUrl && privacyUrl ? /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: " \xB7 " }) : null,
+    privacyUrl ? /* @__PURE__ */ jsxs16(
+      "a",
+      {
+        className: "solvapay-mcp-shell-footer-link",
+        href: privacyUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": "Privacy (opens in a new tab)",
+        children: [
+          "Privacy",
+          /* @__PURE__ */ jsx17(ExternalLinkGlyph, {})
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: " \xB7 " }),
+    /* @__PURE__ */ jsx17("span", { children: "Provided by SolvaPay" })
+  ] });
+}
+function McpViewRouter({
+  view,
+  bootstrap,
+  views,
+  classNames,
+  suppressDetailCards,
+  fromPaywall,
+  onSurfaceChange,
+  onPaywallUpgrade,
+  onNudgeCta,
+  onChangePlan,
+  onRefreshBootstrap,
+  onClose
+}) {
+  const { productRef, stripePublishableKey, returnUrl, paywall } = bootstrap;
+  const locale = useHostLocale();
+  const CheckoutView = views?.checkout ?? McpCheckoutView;
+  const AccountView = views?.account ?? McpAccountView;
+  const TopupView = views?.topup ?? McpTopupView;
+  const PaywallView = views?.paywall ?? McpPaywallView;
+  const NudgeView = views?.nudge ?? McpNudgeView;
+  const goCheckout = onSurfaceChange ? () => onSurfaceChange("checkout") : void 0;
+  const goTopup = onSurfaceChange ? () => onSurfaceChange("topup") : void 0;
+  const goAccount = onSurfaceChange ? () => onSurfaceChange("account") : void 0;
+  const changePlan = onChangePlan ?? goCheckout;
+  const nudgeCta = onNudgeCta ?? goCheckout;
+  const paywallUpgrade = onPaywallUpgrade ?? goCheckout;
+  switch (view) {
+    case "checkout":
+      return /* @__PURE__ */ jsx17(
+        CheckoutView,
+        {
+          productRef,
+          publishableKey: stripePublishableKey,
+          returnUrl,
+          classNames,
+          fromPaywall,
+          paywallKind: paywall?.kind,
+          plans: bootstrap.plans,
+          onRequestTopup: goTopup,
+          onRefreshBootstrap,
+          onClose
+        }
+      );
+    case "account":
+      return /* @__PURE__ */ jsx17(
+        AccountView,
+        {
+          classNames,
+          onTopup: goTopup,
+          onChangePlan: changePlan,
+          hideDetailCards: suppressDetailCards
+        }
+      );
+    case "topup":
+      return /* @__PURE__ */ jsx17(
+        TopupView,
+        {
+          publishableKey: stripePublishableKey,
+          returnUrl,
+          classNames,
+          onBack: goAccount
+        }
+      );
+    case "paywall": {
+      if (!paywall) return null;
+      const upgradeCandidate = findRecurringPlan(bootstrap.plans);
+      const upgradeCta = upgradeCandidate && paywallUpgrade ? { label: formatUpgradeLabel(upgradeCandidate, locale), onClick: paywallUpgrade } : void 0;
+      return /* @__PURE__ */ jsx17(
+        PaywallView,
+        {
+          content: paywall,
+          publishableKey: stripePublishableKey,
+          returnUrl,
+          classNames,
+          plans: bootstrap.plans,
+          upgradeCta
+        }
+      );
+    }
+    case "nudge":
+      return /* @__PURE__ */ jsx17(
+        NudgeView,
+        {
+          bootstrap,
+          onCta: nudgeCta,
+          classNames
+        }
+      );
+    default:
+      return null;
+  }
+}
+function findRecurringPlan(plans) {
+  const list = plans;
+  if (!list || list.length === 0) return null;
+  const match = list.find((p) => {
+    if (p.planType !== "recurring") return false;
+    return !p.meterRef;
+  });
+  return match ?? null;
+}
+var BILLING_CYCLE_SUFFIX = {
+  daily: "d",
+  weekly: "wk",
+  monthly: "mo",
+  quarterly: "qtr",
+  yearly: "yr",
+  annual: "yr",
+  annually: "yr"
+};
+function abbreviateBillingCycle(cycle) {
+  const key = cycle.toLowerCase();
+  if (BILLING_CYCLE_SUFFIX[key]) return BILLING_CYCLE_SUFFIX[key];
+  return key.slice(0, 2);
+}
+function formatUpgradeLabel(plan, locale) {
+  const name = plan.name ?? "Unlimited";
+  if (typeof plan.price === "number" && plan.price > 0 && plan.currency) {
+    const amount = formatPrice(plan.price, plan.currency, { locale });
+    const cycle = plan.billingCycle ? `/${abbreviateBillingCycle(plan.billingCycle)}` : "";
+    return `Upgrade to ${name} \u2014 ${amount}${cycle}`;
+  }
+  return `Upgrade to ${name}`;
+}
+
+// src/mcp/McpApp.tsx
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+function bootstrapToInitial(bs) {
+  return {
+    customerRef: bs.customer?.ref ?? null,
+    purchase: bs.customer?.purchase ?? null,
+    paymentMethod: bs.customer?.paymentMethod ?? null,
+    balance: bs.customer?.balance ?? null,
+    usage: bs.customer?.usage ?? null,
+    merchant: bs.merchant,
+    product: bs.product,
+    plans: bs.plans
+  };
+}
+function McpApp({
+  app,
+  productRef: productRefOverride,
+  views,
+  classNames,
+  footer,
+  onInitError,
+  applyContext,
+  onClose,
+  messageOnSuccess
+}) {
+  const cx = resolveMcpClassNames(classNames);
+  const [bootstrap, setBootstrap] = useState9(null);
+  const [initError, setInitError] = useState9(null);
+  const pendingBootstrapFetchRef = useRef4(0);
+  const applyContextRef = useRef4(applyContext);
+  const onInitErrorRef = useRef4(onInitError);
+  useEffect6(() => {
+    applyContextRef.current = applyContext;
+  }, [applyContext]);
+  useEffect6(() => {
+    onInitErrorRef.current = onInitError;
+  }, [onInitError]);
+  useEffect6(() => {
+    let cancelled = false;
+    setInitError(null);
+    setBootstrap(null);
+    app.onhostcontextchanged = (ctx) => {
+      applyContextRef.current?.(ctx);
+    };
+    app.onteardown = async () => ({});
+    let resolveFirstNotification;
+    const firstNotificationApplied = new Promise((r) => {
+      resolveFirstNotification = r;
+    });
+    const onToolResult = (params) => {
+      if (cancelled) return;
+      const toolName = app.getHostContext?.()?.toolInfo?.tool?.name ?? null;
+      if (toolName && isTransportToolName(toolName)) return;
+      if (pendingBootstrapFetchRef.current) {
+        resolveFirstNotification?.();
+        return;
+      }
+      try {
+        const intentView = toolName ? VIEW_FOR_TOOL2[toolName] : void 0;
+        const fallbackView = intentView ?? "paywall";
+        const fresh = parseBootstrapFromToolResult(
+          params,
+          toolName ?? "(unknown tool)",
+          fallbackView
+        );
+        setBootstrap(fresh);
+        resolveFirstNotification?.();
+      } catch (err) {
+        if (typeof console !== "undefined") {
+          console.warn("[solvapay] ignoring malformed tool-result notification:", err);
+        }
+      }
+    };
+    let unsubscribe;
+    if (typeof app.addEventListener === "function") {
+      app.addEventListener("toolresult", onToolResult);
+      unsubscribe = () => {
+        app.removeEventListener?.("toolresult", onToolResult);
+      };
+    } else {
+      const prior = app.ontoolresult;
+      app.ontoolresult = onToolResult;
+      unsubscribe = () => {
+        if (app.ontoolresult === onToolResult) app.ontoolresult = prior;
+      };
+    }
+    ;
+    (async () => {
+      try {
+        await app.connect();
+        if (cancelled) return;
+        applyContextRef.current?.(app.getHostContext());
+        const classification = classifyHostEntry(app);
+        if (classification.kind === "data") {
+          const timeoutMs = 2e3;
+          const timedOut = await Promise.race([
+            firstNotificationApplied.then(() => false),
+            new Promise((r) => setTimeout(() => r(true), timeoutMs))
+          ]);
+          if (cancelled) return;
+          if (timedOut) {
+            void Promise.resolve(app.requestTeardown?.()).catch(() => {
+            });
+            return;
+          }
+          return;
+        }
+        pendingBootstrapFetchRef.current += 1;
+        try {
+          const result = await fetchMcpBootstrap(app);
+          if (!cancelled) setBootstrap(result);
+        } finally {
+          pendingBootstrapFetchRef.current = Math.max(
+            0,
+            pendingBootstrapFetchRef.current - 1
+          );
+        }
+      } 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));
+      }
+    })();
+    return () => {
+      cancelled = true;
+      unsubscribe?.();
+    };
+  }, [app]);
+  const transport = useMemo4(() => createMcpAppAdapter(app), [app]);
+  const initial = useMemo4(
+    () => bootstrap ? bootstrapToInitial(bootstrap) : void 0,
+    [bootstrap]
+  );
+  const iconUrl = bootstrap?.merchant ? bootstrap.merchant.iconUrl ?? bootstrap.merchant.logoUrl ?? null : null;
+  useEffect6(() => {
+    if (typeof document === "undefined") return;
+    if (!iconUrl) return;
+    const MANAGED_ATTR = "data-solvapay-favicon";
+    const existing = document.head.querySelector(
+      `link[${MANAGED_ATTR}]`
+    );
+    const link = existing ?? document.createElement("link");
+    link.setAttribute(MANAGED_ATTR, "");
+    link.rel = "icon";
+    link.href = iconUrl;
+    if (!existing) document.head.appendChild(link);
+    return () => {
+    };
+  }, [iconUrl]);
+  const providerConfig = useMemo4(
+    () => {
+      const resolved = {
+        // `SolvaPayProvider` short-circuits its fetch pipeline when there's
+        // no auth token, which means our `checkPurchase` override would
+        // never run. In the MCP App the real identity lives server-side on
+        // the OAuth bridge's `customer_ref`, so we just need to tell the
+        // provider "yes, you're authenticated". Returning a sentinel token
+        // is enough to flip `isAuthenticated` true and unlock the refetch
+        // path.
+        auth: {
+          adapter: {
+            getToken: async () => "mcp-session",
+            getUserId: async () => initial?.customerRef ?? null
+          }
+        },
+        transport,
+        initial,
+        refreshInitial: async () => {
+          const fresh = await fetchMcpBootstrap(app);
+          const next = bootstrapToInitial(fresh);
+          seedMcpCaches(next, resolved);
+          return next;
+        }
+      };
+      return resolved;
+    },
+    [transport, initial, app]
+  );
+  const seededInitialRef = useRef4(null);
+  if (initial && seededInitialRef.current !== initial) {
+    seedMcpCaches(initial, providerConfig);
+    seededInitialRef.current = initial;
+  }
+  const refreshBootstrap = useMemo4(
+    () => async () => {
+      pendingBootstrapFetchRef.current += 1;
+      try {
+        const fresh = await fetchMcpBootstrap(app);
+        const next = bootstrapToInitial(fresh);
+        seedMcpCaches(next, providerConfig);
+        setBootstrap(fresh);
+      } finally {
+        pendingBootstrapFetchRef.current = Math.max(0, pendingBootstrapFetchRef.current - 1);
+      }
+    },
+    [app, providerConfig]
+  );
+  const defaultOnClose = useMemo4(
+    () => () => {
+      void Promise.resolve(app.requestTeardown?.()).catch(() => {
+      });
+    },
+    [app]
+  );
+  const effectiveOnClose = onClose ?? defaultOnClose;
+  if (initError) {
+    return /* @__PURE__ */ jsx18("main", { className: "solvapay-mcp-main", children: /* @__PURE__ */ jsxs17("div", { className: `${cx.card} ${cx.error}`.trim(), children: [
+      /* @__PURE__ */ jsx18("h2", { className: cx.heading, children: "Unable to load SolvaPay" }),
+      /* @__PURE__ */ jsx18("p", { children: initError })
+    ] }) });
+  }
+  if (!bootstrap) {
+    return /* @__PURE__ */ jsx18("main", { className: "solvapay-mcp-main", children: /* @__PURE__ */ jsx18("div", { className: cx.card, children: /* @__PURE__ */ jsx18("p", { children: "Loading\u2026" }) }) });
+  }
+  const effectiveBootstrap = productRefOverride ? { ...bootstrap, productRef: productRefOverride } : bootstrap;
+  return /* @__PURE__ */ jsx18(SolvaPayProvider, { config: providerConfig, children: /* @__PURE__ */ jsx18(McpBridgeProvider, { app, messageOnSuccess, children: /* @__PURE__ */ jsx18("main", { className: "solvapay-mcp-main", children: /* @__PURE__ */ jsx18(
+    McpAppShell,
+    {
+      bootstrap: effectiveBootstrap,
+      views,
+      classNames,
+      ...footer !== void 0 ? { footer } : {},
+      onRefreshBootstrap: refreshBootstrap,
+      onClose: effectiveOnClose
+    }
+  ) }) }) });
+}
+
+// src/mcp/plan-actions.ts
+function resolvePlanShape(plan) {
+  if (!plan) return null;
+  const type = plan.planType;
+  if (type === "free") return "free";
+  if (type === "trial") return "trial";
+  if (type === "usage-based") return "usage-based";
+  if (type === "recurring") {
+    const hasMeter = Boolean(plan.meterRef || plan.meterId);
+    const hasLimit = plan.limit != null && plan.limit > 0;
+    return hasMeter || hasLimit ? "recurring-metered" : "recurring-unlimited";
+  }
+  if ((plan.price ?? 0) === 0) return "free";
+  return "recurring-unlimited";
+}
+function resolveActivationStrategy(plan) {
+  const shape = resolvePlanShape(plan);
+  if (shape === "usage-based") return "topup-first";
+  if (shape === "free" || shape === "trial") return "activate";
+  if ((plan?.price ?? 0) === 0) return "activate";
+  return "paid-checkout";
+}
+function resolvePlanActions({ purchase, planCount, paidPlanCount }) {
+  const shape = resolvePlanShape(purchase?.planSnapshot);
+  const hasPaymentMethod = Boolean(purchase?.hasPaymentMethod);
+  const canOfferChange = planCount > 1;
+  const isFree = shape === "free";
+  const canUpgrade = isFree && paidPlanCount > 0;
+  return {
+    topUp: shape === "usage-based",
+    cancel: shape === "recurring-unlimited" || shape === "recurring-metered" || shape === "free" || shape === "trial",
+    changePlan: canOfferChange && !canUpgrade,
+    managePortal: hasPaymentMethod,
+    upgrade: canUpgrade
+  };
+}
+function resolveActivityStrip(purchase) {
+  const shape = resolvePlanShape(purchase?.planSnapshot);
+  if (!shape) return "none";
+  if (shape === "usage-based") return "payg-balance";
+  if (shape === "recurring-unlimited") return "recurring-unlimited-renew";
+  if (shape === "recurring-metered") return "recurring-metered-usage";
+  if (shape === "free") return "free-usage";
+  if (shape === "trial") return "free-usage";
+  return "none";
+}
+export {
+  BackLink,
+  MCP_TOOL_NAMES3 as MCP_TOOL_NAMES,
+  McpAccountView,
+  McpApp,
+  McpAppShell,
+  McpBridgeProvider,
+  McpCheckoutView,
+  McpCustomerDetailsCard,
+  McpNudgeView,
+  McpPaywallView,
+  McpSellerDetailsCard,
+  McpTopupView,
+  McpUpsellStrip,
+  McpViewRouter,
+  SOLVAPAY_TRANSPORT_TOOL_NAMES,
+  classifyHostEntry,
+  createMcpAppAdapter,
+  fetchMcpBootstrap,
+  isTransportToolName,
+  parseBootstrapFromToolResult,
+  resolveActivationStrategy,
+  resolveActivityStrip,
+  resolveMcpClassNames,
+  resolvePlanActions,
+  resolvePlanShape,
+  seedMcpCaches,
+  useHostLocale,
+  useMcpBridge,
+  useMcpToolResult,
+  useStripeProbe,
+  waitForInitialToolResult
+};