@pollar/react 0.10.1-rc.1 → 0.10.1-rc.10

package/dist/index.js

@@ -1035,11 +1035,53 @@ var PollarModalFooter = () => {
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.10.1-rc.1"
+        "0.10.1-rc.10"
       ] })
     ] })
   ] });
 };
+function CopyButton({ value, label = "Copy", className }) {
+  const [copied, setCopied] = react.useState(false);
+  const timerRef = react.useRef(null);
+  react.useEffect(() => {
+    return () => {
+      if (timerRef.current !== null) clearTimeout(timerRef.current);
+    };
+  }, []);
+  function handleCopy(e) {
+    e.stopPropagation();
+    if (!value || !navigator.clipboard) return;
+    void navigator.clipboard.writeText(value).then(() => {
+      setCopied(true);
+      if (timerRef.current !== null) clearTimeout(timerRef.current);
+      timerRef.current = setTimeout(() => {
+        setCopied(false);
+        timerRef.current = null;
+      }, 1500);
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className: `pollar-copy-btn${className ? ` ${className}` : ""}`,
+      onClick: handleCopy,
+      "aria-label": copied ? "Copied" : label,
+      children: copied ? /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 7l2.5 2.5 4.5-5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M3 9H2a1 1 0 01-1-1V2a1 1 0 011-1h6a1 1 0 011 1v1",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        )
+      ] })
+    }
+  );
+}
 function ModalStatusBanner({ message, status, onCancel, onRetry }) {
   if (!message && status === "NONE") {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-status" });
@@ -1118,7 +1160,10 @@ function RuleCard({
         validity
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-dist-item-action", children: isClaimed ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-dist-item-status", "data-kind": "claimed", children: "Claimed" }) : effectivelyClaimable ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-primary pollar-dist-claim-btn", onClick: onClaim, disabled: isClaiming, children: isClaiming ? "Claiming\u2026" : "Claim" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-dist-item-status", "data-kind": "unavailable", children: reasonLabel(rule.reason) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-dist-item-action", children: isClaimed ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-dist-item-status", "data-kind": "claimed", children: "Claimed" }) : effectivelyClaimable ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-primary pollar-dist-claim-btn", onClick: onClaim, disabled: isClaiming, children: isClaiming ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
+      "Claiming\u2026"
+    ] }) : "Claim" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-dist-item-status", "data-kind": "unavailable", children: reasonLabel(rule.reason) }) }),
     errorMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-dist-item-error", children: errorMessage })
   ] });
 }
@@ -1164,29 +1209,46 @@ function DistributionRulesModalTemplate({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Distribution Rules" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-modal-refresh-btn", onClick: onRefresh, disabled: isLoading, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "svg",
-                {
-                  className: `pollar-modal-refresh-icon${isLoading ? " spinning" : ""}`,
-                  width: "13",
-                  height: "13",
-                  viewBox: "0 0 13 13",
-                  fill: "none",
-                  "aria-hidden": true,
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.5 6.5a5 5 0 11-1.5-3.536", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 1v3h-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-                  ]
-                }
-              ),
-              "Refresh"
-            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-modal-close",
+                onClick: onRefresh,
+                disabled: isLoading,
+                "aria-label": "Refresh",
+                title: "Refresh",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "svg",
+                  {
+                    className: isLoading ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon",
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    "aria-hidden": true,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2v3h-3",
+                        stroke: "currentColor",
+                        strokeWidth: "1.6",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-dist-list", children: [
-          isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
+          isLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-loading-block", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-spinner" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading\u2026" })
+          ] }),
           state.step === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: state.message }),
           state.step === "loaded" && rules.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No distribution rules available." }),
           rules.map((rule) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1311,14 +1373,14 @@ function AssetItem({
       !isNative && record.enabledInApp && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-asset-sponsor", children: record.sponsored ? "Reserve sponsored by the app" : "You pay the reserve (~0.5 XLM)" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-asset-actions", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `pollar-asset-trustline${established ? " established" : ""}`, children: established ? "Trustline active" : "Needs trustline" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `pollar-asset-trustline${established ? " pollar-established" : ""}`, children: established ? "Trustline active" : "Needs trustline" }),
       !isNative && /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
-          className: `pollar-asset-btn${established ? " danger" : ""}`,
+          className: `pollar-asset-btn${established ? " pollar-danger" : ""}`,
           onClick: () => onToggle(record),
           disabled: busy || disabled,
-          children: busy ? "\u2026" : established ? "Disable" : "Enable"
+          children: busy ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm pollar-spinner-current" }) : established ? "Disable" : "Enable"
         }
       )
     ] })
@@ -1351,29 +1413,46 @@ function EnabledAssetsModalTemplate({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Trustlines" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-modal-refresh-btn", onClick: onRefresh, disabled: isLoading || busy, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "svg",
-                {
-                  className: `pollar-modal-refresh-icon${isLoading ? " spinning" : ""}`,
-                  width: "13",
-                  height: "13",
-                  viewBox: "0 0 13 13",
-                  fill: "none",
-                  "aria-hidden": true,
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.5 6.5a5 5 0 11-1.5-3.536", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 1v3h-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-                  ]
-                }
-              ),
-              "Refresh"
-            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-modal-close",
+                onClick: onRefresh,
+                disabled: isLoading || busy,
+                "aria-label": "Refresh",
+                title: "Refresh",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "svg",
+                  {
+                    className: isLoading ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon",
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    "aria-hidden": true,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2v3h-3",
+                        stroke: "currentColor",
+                        strokeWidth: "1.6",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
           ] })
         ] }),
         walletAddress && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-asset-address", children: cropAddress(walletAddress) }),
-        isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
+        isLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-loading-block", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-spinner" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading\u2026" })
+        ] }),
         enabledAssets.step === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: enabledAssets.message }),
         actionError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-action-error", children: actionError }),
         data && !data.exists && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-empty", children: [
@@ -1432,7 +1511,7 @@ function CustomTrustlineModalTemplate({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-back", onClick: onBack, disabled: busy, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-close", onClick: onBack, disabled: busy, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
             /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Add custom trustline" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
@@ -1493,7 +1572,10 @@ function CustomTrustlineModalTemplate({
           )
         ] }),
         actionError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-action-error", children: actionError }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-asset-submit", onClick: submit, disabled: !canSubmit, children: busy ? "Enabling\u2026" : "Enable trustline" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-primary", onClick: submit, disabled: !canSubmit, children: busy ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
+          "Enabling\u2026"
+        ] }) : "Enable trustline" }) }),
         /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
       ]
     }
@@ -1614,6 +1696,7 @@ function KycModalTemplate({
   isLoading,
   onSelectProvider,
   onDoneVerifying,
+  onRefresh,
   onClose
 }) {
   const isDark = theme === "dark";
@@ -1638,16 +1721,56 @@ function KycModalTemplate({
     "--pollar-modal-subtitle-size": "0.9rem"
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-kyc-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-kyc-header", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-kyc-title", children: "Identity verification" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "pollar-kyc-subtitle", children: [
-        step === "select_provider" && "Choose your verification provider",
-        step === "verifying" && `Verifying with ${selectedProvider?.name}`,
-        step === "polling" && "Waiting for verification result",
-        step === "done" && "Verification complete"
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-kyc-header-text", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Identity verification" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "pollar-kyc-subtitle", children: [
+          step === "select_provider" && "Choose your verification provider",
+          step === "verifying" && `Verifying with ${selectedProvider?.name}`,
+          step === "polling" && "Waiting for verification result",
+          step === "done" && "Verification complete"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
+        step === "select_provider" && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "pollar-modal-close",
+            onClick: onRefresh,
+            disabled: isLoading,
+            "aria-label": "Refresh",
+            title: "Refresh providers",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                className: isLoading ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon",
+                width: "16",
+                height: "16",
+                viewBox: "0 0 16 16",
+                fill: "none",
+                "aria-hidden": true,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2v3h-3",
+                    stroke: "currentColor",
+                    strokeWidth: "1.6",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
       ] })
     ] }),
-    step === "select_provider" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-kyc-providers", children: [
+    step === "select_provider" && (isLoading && providers.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-loading-block", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-spinner" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading providers\u2026" })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-kyc-providers", children: [
       providers.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "var(--pollar-muted)", textAlign: "center" }, children: "No providers available for your country." }),
       providers.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
@@ -1663,7 +1786,7 @@ function KycModalTemplate({
         },
         p.id
       ))
-    ] }),
+    ] })),
     step === "verifying" && selectedProvider && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-kyc-iframe-wrap", children: session?.kycUrl ? /* @__PURE__ */ jsxRuntime.jsx("iframe", { className: "pollar-kyc-iframe", src: session.kycUrl, title: "KYC verification", allow: "camera; microphone" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-kyc-iframe-mock", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u{1F512}" }),
@@ -1696,10 +1819,13 @@ function KycModal({ onClose, country = "MX", level = "basic", onApproved }) {
   const [isLoading, setIsLoading] = react.useState(false);
   const client = getClient();
   const { theme = "light", accentColor = "#005DB4" } = styles;
-  react.useEffect(() => {
+  const loadProviders = react.useCallback(() => {
     setIsLoading(true);
-    getClient().getKycProviders(country).then((result) => setProviders(result.providers)).catch(() => setProviders([])).finally(() => setIsLoading(false));
+    return getClient().getKycProviders(country).then((result) => setProviders(result.providers)).catch(() => setProviders([])).finally(() => setIsLoading(false));
   }, [getClient, country]);
+  react.useEffect(() => {
+    void loadProviders();
+  }, [loadProviders]);
   async function handleSelectProvider(provider) {
     setSelectedProvider(provider);
     setIsLoading(true);
@@ -1745,6 +1871,7 @@ function KycModal({ onClose, country = "MX", level = "basic", onApproved }) {
       isLoading,
       onSelectProvider: handleSelectProvider,
       onDoneVerifying: handleDoneVerifying,
+      onRefresh: () => void loadProviders(),
       onClose
     }
   ) });
@@ -1800,8 +1927,8 @@ function EmailCodeInput({ email, onSubmit }) {
   ] });
 }
 var GithubButton = ({ disabled, onClick }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "github-button", disabled, onClick, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "github-button-icon", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-github-button", disabled, onClick, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "pollar-github-button-icon", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
         fillRule: "evenodd",
@@ -1809,14 +1936,14 @@ var GithubButton = ({ disabled, onClick }) => {
         clipRule: "evenodd"
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "github-button-contents", children: "GitHub" })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-github-button-contents", children: "GitHub" })
   ] });
 };
 var GoogleButton = ({ disabled, onClick }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "gsi-material-button", disabled, onClick, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gsi-material-button-state" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "gsi-material-button-content-wrapper", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gsi-material-button-icon", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", style: { display: "block" }, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-gsi-material-button", disabled, onClick, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-gsi-material-button-state" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-gsi-material-button-content-wrapper", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-gsi-material-button-icon", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", style: { display: "block" }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
@@ -1847,7 +1974,7 @@ var GoogleButton = ({ disabled, onClick }) => {
         ),
         /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", d: "M0 0h48v48H0z" })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "gsi-material-button-contents", children: "Google" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-gsi-material-button-contents", children: "Google" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "none" }, children: "Google" })
     ] })
   ] });
