@pollar/react 0.11.5 → 0.12.0-rc.5

package/dist/index.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { AUTH_ERROR_CODES, transactionErrorMessage, WalletType, cosignGroupOf, cosignStepKeyOf, stepInGroup, isPollarApiError, isPollarClient, PollarClient, isInteractiveAuthAdapter, toBaseUnits } from '@pollar/core';
+import { AUTH_ERROR_CODES, rampLegTitle, rampRequirementCopy, rampTrustlineAsset, rampWalletStep, rampResolutionText, describeRampAction, rampLegStatus, rampNextApproval, rampOrderStopped, rampOrderReceive, rampRailLabel, rampNoRouteText, rampFieldError, rampFieldValid, rampLegNote, rampStepTitle, rampStepStatusText, rampLegTimeLeft, rampOrderResolutionText, rampCountries, rampQuoteFields, isPollarApiError, transactionErrorMessage, WalletType, isPollarClient, PollarClient, isInteractiveAuthAdapter, rampTrustlineErrorText, toBaseUnits, appUnavailableMessage, cosignRefusalMessage, fromBaseUnits, assertRampStellarSigner } from '@pollar/core';
 import { forwardRef, createContext, useState, useCallback, useEffect, useMemo, useRef, useContext, Component } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { startAuthentication, startRegistration } from '@simplewebauthn/browser';
@@ -999,7 +999,6 @@ 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";
@@ -1029,6 +1028,13 @@ var ModalErrorBoundary = class extends Component {
     return this.props.children;
   }
 };
+function ModalLogo({ logoUrl }) {
+  if (logoUrl) return /* @__PURE__ */ jsx("img", { src: logoUrl, alt: "Logo", className: "pollar-logo" });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("img", { src: LOGO_POLLAR_MARK_ON_LIGHT, alt: "Pollar", className: "pollar-logo pollar-logo-on-light" }),
+    /* @__PURE__ */ jsx("img", { src: LOGO_POLLAR_MARK_ON_DARK, alt: "Pollar", className: "pollar-logo pollar-logo-on-dark" })
+  ] });
+}
 var PollarModalFooter = () => {
   return /* @__PURE__ */ jsxs("div", { className: "pollar-footer", children: [
     /* @__PURE__ */ jsx("span", { className: "pollar-footer-protected", children: "Protected by" }),
@@ -1036,7 +1042,7 @@ var PollarModalFooter = () => {
     /* @__PURE__ */ jsx("img", { src: LOGO_POLLAR_WORDMARK_ON_DARK, alt: "Pollar", className: "pollar-footer-logo pollar-logo-on-dark" }),
     /* @__PURE__ */ jsxs("span", { className: "pollar-footer-version", children: [
       "v",
-      "0.11.5"
+      "0.12.0-rc.5"
     ] })
   ] });
 };
@@ -1218,42 +1224,75 @@ function readableTextOn(background) {
   const [r, g, b] = rgb;
   return (0.2126 * r + 0.7152 * g + 0.0722 * b) / 255 > 0.6 ? "#111827" : "#ffffff";
 }
+var PALETTES = {
+  light: {
+    bg: "#ffffff",
+    border: "#e5e7eb",
+    text: "#111827",
+    muted: "#6b7280",
+    "input-bg": "#f9fafb",
+    "error-bg": "#fef2f2",
+    "error-border": "#fecaca",
+    "error-text": "#dc2626",
+    "success-text": "#16a34a"
+  },
+  dark: {
+    bg: "#1a1a1a",
+    border: "#374151",
+    text: "#ffffff",
+    muted: "#9ca3af",
+    "input-bg": "#374151",
+    "error-bg": "#2a1515",
+    "error-border": "#7f1d1d",
+    "error-text": "#f87171",
+    "success-text": "#4ade80"
+  }
+};
+function mix(fg, percent, bg) {
+  return `color-mix(in srgb, ${fg} ${percent}%, ${bg})`;
+}
 function buildModalCssVars(theme, accentColor, overrides = {}, variant = "compact") {
   const isDark = theme === "dark";
-  const textColor = color(overrides.textColor, isDark ? "#ffffff" : "#111827");
+  const palette = isDark ? PALETTES.dark : PALETTES.light;
+  const bg = color(overrides.backgroundColor, "");
+  const text = color(overrides.textColor, "");
+  const pinned = isDark || bg !== "" || text !== "";
   const secondaryBg = color(overrides.buttonColor, "");
-  return {
-    "--pollar-accent": accentColor,
-    "--pollar-bg": color(overrides.backgroundColor, isDark ? "#1a1a1a" : "#ffffff"),
-    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
-    "--pollar-text": textColor,
-    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
+  const vars = {
+    "--pollar-brand-accent": accentColor,
     // The primary button is the accent's, straight up; its label follows the
     // accent's luminance so a pale accent doesn't render white-on-white.
-    "--pollar-btn-primary-fg": readableTextOn(accentColor),
-    ...secondaryBg ? {
-      "--pollar-btn-secondary-bg": secondaryBg,
-      "--pollar-btn-secondary-fg": readableTextOn(secondaryBg)
-    } : {},
-    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
-    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
-    "--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",
-    "--pollar-input-height": "44px",
-    "--pollar-input-border-radius": "0.5rem",
-    "--pollar-card-border-radius": "10px",
-    ...variant === "hero" ? {
-      "--pollar-modal-padding": "2rem",
-      "--pollar-modal-heading-size": "1.375rem",
-      "--pollar-modal-subtitle-size": "0.9rem"
-    } : {}
+    "--pollar-brand-btn-primary-fg": readableTextOn(accentColor),
+    "--pollar-brand-modal-border-radius": px(overrides.modalBorderRadius, DEFAULT_MODAL_BORDER_RADIUS),
+    "--pollar-brand-buttons-border-radius": px(overrides.buttonBorderRadius, DEFAULT_BUTTON_BORDER_RADIUS)
   };
+  if (secondaryBg) {
+    vars["--pollar-brand-btn-secondary-bg"] = secondaryBg;
+    vars["--pollar-brand-btn-secondary-fg"] = readableTextOn(secondaryBg);
+  }
+  if (pinned) {
+    for (const [name, value] of Object.entries(palette)) vars[`--pollar-brand-${name}`] = value;
+    vars["--pollar-brand-logo-on-light-display"] = isDark ? "none" : "block";
+    vars["--pollar-brand-logo-on-dark-display"] = isDark ? "block" : "none";
+  }
+  if (bg || text) {
+    const surface = bg || palette.bg;
+    const ink = text || palette.text;
+    vars["--pollar-brand-bg"] = surface;
+    vars["--pollar-brand-text"] = ink;
+    vars["--pollar-brand-border"] = mix(ink, 14, surface);
+    vars["--pollar-brand-muted"] = mix(ink, 62, surface);
+    vars["--pollar-brand-input-bg"] = mix(ink, 4, surface);
+    const darkSurface = readableTextOn(surface) === "#ffffff";
+    vars["--pollar-brand-logo-on-light-display"] = darkSurface ? "none" : "block";
+    vars["--pollar-brand-logo-on-dark-display"] = darkSurface ? "block" : "none";
+  }
+  if (variant === "hero") {
+    vars["--pollar-brand-modal-padding"] = "2rem";
+    vars["--pollar-brand-modal-heading-size"] = "1.375rem";
+    vars["--pollar-brand-modal-subtitle-size"] = "0.9rem";
+  }
+  return vars;
 }
 function modalChrome(styles) {
   const zIndex = styles.modalZIndex;
@@ -1268,7 +1307,7 @@ function modalChrome(styles) {
       buttonBorderRadius: styles.buttonBorderRadius
     },
     overlayStyle: {
-      "--pollar-overlay-z-index": typeof zIndex === "number" && Number.isFinite(zIndex) ? zIndex : DEFAULT_OVERLAY_Z_INDEX
+      "--pollar-brand-overlay-z-index": typeof zIndex === "number" && Number.isFinite(zIndex) ? zIndex : DEFAULT_OVERLAY_Z_INDEX
     }
   };
 }
@@ -1913,7 +1952,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.";
@@ -1953,6 +1992,8 @@ function KycModalTemplate({
   reviewReason,
   processing = false,
   isLoading,
+  startingProviderId = null,
+  directOpen = false,
   error,
   onSelectProvider,
   onDoneVerifying,
@@ -1961,6 +2002,7 @@ function KycModalTemplate({
   onClose
 }) {
   const cssVars = buildModalCssVars(theme, accentColor, styleOverrides, "hero");
+  const busy = isLoading || startingProviderId !== null;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -1988,7 +2030,7 @@ function KycModalTemplate({
                 type: "button",
                 className: "pollar-modal-close",
                 onClick: onRefresh,
-                disabled: isLoading,
+                disabled: busy,
                 "aria-label": "Refresh",
                 title: "Refresh providers",
                 children: /* @__PURE__ */ jsx(
@@ -2018,7 +2060,14 @@ function KycModalTemplate({
           ] })
         ] }),
         error && /* @__PURE__ */ jsx("p", { className: "pollar-kyc-error", role: "alert", children: error }),
-        step === "select_provider" && (isLoading && providers.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "pollar-loading-block", children: [
+        step === "select_provider" && (startingProviderId !== null && directOpen ? /* @__PURE__ */ jsxs("div", { className: "pollar-loading-block", "aria-live": "polite", children: [
+          /* @__PURE__ */ jsx("div", { className: "pollar-spinner" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            "Opening ",
+            selectedProvider?.name ?? "verification",
+            "\u2026"
+          ] })
+        ] }) : isLoading && providers.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "pollar-loading-block", children: [
           /* @__PURE__ */ jsx("div", { className: "pollar-spinner" }),
           /* @__PURE__ */ jsx("span", { children: "Loading providers\u2026" })
         ] }) : /* @__PURE__ */ jsxs("div", { className: "pollar-kyc-providers", children: [
@@ -2028,11 +2077,15 @@ function KycModalTemplate({
             {
               type: "button",
               className: "pollar-kyc-provider-btn",
-              disabled: isLoading,
+              disabled: busy,
+              "aria-busy": startingProviderId === p.id,
               onClick: () => onSelectProvider(p),
               children: [
                 /* @__PURE__ */ jsx("span", { className: "pollar-kyc-provider-name", children: p.name }),
-                /* @__PURE__ */ jsx("span", { className: "pollar-kyc-provider-flow", children: isLoading && selectedProvider?.id === p.id ? "Opening\u2026" : p.flow === "redirect" ? "Continue in a new tab" : "Continue here" })
+                /* @__PURE__ */ jsx("span", { className: "pollar-kyc-provider-flow", children: startingProviderId === p.id ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
+                  "Opening\u2026"
+                ] }) : p.flow === "redirect" ? "Continue in a new tab" : "Continue here" })
               ]
             },
             p.id
@@ -2083,7 +2136,7 @@ function KycModalTemplate({
           /* @__PURE__ */ jsx(KycStatus, { status: kycStatus, ...processing ? { label: "Approved" } : {} }),
           /* @__PURE__ */ jsx("p", { className: "pollar-kyc-result-text", children: kycStatus === "approved" ? "Your identity has been verified successfully." : kycStatus === "rejected" ? "Your verification was not approved. Contact support for the next steps." : kycStatus === "expired" ? "Your verification expired. Start again to verify your identity." : processing ? kycProcessingMessage() : kycReviewMessage(reviewReason) }),
           /* @__PURE__ */ jsxs("div", { className: "pollar-modal-actions", children: [
-            kycStatus === "expired" && onStartAgain && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onStartAgain, disabled: isLoading, children: "Start again" }),
+            kycStatus === "expired" && onStartAgain && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onStartAgain, disabled: busy, children: "Start again" }),
             kycStatus !== "approved" && kycStatus !== "rejected" && kycStatus !== "expired" && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onDoneVerifying, children: "Check again" }),
             /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: onClose, children: "Close" })
           ] })
@@ -2116,6 +2169,8 @@ function KycModal({
   const [reviewReason, setReviewReason] = useState(null);
   const [processing, setProcessing] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
+  const [startingProviderId, setStartingProviderId] = useState(null);
+  const [directOpen, setDirectOpen] = useState(false);
   const [error, setError] = useState(null);
   const idempotencyKeys = useRef({});
   const autoOpened = useRef(false);
@@ -2143,7 +2198,7 @@ function KycModal({
     starting.current = true;
     setSelectedProvider(provider);
     setError(null);
-    setIsLoading(true);
+    setStartingProviderId(provider.id);
     const key = (_a = idempotencyKeys.current)[_b = provider.id] ?? (_a[_b] = newIdempotencyKey());
     try {
       const result = await client.resolveKyc(
@@ -2158,7 +2213,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 = isPollarApiError(e) ? e.code : void 0;
@@ -2175,7 +2236,7 @@ function KycModal({
       setStep("select_provider");
     } finally {
       starting.current = false;
-      setIsLoading(false);
+      setStartingProviderId(null);
     }
   }
   const loadProviders = useCallback(() => {
@@ -2194,6 +2255,7 @@ function KycModal({
     void loadProviders().then((list) => {
       if (!providerId || autoOpened.current) return;
       autoOpened.current = true;
+      setDirectOpen(true);
       const target = list.find((p) => p.id === providerId);
       if (target) void handleSelectProvider(target);
       else
@@ -2243,6 +2305,8 @@ function KycModal({
       reviewReason,
       processing,
       isLoading,
+      startingProviderId,
+      directOpen,
       error,
       onSelectProvider: handleSelectProvider,
       onDoneVerifying: handleDoneVerifying,
@@ -2345,10 +2409,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;
@@ -2928,7 +2996,7 @@ function LoginModalTemplate({
       }
     ) }),
     /* @__PURE__ */ jsxs("div", { className: "pollar-header", children: [
-      /* @__PURE__ */ jsx("div", { className: "pollar-logo-wrap", children: /* @__PURE__ */ jsx("img", { src: logoUrl ?? LOGO_POLLAR, alt: "Logo", className: "pollar-logo" }) }),
+      /* @__PURE__ */ jsx("div", { className: "pollar-logo-wrap", children: /* @__PURE__ */ jsx(ModalLogo, { logoUrl }) }),
       /* @__PURE__ */ jsx("h2", { className: "pollar-title", children: appName }),
       /* @__PURE__ */ jsx("p", { className: "pollar-subtitle", children: "Log in or sign up" })
     ] }),
@@ -3094,7 +3162,7 @@ function LoginModalStatus({
       }
     ) }),
     /* @__PURE__ */ jsxs("div", { className: "pollar-header", children: [
-      /* @__PURE__ */ jsx("div", { className: "pollar-logo-wrap", children: /* @__PURE__ */ jsx("img", { src: logoUrl ?? LOGO_POLLAR, alt: "Logo", className: "pollar-logo" }) }),
+      /* @__PURE__ */ jsx("div", { className: "pollar-logo-wrap", children: /* @__PURE__ */ jsx(ModalLogo, { logoUrl }) }),
       /* @__PURE__ */ jsx("h2", { className: "pollar-title", children: appName }),
       /* @__PURE__ */ jsx("p", { className: "pollar-subtitle", children: "Log in or sign up" })
     ] }),
@@ -3196,7 +3264,7 @@ function PrivyLoginSubmodal({
       }
     ) }),
     /* @__PURE__ */ jsxs("div", { className: "pollar-header", children: [
-      /* @__PURE__ */ jsx("div", { className: "pollar-logo-wrap", children: /* @__PURE__ */ jsx("img", { src: logoUrl ?? LOGO_POLLAR, alt: "Logo", className: "pollar-logo" }) }),
+      /* @__PURE__ */ jsx("div", { className: "pollar-logo-wrap", children: /* @__PURE__ */ jsx(ModalLogo, { logoUrl }) }),
       /* @__PURE__ */ jsx("h2", { className: "pollar-title", children: appName }),
       /* @__PURE__ */ jsx("p", { className: "pollar-subtitle", children: adapter.meta.label })
     ] }),
@@ -3397,69 +3465,45 @@ function LoginModal({ onClose }) {
     }
   ) });
 }
-
-// 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 (!nonEmpty(rampProviderId) || !nonEmpty(corridorId)) return null;
-  if ((requirementType === "FORM" || requirementType === "REGISTRY_CHECK" || requirementType === "PROVIDER_REGISTRATION") && nonEmpty(optionId)) {
-    return { rampProviderId, corridorId, type: requirementType, optionId };
-  }
-  const kyc = nonEmpty(optionId) && requirementType === "KYC" ? optionId : kycProviderId;
-  return nonEmpty(kyc) ? { rampProviderId, corridorId, type: "KYC", optionId: kyc } : null;
-}
-function pendingFromQuote(requirement) {
-  return {
-    rampProviderId: requirement.rampProviderId,
-    corridorId: requirement.corridorId,
-    type: requirement.type,
-    optionId: requirement.optionId,
-    progress: { position: requirement.completed + 1, total: requirement.total }
-  };
-}
-function lockedRouteCopy(requirement) {
-  if (requirement.type === "FORM") return { message: "Answer a few questions to see this route", action: "Continue" };
-  if (requirement.type === "PROVIDER_REGISTRATION") {
-    return { message: "Register with the provider to see this route", action: "Continue" };
-  }
-  if (requirement.type === "REGISTRY_CHECK") {
-    return requirement.status === "pending" ? { message: "Your details are under review", action: null } : { message: "Confirm your details to see this route", action: "Confirm" };
-  }
-  switch (requirement.status) {
-    case "expired":
-      return { message: "Your verification expired", action: "Verify again" };
-    case "pending":
-      if (!requirement.reviewReason) return { message: "Verification in progress", action: "Continue" };
-      return {
-        message: requirement.reviewReason === "DUPLICATE_DOCUMENT" ? kycReviewMessage(requirement.reviewReason) : "Your verification is under review",
-        action: null
-      };
-    case "rejected":
-      return { message: "Verification was not approved", action: null };
-    default:
-      return { message: "Verify your identity to see this route", action: "Verify" };
-  }
+function findWalletBalance(balances, asset) {
+  const { issuer } = asset;
+  return balances.find((b) => {
+    if (resolveChain(b.chain) !== asset.chain) return false;
+    if (issuer === null) return b.type === "native" || !b.issuer && b.code === asset.code;
+    if (b.code !== asset.code) return false;
+    return issuer === void 0 || !b.issuer || b.issuer.toLowerCase() === issuer.toLowerCase();
+  });
 }
-var RAIL_LABELS = {
-  SPEI: "SPEI (Mexico)",
-  PIX: "PIX (Brazil)",
-  PSE: "PSE (Colombia)",
-  ACH: "ACH (US)"
-};
-function RouteDisplay({ quote, busy = false, disabled = false, onSelect }) {
+function useWalletAvailable(asset) {
+  const { walletBalance, refreshWalletBalance } = usePollar();
+  const wanted = !!asset;
+  useEffect(() => {
+    if (wanted && walletBalance.step === "idle") void refreshWalletBalance();
+  }, [wanted, walletBalance.step, refreshWalletBalance]);
+  if (!asset || walletBalance.step !== "loaded") return void 0;
+  const record = findWalletBalance(walletBalance.data.balances, asset);
+  return record ? record.available : "0";
+}
+var CUSTODY_LABEL = { COSIGNED: "co-signed", SELF_CUSTODY: "self-custody" };
+var assetOf = (node) => node.kind === "fiat" ? node.currency : node.code;
+function etaText(seconds) {
+  if (seconds === null) return null;
+  if (seconds < 90) return `~${Math.max(1, Math.round(seconds))} s`;
+  if (seconds < 5400) return `~${Math.round(seconds / 60)} min`;
+  return `~${Math.round(seconds / 3600)} h`;
+}
+function RouteDisplay({ quote, best = false, busy = false, disabled = false, onSelect }) {
   const inert = busy || disabled;
   const select = () => {
     if (!inert) onSelect(quote);
   };
+  const first = quote.legs[0];
+  const last = quote.legs[quote.legs.length - 1];
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: "pollar-ramp-route-card",
-      "data-recommended": quote.recommended,
+      "data-recommended": best,
       "data-busy": busy || void 0,
       "data-disabled": disabled || void 0,
       role: "button",
@@ -3470,54 +3514,152 @@ function RouteDisplay({ quote, busy = false, disabled = false, onSelect }) {
       onKeyDown: (e) => e.key === "Enter" && select(),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-route-left", children: [
-          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-provider", children: quote.provider }),
-          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-meta", children: busy ? "Starting\u2026" : `${RAIL_LABELS[quote.rail] ?? quote.rail} \xB7 ${quote.protocol} \xB7 ${quote.estimatedTime}` })
+          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-provider", children: first && last ? `${quote.amountIn} ${assetOf(first.from)} \u2192 ~${quote.amountOut} ${assetOf(last.to)}` : `~${quote.amountOut}` }),
+          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-meta", children: busy ? "Starting\u2026" : [quote.legs.map((leg) => rampLegTitle(leg)).join(" \xB7 "), etaText(quote.etaSeconds)].filter(Boolean).join(" \xB7 ") })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "pollar-ramp-route-right", children: busy ? /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs("span", { className: "pollar-ramp-route-fee", children: [
-            quote.fee,
-            "% fee"
+            quote.legs.length === 1 ? "1 step" : `${quote.legs.length} steps`,
+            " \xB7 fees included"
           ] }),
-          quote.recommended && /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-badge", children: "Best rate" })
+          best && /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-badge", children: "Best rate" })
         ] }) })
       ]
     }
   );
 }
