@pollar/react 0.11.4 → 0.12.0-rc.2

package/dist/index.js

@@ -1002,6 +1002,10 @@ var require_QRCode = __commonJS({
 
 // src/constants.ts
 var LOGO_POLLAR = "https://pollar.xyz/assets/logo_pollar.png";
+var LOGO_POLLAR_WORDMARK_ON_LIGHT = "https://www.pollar.xyz/brandkit/pollar-logo-horizontal-on-light.png";
+var LOGO_POLLAR_WORDMARK_ON_DARK = "https://www.pollar.xyz/brandkit/pollar-logo-horizontal-on-dark.png";
+var LOGO_POLLAR_MARK_ON_LIGHT = "https://www.pollar.xyz/brandkit/pollar-mark-on-light.png";
+var LOGO_POLLAR_MARK_ON_DARK = "https://www.pollar.xyz/brandkit/pollar-mark-on-dark.png";
 var LOGO_FREIGHTER = "https://pollar.xyz/assets/logo_freighter.png";
 var LOGO_ALBEDO = "https://pollar.xyz/assets/logo_albedo.svg";
 var _modalLog = console;
@@ -1027,22 +1031,26 @@ var ModalErrorBoundary = class extends react.Component {
     return this.props.children;
   }
 };
-var PollarModalFooter = ({ shield = false }) => {
+var PollarModalFooter = () => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-footer", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-footer-protected", children: "Protected by" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-footer-brand", children: [
-      shield ? /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "pollar-footer-shield", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3.2 19 6v5.3c0 4.4-2.9 7.8-7 9.5-4.1-1.7-7-5.1-7-9.5V6l7-2.8Z", fill: "var(--pollar-accent)" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m8.5 12 2.2 2.2 4.8-5", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_POLLAR, alt: "Pollar", className: "pollar-footer-logo" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-footer-version", children: [
-        "v",
-        "0.11.4"
-      ] })
+    /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_POLLAR_WORDMARK_ON_LIGHT, alt: "Pollar", className: "pollar-footer-logo pollar-logo-on-light" }),
+    /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_POLLAR_WORDMARK_ON_DARK, alt: "Pollar", className: "pollar-footer-logo pollar-logo-on-dark" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-footer-version", children: [
+      "v",
+      "0.12.0-rc.2"
     ] })
   ] });
 };
+function explorerTxUrl(chain, hash, network) {
+  if (chain === "SOLANA") {
+    return `https://explorer.solana.com/tx/${hash}${network === "testnet" ? "?cluster=devnet" : ""}`;
+  }
+  if (chain === "POLYGON") {
+    return `https://${network === "testnet" ? "amoy." : ""}polygonscan.com/tx/${hash}`;
+  }
+  return `https://stellar.expert/explorer/${network === "testnet" ? "testnet" : "public"}/tx/${hash}`;
+}
 function RefreshIcon({ spinning = false, className = "" }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -1234,6 +1242,8 @@ function buildModalCssVars(theme, accentColor, overrides = {}, variant = "compac
     "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
     "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
     "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-logo-on-light-display": isDark ? "none" : "block",
+    "--pollar-logo-on-dark-display": isDark ? "block" : "none",
     "--pollar-modal-border-radius": px(overrides.modalBorderRadius, DEFAULT_MODAL_BORDER_RADIUS),
     "--pollar-buttons-border-radius": px(overrides.buttonBorderRadius, DEFAULT_BUTTON_BORDER_RADIUS),
     "--pollar-buttons-height": "44px",
@@ -1905,7 +1915,7 @@ function KycStatus({ status, label, className }) {
 
 // src/components/kyc-modal/kyc-messages.ts
 function kycErrorMessage(error, phase) {
-  const code = error?.code;
+  const code = typeof error === "object" && error !== null && "code" in error ? error.code : void 0;
   switch (code) {
     case "SDK_KYC_NOT_CONFIGURED":
       return "Identity verification is not available for this app yet.";
@@ -2150,7 +2160,13 @@ function KycModal({
         finish("approved");
         return;
       }
-      setSession(result);
+      const { sessionId } = result;
+      if (sessionId === void 0) throw new Error("The KYC provider answered without a session.");
+      setSession({
+        sessionId,
+        ...result.kycUrl !== void 0 ? { kycUrl: result.kycUrl } : {},
+        ...result.fields !== void 0 ? { fields: result.fields } : {}
+      });
       setStep("verifying");
     } catch (e) {
       const code = core.isPollarApiError(e) ? e.code : void 0;
@@ -2337,10 +2353,14 @@ function fieldErrorMessage(code, language) {
 }
 function fieldErrorsOf(error) {
   if (!error || typeof error !== "object") return null;
-  const { code, body } = error;
-  if (code !== "KYC_FORM_INVALID_ANSWERS" || !Array.isArray(body?.errors)) return null;
+  if (!("code" in error) || error.code !== "KYC_FORM_INVALID_ANSWERS") return null;
+  const body = "body" in error ? error.body : void 0;
+  const list = typeof body === "object" && body !== null && "errors" in body ? body.errors : void 0;
+  if (!Array.isArray(list)) return null;
+  const items = list;
   const errors = {};
-  for (const item of body.errors) {
+  for (const item of items) {
+    if (typeof item !== "object" || item === null || !("key" in item) || !("code" in item)) continue;
     if (typeof item.key === "string" && typeof item.code === "string") errors[item.key] = item.code;
   }
   return Object.keys(errors).length ? errors : null;
@@ -3239,7 +3259,11 @@ function LoginModal({ onClose }) {
   const [email, setEmail] = react.useState("");
   const { getClient, styles, appConfig: config, configStatus, retryConfig } = usePollar();
   const [authState, setAuthState] = react.useState(() => getClient().getAuthState());
-  const walletAdapters = react.useMemo(() => getClient().listWalletAdapters(), [getClient]);
+  const servedChains = config?.application?.chains;
+  const walletAdapters = react.useMemo(
+    () => getClient().listWalletAdapters().filter((a) => !servedChains || servedChains.includes(a.chain)),
+    [getClient, servedChains]
+  );
   const [codeInputKey, setCodeInputKey] = react.useState(0);
   const pendingEmail = react.useRef(null);
   const [interactiveAdapter, setInteractiveAdapter] = react.useState(null);
@@ -3386,13 +3410,200 @@ function LoginModal({ onClose }) {
   ) });
 }
 
+// src/lib/qr-code/index.tsx
+var import_ErrorCorrectLevel = __toESM(require_ErrorCorrectLevel());
+var import_QRCode = __toESM(require_QRCode());
+var QRCodeSvg = react.forwardRef(function QRCodeSvg2({ bgColor, bgD, fgD, fgColor, size, title, viewBoxSize, xmlns = "http://www.w3.org/2000/svg", ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...props, height: size, ref, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: size, xmlns, children: [
+    title ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: bgD, fill: bgColor }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: fgD, fill: fgColor })
+  ] });
+});
+QRCodeSvg.displayName = "QRCodeSvg";
+function bytesToBinaryString(bytes) {
+  return bytes.map((b) => String.fromCharCode(b & 255)).join("");
+}
+function encodeStringToUtf8Bytes(input) {
+  return Array.from(new TextEncoder().encode(input));
+}
+var QRCode = react.forwardRef(function QRCode2({ bgColor = "#FFFFFF", fgColor = "#000000", level = "L", size = 256, value, ...props }, ref) {
+  const qrcode = new import_QRCode.default(-1, import_ErrorCorrectLevel.default[level]);
+  const utf8Bytes = encodeStringToUtf8Bytes(value);
+  const binaryString = bytesToBinaryString(utf8Bytes);
+  qrcode.addData(binaryString, "Byte");
+  qrcode.make();
+  const cells = qrcode.modules;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    QRCodeSvg,
+    {
+      ...props,
+      bgColor,
+      bgD: cells.map(
+        (row, rowIndex) => row.map((cell, cellIndex) => !cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")
+      ).join(" "),
+      fgColor,
+      fgD: cells.map(
+        (row, rowIndex) => row.map((cell, cellIndex) => cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")
+      ).join(" "),
+      ref,
+      size,
+      viewBoxSize: cells.length
+    }
+  );
+});
+function RampWorkflow({
+  client,
+  snapshot,
+  onChange,
+  onBusyChange
+}) {
+  const model = core.describeRampAction(snapshot);
+  const locked = react.useRef(false);
+  react.useEffect(() => {
+    setFields({});
+    setError(null);
+  }, [model.action?.actionId]);
+  const [busy, setBusy] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [fields, setFields] = react.useState({});
+  const fieldsComplete = model.action?.kind !== "collect_information" || model.action.fields.every((field) => {
+    const value = (fields[field.key] ?? "").trim();
+    if (!value) return field.optional;
+    if (field.type === "email") return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value);
+    return field.type !== "select" || field.options?.some((option) => option.value === value);
+  });
+  async function continueAction() {
+    if (!model.action || locked.current || !fieldsComplete) return;
+    locked.current = true;
+    setBusy(true);
+    onBusyChange?.(true);
+    setError(null);
+    try {
+      onChange(
+        model.canSign ? await client.signRampAction(snapshot.txId, snapshot) : await client.continueRamp(snapshot.txId, {
+          actionId: model.action.actionId,
+          transactionVersion: snapshot.transactionVersion,
+          ...model.action.kind === "collect_information" ? { fields } : {}
+        })
+      );
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Unable to continue.");
+    } finally {
+      locked.current = false;
+      setBusy(false);
+      onBusyChange?.(false);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: "pollar-ramp-payment pollar-ramp-workflow",
+      "aria-label": "Ramp progress",
+      "aria-live": "polite",
+      "aria-busy": busy,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "pollar-ramp-payment-title", children: model.title }),
+        snapshot.terms && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "pollar-ramp-terms", children: [
+          snapshot.terms.fiatAmount,
+          " ",
+          snapshot.terms.fiatCurrency,
+          " \xB7 ",
+          snapshot.terms.cryptoAmount,
+          " ",
+          snapshot.terms.assetCode,
+          /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+          "Includes ",
+          snapshot.terms.feeAmount,
+          " ",
+          snapshot.terms.feeCurrency,
+          " fee"
+        ] }),
+        model.details.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "pollar-ramp-workflow-detail", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+            item.label,
+            ": "
+          ] }),
+          item.value
+        ] }, index)),
+        model.links.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { className: "pollar-btn-primary pollar-ramp-hosted-link", href: link.url, target: "_blank", rel: "noopener noreferrer", children: link.label }) }, index)),
+        model.qr && /* @__PURE__ */ jsxRuntime.jsx(QRCode, { value: model.qr, size: 180 }),
+        model.qr && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: "pollar-btn-secondary",
+            type: "button",
+            onClick: () => void navigator.clipboard.writeText(model.qr).catch(() => setError("Unable to copy. Select the payment code to copy it manually.")),
+            children: "Copy payment code"
+          }
+        ),
+        model.action?.kind === "collect_information" && model.action.fields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pollar-ramp-field", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-ramp-label", children: [
+            field.label,
+            field.optional ? " (optional)" : ""
+          ] }),
+          field.type === "select" ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "select",
+            {
+              className: "pollar-ramp-input",
+              disabled: busy,
+              value: fields[field.key] ?? "",
+              onChange: (e) => setFields((previous) => ({ ...previous, [field.key]: e.target.value })),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Choose" }),
+                field.options?.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value))
+              ]
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              className: "pollar-ramp-input",
+              disabled: busy,
+              type: field.type,
+              placeholder: field.placeholder,
+              value: fields[field.key] ?? "",
+              onChange: (e) => setFields((previous) => ({ ...previous, [field.key]: e.target.value }))
+            }
+          ),
+          field.hint && /* @__PURE__ */ jsxRuntime.jsx("small", { className: "pollar-ramp-field-hint", children: field.hint })
+        ] }, field.key)),
+        (model.canContinue || model.canSign) && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: "pollar-btn-primary",
+            type: "button",
+            disabled: busy || !fieldsComplete,
+            onClick: () => void continueAction(),
+            children: busy ? model.canSign ? "Waiting for your wallet\u2026" : "Continuing\u2026" : model.canSign ? "Authorize" : "Continue"
+          }
+        ),
+        snapshot.milestones?.map((milestone, index) => /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+          milestone.kind.replace(/_/g, " "),
+          " \xB7 ",
+          milestone.verifiedAt
+        ] }, index)),
+        error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-ramp-field-error", role: "alert", children: error }),
+        /* @__PURE__ */ jsxRuntime.jsxs("small", { className: "pollar-ramp-reference", children: [
+          "Reference: ",
+          snapshot.txId
+        ] })
+      ]
+    }
+  );
+}
+
 // src/components/ramp-widget/ramp-kyc.ts
 var nonEmpty = (value) => typeof value === "string" && !!value.trim();
 function requiredRampKyc(error) {
   if (!error || typeof error !== "object") return null;
-  const { code, body } = error;
-  if (code !== "SDK_RAMPS_KYC_REQUIRED" || !body || typeof body !== "object") return null;
-  const { rampProviderId, corridorId, requirementType, optionId, kycProviderId } = body;
+  if (!("code" in error) || error.code !== "SDK_RAMPS_KYC_REQUIRED") return null;
+  const body = "body" in error ? error.body : void 0;
+  if (typeof body !== "object" || body === null) return null;
+  const rampProviderId = "rampProviderId" in body ? body.rampProviderId : void 0;
+  const corridorId = "corridorId" in body ? body.corridorId : void 0;
+  const requirementType = "requirementType" in body ? body.requirementType : void 0;
+  const optionId = "optionId" in body ? body.optionId : void 0;
+  const kycProviderId = "kycProviderId" in body ? body.kycProviderId : void 0;
   if (!nonEmpty(rampProviderId) || !nonEmpty(corridorId)) return null;
   if ((requirementType === "FORM" || requirementType === "REGISTRY_CHECK" || requirementType === "PROVIDER_REGISTRATION") && nonEmpty(optionId)) {
     return { rampProviderId, corridorId, type: requirementType, optionId };
@@ -3459,13 +3670,14 @@ function RouteDisplay({ quote, busy = false, disabled = false, onSelect }) {
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-route-left", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-route-provider", children: quote.provider }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-route-meta", children: busy ? "Starting\u2026" : `${RAIL_LABELS[quote.rail] ?? quote.rail} \xB7 ${quote.protocol} \xB7 ${quote.estimatedTime}` })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-route-meta", children: busy ? "Starting\u2026" : [
+            quote.route ? `${quote.route.asset.code} on ${quote.route.asset.chain}` : null,
+            RAIL_LABELS[quote.rail] ?? quote.rail,
+            quote.estimatedTime
+          ].filter(Boolean).join(" \xB7 ") })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-ramp-route-right", children: busy ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-ramp-route-fee", children: [
-            quote.fee,
-            "% fee"
-          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-route-fee", children: quote.terms ? `${quote.terms.fiatAmount} ${quote.terms.fiatCurrency} \xB7 ${quote.terms.cryptoAmount} ${quote.terms.assetCode} \xB7 Includes ${quote.terms.feeAmount} ${quote.terms.feeCurrency}` : `${quote.fee}% fee` }),
           quote.recommended && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-route-badge", children: "Best rate" })
         ] }) })
       ]
@@ -3524,6 +3736,8 @@ function placeholderFor(field, fields, values) {
   }
   return field.placeholder;
 }