@@ -2053,7 +2180,7 @@ function LoginModalTemplate({
             placeholder: "you@email.com",
             value: email,
             disabled: isLoading,
-            className: "pollar-email-input",
+            className: "pollar-input",
             onChange: (e) => onEmailChange?.(e.target.value),
             onKeyDown: (e) => e.key === "Enter" && onEmailSubmit?.()
           }
@@ -2232,12 +2359,38 @@ function PrivyLoginSubmodal({
       fail(error);
     }
   }
-  const BackButton = ({ onClick }) => /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-back-btn", onClick, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 19l-7-7 7-7" }) }) });
+  const BackButton = ({ onClick }) => /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-back-btn", onClick, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 19l-7-7 7-7" })
+    }
+  ) });
   const showEmail = options.includes("email");
   const showGoogle = options.includes("google");
   const showGithub = options.includes("github");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-close-btn", onClick: onCancel, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-close-btn", onClick: onCancel, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        width: "18",
+        height: "18",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12" })
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-header", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-logo-wrap", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl ?? LOGO_POLLAR, alt: "Logo", className: "pollar-logo" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-title", children: appName }),
@@ -2256,7 +2409,7 @@ function PrivyLoginSubmodal({
             placeholder: "you@email.com",
             value: email,
             disabled: isLoading,
-            className: "pollar-email-input",
+            className: "pollar-input",
             onChange: (e) => setEmail(e.target.value),
             onKeyDown: (e) => e.key === "Enter" && handleEmailSubmit()
           }
@@ -2458,6 +2611,13 @@ function RouteDisplay({ quote, onSelect }) {
     }
   );
 }
+var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function isFieldValid(spec, raw) {
+  const value = (raw ?? "").trim();
+  if (!value) return false;
+  if (spec.type === "email") return EMAIL_RE.test(value);
+  return true;
+}
 var LOADING_STEPS = ["Detecting your country\u2026", "Consulting providers\u2026", "Route found!"];
 function flagEmoji(code) {
   const cc = code.trim().toUpperCase();
@@ -2471,6 +2631,43 @@ var STATUS_LABEL = {
   completed: "Completed",
   failed: "Failed"
 };
+var INSTRUCTION_LABELS = {
+  br_code: "Pix code",
+  account_holder_name: "Account holder",
+  bank_name: "Bank",
+  bank_address: "Bank address",
+  bank_account_number: "Account number",
+  bank_routing_number: "Routing number",
+  iban: "IBAN",
+  bic: "BIC",
+  clabe: "CLABE",
+  amount: "Amount",
+  currency: "Currency",
+  payment_rails: "Rails"
+};
+function flattenInstructions(instr) {
+  const out = [];
+  for (const [k, v] of Object.entries(instr)) {
+    if (k === "qrBase64") {
+      if (typeof v === "string" && v) out.push({ key: k, label: INSTRUCTION_LABELS[k] ?? "Payment QR", value: v, kind: "qr" });
+      continue;
+    }
+    if ((k === "expiresAt" || k === "expires_at") && (typeof v === "number" || typeof v === "string")) {
+      const ms = Number(v);
+      if (Number.isFinite(ms) && ms > 0) {
+        out.push({ key: k, label: INSTRUCTION_LABELS[k] ?? "Expires", value: new Date(ms).toLocaleString(), kind: "datetime" });
+      }
+      continue;
+    }
+    let value;
+    if (typeof v === "string" || typeof v === "number") value = String(v);
+    else if (Array.isArray(v)) value = v.filter((x) => typeof x === "string" || typeof x === "number").join(", ");
+    else continue;
+    if (!value) continue;
+    out.push({ key: k, label: INSTRUCTION_LABELS[k] ?? k, value, kind: "text" });
+  }
+  return out;
+}
 function RampWidgetTemplate({
   theme,
   accentColor,
@@ -2479,6 +2676,8 @@ function RampWidgetTemplate({
   amount,
   currency,
   country,
+  requiredFields,
+  fieldValues,
   countries,
   countriesLoading,
   refreshing,
@@ -2487,17 +2686,22 @@ function RampWidgetTemplate({
   provider,
   txStatus,
   kycUrl,
+  tosUrl,
   stellarTxHash,
+  explorerUrl,
+  depositInstructions,
   canComplete,
   completing,
   errorMsg,
   onDirectionChange,
   onAmountChange,
-  onCurrencyChange,
+  onFieldChange,
   onCountryChange,
   onFindRoute,
   onSelectQuote,
+  onContactContinue,
   onOpenKyc,
+  onOpenTos,
   onCompleteWithdraw,
   onRetry,
   onRefresh,
@@ -2528,6 +2732,7 @@ function RampWidgetTemplate({
     input: direction === "onramp" ? "Buy crypto" : "Sell crypto",
     loading_quote: "Finding best route",
     select_route: "Select provider",
+    contact: "Your details",
     status: direction === "onramp" ? "Complete your deposit" : "Complete your withdrawal",
     error: "Something went wrong"
   };
@@ -2535,6 +2740,7 @@ function RampWidgetTemplate({
     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",
+    contact: `${provider || "This provider"} needs your name and email to verify you`,
     status: `Finish the flow at ${provider || "the provider"} to continue`,
     error: "Please try again"
   };
@@ -2548,7 +2754,7 @@ function RampWidgetTemplate({
         /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onRefresh, disabled: refreshing, "aria-label": "Refresh", children: /* @__PURE__ */ jsxRuntime.jsx(
           "svg",
           {
-            className: refreshing ? "pollar-modal-refresh-icon spinning" : "pollar-modal-refresh-icon",
+            className: refreshing ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon",
             width: "16",
             height: "16",
             viewBox: "0 0 16 16",
@@ -2570,12 +2776,12 @@ function RampWidgetTemplate({
       ] })
     ] }),
     step === "input" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-tabs", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tabs", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
-            className: "pollar-ramp-tab",
+            className: "pollar-tab",
             "data-active": direction === "onramp",
             onClick: () => onDirectionChange("onramp"),
             children: "Buy"
@@ -2585,52 +2791,42 @@ function RampWidgetTemplate({
           "button",
           {
             type: "button",
-            className: "pollar-ramp-tab",
+            className: "pollar-tab",
             "data-active": direction === "offramp",
             onClick: () => onDirectionChange("offramp"),
             children: "Sell"
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-input-row", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-field", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-ramp-label", children: "Amount" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "number",
-              className: "pollar-ramp-input",
-              placeholder: "0.00",
-              value: amount,
-              min: "0",
-              onChange: (e) => onAmountChange(e.target.value)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-field", style: { maxWidth: 90 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-ramp-label", children: "Currency" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "text",
-              className: "pollar-ramp-input",
-              placeholder: "MXN",
-              value: currency,
-              maxLength: 5,
-              onChange: (e) => onCurrencyChange(e.target.value.toUpperCase())
-            }
-          )
-        ] })
-      ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-field", children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-ramp-label", children: "Country" }),
-        countriesLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-ramp-input pollar-ramp-input-loading", children: "Loading countries\u2026" }) : countries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "No ramp providers available on this network yet." }) : /* @__PURE__ */ jsxRuntime.jsx("select", { className: "pollar-ramp-input", value: country, onChange: (e) => onCountryChange(e.target.value), children: countries.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: c.code, children: [
+        countriesLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-input pollar-ramp-input-loading", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading countries\u2026" })
+        ] }) : countries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "No ramp providers available on this network yet." }) : /* @__PURE__ */ jsxRuntime.jsx("select", { className: "pollar-ramp-input", value: country, onChange: (e) => onCountryChange(e.target.value), children: countries.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: c.code, children: [
           flagEmoji(c.code),
           " ",
           c.code,
           c.currency ? ` \u2014 ${c.currency}` : ""
         ] }, c.code)) })
       ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pollar-ramp-label", children: [
+          "Amount",
+          currency ? ` (${currency})` : ""
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            className: "pollar-ramp-input",
+            placeholder: "0.00",
+            value: amount,
+            min: "0",
+            onChange: (e) => onAmountChange(e.target.value)
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-actions", children: [
         /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, children: "Cancel" }),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -2645,14 +2841,60 @@ function RampWidgetTemplate({
         )
       ] })
     ] }),
-    step === "loading_quote" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-ramp-loading", children: LOADING_STEPS.map((text, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-loading-row", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-ramp-loading-dot" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: text })
-    ] }, i)) }),
+    step === "loading_quote" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-loading", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-spinner pollar-ramp-loading-spinner" }),
+      LOADING_STEPS.map((text, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-loading-row", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-ramp-loading-dot" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: text })
+      ] }, i))
+    ] }),
     step === "select_route" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-ramp-route-list", children: quotes.map((q, i) => /* @__PURE__ */ jsxRuntime.jsx(RouteDisplay, { quote: q, onSelect: onSelectQuote }, i)) }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, children: "Cancel" })
     ] }),
+    step === "contact" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      requiredFields.map((f) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-ramp-label", children: f.label }),
+        f.type === "select" ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            className: "pollar-ramp-input",
+            value: fieldValues[f.key] ?? "",
+            onChange: (e) => onFieldChange(f.key, e.target.value),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Select\u2026" }),
+              (f.options ?? []).map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+            ]
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: f.type,
+            className: "pollar-ramp-input",
+            value: fieldValues[f.key] ?? "",
+            autoComplete: f.type === "email" ? "email" : "off",
+            onChange: (e) => onFieldChange(f.key, e.target.value)
+          }
+        ),
+        f.type === "email" && (fieldValues[f.key] ?? "").trim() !== "" && !isFieldValid(f, fieldValues[f.key]) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-field-error", children: "Enter a valid email address." })
+      ] }, f.key)),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-actions", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onRetry, children: "Back" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "pollar-btn-primary",
+            disabled: requiredFields.some((f) => !isFieldValid(f, fieldValues[f.key])) || isLoading,
+            onClick: onContactContinue,
+            children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
+              "Starting\u2026"
+            ] }) : "Continue"
+          }
+        )
+      ] })
+    ] }),
     step === "status" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-field", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-payment-label", children: "Provider" }),