-function LockedRouteDisplay({ requirement, disabled = false, onVerify }) {
-  const { message, action } = lockedRouteCopy(requirement);
+function RejectedRouteDisplay({
+  rejection,
+  disabled = false,
+  trusting = false,
+  walletBusy = false,
+  custodyChoice = false,
+  onVerify,
+  onTrust,
+  onWalletStep
+}) {
+  const requirement = rejection.requirement;
+  const copy = requirement ? rampRequirementCopy(requirement) : null;
+  const trustAsset = !requirement && onTrust ? rampTrustlineAsset(rejection) : null;
+  const step = !requirement ? rampWalletStep(rejection) : null;
+  const fromMenu = step?.action === "create_wallet" && custodyChoice;
+  const walletStep = onWalletStep && !fromMenu ? step : null;
+  const picks = custodyChoice && step?.action !== "set_up_recovery" ? ["COSIGNED", "SELF_CUSTODY"] : [void 0];
+  const meta = copy ? copy.message : fromMenu ? "You need a wallet to receive this. Create it from the wallet menu, then find the route again." : rampResolutionText(rejection.failure);
+  const busy = trusting || !!walletStep && walletBusy;
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: "pollar-ramp-route-card",
       "data-locked": true,
-      "data-kyc-status": requirement.status,
-      "data-disabled": disabled || void 0,
+      "data-kyc-status": requirement?.status,
+      "data-disabled": !(copy?.action && onVerify) && !trustAsset && !walletStep || disabled && !busy || void 0,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-route-left", children: [
-          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-provider", children: requirement.provider }),
-          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-meta", children: message })
+          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-provider", children: rejection.legs.map((leg) => rampLegTitle(leg)).join(" \xB7 ") }),
+          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-route-meta", children: meta })
         ] }),
-        action && /* @__PURE__ */ jsx("div", { className: "pollar-ramp-route-right", children: /* @__PURE__ */ jsx(
+        trustAsset && /* @__PURE__ */ jsx("div", { className: "pollar-ramp-route-right", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "pollar-btn-secondary pollar-ramp-route-verify",
+            disabled,
+            "aria-busy": trusting,
+            onClick: () => onTrust(trustAsset),
+            children: trusting ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
+              " Adding\u2026"
+            ] }) : `Add ${trustAsset.code} trustline`
+          }
+        ) }),
+        walletStep && /* @__PURE__ */ jsx("div", { className: "pollar-ramp-route-right", children: walletBusy ? /* @__PURE__ */ jsxs("button", { type: "button", className: "pollar-btn-secondary pollar-ramp-route-verify", disabled: true, "aria-busy": true, children: [
+          /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
+          " ",
+          walletStep.busyLabel
+        ] }) : picks.map((custody) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "pollar-btn-secondary pollar-ramp-route-verify",
+            disabled,
+            onClick: () => onWalletStep(walletStep, custody),
+            children: custody ? `${walletStep.label} (${CUSTODY_LABEL[custody]})` : walletStep.label
+          },
+          custody ?? "app"
+        )) }),
+        requirement && copy?.action && onVerify && /* @__PURE__ */ jsx("div", { className: "pollar-ramp-route-right", children: /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             className: "pollar-btn-secondary pollar-ramp-route-verify",
             disabled,
             onClick: () => onVerify(requirement),
-            children: action
+            children: copy.action
           }
         ) })
       ]
     }
   );
 }
-var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function isFieldValid(spec, raw) {
-  const value = (raw ?? "").trim();
-  if (!value) return spec.optional === true;
-  if (spec.type === "email") return EMAIL_RE.test(value);
-  return true;
+function formatAvailable(available) {
+  if (available === null) return "\u2014";
+  const n = parseFloat(available);
+  return isNaN(n) ? available : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
+}
+function AmountField({
+  id,
+  label,
+  value,
+  onChange,
+  unit,
+  available,
+  onMax,
+  placeholder = "0.00",
+  disabled = false
+}) {
+  const showBalance = available !== void 0;
+  const canMax = showBalance && available !== null && parseFloat(available) > 0 && !disabled;
+  return /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
+    /* @__PURE__ */ jsxs("div", { className: "pollar-send-label-row", children: [
+      /* @__PURE__ */ jsx("label", { className: "pollar-send-label", htmlFor: id, children: label }),
+      showBalance && /* @__PURE__ */ jsxs("span", { className: "pollar-send-hint", children: [
+        "Available: ",
+        formatAvailable(available),
+        " ",
+        unit ?? ""
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "pollar-send-input-shell", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id,
+          className: "pollar-input pollar-send-amount-input",
+          type: "text",
+          inputMode: "decimal",
+          placeholder,
+          value,
+          disabled,
+          onChange: (e) => onChange(e.target.value),
+          "aria-label": id ? void 0 : label
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "pollar-send-input-suffix", children: [
+        showBalance && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "pollar-send-inline-action",
+            disabled: !canMax,
+            onClick: () => onMax ? onMax() : available && onChange(available),
+            children: "Max"
+          }
+        ),
+        unit && /* @__PURE__ */ jsx("span", { children: unit })
+      ] })
+    ] })
+  ] });
 }
 function scannableImageSrc(image) {
   return image.encoding === "base64" ? `data:${image.mediaType};base64,${image.data}` : `data:${image.mediaType};charset=utf-8,${encodeURIComponent(image.data)}`;
@@ -3536,102 +3678,143 @@ 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();
   if (!/^[A-Z]{2}$/.test(cc)) return "";
   const base = 127462;
   return String.fromCodePoint(base + (cc.charCodeAt(0) - 65), base + (cc.charCodeAt(1) - 65));
 }
-var STATUS_LABEL = {
-  pending: "Pending",
-  processing: "Processing",
-  completed: "Completed",
-  failed: "Failed"
-};
-function displayValue(field) {
-  if (field.type !== "datetime") return field.value;
-  const at = new Date(field.value);
-  return Number.isNaN(at.getTime()) ? field.value : at.toLocaleString();
+var CHAIN_NAME = { STELLAR: "Stellar", POLYGON: "Polygon", SOLANA: "Solana" };
+function explorerTxUrl2(chain, hash, network) {
+  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 legChain(leg) {
+  if (leg.from.kind === "asset") return leg.from.chain;
+  return leg.to.kind === "asset" ? leg.to.chain : "STELLAR";
+}
+function stepChain(kind, leg) {
+  if (kind === "mint" && leg.to.kind === "asset") return leg.to.chain;
+  return legChain(leg);
+}
+var timeLeftText = (seconds) => seconds <= 0 ? "Taking a little longer than usual" : seconds < 60 ? `About ${seconds}s left` : `About ${Math.ceil(seconds / 60)} min left`;
+function useNowEverySecond(running) {
+  const [now, setNow] = useState(() => Date.now());
+  useEffect(() => {
+    if (!running) return;
+    const timer = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(timer);
+  }, [running]);
+  return now;
+}
+var fiatKey = (fiat) => `${fiat.currency}:${fiat.rail}`;
+var assetKey3 = (asset) => `${asset.code}:${asset.chain}:${asset.identifier ?? ""}`;
+function trustKey(rejection) {
+  const asset = rampTrustlineAsset(rejection);
+  return asset ? `${asset.code}:${asset.issuer}` : null;
+}
+var LOADING_STEPS = ["Checking routes\u2026", "Quoting each step\u2026", "Route found!"];
+function useRenderAt(at) {
+  const [, setTick] = useState(0);
+  useEffect(() => {
+    if (at === null) return;
+    const timer = setTimeout(() => setTick((n) => n + 1), Math.max(0, at - Date.now()) + 50);
+    return () => clearTimeout(timer);
+  }, [at]);
 }
 function RampWidgetTemplate({
   theme,
   accentColor,
   styleOverrides,
+  network,
   step,
   flowSteps,
   flowStepIndex,
-  startingQuoteId,
   direction,
-  amount,
-  currency,
-  country,
-  requiredFields,
-  fieldValues,
+  routesLoading,
   countries,
-  countriesLoading,
-  refreshing,
+  country,
+  fiats,
+  fiat,
+  assets,
+  asset,
+  amount,
+  sellAvailable,
   quotes,
-  kycRequired,
+  rejected,
+  startingQuoteId,
+  fields,
+  fieldValues,
+  order,
+  pendingOrders,
   isLoading,
-  provider,
-  txStatus,
-  kycUrl,
-  tosUrl,
-  kycBlocking,
-  onboardingStatus,
-  kycJustApproved,
-  stellarTxHash,
-  txHash,
-  txChain,
-  explorerUrl,
-  fundsInTransit = false,
-  retrying = false,
-  onRetryTransit,
-  depositInstructions,
-  canComplete,
-  completing,
+  refreshing,
+  signing,
   errorMsg,
-  noticeMsg,
+  notice = null,
   onDirectionChange,
-  onAmountChange,
-  onFieldChange,
   onCountryChange,
+  onFiatChange,
+  onAssetChange,
+  onAmountChange,
   onFindRoute,
   onSelectQuote,
   onVerifyRoute,
+  trustingAsset = null,
+  onTrustAsset,
+  walletBusy = null,
+  custodyChoice = false,
+  onWalletStep,
+  noChains = false,
+  retrying = false,
+  onRetryOrder,
+  onSetUpRecovery,
+  recoveryMissing = null,
+  checkingPayment = false,
+  onCheckPayment,
+  pollTrouble = false,
+  onFieldChange,
   onContactContinue,
-  onOpenKyc,
-  onOpenTos,
-  onCompleteWithdraw,
+  onSign,
+  onApprove,
+  onResumeOrder,
+  onNewOrder,
   onBack,
+  onStepSelect,
   onRetry,
   onRefresh,
   onClose
 }) {
-  const settledHash = txHash ?? stellarTxHash;
-  const chainName = CHAIN_NAME[txChain ?? "STELLAR"];
   const cssVars = buildModalCssVars(theme, accentColor, styleOverrides, "hero");
+  const onramp = direction === "ONRAMP";
+  const sendUnit = onramp ? fiat?.currency : asset?.code;
+  const view = order ? describeRampAction(order) : null;
+  const settled = order ? ["completed", "failed", "refunded"].includes(order.state) : false;
+  const running = order?.legs.find((leg) => rampLegStatus(leg) === "active" && order.pendingAction?.legIndex !== leg.index);
+  const now = useNowEverySecond(step === "status" && !settled && !!running && running.etaSeconds !== null);
+  const nextApproval = order && !settled ? rampNextApproval(order) : null;
+  const stopped = order ? rampOrderStopped(order) : false;
+  const receive = order ? rampOrderReceive(order) : null;
+  const waitsOnRecovery = order?.failure?.resolutionAction === "set_up_recovery";
+  const payBy = view?.action?.kind === "FIAT_PAYMENT" && view.expiresAt ? Date.parse(view.expiresAt) : null;
+  useRenderAt(view?.canSign && view.expiresAt ? Date.parse(view.expiresAt) : null);
+  const stepsOpen = !!onStepSelect && step !== "status" && !isLoading && startingQuoteId === null && trustingAsset === null && walletBusy === null;
   const stepTitle = {
-    input: direction === "onramp" ? "Buy crypto" : "Sell crypto",
-    loading_quote: "Finding best route",
-    select_route: "Select provider",
+    input: onramp ? "Buy crypto" : "Sell crypto",
+    loading_quote: "Finding the best route",
+    select_route: "Choose a route",
     contact: "Your details",
-    status: direction === "onramp" ? "Complete your deposit" : "Complete your withdrawal",
+    status: order?.state === "completed" ? "Transfer completed" : onramp ? "Your purchase" : "Your sale",
     error: "Something went wrong"
   };
   const stepSubtitle = {
-    input: direction === "onramp" ? "Enter the amount you want to deposit" : "Enter the amount you want to withdraw",
-    loading_quote: "Comparing providers in real time\u2026",
-    select_route: "All prices include fees",
-    // What this step actually asks for is whatever the route declared, and that
-    // is rarely a name and an email: an Abroad off-ramp asks where to send the
-    // 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`,
+    input: onramp ? "Pick what you receive and how much you pay" : "Pick what you sell and how much",
+    loading_quote: "Comparing routes in real time\u2026",
+    select_route: "All amounts include fees",
+    contact: `This route needs ${listOf(fields.filter((f) => !f.optional).map((f) => f.label.toLowerCase()))} to continue`,
+    status: view?.title ?? "Processing",
     error: "Please try again"
   };
   return /* @__PURE__ */ jsxs("div", { className: "pollar-modal-card pollar-ramp-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
@@ -3672,85 +3855,124 @@ function RampWidgetTemplate({
         " of ",
         flowSteps.length
       ] }),
-      /* @__PURE__ */ jsx(
-        "div",
+      /* @__PURE__ */ jsx("ol", { className: "pollar-ramp-steps-track", children: flowSteps.map((label, i) => /* @__PURE__ */ jsx("li", { className: "pollar-ramp-steps-item", "aria-current": i === flowStepIndex ? "step" : void 0, children: /* @__PURE__ */ jsxs(
+        "button",
         {
-          className: "pollar-ramp-steps-track",
-          role: "progressbar",
-          "aria-valuenow": flowStepIndex + 1,
-          "aria-valuemin": 1,
-          "aria-valuemax": flowSteps.length,
-          "aria-label": flowSteps[flowStepIndex],
-          children: flowSteps.map((label, i) => /* @__PURE__ */ jsx("span", { className: "pollar-ramp-steps-segment", "data-done": i <= flowStepIndex || void 0 }, label))
+          type: "button",
+          className: "pollar-ramp-steps-step",
+          "data-done": i <= flowStepIndex || void 0,
+          disabled: !stepsOpen || i >= flowStepIndex,
+          onClick: () => onStepSelect?.(label),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "pollar-ramp-steps-segment" }),
+            /* @__PURE__ */ jsx("span", { className: "pollar-ramp-steps-name", children: label })
+          ]
         }
-      )
+      ) }, label)) })
+    ] }),
+    step === "input" && pendingOrders.length > 0 && /* @__PURE__ */ jsxs("section", { className: "pollar-ramp-payment pollar-ramp-saved", "aria-label": "Pending operations", children: [
+      /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", children: "These operations are waiting for you. Starting another does not cancel them." }),
+      pendingOrders.map((pending) => /* @__PURE__ */ jsx("div", { className: "pollar-ramp-saved-row", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "pollar-btn-secondary",
+          disabled: isLoading,
+          onClick: () => onResumeOrder(pending.id),
+          children: [
+            "Resume ",
+            pending.direction === "ONRAMP" ? "purchase" : "sale",
+            " \xB7 ",
+            pending.id.slice(-8)
+          ]
+        }
+      ) }, pending.id))
     ] }),
     step === "input" && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: "pollar-tabs", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "pollar-tab",
-            "data-active": direction === "onramp",
-            onClick: () => onDirectionChange("onramp"),
-            children: "Buy"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "pollar-tab",
-            "data-active": direction === "offramp",
-            onClick: () => onDirectionChange("offramp"),
-            children: "Sell"
-          }
-        )
+        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-tab", "data-active": onramp, onClick: () => onDirectionChange("ONRAMP"), children: "Buy" }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-tab", "data-active": !onramp, onClick: () => onDirectionChange("OFFRAMP"), children: "Sell" })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-field", children: [
-        /* @__PURE__ */ jsx("label", { className: "pollar-ramp-label", children: "Country" }),
-        countriesLoading ? /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-input pollar-select-loading", children: [
-          /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
-          /* @__PURE__ */ jsx("span", { children: "Loading countries\u2026" })
-        ] }) : countries.length === 0 ? /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "No ramp providers available on this network yet." }) : /* @__PURE__ */ jsx("select", { className: "pollar-ramp-input", value: country, onChange: (e) => onCountryChange(e.target.value), children: countries.map((c) => /* @__PURE__ */ jsxs("option", { value: c.code, children: [
-          flagEmoji(c.code),
-          " ",
-          c.code,
-          c.currency ? ` \u2014 ${c.currency}` : ""
-        ] }, c.code)) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-field", children: [
-        /* @__PURE__ */ jsxs("label", { className: "pollar-ramp-label", children: [
-          "Amount",
-          currency ? ` (${currency})` : ""
+      routesLoading ? /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-input pollar-select-loading", children: [
+        /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
+        /* @__PURE__ */ jsx("span", { children: "Loading routes\u2026" })
+      ] }) : countries.length === 0 ? /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: noChains ? "This app has no chains enabled, so there is nothing to buy or sell yet." : "No ramp routes are available for this app yet." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-field", children: [
+          /* @__PURE__ */ jsx("label", { className: "pollar-ramp-label", htmlFor: "pollar-ramp-country", children: "Country" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              id: "pollar-ramp-country",
+              className: "pollar-ramp-input",
+              value: country,
+              onChange: (e) => onCountryChange(e.target.value),
+              children: countries.map((c) => /* @__PURE__ */ jsxs("option", { value: c.country, children: [
+                flagEmoji(c.country),
+                " ",
+                c.country
+              ] }, c.country))
+            }
+          )
         ] }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            className: "pollar-ramp-input",
-            placeholder: "0.00",
-            value: amount,
-            min: "0",
-            onChange: (e) => onAmountChange(e.target.value)
-          }
-        ),
-        errorMsg && /* @__PURE__ */ jsx("span", { className: "pollar-ramp-field-error", children: errorMsg })
+        fiats.length > 1 && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-field", children: [
+          /* @__PURE__ */ jsx("label", { className: "pollar-ramp-label", htmlFor: "pollar-ramp-fiat", children: onramp ? "Pay with" : "Receive in" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              id: "pollar-ramp-fiat",
+              className: "pollar-ramp-input",
+              value: fiat ? fiatKey(fiat) : "",
+              onChange: (e) => onFiatChange(e.target.value),
+              children: fiats.map((f) => /* @__PURE__ */ jsxs("option", { value: fiatKey(f), children: [
+                f.currency,
+                " \xB7 ",
+                rampRailLabel(f.rail, { language: formLanguage() })
+              ] }, fiatKey(f)))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-field", children: [
+          /* @__PURE__ */ jsx("label", { className: "pollar-ramp-label", htmlFor: "pollar-ramp-asset", children: onramp ? "Receive" : "Sell" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              id: "pollar-ramp-asset",
+              className: "pollar-ramp-input",
+              value: asset ? assetKey3(asset) : "",
+              onChange: (e) => onAssetChange(e.target.value),
+              children: assets.map((a) => /* @__PURE__ */ jsxs("option", { value: assetKey3(a), children: [
+                a.code,
+                " on ",
+                CHAIN_NAME[a.chain] ?? a.chain
+              ] }, assetKey3(a)))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-field", children: [
+          /* @__PURE__ */ jsx(
+            AmountField,
+            {
+              id: "pollar-ramp-amount",
+              label: onramp ? "You pay" : "You sell",
+              value: amount,
+              onChange: onAmountChange,
+              unit: sendUnit,
+              available: onramp ? void 0 : sellAvailable
+            }
+          ),
+          errorMsg && /* @__PURE__ */ jsx("span", { className: "pollar-ramp-field-error", children: errorMsg })
+        ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "pollar-modal-actions", children: [
-        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "pollar-btn-primary",
-            disabled: !amount || isLoading || countriesLoading || countries.length === 0,
-            onClick: onFindRoute,
-            children: "Find best route"
-          }
-        )
-      ] })
+      /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "pollar-btn-primary",
+          disabled: !amount || !fiat || !asset || isLoading || routesLoading,
+          onClick: onFindRoute,
+          children: "Find best route"
+        }
+      ) })
     ] }),
     step === "loading_quote" && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-loading", children: [
       /* @__PURE__ */ jsx("div", { className: "pollar-spinner pollar-ramp-loading-spinner" }),
@@ -3760,33 +3982,44 @@ function RampWidgetTemplate({
       ] }, i))
     ] }),
     step === "select_route" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      noticeMsg && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", children: noticeMsg }),
       /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-route-list", children: [
         quotes.map((q, i) => /* @__PURE__ */ jsx(
           RouteDisplay,
           {
             quote: q,
-            busy: startingQuoteId != null && q.quoteId === startingQuoteId,
+            best: i === 0,
+            busy: startingQuoteId === q.quoteId,
             disabled: startingQuoteId != null && q.quoteId !== startingQuoteId,
             onSelect: onSelectQuote
           },
-          i
+          q.quoteId
         )),