+var CHAIN_NAME = { STELLAR: "Stellar", POLYGON: "Polygon", SOLANA: "Solana" };
+var EXPLORER_NAME = { STELLAR: "Stellar Expert", POLYGON: "Polygonscan", SOLANA: "Solana Explorer" };
 var LOADING_STEPS = ["Detecting your country\u2026", "Consulting providers\u2026", "Route found!"];
 function flagEmoji(code) {
   const cc = code.trim().toUpperCase();
@@ -3543,6 +3757,8 @@ function displayValue(field) {
   return Number.isNaN(at.getTime()) ? field.value : at.toLocaleString();
 }
 function RampWidgetTemplate({
+  workflowContent,
+  routeSelector,
   theme,
   accentColor,
   styleOverrides,
@@ -3570,10 +3786,20 @@ function RampWidgetTemplate({
   onboardingStatus,
   kycJustApproved,
   stellarTxHash,
+  txHash,
+  txChain,
   explorerUrl,
+  fundsInTransit = false,
+  retrying = false,
+  onRetryTransit,
   depositInstructions,
   canComplete,
   completing,
+  savedRamps = [],
+  onResumeRamp,
+  onDismissRamp,
+  onDismissCurrentRamp,
+  onExploreRoutes,
   errorMsg,
   noticeMsg,
   onDirectionChange,
@@ -3592,6 +3818,8 @@ function RampWidgetTemplate({
   onRefresh,
   onClose
 }) {
+  const settledHash = txHash ?? stellarTxHash;
+  const chainName = CHAIN_NAME[txChain ?? "STELLAR"];
   const cssVars = buildModalCssVars(theme, accentColor, styleOverrides, "hero");
   const stepTitle = {
     input: direction === "onramp" ? "Buy crypto" : "Sell crypto",
@@ -3610,7 +3838,7 @@ function RampWidgetTemplate({
     // money, not who you are. Say which, rather than asserting the Bridge case
     // over every provider.
     contact: `${provider || "This provider"} needs ${listOf(requiredFields.filter((f) => !f.optional).map((f) => f.label.toLowerCase()))} to continue`,
-    status: `Finish the flow at ${provider || "the provider"} to continue`,
+    status: workflowContent ? "Follow the next step below to continue" : `Finish the flow at ${provider || "the provider"} to continue`,
     error: "Please try again"
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-ramp-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
@@ -3664,7 +3892,39 @@ function RampWidgetTemplate({
         }
       )
     ] }),
+    step === "input" && savedRamps.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "pollar-ramp-payment pollar-ramp-saved", "aria-label": "Pending operations", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-ramp-payment-note", children: "Your pending operations are saved. Starting another route does not cancel them." }),
+      savedRamps.map((ramp) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-saved-row", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "pollar-btn-secondary",
+            disabled: isLoading,
+            onClick: () => onResumeRamp?.(ramp.txId),
+            children: [
+              "Resume ",
+              ramp.provider,
+              " \xB7 ",
+              ramp.txId.slice(-8)
+            ]
+          }
+        ),
+        onDismissRamp && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "pollar-btn-secondary",
+            disabled: isLoading,
+            "aria-label": `Remove ${ramp.provider} ${ramp.txId.slice(-8)} from pending list`,
+            onClick: () => onDismissRamp(ramp.txId),
+            children: "Remove"
+          }
+        )
+      ] }, ramp.txId))
+    ] }),
     step === "input" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      noticeMsg && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-ramp-payment-note", role: "status", children: noticeMsg }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tabs", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
@@ -3688,25 +3948,36 @@ function RampWidgetTemplate({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-field", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-ramp-label", children: "Country" }),
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-ramp-label", htmlFor: "pollar-ramp-country", children: "Country" }),
         countriesLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-input pollar-select-loading", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading countries\u2026" })
-        ] }) : countries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "No ramp providers available on this network yet." }) : /* @__PURE__ */ jsxRuntime.jsx("select", { className: "pollar-ramp-input", value: country, onChange: (e) => onCountryChange(e.target.value), children: countries.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: c.code, children: [
-          flagEmoji(c.code),
-          " ",
-          c.code,
-          c.currency ? ` \u2014 ${c.currency}` : ""
-        ] }, c.code)) })
+        ] }) : countries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "No ramp providers available on this network yet." }) : /* @__PURE__ */ jsxRuntime.jsx(
+          "select",
+          {
+            id: "pollar-ramp-country",
+            className: "pollar-ramp-input",
+            value: country,
+            onChange: (e) => onCountryChange(e.target.value),
+            children: countries.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: c.code, children: [
+              flagEmoji(c.code),
+              " ",
+              c.code,
+              c.currency ? ` \u2014 ${c.currency}` : ""
+            ] }, c.code))
+          }
+        )
       ] }),
+      routeSelector,
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-field", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pollar-ramp-label", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pollar-ramp-label", htmlFor: "pollar-ramp-amount", children: [
           "Amount",
           currency ? ` (${currency})` : ""
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
+            id: "pollar-ramp-amount",
             type: "number",
             className: "pollar-ramp-input",
             placeholder: "0.00",
@@ -3812,7 +4083,16 @@ function RampWidgetTemplate({
         )
       ] })
     ] }),
-    step === "status" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment", children: [
+    step === "status" && workflowContent,
+    step === "status" && onDismissCurrentRamp && txStatus !== "completed" && txStatus !== "failed" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-explore", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-secondary", disabled: completing, onClick: onDismissCurrentRamp, children: "Remove from pending list" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-ramp-payment-note", children: "This only hides the operation in this tab. To request cancellation, open the provider link above when available or contact the provider\u2019s support. Payments and refunds must be confirmed by the provider." })
+    ] }),
+    step === "status" && onExploreRoutes && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-explore", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-secondary", disabled: completing, onClick: onExploreRoutes, children: txStatus === "completed" || txStatus === "failed" ? "Start another operation" : "Try another route" }),
+      txStatus !== "completed" && txStatus !== "failed" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-ramp-payment-note", children: "Your current operation stays saved so you can resume it later." })
+    ] }),
+    step === "status" && !workflowContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-field", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-payment-label", children: "Provider" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-ramp-payment-value", children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: provider }) })
@@ -3824,15 +4104,23 @@ function RampWidgetTemplate({
           txStatus !== "completed" && txStatus !== "failed" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm", "aria-label": "Checking status" })
         ] })
       ] }),
-      stellarTxHash && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-field", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-payment-label", children: "Stellar tx" }),
+      fundsInTransit && txStatus !== "completed" && txStatus !== "failed" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-payment-label", children: "Funds in transit" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-ramp-payment-note", children: "Your money is safe in your own wallet, waiting for the next step of the transfer." }),
+        onRetryTransit && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onRetryTransit, disabled: retrying, children: retrying ? "Retrying..." : "Retry now" })
+      ] }),
+      settledHash && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-ramp-payment-label", children: [
+          chainName,
+          " tx"
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-value", style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("code", { style: { flex: 1, wordBreak: "break-all" }, children: [
-            stellarTxHash.slice(0, 8),
+            settledHash.slice(0, 8),
             "\u2026",
-            stellarTxHash.slice(-8)
+            settledHash.slice(-8)
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: stellarTxHash, label: "Copy transaction hash" }),
+          /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: settledHash, label: "Copy transaction hash" }),
           explorerUrl && /* @__PURE__ */ jsxRuntime.jsx(
             "a",
             {
@@ -3840,8 +4128,8 @@ function RampWidgetTemplate({
               target: "_blank",
               rel: "noopener noreferrer",
               className: "pollar-copy-btn",
-              "aria-label": "View on Stellar Expert",
-              title: "View on Stellar Expert",
+              "aria-label": `View on ${EXPLORER_NAME[txChain ?? "STELLAR"]}`,
+              title: `View on ${EXPLORER_NAME[txChain ?? "STELLAR"]}`,
               children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "path",
@@ -3936,7 +4224,7 @@ function RampWidgetTemplate({
       canComplete && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-primary", disabled: completing, onClick: onCompleteWithdraw, children: completing ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
         "Submitting\u2026"
-      ] }) : "I've completed KYC \u2014 withdraw" }),
+      ] }) : "Check verification and continue" }),
       errorMsg && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-ramp-payment-note", style: { color: "var(--pollar-error-text)" }, children: errorMsg }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, children: txStatus === "completed" ? "Done" : "Close" })
     ] }),
@@ -4102,19 +4390,26 @@ var SHARED_FIELD_LABELS = {
     country_code: "Pa\xEDs de residencia"
   }
 };
-var errorCode = (error) => error && typeof error === "object" && typeof error.code === "string" ? error.code : null;
+var errorCode = (error) => typeof error === "object" && error !== null && "code" in error && typeof error.code === "string" ? error.code : null;
+var errorBody = (error) => {
+  const body = typeof error === "object" && error !== null && "body" in error ? error.body : void 0;
+  return typeof body === "object" && body !== null ? body : void 0;
+};
 function missingFieldsOf(error) {
-  const body = error && typeof error === "object" ? error.body : void 0;
-  return Array.isArray(body?.missing) ? body.missing.filter((item) => typeof item === "string") : [];
+  const body = errorBody(error);
+  const missing = body && "missing" in body ? body.missing : void 0;
+  return Array.isArray(missing) ? missing.filter((item) => typeof item === "string") : [];
 }
 function registrationFixOf(error) {
-  const body = error && typeof error === "object" ? error.body : void 0;
+  const body = errorBody(error);
+  const invalid = body && "invalid" in body ? body.invalid : void 0;
+  const formList = body && "forms" in body ? body.forms : void 0;
   const strings = (value) => Array.isArray(value) ? value.filter((item) => typeof item === "string") : [];
-  const forms = Array.isArray(body?.forms) ? body.forms.flatMap((item) => {
-    const form = item && typeof item === "object" ? item : {};
-    return typeof form.formId === "string" ? [{ formId: form.formId, keys: strings(form.keys) }] : [];
+  const forms = Array.isArray(formList) ? formList.flatMap((item) => {
+    if (typeof item !== "object" || item === null || !("formId" in item) || typeof item.formId !== "string") return [];
+    return [{ formId: item.formId, keys: strings("keys" in item ? item.keys : void 0) }];
   }) : [];
-  return { invalid: strings(body?.invalid), forms };
+  return { invalid: strings(invalid), forms };
 }
 function RegistryCheckModal({ optionId, progress, onClose, onApproved }) {
   const { getClient, styles } = usePollar();
@@ -4434,9 +4729,51 @@ function ProviderRegistrationModal({
     }
   ) });
 }
+
+// src/components/ramp-widget/ramp-quotes.ts
+function unavailableRampMessage(country, unavailable) {
+  if (!unavailable.length) return `No ramp providers available for ${country} yet.`;
+  return unavailable.map(
+    ({ provider, code }) => code === "SDK_RAMPS_PROVIDER_NOT_CONFIGURED" ? `${provider} is not configured correctly. Contact the app administrator to enable this provider.` : `${provider} is temporarily unavailable. Please try again later.`
+  ).join(" ");
+}
+async function quoteRampOptions(client, query, routes) {
+  const matching = routes.filter(
+    (route) => route.country === query.country && route.direction === query.direction && route.fiatCurrency === query.currency
+  );
+  const responses = await Promise.allSettled([
+    client.getRampsQuote(query),
+    ...matching.map((route) => client.getRampsQuote({ ...query, routeId: route.routeId, chain: route.asset.chain }))
+  ]);
+  const results = responses.flatMap((response) => response.status === "fulfilled" ? [response.value] : []);
+  if (!results.length) throw responses[0].reason;
+  const quotes = /* @__PURE__ */ new Map();
+  const requirements = /* @__PURE__ */ new Map();
+  const unavailable = /* @__PURE__ */ new Map();
+  for (const result of results) {
+    for (const quote of result.quotes) {
+      const key = JSON.stringify([quote.provider, quote.route?.routeId, quote.route?.asset.chain, quote.rail, quote.protocol]);
+      if (!quotes.has(key)) quotes.set(key, quote);
+    }
+    for (const requirement of result.requirementsRequired ?? [])
+      requirements.set(`${requirement.rampProviderId}:${requirement.corridorId}`, requirement);
+    for (const item of result.unavailable ?? []) unavailable.set(item.provider, item);
+  }
+  const failed = responses.find((response) => response.status === "rejected");
+  if (!quotes.size && !requirements.size && failed?.status === "rejected") throw failed.reason;
+  return {
+    quotes: [...quotes.values()],
+    requirementsRequired: [...requirements.values()],
+    unavailable: [...unavailable.values()]
+  };
+}
 var TERMINAL = ["completed", "failed"];