@@ -2660,21 +2902,81 @@ function RampWidgetTemplate({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-field", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-payment-label", children: "Status" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-ramp-payment-value", children: /* @__PURE__ */ jsxRuntime.jsx("code", { style: { color: txStatus === "completed" ? "var(--pollar-success-text)" : void 0 }, children: txStatus ? STATUS_LABEL[txStatus] : "Processing" }) })
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-value", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("code", { style: { color: txStatus === "completed" ? "var(--pollar-success-text)" : void 0 }, children: txStatus ? STATUS_LABEL[txStatus] : "Processing" }),
+          txStatus !== "completed" && txStatus !== "failed" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm", "aria-label": "Checking status" })
+        ] })
       ] }),
       stellarTxHash && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-field", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-payment-label", children: "Stellar tx" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-ramp-payment-value", children: /* @__PURE__ */ jsxRuntime.jsxs("code", { children: [
-          stellarTxHash.slice(0, 8),
-          "\u2026",
-          stellarTxHash.slice(-8)
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-value", style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("code", { style: { flex: 1, wordBreak: "break-all" }, children: [
+            stellarTxHash.slice(0, 8),
+            "\u2026",
+            stellarTxHash.slice(-8)
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: stellarTxHash, label: "Copy transaction hash" }),
+          explorerUrl && /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: explorerUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "pollar-copy-btn",
+              "aria-label": "View on Stellar Expert",
+              title: "View on Stellar Expert",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M6 3H3v8h8V8",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M8.5 2.5h3v3M11 3L6.5 7.5",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              ] })
+            }
+          )
+        ] })
+      ] }),
+      depositInstructions && txStatus !== "completed" && flattenInstructions(depositInstructions).map(({ key, label, value, kind }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-payment-label", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-ramp-payment-value", children: kind === "qr" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: value.startsWith("data:") ? value : `data:image/png;base64,${value}`,
+            alt: label,
+            style: { width: "100%", maxWidth: 220, height: "auto", display: "block", margin: "0 auto" }
+          }
+        ) : kind === "datetime" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: value }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("code", { style: { flex: 1, wordBreak: "break-all" }, children: value }),
+          /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value, label: `Copy ${label}` })
         ] }) })
+      ] }, key)),
+      tosUrl && !depositInstructions && txStatus !== "completed" && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "pollar-btn-primary", onClick: onOpenTos, children: [
+        "Accept terms at ",
+        provider
       ] }),
-      kycUrl && txStatus !== "completed" && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "pollar-btn-primary", onClick: onOpenKyc, children: [
+      kycUrl && !depositInstructions && txStatus !== "completed" && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "pollar-btn-primary", onClick: onOpenKyc, children: [
         "Continue at ",
         provider
       ] }),
-      canComplete && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-primary", disabled: completing, onClick: onCompleteWithdraw, children: completing ? "Submitting\u2026" : "I've completed KYC \u2014 withdraw" }),
+      canComplete && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-primary", disabled: completing, onClick: onCompleteWithdraw, children: completing ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
+        "Submitting\u2026"
+      ] }) : "I've completed KYC \u2014 withdraw" }),
       errorMsg && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-ramp-payment-note", style: { color: "var(--pollar-error-text)" }, children: errorMsg }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, children: txStatus === "completed" ? "Done" : "Close" })
     ] }),
@@ -2688,8 +2990,11 @@ function RampWidgetTemplate({
   ] });
 }
 var TERMINAL = ["completed", "failed"];
+function requiredFieldsOf(quote) {
+  return quote.requiredFields ?? [];
+}
 function RampWidget({ onClose }) {
-  const { getClient, signTx, wallet, styles } = usePollar();
+  const { getClient, signTx, wallet, styles, network } = usePollar();
   const walletAddress = wallet?.address ?? "";
   const client = getClient();
   const { theme = "light", accentColor = "#005DB4" } = styles;
@@ -2698,16 +3003,21 @@ function RampWidget({ onClose }) {
   const [amount, setAmount] = react.useState("");
   const [currency, setCurrency] = react.useState("");
   const [country, setCountry] = react.useState("");
+  const [fieldValues, setFieldValues] = react.useState({});
+  const setFieldValue = (key, value) => setFieldValues((v) => ({ ...v, [key]: value }));
   const [countries, setCountries] = react.useState([]);
   const [countriesLoading, setCountriesLoading] = react.useState(true);
   const [refreshing, setRefreshing] = react.useState(false);
   const [quotes, setQuotes] = react.useState([]);
+  const [selectedQuote, setSelectedQuote] = react.useState(null);
   const [isLoading, setIsLoading] = react.useState(false);
   const [txId, setTxId] = react.useState(null);
   const [provider, setProvider] = react.useState("");
   const [kycUrl, setKycUrl] = react.useState(null);
+  const [tosUrl, setTosUrl] = react.useState(null);
   const [txStatus, setTxStatus] = react.useState(null);
   const [stellarTxHash, setStellarTxHash] = react.useState(null);
+  const [depositInstructions, setDepositInstructions] = react.useState(null);
   const [completing, setCompleting] = react.useState(false);
   const [errorMsg, setErrorMsg] = react.useState(null);
   const directionRef = react.useRef(direction);
@@ -2723,6 +3033,7 @@ function RampWidget({ onClose }) {
         setTxStatus(tx.status);
         if (tx.stellarTxHash) setStellarTxHash(tx.stellarTxHash);
         if (tx.kycUrl) setKycUrl(tx.kycUrl);
+        if (tx.depositInstructions) setDepositInstructions(tx.depositInstructions);
         if (TERMINAL.includes(tx.status)) clearInterval(id);
       } catch {
       }
@@ -2770,6 +3081,7 @@ function RampWidget({ onClose }) {
         setTxStatus(tx.status);
         if (tx.stellarTxHash) setStellarTxHash(tx.stellarTxHash);
         if (tx.kycUrl) setKycUrl(tx.kycUrl);
+        if (tx.depositInstructions) setDepositInstructions(tx.depositInstructions);
       }
     } catch {
     } finally {
@@ -2779,11 +3091,15 @@ function RampWidget({ onClose }) {
   function resetToInput() {
     setStep("input");
     setQuotes([]);
+    setSelectedQuote(null);
+    setFieldValues({});
     setTxId(null);
     setProvider("");
     setKycUrl(null);
+    setTosUrl(null);
     setTxStatus(null);
     setStellarTxHash(null);
+    setDepositInstructions(null);
     setErrorMsg(null);
   }
   async function resumeWithSignature(id, ps) {
@@ -2807,8 +3123,10 @@ function RampWidget({ onClose }) {
       return;
     }
     setKycUrl(result.kycUrl ?? null);
+    setTosUrl(result.tosUrl ?? null);
     setTxStatus(result.status);
     setStellarTxHash(result.stellarTxHash ?? null);
+    setDepositInstructions(result.depositInstructions ?? null);
     setStep("status");
   }
   async function handleFindRoute() {
@@ -2832,12 +3150,37 @@ function RampWidget({ onClose }) {
       setIsLoading(false);
     }
   }
-  async function handleSelectQuote(quote) {
+  function handleSelectQuote(quote) {
+    setSelectedQuote(quote);
+    setErrorMsg(null);
+    const fields = requiredFieldsOf(quote);
+    const missing = fields.some((f) => !(fieldValues[f.key] ?? "").trim());
+    if (fields.length > 0 && missing) {
+      setStep("contact");
+      return;
+    }
+    void startRamp(quote);
+  }
+  function handleContactContinue() {
+    if (selectedQuote) void startRamp(selectedQuote);
+  }
+  async function startRamp(quote) {
     setIsLoading(true);
     setErrorMsg(null);
     try {
       const base = { quoteId: quote.quoteId, amount: Number(amount), currency, country };
-      const result = direction === "onramp" ? await client.createOnRamp({ ...base, ...walletAddress ? { walletAddress } : {} }) : await client.createOffRamp({ ...base, ...walletAddress ? { walletAddress } : {} });
+      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;
+      }
+      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) {
       setErrorMsg(e instanceof Error ? e.message : "Failed to start the ramp.");
@@ -2849,6 +3192,9 @@ function RampWidget({ onClose }) {
   function handleOpenKyc() {
     if (kycUrl) window.open(kycUrl, "_blank", "noopener,noreferrer");
   }
+  function handleOpenTos() {
+    if (tosUrl) window.open(tosUrl, "_blank", "noopener,noreferrer");
+  }
   async function handleCompleteWithdraw() {
     if (!txId) return;
     setCompleting(true);
@@ -2881,6 +3227,8 @@ function RampWidget({ onClose }) {
       amount,
       currency,
       country,
+      requiredFields: selectedQuote ? requiredFieldsOf(selectedQuote) : [],
+      fieldValues,
       countries,
       countriesLoading,
       refreshing,
@@ -2889,17 +3237,22 @@ function RampWidget({ onClose }) {
       provider,
       txStatus,
       kycUrl,
+      tosUrl,
       stellarTxHash,
+      explorerUrl: stellarTxHash ? `https://stellar.expert/explorer/${network === "mainnet" ? "public" : "testnet"}/tx/${stellarTxHash}` : null,
+      depositInstructions,
       canComplete,
       completing,
       errorMsg,
       onDirectionChange: setDirection,
       onAmountChange: setAmount,
-      onCurrencyChange: setCurrency,
+      onFieldChange: setFieldValue,
       onCountryChange: handleCountryChange,
       onFindRoute: handleFindRoute,
       onSelectQuote: handleSelectQuote,
+      onContactContinue: handleContactContinue,
       onOpenKyc: handleOpenKyc,
+      onOpenTos: handleOpenTos,
       onCompleteWithdraw: handleCompleteWithdraw,
       onRetry: resetToInput,
       onRefresh: handleRefresh,
@@ -3065,6 +3418,43 @@ function ReceiveModal({ onClose }) {
     }
   ) });
 }
+function formatAmount2(value) {
+  const n = parseFloat(value);
+  return isNaN(n) ? value : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
+}
+var optionLabel = (o) => o.available !== void 0 ? `${o.code} \u2014 ${formatAmount2(o.available)} available` : o.code;
+function AssetSelect({
+  label,
+  value,
+  options,
+  onChange,
+  loading = false,
+  disabled = false,
+  appGroupLabel = "App assets",
+  otherGroupLabel = "Other assets",
+  children
+}) {
+  const appAssets = options.filter((o) => o.enabledInApp);
+  const otherAssets = options.filter((o) => !o.enabledInApp);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: label }),
+    loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxRuntime.jsxs(
+      "select",
+      {
+        className: "pollar-input pollar-send-select",
+        value,
+        disabled,
+        onChange: (e) => onChange(e.target.value),
+        children: [
+          value === "" && /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, hidden: true }),
+          appAssets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("optgroup", { label: appGroupLabel, children: appAssets.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.key, children: optionLabel(o) }, o.key)) }),
+          otherAssets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("optgroup", { label: otherGroupLabel, children: otherAssets.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.key, children: optionLabel(o) }, o.key)) })
+        ]
+      }
+    ),
+    !loading && children
+  ] });
+}
 var STATUS_MESSAGES = {
   idle: "",
   building: "Building transaction\u2026",
@@ -3289,6 +3679,7 @@ function SendModalTemplate({
   isInProgress,
   onClose,
   onBack,
+  onRefresh,
   onSelectAsset,
   onAmountChange,
   onDestinationChange,
@@ -3317,8 +3708,6 @@ function SendModalTemplate({
     "--pollar-input-border-radius": "0.5rem",
     "--pollar-card-border-radius": "10px"
   };
-  const enabledAssets = assets.filter((a) => a.enabledInApp);
-  const otherAssets = assets.filter((a) => !a.enabledInApp);
   const selectedKey = selectedAsset ? assetKey3(selectedAsset) : "";
   const canSubmit = !!selectedAsset && !!amount && !!destination.trim() && !isLoadingBalance;
   const title = step === "form" ? "Send" : txTitle;
@@ -3335,39 +3724,61 @@ function SendModalTemplate({
             showBack && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onBack, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
             /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: title })
           ] }),
-          !isInProgress && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) }) })
+          !isInProgress && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
+            step === "form" && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-modal-close",
+                onClick: onRefresh,
+                disabled: isLoadingBalance,
+                "aria-label": "Refresh",
+                title: "Refresh balances",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "svg",
+                  {
+                    className: isLoadingBalance ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon",
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    "aria-hidden": true,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2v3h-3",
+                        stroke: "currentColor",
+                        strokeWidth: "1.6",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+          ] })
         ] }),
         step === "form" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Asset" }),