-        kycRequired.map((r) => /* @__PURE__ */ jsx(
-          LockedRouteDisplay,
+        rejected.map((r, i) => /* @__PURE__ */ jsx(
+          RejectedRouteDisplay,
           {
-            requirement: r,
-            disabled: startingQuoteId != null,
-            onVerify: onVerifyRoute
+            rejection: r,
+            disabled: startingQuoteId != null || trustingAsset !== null || walletBusy !== null,
+            trusting: trustKey(r) === trustingAsset,
+            walletBusy: walletBusy === i,
+            custodyChoice,
+            onVerify: onVerifyRoute,
+            onTrust: onTrustAsset,
+            onWalletStep: onWalletStep && ((step2, custody) => onWalletStep(step2, i, custody))
           },
-          `${r.rampProviderId}:${r.corridorId}`
+          i
         ))
       ] }),
+      quotes.length === 0 && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", children: rampNoRouteText(rejected) }),
+      notice && /* @__PURE__ */ jsxs("p", { className: "pollar-ramp-payment-note", children: [
+        /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm", "aria-hidden": true }),
+        " ",
+        notice
+      ] }),
       errorMsg && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", style: { color: "var(--pollar-error-text)" }, children: errorMsg }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: errorMsg ? "pollar-btn-primary" : "pollar-btn-secondary", onClick: onBack, children: "Back" })
+      (errorMsg || !quotes.length) && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: onBack, children: "Back" })
     ] }),
     step === "contact" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      requiredFields.map((f) => /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-field", children: [
+      fields.map((f) => /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-field", children: [
         /* @__PURE__ */ jsxs("label", { className: "pollar-ramp-label", children: [
           f.label,
           f.optional && /* @__PURE__ */ jsx("span", { className: "pollar-ramp-field-optional", children: " (optional)" })
@@ -3808,175 +4041,178 @@ function RampWidgetTemplate({
             type: f.type,
             className: "pollar-ramp-input",
             value: fieldValues[f.key] ?? "",
-            placeholder: placeholderFor(f, requiredFields, fieldValues),
+            placeholder: placeholderFor(f, fields, fieldValues),
             autoComplete: f.type === "email" ? "email" : "off",
             onChange: (e) => onFieldChange(f.key, e.target.value)
           }
         ),
         f.hint && /* @__PURE__ */ jsx("span", { className: "pollar-ramp-field-hint", children: f.hint }),
-        f.type === "email" && (fieldValues[f.key] ?? "").trim() !== "" && !isFieldValid(f, fieldValues[f.key]) && /* @__PURE__ */ jsx("span", { className: "pollar-ramp-field-error", children: "Enter a valid email address." })
+        rampFieldError(f, fieldValues[f.key]) && /* @__PURE__ */ jsx("span", { className: "pollar-ramp-field-error", children: rampFieldError(f, fieldValues[f.key]) })
       ] }, f.key)),
-      /* @__PURE__ */ jsxs("div", { className: "pollar-modal-actions", children: [
-        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onBack, children: "Back" }),
-        /* @__PURE__ */ jsx(
+      errorMsg && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-field-error", children: errorMsg }),
+      /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "pollar-btn-primary",
+          disabled: fields.some((f) => !rampFieldValid(f, fieldValues[f.key])) || isLoading,
+          onClick: onContactContinue,
+          children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
+            "Starting\u2026"
+          ] }) : "Continue"
+        }
+      ) })
+    ] }),
+    step === "status" && order && view && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment", children: [
+      /* @__PURE__ */ jsx("ol", { className: "pollar-ramp-legs", "aria-label": "Progress", children: order.legs.map((leg) => {
+        const status = rampLegStatus(leg);
+        const hash = leg.onchainTxHash;
+        const note = rampLegNote(leg);
+        return /* @__PURE__ */ jsxs("li", { className: "pollar-ramp-leg", "data-status": status, children: [
+          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-leg-dot", "aria-hidden": true }),
+          /* @__PURE__ */ jsx("span", { className: "pollar-ramp-leg-title", children: rampLegTitle(leg) }),
+          status === "active" && !settled && /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm", "aria-label": "In progress" }),
+          hash && /* @__PURE__ */ jsxs(
+            "a",
+            {
+              className: "pollar-ramp-leg-link",
+              href: explorerTxUrl2(legChain(leg), hash, network),
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: [
+                hash.slice(0, 6),
+                "\u2026",
+                hash.slice(-4)
+              ]
+            }
+          ),
+          note && /* @__PURE__ */ jsx("span", { className: "pollar-ramp-leg-note", children: note }),
+          status === "active" && !settled && !!leg.steps?.length && /* @__PURE__ */ jsx("ol", { className: "pollar-ramp-steps", children: leg.steps.map((s) => /* @__PURE__ */ jsxs("li", { className: "pollar-ramp-step", "data-status": s.status, children: [
+            /* @__PURE__ */ jsx("span", { className: "pollar-ramp-step-title", children: rampStepTitle(s, leg) }),
+            /* @__PURE__ */ jsxs("span", { className: "pollar-ramp-step-state", children: [
+              s.status === "confirming" && /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm", "aria-hidden": true }),
+              s.hash ? /* @__PURE__ */ jsx(
+                "a",
+                {
+                  className: "pollar-ramp-leg-link",
+                  href: explorerTxUrl2(stepChain(s.kind, leg), s.hash, network),
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  children: rampStepStatusText(s)
+                }
+              ) : rampStepStatusText(s)
+            ] })
+          ] }, s.kind)) }),
+          running === leg && !settled && rampLegTimeLeft(leg, now) !== null && /* @__PURE__ */ jsx("span", { className: "pollar-ramp-leg-eta", children: timeLeftText(rampLegTimeLeft(leg, now)) })
+        ] }, leg.index);
+      }) }),
+      nextApproval && !order.pendingAction && /* @__PURE__ */ jsxs("p", { className: "pollar-ramp-next", children: [
+        "Next: ",
+        nextApproval,
+        ". You approve it on this device when it comes up."
+      ] }),
+      receive && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
+        /* @__PURE__ */ jsx("span", { className: "pollar-ramp-payment-label", children: order.state === "completed" ? "You received" : "You receive" }),
+        /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-value", children: [
+          receive.estimated && "~",
+          receive.amount,
+          " ",
+          receive.unit
+        ] })
+      ] }),
+      order.failure && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
+        /* @__PURE__ */ jsx("span", { className: "pollar-ramp-payment-label", children: "What to do" }),
+        /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", children: rampOrderResolutionText(order) }),
+        stopped && !settled && waitsOnRecovery && recoveryMissing !== false && onSetUpRecovery && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onSetUpRecovery, children: "Set up recovery" }),
+        stopped && !settled && waitsOnRecovery && recoveryMissing === true && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", children: "Once it is set up, the order goes on by itself." }),
+        stopped && !settled && order.failure.resolutionOwner === "END_USER" && onRetryOrder && /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
             className: "pollar-btn-primary",
-            disabled: requiredFields.some((f) => !isFieldValid(f, fieldValues[f.key])) || isLoading,
-            onClick: onContactContinue,
-            children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            disabled: retrying || waitsOnRecovery && recoveryMissing === true,
+            onClick: onRetryOrder,
+            children: retrying ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
-              "Starting\u2026"
-            ] }) : "Continue"
+              " Trying again\u2026"
+            ] }) : "Try again"
           }
-        )
-      ] })
-    ] }),
-    step === "status" && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment", children: [
-      /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
-        /* @__PURE__ */ jsx("span", { className: "pollar-ramp-payment-label", children: "Provider" }),
-        /* @__PURE__ */ jsx("div", { className: "pollar-ramp-payment-value", children: /* @__PURE__ */ jsx("code", { children: provider }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
-        /* @__PURE__ */ jsx("span", { className: "pollar-ramp-payment-label", children: "Status" }),
-        /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-value", children: [
-          /* @__PURE__ */ jsx("code", { style: { color: txStatus === "completed" ? "var(--pollar-success-text)" : void 0 }, children: txStatus ? STATUS_LABEL[txStatus] : "Processing" }),
-          txStatus !== "completed" && txStatus !== "failed" && /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm", "aria-label": "Checking status" })
-        ] })
-      ] }),
-      fundsInTransit && txStatus !== "completed" && txStatus !== "failed" && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
-        /* @__PURE__ */ jsx("span", { className: "pollar-ramp-payment-label", children: "Funds in transit" }),
-        /* @__PURE__ */ 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__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onRetryTransit, disabled: retrying, children: retrying ? "Retrying..." : "Retry now" })
-      ] }),
-      settledHash && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
-        /* @__PURE__ */ jsxs("span", { className: "pollar-ramp-payment-label", children: [
-          chainName,
-          " tx"
-        ] }),
+        ),
         /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-value", style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ jsxs("code", { style: { flex: 1, wordBreak: "break-all" }, children: [
-            settledHash.slice(0, 8),
-            "\u2026",
-            settledHash.slice(-8)
+            "Order ",
+            order.id
           ] }),
-          /* @__PURE__ */ jsx(CopyButton, { value: settledHash, label: "Copy transaction hash" }),
-          explorerUrl && /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: explorerUrl,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "pollar-copy-btn",
-              "aria-label": `View on ${EXPLORER_NAME[txChain ?? "STELLAR"]}`,
-              title: `View on ${EXPLORER_NAME[txChain ?? "STELLAR"]}`,
-              children: /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
-                /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    d: "M6 3H3v8h8V8",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    d: "M8.5 2.5h3v3M11 3L6.5 7.5",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
-                  }
-                )
-              ] })
-            }
-          )
+          /* @__PURE__ */ jsx(CopyButton, { value: order.id, label: "Copy order id" })
         ] })
       ] }),
-      depositInstructions?.scannable && txStatus !== "completed" && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
+      !settled && payBy !== null && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", children: payBy > Date.now() ? `Pay before ${new Date(payBy).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}.` : "This payment window has closed. If you have not paid, start a new operation." }),
+      !settled && view.scannable && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
         /* @__PURE__ */ jsx("span", { className: "pollar-ramp-payment-label", children: "Payment QR" }),
-        /* @__PURE__ */ jsx("div", { className: "pollar-ramp-payment-value", children: depositInstructions.scannable.image.inlineSafe ? /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx("div", { className: "pollar-ramp-payment-value", children: view.scannable.image.inlineSafe ? /* @__PURE__ */ jsx(
           "div",
           {
             className: "pollar-ramp-qr",
             "aria-label": "Payment QR",
-            dangerouslySetInnerHTML: { __html: depositInstructions.scannable.image.data }
+            dangerouslySetInnerHTML: { __html: view.scannable.image.data }
           }
         ) : /* @__PURE__ */ jsx(
           "img",
           {
-            src: scannableImageSrc(depositInstructions.scannable.image),
+            src: scannableImageSrc(view.scannable.image),
             alt: "Payment QR",
             style: { width: "100%", maxWidth: 220, height: "auto", display: "block", margin: "0 auto" }
           }
         ) })
       ] }),
-      depositInstructions?.scannable?.payload && depositInstructions.scannable.payloadLabel && txStatus !== "completed" && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
-        /* @__PURE__ */ jsx("span", { className: "pollar-ramp-payment-label", children: depositInstructions.scannable.payloadLabel }),
+      !settled && view.codeMissing && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", style: { color: "var(--pollar-error-text)" }, children: "The payment code could not be shown. Refresh; if it still does not appear, contact this app's support." }),
+      !settled && view.scannable?.payload && view.scannable.payloadLabel && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
+        /* @__PURE__ */ jsx("span", { className: "pollar-ramp-payment-label", children: view.scannable.payloadLabel }),
         /* @__PURE__ */ jsx("div", { className: "pollar-ramp-payment-value", children: /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-          /* @__PURE__ */ jsx("code", { style: { flex: 1, wordBreak: "break-all" }, children: depositInstructions.scannable.payload }),
-          /* @__PURE__ */ jsx(
-            CopyButton,
-            {
-              value: depositInstructions.scannable.payload,
-              label: `Copy ${depositInstructions.scannable.payloadLabel}`
-            }
-          )
+          /* @__PURE__ */ jsx("code", { style: { flex: 1, wordBreak: "break-all" }, children: view.scannable.payload }),
+          /* @__PURE__ */ jsx(CopyButton, { value: view.scannable.payload, label: `Copy ${view.scannable.payloadLabel}` })
         ] }) })
       ] }),
-      depositInstructions && txStatus !== "completed" && depositInstructions.fields.map((f) => /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
-        /* @__PURE__ */ jsx("span", { className: "pollar-ramp-payment-label", children: f.label }),
-        /* @__PURE__ */ jsx("div", { className: "pollar-ramp-payment-value", children: f.copyable ? /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-          /* @__PURE__ */ jsx("code", { style: { flex: 1, wordBreak: "break-all" }, children: f.value }),
-          /* @__PURE__ */ jsx(CopyButton, { value: f.value, label: `Copy ${f.label}` })
-        ] }) : f.type === "url" ? /* @__PURE__ */ jsx("a", { href: f.value, target: "_blank", rel: "noopener noreferrer", children: f.value }) : /* @__PURE__ */ jsx("span", { children: displayValue(f) }) })
-      ] }, f.key)),
-      tosUrl && !depositInstructions && txStatus !== "completed" && /* @__PURE__ */ jsxs("button", { type: "button", className: "pollar-btn-primary", onClick: onOpenTos, children: [
-        "Accept terms at ",
-        provider
-      ] }),
-      kycUrl && !depositInstructions && txStatus !== "completed" && /* @__PURE__ */ jsxs("button", { type: "button", className: "pollar-btn-primary", onClick: onOpenKyc, children: [
-        "Continue at ",
-        provider
-      ] }),
-      kycBlocking && onboardingStatus === "awaiting_provider" && /* @__PURE__ */ jsxs("p", { className: "pollar-ramp-payment-note", children: [
-        provider,
-        " is still setting up your account for this payment method. Your verification is complete and there is nothing left for you to do \u2014 nothing has been sent, and this will update on its own once ",
-        provider,
-        " is ready."
-      ] }),
-      kycBlocking && onboardingStatus !== "awaiting_provider" && /* @__PURE__ */ jsxs("p", { className: "pollar-ramp-payment-note", children: [
-        provider,
-        " needs to verify your identity before this payout. Nothing has been sent yet \u2014 complete verification with ",
-        provider,
-        ", and this will update on its own."
-      ] }),
-      kycJustApproved && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("p", { className: "pollar-ramp-payment-note", children: [
-          provider,
-          " approved your verification. Request a new quote to continue \u2014 the previous one was consumed."
-        ] }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: onRetry, children: "Request a new quote" })
-      ] }),
-      canComplete && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", disabled: completing, onClick: onCompleteWithdraw, children: completing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      !settled && view.details.map((d) => /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
+        /* @__PURE__ */ jsx("span", { className: "pollar-ramp-payment-label", children: d.label }),
+        /* @__PURE__ */ jsx("div", { className: "pollar-ramp-payment-value", children: /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+          /* @__PURE__ */ jsx("code", { style: { flex: 1, wordBreak: "break-all" }, children: d.value }),
+          /* @__PURE__ */ jsx(CopyButton, { value: d.value, label: `Copy ${d.label}` })
+        ] }) })
+      ] }, d.label)),
+      !settled && view.action?.kind === "FIAT_PAYMENT" && onCheckPayment && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", disabled: checkingPayment, onClick: onCheckPayment, children: checkingPayment ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
-        "Submitting\u2026"
-      ] }) : "I've completed KYC \u2014 withdraw" }),
-      errorMsg && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", style: { color: "var(--pollar-error-text)" }, children: errorMsg }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, children: txStatus === "completed" ? "Done" : "Close" })
+        " Checking your payment..."
+      ] }) : "I've paid" }),
+      !settled && view.canSign && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", disabled: signing, onClick: onSign, children: signing ? "Waiting for your wallet\u2026" : "Authorize" }),
+      !settled && view.action?.kind === "SIGNATURE" && !view.canSign && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", children: "Preparing a new signature request\u2026" }),
+      !settled && view.canApprove && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: onApprove, children: "Approve on this device" }),
+      !settled && view.link && /* @__PURE__ */ jsx(
+        "a",
+        {
+          className: "pollar-btn-primary pollar-ramp-hosted-link",
+          href: view.link,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: view.linkLabel
+        }
+      ),
+      !settled && order.pendingAction?.kind === "KYC" && !view.link && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", children: view.note ?? "The provider is reviewing your details. This updates on its own." }),
+      pollTrouble && !settled && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", children: "Having trouble reaching the server. Retrying\u2026" }),
+      errorMsg && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-field-error", children: errorMsg }),
+      /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-explore", children: [
+        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onNewOrder, children: "Start another operation" }),
+        !stopped && /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", children: "This one keeps going; you can resume it later." })
+      ] })
     ] }),
-    step === "error" && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment", children: [
-      /* @__PURE__ */ jsx("p", { className: "pollar-ramp-payment-note", style: { color: "var(--pollar-error-text)" }, children: errorMsg ?? "Unexpected error." }),
+    step === "error" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: errorMsg ?? "Something went wrong." }),
       /* @__PURE__ */ jsxs("div", { className: "pollar-modal-actions", children: [
         /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, children: "Close" }),
         /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: onRetry, children: "Try again" })
       ] })
-    ] }),
-    /* @__PURE__ */ jsx(PollarModalFooter, {})
+    ] })
   ] });
 }
 
@@ -4131,19 +4367,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();
@@ -4463,472 +4706,499 @@ function ProviderRegistrationModal({
     }
   ) });
 }
-var TERMINAL = ["completed", "failed"];
-function requiredFieldsOf(quote) {
-  return quote.requiredFields ?? [];
-}
-function flowStepsOf(quotes, selected) {
-  const needsDetails = selected != null ? requiredFieldsOf(selected).length > 0 : quotes.some((q) => requiredFieldsOf(q).length > 0);
-  return needsDetails ? ["Amount", "Provider", "Details", "Complete"] : ["Amount", "Provider", "Complete"];
-}
-var STEP_LABEL = {
-  input: "Amount",
-  loading_quote: "Amount",
-  select_route: "Provider",
-  contact: "Details",
-  status: "Complete"
-};
-function brokenLimitOf(amount, quote) {
-  const { minAmount, maxAmount } = quote;
-  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 };
-  return null;
-}
-function limitMessage(limit, value, currency) {
-  return `The ${limit === "min" ? "minimum" : "maximum"} amount for this route is ${value} ${currency}.`;
-}
+var PAYMENT_CHECK_EVERY_MS = 1e4;
+var PAYMENT_CHECK_WINDOW_MS = 2 * 6e4;
 var RAMP_ERROR_MESSAGES = {
-  SDK_RAMPS_QUOTE_EXPIRED: "This quote expired. Request a new one and try again.",
-  SDK_RAMPS_ASSET_NOT_ENABLED: "This currency is not available for that route right now.",
-  SDK_RAMPS_KYC_REQUIRED: "The provider needs to verify your identity before continuing.",
-  SDK_RAMPS_WALLET_UNSUPPORTED: "This wallet type cannot be used for this ramp.",
-  SDK_RAMPS_PROVIDER_NOT_CONFIGURED: "This ramp provider is not configured for this app yet.",
-  SDK_RAMPS_ANCHOR_ERROR: "The provider rejected the request. Please try again in a moment.",
-  SDK_RAMPS_BRIDGE_ERROR: "The provider rejected the request. Please try again in a moment.",
-  SDK_RAMPS_ETHERFUSE_ERROR: "The provider rejected the request. Please try again in a moment.",
-  SDK_RAMPS_INSUFFICIENT_BALANCE: "This wallet does not hold enough to cover that amount. Try a smaller one.",
-  // Nothing moved on-chain, so the balance is untouched. Almost always no XLM
-  // for the network fee on a wallet the app does not sponsor.
-  SDK_RAMPS_ONCHAIN_SUBMIT_FAILED: "The network rejected the transaction, so nothing was sent. The wallet may need XLM for the fee."
+  SDK_RAMPS_QUOTE_EXPIRED: "This quote expired. Find a route again.",
+  SDK_RAMPS_QUOTE_NOT_FOUND: "This quote is no longer available. Find a route again.",
+  SDK_RAMPS_ACTION_STALE: "This step changed. It was refreshed; try again.",
+  SDK_RAMPS_TX_NOT_FOUND: "This operation was not found.",
+  SDK_RAMPS_WALLET_NOT_READY: "Approve the new wallet account on your device, then try again."
 };