+var BANK_TYPES = ["CLABE", "PIX", "PSE", "ACH", "BREB"];
+function isBankType(value) {
+  return BANK_TYPES.some((type) => type === value);
+}
 function requiredFieldsOf(quote) {
-  return quote.requiredFields ?? [];
+  return "requiredFields" in quote ? quote.requiredFields : [];
 }
 function flowStepsOf(quotes, selected) {
   const needsDetails = selected != null ? requiredFieldsOf(selected).length > 0 : quotes.some((q) => requiredFieldsOf(q).length > 0);
@@ -4450,7 +4787,8 @@ var STEP_LABEL = {
   status: "Complete"
 };
 function brokenLimitOf(amount, quote) {
-  const { minAmount, maxAmount } = quote;
+  const minAmount = "minAmount" in quote ? quote.minAmount : void 0;
+  const maxAmount = "maxAmount" in quote ? quote.maxAmount : void 0;
   if (!Number.isFinite(amount)) return null;
   if (minAmount != null && amount < minAmount) return { limit: "min", value: minAmount };
   if (maxAmount != null && amount > maxAmount) return { limit: "max", value: maxAmount };
@@ -4474,19 +4812,58 @@ var RAMP_ERROR_MESSAGES = {
   SDK_RAMPS_ONCHAIN_SUBMIT_FAILED: "The network rejected the transaction, so nothing was sent. The wallet may need XLM for the fee."
 };
 function rampErrorMessage(e, fallback) {
-  const body = e?.body;
-  const code = e?.code;
+  const code = typeof e === "object" && e !== null && "code" in e ? e.code : void 0;
   if (typeof code !== "string") return e instanceof Error ? e.message : fallback;
-  const limit = body?.limit;
-  const value = body?.limitAmount;
-  const currency = body?.limitCurrency;
+  const raw = typeof e === "object" && e !== null && "body" in e ? e.body : void 0;
+  const body = typeof raw === "object" && raw !== null ? raw : {};
+  const limit = "limit" in body ? body.limit : void 0;
+  const value = "limitAmount" in body ? body.limitAmount : void 0;
+  const currency = "limitCurrency" in body ? body.limitCurrency : void 0;
   if ((limit === "min" || limit === "max") && typeof value === "number" && typeof currency === "string") {
     return limitMessage(limit, value, currency);
   }
   return RAMP_ERROR_MESSAGES[code] ?? (e instanceof Error ? e.message : fallback);
 }
+function readRampStorage(key) {
+  try {
+    return typeof window === "undefined" ? null : window.sessionStorage.getItem(key);
+  } catch {
+    return null;
+  }
+}
+function writeRampStorage(key, value) {
+  try {
+    if (typeof window === "undefined") return;
+    if (value === null) window.sessionStorage.removeItem(key);
+    else window.sessionStorage.setItem(key, value);
+  } catch {
+  }
+}
+function savedRampsOf(key) {
+  try {
+    const value = JSON.parse(readRampStorage(`${key}:saved`) ?? "[]");
+    return Array.isArray(value) ? value.filter((item) => typeof item?.txId === "string" && typeof item?.provider === "string") : [];
+  } catch {
+    return [];
+  }
+}
+function hiddenRampsOf(key) {
+  try {
+    const value = JSON.parse(readRampStorage(`${key}:hidden`) ?? "[]");
+    return Array.isArray(value) ? value.filter((id) => typeof id === "string") : [];
+  } catch {
+    return [];
+  }
+}
+function explorerTxUrl2(chain, hash, network) {
+  if (!hash) return null;
+  const testnet = network === "testnet";
+  if (chain === "SOLANA") return `https://explorer.solana.com/tx/${hash}${testnet ? "?cluster=devnet" : ""}`;
+  if (chain === "POLYGON") return `https://${testnet ? "amoy." : ""}polygonscan.com/tx/${hash}`;
+  return `https://stellar.expert/explorer/${testnet ? "testnet" : "public"}/tx/${hash}`;
+}
 function RampWidget({ onClose }) {
-  const { getClient, signTx, wallet, styles, network } = usePollar();
+  const { getClient, wallet, styles, network } = usePollar();
   const walletAddress = wallet?.address ?? "";
   const client = getClient();
   const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
@@ -4497,7 +4874,7 @@ function RampWidget({ onClose }) {
   const [country, setCountry] = react.useState("");
   const [fieldValues, setFieldValues] = react.useState({});
   const setFieldValue = (key, value) => setFieldValues((v) => ({ ...v, [key]: value }));
-  const [countries, setCountries] = react.useState([]);
+  const [legacyCountries, setCountries] = react.useState([]);
   const [countriesLoading, setCountriesLoading] = react.useState(true);
   const [refreshing, setRefreshing] = react.useState(false);
   const [quotes, setQuotes] = react.useState([]);
@@ -4522,21 +4899,129 @@ function RampWidget({ onClose }) {
   const [onboardingStatus, setOnboardingStatus] = react.useState(void 0);
   const [txStatus, setTxStatus] = react.useState(null);
   const [stellarTxHash, setStellarTxHash] = react.useState(null);
+  const [txHash, setTxHash] = react.useState(null);
+  const [txChain, setTxChain] = react.useState(null);
+  const [fundsInTransit, setFundsInTransit] = react.useState(false);
+  const [retrying, setRetrying] = react.useState(false);
   const [depositInstructions, setDepositInstructions] = react.useState(null);
+  const [workflow, setWorkflow] = react.useState(null);
+  const workflowRef = react.useRef(null);
+  const storageKey = `pollar:ramp:${client.apiKey}:${walletAddress}`;
+  const [savedRamps, setSavedRamps] = react.useState([]);
+  const [legacySignature, setLegacySignature] = react.useState(void 0);
+  function acceptWorkflow(incoming) {
+    if (hiddenRampsOf(storageKey).includes(incoming.txId)) return false;
+    const next = core.mergeRampSnapshot(workflowRef.current, incoming);
+    workflowRef.current = next;
+    setWorkflow(next);
+    if (next === incoming) {
+      const pending = savedRampsOf(storageKey).filter((item) => item.txId !== incoming.txId);
+      if (!["completed", "failed", "refunded"].includes(incoming.lifecycleState ?? incoming.status))
+        pending.push({
+          txId: incoming.txId,
+          provider: "provider" in incoming && typeof incoming.provider === "string" ? incoming.provider : provider || "Ramp"
+        });
+      writeRampStorage(`${storageKey}:saved`, JSON.stringify(pending));
+      writeRampStorage(storageKey, incoming.txId);
+      writeRampStorage(`${storageKey}:selection`, null);
+      setSavedRamps(pending);
+    }
+    return next === incoming;
+  }
+  const [routes, setRoutes] = react.useState([]);
+  const countries = core.mergeRampCountries(legacyCountries, routes);
+  react.useEffect(() => {
+    if (!country && countries[0]) {
+      setCountry(countries[0].code);
+      setCurrency(countries[0].currency ?? "");
+    }
+  }, [countries, country]);
+  react.useEffect(() => {
+    let active = true;
+    void client.getRampRoutes().then((result) => {
+      if (active) setRoutes(result.routes);
+    }).catch(() => {
+    });
+    return () => {
+      active = false;
+    };
+  }, [client]);
   const [completing, setCompleting] = react.useState(false);
+  const completionLocked = react.useRef(false);
   const [errorMsg, setErrorMsg] = react.useState(null);
+  react.useEffect(() => {
+    if (typeof window === "undefined" || !walletAddress) return;
+    setSavedRamps(savedRampsOf(storageKey));
+    if (readRampStorage(`${storageKey}:selection`) === "1") return;
+    const hidden = hiddenRampsOf(storageKey);
+    const savedId = [new URLSearchParams(window.location.search).get("rampTxId"), readRampStorage(storageKey)].find(
+      (id) => id && !hidden.includes(id)
+    );
+    if (!savedId) return;
+    let active = true;
+    void client.getRampTransaction(savedId).then(async (result) => {
+      if (!active || result.transactionVersion === void 0) return;
+      setDirection(result.direction);
+      await applyResult(result);
+    }).catch(() => {
+      if (active)
+        setErrorMsg("Could not restore the saved ramp. Retry opening the modal; do not create a replacement order.");
+    });
+    return () => {
+      active = false;
+    };
+  }, [client, storageKey, walletAddress]);
+  async function resumeSavedRamp(id) {
+    if (completionLocked.current) return;
+    setIsLoading(true);
+    setErrorMsg(null);
+    try {
+      const result = await client.getRampTransaction(id);
+      if (result.transactionVersion === void 0) throw new Error("This saved ramp cannot be restored.");
+      setDirection(result.direction);
+      await applyResult(result);
+    } catch (error) {
+      setErrorMsg(rampErrorMessage(error, "Could not resume the saved ramp."));
+    } finally {
+      setIsLoading(false);
+    }
+  }
   const directionRef = react.useRef(direction);
   directionRef.current = direction;
+  function applySettlement(tx) {
+    if (tx.stellarTxHash) setStellarTxHash(tx.stellarTxHash);
+    if (tx.txHash) setTxHash(tx.txHash);
+    if (tx.chain) setTxChain(tx.chain);
+    setFundsInTransit(tx.fundsInTransit === true);
+  }
+  async function handleRetryTransit() {
+    if (!txId || retrying) return;
+    setRetrying(true);
+    setErrorMsg(null);
+    try {
+      const tx = await client.retryRampTransaction(txId);
+      setTxStatus(tx.status);
+      applySettlement(tx);
+    } catch (e) {
+      setErrorMsg(e instanceof Error && e.message ? e.message : "Could not retry the transfer. Try again in a moment.");
+    } finally {
+      setRetrying(false);
+    }
+  }
+  const workflowTerminal = !!workflow && ["completed", "failed", "refunded"].includes(workflow.lifecycleState ?? workflow.status);
   react.useEffect(() => {
     if (step !== "status" || !txId) return;
-    if (txStatus && TERMINAL.includes(txStatus)) return;
+    if (workflowTerminal || txStatus && TERMINAL.includes(txStatus)) return;
     let active = true;
     const id = setInterval(async () => {
       try {
         const tx = await client.getRampTransaction(txId);
         if (!active) return;
+        if (tx.transactionVersion !== void 0 && !acceptWorkflow(tx)) return;
         setTxStatus(tx.status);
-        if (tx.stellarTxHash) setStellarTxHash(tx.stellarTxHash);
+        applySettlement(tx);
+        const pending = "pendingSignature" in tx ? tx.pendingSignature : void 0;
+        if (pending) setLegacySignature(pending);
         if (tx.kycUrl) setKycUrl(tx.kycUrl);
         if (tx.depositInstructions) setDepositInstructions(tx.depositInstructions);
         if (TERMINAL.includes(tx.status)) clearInterval(id);
@@ -4547,9 +5032,9 @@ function RampWidget({ onClose }) {
       active = false;
       clearInterval(id);
     };
-  }, [step, txId, txStatus, client]);
+  }, [step, txId, txStatus, workflowTerminal, client]);
   react.useEffect(() => {
-    if (step !== "status" || !kycPending || kycApproved) return;
+    if (workflow || step !== "status" || !kycPending || kycApproved || provider.toLowerCase() !== "abroad") return;
     if (onboardingStatus === "awaiting_provider") return;
     let active = true;
     const check = async () => {
@@ -4565,14 +5050,15 @@ function RampWidget({ onClose }) {
       active = false;
       clearInterval(id);
     };
-  }, [step, kycPending, kycApproved, onboardingStatus, client]);
+  }, [step, kycPending, kycApproved, onboardingStatus, workflow, client, provider]);
   async function loadCountries(resetSelection) {
     setCountriesLoading(true);
     try {
       const { countries: list } = await client.getRampCountries();
       setCountries(list);
-      const first = list[0];
-      const stillValid = list.some((c) => c.code === country);
+      const available = core.mergeRampCountries(list, routes);
+      const first = available[0];
+      const stillValid = available.some((c) => c.code === country);
       if (first && (resetSelection || !stillValid)) {
         setCountry(first.code);
         if (first.currency) setCurrency(first.currency);
@@ -4597,13 +5083,24 @@ function RampWidget({ onClose }) {
     try {
       await loadCountries(false);
       if (step === "select_route") {
-        const result = await client.getRampsQuote({ country, amount: Number(amount), currency, direction });
+        const result = await quoteRampOptions(
+          client,
+          {
+            country,
+            amount: Number(amount),
+            amountExact: amount,
+            currency,
+            direction
+          },
+          routes
+        );
         setQuotes(result.quotes ?? []);
         setRequirementsRequired(result.requirementsRequired ?? []);
       } else if (step === "status" && txId) {
         const tx = await client.getRampTransaction(txId);
+        if (tx.transactionVersion !== void 0 && !acceptWorkflow(tx)) return;
         setTxStatus(tx.status);
-        if (tx.stellarTxHash) setStellarTxHash(tx.stellarTxHash);
+        applySettlement(tx);
         if (tx.kycUrl) setKycUrl(tx.kycUrl);
         if (tx.depositInstructions) setDepositInstructions(tx.depositInstructions);
       }
@@ -4613,25 +5110,50 @@ function RampWidget({ onClose }) {
     }
   }
   function resetToInput({ keepMessage = false } = {}) {
+    writeRampStorage(storageKey, null);
+    writeRampStorage(`${storageKey}:selection`, "1");
     setStep("input");
     setQuotes([]);
     setRequirementsRequired([]);
     setSelectedQuote(null);
     setFieldValues({});
+    setWorkflow(null);
+    workflowRef.current = null;
+    setLegacySignature(void 0);
     setTxId(null);
     setProvider("");
     setKycUrl(null);
     setTosUrl(null);
     setTxStatus(null);
     setStellarTxHash(null);
+    setTxHash(null);
+    setTxChain(null);
+    setFundsInTransit(false);
     setDepositInstructions(null);
     setKycPending(false);
     setKycApproved(false);
     setNoticeMsg(null);
     if (!keepMessage) setErrorMsg(null);
   }
+  function dismissSavedRamp(id) {
+    if (completionLocked.current) return;
+    const pending = savedRampsOf(storageKey).filter((ramp) => ramp.txId !== id);
+    writeRampStorage(`${storageKey}:saved`, JSON.stringify(pending));
+    writeRampStorage(`${storageKey}:hidden`, JSON.stringify([.../* @__PURE__ */ new Set([...hiddenRampsOf(storageKey), id])]));
+    if (readRampStorage(storageKey) === id) writeRampStorage(storageKey, null);
+    setSavedRamps(pending);
+    if (txId === id) resetToInput();
+    setNoticeMsg(
+      "Removed from this tab\u2019s pending list. The operation may still be active at the provider; no payment was cancelled or refunded."
+    );
+  }
   async function resumeWithSignature(id, ps) {
-    const outcome = await signTx(ps.unsignedXdr);
+    const outcome = await client.signTx(ps.unsignedXdr, { skipSponsorship: ps.action === "sep10" });
+    if (outcome.status === "cosign_pending") {
+      setErrorMsg("Approve the signature on your device, then resume.");
+      setStep("error");
+      return;
+    }
     if (outcome.status !== "signed") {
       setErrorMsg(outcome.message ?? outcome.details ?? "Signing was cancelled.");
       setStep("error");
@@ -4644,12 +5166,10 @@ function RampWidget({ onClose }) {
     await applyResult(result);
   }
   async function applyResult(result) {
+    if ("transactionVersion" in result && result.transactionVersion !== void 0 && !acceptWorkflow(result)) return;
     setTxId(result.txId);
     setProvider(result.provider);
-    if (result.pendingSignature) {
-      await resumeWithSignature(result.txId, result.pendingSignature);
-      return;
-    }
+    setLegacySignature(result.pendingSignature);
     setKycUrl(result.kycUrl ?? null);
     setTosUrl(result.tosUrl ?? null);
     setOnboardingStatus(result.onboardingStatus);
@@ -4661,14 +5181,21 @@ function RampWidget({ onClose }) {
     setStep("status");
   }
   async function loadQuotes() {
-    const result = await client.getRampsQuote({ country, amount: Number(amount), currency, direction });
+    const result = await quoteRampOptions(
+      client,
+      {
+        country,
+        amount: Number(amount),
+        amountExact: amount,
+        currency,
+        direction
+      },
+      routes
+    );
     const list = result.quotes ?? [];
     const locked = result.requirementsRequired ?? [];
     if (list.length === 0 && locked.length === 0) {
-      const down = (result.unavailable ?? []).map((u) => u.provider);
-      setErrorMsg(
-        down.length > 0 ? `${down.join(", ")} ${down.length === 1 ? "is" : "are"} temporarily unavailable. Please try again later.` : `No ramp providers available for ${country} yet.`
-      );
+      setErrorMsg(unavailableRampMessage(country, result.unavailable ?? []));
       setStep("error");
       return false;
     }
@@ -4714,19 +5241,40 @@ function RampWidget({ onClose }) {
     setIsLoading(true);
     setErrorMsg(null);
     try {
-      const base = { quoteId: quote.quoteId, amount: Number(amount), currency, country };
-      if (walletAddress) base.walletAddress = walletAddress;
-      const STANDARD_BODY_KEYS = /* @__PURE__ */ new Set(["email", "fullName", "taxId", "qrCode"]);
+      const body = {
+        quoteId: quote.quoteId,
+        amount: quote.fiatAmount ?? Number(amount),
+        ...quote.terms ? { amountExact: quote.terms.fiatAmount } : {},
+        currency,
+        country,
+        ...walletAddress ? { walletAddress } : {}
+      };
       const extraFields = {};
       for (const f of requiredFieldsOf(quote)) {
         const val = (fieldValues[f.key] ?? "").trim();
         if (!val) continue;
-        if (f.bankType) base.bankDetails = { type: f.bankType, value: val };
-        else if (STANDARD_BODY_KEYS.has(f.key)) base[f.key] = val;
+        if (f.bankType) {
+          if (isBankType(f.bankType)) body.bankDetails = { type: f.bankType, value: val };
+        } else if (f.key === "email" || f.key === "fullName" || f.key === "taxId" || f.key === "qrCode") body[f.key] = val;
         else extraFields[f.key] = val;
       }
-      if (Object.keys(extraFields).length > 0) base.fields = extraFields;
-      const result = direction === "onramp" ? await client.createOnRamp(base) : await client.createOffRamp(base);
+      if (quote.route)
+        body.fields = Object.fromEntries(
+          requiredFieldsOf(quote).map((field) => [field.key, (fieldValues[field.key] ?? "").trim()]).filter(([, value]) => value)
+        );
+      else if (Object.keys(extraFields).length > 0) body.fields = extraFields;
+      const onrampBody = {
+        quoteId: body.quoteId,
+        amount: body.amount,
+        currency: body.currency,
+        country: body.country,
+        ...body.amountExact !== void 0 ? { amountExact: body.amountExact } : {},
+        ...body.walletAddress !== void 0 ? { walletAddress: body.walletAddress } : {},
+        ...body.email !== void 0 ? { email: body.email } : {},
+        ...body.fullName !== void 0 ? { fullName: body.fullName } : {},
+        ...body.fields !== void 0 ? { fields: body.fields } : {}
+      };
+      const result = direction === "onramp" ? await client.createOnRamp(onrampBody) : await client.createOffRamp(body);
       await applyResult(result);
     } catch (e) {
       const requirement = requiredRampKyc(e);
@@ -4776,8 +5324,24 @@ function RampWidget({ onClose }) {
   function handleOpenTos() {
     if (tosUrl) window.open(tosUrl, "_blank", "noopener,noreferrer");
   }
+  async function handleLegacySignature() {
+    if (!txId || !legacySignature || completionLocked.current) return;
+    completionLocked.current = true;
+    setCompleting(true);
+    setErrorMsg(null);
+    try {
+      await resumeWithSignature(txId, legacySignature);
+    } catch (e) {
+      setErrorMsg(rampErrorMessage(e, "Failed to submit the signature."));
+      setStep("error");
+    } finally {
+      completionLocked.current = false;
+      setCompleting(false);
+    }
+  }
   async function handleCompleteWithdraw() {
-    if (!txId) return;
+    if (!txId || completionLocked.current) return;
+    completionLocked.current = true;
     setCompleting(true);
     setErrorMsg(null);
     try {
@@ -4794,11 +5358,12 @@ function RampWidget({ onClose }) {
         msg.includes("KYC") ? "Finish KYC at the provider first, then try again." : msg || "Failed to complete the withdrawal."
       );
     } finally {
+      completionLocked.current = false;
       setCompleting(false);
     }
   }
   const kycBlocking = kycPending && !kycApproved;
-  const canComplete = direction === "offramp" && step === "status" && txStatus !== "completed" && !stellarTxHash && !kycPending;
+  const canComplete = !workflow && !legacySignature && direction === "offramp" && step === "status" && txStatus !== "completed" && txStatus !== "failed" && !stellarTxHash && !txHash && !kycPending;
   const flowSteps = flowStepsOf(quotes, selectedQuote);
   const flowStepIndex = flowSteps.indexOf(STEP_LABEL[step] ?? "");
   if (pendingKyc?.type === "FORM") {
@@ -4856,6 +5421,20 @@ function RampWidget({ onClose }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(
     RampWidgetTemplate,
     {
+      workflowContent: workflow ? /* @__PURE__ */ jsxRuntime.jsx(
+        RampWorkflow,
+        {
+          client,
+          snapshot: workflow,
+          onBusyChange: (busy) => {
+            completionLocked.current = busy;
+            setCompleting(busy);
+          },
+          onChange: (next) => {
+            if (acceptWorkflow(next)) setTxStatus(next.status);
+          }
+        }
+      ) : legacySignature && step === "status" && txStatus !== "completed" && txStatus !== "failed" ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", disabled: completing, onClick: () => void handleLegacySignature(), children: "Authorize wallet request" }) : void 0,
       theme,
       accentColor,
       styleOverrides,
@@ -4883,13 +5462,27 @@ function RampWidget({ onClose }) {
       onboardingStatus: onboardingStatus ?? null,
       kycJustApproved: kycPending && kycApproved,
       stellarTxHash,
-      explorerUrl: stellarTxHash ? `https://stellar.expert/explorer/${network === "mainnet" ? "public" : "testnet"}/tx/${stellarTxHash}` : null,
+      txHash,
+      txChain,
+      explorerUrl: explorerTxUrl2(txChain ?? "STELLAR", txHash ?? stellarTxHash, network),
+      fundsInTransit,
+      retrying,
+      onRetryTransit: handleRetryTransit,
       depositInstructions,
       canComplete,
       completing,
+      savedRamps,
+      onResumeRamp: resumeSavedRamp,
+      onDismissRamp: dismissSavedRamp,
+      onDismissCurrentRamp: workflow ? () => dismissSavedRamp(workflow.txId) : void 0,
+      onExploreRoutes: workflow ? () => {
+        if (!completionLocked.current) resetToInput();
+      } : void 0,
       errorMsg,
       noticeMsg,
-      onDirectionChange: setDirection,
+      onDirectionChange: (next) => {
+        setDirection(next);
+      },
       onAmountChange: (next) => {
         setAmount(next);
         setErrorMsg(null);
@@ -4922,49 +5515,6 @@ function walletNotReadyReason(wallet, chain) {
   }
   return null;
 }
-
-// src/lib/qr-code/index.tsx
-var import_ErrorCorrectLevel = __toESM(require_ErrorCorrectLevel());
-var import_QRCode = __toESM(require_QRCode());
-var QRCodeSvg = react.forwardRef(function QRCodeSvg2({ bgColor, bgD, fgD, fgColor, size, title, viewBoxSize, xmlns = "http://www.w3.org/2000/svg", ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...props, height: size, ref, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: size, xmlns, children: [
-    title ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: bgD, fill: bgColor }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: fgD, fill: fgColor })
-  ] });
-});
-QRCodeSvg.displayName = "QRCodeSvg";
-function bytesToBinaryString(bytes) {
-  return bytes.map((b) => String.fromCharCode(b & 255)).join("");
-}
-function encodeStringToUtf8Bytes(input) {
-  return Array.from(new TextEncoder().encode(input));
-}
-var QRCode = react.forwardRef(function QRCode2({ bgColor = "#FFFFFF", fgColor = "#000000", level = "L", size = 256, value, ...props }, ref) {
-  const qrcode = new import_QRCode.default(-1, import_ErrorCorrectLevel.default[level]);
-  const utf8Bytes = encodeStringToUtf8Bytes(value);
-  const binaryString = bytesToBinaryString(utf8Bytes);
-  qrcode.addData(binaryString, "Byte");
-  qrcode.make();
-  const cells = qrcode.modules;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    QRCodeSvg,
-    {
-      ...props,
-      bgColor,
-      bgD: cells.map(
-        (row, rowIndex) => row.map((cell, cellIndex) => !cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")
-      ).join(" "),
-      fgColor,
-      fgD: cells.map(
-        (row, rowIndex) => row.map((cell, cellIndex) => cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")
-      ).join(" "),
-      ref,
-      size,
-      viewBoxSize: cells.length
-    }
-  );
-});
 function PollarLogo(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "45", height: "48", viewBox: "0 0 45 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -4990,7 +5540,7 @@ function PollarLogo(props) {
     )
   ] });
 }
-var CHAIN_NAME = {
+var CHAIN_NAME2 = {
   STELLAR: "Stellar",
   POLYGON: "Polygon",
   SOLANA: "Solana"
@@ -5005,11 +5555,13 @@ function ReceiveModalTemplate({
   onSelectChain,
   copied,
   notReadyReason,
+  recoveryLocked,
+  onSetupRecovery,
   onCopy,
   onClose
 }) {
   const cssVars = buildModalCssVars(theme, accentColor, styleOverrides);
-  const chainName = selectedChain ? CHAIN_NAME[selectedChain] ?? selectedChain : "wallet";
+  const chainName = selectedChain ? CHAIN_NAME2[selectedChain] ?? selectedChain : "wallet";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -5023,7 +5575,10 @@ function ReceiveModalTemplate({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) }) })
         ] }),
         chains && onSelectChain && /* @__PURE__ */ jsxRuntime.jsx(ChainSelect, { value: selectedChain, options: chains, onChange: onSelectChain }),
-        walletAddress ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        recoveryLocked ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-receive-locked", role: "alert", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Set up a way to recover this wallet before receiving funds. Without one, losing this device means losing whatever you receive, and nobody can get it back." }),
+          onSetupRecovery && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-receive-copy-btn", onClick: onSetupRecovery, children: "Set up recovery" })
+        ] }) : walletAddress ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-receive-qr", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-receive-network-badge", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-receive-network-dot", "aria-hidden": true }),
@@ -5091,13 +5646,13 @@ function ReceiveModalTemplate({
             ] })
           ] })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No wallet connected." }),
-        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, { shield: true })
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
       ]
     }
   );
 }
 function ReceiveModal({ onClose }) {
-  const { wallet, wallets, styles } = usePollar();
+  const { wallet, wallets, styles, recoveryLocked, openRecoveryModal } = usePollar();
   const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
   const [copied, setCopied] = react.useState(false);
   const copyTimerRef = react.useRef(null);
@@ -5139,6 +5694,11 @@ function ReceiveModal({ onClose }) {
         setSelectedChain(chain);
       },
       notReadyReason,
+      recoveryLocked,
+      onSetupRecovery: () => {
+        onClose();
+        openRecoveryModal();
+      },
       copied,
       onCopy: handleCopy,
       onClose
@@ -5154,6 +5714,7 @@ var STATUS_MESSAGES = {
   submitting: "Submitting transaction\u2026",
   submitted: "Submitted \u2014 waiting for confirmation\u2026",
   "signing-submitting": "Signing and submitting transaction\u2026",
+  awaiting_cosign: "Waiting for your approval on this device\u2026",
   "building-signing-submitting": "Processing transaction\u2026",
   success: "Transaction sent successfully",
   error: "Transaction failed"
@@ -5189,14 +5750,22 @@ function TxStatusView({
 }) {
   const buildData = "buildData" in transaction ? transaction.buildData : null;
   const hash = transaction.step === "success" ? transaction.hash : null;
-  const errorDetails = transaction.step === "error" ? transaction.details ?? null : null;
+  const errorDetails = transaction.step === "error" ? core.transactionErrorMessage(transaction.code, transaction.details) : null;
   const isBuilt = transaction.step === "built";
   const isInFlight = IN_FLIGHT_STEPS.has(transaction.step);
   const isSuccess = transaction.step === "success";
   const isError = transaction.step === "error";
   const showDetails = buildData !== null && SHOW_DETAILS_STEPS.has(transaction.step);
-  const walletImg = walletType === core.WalletType.FREIGHTER ? LOGO_FREIGHTER : walletType === core.WalletType.ALBEDO ? LOGO_ALBEDO : LOGO_POLLAR;
+  const walletImg = walletType === core.WalletType.FREIGHTER ? LOGO_FREIGHTER : walletType === core.WalletType.ALBEDO ? LOGO_ALBEDO : null;
   const walletAlt = walletType === core.WalletType.FREIGHTER ? "Freighter" : walletType === core.WalletType.ALBEDO ? "Albedo" : "Pollar";
+  const statusBanner = /* @__PURE__ */ jsxRuntime.jsx(
+    ModalStatusBanner,
+    {
+      message: STATUS_MESSAGES[transaction.step],
+      status: isError ? "ERROR" : isInFlight ? "LOADING" : isSuccess ? "SUCCESS" : "NONE"
+    }
+  );
+  const showSpinner = isInFlight || isSuccess || isError;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     showDetails && buildData && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tx-summary", children: [
@@ -5237,7 +5806,7 @@ function TxStatusView({
       /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "pollar-tx-error-details-content", children: errorDetails })
     ] }),
     isBuilt && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-primary pollar-tx-sign-btn", onClick: onSignAndSend, children: "Sign & Send" }),