-            isLoadingBalance ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxRuntime.jsxs(
-              "select",
-              {
-                className: "pollar-input pollar-send-select",
-                value: selectedKey,
-                onChange: (e) => {
-                  const all = [...enabledAssets, ...otherAssets];
-                  const found = all.find((a) => assetKey3(a) === e.target.value);
-                  if (found) onSelectAsset(found);
-                },
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Select asset" }),
-                  enabledAssets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("optgroup", { label: "App assets", children: enabledAssets.map((a) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: assetKey3(a), children: [
-                    a.code,
-                    " \u2014 ",
-                    formatBalance(a.available),
-                    " available"
-                  ] }, assetKey3(a))) }),
-                  otherAssets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("optgroup", { label: "Other assets", children: otherAssets.map((a) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: assetKey3(a), children: [
-                    a.code,
-                    " \u2014 ",
-                    formatBalance(a.available),
-                    " available"
-                  ] }, assetKey3(a))) })
-                ]
+          /* @__PURE__ */ jsxRuntime.jsx(
+            AssetSelect,
+            {
+              label: "Asset",
+              value: selectedKey,
+              loading: isLoadingBalance,
+              options: assets.map((a) => ({
+                key: assetKey3(a),
+                code: a.code,
+                available: a.available,
+                enabledInApp: a.enabledInApp
+              })),
+              onChange: (key) => {
+                const found = assets.find((a) => assetKey3(a) === key);
+                if (found) onSelectAsset(found);
               }
-            )
-          ] }),
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-label-row", children: [
               /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Amount" }),
@@ -3467,13 +3878,16 @@ function SendModal({ onClose }) {
   const allAssets = balanceData?.balances ?? [];
   const sortedAssets = [
     ...allAssets.filter((b) => b.enabledInApp),
-    ...allAssets.filter((b) => !b.enabledInApp && parseFloat(b.balance) > 0)
+    ...allAssets.filter((b) => !b.enabledInApp && (b.type === "native" || parseFloat(b.balance) > 0))
   ];
+  react.useEffect(() => {
+    if (!selectedAsset && sortedAssets.length > 0) setSelectedAsset(sortedAssets[0]);
+  }, [sortedAssets, selectedAsset]);
   const hash = transaction.step === "success" ? transaction.hash : null;
   const buildData = "buildData" in transaction ? transaction.buildData : null;
   const explorerNetwork = buildData?.summary.network?.toLowerCase().includes("testnet") ? "testnet" : buildData ? "public" : network === "testnet" ? "testnet" : "public";
   const explorerUrl = hash ? `https://stellar.expert/explorer/${explorerNetwork}/tx/${hash}` : null;
-  const IN_FLIGHT_STEPS2 = [
+  const IN_FLIGHT_STEPS3 = [
     "building",
     "signing",
     "submitting",
@@ -3481,7 +3895,7 @@ function SendModal({ onClose }) {
     "signing-submitting",
     "building-signing-submitting"
   ];
-  const isInProgress = IN_FLIGHT_STEPS2.includes(transaction.step);
+  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";
   async function handleSubmit() {
@@ -3554,6 +3968,7 @@ function SendModal({ onClose }) {
       isInProgress,
       onClose,
       onBack: handleBack,
+      onRefresh: () => void refreshWalletBalance(),
       onSelectAsset: setSelectedAsset,
       onAmountChange: setAmount,
       onDestinationChange: setDestination,
@@ -3575,7 +3990,7 @@ var PROVIDER_LABELS = {
   soroswap: "Soroswap",
   sdex: "Stellar DEX"
 };
-function formatAmount2(value) {
+function formatAmount3(value) {
   const n = parseFloat(value);
   return isNaN(n) ? value : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
 }
@@ -3658,214 +4073,235 @@ function SwapModalTemplate({
   const buyKey = selectedBuy ? assetOptionKey(selectedBuy) : "";
   const canSwap = !smartUnsupported && !!selectedSell && !!selectedBuy && !!amount && !!quote && !quoteLoading && !isLoadingData;
   const title = step === "form" ? "Swap" : txTitle;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-send-modal", "data-theme": theme, style: cssVars, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-header-left", children: [
-        showBack && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onBack, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: title })
-      ] }),
-      !isInProgress && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
-        step === "form" && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            className: "pollar-modal-close",
-            onClick: onRefresh,
-            disabled: configLoading || isLoadingData,
-            "aria-label": "Refresh",
-            title: "Refresh balances and options",
-            children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(
-              "path",
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-send-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-header-left", children: [
+            showBack && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onBack, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: title })
+          ] }),
+          !isInProgress && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
+            step === "form" && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
               {
-                d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2.5v3h-3",
-                stroke: "currentColor",
-                strokeWidth: "1.6",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
+                type: "button",
+                className: "pollar-modal-close",
+                onClick: onRefresh,
+                disabled: configLoading || isLoadingData,
+                "aria-label": "Refresh",
+                title: "Refresh balances and options",
+                children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2.5v3h-3",
+                    stroke: "currentColor",
+                    strokeWidth: "1.6",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ) })
               }
-            ) })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
-      ] })
-    ] }),
-    step === "form" && configLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-hint", children: "Loading swap options\u2026" }),
-    step === "form" && !configLoading && swapUnavailable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "Swap is not available for this app." }),
-    step === "form" && !configLoading && !swapUnavailable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      smartUnsupported && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "Swaps are not yet available for smart (passkey) wallets." }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "You pay" }),
-        isLoadingData ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxRuntime.jsxs(
-          "select",
-          {
-            className: "pollar-input pollar-send-select",
-            value: sellKey,
-            onChange: (e) => {
-              const found = sellOptions.find((o) => assetOptionKey(o) === e.target.value);
-              if (found) onSelectSell(found);
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Select asset to sell" }),
-              sellOptions.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: assetOptionKey(o), children: [
-                o.code,
-                o.available !== void 0 ? ` \u2014 ${formatAmount2(o.available)} available` : ""
-              ] }, assetOptionKey(o)))
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-label-row", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Amount" }),
-          selectedSell?.available !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-send-hint", children: [
-            "Available: ",
-            formatAmount2(selectedSell.available),
-            " ",
-            selectedSell.code
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            className: "pollar-input",
-            type: "text",
-            inputMode: "decimal",
-            placeholder: "0.00",
-            value: amount,
-            onChange: (e) => onAmountChange(e.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "You receive" }),
-        isLoadingData ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-skeleton" }) : /* @__PURE__ */ jsxRuntime.jsxs(
-          "select",
-          {
-            className: "pollar-input pollar-send-select",
-            value: buyKey,
-            onChange: (e) => {
-              const found = buyOptions.find((o) => assetOptionKey(o) === e.target.value);
-              if (found) onSelectBuy(found);
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Select asset to buy" }),
-              buyOptions.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: assetOptionKey(o), children: [
-                o.code,
-                o.enabledInApp ? "" : " (external)"
-              ] }, assetOptionKey(o)))
-            ]
-          }
-        ),
-        !isLoadingData && (customOpen ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-custom", children: [
+        step === "form" && configLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-loading-block", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-spinner" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading swap options\u2026" })
+        ] }),
+        step === "form" && !configLoading && swapUnavailable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "Swap is not available for this app." }),
+        step === "form" && !swapUnavailable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          smartUnsupported && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "Swaps are not yet available for smart (passkey) wallets." }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
+            AssetSelect,
             {
-              className: "pollar-input",
-              type: "text",
-              placeholder: "Code (e.g. USDC)",
-              value: customCode,
-              onChange: (e) => setCustomCode(e.target.value)
+              label: "You pay",
+              value: sellKey,
+              loading: isLoadingData,
+              disabled: configLoading,
+              options: sellOptions.map((o) => ({
+                key: assetOptionKey(o),
+                code: o.code,
+                available: o.available,
+                enabledInApp: o.enabledInApp
+              })),
+              onChange: (key) => {
+                const found = sellOptions.find((o) => assetOptionKey(o) === key);
+                if (found) onSelectSell(found);
+              }
             }
           ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-label-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Amount" }),