-function rampErrorMessage(e, fallback) {
-  const body = e?.body;
-  const code = e?.code;
-  if (typeof code !== "string") return e instanceof Error ? e.message : fallback;
-  const limit = body?.limit;
-  const value = body?.limitAmount;
-  const currency = body?.limitCurrency;
-  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 rampErrorMessage(error, fallback) {
+  const unavailable = appUnavailableMessage(error);
+  if (unavailable) return unavailable;
+  if (isPollarApiError(error)) {
+    const known = RAMP_ERROR_MESSAGES[error.code];
+    if (known) return known;
+    const message = error.body.message;
+    if (typeof message === "string" && message && !/^[A-Z0-9_]+$/.test(message)) return message;
+  }
+  return fallback;
 }
-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 routeKey(quote) {
+  const node = (n) => n.kind === "asset" ? `${n.code}:${n.chain}` : `${n.currency}:${n.rail}`;
+  return quote.legs.map((leg) => `${leg.kind}:${node(leg.from)}>${node(leg.to)}`).join("|");
+}
+var DECIMAL = /^\d+(\.\d+)?$/;
+async function signLegWithWallet(client, orderId, actionId) {
+  const lent = [];
+  const lend = (chain, encoding, handler) => {
+    try {
+      lent.push(client.registerRampSigningHandler(chain, encoding, handler));
+    } catch {
+    }
+  };
+  lend("STELLAR", "xdr", async (action) => {
+    const wallet = client.getWallet();
+    if (!wallet) throw new Error("Connect the Stellar wallet this step was built for.");
+    assertRampStellarSigner(action, wallet.address);
+    const outcome = await client.signTx(action.payload.value);
+    if (client.getWallet()?.address !== wallet.address)
+      throw new Error("The connected wallet changed. Refresh before signing.");
+    if (outcome.status === "signed") return outcome.signedXdr;
+    throw new Error(
+      outcome.status === "error" ? outcome.message ?? outcome.details ?? "Signing was cancelled." : "Signing was cancelled."
+    );
+  });
+  lend("SOLANA", "solana-v0-json", async (action) => {
+    const payload = JSON.parse(action.payload.value);
+    const solanaWallet = () => client.getWallets().find((w) => w.chain === "SOLANA" && w.custody === "external");
+    const wallet = solanaWallet();
+    if (!wallet || payload.from !== wallet.address || !payload.unsignedTransaction)
+      throw new Error("This step must be signed by the Solana wallet it was built for. Reconnect that wallet.");
+    const signed = await client.signSolanaTransaction(payload.unsignedTransaction);
+    if (solanaWallet()?.address !== wallet.address) throw new Error("The connected wallet changed. Refresh before signing.");
+    return signed;
+  });
+  try {
+    return await client.signRampLeg(orderId, actionId);
+  } finally {
+    for (const release of lent) release();
+  }
 }
 function RampWidget({ onClose }) {
-  const { getClient, signTx, wallet, styles, network } = usePollar();
-  const walletAddress = wallet?.address ?? "";
+  const {
+    getClient,
+    styles,
+    network,
+    openCosignModal,
+    setCosignNextStep,
+    openRecoveryModal,
+    recovery,
+    recoveryLocked,
+    appConfig,
+    cosign,
+    refreshWalletBalance
+  } = usePollar();
   const client = getClient();
   const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
   const [step, setStep] = useState("input");
-  const [direction, setDirection] = useState("onramp");
-  const [amount, setAmount] = useState("");
-  const [currency, setCurrency] = useState("");
+  const [direction, setDirection] = useState("ONRAMP");
+  const [routes, setRoutes] = useState([]);
+  const [routesLoading, setRoutesLoading] = useState(true);
   const [country, setCountry] = useState("");
-  const [fieldValues, setFieldValues] = useState({});
-  const setFieldValue = (key, value) => setFieldValues((v) => ({ ...v, [key]: value }));
-  const [countries, setCountries] = useState([]);
-  const [countriesLoading, setCountriesLoading] = useState(true);
-  const [refreshing, setRefreshing] = useState(false);
+  const [fiatChoice, setFiatChoice] = useState("");
+  const [assetChoice, setAssetChoice] = useState("");
+  const [amount, setAmount] = useState("");
   const [quotes, setQuotes] = useState([]);
-  const [requirementsRequired, setRequirementsRequired] = useState([]);
-  const [selectedQuote, setSelectedQuote] = useState(null);
+  const [rejected, setRejected] = useState([]);
+  const [selected, setSelected] = useState(null);
+  const [startingQuoteId, setStartingQuoteId] = useState(null);
+  const [fieldValues, setFieldValues] = useState({});
+  const [order, setOrder] = useState(null);
+  const [pendingOrders, setPendingOrders] = useState([]);
   const [isLoading, setIsLoading] = useState(false);
-  const [pendingKyc, setPendingKyc] = useState(null);
-  const [noticeMsg, setNoticeMsg] = useState(null);
-  const kycAttempt = useRef(null);
-  useEffect(
-    () => () => {
-      kycAttempt.current = null;
-    },
-    []
-  );
-  const [txId, setTxId] = useState(null);
-  const [provider, setProvider] = useState("");
-  const [kycUrl, setKycUrl] = useState(null);
-  const [tosUrl, setTosUrl] = useState(null);
-  const [kycPending, setKycPending] = useState(false);
-  const [kycApproved, setKycApproved] = useState(false);
-  const [onboardingStatus, setOnboardingStatus] = useState(void 0);
-  const [txStatus, setTxStatus] = useState(null);
-  const [stellarTxHash, setStellarTxHash] = useState(null);
-  const [txHash, setTxHash] = useState(null);
-  const [txChain, setTxChain] = useState(null);
-  const [fundsInTransit, setFundsInTransit] = useState(false);
-  const [retrying, setRetrying] = useState(false);
-  const [depositInstructions, setDepositInstructions] = useState(null);
-  const [completing, setCompleting] = useState(false);
+  const [refreshing, setRefreshing] = useState(false);
+  const [signing, setSigning] = useState(false);
   const [errorMsg, setErrorMsg] = useState(null);
-  const signingRef = useRef(false);
-  const directionRef = 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);
-    }
-  }
-  useEffect(() => {
-    if (step !== "status" || !txId) return;
-    if (txStatus && TERMINAL.includes(txStatus)) return;
-    let active = true;
-    const id = setInterval(async () => {
-      try {
-        const tx = await client.getRampTransaction(txId);
-        if (!active) return;
-        setTxStatus(tx.status);
-        applySettlement(tx);
-        const pending = tx.pendingSignature;
-        if (pending && !signingRef.current) {
-          signingRef.current = true;
-          void resumeRef.current(txId, pending).finally(() => {
-            signingRef.current = false;
-          });
-        }
-        if (tx.kycUrl) setKycUrl(tx.kycUrl);
-        if (tx.depositInstructions) setDepositInstructions(tx.depositInstructions);
-        if (TERMINAL.includes(tx.status)) clearInterval(id);
-      } catch {
-      }
-    }, 5e3);
-    return () => {
-      active = false;
-      clearInterval(id);
-    };
-  }, [step, txId, txStatus, client]);
+  const [verifying, setVerifying] = useState(null);
+  const [trustingAsset, setTrustingAsset] = useState(null);
+  const [walletBusy, setWalletBusy] = useState(null);
+  const [retrying, setRetrying] = useState(false);
+  const [awaitingAccount, setAwaitingAccount] = useState(null);
+  const [pollTrouble, setPollTrouble] = useState(false);
+  const [pollKey, setPollKey] = useState(0);
+  const [paymentCheckUntil, setPaymentCheckUntil] = useState(null);
+  const promptedApproval = useRef(null);
+  const custodyChoice = appConfig.application?.walletCustodyMode === "USER_CHOICE";
+  const appChains = appConfig.application?.chains;
+  const verifyAttempt = useRef(null);
+  const countries = useMemo(() => rampCountries(routes), [routes]);
+  const fiats = countries.find((c) => c.country === country)?.fiats ?? [];
+  const fiat = fiats.find((f) => fiatKey(f) === fiatChoice) ?? fiats[0] ?? null;
+  const assets = useMemo(() => {
+    const seen = /* @__PURE__ */ new Map();
+    for (const route of routes)
+      if (fiat && route.fiat.country === country && fiatKey(route.fiat) === fiatKey(fiat))
+        seen.set(assetKey3(route.asset), route.asset);
+    return [...seen.values()];
+  }, [routes, country, fiat]);
+  const asset = assets.find((a) => assetKey3(a) === assetChoice) ?? assets[0] ?? null;
+  const fields = selected ? rampQuoteFields(selected) : [];
+  const sellAvailable = useWalletAvailable(
+    direction === "OFFRAMP" && asset ? { chain: asset.chain, code: asset.code, issuer: asset.identifier } : null
+  );
   useEffect(() => {
-    if (step !== "status" || !kycPending || kycApproved) return;
-    if (onboardingStatus === "awaiting_provider") return;
-    let active = true;
-    const check = async () => {
-      try {
-        const { hasApproved } = await client.getRampKycStatus();
-        if (active && hasApproved) setKycApproved(true);
-      } catch {
-      }
-    };
-    void check();
-    const id = setInterval(check, 1e4);
-    return () => {
-      active = false;
-      clearInterval(id);
-    };
-  }, [step, kycPending, kycApproved, onboardingStatus, client]);
-  async function loadCountries(resetSelection) {
-    setCountriesLoading(true);
+    if (direction === "OFFRAMP") void refreshWalletBalance();
+  }, [direction, refreshWalletBalance]);
+  async function loadRoutes(next) {
+    setRoutesLoading(true);
     try {
-      const { countries: list } = await client.getRampCountries();
-      setCountries(list);
-      const first = list[0];
-      const stillValid = list.some((c) => c.code === country);
-      if (first && (resetSelection || !stillValid)) {
-        setCountry(first.code);
-        if (first.currency) setCurrency(first.currency);
-      }
-    } catch {
-      setCountries([]);
+      const { routes: found } = await client.getRampRoutes(next);
+      setRoutes(found);
+      const first = rampCountries(found)[0]?.country ?? "";
+      setCountry((current) => found.some((r) => r.fiat.country === current) ? current : first);
+    } catch (error) {
+      setRoutes([]);
+      setErrorMsg(rampErrorMessage(error, "Could not load the ramp routes."));
     } finally {
-      setCountriesLoading(false);
+      setRoutesLoading(false);
     }
   }