-    (isInFlight || isSuccess || isError) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tx-wallet-spinner", children: [
+    showSpinner && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tx-wallet-spinner", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tx-spinner-ring", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
@@ -5267,8 +5836,12 @@ function TxStatusView({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-tx-wallet-icon", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: walletImg, alt: walletAlt, className: "pollar-tx-wallet-img" }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-tx-wallet-icon", children: walletImg ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: walletImg, alt: walletAlt, className: "pollar-tx-wallet-img" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_POLLAR_MARK_ON_LIGHT, alt: walletAlt, className: "pollar-tx-wallet-img pollar-logo-on-light" }),
+          /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_POLLAR_MARK_ON_DARK, alt: walletAlt, className: "pollar-tx-wallet-img pollar-logo-on-dark" })
+        ] }) })
       ] }),
+      statusBanner,
       isInFlight && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-tx-spinner-label", children: walletType === core.WalletType.FREIGHTER ? "Waiting for Freighter\u2026" : walletType === core.WalletType.ALBEDO ? "Waiting for Albedo\u2026" : "Signing and sending\u2026" }),
       isError && onRetry && "buildData" in transaction && transaction.buildData && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-secondary pollar-tx-retry-btn", onClick: onRetry, children: "Try again" })
     ] }),
@@ -5333,13 +5906,7 @@ function TxStatusView({
       ] })
     ] }),
     isSuccess && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-primary pollar-tx-sign-btn", onClick: onDone, children: "Done" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ModalStatusBanner,
-      {
-        message: STATUS_MESSAGES[transaction.step],
-        status: isError ? "ERROR" : isInFlight ? "LOADING" : isSuccess ? "SUCCESS" : "NONE"
-      }
-    )
+    !showSpinner && statusBanner
   ] });
 }
 function formatBalance(balance) {
@@ -5356,6 +5923,11 @@ function chainLabel(chain) {
   if (chain === "POLYGON") return "Polygon";
   return "network";
 }
+function destinationPlaceholder(chain) {
+  if (chain === "SOLANA") return "Solana address";
+  if (chain === "POLYGON") return "0x\u2026";
+  return "G\u2026";
+}
 function AssetIcon({ code }) {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-asset-icon", "aria-hidden": true, children: code.slice(0, 2).toUpperCase() });
 }
@@ -5473,6 +6045,10 @@ function SendModalTemplate({
   onMax,
   onPaste,
   onDestinationChange,
+  memo = "",
+  memoType = "text",
+  onMemoChange,
+  onMemoTypeChange,
   onSubmit,
   onSignAndSend,
   onToggleXdr,
@@ -5580,7 +6156,7 @@ function SendModalTemplate({
                 {
                   className: "pollar-input pollar-send-destination-input",
                   type: "text",
-                  placeholder: "G\u2026",
+                  placeholder: destinationPlaceholder(selectedChain),
                   value: destination,
                   onChange: (e) => onDestinationChange(e.target.value),
                   "aria-label": "Destination wallet"
@@ -5589,6 +6165,39 @@ function SendModalTemplate({
               /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-send-inline-action", onClick: onPaste, children: "Paste" })
             ] })
           ] }),
+          selectedChain === "STELLAR" && onMemoChange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pollar-send-label", htmlFor: "pollar-send-memo", children: [
+              "Memo ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-label-optional", children: "(optional)" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-memo-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "select",
+                {
+                  className: "pollar-input pollar-send-memo-type",
+                  value: memoType,
+                  onChange: (e) => onMemoTypeChange?.(e.target.value),
+                  "aria-label": "Memo type",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "text", children: "Text" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "id", children: "ID" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  id: "pollar-send-memo",
+                  className: "pollar-input pollar-send-memo-input",
+                  type: "text",
+                  inputMode: memoType === "id" ? "numeric" : "text",
+                  placeholder: memoType === "id" ? "123456789" : "Up to 28 characters",
+                  value: memo,
+                  onChange: (e) => onMemoChange(e.target.value)
+                }
+              )
+            ] })
+          ] }),
           formError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: formError }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-primary", onClick: onSubmit, disabled: !canSubmit, children: "Continue" }) })
         ] }),