+              selectedSell?.available !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-send-hint", children: [
+                "Available: ",
+                formatAmount3(selectedSell.available),
+                " ",
+                selectedSell.code
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                className: "pollar-input",
+                type: "text",
+                inputMode: "decimal",
+                placeholder: "0.00",
+                value: amount,
+                disabled: configLoading,
+                onChange: (e) => onAmountChange(e.target.value)
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
+            AssetSelect,
             {
-              className: "pollar-input",
-              type: "text",
-              placeholder: "Issuer (G...)",
-              value: customIssuer,
-              onChange: (e) => setCustomIssuer(e.target.value)
+              label: "You receive",
+              value: buyKey,
+              loading: isLoadingData,
+              disabled: configLoading,
+              options: buyOptions.map((o) => ({
+                key: assetOptionKey(o),
+                code: o.code,
+                enabledInApp: o.enabledInApp
+              })),
+              onChange: (key) => {
+                const found = buyOptions.find((o) => assetOptionKey(o) === key);
+                if (found) onSelectBuy(found);
+              },
+              children: customOpen ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-custom", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    className: "pollar-input",
+                    type: "text",
+                    placeholder: "Code (e.g. USDC)",
+                    value: customCode,
+                    onChange: (e) => setCustomCode(e.target.value)
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    className: "pollar-input",
+                    type: "text",
+                    placeholder: "Issuer (G...)",
+                    value: customIssuer,
+                    onChange: (e) => setCustomIssuer(e.target.value)
+                  }
+                ),
+                customError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: customError }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-custom-actions", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-primary", onClick: submitCustomToken, children: "Add token" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "pollar-swap-custom-cancel",
+                      onClick: () => {
+                        setCustomOpen(false);
+                        setCustomError("");
+                      },
+                      children: "Cancel"
+                    }
+                  )
+                ] })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "pollar-swap-custom-toggle",
+                  disabled: configLoading,
+                  onClick: () => setCustomOpen(true),
+                  children: "+ Add a token by code / issuer"
+                }
+              )
             }
           ),
-          customError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: customError }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-custom-actions", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-primary", onClick: submitCustomToken, children: "Add token" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Route" }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
+              "select",
               {
-                type: "button",
-                className: "pollar-swap-custom-cancel",
-                onClick: () => {
-                  setCustomOpen(false);
-                  setCustomError("");
-                },
-                children: "Cancel"
+                className: "pollar-input pollar-send-select",
+                value: provider,
+                disabled: configLoading || providers.length === 0,
+                onChange: (e) => onProviderChange(e.target.value),
+                children: providers.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: provider, children: configLoading ? "Loading\u2026" : PROVIDER_LABELS[provider] }) : providers.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p, children: PROVIDER_LABELS[p] }, p))
               }
             )
-          ] })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-swap-custom-toggle", onClick: () => setCustomOpen(true), children: "+ Add a token by code / issuer" }))
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Route" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "select",
+          ] }),
+          quoteLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-hint pollar-inline-loading", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
+            "Fetching best price\u2026"
+          ] }),
+          !quoteLoading && quoteError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: quoteError }),
+          !quoteLoading && !quoteError && quote && selectedBuy && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "You receive" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                "~ ",
+                formatAmount3(quote.amountOut),
+                " ",
+                selectedBuy.code
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "Minimum received" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                formatAmount3(quote.minReceived),
+                " ",
+                selectedBuy.code
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "Price impact" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                quote.priceImpactPct,
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "Route" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: PROVIDER_LABELS[quote.provider] })
+            ] })
+          ] }),
+          !quoteLoading && !quoteError && !quote && selectedSell && selectedBuy && !!amount && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-hint", children: "No route found for this pair." }),
+          buyNeedsTrustline && selectedBuy && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-trustline-notice", children: [
+            "To receive ",
+            selectedBuy.code,
+            " your wallet needs a trustline. Swapping will create it first (~0.5 XLM reserve, refundable if you later remove it)."
+          ] }),
+          formError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: formError }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-primary", onClick: onSwap, disabled: !canSwap, children: buyNeedsTrustline ? "Create trustline & swap" : "Swap" }) })
+        ] }),
+        step === "tx" && /* @__PURE__ */ jsxRuntime.jsx(
+          TxStatusView,
           {
-            className: "pollar-input pollar-send-select",
-            value: provider,
-            onChange: (e) => onProviderChange(e.target.value),
-            children: providers.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p, children: PROVIDER_LABELS[p] }, p))
+            transaction,
+            showXdr,
+            copied,
+            explorerUrl,
+            walletType,
+            onSignAndSend: () => {
+            },
+            onToggleXdr,
+            onCopyHash,
+            onRetry,
+            onDone
           }