-  useEffect(() => {
-    loadCountries(true);
-  }, []);
-  function handleCountryChange(code) {
-    setCountry(code);
-    const match = countries.find((c) => c.code === code);
-    if (match?.currency) setCurrency(match.currency);
-  }
-  async function handleRefresh() {
-    if (refreshing) return;
-    setRefreshing(true);
+  async function loadPendingOrders() {
     try {
-      await loadCountries(false);
-      if (step === "select_route") {
-        const result = await client.getRampsQuote({ country, amount: Number(amount), currency, direction });
-        setQuotes(result.quotes ?? []);
-        setRequirementsRequired(result.requirementsRequired ?? []);
-      } else if (step === "status" && txId) {
-        const tx = await client.getRampTransaction(txId);
-        setTxStatus(tx.status);
-        applySettlement(tx);
-        if (tx.kycUrl) setKycUrl(tx.kycUrl);
-        if (tx.depositInstructions) setDepositInstructions(tx.depositInstructions);
-      }
+      const page = await client.listRampOrders({ open: "true", limit: 5 });
+      setPendingOrders(page.orders);
     } catch {
-    } finally {
-      setRefreshing(false);
+      setPendingOrders([]);
     }
   }
-  function resetToInput({ keepMessage = false } = {}) {
-    setStep("input");
-    setQuotes([]);
-    setRequirementsRequired([]);
-    setSelectedQuote(null);
-    setFieldValues({});
-    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);
-  }
-  async function resumeWithSignature(id, ps) {
-    const outcome = await signTx(ps.unsignedXdr);
-    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");
-      return;
-    }
-    const result = await client.submitRampSignature(id, {
-      signedXdr: outcome.signedXdr,
-      // The CCTP actions are not in the generated schema until it is regenerated.
-      action: ps.action
+  useEffect(() => {
+    void loadRoutes(direction);
+  }, [client, direction]);
+  useEffect(() => {
+    void loadPendingOrders();
+  }, [client]);
+  const orderId = order?.id ?? null;
+  useEffect(() => {
+    if (step !== "status" || !orderId) return;
+    const controller = new AbortController();
+    client.pollRampOrder(orderId, {
+      signal: controller.signal,
+      onUpdate: (next) => {
+        setOrder(next);
+        setPollTrouble(false);
+      },
+      onError: () => setPollTrouble(true)
+    }).catch((error) => {
+      if (!controller.signal.aborted) setErrorMsg(rampErrorMessage(error, "This operation could not be read."));
     });
-    await applyResult(result);
-  }
-  const resumeRef = useRef(resumeWithSignature);
-  resumeRef.current = resumeWithSignature;
-  async function applyResult(result) {
-    setTxId(result.txId);
-    setProvider(result.provider);
-    if (result.pendingSignature) {
-      await resumeWithSignature(result.txId, result.pendingSignature);
+    return () => controller.abort();
+  }, [client, step, orderId, pollKey]);
+  const awaitingPayment = step === "status" && order?.pendingAction?.kind === "FIAT_PAYMENT";
+  useEffect(() => {
+    if (paymentCheckUntil === null || !orderId) return;
+    if (!awaitingPayment) {
+      setPaymentCheckUntil(null);
+      setPollKey((key) => key + 1);
       return;
     }
-    setKycUrl(result.kycUrl ?? null);
-    setTosUrl(result.tosUrl ?? null);
-    setOnboardingStatus(result.onboardingStatus);
-    setKycPending(result.kycRequired === true);
-    if (result.kycRequired) setKycApproved(false);
-    setTxStatus(result.status);
-    setStellarTxHash(result.stellarTxHash ?? null);
-    setDepositInstructions(result.depositInstructions ?? null);
-    setStep("status");
-  }
-  async function loadQuotes() {
-    const result = await client.getRampsQuote({ country, amount: Number(amount), currency, direction });
-    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.`
-      );
-      setStep("error");
-      return false;
+    const timer = setInterval(() => {
+      if (Date.now() >= paymentCheckUntil) {
+        setPaymentCheckUntil(null);
+        return;
+      }
+      client.checkRampOrder(orderId).then(setOrder).catch(() => void 0);
+    }, PAYMENT_CHECK_EVERY_MS);
+    return () => clearInterval(timer);
+  }, [client, orderId, awaitingPayment, paymentCheckUntil]);
+  const approval = order?.pendingAction?.kind === "COSIGN_APPROVAL" ? order.pendingAction.actionId : null;
+  useEffect(() => {
+    if (!approval || promptedApproval.current === approval) return;
+    promptedApproval.current = approval;
+    void client.cosign.pending().catch(() => void 0).then(() => openCosignModal());
+  }, [approval, client, openCosignModal]);
+  const nextApproval = step === "status" && order ? rampNextApproval(order) : null;
+  useEffect(() => {
+    setCosignNextStep(nextApproval);
+  }, [nextApproval, setCosignNextStep]);
+  useEffect(() => () => setCosignNextStep(null), [setCosignNextStep]);
+  const resolvedRequest = cosign.lastResolved;
+  useEffect(() => {
+    if (!awaitingAccount || resolvedRequest?.id !== awaitingAccount.requestId) return;
+    setAwaitingAccount(null);
+    if (resolvedRequest.status !== "APPROVED") {
+      setErrorMsg("The new account was not approved, so this route cannot start.");
+      return;
     }
-    setQuotes(list);
-    setRequirementsRequired(locked);
-    return true;
+    void resumeRoute(awaitingAccount.routeKey);
+  }, [awaitingAccount, resolvedRequest]);
+  function handleDirectionChange(next) {
+    setDirection(next);
+    setErrorMsg(null);
+    setAwaitingAccount(null);
   }
   async function handleFindRoute() {
+    if (!fiat || !asset) return [];
+    if (!DECIMAL.test(amount.trim()) || Number(amount) <= 0) {
+      setErrorMsg("Enter an amount greater than zero.");
+      return [];
+    }
     setStep("loading_quote");
-    setIsLoading(true);
     setErrorMsg(null);
+    setSelected(null);
     try {
-      if (!await loadQuotes()) return;
+      const result = await client.quoteRamp({
+        direction,
+        fiat: { currency: fiat.currency, rail: fiat.rail, country: fiat.country },
+        asset: { code: asset.code, identifier: asset.identifier, chain: asset.chain },
+        amount: { value: amount.trim(), denomination: "in" }
+      });
+      setQuotes(result.quotes);
+      setRejected(result.rejected);
       setStep("select_route");
-    } catch (e) {
-      setErrorMsg(rampErrorMessage(e, "Failed to fetch quotes."));
+      return result.quotes;
+    } catch (error) {
+      if (isPollarApiError(error) && error.code === "SDK_RAMPS_NO_ROUTE") {
+        setQuotes([]);
+        setRejected(Array.isArray(error.body.rejected) ? error.body.rejected : []);
+        setStep("select_route");
+        return [];
+      }
+      setErrorMsg(rampErrorMessage(error, "Could not find a route. Please try again."));
       setStep("error");
+      return [];
+    }
+  }
+  function handleVerifyRoute(requirement) {
+    setErrorMsg(null);
+    verifyAttempt.current = requirement;
+    setVerifying(requirement);
+  }
+  function closeVerification() {
+    verifyAttempt.current = null;
+    setVerifying(null);
+  }
+  function verificationDone(requirement) {
+    if (verifyAttempt.current !== requirement) return;
+    closeVerification();
+    void handleFindRoute();
+  }
+  async function handleTrustAsset(asset2) {
+    if (trustingAsset) return;
+    setTrustingAsset(`${asset2.code}:${asset2.issuer}`);
+    setErrorMsg(null);
+    try {
+      const outcome = await client.setTrustline(asset2);
+      if (outcome.status === "error") {
+        setErrorMsg(rampTrustlineErrorText(outcome, asset2.code));
+        return;
+      }
+      if (outcome.status === "cosign_pending") {
+        setErrorMsg(`Approve the ${asset2.code} trustline, then refresh the routes.`);
+        openCosignModal();
+        return;
+      }
+      await client.refreshAssets().catch(() => {
+      });
+      await handleFindRoute();
+    } catch (error) {
+      setErrorMsg(rampErrorMessage(error, `Could not add the ${asset2.code} trustline. Please try again.`));
     } finally {
-      setIsLoading(false);
+      setTrustingAsset(null);
     }
   }
-  function handleSelectQuote(quote) {
-    setSelectedQuote(quote);
+  async function handleWalletStep(walletStep, index, custody) {
+    if (walletBusy !== null) return;
+    setWalletBusy(index);
     setErrorMsg(null);
-    setNoticeMsg(null);
-    const broken = brokenLimitOf(Number(amount), quote);
-    if (broken) {
-      setErrorMsg(limitMessage(broken.limit, broken.value, currency));
-      return;
+    try {
+      const { recoveryRequired } = await client.runRampWalletStep(walletStep, custody);
+      if (recoveryRequired) {
+        setErrorMsg("Add a way to recover your wallet, then find the route again.");
+        openRecoveryModal();
+        return;
+      }
+      await handleFindRoute();
+    } catch (error) {
+      const code = isPollarApiError(error) ? error.code : null;
+      if (code === "SDK_RAMPS_WALLET_NOT_READY") {
+        setErrorMsg("Approve the new account, then find the route again.");
+        openCosignModal();
+        return;
+      }
+      setErrorMsg(
+        code === "SDK_WALLET_PROVISIONING_DISABLED" ? "This app does not create wallets." : rampErrorMessage(error, "Could not prepare the wallet. Please try again.")
+      );
+    } finally {
+      setWalletBusy(null);
     }
-    const fields = requiredFieldsOf(quote);
-    const missing = fields.some((f) => !f.optional && !(fieldValues[f.key] ?? "").trim());
-    if (fields.length > 0 && missing) {
-      setStep("contact");
+  }
+  async function resumeRoute(key) {
+    const same = (await handleFindRoute()).find((q) => routeKey(q) === key);
+    if (same) handleSelectQuote(same, true);
+    else setErrorMsg("That route is no longer available. Pick another one.");
+  }
+  function handleSelectQuote(quote, fresh = false) {
+    if (!fresh && Date.parse(quote.expiresAt) <= Date.now()) {
+      void resumeRoute(routeKey(quote));
       return;
     }
-    void startRamp(quote);
-  }
-  function handleContactContinue() {
-    if (selectedQuote) void startRamp(selectedQuote);
+    setSelected(quote);
+    setErrorMsg(null);
+    const missing = rampQuoteFields(quote).some((f) => !f.optional && !(fieldValues[f.key] ?? "").trim());
+    if (missing) setStep("contact");
+    else void startOrder(quote, fresh);
   }
-  async function startRamp(quote) {
+  async function startOrder(quote, fresh = false) {
     setIsLoading(true);
+    setStartingQuoteId(quote.quoteId);
     setErrorMsg(null);
+    setAwaitingAccount(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 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;
-        else extraFields[f.key] = val;
+      const payee = Object.fromEntries(
+        rampQuoteFields(quote).map((f) => [f.key, (fieldValues[f.key] ?? "").trim()]).filter(([, value]) => value)
+      );
+      const created = await client.createRampOrder({
+        quoteId: quote.quoteId,
+        ...Object.keys(payee).length ? { payee } : {}
+      });
+      setOrder(created);
+      setStep("status");
+    } catch (error) {
+      if (isPollarApiError(error) && error.code === "SDK_RAMPS_WALLET_NOT_READY") {
+        const pending = await client.cosign.pending().catch(() => []);
+        const request = pending.find((r) => r.intent === "add_accounts");
+        if (request) setAwaitingAccount({ routeKey: routeKey(quote), requestId: request.id });
+        else setErrorMsg(rampErrorMessage(error, "Could not start the operation. Please try again."));
+        openCosignModal();
+        setStep("select_route");
+        return;
       }
-      if (Object.keys(extraFields).length > 0) base.fields = extraFields;
-      const result = direction === "onramp" ? await client.createOnRamp(base) : await client.createOffRamp(base);
-      await applyResult(result);
-    } catch (e) {
-      const requirement = requiredRampKyc(e);
-      if (requirement) {
-        setStep(requiredFieldsOf(quote).length ? "contact" : "select_route");
-        setErrorMsg(
-          requirement.type === "KYC" ? "Identity verification is required before continuing." : "A few more details are required before continuing."
-        );
-        kycAttempt.current = requirement;
-        setPendingKyc(requirement);
+      if (isPollarApiError(error) && error.code === "SDK_RAMPS_QUOTE_EXPIRED" && !fresh) {
+        void resumeRoute(routeKey(quote));
         return;
       }
-      setErrorMsg(rampErrorMessage(e, "Failed to start the ramp."));
-      setStep("error");
+      setErrorMsg(rampErrorMessage(error, "Could not start the operation. Please try again."));
+      if (isPollarApiError(error) && error.code === "VALIDATION_ERROR" && rampQuoteFields(quote).length) setStep("contact");
+      else setStep("select_route");
     } finally {
       setIsLoading(false);
+      setStartingQuoteId(null);
     }
   }
-  async function requoteAfterKyc(completed = "KYC") {
-    setStep("loading_quote");
+  async function handleSign() {
+    const action = order?.pendingAction;
+    if (!order || action?.kind !== "SIGNATURE" || signing) return;
+    setSigning(true);
+    setErrorMsg(null);
+    try {
+      setOrder(await signLegWithWallet(client, order.id, action.actionId));
+    } catch (error) {
+      setErrorMsg(rampErrorMessage(error, error instanceof Error && error.message ? error.message : "Signing was cancelled."));
+      setOrder(await client.getRampOrder(order.id).catch(() => order));
+    } finally {
+      setSigning(false);
+    }
+  }
+  async function handleResumeOrder(id) {
     setIsLoading(true);
     setErrorMsg(null);
-    setSelectedQuote(null);
     try {
-      if (!await loadQuotes()) return;
-      setNoticeMsg(
-        completed === "KYC" ? "Your identity is verified. Prices may have changed, so choose a route to continue." : "Thanks, your details are saved. Prices may have changed, so choose a route to continue."
-      );
-      setStep("select_route");
-    } catch (e) {
-      setErrorMsg(rampErrorMessage(e, "Failed to fetch quotes."));
-      setStep("error");
+      const found = await client.getRampOrder(id);
+      setDirection(found.direction);
+      setOrder(found);
+      setStep("status");
+    } catch (error) {
+      setErrorMsg(rampErrorMessage(error, "Could not resume the operation."));
     } finally {
       setIsLoading(false);
     }
   }
-  function handleVerifyRoute(requirement) {
-    const attempt = pendingFromQuote(requirement);
+  function handleNewOrder() {
+    setAwaitingAccount(null);
+    setOrder(null);
+    setSelected(null);
+    setQuotes([]);
+    setRejected([]);
     setErrorMsg(null);
-    setNoticeMsg(null);
-    kycAttempt.current = attempt;
-    setPendingKyc(attempt);
+    setStep("input");
+    void loadPendingOrders();
   }
-  function handleOpenKyc() {
-    if (kycUrl) window.open(kycUrl, "_blank", "noopener,noreferrer");
+  function handleBack() {
+    setErrorMsg(null);
+    setAwaitingAccount(null);
+    setStep(step === "contact" ? "select_route" : "input");
   }
-  function handleOpenTos() {
-    if (tosUrl) window.open(tosUrl, "_blank", "noopener,noreferrer");
+  function handleStepSelect(target) {
+    setErrorMsg(null);
+    setAwaitingAccount(null);
+    setStep(target === "Route" ? "select_route" : "input");
   }
-  async function handleCompleteWithdraw() {
-    if (!txId) return;
-    setCompleting(true);
+  async function handleCheckPayment() {
+    if (!order || paymentCheckUntil !== null) return;
     setErrorMsg(null);
+    setPaymentCheckUntil(Date.now() + PAYMENT_CHECK_WINDOW_MS);
     try {
-      const result = await client.completeWithdraw(txId);
-      if (result.pendingSignature) {
-        await resumeWithSignature(txId, result.pendingSignature);
-        return;
-      }
-      setTxStatus(result.status);
-      setStellarTxHash(result.stellarTxHash ?? null);
-    } catch (e) {
-      const msg = e instanceof Error ? e.message : "";
-      setErrorMsg(
-        msg.includes("KYC") ? "Finish KYC at the provider first, then try again." : msg || "Failed to complete the withdrawal."
-      );
+      setOrder(await client.checkRampOrder(order.id));
+    } catch (error) {
+      setPaymentCheckUntil(null);
+      setErrorMsg(rampErrorMessage(error, "Could not check the payment. Please try again."));
+    }
+  }
+  async function handleRetryOrder() {
+    if (!order || retrying) return;
+    setRetrying(true);
+    setErrorMsg(null);
+    try {
+      setOrder(await client.retryRampOrder(order.id));
+      setPollKey((key) => key + 1);
+    } catch (error) {
+      setErrorMsg(rampErrorMessage(error, "Could not try again. Please try again."));
     } finally {
-      setCompleting(false);
+      setRetrying(false);
     }
   }
-  const kycBlocking = kycPending && !kycApproved;
-  const canComplete = direction === "offramp" && step === "status" && txStatus !== "completed" && !stellarTxHash && !txHash && !kycPending;
-  const flowSteps = flowStepsOf(quotes, selectedQuote);
-  const flowStepIndex = flowSteps.indexOf(STEP_LABEL[step] ?? "");
-  if (pendingKyc?.type === "FORM") {
-    return /* @__PURE__ */ jsx(
-      RequirementFormModal,
-      {
-        formId: pendingKyc.optionId,
-        ...pendingKyc.progress ? { progress: pendingKyc.progress } : {},
-        onClose: () => {
-          kycAttempt.current = null;
-          setPendingKyc(null);
-        },
-        onSubmitted: () => {
-          if (kycAttempt.current !== pendingKyc) return;
-          kycAttempt.current = null;
-          setPendingKyc(null);
-          void requoteAfterKyc("FORM");
-        }
+  const heldForRecovery = step === "status" && order?.failure?.resolutionAction === "set_up_recovery";
+  const wasRecoveryLocked = useRef(recoveryLocked);
+  useEffect(() => {
+    if (heldForRecovery && wasRecoveryLocked.current && !recoveryLocked && recovery) void handleRetryOrder();
+    wasRecoveryLocked.current = recoveryLocked;
+  }, [heldForRecovery, recoveryLocked, recovery]);
+  async function handleRefresh() {
+    if (refreshing) return;
+    setRefreshing(true);
+    try {
+      if (step === "status" && order) {
+        setOrder(await client.getRampOrder(order.id));
+        setPollKey((key) => key + 1);
+      } else if (step === "select_route") await handleFindRoute();
+      else {
+        await loadRoutes(direction);
+        await loadPendingOrders();
+        if (direction === "OFFRAMP") await refreshWalletBalance();
       }
-    );
-  }
-  if (pendingKyc?.type === "REGISTRY_CHECK" || pendingKyc?.type === "PROVIDER_REGISTRATION") {
-    const close = () => {
-      kycAttempt.current = null;
-      setPendingKyc(null);
-    };
-    const done = () => {
-      if (kycAttempt.current !== pendingKyc) return;
-      close();
-      void requoteAfterKyc(pendingKyc.type);
-    };
-    const progress = pendingKyc.progress ? { progress: pendingKyc.progress } : {};
-    return pendingKyc.type === "REGISTRY_CHECK" ? /* @__PURE__ */ jsx(RegistryCheckModal, { optionId: pendingKyc.optionId, ...progress, onClose: close, onApproved: done }) : /* @__PURE__ */ jsx(ProviderRegistrationModal, { corridorId: pendingKyc.corridorId, ...progress, onClose: close, onRegistered: done });
+    } catch (error) {
+      setErrorMsg(rampErrorMessage(error, "Could not refresh."));
+    } finally {
+      setRefreshing(false);
+    }
   }
-  if (pendingKyc) {
+  const flowSteps = fields.length || quotes.some((q) => rampQuoteFields(q).length) ? ["Amount", "Route", "Details", "Complete"] : ["Amount", "Route", "Complete"];
+  const stepLabel = {
+    input: "Amount",
+    loading_quote: "Amount",
+    select_route: "Route",
+    contact: "Details",
+    status: "Complete"
+  };
+  const label = stepLabel[step];
+  if (verifying) {
+    const progress = { progress: { position: verifying.completed + 1, total: verifying.total } };
+    const done = () => verificationDone(verifying);
+    if (verifying.type === "FORM")
+      return /* @__PURE__ */ jsx(RequirementFormModal, { formId: verifying.optionId, ...progress, onClose: closeVerification, onSubmitted: done });
+    if (verifying.type === "REGISTRY_CHECK")
+      return /* @__PURE__ */ jsx(RegistryCheckModal, { optionId: verifying.optionId, ...progress, onClose: closeVerification, onApproved: done });
+    if (verifying.type === "PROVIDER_REGISTRATION")
+      return /* @__PURE__ */ jsx(
+        ProviderRegistrationModal,
+        {
+          corridorId: verifying.corridorId,
+          ...progress,
+          onClose: closeVerification,
+          onRegistered: done
+        }
+      );
     return /* @__PURE__ */ jsx(
       KycModal,
       {
         country,
-        corridorId: pendingKyc.corridorId,
-        providerId: pendingKyc.optionId,
-        onClose: () => {
-          kycAttempt.current = null;
-          setPendingKyc(null);
-        },
-        onApproved: () => {
-          if (kycAttempt.current !== pendingKyc) return;
-          kycAttempt.current = null;
-          setPendingKyc(null);
-          void requoteAfterKyc();
-        }
+        corridorId: verifying.corridorId,
+        providerId: verifying.optionId,
+        onClose: closeVerification,
+        onApproved: done
       }
     );
   }
@@ -4937,59 +5207,79 @@ function RampWidget({ onClose }) {
     {
       theme,
       accentColor,
-      styleOverrides,
+      ...styleOverrides ? { styleOverrides } : {},
+      network,
       step,
       flowSteps,
-      flowStepIndex,
-      startingQuoteId: isLoading && selectedQuote ? selectedQuote.quoteId : null,
+      flowStepIndex: label ? flowSteps.indexOf(label) : -1,
       direction,
-      amount,
-      currency,
-      country,
-      requiredFields: selectedQuote ? requiredFieldsOf(selectedQuote) : [],
-      fieldValues,
+      routesLoading,
       countries,
-      countriesLoading,
-      refreshing,
+      country,
+      fiats,
+      fiat,
+      assets,
+      asset,
+      amount,
+      sellAvailable,
       quotes,
-      kycRequired: requirementsRequired,
+      rejected,
+      startingQuoteId,
+      fields,
+      fieldValues,
+      order,
+      pendingOrders,
       isLoading,
-      provider,
-      txStatus,
-      kycUrl,
-      tosUrl,
-      kycBlocking,
-      onboardingStatus: onboardingStatus ?? null,
-      kycJustApproved: kycPending && kycApproved,
-      stellarTxHash,
-      txHash,
-      txChain,
-      explorerUrl: explorerTxUrl2(txChain ?? "STELLAR", txHash ?? stellarTxHash, network),
-      fundsInTransit,
-      retrying,
-      onRetryTransit: handleRetryTransit,
-      depositInstructions,
-      canComplete,
-      completing,
+      refreshing,
+      signing,
       errorMsg,
-      noticeMsg,
-      onDirectionChange: setDirection,
-      onAmountChange: (next) => {
-        setAmount(next);
+      notice: awaitingAccount ? "Approve the new account on your device. The order starts once it is approved." : null,
+      onDirectionChange: handleDirectionChange,
+      onCountryChange: (next) => {
+        setCountry(next);
+        setFiatChoice("");
+        setAssetChoice("");
+      },
+      onFiatChange: (key) => {
+        setFiatChoice(key);
+        setAssetChoice("");
+      },
+      onAssetChange: setAssetChoice,
+      onAmountChange: (value) => {
+        setAmount(value);
         setErrorMsg(null);
       },
-      onFieldChange: setFieldValue,
-      onCountryChange: handleCountryChange,
-      onFindRoute: handleFindRoute,
-      onSelectQuote: handleSelectQuote,
+      onFindRoute: () => void handleFindRoute(),
+      onSelectQuote: (quote) => handleSelectQuote(quote),
       onVerifyRoute: handleVerifyRoute,
-      onContactContinue: handleContactContinue,
-      onOpenKyc: handleOpenKyc,
-      onOpenTos: handleOpenTos,
-      onCompleteWithdraw: handleCompleteWithdraw,
-      onBack: () => resetToInput({ keepMessage: true }),
-      onRetry: () => resetToInput(),
-      onRefresh: handleRefresh,
+      trustingAsset,
+      onTrustAsset: (asset2) => void handleTrustAsset(asset2),
+      walletBusy,
+      custodyChoice,
+      onWalletStep: (walletStep, index, custody) => void handleWalletStep(walletStep, index, custody),
+      noChains: Array.isArray(appChains) && appChains.length === 0,
+      onFieldChange: (key, value) => setFieldValues((current) => ({ ...current, [key]: value })),
+      onContactContinue: () => {
+        if (selected) void startOrder(selected);
+      },
+      onSign: () => void handleSign(),
+      onApprove: openCosignModal,
+      retrying,
+      onRetryOrder: () => void handleRetryOrder(),
+      onSetUpRecovery: openRecoveryModal,
+      recoveryMissing: recovery === null ? null : recoveryLocked,
+      pollTrouble,
+      checkingPayment: paymentCheckUntil !== null,
+      onCheckPayment: () => void handleCheckPayment(),
+      onResumeOrder: (id) => void handleResumeOrder(id),
+      onNewOrder: handleNewOrder,
+      onBack: handleBack,
+      onStepSelect: handleStepSelect,
+      onRetry: () => {
+        setErrorMsg(null);
+        setStep("input");
+      },
+      onRefresh: () => void handleRefresh(),
       onClose
     }
   ) });
@@ -5089,6 +5379,8 @@ function ReceiveModalTemplate({
   onSelectChain,
   copied,
   notReadyReason,
+  recoveryLocked,
+  onSetupRecovery,
   onCopy,
   onClose
 }) {
@@ -5107,7 +5399,10 @@ function ReceiveModalTemplate({
           /* @__PURE__ */ jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) }) })
         ] }),
         chains && onSelectChain && /* @__PURE__ */ jsx(ChainSelect, { value: selectedChain, options: chains, onChange: onSelectChain }),
-        walletAddress ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        recoveryLocked ? /* @__PURE__ */ jsxs("div", { className: "pollar-receive-locked", role: "alert", children: [
+          /* @__PURE__ */ 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__ */ jsx("button", { type: "button", className: "pollar-receive-copy-btn", onClick: onSetupRecovery, children: "Set up recovery" })
+        ] }) : walletAddress ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs("div", { className: "pollar-receive-qr", children: [
             /* @__PURE__ */ jsxs("div", { className: "pollar-receive-network-badge", children: [
               /* @__PURE__ */ jsx("span", { className: "pollar-receive-network-dot", "aria-hidden": true }),
@@ -5181,7 +5476,7 @@ function ReceiveModalTemplate({
   );
 }
 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] = useState(false);
   const copyTimerRef = useRef(null);
@@ -5223,6 +5518,11 @@ function ReceiveModal({ onClose }) {
         setSelectedChain(chain);
       },
       notReadyReason,
+      recoveryLocked,
+      onSetupRecovery: () => {
+        onClose();
+        openRecoveryModal();
+      },
       copied,
       onCopy: handleCopy,
       onClose
@@ -5438,7 +5738,7 @@ function formatBalance(balance) {
   const n = parseFloat(balance);
   return isNaN(n) ? balance : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
 }
-function assetKey3(record) {
+function assetKey4(record) {
   return `${record.code}:${record.issuer ?? "native"}`;
 }
 function chainLabel(chain) {
@@ -5509,8 +5809,8 @@ function SendAssetSelector({ assets, selectedAsset, loading, onSelectAsset }) {
         }
       ),
       open && assets.length > 0 && /* @__PURE__ */ jsx("div", { className: "pollar-send-asset-menu", role: "listbox", "aria-label": "Assets", children: assets.map((asset) => {
-        const key = assetKey3(asset);
-        const selected = selectedAsset ? key === assetKey3(selectedAsset) : false;
+        const key = assetKey4(asset);
+        const selected = selectedAsset ? key === assetKey4(selectedAsset) : false;
         return /* @__PURE__ */ jsxs(
           "button",
           {
@@ -5554,6 +5854,9 @@ function SendModalTemplate({
   destination,
   formError,
   isLoadingBalance,
+  isCheckingDestination = false,
+  minStartingBalance = 1,
+  onCreateAccount,
   transaction,
   showXdr,
   copied,
@@ -5583,8 +5886,10 @@ function SendModalTemplate({
   const cssVars = buildModalCssVars(theme, accentColor, styleOverrides);
   const parsedAmount = amount ? Number(amount) : 0;
   const availableAmount = selectedAsset?.available === null || selectedAsset?.available === void 0 ? 0 : Number(selectedAsset.available);
-  const canSubmit = canSendOnChain && !notReadyReason && !!selectedAsset && Number.isFinite(parsedAmount) && parsedAmount > 0 && parsedAmount <= availableAmount && !!destination.trim() && !isLoadingBalance;
-  const title = step === "form" ? "Send" : txTitle;
+  const canSubmit = canSendOnChain && !notReadyReason && !!selectedAsset && Number.isFinite(parsedAmount) && parsedAmount > 0 && parsedAmount <= availableAmount && !!destination.trim() && !isLoadingBalance && !isCheckingDestination;
+  const title = step === "form" ? "Send" : step === "create-account" ? "Create account?" : txTitle;
+  const createsWithNative = selectedAsset?.type === "native";
+  const meetsMinimum = Number.isFinite(parsedAmount) && parsedAmount >= minStartingBalance;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -5634,51 +5939,25 @@ function SendModalTemplate({
               onSelectAsset
             }
           ),
+          /* @__PURE__ */ jsx(
+            AmountField,
+            {
+              id: "pollar-send-amount",
+              label: "Amount",
+              value: amount,
+              onChange: onAmountChange,
+              unit: selectedAsset?.code,
+              available: selectedAsset ? selectedAsset.available : void 0,
+              onMax
+            }
+          ),
           /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
-            /* @__PURE__ */ jsxs("div", { className: "pollar-send-label-row", children: [
-              /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Amount" }),
-              selectedAsset && /* @__PURE__ */ jsxs("span", { className: "pollar-send-hint", children: [
-                "Available: ",
-                formatBalance(selectedAsset.available),
-                " ",
-                selectedAsset.code
-              ] })
-            ] }),
+            /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Destination wallet" }),
             /* @__PURE__ */ jsxs("div", { className: "pollar-send-input-shell", children: [
               /* @__PURE__ */ jsx(
                 "input",
                 {
-                  className: "pollar-input pollar-send-amount-input",
-                  type: "text",
-                  inputMode: "decimal",
-                  placeholder: "0.00",
-                  value: amount,
-                  onChange: (e) => onAmountChange(e.target.value),
-                  "aria-label": "Amount"
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "pollar-send-input-suffix", children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: "pollar-send-inline-action",
-                    onClick: onMax,
-                    disabled: !selectedAsset?.available,
-                    children: "Max"
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { children: selectedAsset?.code ?? "" })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
-            /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Destination wallet" }),
-            /* @__PURE__ */ jsxs("div", { className: "pollar-send-input-shell", children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  className: "pollar-input pollar-send-destination-input",
+                  className: "pollar-input pollar-send-destination-input",
                   type: "text",
                   placeholder: destinationPlaceholder(selectedChain),
                   value: destination,
@@ -5723,7 +6002,41 @@ function SendModalTemplate({
             ] })
           ] }),
           formError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: formError }),
-          /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx("button", { className: "pollar-btn-primary", onClick: onSubmit, disabled: !canSubmit, children: "Continue" }) })
+          /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx("button", { className: "pollar-btn-primary", onClick: onSubmit, disabled: !canSubmit, children: isCheckingDestination ? "Checking destination\u2026" : "Continue" }) })
+        ] }),
+        step === "create-account" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "pollar-send-notice", children: [
+            /* @__PURE__ */ jsx("p", { className: "pollar-send-notice-title", children: "This account doesn't exist yet" }),
+            /* @__PURE__ */ jsx("p", { className: "pollar-send-notice-address", children: destination.trim() }),
+            createsWithNative ? /* @__PURE__ */ jsxs("p", { children: [
+              "A Stellar account has to be created and funded before it can receive payments. Instead of a payment, this will",
+              " ",
+              /* @__PURE__ */ jsx("strong", { children: "create the account" }),
+              " with ",
+              amount,
+              " XLM as its starting balance."
+            ] }) : /* @__PURE__ */ jsxs("p", { children: [
+              "It can't receive ",
+              selectedAsset?.code ?? "this asset",
+              " yet: it has to be created and funded with XLM first, and then add a trustline for ",
+              selectedAsset?.code ?? "the asset",
+              "."
+            ] }),
+            createsWithNative && !meetsMinimum && /* @__PURE__ */ jsxs("p", { className: "pollar-send-notice-warning", children: [
+              "A new account needs a starting balance of at least ",
+              minStartingBalance,
+              " XLM. Go back and raise the amount to create it."
+            ] }),
+            /* @__PURE__ */ jsx("p", { children: "Or wait until another wallet funds it, and send afterwards." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-send-account-actions", children: [
+            createsWithNative && onCreateAccount && /* @__PURE__ */ jsxs("button", { className: "pollar-btn-primary", onClick: onCreateAccount, disabled: !meetsMinimum, children: [
+              "Create account with ",
+              amount,
+              " XLM"
+            ] }),
+            /* @__PURE__ */ jsx("button", { className: "pollar-btn-secondary", onClick: onBack, children: "I'll wait until it's funded" })
+          ] })
         ] }),
         step === "tx" && /* @__PURE__ */ jsx(
           TxStatusView,
@@ -5746,6 +6059,11 @@ function SendModalTemplate({
   );
 }
 var MAX_MEMO_ID = 18446744073709551615n;
+var SOLANA_FEE_MARGIN_LAMPORTS = 10000n;
+function solanaMaxAfterFee(available) {
+  const lamports = BigInt(toBaseUnits(available, 9)) - SOLANA_FEE_MARGIN_LAMPORTS;
+  return fromBaseUnits((lamports > 0n ? lamports : 0n).toString(), 9);
+}
 function parseMemo(type, raw) {
   const value = type === "id" ? raw.trim() : raw;
   if (value.trim() === "") return void 0;
@@ -5755,6 +6073,7 @@ function parseMemo(type, raw) {
   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 };
 }
+var MIN_STARTING_BALANCE_XLM = 1;
 function assetParam(record) {
   if (record.type === "native") return { type: "native" };
   if (record.type === "credit_alphanum4") {
@@ -5772,11 +6091,14 @@ function SendModal({ onClose }) {
     tx: transaction,
     wallet,
     network,
-    styles
+    styles,
+    getClient
   } = usePollar();
   const walletType = wallet?.custody === "external" ? wallet.provider : null;
   const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
   const [step, setStep] = useState("form");
+  const [createsAccount, setCreatesAccount] = useState(false);
+  const [checkingDestination, setCheckingDestination] = useState(false);
   const [amount, setAmount] = useState("");
   const [destination, setDestination] = useState("");
   const [memo, setMemo] = useState("");
@@ -5832,8 +6154,15 @@ function SendModal({ onClose }) {
     "building-signing-submitting"
   ];
   const isInProgress = IN_FLIGHT_STEPS3.includes(transaction.step);
-  const showBack = step === "tx" && (transaction.step === "error" || transaction.step === "success") && !isInProgress;
-  const txTitle = isInProgress ? "Sending\u2026" : transaction.step === "success" ? "Sent!" : transaction.step === "error" ? "Send failed" : "Confirm Send";
+  const showBack = step === "create-account" || step === "tx" && (transaction.step === "error" || transaction.step === "success") && !isInProgress;
+  const txTitle = createsAccount ? isInProgress ? "Creating account\u2026" : transaction.step === "success" ? "Account created!" : transaction.step === "error" ? "Create account failed" : "Confirm Create Account" : isInProgress ? "Sending\u2026" : transaction.step === "success" ? "Sent!" : transaction.step === "error" ? "Send failed" : "Confirm Send";
+  async function stellarAccountExists(address) {
+    try {
+      return (await getClient().getWalletBalance(address)).exists;
+    } catch {
+      return null;
+    }
+  }
   async function handleSubmit() {
     setFormError("");
     if (!canSendOnChain) {
@@ -5880,6 +6209,16 @@ function SendModal({ onClose }) {
         return;
       }
     }
+    if (selectedChain === "STELLAR") {
+      setCheckingDestination(true);
+      const exists = await stellarAccountExists(destination.trim());
+      setCheckingDestination(false);
+      if (exists === false) {
+        setStep("create-account");
+        return;
+      }
+    }
+    setCreatesAccount(false);
     setStep("tx");
     if (selectedChain === "SOLANA" || selectedChain === "POLYGON") {
       await sendPayment({
@@ -5898,6 +6237,17 @@ function SendModal({ onClose }) {
       parsedMemo ? { memo: parsedMemo } : void 0
     );
   }
+  async function handleCreateAccount() {
+    const parsedMemo = parseMemo(memoType, memo);
+    if (typeof parsedMemo === "string" || parseFloat(amount) < MIN_STARTING_BALANCE_XLM) return;
+    setCreatesAccount(true);
+    setStep("tx");
+    await buildTx(
+      "create_account",
+      { destination: destination.trim(), startingBalance: amount },
+      parsedMemo ? { memo: parsedMemo } : void 0
+    );
+  }
   function handleSignAndSend() {
     if (transaction.step === "built") {
       void signAndSubmitTx(transaction.buildData.unsignedXdr);
@@ -5905,7 +6255,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("");
     }
   }
@@ -5944,6 +6302,7 @@ function SendModal({ onClose }) {
   }
   function handleBack() {
     setStep("form");
+    setCreatesAccount(false);
     setShowXdr(false);
     setCopied(false);
   }
@@ -5966,6 +6325,9 @@ function SendModal({ onClose }) {
       destination,
       formError,
       isLoadingBalance: walletBalance.step === "loading",
+      isCheckingDestination: checkingDestination,
+      minStartingBalance: MIN_STARTING_BALANCE_XLM,
+      onCreateAccount: () => void handleCreateAccount(),
       transaction,
       showXdr,
       copied,
@@ -6253,7 +6615,7 @@ function SwapModalTemplate({
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "pollar-swap-panel-main", children: [
-                /* @__PURE__ */ jsx("div", { className: `pollar-swap-output${quoteLoading ? " is-loading" : ""}`, "aria-live": "polite", children: quoteLoading ? /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }) : formatAmount2(quote?.amountOut) }),
+                /* @__PURE__ */ jsx("div", { className: `pollar-swap-output${quoteLoading ? " is-loading" : ""}`, "aria-live": "polite", children: quoteLoading ? /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm" }) : quote ? `~${formatAmount2(quote.amountOut)}` : "\u2014" }),
                 /* @__PURE__ */ jsxs("div", { className: "pollar-swap-panel-selector", children: [
                   /* @__PURE__ */ jsx(
                     AssetPill,
@@ -6717,7 +7079,6 @@ function EarnModal({ onClose }) {
     earnWithdraw,
     tx: transaction,
     wallet,
-    walletBalance,
     refreshWalletBalance,
     enabledAssets,
     refreshAssets,
@@ -6799,13 +7160,9 @@ function EarnModal({ onClose }) {
   const withdrawUnit = position?.withdrawUnit ?? "asset";
   const assetCode = selectedOpportunity?.asset.code ?? "";
   const amountUnitLabel = tab === "deposit" ? assetCode : withdrawUnit === "shares" ? "shares" : assetCode;
-  const walletAvailable = (() => {
-    if (!selectedOpportunity) return null;
-    const balances = walletBalance.step === "loaded" ? walletBalance.data.balances : [];
-    const issuer = selectedOpportunity.asset.issuer;
-    const rec = balances.find((b) => issuer === null ? b.type === "native" : b.code === assetCode && b.issuer === issuer);
-    return rec ? rec.available : null;
-  })();
+  const walletAvailable = useWalletAvailable(
+    selectedOpportunity ? { chain: "STELLAR", code: assetCode, issuer: selectedOpportunity.asset.issuer } : null
+  );
   const depositAssetRecord = (() => {
     if (!selectedOpportunity?.asset.issuer || enabledAssets.step !== "loaded") return void 0;
     return enabledAssets.data.assets.find(
@@ -7039,37 +7396,17 @@ function EarnModal({ onClose }) {
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
-            /* @__PURE__ */ jsxs("div", { className: "pollar-send-label-row", children: [
-              /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: tab === "deposit" ? "Amount" : "Withdraw amount" }),
-              tab === "deposit" && walletAvailable != null && /* @__PURE__ */ jsxs("button", { type: "button", className: "pollar-swap-custom-toggle", onClick: () => setAmount(walletAvailable), children: [
-                "Max: ",
-                formatAmount3(walletAvailable),
-                " ",
-                amountUnitLabel
-              ] }),
-              tab === "withdraw" && position && /* @__PURE__ */ jsxs("button", { type: "button", className: "pollar-swap-custom-toggle", onClick: () => setAmount(position.withdrawable), children: [
-                "Max: ",
-                formatAmount3(position.withdrawable),
-                " ",
-                amountUnitLabel
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "pollar-earn-amount", children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  className: "pollar-input",
-                  type: "text",
-                  inputMode: "decimal",
-                  placeholder: "0.00",
-                  value: amount,
-                  onChange: (e) => setAmount(e.target.value)
-                }
-              ),
-              amountUnitLabel && /* @__PURE__ */ jsx("span", { className: "pollar-earn-amount-unit", children: amountUnitLabel })
-            ] })
-          ] }),
+          /* @__PURE__ */ jsx(
+            AmountField,
+            {
+              id: "pollar-earn-amount",
+              label: tab === "deposit" ? "Amount" : "Withdraw amount",
+              value: amount,
+              onChange: setAmount,
+              unit: amountUnitLabel,
+              available: tab === "deposit" ? walletAvailable : position ? position.withdrawable : void 0
+            }
+          ),
           formError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: formError }),
           depositNeedsTrustline && selectedOpportunity && /* @__PURE__ */ jsxs("div", { className: "pollar-swap-trustline-notice", children: [
             "To deposit ",
@@ -7101,13 +7438,16 @@ function EarnModal({ onClose }) {
 }
 
 // src/components/card-modal/card-kyc.ts
-var nonEmpty2 = (value) => typeof value === "string" && !!value.trim();
+var nonEmpty = (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 (!nonEmpty2(cardProviderId) || !nonEmpty2(optionId)) return null;
+  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 (!nonEmpty(cardProviderId) || !nonEmpty(optionId)) return null;
   if (requirementType === "KYC" || requirementType === "FORM" || requirementType === "REGISTRY_CHECK" || requirementType === "PROVIDER_REGISTRATION") {
     return { cardProviderId, type: requirementType, optionId };
   }
@@ -7262,6 +7602,8 @@ function CardModal({ onClose }) {
   const [error, setError] = useState("");
   const revealTimer = useRef(null);
   const provider = providers?.[0] ?? null;
+  const fundingAsset = provider?.fundingAssets[0] ?? "USDC";
+  const fundAvailable = useWalletAvailable(panel === "fund" ? { chain: "STELLAR", code: fundingAsset } : null);
   const card = cards?.[0] ?? null;
   const loadHolder = useCallback(async () => {
     const h = await getClient().getCardHolder();
@@ -7760,15 +8102,17 @@ function CardModal({ onClose }) {
           transactions === null && /* @__PURE__ */ jsx("p", { className: "pollar-card-note", children: "Loading..." }),
           transactions?.length === 0 && /* @__PURE__ */ 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__ */ jsxs("div", { className: "pollar-card-tx", children: [
               /* @__PURE__ */ jsxs("div", { children: [
                 tx.merchantName ?? TX_LABELS[tx.type] ?? tx.type,
                 /* @__PURE__ */ 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__ */ jsxs("div", { className: "pollar-card-tx-amount", "data-direction": tx.direction ?? void 0, children: [
@@ -7785,19 +8129,18 @@ function CardModal({ onClose }) {
             provider.fundingAssets.join(" or ") || "USDC",
             " from your wallet to your card. It takes a few minutes to cross to the card network."
           ] }),
-          /* @__PURE__ */ jsxs("label", { className: "pollar-send-field", children: [
-            /* @__PURE__ */ jsx("span", { className: "pollar-send-label", children: "Amount (USDC)" }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                className: "pollar-input",
-                inputMode: "decimal",
-                placeholder: "10",
-                value: fundAmount,
-                onChange: (e) => setFundAmount(e.target.value.replace(/[^0-9.]/g, ""))
-              }
-            )
-          ] }),
+          /* @__PURE__ */ jsx(
+            AmountField,
+            {
+              id: "pollar-card-fund-amount",
+              label: "Amount",
+              value: fundAmount,
+              onChange: (value) => setFundAmount(value.replace(/[^0-9.]/g, "")),
+              unit: fundingAsset,
+              available: fundAvailable,
+              placeholder: "10"
+            }
+          ),
           /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx(
             "button",
             {
@@ -8167,7 +8510,8 @@ function useCosign() {
     revokeDevice: useCallback(
       (deviceId, options) => getClient().cosign.revokeDevice(deviceId, options),
       [getClient]
-    )
+    ),
+    switchCustody: useCallback((to) => getClient().cosign.switchCustody(to), [getClient])
   };
 }
 var OPERATION_LABELS = {
@@ -8189,6 +8533,15 @@ function expiresIn(request) {
   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: fromBaseUnits(amount, decimals), symbol };
+  } catch {
+    return null;
+  }
+}
 function detailRows(request) {
   const details = request.details ?? {};
   const rows = [];
@@ -8200,14 +8553,21 @@ function detailRows(request) {
     ]);
   };
   push("Destination", details.destination);
-  push("Amount", details.amount);
-  push("Asset", details.asset ?? details.assetCode);
+  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__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "m3 3 8 8M11 3l-8 8", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" }) });
 }
+function VerifiedIcon() {
+  return /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
+    /* @__PURE__ */ jsx("path", { d: "M3.5 7l2.5 2.5 4.5-5", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
 function CosignModalTemplate({
   theme,
   accentColor,
@@ -8220,6 +8580,8 @@ function CosignModalTemplate({
   approveBlocked = false,
   lastResolved,
   explorerUrl,
+  closesIn = null,
+  nextStep = null,
   onSelect,
   onApprove,
   onReject,
@@ -8228,6 +8590,8 @@ function CosignModalTemplate({
   const cssVars = buildModalCssVars(theme, accentColor, styleOverrides);
   const verified = verification?.ok === true;
   const canVote = !!current && verified && !busy && !approveBlocked;
+  const [verifiedOpenFor, setVerifiedOpenFor] = useState(null);
+  const verifiedOpen = !!current && verifiedOpenFor === current.id;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -8240,27 +8604,48 @@ function CosignModalTemplate({
           /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Confirm with your device" }),
           /* @__PURE__ */ jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", title: "Close", children: /* @__PURE__ */ jsx(CloseIcon2, {}) }) })
         ] }),
-        pending.length === 0 && /* @__PURE__ */ jsx("div", { className: "pollar-cosign-empty", children: lastResolved ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          lastResolved.status === "APPROVED" && /* @__PURE__ */ jsxs("svg", { className: "pollar-cosign-approved-icon", width: "44", height: "44", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
-            /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M3.5 7l2.5 2.5 4.5-5",
-                stroke: "white",
-                strokeWidth: "1.2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
+        pending.length === 0 && /* @__PURE__ */ jsxs("div", { className: "pollar-cosign-empty", children: [
+          lastResolved ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            lastResolved.status === "APPROVED" && /* @__PURE__ */ jsxs("svg", { className: "pollar-cosign-approved-icon", width: "44", height: "44", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
+              /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  d: "M3.5 7l2.5 2.5 4.5-5",
+                  stroke: "white",
+                  strokeWidth: "1.2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "pollar-cosign-empty-title", children: lastResolved.status === "APPROVED" ? "Approved" : lastResolved.status === "REJECTED" ? "Rejected" : lastResolved.status.toLowerCase() }),
+            /* @__PURE__ */ jsx("p", { className: "pollar-cosign-muted", children: lastResolved.submit?.hash ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              "Sent. Transaction",
+              " ",
+              explorerUrl ? /* @__PURE__ */ jsx("a", { className: "pollar-cosign-tx-link", href: explorerUrl, target: "_blank", rel: "noopener noreferrer", children: cropAddress(lastResolved.submit.hash) }) : cropAddress(lastResolved.submit.hash),
+              /* @__PURE__ */ jsx(
+                CopyButton,
+                {
+                  value: lastResolved.submit.hash,
+                  label: "Copy transaction hash",
+                  className: "pollar-copy-btn-sm pollar-cosign-copy"
+                }
+              )
+            ] }) : lastResolved.signedXdr ? "Signed. The app will send it." : "Nothing was signed." })
+          ] }) : /* @__PURE__ */ jsx("p", { className: "pollar-cosign-muted", children: "Nothing waits for your approval." }),
+          nextStep && /* @__PURE__ */ jsxs("p", { className: "pollar-cosign-next", children: [
+            /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm", "aria-hidden": true }),
+            " Next: ",
+            nextStep,
+            ". It appears here in a few seconds."
           ] }),
-          /* @__PURE__ */ jsx("p", { className: "pollar-cosign-empty-title", children: lastResolved.status === "APPROVED" ? "Approved" : lastResolved.status === "REJECTED" ? "Rejected" : lastResolved.status.toLowerCase() }),
-          /* @__PURE__ */ jsx("p", { className: "pollar-cosign-muted", children: lastResolved.submit?.hash ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            "Sent. Transaction",
-            " ",
-            explorerUrl ? /* @__PURE__ */ 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__ */ jsx("p", { className: "pollar-cosign-muted", children: "Nothing waits for your approval." }) }),
+          closesIn !== null && /* @__PURE__ */ jsxs("p", { className: "pollar-cosign-muted pollar-cosign-closing", children: [
+            "Closing in ",
+            closesIn,
+            "s"
+          ] })
+        ] }),
         pending.length > 1 && /* @__PURE__ */ jsx("ul", { className: "pollar-cosign-list", children: pending.map((r) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
           "button",
           {
@@ -8274,9 +8659,27 @@ function CosignModalTemplate({
           }
         ) }, r.id)) }),
         current && /* @__PURE__ */ jsxs("div", { className: "pollar-cosign-detail", children: [
-          /* @__PURE__ */ jsx("p", { className: "pollar-cosign-detail-title", children: labelOf(current) }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-cosign-detail-head", children: [
+            /* @__PURE__ */ jsx("p", { className: "pollar-cosign-detail-title", children: labelOf(current) }),
+            !verification && /* @__PURE__ */ jsxs("span", { className: "pollar-cosign-chip", children: [
+              /* @__PURE__ */ jsx("span", { className: "pollar-spinner pollar-spinner-sm", "aria-hidden": true }),
+              "Checking..."
+            ] }),
+            verification?.ok && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: "pollar-cosign-chip pollar-cosign-chip-ok",
+                "aria-expanded": verifiedOpen,
+                onClick: () => setVerifiedOpenFor(verifiedOpen ? null : current.id),
+                children: [
+                  /* @__PURE__ */ jsx(VerifiedIcon, {}),
+                  "Verified"
+                ]
+              }
+            )
+          ] }),
           current.summary && /* @__PURE__ */ jsx("p", { className: "pollar-cosign-muted", children: current.summary }),
-          /* @__PURE__ */ jsx(GroupSteps, { request: current }),
           /* @__PURE__ */ jsxs("dl", { className: "pollar-cosign-rows", children: [
             detailRows(current).map(([k, v]) => /* @__PURE__ */ jsxs("div", { className: "pollar-cosign-row", children: [
               /* @__PURE__ */ jsx("dt", { children: k }),
@@ -8287,140 +8690,637 @@ function CosignModalTemplate({
               /* @__PURE__ */ jsx("dd", { children: expiresIn(current) })
             ] })
           ] }),
-          /* @__PURE__ */ 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}`
-              ]
-            }
-          ),
+          verification?.ok && verifiedOpen && /* @__PURE__ */ jsx("div", { className: "pollar-cosign-verify pollar-cosign-verify-ok", children: "Checked against Turnkey: this is exactly what will be signed." }),
+          verification && !verification.ok && /* @__PURE__ */ jsxs("div", { className: "pollar-cosign-verify pollar-cosign-verify-bad", children: [
+            "Not verified: ",
+            verification.reason
+          ] }),
           error && /* @__PURE__ */ jsx("div", { className: "pollar-cosign-error", children: error }),
           /* @__PURE__ */ jsxs("div", { className: "pollar-cosign-actions", children: [
             /* @__PURE__ */ jsx(
-              "button",
+              "button",
+              {
+                type: "button",
+                className: "pollar-cosign-btn pollar-cosign-btn-secondary",
+                disabled: !!busy,
+                onClick: () => onReject(current),
+                children: busy === "rejecting" ? "Rejecting..." : "Reject"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-cosign-btn pollar-cosign-btn-primary",
+                disabled: !canVote,
+                onClick: () => onApprove(current),
+                children: busy === "approving" ? "Approving..." : "Approve"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+var CLOSE_AFTER_SECONDS = 3;
+var CLOSE_AFTER_SENT_SECONDS = 5;
+var NEXT_REQUEST_EVERY_MS = 2e3;
+function CosignModal({ nextStep = null, onClose }) {
+  const { getClient, styles, network } = usePollar();
+  const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
+  const { pending, lastResolved, loaded, refresh, approve, reject, verify, inspectQuorum } = useCosign();
+  const [selectedId, setSelectedId] = useState(null);
+  const [verification, setVerification] = useState(null);
+  const [busy, setBusy] = useState(null);
+  const [error, setError] = useState(null);
+  const [approveFailedFor, setApproveFailedFor] = useState(null);
+  const [quorumFailure, setQuorumFailure] = useState(null);
+  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 = useRef(current);
+  currentRef.current = current;
+  const currentId = current?.id ?? null;
+  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 = useRef(onClose);
+  onCloseRef.current = onClose;
+  useEffect(() => {
+    return getClient().onAuthStateChange((authState) => {
+      if (authState.step === "idle") onCloseRef.current();
+    });
+  }, [getClient]);
+  const silent = pending.length === 0 && (lastResolved ? lastResolved.status === "APPROVED" && !lastResolved.submit?.hash && !lastResolved.signedXdr : loaded);
+  const sent = pending.length === 0 && lastResolved?.status === "APPROVED" && !!lastResolved.submit?.hash;
+  const awaitingNext = sent && !!nextStep;
+  const closeAfter = awaitingNext ? null : sent ? CLOSE_AFTER_SENT_SECONDS : silent ? CLOSE_AFTER_SECONDS : null;
+  useEffect(() => {
+    if (!awaitingNext) return;
+    const timer = setInterval(() => void refresh().catch(() => void 0), NEXT_REQUEST_EVERY_MS);
+    return () => clearInterval(timer);
+  }, [awaitingNext, refresh]);
+  const [closesIn, setClosesIn] = useState(null);
+  useEffect(() => {
+    if (closeAfter === null) {
+      setClosesIn(null);
+      return;
+    }
+    let left = closeAfter;
+    setClosesIn(left);
+    const timer = setInterval(() => {
+      left -= 1;
+      if (left > 0) setClosesIn(left);
+      else {
+        clearInterval(timer);
+        onCloseRef.current();
+      }
+    }, 1e3);
+    return () => clearInterval(timer);
+  }, [closeAfter, lastResolved?.id]);
+  const run = useCallback(
+    async (kind, request, action) => {
+      setBusy(kind);
+      setError(null);
+      try {
+        await action(request);
+      } catch (err) {
+        setError(transactionErrorMessage(isPollarApiError(err) ? err.code : null, err instanceof Error ? err.message : null));
+        if (kind === "approving") setApproveFailedFor(request.id);
+      } finally {
+        setBusy(null);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ 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 } : {},
+      closesIn,
+      nextStep: awaitingNext ? nextStep : null,
+      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] = useState(p.state.choice ? null : p.state.toCustody);
+  const [risksAccepted, setRisksAccepted] = 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__ */ jsxs("div", { className: "pollar-modal-card pollar-recovery-modal", "data-theme": p.theme, style: cssVars, children: [
+    /* @__PURE__ */ jsx("div", { className: "pollar-modal-header", children: /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Move your wallets to this device" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-body", children: [
+      /* @__PURE__ */ 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__ */ jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsx("h3", { children: "What moves" }),
+        moving.map((w) => /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-item", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            CHAIN_NAME3[w.chain] ?? w.chain,
+            " \xB7 ",
+            short(w.address)
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "pollar-recovery-tag", children: w.addressChanges ? "New address" : "Same address" })
+        ] }, w.chain))
+      ] }),
+      changing.length > 0 && /* @__PURE__ */ 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__ */ jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsx("h3", { children: "Choose how your wallet signs" }),
+        /* @__PURE__ */ jsxs("label", { className: "pollar-recovery-check", children: [
+          /* @__PURE__ */ 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__ */ jsxs("label", { className: "pollar-recovery-check", children: [
+          /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "pollar-recovery-banner pollar-recovery-banner-warn", role: "alert", children: SELF_CUSTODY_RISKS }),
+        /* @__PURE__ */ jsxs("label", { className: "pollar-recovery-check", children: [
+          /* @__PURE__ */ jsx("input", { type: "checkbox", checked: risksAccepted, onChange: (e) => setRisksAccepted(e.target.checked) }),
+          " I understand and accept these risks"
+        ] })
+      ] }),
+      failed && !p.error && /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("button", { type: "button", className: "pollar-recovery-btn pollar-recovery-btn-quiet", onClick: p.onLater, disabled: p.busy, children: "Continue for now" }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-recovery-btn pollar-recovery-btn-quiet", onClick: p.onLogout, disabled: p.busy, children: "Log out" }),
+      p.error && /* @__PURE__ */ jsx("p", { className: "pollar-recovery-error", role: "alert", children: p.error })
+    ] }),
+    /* @__PURE__ */ jsx(PollarModalFooter, {})
+  ] });
+}
+function CustodyMigrationModal({ state, onMoved, onLater }) {
+  const { getClient, styles } = usePollar();
+  const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const [blockedReasons, setBlockedReasons] = useState(null);
+  async function move(custody) {
+    setBusy(true);
+    setError(null);
+    setBlockedReasons(null);
+    try {
+      await getClient().cosign.migrateWallets(custody);
+      onMoved();
+    } catch (err) {
+      if (isPollarApiError(err) && err.code === "SDK_CUSTODY_MIGRATION_BLOCKED") {
+        const reasons = err.body.reasons;
+        setBlockedReasons(Array.isArray(reasons) ? reasons.map(String) : []);
+        return;
+      }
+      setError(transactionErrorMessage(isPollarApiError(err) ? err.code : null, err instanceof Error ? err.message : null));
+    } finally {
+      setBusy(false);
+    }
+  }
+  return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", style: overlayStyle, children: /* @__PURE__ */ jsx(
+    CustodyMigrationModalTemplate,
+    {
+      theme,
+      accentColor,
+      styleOverrides,
+      state,
+      busy,
+      error,
+      blockedReasons,
+      onMove: (custody) => void move(custody),
+      onLater,
+      onLogout: () => void getClient().logout()
+    }
+  ) });
+}
+function CloseIcon3() {
+  return /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ 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__ */ 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] = useState("");
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: "pollar-recovery-row",
+      onSubmit: (e) => {
+        e.preventDefault();
+        if (code.trim()) props.onSubmit(code);
+      },
+      children: [
+        /* @__PURE__ */ 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__ */ 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] = useState(false);
+  const [risksAccepted, setRisksAccepted] = 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__ */ jsx("p", { className: "pollar-recovery-muted", children: "Loading your wallet's recovery methods..." });
+  } else if (!state.required) {
+    body = /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ 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__ */ jsx(Button, { busy: p.busy, id: "recover-passkey", label: "Use a passkey", kind: "primary", onClick: p.onRecoverWithPasskey }),
+      state.email.verified && /* @__PURE__ */ jsx(
+        Button,
+        {
+          busy: p.busy,
+          id: "recover-send",
+          label: `Email a code to ${state.email.address ?? "your email"}`,
+          onClick: () => p.onView("recover-email")
+        }
+      ),
+      /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ 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__ */ 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__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ 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__ */ jsx(Button, { busy: p.busy, id: "recover-send", label: "Send code", kind: "primary", onClick: p.onSendRecoveryCode }) : /* @__PURE__ */ jsx(CodeForm, { busy: p.busy, id: "recover-code", label: "Recover", onSubmit: p.onRecoverWithCode }),
+      /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "back", label: "Back", onClick: () => p.onView("overview") })
+    ] });
+  } else if (p.view === "email") {
+    body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ 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__ */ jsxs(
+        "form",
+        {
+          className: "pollar-recovery-row",
+          onSubmit: (e) => {
+            e.preventDefault();
+            p.onSendEmailCode();
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
               {
-                type: "button",
-                className: "pollar-cosign-btn pollar-cosign-btn-secondary",
-                disabled: !!busy,
-                onClick: () => onReject(current),
-                children: busy === "rejecting" ? "Rejecting..." : "Reject"
+                className: "pollar-recovery-input",
+                type: "email",
+                value: p.emailDraft,
+                onChange: (e) => p.onEmailDraft(e.target.value),
+                placeholder: "you@example.com",
+                "aria-label": "Email"
               }
             ),
             /* @__PURE__ */ jsx(
-              "button",
+              Button,
               {
-                type: "button",
-                className: "pollar-cosign-btn pollar-cosign-btn-primary",
-                disabled: !canVote,
-                onClick: () => onApprove(current),
-                children: busy === "approving" ? "Approving..." : "Approve"
+                busy: p.busy,
+                id: "email-send",
+                label: "Send code",
+                kind: "primary",
+                onClick: p.onSendEmailCode,
+                disabled: !p.emailDraft.trim()
               }
             )
+          ]
+        }
+      ) : /* @__PURE__ */ jsx(CodeForm, { busy: p.busy, id: "email-confirm", label: "Confirm", onSubmit: p.onConfirmEmail }),
+      /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "back", label: "Back", onClick: () => p.onView("overview") })
+    ] });
+  } else if (p.view === "export") {
+    body = p.phrase ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ 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__ */ jsx("pre", { className: "pollar-recovery-phrase", children: p.phrase }),
+      /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "hide", label: "Hide", kind: "primary", onClick: () => p.onView("overview") })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ 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__ */ jsxs("label", { className: "pollar-recovery-check", children: [
+        /* @__PURE__ */ jsx("input", { type: "checkbox", checked: exportAccepted, onChange: (e) => setExportAccepted(e.target.checked) }),
+        " I understand that whoever sees the phrase controls the wallet"
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          busy: p.busy,
+          id: "export",
+          label: "Show recovery phrase",
+          kind: "danger",
+          onClick: p.onExport,
+          disabled: !exportAccepted
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "back", label: "Back", onClick: () => p.onView("overview") })
+    ] });
+  } else {
+    const enrollments = p.devices?.enrollments ?? [];
+    body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      locked ? /* @__PURE__ */ 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__ */ jsx("div", { className: "pollar-recovery-banner pollar-recovery-banner-ok", role: "status", children: "Your wallet can be recovered if you lose this device." }),
+      /* @__PURE__ */ jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsx("h3", { children: "Passkeys" }),
+        state.passkeys.length === 0 && /* @__PURE__ */ jsx("p", { className: "pollar-recovery-muted", children: "No passkey yet." }),
+        state.passkeys.map((pk) => /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-item", children: [
+          /* @__PURE__ */ jsx("span", { children: pk.name }),
+          /* @__PURE__ */ 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__ */ jsx(Button, { busy: p.busy, id: "passkey", label: "Add a passkey", onClick: p.onAddPasskey }) : /* @__PURE__ */ jsx("p", { className: "pollar-recovery-muted", children: "Passkeys aren't available on this device." })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsx("h3", { children: "Email" }),
+        state.email.verified ? /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-item", children: [
+          /* @__PURE__ */ jsx("span", { children: state.email.address }),
+          /* @__PURE__ */ jsx("span", { className: "pollar-recovery-tag", children: "Confirmed" })
+        ] }) : /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "email", label: "Confirm an email", onClick: () => p.onView("email") })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsx("h3", { children: "Devices" }),
+        (p.devices?.devices ?? []).map((d) => /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-item", children: [
+          /* @__PURE__ */ jsx("span", { children: d.label ?? shortKey(d.publicKey) }),
+          d.publicKey.toLowerCase() === p.thisDeviceKey && /* @__PURE__ */ jsx("span", { className: "pollar-recovery-tag", children: "This device" })
+        ] }, d.id)),
+        enrollments.map((e) => /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-item pollar-recovery-item-pending", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            e.label ?? "A device",
+            " wants to join (",
+            shortKey(e.publicKey),
+            ")"
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: "pollar-recovery-actions", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                busy: p.busy,
+                id: `approve:${e.id}`,
+                label: "Approve",
+                kind: "primary",
+                onClick: () => p.onApproveDevice(e.id)
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { busy: p.busy, id: `reject:${e.id}`, label: "Reject", onClick: () => p.onRejectDevice(e.id) })
           ] })