@@ -5612,6 +6221,21 @@ function SendModalTemplate({
     }
   );
 }
+var MAX_MEMO_ID = 18446744073709551615n;
+var SOLANA_FEE_MARGIN_LAMPORTS = 10000n;
+function solanaMaxAfterFee(available) {
+  const lamports = BigInt(core.toBaseUnits(available, 9)) - SOLANA_FEE_MARGIN_LAMPORTS;
+  return core.fromBaseUnits((lamports > 0n ? lamports : 0n).toString(), 9);
+}
+function parseMemo(type, raw) {
+  const value = type === "id" ? raw.trim() : raw;
+  if (value.trim() === "") return void 0;
+  if (type === "text") {
+    return new TextEncoder().encode(value).length > 28 ? "The memo text can be at most 28 bytes." : { type, value };
+  }
+  if (!/^\d+$/.test(value) || BigInt(value) > MAX_MEMO_ID) return "The memo ID must be a whole number up to 2^64 - 1.";
+  return { type, value };
+}
 function assetParam(record) {
   if (record.type === "native") return { type: "native" };
   if (record.type === "credit_alphanum4") {
@@ -5636,6 +6260,8 @@ function SendModal({ onClose }) {
   const [step, setStep] = react.useState("form");
   const [amount, setAmount] = react.useState("");
   const [destination, setDestination] = react.useState("");
+  const [memo, setMemo] = react.useState("");
+  const [memoType, setMemoType] = react.useState("text");
   const [selectedAsset, setSelectedAsset] = react.useState(null);
   const [showXdr, setShowXdr] = react.useState(false);
   const [copied, setCopied] = react.useState(false);
@@ -5646,9 +6272,10 @@ function SendModal({ onClose }) {
   react.useEffect(() => {
     if (selectedChain === null && chains.length > 0) setSelectedChain(chains[0]);
   }, [chains, selectedChain]);
-  const canSendOnChain = selectedChain === "STELLAR" || selectedChain === "SOLANA";
+  const canSendOnChain = selectedChain === "STELLAR" || selectedChain === "SOLANA" || selectedChain === "POLYGON";
   const notReadyReason = walletNotReadyReason(wallet, selectedChain);
-  const isBaseUnitChain = selectedChain === "SOLANA";
+  const isBaseUnitChain = selectedChain === "SOLANA" || selectedChain === "POLYGON";
+  const nativeDecimals = selectedChain === "POLYGON" ? 18 : 9;
   react.useEffect(() => {
     void refreshWalletBalance();
   }, [refreshWalletBalance]);
@@ -5676,7 +6303,7 @@ function SendModal({ onClose }) {
   const hash = transaction.step === "success" ? transaction.hash : null;
   const buildData = "buildData" in transaction ? transaction.buildData : null;
   const explorerNetwork = buildData?.summary.network?.toLowerCase().includes("testnet") ? "testnet" : buildData ? "public" : network === "testnet" ? "testnet" : "public";
-  const explorerUrl = !hash ? null : selectedChain === "SOLANA" ? `https://explorer.solana.com/tx/${hash}${explorerNetwork === "testnet" ? "?cluster=devnet" : ""}` : `https://stellar.expert/explorer/${explorerNetwork}/tx/${hash}`;
+  const explorerUrl = !hash ? null : selectedChain === "SOLANA" ? `https://explorer.solana.com/tx/${hash}${explorerNetwork === "testnet" ? "?cluster=devnet" : ""}` : selectedChain === "POLYGON" ? `https://${explorerNetwork === "testnet" ? "amoy." : ""}polygonscan.com/tx/${hash}` : `https://stellar.expert/explorer/${explorerNetwork}/tx/${hash}`;
   const IN_FLIGHT_STEPS3 = [
     "building",
     "signing",
@@ -5715,33 +6342,42 @@ function SendModal({ onClose }) {
       setFormError("Enter a destination address");
       return;
     }
+    const parsedMemo = selectedChain === "STELLAR" ? parseMemo(memoType, memo) : void 0;
+    if (typeof parsedMemo === "string") {
+      setFormError(parsedMemo);
+      return;
+    }
     const isNativeAsset = selectedAsset.type === "native";
     if (isBaseUnitChain && !isNativeAsset && (!selectedAsset.issuer || selectedAsset.decimals === void 0)) {
-      setFormError("This token is missing its mint or decimals and cannot be sent.");
+      setFormError("This token is missing its contract or decimals and cannot be sent.");
       return;
     }
     let sendAmount = amount;
     if (isBaseUnitChain) {
       try {
-        sendAmount = core.toBaseUnits(amount, selectedAsset.decimals ?? 9);
+        sendAmount = core.toBaseUnits(amount, selectedAsset.decimals ?? nativeDecimals);
       } catch (e) {
         setFormError(e instanceof Error ? e.message : "Invalid amount");
         return;
       }
     }
     setStep("tx");
-    if (selectedChain === "SOLANA") {
+    if (selectedChain === "SOLANA" || selectedChain === "POLYGON") {
       await sendPayment({
-        chain: "SOLANA",
+        chain: selectedChain,
         destination: destination.trim(),
         amount: sendAmount,
-        // Native SOL carries no mint; an SPL token's mint rides in `issuer`,
-        // which the guard above proved is present.
+        // A native coin carries no token id; an SPL mint or ERC-20 contract rides
+        // in `issuer`, which the guard above proved is present.
         ...isNativeAsset ? {} : { mint: selectedAsset.issuer }
       });
       return;
     }
-    await buildTx("payment", { destination: destination.trim(), amount, asset: assetParam(selectedAsset) });
+    await buildTx(
+      "payment",
+      { destination: destination.trim(), amount, asset: assetParam(selectedAsset) },
+      parsedMemo ? { memo: parsedMemo } : void 0
+    );
   }
   function handleSignAndSend() {
     if (transaction.step === "built") {
@@ -5750,7 +6386,15 @@ function SendModal({ onClose }) {
   }
   function handleMax() {
     if (selectedAsset?.available !== null && selectedAsset?.available !== void 0) {
-      setAmount(selectedAsset.available);
+      const paysOwnSolFee = selectedChain === "SOLANA" && selectedAsset.type === "native" && selectedAsset.sponsored !== true;
+      let max = selectedAsset.available;
+      if (paysOwnSolFee) {
+        try {
+          max = solanaMaxAfterFee(selectedAsset.available);
+        } catch {
+        }
+      }
+      setAmount(max);
       setFormError("");
     }
   }
@@ -5826,6 +6470,10 @@ function SendModal({ onClose }) {
       onMax: handleMax,
       onPaste: handlePaste,
       onDestinationChange: setDestination,
+      memo,
+      memoType,
+      onMemoChange: setMemo,
+      onMemoTypeChange: setMemoType,
       onSubmit: () => void handleSubmit(),
       onSignAndSend: handleSignAndSend,
       onToggleXdr: () => setShowXdr((v) => !v),
@@ -6233,7 +6881,7 @@ function SwapModalTemplate({
             onDone
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, { shield: true })
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
       ]
     }
   );
@@ -6945,9 +7593,12 @@ function EarnModal({ onClose }) {
 var nonEmpty2 = (value) => typeof value === "string" && !!value.trim();
 function requiredCardStep(error) {
   if (!error || typeof error !== "object") return null;
-  const { code, body } = error;
-  if (code !== "SDK_CARDS_REQUIREMENT_REQUIRED" || !body || typeof body !== "object") return null;
-  const { cardProviderId, requirementType, optionId } = body;
+  if (!("code" in error) || error.code !== "SDK_CARDS_REQUIREMENT_REQUIRED") return null;
+  const body = "body" in error ? error.body : void 0;
+  if (typeof body !== "object" || body === null) return null;
+  const cardProviderId = "cardProviderId" in body ? body.cardProviderId : void 0;
+  const requirementType = "requirementType" in body ? body.requirementType : void 0;
+  const optionId = "optionId" in body ? body.optionId : void 0;
   if (!nonEmpty2(cardProviderId) || !nonEmpty2(optionId)) return null;
   if (requirementType === "KYC" || requirementType === "FORM" || requirementType === "REGISTRY_CHECK" || requirementType === "PROVIDER_REGISTRATION") {
     return { cardProviderId, type: requirementType, optionId };
@@ -7601,15 +8252,17 @@ function CardModal({ onClose }) {
           transactions === null && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-card-note", children: "Loading..." }),
           transactions?.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-card-note", children: "No movements yet." }),
           transactions?.map((tx) => {
-            const purchase = tx.purchase;
-            const local = purchase?.localAmount && purchase.localCurrency && purchase.localCurrency !== "USD" ? money(String(purchase.localAmount), purchase.localCurrency) : null;
+            const localAmount = typeof tx.purchase?.localAmount === "number" ? tx.purchase.localAmount : null;
+            const localCurrency = typeof tx.purchase?.localCurrency === "string" ? tx.purchase.localCurrency : null;
+            const purchaseStatus = typeof tx.purchase?.status === "string" ? tx.purchase.status : null;
+            const local = localAmount && localCurrency && localCurrency !== "USD" ? money(String(localAmount), localCurrency) : null;
             return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-card-tx", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 tx.merchantName ?? TX_LABELS[tx.type] ?? tx.type,
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-card-tx-meta", children: [
                   new Date(tx.occurredAt).toLocaleDateString(),
                   tx.merchantName ? ` \xB7 ${TX_LABELS[tx.type] ?? tx.type}` : "",
-                  purchase?.status && purchase.status !== "completed" ? ` \xB7 ${purchase.status}` : ""
+                  purchaseStatus && purchaseStatus !== "completed" ? ` \xB7 ${purchaseStatus}` : ""
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-card-tx-amount", "data-direction": tx.direction ?? void 0, children: [
@@ -7979,6 +8632,843 @@ function SessionsModal({ onClose }) {
     }
   ) });
 }
+function useCosign() {
+  const { getClient, isAuthenticated } = usePollar();
+  const [state, setState] = react.useState({ pending: [] });
+  const [loaded, setLoaded] = react.useState(false);
+  react.useEffect(() => getClient().onCosignStateChange(setState), [getClient]);
+  const refresh = react.useCallback(async () => {
+    if (!isAuthenticated) return;
+    try {
+      await getClient().cosign.pending();
+    } finally {
+      setLoaded(true);
+    }
+  }, [getClient, isAuthenticated]);
+  react.useEffect(() => {
+    void refresh();
+  }, [refresh]);
+  return {
+    pending: state.pending,
+    ...state.lastResolved ? { lastResolved: state.lastResolved } : {},
+    loaded,
+    refresh,
+    approve: react.useCallback((request) => getClient().cosign.approve(request), [getClient]),
+    reject: react.useCallback((request) => getClient().cosign.reject(request), [getClient]),
+    verify: react.useCallback((request) => getClient().cosign.verify(request), [getClient]),
+    inspectQuorum: react.useCallback(() => getClient().cosign.inspectQuorum(), [getClient]),
+    devices: react.useCallback(() => getClient().cosign.devices(), [getClient]),
+    revokeDevice: react.useCallback(
+      (deviceId, options) => getClient().cosign.revokeDevice(deviceId, options),
+      [getClient]
+    ),
+    switchCustody: react.useCallback((to) => getClient().cosign.switchCustody(to), [getClient])
+  };
+}
+var OPERATION_LABELS = {
+  payment: "Send",
+  path_payment_strict_send: "Swap",
+  change_trust: "Add asset",
+  create_account: "Create account",
+  invoke_contract: "Contract call",
+  manage_data: "Manage data"
+};
+function labelOf(request) {
+  const op = request.operation ?? "";
+  return OPERATION_LABELS[op] ?? (op ? op.replace(/_/g, " ") : "Transaction");
+}
+function expiresIn(request) {
+  const ms = new Date(request.expiresAt).getTime() - Date.now();
+  if (!Number.isFinite(ms) || ms <= 0) return "expired";
+  const h = Math.floor(ms / 36e5);
+  const m = Math.floor(ms % 36e5 / 6e4);
+  return h > 0 ? `${h}h ${m}m` : `${m}m`;
+}
+function readableAmount(details) {
+  const { amount, decimals, symbol } = details;
+  if (typeof amount !== "string" || typeof decimals !== "number" || typeof symbol !== "string") return null;
+  try {
+    return { amount: core.fromBaseUnits(amount, decimals), symbol };
+  } catch {
+    return null;
+  }
+}
+function detailRows(request) {
+  const details = request.details ?? {};
+  const rows = [];
+  const push = (label, value) => {
+    if (value === void 0 || value === null || value === "") return;
+    rows.push([
+      label,
+      typeof value === "string" && value.length > 24 && /^[GC][A-Z2-7]{55}$/.test(value) ? cropAddress(value) : String(value)
+    ]);
+  };
+  push("Destination", details.destination);
+  const readable = readableAmount(details);
+  push("Amount", readable ? `${readable.amount} ${readable.symbol}` : details.amount);
+  push("Asset", details.asset ?? details.assetCode ?? readable?.symbol);
+  push("Network", request.network);
+  return rows;
+}
+function CloseIcon2() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3 3 8 8M11 3l-8 8", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" }) });
+}
+function CosignModalTemplate({
+  theme,
+  accentColor,
+  styleOverrides,
+  pending,
+  current,
+  verification,
+  busy,
+  error,
+  approveBlocked = false,
+  lastResolved,
+  explorerUrl,
+  onSelect,
+  onApprove,
+  onReject,
+  onClose
+}) {
+  const cssVars = buildModalCssVars(theme, accentColor, styleOverrides);
+  const verified = verification?.ok === true;
+  const canVote = !!current && verified && !busy && !approveBlocked;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-cosign-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Confirm with your device" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", title: "Close", children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon2, {}) }) })
+        ] }),
+        pending.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-cosign-empty", children: lastResolved ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          lastResolved.status === "APPROVED" && /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "pollar-cosign-approved-icon", width: "44", height: "44", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                d: "M3.5 7l2.5 2.5 4.5-5",
+                stroke: "white",
+                strokeWidth: "1.2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-empty-title", children: lastResolved.status === "APPROVED" ? "Approved" : lastResolved.status === "REJECTED" ? "Rejected" : lastResolved.status.toLowerCase() }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-muted", children: lastResolved.submit?.hash ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            "Sent. Transaction",
+            " ",
+            explorerUrl ? /* @__PURE__ */ jsxRuntime.jsx("a", { className: "pollar-cosign-tx-link", href: explorerUrl, target: "_blank", rel: "noopener noreferrer", children: cropAddress(lastResolved.submit.hash) }) : cropAddress(lastResolved.submit.hash)
+          ] }) : lastResolved.signedXdr ? "Signed. The app will send it." : "Nothing was signed." })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-muted", children: "Nothing waits for your approval." }) }),
+        pending.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "pollar-cosign-list", children: pending.map((r) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: `pollar-cosign-item${current?.id === r.id ? " pollar-cosign-item-active" : ""}`,
+            onClick: () => onSelect(r),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: labelOf(r) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-cosign-muted", children: expiresIn(r) })
+            ]
+          }
+        ) }, r.id)) }),
+        current && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-detail", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-detail-title", children: labelOf(current) }),
+          current.summary && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-muted", children: current.summary }),
+          /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "pollar-cosign-rows", children: [
+            detailRows(current).map(([k, v]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("dt", { children: k }),
+              /* @__PURE__ */ jsxRuntime.jsx("dd", { children: v })
+            ] }, k)),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Expires in" }),
+              /* @__PURE__ */ jsxRuntime.jsx("dd", { children: expiresIn(current) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: `pollar-cosign-verify pollar-cosign-verify-${verification ? verification.ok ? "ok" : "bad" : "pending"}`,
+              children: [
+                !verification && "Checking the transaction against Turnkey...",
+                verification?.ok && "Verified: this is exactly what will be signed.",
+                verification && !verification.ok && `Not verified: ${verification.reason}`
+              ]
+            }
+          ),
+          error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-cosign-error", children: error }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-actions", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-cosign-btn pollar-cosign-btn-secondary",
+                disabled: !!busy,
+                onClick: () => onReject(current),
+                children: busy === "rejecting" ? "Rejecting..." : "Reject"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-cosign-btn pollar-cosign-btn-primary",
+                disabled: !canVote,
+                onClick: () => onApprove(current),
+                children: busy === "approving" ? "Approving..." : "Approve"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+function CosignModal({ onClose }) {
+  const { getClient, styles, network } = usePollar();
+  const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
+  const { pending, lastResolved, approve, reject, verify, inspectQuorum } = useCosign();
+  const [selectedId, setSelectedId] = react.useState(null);
+  const [verification, setVerification] = react.useState(null);
+  const [busy, setBusy] = react.useState(null);
+  const [error, setError] = react.useState(null);
+  const [approveFailedFor, setApproveFailedFor] = react.useState(null);
+  const [quorumFailure, setQuorumFailure] = react.useState(null);
+  react.useEffect(() => {
+    let cancelled = false;
+    inspectQuorum().then((q) => {
+      if (!cancelled && !q.ok) setQuorumFailure(q.reason);
+    }).catch(() => void 0);
+    return () => {
+      cancelled = true;
+    };
+  }, [inspectQuorum]);
+  const current = pending.find((r) => r.id === selectedId) ?? pending[0] ?? null;
+  const currentRef = react.useRef(current);
+  currentRef.current = current;
+  const currentId = current?.id ?? null;
+  react.useEffect(() => {
+    const request = currentRef.current;
+    if (!request) return;
+    setVerification(null);
+    setError(null);
+    setApproveFailedFor(null);
+    let cancelled = false;
+    verify(request).then((v) => {
+      if (!cancelled) setVerification(v);
+    }).catch((err) => {
+      if (!cancelled) setVerification({ ok: false, reason: err instanceof Error ? err.message : String(err) });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [currentId, verify]);
+  const onCloseRef = react.useRef(onClose);
+  onCloseRef.current = onClose;
+  react.useEffect(() => {
+    return getClient().onAuthStateChange((authState) => {
+      if (authState.step === "idle") onCloseRef.current();
+    });
+  }, [getClient]);
+  const run = react.useCallback(
+    async (kind, request, action) => {
+      setBusy(kind);
+      setError(null);
+      try {
+        await action(request);
+      } catch (err) {
+        setError(core.transactionErrorMessage(core.isPollarApiError(err) ? err.code : null, err instanceof Error ? err.message : null));
+        if (kind === "approving") setApproveFailedFor(request.id);
+      } finally {
+        setBusy(null);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(
+    CosignModalTemplate,
+    {
+      theme,
+      accentColor,
+      styleOverrides,
+      pending,
+      current,
+      verification: current ? quorumFailure ? { ok: false, reason: quorumFailure } : verification : null,
+      busy,
+      error,
+      approveBlocked: !!current && approveFailedFor === current.id,
+      ...lastResolved ? { lastResolved } : {},
+      explorerUrl: lastResolved?.submit?.hash ? explorerTxUrl(lastResolved.network, lastResolved.submit.hash, network) : null,
+      onSelect: (r) => setSelectedId(r.id),
+      onApprove: (r) => void run("approving", r, approve),
+      onReject: (r) => void run("rejecting", r, reject),
+      onClose
+    }
+  ) });
+}
+var CHAIN_NAME3 = { STELLAR: "Stellar", SOLANA: "Solana", POLYGON: "Polygon" };
+var short = (address) => `${address.slice(0, 6)}...${address.slice(-4)}`;
+var SELF_CUSTODY_RISKS = "In a self-custody wallet only your device can sign. If you lose this device and every recovery method, nobody can recover the wallet or its funds, not the app and not Pollar. Nobody can undo or freeze a transaction you sign.";
+function CustodyMigrationModalTemplate(p) {
+  const cssVars = buildModalCssVars(p.theme, p.accentColor, p.styleOverrides);
+  const [pick, setPick] = react.useState(p.state.choice ? null : p.state.toCustody);
+  const [risksAccepted, setRisksAccepted] = react.useState(false);
+  const custody = p.state.choice ? pick : p.state.toCustody;
+  const canMove = !!custody && (custody !== "SELF_CUSTODY" || risksAccepted) && !p.busy;
+  const moving = p.state.wallets.filter((w) => w.required);
+  const changing = moving.filter((w) => w.addressChanges);
+  const failed = moving.some((w) => w.status === "FAILED");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-recovery-modal", "data-theme": p.theme, style: cssVars, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Move your wallets to this device" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-recovery-body", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-recovery-muted", children: "Until now Pollar held the keys of your wallets. This app now keeps wallets on its users' devices, so they move here, with everything they hold." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "What moves" }),
+        moving.map((w) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-recovery-item", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            CHAIN_NAME3[w.chain] ?? w.chain,
+            " \xB7 ",
+            short(w.address)
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-recovery-tag", children: w.addressChanges ? "New address" : "Same address" })
+        ] }, w.chain))
+      ] }),
+      changing.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "alert", children: [
+        "Your ",
+        changing.map((w) => CHAIN_NAME3[w.chain] ?? w.chain).join(" and "),
+        " address changes: every token and the balance go to a new address on this device. Stop sharing the old one; anything sent there later needs help from support to recover."
+      ] }),
+      p.state.choice && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Choose how your wallet signs" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pollar-recovery-check", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "radio", name: "custody", checked: pick === "COSIGNED", onChange: () => setPick("COSIGNED") }),
+          " ",
+          "Co-signed: you and the app approve every signature together, and the wallet can be recovered with help."
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pollar-recovery-check", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "radio", name: "custody", checked: pick === "SELF_CUSTODY", onChange: () => setPick("SELF_CUSTODY") }),
+          " ",
+          "Self-custody: only your device signs. Nobody else can move or recover your funds."
+        ] })
+      ] }),
+      custody === "SELF_CUSTODY" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "alert", children: SELF_CUSTODY_RISKS }),
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pollar-recovery-check", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: risksAccepted, onChange: (e) => setRisksAccepted(e.target.checked) }),
+          " I understand and accept these risks"
+        ] })
+      ] }),
+      failed && !p.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-recovery-error", role: "alert", children: "The last attempt did not finish. What did not move is still where it was; try again." }),
+      p.blockedReasons && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "alert", children: [
+        "A wallet cannot move while something still uses it: ",
+        p.blockedReasons.join(", "),
+        ". Let it finish and try again."
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: "pollar-recovery-btn pollar-recovery-btn-primary",
+          onClick: () => custody && p.onMove(p.state.choice ? custody : void 0),
+          disabled: !canMove,
+          children: p.busy ? "Moving your wallets..." : "Move my wallets"
+        }
+      ),
+      p.blockedReasons && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-recovery-btn pollar-recovery-btn-quiet", onClick: p.onLater, disabled: p.busy, children: "Continue for now" }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-recovery-btn pollar-recovery-btn-quiet", onClick: p.onLogout, disabled: p.busy, children: "Log out" }),
+      p.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-recovery-error", role: "alert", children: p.error })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+  ] });
+}
+function CustodyMigrationModal({ state, onMoved, onLater }) {
+  const { getClient, styles } = usePollar();
+  const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
+  const [busy, setBusy] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [blockedReasons, setBlockedReasons] = react.useState(null);
+  async function move(custody) {
+    setBusy(true);
+    setError(null);
+    setBlockedReasons(null);
+    try {
+      await getClient().cosign.migrateWallets(custody);
+      onMoved();
+    } catch (err) {
+      if (core.isPollarApiError(err) && err.code === "SDK_CUSTODY_MIGRATION_BLOCKED") {
+        const reasons = err.body.reasons;
+        setBlockedReasons(Array.isArray(reasons) ? reasons.map(String) : []);
+        return;
+      }
+      setError(core.transactionErrorMessage(core.isPollarApiError(err) ? err.code : null, err instanceof Error ? err.message : null));
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", style: overlayStyle, children: /* @__PURE__ */ jsxRuntime.jsx(
+    CustodyMigrationModalTemplate,
+    {
+      theme,
+      accentColor,
+      styleOverrides,
+      state,
+      busy,
+      error,
+      blockedReasons,
+      onMove: (custody) => void move(custody),
+      onLater,
+      onLogout: () => void getClient().logout()
+    }
+  ) });
+}
+function CloseIcon3() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3 3 8 8M11 3l-8 8", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" }) });
+}
+var shortKey = (key) => `${key.slice(0, 6)}...${key.slice(-4)}`;
+function Button(props) {
+  const running = props.busy === props.id;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className: `pollar-recovery-btn pollar-recovery-btn-${props.kind ?? "quiet"}`,
+      onClick: props.onClick,
+      disabled: props.disabled || props.busy !== null,
+      children: running ? props.busyLabel ?? "Working..." : props.label
+    }
+  );
+}
+function CodeForm(props) {
+  const [code, setCode] = react.useState("");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      className: "pollar-recovery-row",
+      onSubmit: (e) => {
+        e.preventDefault();
+        if (code.trim()) props.onSubmit(code);
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            className: "pollar-recovery-input",
+            value: code,
+            onChange: (e) => setCode(e.target.value),
+            placeholder: "Code from the email",
+            autoComplete: "one-time-code",
+            "aria-label": "Code from the email"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            busy: props.busy,
+            id: props.id,
+            label: props.label,
+            kind: "primary",
+            onClick: () => code.trim() && props.onSubmit(code)
+          }
+        )
+      ]
+    }
+  );
+}
+function RecoveryModalTemplate(p) {
+  const cssVars = buildModalCssVars(p.theme, p.accentColor, p.styleOverrides);
+  const [exportAccepted, setExportAccepted] = react.useState(false);
+  const [risksAccepted, setRisksAccepted] = react.useState(false);
+  const state = p.state;
+  const locked = !!state && state.required && !state.configured;
+  const risksPending = locked && p.selfCustodyRisks && !risksAccepted;
+  const lastMethod = !!state && state.passkeys.length + (state.email.verified ? 1 : 0) + (state.devices.length >= 2 ? 1 : 0) <= 1;
+  let body;
+  if (!state) {
+    body = /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-recovery-muted", children: "Loading your wallet's recovery methods..." });
+  } else if (!state.required) {
+    body = /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-recovery-muted", children: "This wallet doesn't need recovery methods: it isn't secured by your device." });
+  } else if (!p.thisDeviceEnrolled && p.view !== "recover-email") {
+    body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "status", children: "This device isn't part of your wallet yet. Get back in with one of your recovery methods, or ask a device that already has the wallet to add this one." }),
+      state.passkeys.length > 0 && p.passkeyAvailable && /* @__PURE__ */ jsxRuntime.jsx(Button, { busy: p.busy, id: "recover-passkey", label: "Use a passkey", kind: "primary", onClick: p.onRecoverWithPasskey }),
+      state.email.verified && /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          busy: p.busy,
+          id: "recover-send",
+          label: `Email a code to ${state.email.address ?? "your email"}`,
+          onClick: () => p.onView("recover-email")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { busy: p.busy, id: "enroll", label: "Ask another device to add this one", onClick: p.onRequestEnrollment })
+    ] });
+  } else if (risksPending && p.view === "overview") {
+    body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "alert", children: "This is a self-custody wallet: only your device can sign. If you lose this device and every recovery method, nobody can recover the wallet or its funds, not the app and not Pollar. Nobody can undo or freeze a transaction you sign." }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          busy: p.busy,
+          id: "accept-risks",
+          label: "I understand and accept these risks",
+          kind: "primary",
+          onClick: () => setRisksAccepted(true)
+        }
+      )
+    ] });
+  } else if (p.view === "recover-email") {
+    body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "pollar-recovery-muted", children: [
+        "We'll email a code to ",
+        state.email.address,
+        ". The code goes straight to the wallet provider, encrypted on this device."
+      ] }),
+      !p.codeSent ? /* @__PURE__ */ jsxRuntime.jsx(Button, { busy: p.busy, id: "recover-send", label: "Send code", kind: "primary", onClick: p.onSendRecoveryCode }) : /* @__PURE__ */ jsxRuntime.jsx(CodeForm, { busy: p.busy, id: "recover-code", label: "Recover", onSubmit: p.onRecoverWithCode }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { busy: p.busy, id: "back", label: "Back", onClick: () => p.onView("overview") })
+    ] });
+  } else if (p.view === "email") {
+    body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-recovery-muted", children: "Confirm an email you control. If you lose this device, a code sent there lets you add a new one. Anyone who controls this inbox could do the same, so use one that is well protected." }),
+      !p.codeSent ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          className: "pollar-recovery-row",
+          onSubmit: (e) => {
+            e.preventDefault();
+            p.onSendEmailCode();
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                className: "pollar-recovery-input",
+                type: "email",
+                value: p.emailDraft,
+                onChange: (e) => p.onEmailDraft(e.target.value),
+                placeholder: "you@example.com",
+                "aria-label": "Email"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                busy: p.busy,
+                id: "email-send",
+                label: "Send code",
+                kind: "primary",
+                onClick: p.onSendEmailCode,
+                disabled: !p.emailDraft.trim()
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(CodeForm, { busy: p.busy, id: "email-confirm", label: "Confirm", onSubmit: p.onConfirmEmail }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { busy: p.busy, id: "back", label: "Back", onClick: () => p.onView("overview") })
+    ] });
+  } else if (p.view === "export") {
+    body = p.phrase ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "alert", children: "Anyone with these words controls every account in this wallet. Write them down offline and never share them." }),
+      /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "pollar-recovery-phrase", children: p.phrase }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { busy: p.busy, id: "hide", label: "Hide", kind: "primary", onClick: () => p.onView("overview") })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-recovery-muted", children: "Your recovery phrase lets you take this wallet to another app. It is decrypted only on this device; the app and Pollar never see it." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pollar-recovery-check", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", checked: exportAccepted, onChange: (e) => setExportAccepted(e.target.checked) }),
+        " I understand that whoever sees the phrase controls the wallet"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          busy: p.busy,
+          id: "export",
+          label: "Show recovery phrase",
+          kind: "danger",
+          onClick: p.onExport,
+          disabled: !exportAccepted
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { busy: p.busy, id: "back", label: "Back", onClick: () => p.onView("overview") })
+    ] });
+  } else {
+    const enrollments = p.devices?.enrollments ?? [];
+    body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      locked ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "alert", children: "Your wallet is locked until you add a way to recover it. Without one, losing this device means losing the funds, and nobody can get them back, not the app and not Pollar. Add a passkey, a second device or your email." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-recovery-banner pollar-recovery-banner-ok", role: "status", children: "Your wallet can be recovered if you lose this device." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Passkeys" }),
+        state.passkeys.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-recovery-muted", children: "No passkey yet." }),
+        state.passkeys.map((pk) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-recovery-item", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: pk.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              busy: p.busy,
+              id: `passkey:${pk.authenticatorId}`,
+              label: "Remove",
+              kind: "danger",
+              onClick: () => p.onRemovePasskey(pk.authenticatorId),
+              disabled: lastMethod
+            }
+          )
+        ] }, pk.authenticatorId)),
+        p.passkeyAvailable ? /* @__PURE__ */ jsxRuntime.jsx(Button, { busy: p.busy, id: "passkey", label: "Add a passkey", onClick: p.onAddPasskey }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-recovery-muted", children: "Passkeys aren't available on this device." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Email" }),
+        state.email.verified ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-recovery-item", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: state.email.address }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-recovery-tag", children: "Confirmed" })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx(Button, { busy: p.busy, id: "email", label: "Confirm an email", onClick: () => p.onView("email") })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Devices" }),
+        (p.devices?.devices ?? []).map((d) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-recovery-item", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: d.label ?? shortKey(d.publicKey) }),
+          d.publicKey.toLowerCase() === p.thisDeviceKey && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-recovery-tag", children: "This device" })
+        ] }, d.id)),
+        enrollments.map((e) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-recovery-item pollar-recovery-item-pending", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            e.label ?? "A device",
+            " wants to join (",
+            shortKey(e.publicKey),
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-recovery-actions", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                busy: p.busy,
+                id: `approve:${e.id}`,
+                label: "Approve",
+                kind: "primary",
+                onClick: () => p.onApproveDevice(e.id)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(Button, { busy: p.busy, id: `reject:${e.id}`, label: "Reject", onClick: () => p.onRejectDevice(e.id) })
+          ] })
+        ] }, e.id)),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-recovery-muted", children: 'To add another device, sign in there and choose "Ask another device to add this one"; it shows up here to approve. Only approve a device you are holding.' })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Recovery phrase" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { busy: p.busy, id: "export", label: "Export recovery phrase", onClick: () => p.onView("export") })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-recovery-modal",
+      "data-theme": p.theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Wallet recovery" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: p.onClose, "aria-label": "Close", title: "Close", children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon3, {}) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-recovery-body", children: [
+          body,
+          p.notice && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-recovery-notice", role: "status", children: p.notice }),
+          p.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-recovery-error", role: "alert", children: p.error })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+function errorText2(err) {
+  return core.transactionErrorMessage(core.isPollarApiError(err) ? err.code : null, err instanceof Error ? err.message : null);
+}
+function RecoveryModal({ onClose }) {
+  const { getClient, styles, refreshRecovery, appConfig } = usePollar();
+  const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
+  const recovery = getClient().cosign.recovery;
+  const [state, setState] = react.useState(null);
+  const [devices, setDevices] = react.useState(null);
+  const [thisDeviceKey, setThisDeviceKey] = react.useState(null);
+  const [view, setView] = react.useState("overview");
+  const [busy, setBusy] = react.useState(null);
+  const [error, setError] = react.useState(null);
+  const [notice, setNotice] = react.useState(null);
+  const [emailDraft, setEmailDraft] = react.useState("");
+  const [codeSent, setCodeSent] = react.useState(false);
+  const [phrase, setPhrase] = react.useState(null);
+  const load = react.useCallback(async () => {
+    const client = getClient();
+    const [nextState, nextDevices, key] = await Promise.all([
+      client.cosign.recovery.status(),
+      client.cosign.devices(),
+      client.cosign.publicKeyHex()
+    ]);
+    setState(nextState);
+    setDevices(nextDevices);
+    setThisDeviceKey(key.toLowerCase());
+    if (nextState.email.address) setEmailDraft((d) => d || nextState.email.address);
+    refreshRecovery();
+  }, [getClient, refreshRecovery]);
+  react.useEffect(() => {
+    load().catch((err) => setError(errorText2(err)));
+  }, [load]);
+  const onCloseRef = react.useRef(onClose);
+  onCloseRef.current = onClose;
+  react.useEffect(
+    () => getClient().onAuthStateChange((authState) => {
+      if (authState.step === "idle") onCloseRef.current();
+    }),
+    [getClient]
+  );
+  const run = react.useCallback(
+    async (key, action, after) => {
+      setBusy(key);
+      setError(null);
+      setNotice(null);
+      try {
+        await action();
+        await load();
+        if (after?.notice) setNotice(after.notice);
+        if (after?.view) setView(after.view);
+      } catch (err) {
+        setError(errorText2(err));
+      } finally {
+        setBusy(null);
+      }
+    },
+    [load]
+  );
+  const enrolled = !!thisDeviceKey && !!devices?.devices.some((d) => d.publicKey.toLowerCase() === thisDeviceKey);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(
+    RecoveryModalTemplate,
+    {
+      theme,
+      accentColor,
+      styleOverrides,
+      state,
+      devices,
+      thisDeviceKey,
+      thisDeviceEnrolled: enrolled,
+      passkeyAvailable: recovery.passkeyAvailable,
+      selfCustodyRisks: appConfig.application?.walletCustodyMode === "SELF_CUSTODY" && devices?.custody === "SELF_CUSTODY",
+      view,
+      busy,
+      error,
+      notice,
+      emailDraft,
+      codeSent,
+      phrase,
+      onView: (next) => {
+        setError(null);
+        setNotice(null);
+        setCodeSent(false);
+        if (next !== "export") setPhrase(null);
+        setView(next);
+      },
+      onEmailDraft: setEmailDraft,
+      onAddPasskey: () => void run("passkey", () => recovery.addPasskey(), { notice: "Passkey added." }),
+      onRemovePasskey: (id) => void run(`passkey:${id}`, () => recovery.removePasskey(id)),
+      onSendEmailCode: () => void run("email-send", async () => {
+        await recovery.startEmail(emailDraft.trim());
+        setCodeSent(true);
+      }),
+      onConfirmEmail: (code) => void run("email-confirm", () => recovery.confirmEmail(code.trim()), { notice: "Email confirmed.", view: "overview" }),
+      onApproveDevice: (id) => void run(`approve:${id}`, () => recovery.approveDevice(id), { notice: "Device added." }),
+      onRejectDevice: (id) => void run(`reject:${id}`, () => recovery.rejectDevice(id)),
+      onRequestEnrollment: () => void run("enroll", () => recovery.requestDeviceEnrollment(), {
+        notice: "Request sent. Approve it from a device that already has this wallet within 15 minutes."
+      }),
+      onRecoverWithPasskey: () => void run("recover-passkey", () => recovery.recoverWithPasskey(), {
+        notice: "This device is part of your wallet again."
+      }),
+      onSendRecoveryCode: () => void run("recover-send", async () => {
+        await recovery.startEmailRecovery();
+        setCodeSent(true);
+      }),
+      onRecoverWithCode: (code) => void run("recover-code", () => recovery.recoverWithEmailCode(code.trim()), {
+        notice: "This device is part of your wallet again.",
+        view: "overview"
+      }),
+      onExport: () => void run("export", async () => {
+        setPhrase(await recovery.exportWallet());
+      }),
+      onClose
+    }
+  ) });
+}
+var OPERATION_LABELS2 = {
+  payment: "Send",
+  path_payment_strict_send: "Swap",
+  change_trust: "Add asset",
+  create_account: "Create account",
+  invoke_contract: "Contract call",
+  manage_data: "Manage data"
+};
+function labelOf2(confirmation) {
+  const op = confirmation.operation ?? "";
+  return OPERATION_LABELS2[op] ?? (op ? op.replace(/_/g, " ") : "Transaction");
+}
+function detailRows2(confirmation) {
+  const details = confirmation.details ?? {};
+  const rows = [];
+  const push = (label, value) => {
+    if (value === void 0 || value === null || value === "") return;
+    const text = typeof value === "object" ? JSON.stringify(value) : String(value);
+    rows.push([label, /^[GC][A-Z2-7]{55}$/.test(text) ? cropAddress(text) : text]);
+  };
+  push("Destination", details.destination);
+  push("Amount", details.amount);
+  push("Asset", details.asset ?? details.assetCode ?? details.mint);
+  push("Network", confirmation.network);
+  return rows;
+}
+function CloseIcon4() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3 3 8 8M11 3l-8 8", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" }) });
+}
+function ConfirmModal({ confirmation }) {
+  const { getClient, styles } = usePollar();
+  const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
+  const cssVars = buildModalCssVars(theme, accentColor, styleOverrides);
+  const rejectRef = react.useRef(confirmation.reject);
+  rejectRef.current = confirmation.reject;
+  react.useEffect(() => {
+    return getClient().onAuthStateChange((authState) => {
+      if (authState.step === "idle") rejectRef.current();
+    });
+  }, [getClient]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: confirmation.reject, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-cosign-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Confirm transaction" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: confirmation.reject, "aria-label": "Close", title: "Close", children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon4, {}) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-detail", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-detail-title", children: labelOf2(confirmation) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-muted", children: "The app asks you to sign this transaction with your wallet." }),
+          /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "pollar-cosign-rows", children: detailRows2(confirmation).map(([k, v]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-row", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { children: k }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { children: v })
+          ] }, k)) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-actions", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-cosign-btn pollar-cosign-btn-secondary", onClick: confirmation.reject, children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-cosign-btn pollar-cosign-btn-primary", onClick: confirmation.confirm, children: "Confirm" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  ) });
+}
 function TransactionModalTemplate({
   theme,
   accentColor,
@@ -8088,12 +9578,6 @@ function TransactionModal({ onClose }) {
   ) });
 }
 var PAGE_SIZE = 10;