-        )
-      ] }),
-      quoteLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-hint", children: "Fetching best price\u2026" }),
-      !quoteLoading && quoteError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: quoteError }),
-      !quoteLoading && !quoteError && quote && selectedBuy && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "You receive" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            "~ ",
-            formatAmount2(quote.amountOut),
-            " ",
-            selectedBuy.code
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "Minimum received" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            formatAmount2(quote.minReceived),
-            " ",
-            selectedBuy.code
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "Price impact" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            quote.priceImpactPct,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "Route" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: PROVIDER_LABELS[quote.provider] })
-        ] })
-      ] }),
-      !quoteLoading && !quoteError && !quote && selectedSell && selectedBuy && !!amount && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-send-hint", children: "No route found for this pair." }),
-      buyNeedsTrustline && selectedBuy && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-trustline-notice", children: [
-        "To receive ",
-        selectedBuy.code,
-        " your wallet needs a trustline. Swapping will create it first (~0.5 XLM reserve, refundable if you later remove it)."
-      ] }),
-      formError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: formError }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-primary", onClick: onSwap, disabled: !canSwap, children: buyNeedsTrustline ? "Create trustline & swap" : "Swap" }) })
-    ] }),
-    step === "tx" && /* @__PURE__ */ jsxRuntime.jsx(
-      TxStatusView,
-      {
-        transaction,
-        showXdr,
-        copied,
-        explorerUrl,
-        walletType,
-        onSignAndSend: () => {
-        },
-        onToggleXdr,
-        onCopyHash,
-        onRetry,
-        onDone
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
-  ] });
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  );
 }
 var QUOTE_DEBOUNCE_MS = 400;
 function toRef(a) {
@@ -3943,7 +4379,7 @@ function SwapModal({ onClose }) {
   const balances = walletBalance.step === "loaded" ? walletBalance.data.balances : [];
   const assetRecords = enabledAssets.step === "loaded" ? enabledAssets.data.assets : [];
   const isLoadingData = walletBalance.step === "loading" || enabledAssets.step === "loading";
-  const sellOptions = balances.filter((b) => parseFloat(b.available) > 0).map((b) => ({ ref: toRef(b), code: b.code, issuer: b.issuer, available: b.available, enabledInApp: b.enabledInApp }));
+  const sellOptions = balances.filter((b) => b.type === "native" || !b.trustlineRemoved).map((b) => ({ ref: toRef(b), code: b.code, issuer: b.issuer, available: b.available, enabledInApp: b.enabledInApp }));
   const buyKeyOfSell = selectedSell ? `${selectedSell.code}:${selectedSell.issuer ?? "native"}` : "";
   const optKey = (o) => `${o.code}:${o.issuer ?? "native"}`;
   const enabledBuy = assetRecords.map((a) => ({
@@ -3961,9 +4397,19 @@ function SwapModal({ onClose }) {
   })).filter((o) => !enabledKeys.has(optKey(o)));
   const knownKeys = /* @__PURE__ */ new Set([...enabledKeys, ...catalogBuy.map(optKey)]);
   const customBuy = customTokens.filter((o) => !knownKeys.has(optKey(o)));
-  const buyOptions = [...enabledBuy, ...catalogBuy, ...customBuy].filter(
-    (o) => optKey(o) !== buyKeyOfSell
-  );
+  const buyOptions = [...enabledBuy, ...catalogBuy, ...customBuy].filter((o) => optKey(o) !== buyKeyOfSell);
+  react.useEffect(() => {
+    if (sellOptions.length === 0) return;
+    if (!selectedSell || !sellOptions.some((o) => optKey(o) === optKey(selectedSell))) {
+      setSelectedSell(sellOptions[0]);
+    }
+  }, [sellOptions, selectedSell]);
+  react.useEffect(() => {
+    if (buyOptions.length === 0) return;
+    if (!selectedBuy || !buyOptions.some((o) => optKey(o) === optKey(selectedBuy))) {
+      setSelectedBuy(buyOptions[0]);
+    }
+  }, [buyOptions, selectedBuy]);
   function addCustomToken(code, issuer) {
     const c = code.trim().toUpperCase();
     const i = issuer.trim();
@@ -4022,7 +4468,7 @@ function SwapModal({ onClose }) {
   const buildData = "buildData" in transaction ? transaction.buildData : null;
   const explorerNetwork = buildData?.summary.network?.toLowerCase().includes("testnet") ? "testnet" : buildData ? "public" : network === "testnet" ? "testnet" : "public";
   const explorerUrl = hash ? `https://stellar.expert/explorer/${explorerNetwork}/tx/${hash}` : null;
-  const IN_FLIGHT_STEPS2 = [
+  const IN_FLIGHT_STEPS3 = [
     "building",
     "signing",
     "submitting",
@@ -4030,7 +4476,7 @@ function SwapModal({ onClose }) {
     "signing-submitting",
     "building-signing-submitting"
   ];
-  const isInProgress = IN_FLIGHT_STEPS2.includes(transaction.step);
+  const isInProgress = IN_FLIGHT_STEPS3.includes(transaction.step);
   const showBack = step === "tx" && (transaction.step === "error" || transaction.step === "success") && !isInProgress;
   const txTitle = isInProgress ? "Swapping\u2026" : transaction.step === "success" ? "Swapped!" : transaction.step === "error" ? "Swap failed" : "Confirm Swap";
   async function handleSwap() {
@@ -4124,6 +4570,377 @@ function SwapModal({ onClose }) {
     }
   ) });
 }
+var POSITION_POLL_MS = 1e4;
+var PROVIDER_LABELS2 = {
+  blend: "Blend",
+  defindex: "DeFindex"
+};
+var IN_FLIGHT_STEPS2 = [
+  "building",
+  "signing",
+  "submitting",
+  "submitted",
+  "signing-submitting",
+  "building-signing-submitting"
+];
+function formatAmount4(value) {
+  const n = parseFloat(value);
+  return isNaN(n) ? value : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
+}
+function EarnModal({ onClose }) {
+  const {
+    getEarnProviders,
+    getEarnOpportunities,
+    getEarnPosition,
+    earnDeposit,
+    earnWithdraw,
+    tx: transaction,
+    wallet,
+    network,
+    styles
+  } = usePollar();
+  const walletType = wallet?.custody === "external" ? wallet.provider : null;
+  const smartUnsupported = wallet?.custody === "smart";
+  const { theme = "light", accentColor = "#005DB4" } = styles;
+  const isDark = theme === "dark";
+  const [step, setStep] = react.useState("form");
+  const [tab, setTab] = react.useState("deposit");
+  const [providers, setProviders] = react.useState(null);
+  const [provider, setProvider] = react.useState(null);
+  const [opportunities, setOpportunities] = react.useState([]);
+  const [opportunityId, setOpportunityId] = react.useState("");
+  const [position, setPosition] = react.useState(null);
+  const [amount, setAmount] = react.useState("");
+  const [loadingOpps, setLoadingOpps] = react.useState(false);
+  const [formError, setFormError] = react.useState("");
+  const [refreshing, setRefreshing] = react.useState(false);
+  const [showXdr, setShowXdr] = react.useState(false);
+  const [copied, setCopied] = react.useState(false);
+  const copyTimerRef = react.useRef(null);
+  const loadProviders = react.useCallback(() => {
+    setProviders(null);
+    return getEarnProviders().then((ps) => {
+      setProviders(ps);
+      setProvider((cur) => cur ?? ps[0] ?? null);
+    }).catch(() => setProviders([]));
+  }, [getEarnProviders]);
+  react.useEffect(() => {
+    void loadProviders();
+  }, [loadProviders]);
+  react.useEffect(() => {
+    if (!provider) return;
+    let cancelled = false;
+    setLoadingOpps(true);
+    getEarnOpportunities(provider).then((opps) => {
+      if (cancelled) return;
+      setOpportunities(opps);
+      setOpportunityId((cur) => opps.some((o) => o.id === cur) ? cur : opps[0]?.id ?? "");
+    }).catch(() => {
+      if (!cancelled) setOpportunities([]);
+    }).finally(() => {
+      if (!cancelled) setLoadingOpps(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [provider, getEarnOpportunities]);
+  const selectedOpportunity = opportunities.find((o) => o.id === opportunityId) ?? null;
+  const refreshPosition = react.useCallback(() => {
+    if (!provider || !opportunityId || !wallet) return;
+    getEarnPosition({ provider, opportunity: opportunityId }).then(setPosition).catch(() => {
+    });
+  }, [provider, opportunityId, wallet, getEarnPosition]);
+  react.useEffect(() => {
+    setPosition(null);
+    refreshPosition();
+  }, [refreshPosition]);
+  react.useEffect(() => {
+    if (step !== "form" || !provider || !opportunityId) return;
+    const id = setInterval(refreshPosition, POSITION_POLL_MS);
+    return () => clearInterval(id);
+  }, [step, provider, opportunityId, refreshPosition]);
+  react.useEffect(
+    () => () => {
+      if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
+    },
+    []
+  );
+  const providersLoading = providers === null;
+  const earnUnavailable = providers !== null && providers.length === 0;
+  const withdrawUnit = position?.withdrawUnit ?? "asset";
+  const assetCode = selectedOpportunity?.asset.code ?? "";
+  const amountUnitLabel = tab === "deposit" ? assetCode : withdrawUnit === "shares" ? "shares" : assetCode;
+  const hash = transaction.step === "success" ? transaction.hash : null;
+  const buildData = "buildData" in transaction ? transaction.buildData : null;
+  const explorerNetwork = buildData?.summary.network?.toLowerCase().includes("testnet") ? "testnet" : buildData ? "public" : network === "testnet" ? "testnet" : "public";
+  const explorerUrl = hash ? `https://stellar.expert/explorer/${explorerNetwork}/tx/${hash}` : null;
+  const isInProgress = IN_FLIGHT_STEPS2.includes(transaction.step);
+  const showBack = step === "tx" && (transaction.step === "error" || transaction.step === "success") && !isInProgress;
+  const txTitle = isInProgress ? tab === "deposit" ? "Depositing\u2026" : "Withdrawing\u2026" : transaction.step === "success" ? "Done!" : transaction.step === "error" ? tab === "deposit" ? "Deposit failed" : "Withdraw failed" : "Confirm";
+  const canSubmit = !smartUnsupported && !!provider && !!opportunityId && !!amount && parseFloat(amount) > 0 && !providersLoading && !loadingOpps;
+  const cssVars = {
+    "--pollar-accent": accentColor,
+    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
+    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
+    "--pollar-text": isDark ? "#ffffff" : "#111827",
+    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
+    "--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-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px"
+  };
+  async function handleSubmit() {
+    setFormError("");
+    if (smartUnsupported) {
+      setFormError("Earn is not yet supported for smart (passkey) wallets");
+      return;
+    }
+    if (!provider || !opportunityId) {
+      setFormError("Select a vault or pool");
+      return;
+    }
+    const parsed = parseFloat(amount);
+    if (!amount || isNaN(parsed) || parsed <= 0) {
+      setFormError("Enter a valid amount");
+      return;
+    }
+    if (tab === "withdraw" && position && parsed > parseFloat(position.withdrawable)) {
+      setFormError("Amount exceeds your position");
+      return;
+    }
+    setStep("tx");
+    const params = { provider, opportunity: opportunityId, amount };
+    const outcome = tab === "deposit" ? await earnDeposit(params) : await earnWithdraw(params);
+    if (outcome.status === "success" || outcome.status === "pending") {
+      setAmount("");
+      refreshPosition();
+    }
+  }
+  async function handleRetry() {
+    if (transaction.step !== "error" || !provider || !opportunityId) return;
+    const params = { provider, opportunity: opportunityId, amount };
+    if (tab === "deposit") await earnDeposit(params);
+    else await earnWithdraw(params);
+  }
+  function handleCopyHash() {
+    if (!hash) return;
+    navigator.clipboard.writeText(hash).then(() => {
+      setCopied(true);
+      if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
+      copyTimerRef.current = setTimeout(() => {
+        copyTimerRef.current = null;
+        setCopied(false);
+      }, 2e3);
+    });
+  }
+  function handleBack() {
+    setStep("form");
+    setShowXdr(false);
+    setCopied(false);
+    refreshPosition();
+  }
+  async function handleRefresh() {
+    if (refreshing || !provider) return;
+    setRefreshing(true);
+    try {
+      const opps = await getEarnOpportunities(provider);
+      setOpportunities(opps);
+      setOpportunityId((cur) => opps.some((o) => o.id === cur) ? cur : opps[0]?.id ?? "");
+      refreshPosition();
+    } catch {
+    } finally {
+      setRefreshing(false);
+    }
+  }
+  const title = step === "form" ? "Earn" : txTitle;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", onClick: !isInProgress ? onClose : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-send-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-header-left", children: [
+            showBack && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: handleBack, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: title })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
+            step === "form" && !earnUnavailable && !smartUnsupported && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-modal-close",
+                onClick: () => void handleRefresh(),
+                disabled: refreshing || providersLoading,
+                "aria-label": "Refresh",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "svg",
+                  {
+                    className: refreshing ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon",
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    "aria-hidden": true,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2v3h-3",
+                        stroke: "currentColor",
+                        strokeWidth: "1.6",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            !isInProgress && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+          ] })
+        ] }),
+        step === "form" && providersLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-loading-block", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-spinner" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading Earn options\u2026" })
+        ] }),
+        step === "form" && earnUnavailable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "Earn is not available for this app." }),
+        step === "form" && !earnUnavailable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          smartUnsupported && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "Earn is not yet available for smart (passkey) wallets." }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tabs", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-tab",
+                "data-active": tab === "deposit",
+                onClick: () => {
+                  setTab("deposit");
+                  setFormError("");
+                },
+                children: "Deposit"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-tab",
+                "data-active": tab === "withdraw",
+                onClick: () => {
+                  setTab("withdraw");
+                  setFormError("");
+                },
+                children: "Withdraw"
+              }
+            )
+          ] }),
+          providers && providers.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Provider" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "select",
+              {
+                className: "pollar-input pollar-send-select",
+                value: provider ?? "",
+                onChange: (e) => setProvider(e.target.value),
+                children: providers.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p, children: PROVIDER_LABELS2[p] }, p))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-label-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: provider === "defindex" ? "Vault" : "Pool" }),
+              loadingOpps && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm", "aria-label": "Loading options" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "select",
+              {
+                className: "pollar-input pollar-send-select",
+                value: opportunityId,
+                disabled: loadingOpps || opportunities.length === 0,
+                onChange: (e) => setOpportunityId(e.target.value),
+                children: opportunities.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: loadingOpps ? "Loading\u2026" : "None available" }) : opportunities.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: o.id, children: [
+                  o.name,
+                  " \xB7 ",
+                  o.apy.toFixed(2),
+                  "% APY"
+                ] }, o.id))
+              }
+            )
+          ] }),
+          selectedOpportunity && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "Your position" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                position ? formatAmount4(position.balance) : "\u2026",
+                " ",
+                assetCode
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-quote-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-hint", children: "APY" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-earn-live", children: [
+                selectedOpportunity.apy.toFixed(2),
+                "%"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-label-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: tab === "deposit" ? "Amount" : "Withdraw amount" }),
+              tab === "withdraw" && position && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "pollar-swap-custom-toggle", onClick: () => setAmount(position.withdrawable), children: [
+                "Max: ",
+                formatAmount4(position.withdrawable),
+                " ",
+                amountUnitLabel
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-earn-amount", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  className: "pollar-input",
+                  type: "text",
+                  inputMode: "decimal",
+                  placeholder: "0.00",
+                  value: amount,
+                  onChange: (e) => setAmount(e.target.value)
+                }
+              ),
+              amountUnitLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-earn-amount-unit", children: amountUnitLabel })
+            ] })
+          ] }),
+          formError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: formError }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-primary", onClick: () => void handleSubmit(), disabled: !canSubmit, children: tab === "deposit" ? "Deposit" : "Withdraw" }) })
+        ] }),
+        step === "tx" && /* @__PURE__ */ jsxRuntime.jsx(
+          TxStatusView,
+          {
+            transaction,
+            showXdr,
+            copied,
+            explorerUrl,
+            walletType,
+            onSignAndSend: () => {
+            },
+            onToggleXdr: () => setShowXdr((v) => !v),
+            onCopyHash: handleCopyHash,
+            onRetry: () => void handleRetry(),
+            onDone: onClose
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  ) });
+}
 function describeDevice(s) {
   if (s.deviceLabel) return s.deviceLabel;
   if (!s.userAgent) return "Unknown device";
@@ -4215,30 +5032,46 @@ function SessionsModalTemplate({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Active sessions" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-modal-refresh-btn", onClick: onRefresh, disabled: isLoading, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "svg",
-                {
-                  className: `pollar-modal-refresh-icon${isLoading ? " spinning" : ""}`,
-                  width: "13",
-                  height: "13",
-                  viewBox: "0 0 13 13",
-                  fill: "none",
-                  "aria-hidden": true,
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.5 6.5a5 5 0 11-1.5-3.536", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 1v3h-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-                  ]
-                }
-              ),
-              "Refresh"
-            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-modal-close",
+                onClick: onRefresh,
+                disabled: isLoading,
+                "aria-label": "Refresh",
+                title: "Refresh",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "svg",
+                  {
+                    className: isLoading ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon",
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    "aria-hidden": true,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2v3h-3",
+                        stroke: "currentColor",
+                        strokeWidth: "1.6",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-sessions-list", children: [
-          state.step === "idle" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
-          isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
+          (state.step === "idle" || isLoading) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-loading-block", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-spinner" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading\u2026" })
+          ] }),
           state.step === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: state.message }),
           state.step === "loaded" && sessions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No active sessions." }),
           sessions.map((s) => {
@@ -4267,7 +5100,10 @@ function SessionsModalTemplate({
                   className: "pollar-sessions-item-revoke",
                   onClick: () => onRevoke(s.familyId),
                   disabled: isRevoking || signingOutEverywhere,
-                  children: isRevoking ? "Revoking\u2026" : "Revoke"
+                  children: isRevoking ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm pollar-spinner-current" }),
+                    "Revoking\u2026"
+                  ] }) : "Revoke"
                 }
               )
             ] }, s.familyId);