+        ] }, e.id)),
+        /* @__PURE__ */ 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__ */ jsxs("section", { className: "pollar-recovery-section", children: [
+        /* @__PURE__ */ jsx("h3", { children: "Recovery phrase" }),
+        /* @__PURE__ */ jsx(Button, { busy: p.busy, id: "export", label: "Export recovery phrase", onClick: () => p.onView("export") })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-recovery-modal",
+      "data-theme": p.theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Wallet recovery" }),
+          /* @__PURE__ */ jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: p.onClose, "aria-label": "Close", title: "Close", children: /* @__PURE__ */ jsx(CloseIcon3, {}) }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "pollar-recovery-body", children: [
+          body,
+          p.notice && /* @__PURE__ */ jsx("p", { className: "pollar-recovery-notice", role: "status", children: p.notice }),
+          p.error && /* @__PURE__ */ jsx("p", { className: "pollar-recovery-error", role: "alert", children: p.error })
         ] }),
         /* @__PURE__ */ jsx(PollarModalFooter, {})
       ]
     }
   );
 }
-function GroupSteps({ request }) {
-  const group = cosignGroupOf(request);
-  if (!group || group.steps.length < 2) return null;
-  const stepKey = cosignStepKeyOf(request);
-  return /* @__PURE__ */ jsxs("div", { className: "pollar-cosign-group", children: [
-    /* @__PURE__ */ jsx("p", { className: "pollar-cosign-group-title", children: group.title }),
-    /* @__PURE__ */ jsx("p", { className: "pollar-cosign-muted", children: "Approving covers these steps; each one is checked before it is signed." }),
-    /* @__PURE__ */ jsx("ol", { className: "pollar-cosign-group-steps", children: group.steps.map((step) => {
-      const isThis = stepKey !== null && stepInGroup({ steps: [step] }, stepKey);
-      return /* @__PURE__ */ jsxs("li", { className: isThis ? "pollar-cosign-group-step-current" : void 0, children: [
-        step.label,
-        isThis && /* @__PURE__ */ jsx("span", { className: "pollar-cosign-muted", children: " (this one)" })
-      ] }, step.key);
-    }) })
-  ] });
+function errorText2(err) {
+  return cosignRefusalMessage(err) ?? transactionErrorMessage(isPollarApiError(err) ? err.code : null, err instanceof Error ? err.message : null);
 }
-function CosignModal({ onClose }) {
-  const { getClient, styles, network } = usePollar();
+function RecoveryModal({ onClose }) {
+  const { getClient, styles, refreshRecovery, appConfig } = usePollar();
   const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
-  const { pending, lastResolved, approve, reject, verify, inspectQuorum } = useCosign();
-  const [selectedId, setSelectedId] = useState(null);
-  const [verification, setVerification] = useState(null);
+  const recovery = getClient().cosign.recovery;
+  const [state, setState] = useState(null);
+  const [devices, setDevices] = useState(null);
+  const [thisDeviceKey, setThisDeviceKey] = useState(null);
+  const [view, setView] = useState("overview");
   const [busy, setBusy] = useState(null);
   const [error, setError] = useState(null);
-  const [approveFailedFor, setApproveFailedFor] = useState(null);
-  const [quorumFailure, setQuorumFailure] = useState(null);
-  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 = useRef(current);
-  currentRef.current = current;
-  const currentId = current?.id ?? null;
+  const [notice, setNotice] = useState(null);
+  const [emailDraft, setEmailDraft] = useState("");
+  const [codeSent, setCodeSent] = useState(false);
+  const [phrase, setPhrase] = useState(null);
+  const load = 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]);
   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]);