-function explorerUrlFor(chain, hash, network) {
-  if (chain === "SOLANA") {
-    return `https://explorer.solana.com/tx/${hash}${network === "testnet" ? "?cluster=devnet" : ""}`;
-  }
-  return `https://stellar.expert/explorer/${network === "testnet" ? "testnet" : "public"}/tx/${hash}`;
-}
 function StatusBadge({ status }) {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-badge", "data-status": status, children: status });
 }
@@ -8103,6 +9587,25 @@ function formatDate(iso) {
 function truncateMiddle(value, head = 4, tail = 4) {
   return value.length <= head + tail + 1 ? value : `${value.slice(0, head)}\u2026${value.slice(-tail)}`;
 }
+function formatFee(fee) {
+  if (fee.unit === "lamports") {
+    try {
+      return `${core.fromBaseUnits(fee.amount, 9)} SOL`;
+    } catch {
+    }
+  }
+  return `${fee.amount} ${fee.unit}`;
+}
+function formatAmount4(details) {
+  const { amount, decimals, symbol } = details ?? {};
+  if (typeof amount !== "string" || typeof decimals !== "number") return null;
+  try {
+    const value = core.fromBaseUnits(amount, decimals);
+    return typeof symbol === "string" ? `${value} ${symbol}` : value;
+  } catch {
+    return null;
+  }
+}
 var STELLAR_ADDRESS = /\b[GC][A-Z2-7]{55}\b/g;
 function AddressChip({ value, label }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-issuer", children: [
@@ -8210,7 +9713,7 @@ function TxHistoryModalTemplate({
           txHistory.step === "loaded" && records.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No transactions yet." }),
           records.map((record) => {
             const hash = typeof record.hash === "string" && record.hash.length > 0 ? record.hash : void 0;
-            const explorerUrl = hash ? explorerUrlFor(record.chain, hash, record.network) : void 0;
+            const explorerUrl = hash ? explorerTxUrl(record.chain, hash, record.network) : void 0;
             const asset = typeof record.details?.asset === "string" ? record.details.asset : void 0;
             const colon = asset ? asset.indexOf(":") : -1;
             const trustline = record.operation === "change_trust" && asset && colon > 0 ? {
@@ -8240,15 +9743,17 @@ function TxHistoryModalTemplate({
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-meta", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: record.operation }),
+                record.chain !== "STELLAR" && formatAmount4(record.details) && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  "\xB7 ",
+                  formatAmount4(record.details)
+                ] }),
                 typeof record.details?.sponsored === "boolean" && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
                   "\xB7 ",
                   record.details.sponsored ? "Sponsored" : "Self-paid"
                 ] }),
                 record.fee && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
                   "\xB7 ",
-                  record.fee.amount,
-                  " ",
-                  record.fee.unit
+                  formatFee(record.fee)
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-item-footer", children: [
@@ -8559,6 +10064,48 @@ var browserPasskeySigner = async ({ credentialId, challenge }) => {
     signature: response.signature
   };
 };
+var browserRecoveryPasskey = {
+  async create({ challenge, userName }) {
+    const rpId = window.location.hostname;
+    const response = await browser.startRegistration({
+      optionsJSON: {
+        challenge,
+        rp: { id: rpId, name: rpId },
+        user: { id: randomUserId(), name: userName, displayName: userName },
+        pubKeyCredParams: [
+          { type: "public-key", alg: -7 },
+          { type: "public-key", alg: -257 }
+        ],
+        authenticatorSelection: { residentKey: "preferred", userVerification: "preferred" },
+        attestation: "none",
+        timeout: 6e4
+      }
+    });
+    return {
+      credentialId: response.id,
+      clientDataJson: response.response.clientDataJSON,
+      attestationObject: response.response.attestationObject,
+      transports: response.response.transports ?? []
+    };
+  },
+  async get({ challenge, allowCredentials }) {
+    const rpId = window.location.hostname;
+    const response = await browser.startAuthentication({
+      optionsJSON: {
+        challenge,
+        rpId,
+        allowCredentials: allowCredentials.map((id) => ({ id, type: "public-key" })),
+        userVerification: "preferred"
+      }
+    });
+    return {
+      credentialId: response.id,
+      authenticatorData: response.response.authenticatorData,
+      clientDataJson: response.response.clientDataJSON,
+      signature: response.response.signature
+    };
+  }
+};
 var DEFAULT_APP_CONFIG = {
   application: { name: "", network: "testnet", chains: [] },
   styles: {}
@@ -8583,7 +10130,11 @@ function PollarProvider({
 }) {
   const [pollarClient] = react.useState(() => {
     if (core.isPollarClient(client)) {
-      client.setPasskeyDefaults({ passkey: browserPasskeyCeremony, passkeySign: browserPasskeySigner });
+      client.setPasskeyDefaults({
+        passkey: browserPasskeyCeremony,
+        passkeySign: browserPasskeySigner,
+        recoveryPasskey: browserRecoveryPasskey
+      });
       return client;
     }
     const alreadyBuilt = clientByConfig.get(client);
@@ -8591,7 +10142,8 @@ function PollarProvider({
     const built = new core.PollarClient({
       ...client,
       passkey: client.passkey ?? browserPasskeyCeremony,
-      passkeySign: client.passkeySign ?? browserPasskeySigner
+      passkeySign: client.passkeySign ?? browserPasskeySigner,
+      recoveryPasskey: client.recoveryPasskey ?? browserRecoveryPasskey
     });
     clientByConfig.set(client, built);
     return built;
@@ -8619,6 +10171,9 @@ function PollarProvider({
   const [transaction, setTransaction] = react.useState({ step: "idle" });
   const [txHistory, setTxHistory] = react.useState({ step: "idle" });
   const [sessions, setSessions] = react.useState({ step: "idle" });
+  const [cosign, setCosign] = react.useState({ pending: [] });
+  const [confirmations, setConfirmations] = react.useState([]);
+  const firstConfirmation = confirmations[0] ?? null;
   const [walletBalance, setWalletBalance] = react.useState({ step: "idle" });
   const [enabledAssets, setEnabledAssets] = react.useState({ step: "idle" });
   const [resolvedConfig, setResolvedConfig] = react.useState(() => appConfigProp ?? DEFAULT_APP_CONFIG);
@@ -8636,6 +10191,12 @@ function PollarProvider({
   react.useEffect(() => {
     return pollarClient.onTxHistoryStateChange(setTxHistory);
   }, [pollarClient]);
+  react.useEffect(() => {
+    return pollarClient.onCosignStateChange(setCosign);
+  }, [pollarClient]);
+  react.useEffect(() => {
+    return pollarClient.onConfirmationRequest(setConfirmations);
+  }, [pollarClient]);
   react.useEffect(() => {
     return pollarClient.onSessionsStateChange(setSessions);
   }, [pollarClient]);
@@ -8736,6 +10297,13 @@ function PollarProvider({
   const [cardModalKey, setCardModalKey] = react.useState(0);
   const [receiveModalOpen, setReceiveModalOpen] = react.useState(false);
   const [sessionsModalOpen, setSessionsModalOpen] = react.useState(false);
+  const [cosignModalOpen, setCosignModalOpen] = react.useState(false);
+  const [recoveryModalOpen, setRecoveryModalOpen] = react.useState(false);
+  const cosignPendingCount = react.useRef(0);
+  react.useEffect(() => {
+    if (cosign.pending.length > cosignPendingCount.current) setCosignModalOpen(true);
+    cosignPendingCount.current = cosign.pending.length;
+  }, [cosign.pending.length]);
   const [distributionRulesModalOpen, setDistributionRulesModalOpen] = react.useState(false);
   react.useEffect(
     () => pollarClient.onAuthStateChange((authState) => {
@@ -8752,6 +10320,8 @@ function PollarProvider({
       setCardModalOpen(false);
       setReceiveModalOpen(false);
       setSessionsModalOpen(false);
+      setCosignModalOpen(false);
+      setRecoveryModalOpen(false);
       setDistributionRulesModalOpen(false);
     }),
     [pollarClient]
@@ -8760,6 +10330,45 @@ function PollarProvider({
   const walletProvisioning = sessionState?.wallet?.provisioning;
   const hasSession = sessionState !== null;
   const getClient = react.useCallback(() => pollarClient, [pollarClient]);
+  const [recovery, setRecovery] = react.useState(null);
+  const [recoveryTick, setRecoveryTick] = react.useState(0);
+  const refreshRecovery = react.useCallback(() => setRecoveryTick((t) => t + 1), []);
+  react.useEffect(() => {
+    if (!hasSession) {
+      setRecovery(null);
+      return;
+    }
+    let cancelled = false;
+    pollarClient.cosign.recovery.status().then((next) => {
+      if (!cancelled) setRecovery(next);
+    }).catch(() => {
+      if (!cancelled) setRecovery(null);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [pollarClient, hasSession, walletAddress, recoveryTick]);
+  const recoveryLocked = !!recovery && recovery.required && !recovery.configured;
+  const [custodyMigration, setCustodyMigration] = react.useState(null);
+  const [custodyMigrationTick, setCustodyMigrationTick] = react.useState(0);
+  const refreshCustodyMigration = react.useCallback(() => setCustodyMigrationTick((t) => t + 1), []);
+  const [custodyMigrationLater, setCustodyMigrationLater] = react.useState(false);
+  react.useEffect(() => {
+    if (!hasSession) {
+      setCustodyMigration(null);
+      setCustodyMigrationLater(false);
+      return;
+    }
+    let cancelled = false;
+    pollarClient.cosign.custodyMigration().then((next) => {
+      if (!cancelled) setCustodyMigration(next);
+    }).catch(() => {
+      if (!cancelled) setCustodyMigration(null);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [pollarClient, hasSession, walletAddress, custodyMigrationTick]);
   const refreshWalletBalance = react.useCallback(() => pollarClient.refreshBalance(), [pollarClient, walletAddress]);
   const refreshAssets = react.useCallback(() => pollarClient.refreshAssets(), [pollarClient, walletAddress]);
   const contextValue = react.useMemo(() => {
@@ -8770,7 +10379,7 @@ function PollarProvider({
       wallets: pollarClient.getWallets(),
       isAuthenticated: hasSession,
       hasWallet: pollarClient.hasWallet(),
-      createWallet: () => pollarClient.createWallet(),
+      createWallet: (options) => pollarClient.createWallet(options),
       verified,
       // client
       getClient,
@@ -8836,6 +10445,16 @@ function PollarProvider({
       // sessions
       sessions,
       openSessionsModal: () => setSessionsModalOpen(true),
+      // cosign
+      cosign,
+      openCosignModal: () => setCosignModalOpen(true),
+      recovery,
+      recoveryLocked,
+      refreshRecovery,
+      openRecoveryModal: () => setRecoveryModalOpen(true),
+      custodyMigration,
+      refreshCustodyMigration,
+      confirmations,
       // distribution
       openDistributionRulesModal: () => setDistributionRulesModalOpen(true),
       // network
@@ -8858,6 +10477,11 @@ function PollarProvider({
   }, [
     walletAddress,
     walletProvisioning,
+    recovery,
+    recoveryLocked,
+    refreshRecovery,
+    custodyMigration,
+    refreshCustodyMigration,
     hasSession,
     verified,
     pollarClient,
@@ -8865,6 +10489,8 @@ function PollarProvider({
     transaction,
     txHistory,
     sessions,
+    cosign,
+    confirmations,
     walletBalance,
     refreshWalletBalance,
     enabledAssets,
@@ -8912,6 +10538,25 @@ function PollarProvider({
     /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setCardModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(CardModal, { onClose: () => setCardModalOpen(false) }) }, `${cardModalKey}:${walletAddress}`),
     receiveModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setReceiveModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(ReceiveModal, { onClose: () => setReceiveModalOpen(false) }) }),
     sessionsModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setSessionsModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(SessionsModal, { onClose: () => setSessionsModalOpen(false) }) }),
+    cosignModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setCosignModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(CosignModal, { onClose: () => setCosignModalOpen(false) }) }),
+    custodyMigration?.required && !custodyMigrationLater && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: refreshCustodyMigration, children: /* @__PURE__ */ jsxRuntime.jsx(
+      CustodyMigrationModal,
+      {
+        state: custodyMigration,
+        onMoved: () => {
+          refreshCustodyMigration();
+          refreshRecovery();
+          setRecoveryModalOpen(true);
+        },
+        onLater: () => {
+          setCustodyMigrationLater(true);
+          refreshCustodyMigration();
+          refreshRecovery();
+        }
+      }
+    ) }),
+    recoveryModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setRecoveryModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(RecoveryModal, { onClose: () => setRecoveryModalOpen(false) }) }),
+    firstConfirmation && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: firstConfirmation.reject, children: /* @__PURE__ */ jsxRuntime.jsx(ConfirmModal, { confirmation: firstConfirmation }, firstConfirmation.id) }),
     distributionRulesModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setDistributionRulesModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(DistributionRulesModal, { onClose: () => setDistributionRulesModalOpen(false) }) })
   ] });
 }
@@ -8961,6 +10606,8 @@ function WalletButtonTemplate({
   isInProgress,
   showCreateAccount,
   notReadyReason,
+  recoveryLocked,
+  onRecovery,
   creatingAccount,
   onToggleOpen,
   onCreateAccount,
@@ -8978,8 +10625,11 @@ function WalletButtonTemplate({
   signedIn,
   creatingWallet,
   createWalletError,
+  custodyChoice,
   onCreateWallet
 }) {
+  const [selfCustodyNotice, setSelfCustodyNotice] = react.useState(false);
+  const [risksAccepted, setRisksAccepted] = react.useState(false);
   if (!walletAddress && signedIn) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-wallet-wrapper", ref: wrapperRef, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-wallet-btn", style: { backgroundColor: accentColor }, onClick: onToggleOpen, children: [
@@ -9003,19 +10653,84 @@ function WalletButtonTemplate({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-notice", style: { color: itemColor }, role: "status", children: createWalletError }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-divider" })
         ] }),
-        onCreateWallet && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        onCreateWallet && !custodyChoice && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               className: "pollar-wallet-dropdown-item",
               style: { color: itemColor },
-              onClick: onCreateWallet,
+              onClick: () => onCreateWallet(),
               disabled: creatingWallet,
               children: creatingWallet ? "Creating wallet\u2026" : "Create wallet"
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-divider" })
         ] }),
+        onCreateWallet && custodyChoice && !selfCustodyNotice && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: "pollar-wallet-dropdown-item",
+              style: { color: itemColor },
+              onClick: () => onCreateWallet("COSIGNED"),
+              disabled: creatingWallet,
+              children: creatingWallet ? "Creating wallet\u2026" : "Create co-signed wallet"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-notice", style: { color: itemColor }, children: "You and the app approve every signature together. Your wallet can be recovered with help." }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: "pollar-wallet-dropdown-item",
+              style: { color: itemColor },
+              onClick: () => setSelfCustodyNotice(true),
+              disabled: creatingWallet,
+              children: "Create self-custody wallet"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-notice", style: { color: itemColor }, children: "Only your device signs. Nobody else can move or recover your funds." }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-divider" })
+        ] }),
+        onCreateWallet && custodyChoice && selfCustodyNotice && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-notice", style: { color: itemColor }, role: "alert", children: "In a self-custody wallet only your device can sign. If you lose this device and every recovery method, nobody can recover the wallet or its funds, not the app and not Pollar. Nobody can undo or freeze a transaction you sign." }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pollar-wallet-dropdown-notice", style: { color: itemColor }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: risksAccepted,
+                onChange: (e) => setRisksAccepted(e.target.checked),
+                disabled: creatingWallet
+              }
+            ),
+            " ",
+            "I understand and accept these risks"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: "pollar-wallet-dropdown-item",
+              style: { color: itemColor },
+              onClick: () => onCreateWallet("SELF_CUSTODY"),
+              disabled: creatingWallet || !risksAccepted,
+              children: creatingWallet ? "Creating wallet\u2026" : "Create self-custody wallet"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              className: "pollar-wallet-dropdown-item",
+              style: { color: itemColor },
+              onClick: () => {
+                setSelfCustodyNotice(false);
+                setRisksAccepted(false);
+              },
+              disabled: creatingWallet,
+              children: "Back"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-divider" })
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onSessions, children: "Active sessions" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-divider" }),
         /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-wallet-dropdown-item pollar-danger", onClick: onLogout, children: "Log out" })
@@ -9071,6 +10786,10 @@ function WalletButtonTemplate({
       }
     ),
     open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-wallet-dropdown", style: { backgroundColor: dropdownBg, borderColor: dropdownBorder }, children: [
+      recoveryLocked && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-notice pollar-danger", role: "alert", children: "Locked: add a way to recover this wallet before sending or receiving. If you lose this device without one, the funds are lost." }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-divider" })
+      ] }),
       notReadyReason && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-notice", style: { color: itemColor }, role: "status", children: notReadyReason }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-divider" })
@@ -9303,6 +11022,31 @@ function WalletButtonTemplate({
         ),
         "Active sessions"
       ] }),