@@ -4280,7 +5116,10 @@ function SessionsModalTemplate({
             onClick: onLogoutEverywhere,
             disabled: signingOutEverywhere || otherCount === 0,
             title: otherCount === 0 ? "No other devices to sign out" : void 0,
-            children: signingOutEverywhere ? "Signing out\u2026" : "Sign out everywhere"
+            children: signingOutEverywhere ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm pollar-spinner-current" }),
+              "Signing out\u2026"
+            ] }) : "Sign out everywhere"
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
@@ -4473,6 +5312,33 @@ function StatusBadge({ status }) {
 function formatDate(iso) {
   return new Date(iso).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
 }
+function truncateMiddle(value, head = 4, tail = 4) {
+  return value.length <= head + tail + 1 ? value : `${value.slice(0, head)}\u2026${value.slice(-tail)}`;
+}
+var STELLAR_ADDRESS = /\b[GC][A-Z2-7]{55}\b/g;
+function AddressChip({ value, label }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-issuer", children: [
+    truncateMiddle(value),
+    /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value, label, className: "pollar-copy-btn-sm" })
+  ] });
+}
+function renderSummary(summary) {
+  const parts = [];
+  let last = 0;
+  let key = 0;
+  STELLAR_ADDRESS.lastIndex = 0;
+  for (let m = STELLAR_ADDRESS.exec(summary); m !== null; m = STELLAR_ADDRESS.exec(summary)) {
+    if (m.index > last) parts.push(/* @__PURE__ */ jsxRuntime.jsx("span", { children: summary.slice(last, m.index) }, key++));
+    const address = m[0];
+    parts.push(
+      /* @__PURE__ */ jsxRuntime.jsx(AddressChip, { value: address, label: address[0] === "C" ? "Copy contract address" : "Copy wallet address" }, key++)
+    );
+    last = m.index + address.length;
+  }
+  if (parts.length === 0) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-title", children: summary });
+  if (last < summary.length) parts.push(/* @__PURE__ */ jsxRuntime.jsx("span", { children: summary.slice(last) }, key));
+  return parts;
+}
 function TxHistoryModalTemplate({
   theme,
   accentColor,
@@ -4518,59 +5384,106 @@ function TxHistoryModalTemplate({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Transaction History" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-modal-refresh-btn", onClick: onRefresh, disabled: isLoading, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "svg",
-                {
-                  className: `pollar-modal-refresh-icon${isLoading ? " spinning" : ""}`,
-                  width: "13",
-                  height: "13",
-                  viewBox: "0 0 13 13",
-                  fill: "none",
-                  "aria-hidden": true,
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.5 6.5a5 5 0 11-1.5-3.536", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 1v3h-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-                  ]
-                }
-              ),
-              "Refresh"
-            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-modal-close",
+                onClick: onRefresh,
+                disabled: isLoading,
+                "aria-label": "Refresh",
+                title: "Refresh",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "svg",
+                  {
+                    className: isLoading ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon",
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    "aria-hidden": true,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2v3h-3",
+                        stroke: "currentColor",
+                        strokeWidth: "1.6",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  }
+                )
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-list", children: [
           txHistory.step === "idle" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Click Refresh to load transactions." }),
-          isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
+          isLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-loading-block", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-spinner" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading\u2026" })
+          ] }),
           txHistory.step === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: txHistory.message }),
           txHistory.step === "loaded" && records.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No transactions yet." }),
           records.map((record) => {
-            const explorerUrl = `https://stellar.expert/explorer/${record.network === "testnet" ? "testnet" : "public"}/tx/${record.hash}`;
+            const hash = typeof record.hash === "string" && record.hash.length > 0 ? record.hash : void 0;
+            const explorerUrl = hash ? `https://stellar.expert/explorer/${record.network === "testnet" ? "testnet" : "public"}/tx/${hash}` : void 0;
+            const asset = typeof record.details?.asset === "string" ? record.details.asset : void 0;
+            const colon = asset ? asset.indexOf(":") : -1;
+            const trustline = record.operation === "change_trust" && asset && colon > 0 ? {
+              prefix: record.summary.split(":")[0],
+              code: asset.slice(0, colon),
+              issuer: asset.slice(colon + 1)
+            } : void 0;
+            const contract = record.operation === "invoke_contract" && typeof record.details?.contractId === "string" && typeof record.details?.method === "string" ? { method: record.details.method, contractId: record.details.contractId } : void 0;
             return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-item", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-summary", children: record.summary }),
-              /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: record.status }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-item-top", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-summary", children: trustline ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-title", children: [
+                    trustline.prefix,
+                    ": ",
+                    trustline.code
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(AddressChip, { value: trustline.issuer, label: "Copy issuer" })
+                ] }) : contract ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-title", children: [
+                    "Invoke ",
+                    contract.method,
+                    "() on"
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(AddressChip, { value: contract.contractId, label: "Copy contract address" })
+                ] }) : renderSummary(record.summary) }),
+                /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: record.status })
+              ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-meta", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: record.operation }),
+                typeof record.details?.sponsored === "boolean" && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  "\xB7 ",
+                  record.details.sponsored ? "Sponsored" : "Self-paid"
+                ] }),
                 record.feeXlm && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
                   "\xB7 ",
                   record.feeXlm,
                   " XLM"
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                  "\xB7 ",
-                  formatDate(record.createdAt)
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  "a",
-                  {
-                    className: "pollar-hist-item-explorer",
-                    href: explorerUrl,
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    "aria-label": "View on Stellar Explorer",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "11", height: "11", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-item-footer", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatDate(record.createdAt) }),
+                hash && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-dot", children: "\xB7" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-hash", children: truncateMiddle(hash, 6, 6) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: hash, label: "Copy transaction hash", className: "pollar-copy-btn-sm" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "a",
+                    {
+                      className: "pollar-hist-item-explorer",
+                      href: explorerUrl,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      "aria-label": "View on Stellar Explorer",
+                      children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
                         /* @__PURE__ */ jsxRuntime.jsx(
                           "path",
                           {
@@ -4590,11 +5503,10 @@ function TxHistoryModalTemplate({
                             strokeLinejoin: "round"
                           }
                         )
-                      ] }),
-                      "Explorer"
-                    ]
-                  }
-                )
+                      ] })
+                    }
+                  )
+                ] })
               ] })
             ] }, record.id);
           })
@@ -4648,7 +5560,7 @@ function TxHistoryModal({ onClose }) {
 }
 function formatBalance2(balance) {
   const n = parseFloat(balance);
-  return isNaN(n) ? balance : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
+  return isNaN(n) ? balance : n.toLocaleString(void 0, { minimumFractionDigits: 7, maximumFractionDigits: 7 });
 }
 function cropAddress2(address) {
   if (address.length <= 16) return address;
@@ -4657,7 +5569,13 @@ function cropAddress2(address) {
 function BalanceItem({ record }) {
   const balanceDiffers = record.balance !== record.available;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-bal-item", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-bal-asset", children: record.code }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-bal-asset-info", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-bal-asset", children: record.code }),
+      record.issuer && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-bal-issuer", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-bal-issuer-addr", children: cropAddress2(record.issuer) }),
+        /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: record.issuer, label: "Copy issuer address", className: "pollar-copy-btn-sm" })
+      ] })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-bal-amounts", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-bal-amount", children: formatBalance2(record.balance) }),
       balanceDiffers && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-bal-available", children: [
@@ -4699,29 +5617,49 @@ function WalletBalanceModalTemplate({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Wallet Balance" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-modal-refresh-btn", onClick: onRefresh, disabled: isLoading, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "svg",
-            {
-              className: `pollar-modal-refresh-icon${isLoading ? " spinning" : ""}`,
-              width: "13",
-              height: "13",
-              viewBox: "0 0 13 13",
-              fill: "none",
-              "aria-hidden": true,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.5 6.5a5 5 0 11-1.5-3.536", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
-                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 1v3h-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-              ]
-            }
-          ),
-          "Refresh"
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "pollar-modal-close",
+            onClick: onRefresh,
+            disabled: isLoading,
+            "aria-label": "Refresh",
+            title: "Refresh",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                className: isLoading ? "pollar-modal-refresh-icon pollar-spinning" : "pollar-modal-refresh-icon",
+                width: "16",
+                height: "16",
+                viewBox: "0 0 16 16",
+                fill: "none",
+                "aria-hidden": true,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2v3h-3",
+                    stroke: "currentColor",
+                    strokeWidth: "1.6",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              }
+            )
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
       ] })
     ] }),