+    load().catch((err) => setError(errorText2(err)));
+  }, [load]);
   const onCloseRef = useRef(onClose);
   onCloseRef.current = onClose;
-  useEffect(() => {
-    return getClient().onAuthStateChange((authState) => {
+  useEffect(
+    () => getClient().onAuthStateChange((authState) => {
       if (authState.step === "idle") onCloseRef.current();
-    });
-  }, [getClient]);
+    }),
+    [getClient]
+  );
   const run = useCallback(
-    async (kind, request, action) => {
-      setBusy(kind);
+    async (key, action, after) => {
+      setBusy(key);
       setError(null);
+      setNotice(null);
       try {
-        await action(request);
+        await action();
+        await load();
+        if (after?.notice) setNotice(after.notice);
+        if (after?.view) setView(after.view);
       } catch (err) {
-        setError(transactionErrorMessage(isPollarApiError(err) ? err.code : null, err instanceof Error ? err.message : null));
-        if (kind === "approving") setApproveFailedFor(request.id);
+        setError(errorText2(err));
       } finally {
         setBusy(null);
       }
     },
-    []
+    [load]
   );
+  const enrolled = !!thisDeviceKey && !!devices?.devices.some((d) => d.publicKey.toLowerCase() === thisDeviceKey);
   return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ jsx(
-    CosignModalTemplate,
+    RecoveryModalTemplate,
     {
       theme,
       accentColor,
       styleOverrides,
-      pending,
-      current,
-      verification: current ? quorumFailure ? { ok: false, reason: quorumFailure } : verification : null,
+      state,
+      devices,
+      thisDeviceKey,
+      thisDeviceEnrolled: enrolled,
+      passkeyAvailable: recovery.passkeyAvailable,
+      selfCustodyRisks: appConfig.application?.walletCustodyMode === "SELF_CUSTODY" && devices?.custody === "SELF_CUSTODY",
+      view,
       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),
+      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
     }
   ) });
@@ -8451,7 +9351,7 @@ function detailRows2(confirmation) {
   push("Network", confirmation.network);
   return rows;
 }