+      onRecovery && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          className: `pollar-wallet-dropdown-item${recoveryLocked ? " pollar-danger" : ""}`,
+          style: recoveryLocked ? void 0 : { color: itemColor },
+          onClick: onRecovery,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                width: "14",
+                height: "14",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2 4 5v6c0 5 3.4 9.3 8 11 4.6-1.7 8-6 8-11V5l-8-3z" })
+              }
+            ),
+            recoveryLocked ? "Set up wallet recovery" : "Wallet recovery"
+          ]
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-divider" }),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-wallet-dropdown-item pollar-danger", onClick: onLogout, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
@@ -9345,7 +11089,10 @@ function WalletButton() {
     tx: transaction,
     isAuthenticated,
     createWallet,
-    appConfig
+    appConfig,
+    recovery,
+    recoveryLocked,
+    openRecoveryModal
   } = usePollar();
   const { primaryChain, primaryAddress } = useChains();
   const walletAddress = primaryAddress || (wallet?.address ?? "");
@@ -9408,12 +11155,12 @@ function WalletButton() {
       setCreating(false);
     }
   }
-  async function handleCreateWallet() {
+  async function handleCreateWallet(custody) {
     if (creatingWallet) return;
     setCreatingWallet(true);
     setCreateWalletError(null);
     try {
-      await createWallet();
+      await createWallet(custody ? { custody } : void 0);
       setOpen(false);
     } catch (err) {
       setCreateWalletError(
@@ -9443,6 +11190,10 @@ function WalletButton() {
     setOpen(false);
     openSessionsModal();
   }
+  function handleRecovery() {
+    setOpen(false);
+    openRecoveryModal();
+  }
   function handleKyc() {
     setOpen(false);
     openKycModal();
@@ -9471,6 +11222,7 @@ function WalletButton() {
       signedIn: isAuthenticated,
       creatingWallet,
       createWalletError,
+      custodyChoice: appConfig.application?.walletCustodyMode === "USER_CHOICE",
       ...appConfig.application?.walletProvisioning === "NONE" ? {} : { onCreateWallet: handleCreateWallet },
       notReadyReason,
       creatingAccount: creating,
@@ -9482,6 +11234,8 @@ function WalletButton() {
       onSend: handleSend,
       onReceive: handleReceive,
       onSessions: handleSessions,
+      recoveryLocked,
+      ...recovery?.required ? { onRecovery: handleRecovery } : {},
       onKyc: handleKyc,
       onRamp: handleRamp,
       onDistributionRules: handleDistributionRules,
@@ -9493,6 +11247,10 @@ function WalletButton() {
 
 exports.CardModal = CardModal;
 exports.ChainSelect = ChainSelect;
+exports.CosignModal = CosignModal;
+exports.CosignModalTemplate = CosignModalTemplate;
+exports.CustodyMigrationModal = CustodyMigrationModal;
+exports.CustodyMigrationModalTemplate = CustodyMigrationModalTemplate;
 exports.DistributionRulesModal = DistributionRulesModal;
 exports.DistributionRulesModalTemplate = DistributionRulesModalTemplate;
 exports.EarnModal = EarnModal;
@@ -9506,8 +11264,11 @@ exports.PollarProvider = PollarProvider;
 exports.ProviderRegistrationModal = ProviderRegistrationModal;
 exports.RampWidget = RampWidget;
 exports.RampWidgetTemplate = RampWidgetTemplate;
+exports.RampWorkflow = RampWorkflow;
 exports.ReceiveModal = ReceiveModal;
 exports.ReceiveModalTemplate = ReceiveModalTemplate;
+exports.RecoveryModal = RecoveryModal;
+exports.RecoveryModalTemplate = RecoveryModalTemplate;
 exports.RegistryCheckModal = RegistryCheckModal;
 exports.RequirementFormModal = RequirementFormModal;
 exports.RouteDisplay = RouteDisplay;
@@ -9527,6 +11288,7 @@ exports.WalletButtonTemplate = WalletButtonTemplate;
 exports.addressForChain = addressForChain;
 exports.browserPasskeyCeremony = browserPasskeyCeremony;
 exports.browserPasskeySigner = browserPasskeySigner;
+exports.browserRecoveryPasskey = browserRecoveryPasskey;
 exports.buildModalCssVars = buildModalCssVars;
 exports.chainsOf = chainsOf;
 exports.createPollarAdapterHook = createPollarAdapterHook;
@@ -9534,6 +11296,7 @@ exports.modalChrome = modalChrome;
 exports.readableTextOn = readableTextOn;
 exports.resolveChain = resolveChain;
 exports.useChains = useChains;
+exports.useCosign = useCosign;
 exports.usePollar = usePollar;
 exports.walletNotReadyReason = walletNotReadyReason;
 //# sourceMappingURL=index.js.map