-    walletAddress && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-bal-address", children: cropAddress2(walletAddress) }),
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
+    walletAddress && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-bal-address-row", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-bal-address", children: cropAddress2(walletAddress) }),
+      /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: walletAddress, label: "Copy wallet address" })
+    ] }),
+    isLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-loading-block", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-spinner" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading\u2026" })
+    ] }),
     walletBalance.step === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: walletBalance.message }),
     data && !data.exists && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-empty", children: [
       "Account not found on ",
@@ -4931,6 +5869,7 @@ function PollarProvider({
   const [enabledAssetsModalOpen, setEnabledAssetsModalOpen] = react.useState(false);
   const [sendModalOpen, setSendModalOpen] = react.useState(false);
   const [swapModalOpen, setSwapModalOpen] = react.useState(false);
+  const [earnModalOpen, setEarnModalOpen] = react.useState(false);
   const [receiveModalOpen, setReceiveModalOpen] = react.useState(false);
   const [sessionsModalOpen, setSessionsModalOpen] = react.useState(false);
   const [distributionRulesModalOpen, setDistributionRulesModalOpen] = react.useState(false);
@@ -4981,6 +5920,13 @@ function PollarProvider({
       getSwapQuote: (params) => pollarClient.getSwapQuote(params),
       swap: (quote, opts) => pollarClient.swap(quote, opts),
       openSwapModal: () => setSwapModalOpen(true),
+      // earn
+      getEarnProviders: () => pollarClient.getEarnProviders(),
+      getEarnOpportunities: (provider) => pollarClient.getEarnOpportunities(provider),
+      getEarnPosition: (params) => pollarClient.getEarnPosition(params),
+      earnDeposit: (params) => pollarClient.earnDeposit(params),
+      earnWithdraw: (params) => pollarClient.earnWithdraw(params),
+      openEarnModal: () => setEarnModalOpen(true),
       // sessions
       sessions,
       openSessionsModal: () => setSessionsModalOpen(true),
@@ -5036,6 +5982,7 @@ function PollarProvider({
     enabledAssetsModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setEnabledAssetsModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(EnabledAssetsModal, { onClose: () => setEnabledAssetsModalOpen(false) }) }),
     sendModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setSendModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(SendModal, { onClose: () => setSendModalOpen(false) }) }),
     swapModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setSwapModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(SwapModal, { onClose: () => setSwapModalOpen(false) }) }),
+    earnModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setEarnModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(EarnModal, { onClose: () => setEarnModalOpen(false) }) }),
     receiveModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setReceiveModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(ReceiveModal, { onClose: () => setReceiveModalOpen(false) }) }),
     sessionsModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setSessionsModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(SessionsModal, { onClose: () => setSessionsModalOpen(false) }) }),
     distributionRulesModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setDistributionRulesModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(DistributionRulesModal, { onClose: () => setDistributionRulesModalOpen(false) }) })
@@ -5069,7 +6016,7 @@ function createPollarAdapterHook(key) {
   };
 }
 function ButtonLogo() {
-  return /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_POLLAR, alt: "Pollar", width: 22, height: 22, className: "wallet-btn-logo" });
+  return /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_POLLAR, alt: "Pollar", width: 22, height: 22, className: "pollar-wallet-btn-logo" });
 }
 function cropWallet(address) {
   if (address.length <= 12) return address;
@@ -5085,7 +6032,10 @@ function WalletButtonTemplate({
   itemColor,
   wrapperRef,
   isInProgress,
+  showCreateAccount,
+  creatingAccount,
   onToggleOpen,
+  onCreateAccount,
   onCopy,
   onWalletBalance,
   onTxHistory,
@@ -5099,23 +6049,23 @@ function WalletButtonTemplate({
   onLogin
 }) {
   if (!walletAddress) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "wallet-login-btn", style: { backgroundColor: accentColor }, onClick: onLogin, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "pollar-wallet-login-btn", style: { backgroundColor: accentColor }, onClick: onLogin, children: [
       /* @__PURE__ */ jsxRuntime.jsx(ButtonLogo, {}),
       "Login with Pollar"
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "wallet-wrapper", ref: wrapperRef, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-wallet-wrapper", ref: wrapperRef, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
-        className: "wallet-btn",
+        className: "pollar-wallet-btn",
         style: { backgroundColor: accentColor },
         onClick: isInProgress ? void 0 : onToggleOpen,
         disabled: isInProgress,
         "aria-busy": isInProgress,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "wallet-btn-label", children: cropWallet(walletAddress) }),
-          isInProgress ? /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "wallet-btn-spinner", viewBox: "0 0 12 12", width: "12", height: "12", fill: "none", "aria-hidden": true, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-wallet-btn-label", children: cropWallet(walletAddress) }),
+          isInProgress ? /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "pollar-wallet-btn-spinner", viewBox: "0 0 12 12", width: "12", height: "12", fill: "none", "aria-hidden": true, children: [
             /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "4.5", stroke: "rgba(255,255,255,0.35)", strokeWidth: "1.5" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "circle",
@@ -5133,7 +6083,7 @@ function WalletButtonTemplate({
           ] }) : /* @__PURE__ */ jsxRuntime.jsx(
             "svg",
             {
-              className: `wallet-chevron${open ? " open" : ""}`,
+              className: `pollar-wallet-chevron${open ? " pollar-open" : ""}`,
               viewBox: "0 0 12 12",
               fill: "none",
               stroke: "currentColor",
@@ -5146,8 +6096,42 @@ function WalletButtonTemplate({
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "wallet-dropdown", style: { backgroundColor: dropdownBg, borderColor: dropdownBorder }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onSend, children: [
+    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-wallet-dropdown", style: { backgroundColor: dropdownBg, borderColor: dropdownBorder }, children: [
+      showCreateAccount && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            className: "pollar-wallet-dropdown-item",
+            style: { color: itemColor },
+            onClick: onCreateAccount,
+            disabled: creatingAccount,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  width: "14",
+                  height: "14",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "9", cy: "7", r: "4" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "19", y1: "8", x2: "19", y2: "14" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "22", y1: "11", x2: "16", y2: "11" })
+                  ]
+                }
+              ),
+              creatingAccount ? "Creating account\u2026" : "Create account"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-divider" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onSend, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
           {
@@ -5167,7 +6151,7 @@ function WalletButtonTemplate({
         ),
         "Send"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onReceive, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onReceive, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
           {
@@ -5188,8 +6172,8 @@ function WalletButtonTemplate({
         ),
         "Receive"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "wallet-dropdown-divider" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onCopy, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-divider" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onCopy, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
           {
@@ -5209,7 +6193,7 @@ function WalletButtonTemplate({
         ),
         copied ? "Copied!" : "Copy address"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onWalletBalance, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onWalletBalance, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
           {
@@ -5230,7 +6214,7 @@ function WalletButtonTemplate({
         ),
         "Wallet balance"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onTxHistory, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onTxHistory, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
           {
@@ -5253,8 +6237,8 @@ function WalletButtonTemplate({
         ),
         "Transaction history"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "wallet-dropdown-divider" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onRamp, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-divider" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onRamp, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
           {
@@ -5276,7 +6260,7 @@ function WalletButtonTemplate({
         ),
         "Buy / Sell"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onKyc, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onKyc, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
           {
@@ -5297,7 +6281,7 @@ function WalletButtonTemplate({
         ),
         "Identity verification"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onDistributionRules, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onDistributionRules, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
           {
@@ -5320,7 +6304,7 @@ function WalletButtonTemplate({
         ),
         "Distribution rules"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onSessions, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-wallet-dropdown-item", style: { color: itemColor }, onClick: onSessions, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
           {
@@ -5341,8 +6325,8 @@ function WalletButtonTemplate({
         ),
         "Active sessions"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "wallet-dropdown-divider" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item danger", onClick: onLogout, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-wallet-dropdown-divider" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-wallet-dropdown-item pollar-danger", onClick: onLogout, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
           {
@@ -5386,9 +6370,12 @@ function WalletButton() {
   const walletType = wallet?.custody === "external" ? wallet.provider : null;
   const [open, setOpen] = react.useState(false);
   const [copied, setCopied] = react.useState(false);
+  const [creating, setCreating] = react.useState(false);
+  const [created, setCreated] = react.useState(false);
   const wrapperRef = react.useRef(null);
   const copyTimerRef = react.useRef(null);
   const isInProgress = transaction.step === "building" || transaction.step === "signing";
+  const canCreateAccount = !created && wallet?.custody === "external" && wallet.existsOnStellar === false && wallet.fundingMode === "IMMEDIATE";
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const isDark = theme === "dark";
   const dropdownBg = isDark ? "#18181b" : "#fff";
@@ -5423,6 +6410,20 @@ function WalletButton() {
     setOpen(false);
     getClient().logout();
   }
+  async function handleCreateAccount() {
+    if (creating) return;
+    setCreating(true);
+    try {
+      const res = await getClient().createAccount();
+      if (res.status === "success" || res.status === "pending") {
+        setCreated(true);
+        setOpen(false);
+        await getClient().refreshBalance();
+      }
+    } finally {
+      setCreating(false);
+    }
+  }
   function handleWalletBalance() {
     setOpen(false);
     openWalletBalanceModal();
@@ -5468,7 +6469,10 @@ function WalletButton() {
       wrapperRef,
       isInProgress,
       walletType,
+      showCreateAccount: canCreateAccount,
+      creatingAccount: creating,
       onToggleOpen: () => setOpen((v) => !v),
+      onCreateAccount: handleCreateAccount,
       onCopy: handleCopy,
       onWalletBalance: handleWalletBalance,
       onTxHistory: handleTxHistory,
@@ -5486,6 +6490,7 @@ function WalletButton() {
 
 exports.DistributionRulesModal = DistributionRulesModal;
 exports.DistributionRulesModalTemplate = DistributionRulesModalTemplate;
+exports.EarnModal = EarnModal;
 exports.EnabledAssetsModal = EnabledAssetsModal;
 exports.EnabledAssetsModalTemplate = EnabledAssetsModalTemplate;
 exports.KycModal = KycModal;