-function CloseIcon3() {
+function CloseIcon4() {
   return /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "m3 3 8 8M11 3l-8 8", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" }) });
 }
 function ConfirmModal({ confirmation }) {
@@ -8475,7 +9375,7 @@ function ConfirmModal({ confirmation }) {
       children: [
         /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
           /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Confirm transaction" }),
-          /* @__PURE__ */ jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: confirmation.reject, "aria-label": "Close", title: "Close", children: /* @__PURE__ */ jsx(CloseIcon3, {}) }) })
+          /* @__PURE__ */ jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: confirmation.reject, "aria-label": "Close", title: "Close", children: /* @__PURE__ */ jsx(CloseIcon4, {}) }) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "pollar-cosign-detail", children: [
           /* @__PURE__ */ jsx("p", { className: "pollar-cosign-detail-title", children: labelOf2(confirmation) }),
@@ -8612,6 +9512,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 `${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 = 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__ */ jsxs("span", { className: "pollar-hist-item-issuer", children: [
@@ -8749,15 +9668,17 @@ function TxHistoryModalTemplate({
               ] }),
               /* @__PURE__ */ jsxs("span", { className: "pollar-hist-item-meta", children: [
                 /* @__PURE__ */ jsx("span", { children: record.operation }),
+                record.chain !== "STELLAR" && formatAmount4(record.details) && /* @__PURE__ */ jsxs("span", { children: [
+                  "\xB7 ",
+                  formatAmount4(record.details)
+                ] }),
                 typeof record.details?.sponsored === "boolean" && /* @__PURE__ */ jsxs("span", { children: [
                   "\xB7 ",
                   record.details.sponsored ? "Sponsored" : "Self-paid"
                 ] }),
                 record.fee && /* @__PURE__ */ jsxs("span", { children: [
                   "\xB7 ",
-                  record.fee.amount,
-                  " ",
-                  record.fee.unit
+                  formatFee(record.fee)
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "pollar-hist-item-footer", children: [
@@ -9068,6 +9989,48 @@ var browserPasskeySigner = async ({ credentialId, challenge }) => {
     signature: response.signature
   };
 };
+var browserRecoveryPasskey = {
+  async create({ challenge, userName }) {
+    const rpId = window.location.hostname;
+    const response = await 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 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: {}
@@ -9092,7 +10055,11 @@ function PollarProvider({
 }) {
   const [pollarClient] = useState(() => {
     if (isPollarClient(client)) {
-      client.setPasskeyDefaults({ passkey: browserPasskeyCeremony, passkeySign: browserPasskeySigner });
+      client.setPasskeyDefaults({
+        passkey: browserPasskeyCeremony,
+        passkeySign: browserPasskeySigner,
+        recoveryPasskey: browserRecoveryPasskey
+      });
       return client;
     }
     const alreadyBuilt = clientByConfig.get(client);
@@ -9100,7 +10067,8 @@ function PollarProvider({
     const built = new PollarClient({
       ...client,
       passkey: client.passkey ?? browserPasskeyCeremony,
-      passkeySign: client.passkeySign ?? browserPasskeySigner
+      passkeySign: client.passkeySign ?? browserPasskeySigner,
+      recoveryPasskey: client.recoveryPasskey ?? browserRecoveryPasskey
     });
     clientByConfig.set(client, built);
     return built;
@@ -9255,6 +10223,8 @@ function PollarProvider({
   const [receiveModalOpen, setReceiveModalOpen] = useState(false);
   const [sessionsModalOpen, setSessionsModalOpen] = useState(false);
   const [cosignModalOpen, setCosignModalOpen] = useState(false);
+  const [cosignNextStep, setCosignNextStep] = useState(null);
+  const [recoveryModalOpen, setRecoveryModalOpen] = useState(false);
   const cosignPendingCount = useRef(0);
   useEffect(() => {
     if (cosign.pending.length > cosignPendingCount.current) setCosignModalOpen(true);
@@ -9277,6 +10247,7 @@ function PollarProvider({
       setReceiveModalOpen(false);
       setSessionsModalOpen(false);
       setCosignModalOpen(false);
+      setRecoveryModalOpen(false);
       setDistributionRulesModalOpen(false);
     }),
     [pollarClient]
@@ -9285,6 +10256,45 @@ function PollarProvider({
   const walletProvisioning = sessionState?.wallet?.provisioning;
   const hasSession = sessionState !== null;
   const getClient = useCallback(() => pollarClient, [pollarClient]);
+  const [recovery, setRecovery] = useState(null);
+  const [recoveryTick, setRecoveryTick] = useState(0);
+  const refreshRecovery = useCallback(() => setRecoveryTick((t) => t + 1), []);
+  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] = useState(null);
+  const [custodyMigrationTick, setCustodyMigrationTick] = useState(0);
+  const refreshCustodyMigration = useCallback(() => setCustodyMigrationTick((t) => t + 1), []);
+  const [custodyMigrationLater, setCustodyMigrationLater] = useState(false);
+  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 = useCallback(() => pollarClient.refreshBalance(), [pollarClient, walletAddress]);
   const refreshAssets = useCallback(() => pollarClient.refreshAssets(), [pollarClient, walletAddress]);
   const contextValue = useMemo(() => {
@@ -9295,7 +10305,7 @@ function PollarProvider({
       wallets: pollarClient.getWallets(),
       isAuthenticated: hasSession,
       hasWallet: pollarClient.hasWallet(),
-      createWallet: () => pollarClient.createWallet(),
+      createWallet: (options) => pollarClient.createWallet(options),
       verified,
       // client
       getClient,
@@ -9364,6 +10374,13 @@ function PollarProvider({
       // cosign
       cosign,
       openCosignModal: () => setCosignModalOpen(true),
+      setCosignNextStep,
+      recovery,
+      recoveryLocked,
+      refreshRecovery,
+      openRecoveryModal: () => setRecoveryModalOpen(true),
+      custodyMigration,
+      refreshCustodyMigration,
       confirmations,
       // distribution
       openDistributionRulesModal: () => setDistributionRulesModalOpen(true),
@@ -9387,6 +10404,11 @@ function PollarProvider({
   }, [
     walletAddress,
     walletProvisioning,
+    recovery,
+    recoveryLocked,
+    refreshRecovery,
+    custodyMigration,
+    refreshCustodyMigration,
     hasSession,
     verified,
     pollarClient,
@@ -9443,7 +10465,32 @@ function PollarProvider({
     /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setCardModalOpen(false), children: /* @__PURE__ */ jsx(CardModal, { onClose: () => setCardModalOpen(false) }) }, `${cardModalKey}:${walletAddress}`),
     receiveModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setReceiveModalOpen(false), children: /* @__PURE__ */ jsx(ReceiveModal, { onClose: () => setReceiveModalOpen(false) }) }),
     sessionsModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setSessionsModalOpen(false), children: /* @__PURE__ */ jsx(SessionsModal, { onClose: () => setSessionsModalOpen(false) }) }),
-    cosignModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setCosignModalOpen(false), children: /* @__PURE__ */ jsx(CosignModal, { onClose: () => setCosignModalOpen(false) }) }),
+    cosignModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setCosignModalOpen(false), children: /* @__PURE__ */ jsx(CosignModal, { nextStep: cosignNextStep, onClose: () => setCosignModalOpen(false) }) }),
+    custodyMigration?.required && !custodyMigrationLater && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: refreshCustodyMigration, children: /* @__PURE__ */ jsx(
+      CustodyMigrationModal,
+      {
+        state: custodyMigration,
+        onMoved: () => {
+          refreshCustodyMigration();
+          refreshRecovery();
+          setRecoveryModalOpen(true);
+        },
+        onLater: () => {
+          setCustodyMigrationLater(true);
+          refreshCustodyMigration();
+          refreshRecovery();
+        }
+      }
+    ) }),
+    recoveryModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setRecoveryModalOpen(false), children: /* @__PURE__ */ jsx(
+      RecoveryModal,
+      {
+        onClose: () => {
+          setRecoveryModalOpen(false);
+          refreshRecovery();
+        }
+      }
+    ) }),
     firstConfirmation && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: firstConfirmation.reject, children: /* @__PURE__ */ jsx(ConfirmModal, { confirmation: firstConfirmation }, firstConfirmation.id) }),
     distributionRulesModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setDistributionRulesModalOpen(false), children: /* @__PURE__ */ jsx(DistributionRulesModal, { onClose: () => setDistributionRulesModalOpen(false) }) })
   ] });
@@ -9475,8 +10522,9 @@ function createPollarAdapterHook(key) {
     );
   };
 }
-function ButtonLogo() {
-  return /* @__PURE__ */ jsx("img", { src: LOGO_POLLAR, alt: "Pollar", width: 22, height: 22, className: "pollar-wallet-btn-logo" });
+function ButtonLogo({ accentColor }) {
+  const src = readableTextOn(accentColor) === "#ffffff" ? LOGO_POLLAR_MARK_ON_DARK : LOGO_POLLAR_MARK_ON_LIGHT;
+  return /* @__PURE__ */ jsx("img", { src, alt: "Pollar", width: 22, height: 22, className: "pollar-wallet-btn-logo" });
 }
 function cropWallet(address) {
   if (address.length <= 12) return address;
@@ -9484,16 +10532,17 @@ function cropWallet(address) {
 }
 function WalletButtonTemplate({
   walletAddress,
+  theme,
   accentColor,
+  styleOverrides,
   open,
   copied,
-  dropdownBg,
-  dropdownBorder,
-  itemColor,
   wrapperRef,
   isInProgress,
   showCreateAccount,
   notReadyReason,
+  recoveryLocked,
+  onRecovery,
   creatingAccount,
   onToggleOpen,
   onCreateAccount,
@@ -9511,11 +10560,15 @@ function WalletButtonTemplate({
   signedIn,
   creatingWallet,
   createWalletError,
+  custodyChoice,
   onCreateWallet
 }) {
+  const [selfCustodyNotice, setSelfCustodyNotice] = useState(false);
+  const [risksAccepted, setRisksAccepted] = useState(false);
+  const cssVars = buildModalCssVars(theme, accentColor, styleOverrides);
   if (!walletAddress && signedIn) {
-    return /* @__PURE__ */ jsxs("div", { className: "pollar-wallet-wrapper", ref: wrapperRef, children: [
-      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-btn", style: { backgroundColor: accentColor }, onClick: onToggleOpen, children: [
+    return /* @__PURE__ */ jsxs("div", { className: "pollar-wallet-wrapper", ref: wrapperRef, style: cssVars, children: [
+      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-btn", onClick: onToggleOpen, children: [
         /* @__PURE__ */ jsx("span", { className: "pollar-wallet-btn-label", children: onCreateWallet ? "No wallet" : "Signed in" }),
         /* @__PURE__ */ jsx(
           "svg",
@@ -9531,42 +10584,93 @@ function WalletButtonTemplate({
           }
         )
       ] }),
-      open && /* @__PURE__ */ jsxs("div", { className: "pollar-wallet-dropdown", style: { backgroundColor: dropdownBg, borderColor: dropdownBorder }, children: [
+      open && /* @__PURE__ */ jsxs("div", { className: "pollar-wallet-dropdown", children: [
         createWalletError && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-notice", style: { color: itemColor }, role: "status", children: createWalletError }),
+          /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-notice", role: "status", children: createWalletError }),
+          /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" })
+        ] }),
+        onCreateWallet && !custodyChoice && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("button", { className: "pollar-wallet-dropdown-item", onClick: () => onCreateWallet(), disabled: creatingWallet, children: creatingWallet ? "Creating wallet\u2026" : "Create wallet" }),
+          /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" })
+        ] }),
+        onCreateWallet && custodyChoice && !selfCustodyNotice && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "pollar-wallet-dropdown-item",
+              onClick: () => onCreateWallet("COSIGNED"),
+              disabled: creatingWallet,
+              children: creatingWallet ? "Creating wallet\u2026" : "Create co-signed wallet"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-notice", children: "You and the app approve every signature together. Your wallet can be recovered with help." }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "pollar-wallet-dropdown-item",
+              onClick: () => setSelfCustodyNotice(true),
+              disabled: creatingWallet,
+              children: "Create self-custody wallet"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-notice", children: "Only your device signs. Nobody else can move or recover your funds." }),
           /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" })
         ] }),
-        onCreateWallet && /* @__PURE__ */ jsxs(Fragment, { children: [
+        onCreateWallet && custodyChoice && selfCustodyNotice && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-notice", 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__ */ jsxs("label", { className: "pollar-wallet-dropdown-notice", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: risksAccepted,
+                onChange: (e) => setRisksAccepted(e.target.checked),
+                disabled: creatingWallet
+              }
+            ),
+            " ",
+            "I understand and accept these risks"
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "pollar-wallet-dropdown-item",
+              onClick: () => onCreateWallet("SELF_CUSTODY"),
+              disabled: creatingWallet || !risksAccepted,
+              children: creatingWallet ? "Creating wallet\u2026" : "Create self-custody wallet"
+            }
+          ),
           /* @__PURE__ */ jsx(
             "button",
             {
               className: "pollar-wallet-dropdown-item",
-              style: { color: itemColor },
-              onClick: onCreateWallet,
+              onClick: () => {
+                setSelfCustodyNotice(false);
+                setRisksAccepted(false);
+              },
               disabled: creatingWallet,
-              children: creatingWallet ? "Creating wallet\u2026" : "Create wallet"
+              children: "Back"
             }
           ),
           /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" })
         ] }),
-        /* @__PURE__ */ jsx("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onSessions, children: "Active sessions" }),
+        /* @__PURE__ */ jsx("button", { className: "pollar-wallet-dropdown-item", onClick: onSessions, children: "Active sessions" }),
         /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" }),
         /* @__PURE__ */ jsx("button", { className: "pollar-wallet-dropdown-item pollar-danger", onClick: onLogout, children: "Log out" })
       ] })
     ] });
   }
   if (!walletAddress) {
-    return /* @__PURE__ */ jsxs("button", { type: "button", className: "pollar-wallet-login-btn", style: { backgroundColor: accentColor }, onClick: onLogin, children: [
-      /* @__PURE__ */ jsx(ButtonLogo, {}),
+    return /* @__PURE__ */ jsxs("button", { type: "button", className: "pollar-wallet-login-btn", style: cssVars, onClick: onLogin, children: [
+      /* @__PURE__ */ jsx(ButtonLogo, { accentColor }),
       "Login with Pollar"
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "pollar-wallet-wrapper", ref: wrapperRef, children: [
+  return /* @__PURE__ */ jsxs("div", { className: "pollar-wallet-wrapper", ref: wrapperRef, style: cssVars, children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
         className: "pollar-wallet-btn",
-        style: { backgroundColor: accentColor },
         onClick: isInProgress ? void 0 : onToggleOpen,
         disabled: isInProgress,
         "aria-busy": isInProgress,
@@ -9603,46 +10707,41 @@ function WalletButtonTemplate({
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs("div", { className: "pollar-wallet-dropdown", style: { backgroundColor: dropdownBg, borderColor: dropdownBorder }, children: [
+    open && /* @__PURE__ */ jsxs("div", { className: "pollar-wallet-dropdown", children: [
+      recoveryLocked && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ 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__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" })
+      ] }),
       notReadyReason && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-notice", style: { color: itemColor }, role: "status", children: notReadyReason }),
+        /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-notice", role: "status", children: notReadyReason }),
         /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" })
       ] }),
       showCreateAccount && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            className: "pollar-wallet-dropdown-item",
-            style: { color: itemColor },
-            onClick: onCreateAccount,
-            disabled: creatingAccount,
-            children: [
-              /* @__PURE__ */ jsxs(
-                "svg",
-                {
-                  width: "14",
-                  height: "14",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: [
-                    /* @__PURE__ */ jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
-                    /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4" }),
-                    /* @__PURE__ */ jsx("line", { x1: "19", y1: "8", x2: "19", y2: "14" }),
-                    /* @__PURE__ */ jsx("line", { x1: "22", y1: "11", x2: "16", y2: "11" })
-                  ]
-                }
-              ),
-              creatingAccount ? "Creating account\u2026" : "Create account"
-            ]
-          }
-        ),
+        /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", onClick: onCreateAccount, disabled: creatingAccount, children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: [
+                /* @__PURE__ */ jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+                /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4" }),
+                /* @__PURE__ */ jsx("line", { x1: "19", y1: "8", x2: "19", y2: "14" }),
+                /* @__PURE__ */ jsx("line", { x1: "22", y1: "11", x2: "16", y2: "11" })
+              ]
+            }
+          ),
+          creatingAccount ? "Creating account\u2026" : "Create account"
+        ] }),
         /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" })
       ] }),
-      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onSend, children: [
+      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", onClick: onSend, children: [
         /* @__PURE__ */ jsxs(
           "svg",
           {
@@ -9662,7 +10761,7 @@ function WalletButtonTemplate({
         ),
         "Send"
       ] }),
-      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onReceive, children: [
+      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", onClick: onReceive, children: [
         /* @__PURE__ */ jsxs(
           "svg",
           {
@@ -9684,7 +10783,7 @@ function WalletButtonTemplate({
         "Receive"
       ] }),
       /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" }),
-      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onCopy, children: [
+      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", onClick: onCopy, children: [
         /* @__PURE__ */ jsxs(
           "svg",
           {
@@ -9704,7 +10803,7 @@ function WalletButtonTemplate({
         ),
         copied ? "Copied!" : "Copy address"
       ] }),
-      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onWalletBalance, children: [
+      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", onClick: onWalletBalance, children: [
         /* @__PURE__ */ jsxs(
           "svg",
           {
@@ -9725,7 +10824,7 @@ function WalletButtonTemplate({
         ),
         "Wallet balance"
       ] }),
-      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onTxHistory, children: [
+      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", onClick: onTxHistory, children: [
         /* @__PURE__ */ jsxs(
           "svg",
           {
@@ -9749,7 +10848,7 @@ function WalletButtonTemplate({
         "Transaction history"
       ] }),
       /* @__PURE__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" }),
-      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onRamp, children: [
+      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", onClick: onRamp, children: [
         /* @__PURE__ */ jsxs(
           "svg",
           {
@@ -9771,7 +10870,7 @@ function WalletButtonTemplate({
         ),
         "Buy / Sell"
       ] }),
-      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onKyc, children: [
+      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", onClick: onKyc, children: [
         /* @__PURE__ */ jsxs(
           "svg",
           {
@@ -9792,7 +10891,7 @@ function WalletButtonTemplate({
         ),
         "Identity verification"
       ] }),
-      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onDistributionRules, children: [
+      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", onClick: onDistributionRules, children: [
         /* @__PURE__ */ jsxs(
           "svg",
           {
@@ -9815,7 +10914,7 @@ function WalletButtonTemplate({
         ),
         "Distribution rules"
       ] }),
-      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onSessions, children: [
+      /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item", onClick: onSessions, children: [
         /* @__PURE__ */ jsxs(
           "svg",
           {
@@ -9836,6 +10935,23 @@ function WalletButtonTemplate({
         ),
         "Active sessions"
       ] }),
+      onRecovery && /* @__PURE__ */ jsxs("button", { className: `pollar-wallet-dropdown-item${recoveryLocked ? " pollar-danger" : ""}`, onClick: onRecovery, children: [
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ 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__ */ jsx("div", { className: "pollar-wallet-dropdown-divider" }),
       /* @__PURE__ */ jsxs("button", { className: "pollar-wallet-dropdown-item pollar-danger", onClick: onLogout, children: [
         /* @__PURE__ */ jsxs(
@@ -9878,7 +10994,10 @@ function WalletButton() {
     tx: transaction,
     isAuthenticated,
     createWallet,
-    appConfig
+    appConfig,
+    recovery,
+    recoveryLocked,
+    openRecoveryModal
   } = usePollar();
   const { primaryChain, primaryAddress } = useChains();
   const walletAddress = primaryAddress || (wallet?.address ?? "");
@@ -9893,11 +11012,7 @@ function WalletButton() {
   const isInProgress = transaction.step === "building" || transaction.step === "signing";
   const canCreateAccount = !created && wallet?.custody === "external" && wallet.existsOnStellar === false && wallet.fundingMode === "IMMEDIATE";
   const notReadyReason = walletNotReadyReason(wallet, primaryChain);
-  const { theme = "light", accentColor = "#005DB4" } = styles;
-  const isDark = theme === "dark";
-  const dropdownBg = isDark ? "#18181b" : "#fff";
-  const dropdownBorder = isDark ? "#3f3f46" : "#e4e4e7";
-  const itemColor = isDark ? "#fafafa" : "#18181b";
+  const { theme, accentColor, styleOverrides } = modalChrome(styles);
   useEffect(() => {
     function handleClickOutside(e) {
       if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
@@ -9941,12 +11056,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(
@@ -9976,6 +11091,10 @@ function WalletButton() {
     setOpen(false);
     openSessionsModal();
   }
+  function handleRecovery() {
+    setOpen(false);
+    openRecoveryModal();
+  }
   function handleKyc() {
     setOpen(false);
     openKycModal();
@@ -9992,18 +11111,18 @@ function WalletButton() {
     WalletButtonTemplate,
     {
       walletAddress: walletAddress ?? null,
+      theme,
       accentColor,
+      styleOverrides,
       open,
       copied,
-      dropdownBg,
-      dropdownBorder,
-      itemColor,
       wrapperRef,
       isInProgress,
       showCreateAccount: canCreateAccount,
       signedIn: isAuthenticated,
       creatingWallet,
       createWalletError,
+      custodyChoice: appConfig.application?.walletCustodyMode === "USER_CHOICE",
       ...appConfig.application?.walletProvisioning === "NONE" ? {} : { onCreateWallet: handleCreateWallet },
       notReadyReason,
       creatingAccount: creating,
@@ -10015,6 +11134,8 @@ function WalletButton() {
       onSend: handleSend,
       onReceive: handleReceive,
       onSessions: handleSessions,
+      recoveryLocked,
+      ...recovery?.required ? { onRecovery: handleRecovery } : {},
       onKyc: handleKyc,
       onRamp: handleRamp,
       onDistributionRules: handleDistributionRules,
@@ -10024,6 +11145,6 @@ function WalletButton() {
   );
 }
 
-export { CardModal, ChainSelect, CosignModal, CosignModalTemplate, DistributionRulesModal, DistributionRulesModalTemplate, EarnModal, EnabledAssetsModal, EnabledAssetsModalTemplate, KycModal, KycModalTemplate, KycStatus, LoginModalTemplate, PollarProvider, ProviderRegistrationModal, RampWidget, RampWidgetTemplate, ReceiveModal, ReceiveModalTemplate, RegistryCheckModal, RequirementFormModal, RouteDisplay, SendModal, SendModalTemplate, SessionsModal, SessionsModalTemplate, SwapModal, SwapModalTemplate, TransactionModalTemplate, TxHistoryModalTemplate, TxStatusView, WalletBalanceModal, WalletBalanceModalTemplate, WalletButton, WalletButtonTemplate, addressForChain, browserPasskeyCeremony, browserPasskeySigner, buildModalCssVars, chainsOf, createPollarAdapterHook, modalChrome, readableTextOn, resolveChain, useChains, useCosign, usePollar, walletNotReadyReason };
+export { CardModal, ChainSelect, CosignModal, CosignModalTemplate, CustodyMigrationModal, CustodyMigrationModalTemplate, DistributionRulesModal, DistributionRulesModalTemplate, EarnModal, EnabledAssetsModal, EnabledAssetsModalTemplate, KycModal, KycModalTemplate, KycStatus, LoginModalTemplate, PollarProvider, ProviderRegistrationModal, RampWidget, RampWidgetTemplate, ReceiveModal, ReceiveModalTemplate, RecoveryModal, RecoveryModalTemplate, RegistryCheckModal, RejectedRouteDisplay, RequirementFormModal, RouteDisplay, SendModal, SendModalTemplate, SessionsModal, SessionsModalTemplate, SwapModal, SwapModalTemplate, TransactionModalTemplate, TxHistoryModalTemplate, TxStatusView, WalletBalanceModal, WalletBalanceModalTemplate, WalletButton, WalletButtonTemplate, addressForChain, browserPasskeyCeremony, browserPasskeySigner, browserRecoveryPasskey, buildModalCssVars, chainsOf, createPollarAdapterHook, modalChrome, readableTextOn, resolveChain, useChains, useCosign, usePollar, walletNotReadyReason };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map