@swype-org/react-sdk 0.2.375 → 0.2.399

package/dist/index.cjs

@@ -13,9 +13,12 @@ var core = require('@wagmi/core');
 var viem = require('viem');
 var utils = require('viem/utils');
 var QRCode = require('qrcode');
+var posthog = require('posthog-js');
 var Select = require('@radix-ui/react-select');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -35,6 +38,7 @@ function _interopNamespace(e) {
 }
 
 var QRCode__namespace = /*#__PURE__*/_interopNamespace(QRCode);
+var posthog__default = /*#__PURE__*/_interopDefault(posthog);
 var Select__namespace = /*#__PURE__*/_interopNamespace(Select);
 
 var __defProp = Object.defineProperty;
@@ -78,7 +82,11 @@ var darkTheme = {
   shadowLg: "0 18px 44px rgba(0,0,0,0.42)",
   radius: "14px",
   radiusLg: "24px",
-  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  fontWeightRegular: 400,
+  fontWeightMedium: 500,
+  fontWeightSemibold: 600,
+  fontWeightBold: 700
 };
 var lightTheme = {
   bg: "#ebf9fb",
@@ -110,7 +118,11 @@ var lightTheme = {
   shadowLg: "0 20px 48px rgba(19, 61, 75, 0.14)",
   radius: "14px",
   radiusLg: "24px",
-  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  fontWeightRegular: 400,
+  fontWeightMedium: 500,
+  fontWeightSemibold: 600,
+  fontWeightBold: 700
 };
 var lightTransparentTheme = {
   ...lightTheme
@@ -153,7 +165,13 @@ var lightThemeNew = {
   shadowLg: "0 20px 48px rgba(0, 0, 0, 0.14)",
   radius: "14px",
   radiusLg: "24px",
-  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
+  // Figma redesign uses Inter; fall back to the system stack when the host
+  // page hasn't loaded the Inter webfont.
+  fontFamily: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  fontWeightRegular: 400,
+  fontWeightMedium: 500,
+  fontWeightSemibold: 600,
+  fontWeightBold: 700
 };
 var darkThemeNew = { ...lightThemeNew };
 var lightTransparentThemeNew = { ...lightThemeNew };
@@ -323,7 +341,7 @@ function resolveDepositPriorityContext(accounts, chains, destination) {
   for (const account of accounts) {
     for (const wallet of account.wallets) {
       if (wallet.chain.name !== destinationChainName) continue;
-      const source = wallet.sources.find(
+      const source = (wallet.sources ?? []).find(
         (candidate) => candidate.address.toLowerCase() === destinationTokenAddress
       );
       if (source) {
@@ -357,6 +375,11 @@ function getWalletAddress(wallet) {
   const address = wallet.name.trim();
   return address.length > 0 ? address : null;
 }
+function truncateMiddle(address, head = 8, tail = 6) {
+  const trimmed = address.trim();
+  if (trimmed.length <= head + tail + 4) return trimmed;
+  return `${trimmed.slice(0, head)}...${trimmed.slice(-tail)}`;
+}
 function getAddressableWallets(account) {
   return account.wallets.filter((wallet) => getWalletAddress(wallet) != null);
 }
@@ -364,7 +387,7 @@ function getPreferredDepositWallet(account, transferAmount, priorityContext) {
   const wallets = getAddressableWallets(account);
   if (wallets.length === 0) return null;
   const ranked = wallets.map((wallet, walletIndex) => {
-    const bestSource = wallet.sources.map((source, sourceIndex) => ({
+    const bestSource = (wallet.sources ?? []).map((source, sourceIndex) => ({
       source,
       sourceIndex
     })).sort((a, b) => {
@@ -389,7 +412,7 @@ function getPreferredDepositWallet(account, transferAmount, priorityContext) {
     if (a.wallet.status !== b.wallet.status) {
       return a.wallet.status === "ACTIVE" ? -1 : 1;
     }
-    const balanceDiff = b.wallet.balance.available.amount - a.wallet.balance.available.amount;
+    const balanceDiff = (b.wallet.balance?.available.amount ?? 0) - (a.wallet.balance?.available.amount ?? 0);
     if (balanceDiff !== 0) return balanceDiff;
     return a.walletIndex - b.walletIndex;
   });
@@ -405,7 +428,7 @@ function resolveDepositSelectionAfterRefresh(accounts, transferAmount, prev, pri
     const wallet = acct?.wallets.find((w) => w.id === selectedWalletId);
     if (wallet) {
       if (selectedTokenSymbol) {
-        const hasToken = wallet.sources.some((s) => s.token.symbol === selectedTokenSymbol);
+        const hasToken = wallet.sources == null || wallet.sources.some((s) => s.token.symbol === selectedTokenSymbol);
         if (hasToken) {
           return {
             defaults: { accountId: selectedAccountId, walletId: selectedWalletId },
@@ -443,7 +466,9 @@ function resolveDepositSelection(accounts, transferAmount, selectedAccountId, pr
   const eligibleAccounts = getDepositEligibleAccounts(accounts);
   if (eligibleAccounts.length === 0) return null;
   const accountHasSufficientBalanceWallet = (account) => getAddressableWallets(account).some(
-    (wallet) => wallet.status === "ACTIVE" && wallet.sources.some((source) => source.balance.available.amount >= transferAmount)
+    (wallet) => wallet.status === "ACTIVE" && (wallet.sources ?? []).some(
+      (source) => source.balance.available.amount >= transferAmount
+    )
   );
   if (transferAmount <= 0 && selectedAccountId) {
     const selectedAccount = eligibleAccounts.find((account) => account.id === selectedAccountId);
@@ -465,7 +490,7 @@ function resolveDepositSelection(accounts, transferAmount, selectedAccountId, pr
       transferAmount,
       priorityContext
     );
-    const preferredSource = preferredWallet ? [...preferredWallet.sources].sort((a, b) => compareDepositSourcePriority(
+    const preferredSource = preferredWallet ? [...preferredWallet.sources ?? []].sort((a, b) => compareDepositSourcePriority(
       sourcePriorityInput(preferredWallet.chain.name, a, transferAmount, priorityContext),
       sourcePriorityInput(preferredWallet.chain.name, b, transferAmount, priorityContext)
     ))[0] : void 0;
@@ -531,7 +556,7 @@ function buildNativeUnsupportedEntries(options) {
     logoURI: option.logoURI ?? null
   })).filter((entry) => entry.amount > 0);
 }
-function buildSelectSourceChoices(options, minTransferAmountUsd = DEFAULT_MIN_SEND_AMOUNT_USD) {
+function buildSelectSourceChoices(options, minTransferAmountUsd = DEFAULT_MIN_SEND_AMOUNT_USD, includeUnfundedTokens = false) {
   const chainChoices = [];
   const chainIndexByName = /* @__PURE__ */ new Map();
   for (const option of options) {
@@ -572,7 +597,7 @@ function buildSelectSourceChoices(options, minTransferAmountUsd = DEFAULT_MIN_SE
     }
   }
   return chainChoices.map((chain) => {
-    const visibleTokens = chain.tokens.filter((t) => isSelectableDepositSourceAmountUsd(t.balance, minTransferAmountUsd));
+    const visibleTokens = includeUnfundedTokens ? chain.tokens : chain.tokens.filter((t) => isSelectableDepositSourceAmountUsd(t.balance, minTransferAmountUsd));
     return {
       ...chain,
       balance: visibleTokens.reduce((sum, token) => sum + token.balance, 0),
@@ -1577,11 +1602,11 @@ function detachAccountChangeListeners() {
   accountChangeBinding = null;
 }
 function providerKey(selection) {
-  const providerName = selection.providerName?.trim();
-  if (!providerName) {
+  const providerName2 = selection.providerName?.trim();
+  if (!providerName2) {
     throw new Error("Solana wallet metadata is missing providerName.");
   }
-  return `${selection.providerId ?? ""}:${providerName.toLowerCase()}`;
+  return `${selection.providerId ?? ""}:${providerName2.toLowerCase()}`;
 }
 function assertSupportedProvider(selection) {
   const name = selection.providerName?.trim().toLowerCase();
@@ -1960,464 +1985,197 @@ function screenForPhase(phase) {
   }
 }
 
-// src/passkey-delegation.ts
-var PasskeyIframeBlockedError = class extends Error {
-  constructor(message = "Passkey creation is not supported in this browser context.") {
-    super(message);
-    this.name = "PasskeyIframeBlockedError";
+// src/api.ts
+var api_exports = {};
+__export(api_exports, {
+  createAccount: () => createAccount,
+  createAccountAuthorizationSession: () => createAccountAuthorizationSession,
+  createManualTransfer: () => createManualTransfer,
+  createTransfer: () => createTransfer,
+  fetchAccount: () => fetchAccount,
+  fetchAccountBalances: () => fetchAccountBalances,
+  fetchAccounts: () => fetchAccounts,
+  fetchAuthorizationSession: () => fetchAuthorizationSession,
+  fetchAuthorizationSessionByToken: () => fetchAuthorizationSessionByToken,
+  fetchChains: () => fetchChains,
+  fetchManualTransferSession: () => fetchManualTransferSession,
+  fetchManualTransferSources: () => fetchManualTransferSources,
+  fetchMerchantPublicKey: () => fetchMerchantPublicKey,
+  fetchProviders: () => fetchProviders,
+  fetchTransfer: () => fetchTransfer,
+  fetchUserConfig: () => fetchUserConfig,
+  postTransferQuote: () => postTransferQuote,
+  probeActionCompletion: () => probeActionCompletion,
+  refreshManualTransferQuote: () => refreshManualTransferQuote,
+  regenerateTransferSignPayload: () => regenerateTransferSignPayload,
+  registerPasskey: () => registerPasskey,
+  reportActionCompletion: () => reportActionCompletion,
+  reportPasskeyActivity: () => reportPasskeyActivity,
+  setAuthorizationSessionPaymentIntentAmount: () => setAuthorizationSessionPaymentIntentAmount,
+  setAuthorizationSessionProvider: () => setAuthorizationSessionProvider,
+  signTransfer: () => signTransfer,
+  updateManualTransferDepositTargetChain: () => updateManualTransferDepositTargetChain,
+  updateUserConfig: () => updateUserConfig,
+  updateUserConfigBySession: () => updateUserConfigBySession,
+  waitForActionTransactionReceipt: () => waitForActionTransactionReceipt
+});
+var DEBUG_BUFFER_CAPACITY = 200;
+var nextId = 1;
+var entries = [];
+var listeners = /* @__PURE__ */ new Set();
+function notify() {
+  for (const listener of listeners) {
+    try {
+      listener();
+    } catch (err) {
+      console.error("[blink-sdk][debug-log] listener threw:", err);
+    }
   }
-};
-function isInCrossOriginIframe() {
-  if (typeof window === "undefined") return false;
-  if (window.parent === window) return false;
-  try {
-    void window.parent.location.origin;
-    return false;
-  } catch {
-    return true;
+}
+function appendDebug(level, message, data) {
+  const entry = {
+    id: nextId++,
+    ts: Date.now(),
+    level,
+    message,
+    data
+  };
+  const next = entries.length >= DEBUG_BUFFER_CAPACITY ? entries.slice(entries.length - DEBUG_BUFFER_CAPACITY + 1) : entries.slice();
+  next.push(entry);
+  entries = next;
+  const prefix = "[blink-sdk][debug]";
+  const sink = level === "error" ? console.error : level === "warn" ? console.warn : console.info;
+  if (data !== void 0) {
+    sink(`${prefix} ${message}`, data);
+  } else {
+    sink(`${prefix} ${message}`);
   }
+  notify();
 }
-function isSafari() {
-  if (typeof navigator === "undefined") return false;
-  const ua = navigator.userAgent;
-  return /Safari/i.test(ua) && !/Chrome|CriOS|Chromium|Edg|OPR|Firefox/i.test(ua);
+function subscribeDebug(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
 }
-var VERIFY_POPUP_TIMEOUT_MS = 6e4;
-var POPUP_CLOSED_POLL_MS = 500;
-var POPUP_CLOSED_GRACE_MS = 1e3;
-function findDevicePasskeyViaPopup(options) {
-  return new Promise((resolve, reject) => {
-    const verificationToken = crypto.randomUUID();
-    const payload = {
-      ...options,
-      verificationToken
-    };
-    const encoded = btoa(JSON.stringify(payload));
-    const popupUrl = `${window.location.origin}/passkey-verify#${encoded}`;
-    const popup = window.open(popupUrl, "blink-passkey-verify");
-    if (!popup) {
-      reject(new Error("Pop-up blocked. Please allow pop-ups for this site and try again."));
-      return;
-    }
-    let settled = false;
-    const timer = setTimeout(() => {
-      cleanup();
-      resolve(null);
-    }, VERIFY_POPUP_TIMEOUT_MS);
-    const closedPoll = setInterval(() => {
-      if (popup.closed && !settled) {
-        clearInterval(closedPoll);
-        setTimeout(() => {
-          if (!settled) {
-            settled = true;
-            cleanup();
-            checkServerForPasskeyByToken(
-              options.authToken,
-              options.apiBaseUrl,
-              verificationToken
-            ).then((result) => {
-              resolve(result?.credentialId ?? null);
-            }).catch(() => {
-              resolve(null);
-            });
-          }
-        }, POPUP_CLOSED_GRACE_MS);
+function getDebugEntries() {
+  return entries;
+}
+function clearDebugEntries() {
+  entries = [];
+  notify();
+}
+function useBlinkDebugLog() {
+  return react.useSyncExternalStore(subscribeDebug, getDebugEntries, getDebugEntries);
+}
+
+// src/fetchWithRetry.ts
+var DEFAULT_MAX_RETRIES = 3;
+var DEFAULT_BASE_DELAY_MS = 500;
+var DEFAULT_MAX_JITTER_MS = 200;
+function isNetworkTypeError(err) {
+  return err instanceof TypeError && /fetch|network|load failed/i.test(err.message);
+}
+async function fetchWithRetry(input, init, options) {
+  const maxRetries = DEFAULT_MAX_RETRIES;
+  const baseDelayMs = DEFAULT_BASE_DELAY_MS;
+  const maxJitterMs = DEFAULT_MAX_JITTER_MS;
+  const label = String(input).replace(/https?:\/\/[^/]+/, "");
+  let lastError;
+  for (let attempt = 0; attempt <= maxRetries; attempt++) {
+    try {
+      return await fetch(input, init);
+    } catch (err) {
+      lastError = err;
+      if (!isNetworkTypeError(err)) {
+        throw err;
+      }
+      if (attempt < maxRetries) {
+        const delay = baseDelayMs * Math.pow(2, attempt) + Math.random() * maxJitterMs;
+        appendDebug("warn", `fetchWithRetry: network error, retrying ${label}`, {
+          attempt: attempt + 1,
+          maxRetries,
+          delayMs: Math.round(delay),
+          error: err instanceof Error ? err.message : String(err)
+        });
+        await new Promise((resolve) => setTimeout(resolve, delay));
       }
-    }, POPUP_CLOSED_POLL_MS);
-    function cleanup() {
-      clearTimeout(timer);
-      clearInterval(closedPoll);
     }
+  }
+  throw lastError;
+}
+
+// src/apiError.ts
+var ApiError = class extends Error {
+  status;
+  code;
+  constructor(status, code, message) {
+    super(message);
+    this.name = "ApiError";
+    this.status = status;
+    this.code = code;
+  }
+};
+function isApiError(err) {
+  if (err instanceof ApiError) return true;
+  return typeof err === "object" && err !== null && "name" in err && err.name === "ApiError";
+}
+var SVM_SIGN_PAYLOAD_EXPIRED_CODE = "SVM_SIGN_PAYLOAD_EXPIRED";
+function isSvmSignExpiredError(err) {
+  return isApiError(err) && err.code === SVM_SIGN_PAYLOAD_EXPIRED_CODE;
+}
+
+// src/api.ts
+async function throwApiError(res) {
+  const body = await res.json().catch(() => null);
+  const detail = body?.error ?? body;
+  const msg = detail?.message ?? res.statusText;
+  const code = detail?.code ?? String(res.status);
+  throw new ApiError(res.status, code, `${res.status} \u2014 ${code}: ${msg}`);
+}
+async function fetchProviders(apiBaseUrl, token) {
+  const headers = {};
+  if (token) {
+    headers.Authorization = `Bearer ${token}`;
+  }
+  const res = await fetchWithRetry(`${apiBaseUrl}/v1/providers`, { headers });
+  if (!res.ok) await throwApiError(res);
+  const data = await res.json();
+  return data.items;
+}
+async function fetchChains(apiBaseUrl, token) {
+  const res = await fetchWithRetry(`${apiBaseUrl}/v1/chains`, {
+    headers: { Authorization: `Bearer ${token}` }
   });
+  if (!res.ok) await throwApiError(res);
+  const data = await res.json();
+  return data.items;
 }
-async function checkServerForPasskeyByToken(authToken, apiBaseUrl, verificationToken) {
-  if (!authToken || !apiBaseUrl) return null;
-  const res = await fetch(`${apiBaseUrl}/v1/users/config`, {
-    headers: { Authorization: `Bearer ${authToken}` }
+async function fetchAccounts(apiBaseUrl, token, credentialId) {
+  const params = new URLSearchParams({ credentialId });
+  const res = await fetchWithRetry(`${apiBaseUrl}/v1/accounts?${params.toString()}`, {
+    headers: { Authorization: `Bearer ${token}` }
   });
-  if (!res.ok) return null;
-  const body = await res.json();
-  const passkeys = body.config.passkeys ?? [];
-  const matched = passkeys.find((p) => p.lastVerificationToken === verificationToken);
-  return matched ? { credentialId: matched.credentialId, publicKey: matched.publicKey } : null;
+  if (!res.ok) await throwApiError(res);
+  const data = await res.json();
+  return data.items;
 }
-function shouldUsePasskeySignupPopup() {
-  return isSafari() && isInCrossOriginIframe();
+async function fetchAccount(apiBaseUrl, token, accountId, credentialId) {
+  const params = new URLSearchParams({ credentialId });
+  const res = await fetchWithRetry(`${apiBaseUrl}/v1/accounts/${accountId}?${params.toString()}`, {
+    headers: { Authorization: `Bearer ${token}` }
+  });
+  if (!res.ok) await throwApiError(res);
+  return await res.json();
 }
-var SIGNUP_POPUP_TIMEOUT_MS = 12e4;
-function signupWithPasskeyViaPopup() {
-  return new Promise((resolve, reject) => {
-    const popupUrl = `${window.location.origin}/passkey-signup`;
-    const popup = window.open(popupUrl, "blink-passkey-signup");
-    if (!popup) {
-      reject(new Error("Pop-up blocked. Please allow pop-ups for this site and try again."));
-      return;
-    }
-    let settled = false;
-    const timer = setTimeout(() => {
-      cleanup();
-      resolve(null);
-    }, SIGNUP_POPUP_TIMEOUT_MS);
-    function onMessage(event) {
-      if (event.origin !== window.location.origin) return;
-      if (event.source !== popup) return;
-      const data = event.data;
-      if (!data || data.type !== "blink:passkey-signup-complete") return;
-      if (typeof data.accessToken !== "string" || typeof data.credentialId !== "string" || typeof data.publicKey !== "string") return;
-      settled = true;
-      cleanup();
-      resolve({
-        accessToken: data.accessToken,
-        credentialId: data.credentialId,
-        publicKey: data.publicKey
-      });
-    }
-    window.addEventListener("message", onMessage);
-    const closedPoll = setInterval(() => {
-      if (popup.closed && !settled) {
-        settled = true;
-        cleanup();
-        resolve(null);
-      }
-    }, POPUP_CLOSED_POLL_MS);
-    function cleanup() {
-      clearTimeout(timer);
-      clearInterval(closedPoll);
-      window.removeEventListener("message", onMessage);
-    }
-  });
-}
-var LOGIN_POPUP_TIMEOUT_MS = 12e4;
-function loginWithPasskeyViaPopup() {
-  return new Promise((resolve, reject) => {
-    const popupUrl = `${window.location.origin}/passkey-login`;
-    const popup = window.open(popupUrl, "blink-passkey-login");
-    if (!popup) {
-      reject(new Error("Pop-up blocked. Please allow pop-ups for this site and try again."));
-      return;
-    }
-    let settled = false;
-    const timer = setTimeout(() => {
-      cleanup();
-      resolve(null);
-    }, LOGIN_POPUP_TIMEOUT_MS);
-    function onMessage(event) {
-      if (event.origin !== window.location.origin) return;
-      if (event.source !== popup) return;
-      const data = event.data;
-      if (!data || data.type !== "blink:passkey-login-complete") return;
-      if (typeof data.accessToken !== "string" || typeof data.credentialId !== "string" || typeof data.publicKey !== "string") return;
-      settled = true;
-      cleanup();
-      resolve({
-        accessToken: data.accessToken,
-        credentialId: data.credentialId,
-        publicKey: data.publicKey
-      });
-    }
-    window.addEventListener("message", onMessage);
-    const closedPoll = setInterval(() => {
-      if (popup.closed && !settled) {
-        settled = true;
-        cleanup();
-        resolve(null);
-      }
-    }, POPUP_CLOSED_POLL_MS);
-    function cleanup() {
-      clearTimeout(timer);
-      clearInterval(closedPoll);
-      window.removeEventListener("message", onMessage);
-    }
-  });
-}
-
-// src/credentialIdEncoding.ts
-function credentialIdBase64ToBytes(value) {
-  const normalized = value.replace(/-/g, "+").replace(/_/g, "/");
-  const padded = normalized + "=".repeat((4 - normalized.length % 4) % 4);
-  const raw = atob(padded);
-  const bytes = new Uint8Array(raw.length);
-  for (let i = 0; i < raw.length; i++) {
-    bytes[i] = raw.charCodeAt(i);
-  }
-  return bytes;
-}
-
-// src/passkeyRpId.ts
-function normalizeConfiguredDomain(value) {
-  return value.replace(/^https?:\/\//, "").replace(/\/.*$/, "").replace(/^\./, "").trim();
-}
-function resolveRootDomainFromHostname(hostname) {
-  const trimmedHostname = hostname.trim().toLowerCase();
-  if (!trimmedHostname) {
-    return "localhost";
-  }
-  if (trimmedHostname === "localhost" || /^\d{1,3}(?:\.\d{1,3}){3}$/.test(trimmedHostname)) {
-    return trimmedHostname;
-  }
-  const parts = trimmedHostname.split(".").filter(Boolean);
-  if (parts.length < 2) {
-    return trimmedHostname;
-  }
-  return parts.slice(-2).join(".");
-}
-
-// src/hooks/passkeyPublic.ts
-function waitForDocumentFocus(timeoutMs = 5e3, intervalMs = 100) {
-  return new Promise((resolve) => {
-    if (typeof document === "undefined") {
-      resolve();
-      return;
-    }
-    if (document.hasFocus()) {
-      resolve();
-      return;
-    }
-    const deadline = Date.now() + timeoutMs;
-    const timer = setInterval(() => {
-      if (document.hasFocus()) {
-        clearInterval(timer);
-        resolve();
-      } else if (Date.now() >= deadline) {
-        clearInterval(timer);
-        resolve();
-      }
-    }, intervalMs);
-  });
-}
-function toBase64(buffer) {
-  return btoa(String.fromCharCode(...new Uint8Array(buffer)));
-}
-function readEnvValue(name) {
-  const meta = ({ url: (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)) });
-  const metaValue = meta.env?.[name];
-  if (typeof metaValue === "string" && metaValue.trim().length > 0) {
-    return metaValue.trim();
-  }
-  const processValue = globalThis.process?.env?.[name];
-  if (typeof processValue === "string" && processValue.trim().length > 0) {
-    return processValue.trim();
-  }
-  return void 0;
-}
-function resolvePasskeyRpId() {
-  const configuredDomain = readEnvValue("VITE_DOMAIN") ?? readEnvValue("BLINK_DOMAIN");
-  if (configuredDomain) {
-    return normalizeConfiguredDomain(configuredDomain);
-  }
-  if (typeof window !== "undefined") {
-    return resolveRootDomainFromHostname(window.location.hostname);
-  }
-  return "localhost";
-}
-async function deviceHasPasskey(credentialId) {
-  const found = await findDevicePasskey([credentialId]);
-  return found != null;
-}
-async function findDevicePasskey(credentialIds) {
-  if (credentialIds.length === 0) return null;
-  try {
-    const challenge = new Uint8Array(32);
-    crypto.getRandomValues(challenge);
-    await waitForDocumentFocus();
-    const assertion = await navigator.credentials.get({
-      publicKey: {
-        challenge,
-        rpId: resolvePasskeyRpId(),
-        allowCredentials: credentialIds.map((id) => ({
-          type: "public-key",
-          id: credentialIdBase64ToBytes(id)
-        })),
-        userVerification: "discouraged",
-        timeout: 3e4
-      }
-    });
-    if (!assertion) return null;
-    return toBase64(assertion.rawId);
-  } catch {
-    return null;
-  }
-}
-
-// src/api.ts
-var api_exports = {};
-__export(api_exports, {
-  createAccount: () => createAccount,
-  createAccountAuthorizationSession: () => createAccountAuthorizationSession,
-  createManualTransfer: () => createManualTransfer,
-  createTransfer: () => createTransfer,
-  fetchAccount: () => fetchAccount,
-  fetchAccounts: () => fetchAccounts,
-  fetchAuthorizationSession: () => fetchAuthorizationSession,
-  fetchAuthorizationSessionByToken: () => fetchAuthorizationSessionByToken,
-  fetchChains: () => fetchChains,
-  fetchManualTransferSession: () => fetchManualTransferSession,
-  fetchManualTransferSources: () => fetchManualTransferSources,
-  fetchMerchantPublicKey: () => fetchMerchantPublicKey,
-  fetchProviders: () => fetchProviders,
-  fetchTransfer: () => fetchTransfer,
-  fetchUserConfig: () => fetchUserConfig,
-  postTransferQuote: () => postTransferQuote,
-  probeActionCompletion: () => probeActionCompletion,
-  refreshManualTransferQuote: () => refreshManualTransferQuote,
-  regenerateTransferSignPayload: () => regenerateTransferSignPayload,
-  registerPasskey: () => registerPasskey,
-  reportActionCompletion: () => reportActionCompletion,
-  reportPasskeyActivity: () => reportPasskeyActivity,
-  setAuthorizationSessionPaymentIntentAmount: () => setAuthorizationSessionPaymentIntentAmount,
-  setAuthorizationSessionProvider: () => setAuthorizationSessionProvider,
-  signTransfer: () => signTransfer,
-  updateManualTransferDepositTargetChain: () => updateManualTransferDepositTargetChain,
-  updateUserConfig: () => updateUserConfig,
-  updateUserConfigBySession: () => updateUserConfigBySession,
-  waitForActionTransactionReceipt: () => waitForActionTransactionReceipt
-});
-var DEBUG_BUFFER_CAPACITY = 200;
-var nextId = 1;
-var entries = [];
-var listeners = /* @__PURE__ */ new Set();
-function notify() {
-  for (const listener of listeners) {
-    try {
-      listener();
-    } catch (err) {
-      console.error("[blink-sdk][debug-log] listener threw:", err);
-    }
-  }
-}
-function appendDebug(level, message, data) {
-  const entry = {
-    id: nextId++,
-    ts: Date.now(),
-    level,
-    message,
-    data
-  };
-  const next = entries.length >= DEBUG_BUFFER_CAPACITY ? entries.slice(entries.length - DEBUG_BUFFER_CAPACITY + 1) : entries.slice();
-  next.push(entry);
-  entries = next;
-  const prefix = "[blink-sdk][debug]";
-  const sink = level === "error" ? console.error : level === "warn" ? console.warn : console.info;
-  if (data !== void 0) {
-    sink(`${prefix} ${message}`, data);
-  } else {
-    sink(`${prefix} ${message}`);
-  }
-  notify();
-}
-function subscribeDebug(listener) {
-  listeners.add(listener);
-  return () => {
-    listeners.delete(listener);
-  };
-}
-function getDebugEntries() {
-  return entries;
-}
-function clearDebugEntries() {
-  entries = [];
-  notify();
-}
-function useBlinkDebugLog() {
-  return react.useSyncExternalStore(subscribeDebug, getDebugEntries, getDebugEntries);
-}
-
-// src/fetchWithRetry.ts
-var DEFAULT_MAX_RETRIES = 3;
-var DEFAULT_BASE_DELAY_MS = 500;
-var DEFAULT_MAX_JITTER_MS = 200;
-function isNetworkTypeError(err) {
-  return err instanceof TypeError && /fetch|network|load failed/i.test(err.message);
-}
-async function fetchWithRetry(input, init, options) {
-  const maxRetries = DEFAULT_MAX_RETRIES;
-  const baseDelayMs = DEFAULT_BASE_DELAY_MS;
-  const maxJitterMs = DEFAULT_MAX_JITTER_MS;
-  const label = String(input).replace(/https?:\/\/[^/]+/, "");
-  let lastError;
-  for (let attempt = 0; attempt <= maxRetries; attempt++) {
-    try {
-      return await fetch(input, init);
-    } catch (err) {
-      lastError = err;
-      if (!isNetworkTypeError(err)) {
-        throw err;
-      }
-      if (attempt < maxRetries) {
-        const delay = baseDelayMs * Math.pow(2, attempt) + Math.random() * maxJitterMs;
-        appendDebug("warn", `fetchWithRetry: network error, retrying ${label}`, {
-          attempt: attempt + 1,
-          maxRetries,
-          delayMs: Math.round(delay),
-          error: err instanceof Error ? err.message : String(err)
-        });
-        await new Promise((resolve) => setTimeout(resolve, delay));
-      }
-    }
-  }
-  throw lastError;
-}
-
-// src/apiError.ts
-var ApiError = class extends Error {
-  status;
-  code;
-  constructor(status, code, message) {
-    super(message);
-    this.name = "ApiError";
-    this.status = status;
-    this.code = code;
-  }
-};
-function isApiError(err) {
-  if (err instanceof ApiError) return true;
-  return typeof err === "object" && err !== null && "name" in err && err.name === "ApiError";
-}
-var SVM_SIGN_PAYLOAD_EXPIRED_CODE = "SVM_SIGN_PAYLOAD_EXPIRED";
-function isSvmSignExpiredError(err) {
-  return isApiError(err) && err.code === SVM_SIGN_PAYLOAD_EXPIRED_CODE;
-}
-
-// src/api.ts
-async function throwApiError(res) {
-  const body = await res.json().catch(() => null);
-  const detail = body?.error ?? body;
-  const msg = detail?.message ?? res.statusText;
-  const code = detail?.code ?? String(res.status);
-  throw new ApiError(res.status, code, `${res.status} \u2014 ${code}: ${msg}`);
-}
-async function fetchProviders(apiBaseUrl, token) {
-  const headers = {};
-  if (token) {
-    headers.Authorization = `Bearer ${token}`;
-  }
-  const res = await fetchWithRetry(`${apiBaseUrl}/v1/providers`, { headers });
-  if (!res.ok) await throwApiError(res);
-  const data = await res.json();
-  return data.items;
-}
-async function fetchChains(apiBaseUrl, token) {
-  const res = await fetchWithRetry(`${apiBaseUrl}/v1/chains`, {
-    headers: { Authorization: `Bearer ${token}` }
-  });
-  if (!res.ok) await throwApiError(res);
-  const data = await res.json();
-  return data.items;
-}
-async function fetchAccounts(apiBaseUrl, token, credentialId) {
-  const params = new URLSearchParams({ credentialId });
-  const res = await fetchWithRetry(`${apiBaseUrl}/v1/accounts?${params.toString()}`, {
-    headers: { Authorization: `Bearer ${token}` }
-  });
-  if (!res.ok) await throwApiError(res);
-  const data = await res.json();
-  return data.items;
-}
-async function fetchAccount(apiBaseUrl, token, accountId, credentialId) {
-  const params = new URLSearchParams({ credentialId });
-  const res = await fetchWithRetry(`${apiBaseUrl}/v1/accounts/${accountId}?${params.toString()}`, {
-    headers: { Authorization: `Bearer ${token}` }
-  });
+async function fetchAccountBalances(apiBaseUrl, token, accountId, credentialId) {
+  const params = new URLSearchParams({ credentialId });
+  const res = await fetchWithRetry(
+    `${apiBaseUrl}/v1/accounts/${accountId}/balances?${params.toString()}`,
+    {
+      headers: { Authorization: `Bearer ${token}` }
+    }
+  );
   if (!res.ok) await throwApiError(res);
   return await res.json();
 }
@@ -2738,44 +2496,323 @@ async function waitForActionTransactionReceipt(apiBaseUrl, actionId, txHash) {
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({ txHash })
     }
-  );
-  if (!res.ok) await throwApiError(res);
-  return await res.json();
+  );
+  if (!res.ok) await throwApiError(res);
+  return await res.json();
+}
+async function probeActionCompletion(apiBaseUrl, actionId) {
+  const res = await fetchWithRetry(
+    `${apiBaseUrl}/v1/authorization-actions/${actionId}`,
+    {
+      method: "PATCH",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ status: "COMPLETED", result: {} })
+    }
+  );
+  if (res.ok) {
+    const session = await res.json();
+    return { detected: true, session };
+  }
+  const body = await res.json().catch(() => null);
+  const detail = body?.error ?? body;
+  const code = detail?.code;
+  const message = detail?.message ?? res.statusText ?? `HTTP ${res.status}`;
+  if (res.status === 422 && code === "DEPOSIT_TX_NOT_FOUND") {
+    return { detected: false, reason: "not-found", status: res.status, code, message };
+  }
+  const approvalNotDetectedCodes = /* @__PURE__ */ new Set([
+    "APPROVE_NOT_DETECTED",
+    "APPROVE_SPL_NOT_DETECTED",
+    "SPL_DELEGATE_MISSING",
+    "SPL_DELEGATE_INSUFFICIENT",
+    "SPL_DELEGATE_WRONG_OWNER"
+  ]);
+  if (res.status === 422 && code && approvalNotDetectedCodes.has(code)) {
+    return { detected: false, reason: "not-found", status: res.status, code, message };
+  }
+  if (res.status === 422 && code === "INVALID_TRANSFER_STATE") {
+    return { detected: false, reason: "invalid-state", status: res.status, code, message };
+  }
+  return { detected: false, reason: "error", status: res.status, code, message };
+}
+
+// src/passkey-delegation.ts
+var PasskeyIframeBlockedError = class extends Error {
+  constructor(message = "Passkey creation is not supported in this browser context.") {
+    super(message);
+    this.name = "PasskeyIframeBlockedError";
+  }
+};
+function isInCrossOriginIframe() {
+  if (typeof window === "undefined") return false;
+  if (window.parent === window) return false;
+  try {
+    void window.parent.location.origin;
+    return false;
+  } catch {
+    return true;
+  }
+}
+function isSafari() {
+  if (typeof navigator === "undefined") return false;
+  const ua = navigator.userAgent;
+  return /Safari/i.test(ua) && !/Chrome|CriOS|Chromium|Edg|OPR|Firefox/i.test(ua);
+}
+var VERIFY_POPUP_TIMEOUT_MS = 6e4;
+var POPUP_CLOSED_POLL_MS = 500;
+var POPUP_CLOSED_GRACE_MS = 1e3;
+function findDevicePasskeyViaPopup(options) {
+  return new Promise((resolve, reject) => {
+    const verificationToken = crypto.randomUUID();
+    const payload = {
+      ...options,
+      verificationToken
+    };
+    const encoded = btoa(JSON.stringify(payload));
+    const popupUrl = `${window.location.origin}/passkey-verify#${encoded}`;
+    const popup = window.open(popupUrl, "blink-passkey-verify");
+    if (!popup) {
+      reject(new Error("Pop-up blocked. Please allow pop-ups for this site and try again."));
+      return;
+    }
+    let settled = false;
+    const timer = setTimeout(() => {
+      cleanup();
+      resolve(null);
+    }, VERIFY_POPUP_TIMEOUT_MS);
+    const closedPoll = setInterval(() => {
+      if (popup.closed && !settled) {
+        clearInterval(closedPoll);
+        setTimeout(() => {
+          if (!settled) {
+            settled = true;
+            cleanup();
+            checkServerForPasskeyByToken(
+              options.authToken,
+              options.apiBaseUrl,
+              verificationToken
+            ).then((result) => {
+              resolve(result?.credentialId ?? null);
+            }).catch(() => {
+              resolve(null);
+            });
+          }
+        }, POPUP_CLOSED_GRACE_MS);
+      }
+    }, POPUP_CLOSED_POLL_MS);
+    function cleanup() {
+      clearTimeout(timer);
+      clearInterval(closedPoll);
+    }
+  });
+}
+async function checkServerForPasskeyByToken(authToken, apiBaseUrl, verificationToken) {
+  if (!authToken || !apiBaseUrl) return null;
+  const res = await fetch(`${apiBaseUrl}/v1/users/config`, {
+    headers: { Authorization: `Bearer ${authToken}` }
+  });
+  if (!res.ok) return null;
+  const body = await res.json();
+  const passkeys = body.config.passkeys ?? [];
+  const matched = passkeys.find((p) => p.lastVerificationToken === verificationToken);
+  return matched ? { credentialId: matched.credentialId, publicKey: matched.publicKey } : null;
+}
+function shouldUsePasskeySignupPopup() {
+  return isSafari() && isInCrossOriginIframe();
+}
+var SIGNUP_POPUP_TIMEOUT_MS = 12e4;
+function signupWithPasskeyViaPopup() {
+  return new Promise((resolve, reject) => {
+    const popupUrl = `${window.location.origin}/passkey-signup`;
+    const popup = window.open(popupUrl, "blink-passkey-signup");
+    if (!popup) {
+      reject(new Error("Pop-up blocked. Please allow pop-ups for this site and try again."));
+      return;
+    }
+    let settled = false;
+    const timer = setTimeout(() => {
+      cleanup();
+      resolve(null);
+    }, SIGNUP_POPUP_TIMEOUT_MS);
+    function onMessage(event) {
+      if (event.origin !== window.location.origin) return;
+      if (event.source !== popup) return;
+      const data = event.data;
+      if (!data || data.type !== "blink:passkey-signup-complete") return;
+      if (typeof data.accessToken !== "string" || typeof data.credentialId !== "string" || typeof data.publicKey !== "string") return;
+      settled = true;
+      cleanup();
+      resolve({
+        accessToken: data.accessToken,
+        credentialId: data.credentialId,
+        publicKey: data.publicKey
+      });
+    }
+    window.addEventListener("message", onMessage);
+    const closedPoll = setInterval(() => {
+      if (popup.closed && !settled) {
+        settled = true;
+        cleanup();
+        resolve(null);
+      }
+    }, POPUP_CLOSED_POLL_MS);
+    function cleanup() {
+      clearTimeout(timer);
+      clearInterval(closedPoll);
+      window.removeEventListener("message", onMessage);
+    }
+  });
+}
+var LOGIN_POPUP_TIMEOUT_MS = 12e4;
+function loginWithPasskeyViaPopup() {
+  return new Promise((resolve, reject) => {
+    const popupUrl = `${window.location.origin}/passkey-login`;
+    const popup = window.open(popupUrl, "blink-passkey-login");
+    if (!popup) {
+      reject(new Error("Pop-up blocked. Please allow pop-ups for this site and try again."));
+      return;
+    }
+    let settled = false;
+    const timer = setTimeout(() => {
+      cleanup();
+      resolve(null);
+    }, LOGIN_POPUP_TIMEOUT_MS);
+    function onMessage(event) {
+      if (event.origin !== window.location.origin) return;
+      if (event.source !== popup) return;
+      const data = event.data;
+      if (!data || data.type !== "blink:passkey-login-complete") return;
+      if (typeof data.accessToken !== "string" || typeof data.credentialId !== "string" || typeof data.publicKey !== "string") return;
+      settled = true;
+      cleanup();
+      resolve({
+        accessToken: data.accessToken,
+        credentialId: data.credentialId,
+        publicKey: data.publicKey
+      });
+    }
+    window.addEventListener("message", onMessage);
+    const closedPoll = setInterval(() => {
+      if (popup.closed && !settled) {
+        settled = true;
+        cleanup();
+        resolve(null);
+      }
+    }, POPUP_CLOSED_POLL_MS);
+    function cleanup() {
+      clearTimeout(timer);
+      clearInterval(closedPoll);
+      window.removeEventListener("message", onMessage);
+    }
+  });
+}
+
+// src/credentialIdEncoding.ts
+function credentialIdBase64ToBytes(value) {
+  const normalized = value.replace(/-/g, "+").replace(/_/g, "/");
+  const padded = normalized + "=".repeat((4 - normalized.length % 4) % 4);
+  const raw = atob(padded);
+  const bytes = new Uint8Array(raw.length);
+  for (let i = 0; i < raw.length; i++) {
+    bytes[i] = raw.charCodeAt(i);
+  }
+  return bytes;
+}
+
+// src/passkeyRpId.ts
+function normalizeConfiguredDomain(value) {
+  return value.replace(/^https?:\/\//, "").replace(/\/.*$/, "").replace(/^\./, "").trim();
+}
+function resolveRootDomainFromHostname(hostname) {
+  const trimmedHostname = hostname.trim().toLowerCase();
+  if (!trimmedHostname) {
+    return "localhost";
+  }
+  if (trimmedHostname === "localhost" || /^\d{1,3}(?:\.\d{1,3}){3}$/.test(trimmedHostname)) {
+    return trimmedHostname;
+  }
+  const parts = trimmedHostname.split(".").filter(Boolean);
+  if (parts.length < 2) {
+    return trimmedHostname;
+  }
+  return parts.slice(-2).join(".");
+}
+
+// src/hooks/passkeyPublic.ts
+function waitForDocumentFocus(timeoutMs = 5e3, intervalMs = 100) {
+  return new Promise((resolve) => {
+    if (typeof document === "undefined") {
+      resolve();
+      return;
+    }
+    if (document.hasFocus()) {
+      resolve();
+      return;
+    }
+    const deadline = Date.now() + timeoutMs;
+    const timer = setInterval(() => {
+      if (document.hasFocus()) {
+        clearInterval(timer);
+        resolve();
+      } else if (Date.now() >= deadline) {
+        clearInterval(timer);
+        resolve();
+      }
+    }, intervalMs);
+  });
 }
-async function probeActionCompletion(apiBaseUrl, actionId) {
-  const res = await fetchWithRetry(
-    `${apiBaseUrl}/v1/authorization-actions/${actionId}`,
-    {
-      method: "PATCH",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ status: "COMPLETED", result: {} })
-    }
-  );
-  if (res.ok) {
-    const session = await res.json();
-    return { detected: true, session };
+function toBase64(buffer) {
+  return btoa(String.fromCharCode(...new Uint8Array(buffer)));
+}
+function readEnvValue(name) {
+  const meta = ({ url: (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)) });
+  const metaValue = meta.env?.[name];
+  if (typeof metaValue === "string" && metaValue.trim().length > 0) {
+    return metaValue.trim();
   }
-  const body = await res.json().catch(() => null);
-  const detail = body?.error ?? body;
-  const code = detail?.code;
-  const message = detail?.message ?? res.statusText ?? `HTTP ${res.status}`;
-  if (res.status === 422 && code === "DEPOSIT_TX_NOT_FOUND") {
-    return { detected: false, reason: "not-found", status: res.status, code, message };
+  const processValue = globalThis.process?.env?.[name];
+  if (typeof processValue === "string" && processValue.trim().length > 0) {
+    return processValue.trim();
   }
-  const approvalNotDetectedCodes = /* @__PURE__ */ new Set([
-    "APPROVE_NOT_DETECTED",
-    "APPROVE_SPL_NOT_DETECTED",
-    "SPL_DELEGATE_MISSING",
-    "SPL_DELEGATE_INSUFFICIENT",
-    "SPL_DELEGATE_WRONG_OWNER"
-  ]);
-  if (res.status === 422 && code && approvalNotDetectedCodes.has(code)) {
-    return { detected: false, reason: "not-found", status: res.status, code, message };
+  return void 0;
+}
+function resolvePasskeyRpId() {
+  const configuredDomain = readEnvValue("VITE_DOMAIN") ?? readEnvValue("BLINK_DOMAIN");
+  if (configuredDomain) {
+    return normalizeConfiguredDomain(configuredDomain);
   }
-  if (res.status === 422 && code === "INVALID_TRANSFER_STATE") {
-    return { detected: false, reason: "invalid-state", status: res.status, code, message };
+  if (typeof window !== "undefined") {
+    return resolveRootDomainFromHostname(window.location.hostname);
+  }
+  return "localhost";
+}
+async function deviceHasPasskey(credentialId) {
+  const found = await findDevicePasskey([credentialId]);
+  return found != null;
+}
+async function findDevicePasskey(credentialIds) {
+  if (credentialIds.length === 0) return null;
+  try {
+    const challenge = new Uint8Array(32);
+    crypto.getRandomValues(challenge);
+    await waitForDocumentFocus();
+    const assertion = await navigator.credentials.get({
+      publicKey: {
+        challenge,
+        rpId: resolvePasskeyRpId(),
+        allowCredentials: credentialIds.map((id) => ({
+          type: "public-key",
+          id: credentialIdBase64ToBytes(id)
+        })),
+        userVerification: "discouraged",
+        timeout: 3e4
+      }
+    });
+    if (!assertion) return null;
+    return toBase64(assertion.rawId);
+  } catch {
+    return null;
   }
-  return { detected: false, reason: "error", status: res.status, code, message };
 }
 
 // src/transferPolling.ts
@@ -4149,14 +4186,14 @@ function isBatchableAction(action) {
   return BATCHABLE_ACTION_TYPES.has(action.type);
 }
 function getSolanaWalletSelection(action) {
-  const providerName = action.metadata?.providerName;
-  if (typeof providerName !== "string" || providerName.trim() === "") {
+  const providerName2 = action.metadata?.providerName;
+  if (typeof providerName2 !== "string" || providerName2.trim() === "") {
     throw new Error(`${action.type} metadata is missing providerName.`);
   }
   const providerId = action.metadata?.providerId;
   return {
     ...typeof providerId === "string" && providerId.trim() !== "" ? { providerId } : {},
-    providerName
+    providerName: providerName2
   };
 }
 function isPhantomEvmProviderAvailable() {
@@ -5806,6 +5843,43 @@ function useAuthorizationExecutor(options) {
     }),
     []
   );
+  const [awaitingApproval, setAwaitingApproval] = react.useState(false);
+  const [approvalDestinationAddress, setApprovalDestinationAddress] = react.useState(null);
+  const approvalResolverRef = react.useRef(null);
+  const approvalRejectRef = react.useRef(null);
+  const approvalInitiatedRef = react.useRef(false);
+  const waitForApproval = react.useCallback(
+    (action, destinationAddress) => {
+      if (approvalInitiatedRef.current) return Promise.resolve();
+      return new Promise((resolve, reject) => {
+        approvalResolverRef.current = resolve;
+        approvalRejectRef.current = reject;
+        setCurrentAction(action);
+        setApprovalDestinationAddress(destinationAddress);
+        setAwaitingApproval(true);
+      });
+    },
+    []
+  );
+  const approveAuthorization = react.useCallback(() => {
+    approvalInitiatedRef.current = true;
+    setAwaitingApproval(false);
+    if (approvalResolverRef.current) {
+      approvalResolverRef.current();
+      approvalResolverRef.current = null;
+      approvalRejectRef.current = null;
+    }
+  }, []);
+  const resetApprovalGate = react.useCallback(() => {
+    approvalInitiatedRef.current = false;
+    setAwaitingApproval(false);
+    setApprovalDestinationAddress(null);
+    if (approvalRejectRef.current) {
+      approvalRejectRef.current(new AuthorizationSessionCancelledError());
+      approvalRejectRef.current = null;
+      approvalResolverRef.current = null;
+    }
+  }, []);
   const cancelPendingExecution = react.useCallback(() => {
     if (selectSourceRejectRef.current) {
       selectSourceRejectRef.current(new AuthorizationSessionCancelledError());
@@ -5813,6 +5887,12 @@ function useAuthorizationExecutor(options) {
       selectSourceResolverRef.current = null;
       setPendingSelectSource(null);
     }
+    if (approvalRejectRef.current) {
+      approvalRejectRef.current(new AuthorizationSessionCancelledError());
+      approvalRejectRef.current = null;
+      approvalResolverRef.current = null;
+    }
+    setAwaitingApproval(false);
     setError(null);
     setCurrentAction(null);
     setApproveSplConfirming(null);
@@ -6215,6 +6295,11 @@ function useAuthorizationExecutor(options) {
     currentAction,
     approveSplConfirming,
     pendingSelectSource,
+    awaitingApproval,
+    approvalDestinationAddress,
+    waitForApproval,
+    approveAuthorization,
+    resetApprovalGate,
     resolveSelectSource,
     cancelPendingExecution,
     resetWalletConnect,
@@ -6509,6 +6594,7 @@ function useAuthorizationOrchestrator(deps) {
   const [pendingSelectSourceAction, setPendingSelectSourceAction] = react.useState(null);
   const [orchestratorCompleted, setOrchestratorCompleted] = react.useState(false);
   const [sourceSelectionResolved, setSourceSelectionResolved] = react.useState(false);
+  const [approvalSmartAccountAddress, setApprovalSmartAccountAddress] = react.useState(null);
   const selectSourceResolverRef = react.useRef(null);
   const selectSourceRejectRef = react.useRef(null);
   const submittedApprovePermit2ActionIdsRef = react.useRef(/* @__PURE__ */ new Set());
@@ -6534,6 +6620,7 @@ function useAuthorizationOrchestrator(deps) {
     const cancellation = new AuthorizationSessionCancelledError();
     setOrchestratorCompleted(false);
     setSourceSelectionResolved(false);
+    setApprovalSmartAccountAddress(null);
     if (selectSourceRejectRef.current) {
       selectSourceRejectRef.current(cancellation);
       selectSourceRejectRef.current = null;
@@ -6556,6 +6643,10 @@ function useAuthorizationOrchestrator(deps) {
       lastRunRef.current = { sessionId, options };
       setOrchestratorCompleted(false);
       setSourceSelectionResolved(false);
+      setApprovalSmartAccountAddress(null);
+      if (!options?.keepApprovalGate) {
+        authExecutor.resetApprovalGate();
+      }
       if (!authExecutor.beginExecution()) {
         appendDebug("warn", "orchestrator:run aborted \u2014 already executing");
         return { status: "cancelled" };
@@ -6584,6 +6675,8 @@ function useAuthorizationOrchestrator(deps) {
           let action = mergedPending[0];
           if (completedIds.has(action.id)) break;
           const ownerSessionId = actionSessionMap.get(action.id) ?? sessionId;
+          const ownerSessionSca = sessions.find((s) => s.id === ownerSessionId)?.session.smartAccountAddress;
+          if (ownerSessionSca) setApprovalSmartAccountAddress(ownerSessionSca);
           console.info("[blink-sdk][orchestrator] Next pending action.", {
             actionId: action.id,
             actionType: action.type,
@@ -6608,6 +6701,7 @@ function useAuthorizationOrchestrator(deps) {
               const autoResult = createSelectSourceResult(action, options.autoResolveSource);
               completedIds.add(action.id);
               authExecutor.addResult(autoResult);
+              setSourceSelectionResolved(true);
               const reportedSession3 = await reportActionCompletionWithLogging(
                 apiBaseUrl,
                 action,
@@ -6701,6 +6795,13 @@ function useAuthorizationOrchestrator(deps) {
               throw new Error(SIGN_PERMIT2_CONFIRMING_MESSAGE);
             }
           }
+          if (isApprovalGatedAction(action)) {
+            const sessionSca = sessions.find((s) => s.id === ownerSessionId)?.session.smartAccountAddress;
+            await authExecutor.waitForApproval(
+              action,
+              sessionSca ?? readActionMetadataString(action.metadata, "smartAccountAddress") ?? readActionMetadataString(action.metadata, "ownerPubkey")
+            );
+          }
           appendDebug("info", `orchestrator:executeAction start ${action.type}`, {
             actionId: action.id,
             ownerSessionId
@@ -6897,7 +6998,8 @@ function useAuthorizationOrchestrator(deps) {
     authExecutor.setError(null);
     return run(lastRun.sessionId, {
       ...lastRun.options,
-      probeBeforePrompt: true
+      probeBeforePrompt: true,
+      keepApprovalGate: true
     });
   }, [authExecutor, run, cancelPendingFlow]);
   return {
@@ -6907,9 +7009,17 @@ function useAuthorizationOrchestrator(deps) {
     resolveSelectSource,
     sourceSelectionResolved,
     orchestratorCompleted,
+    approvalSmartAccountAddress,
     cancelPendingFlow
   };
 }
+function readActionMetadataString(metadata, key) {
+  const value = metadata?.[key];
+  return typeof value === "string" && value.trim() !== "" ? value : null;
+}
+function isApprovalGatedAction(action) {
+  return action.type === "APPROVE_PERMIT2" || action.type === "SIGN_PERMIT2" || action.type === "APPROVE_SPL";
+}
 function createSelectSourceResult(action, selection) {
   return {
     actionId: action.id,
@@ -7880,6 +7990,26 @@ function deriveSourceTypeAndId(state) {
   }
   return { sourceType: "accountId", sourceId: "" };
 }
+function hasAnyBalances(accounts) {
+  return accounts.some(
+    (account) => account.wallets.some(
+      (wallet) => wallet.balance !== void 0 || wallet.sources !== void 0
+    )
+  );
+}
+function carryOverBalances(prev, next) {
+  const prevWallets = new Map(
+    prev.flatMap((account) => account.wallets.map((wallet) => [wallet.id, wallet]))
+  );
+  return next.map((account) => ({
+    ...account,
+    wallets: account.wallets.map((wallet) => {
+      if (wallet.balance !== void 0 || wallet.sources !== void 0) return wallet;
+      const prior = prevWallets.get(wallet.id);
+      return prior && (prior.balance !== void 0 || prior.sources !== void 0) ? { ...wallet, balance: prior.balance, sources: prior.sources } : wallet;
+    })
+  }));
+}
 function clearStaleSelection(state) {
   if (state.selectedAccountId == null) return state;
   if (state.desktopWait != null || state.standardDesktopInlineOpenWallet) return state;
@@ -7901,6 +8031,7 @@ function createInitialState(config) {
     accounts: [],
     chains: [],
     loadingData: false,
+    balancesLoading: false,
     depositSelectionRefreshing: false,
     selectedProviderId: null,
     selectedAccountId: null,
@@ -7930,6 +8061,7 @@ function createInitialState(config) {
     privyAuthenticated: false,
     lastResumedAt: 0,
     setupDepositToken: null,
+    setupSpendingLimit: null,
     guestWalletPrepared: null,
     guestWalletDeeplinksPreparing: false,
     amountTooLow: null,
@@ -7949,6 +8081,7 @@ function clearAuthenticatedSessionState(state) {
     accounts: [],
     chains: [],
     loadingData: false,
+    balancesLoading: false,
     depositSelectionRefreshing: false,
     selectedProviderId: null,
     selectedAccountId: null,
@@ -7974,6 +8107,7 @@ function clearAuthenticatedSessionState(state) {
     mobileTokenAuthorizationPending: false,
     linkSettling: false,
     setupDepositToken: null,
+    setupSpendingLimit: null,
     guestWalletPrepared: null,
     guestWalletDeeplinksPreparing: false,
     amountTooLow: null,
@@ -8042,6 +8176,8 @@ function applyAction(state, action) {
         providers: action.providers,
         accounts: action.accounts,
         chains: action.chains,
+        // Accounts arrive balance-free; balances follow via BALANCES_LOADED.
+        balancesLoading: true,
         depositSelectionRefreshing: false,
         initialDataLoaded: true
       };
@@ -8065,10 +8201,12 @@ function applyAction(state, action) {
         depositSelectionRefreshing: false
       };
     case "ACCOUNTS_RELOADED": {
+      const hadBalances = hasAnyBalances(state.accounts);
       const next = {
         ...state,
-        accounts: action.accounts,
+        accounts: carryOverBalances(state.accounts, action.accounts),
         providers: action.providers,
+        balancesLoading: !hadBalances,
         initialDataLoaded: true
       };
       if (action.defaults) {
@@ -8080,6 +8218,24 @@ function applyAction(state, action) {
       }
       return clearStaleSelection(next);
     }
+    case "BALANCES_LOADED": {
+      const { balancesByAccountId } = action;
+      const accounts = state.accounts.map((account) => {
+        const accountBalances = balancesByAccountId[account.id];
+        if (!accountBalances) return account;
+        const balancesByWalletId = new Map(
+          accountBalances.wallets.map((w) => [w.id, w])
+        );
+        return {
+          ...account,
+          wallets: account.wallets.map((wallet) => {
+            const merged = balancesByWalletId.get(wallet.id);
+            return merged ? { ...wallet, balance: merged.balance, sources: merged.sources } : wallet;
+          })
+        };
+      });
+      return { ...state, accounts, balancesLoading: false };
+    }
     case "SET_DEPOSIT_SELECTION_REFRESHING":
       return { ...state, depositSelectionRefreshing: action.value };
     case "SAVE_SELECTION":
@@ -8151,6 +8307,7 @@ function applyAction(state, action) {
         mobileFlow: false,
         mobileTokenAuthorizationPending: false,
         setupDepositToken: null,
+        setupSpendingLimit: null,
         setupFlowScreen: null
       };
     case "PAY_ENDED":
@@ -8396,6 +8553,7 @@ function applyAction(state, action) {
         linkSettling: false,
         savedSelection: null,
         setupDepositToken: null,
+        setupSpendingLimit: null,
         setupFlowScreen: null,
         guestWalletPrepared: null,
         guestWalletDeeplinksPreparing: false,
@@ -8461,12 +8619,217 @@ function applyAction(state, action) {
           ...action.chainId != null ? { chainId: action.chainId } : {}
         }
       };
+    case "SET_SETUP_SPENDING_LIMIT":
+      return { ...state, setupSpendingLimit: action.limit };
     case "CLEAR_SETUP_DEPOSIT_TOKEN":
-      return { ...state, setupDepositToken: null };
+      return { ...state, setupDepositToken: null, setupSpendingLimit: null };
     default:
       return state;
   }
 }
+var BLOCKED_SUBSTRINGS = [
+  "bearer",
+  "signature",
+  "signedpayload",
+  "userop",
+  "jwt",
+  "secret",
+  "password",
+  "privatekey",
+  "mnemonic",
+  "seedphrase"
+];
+function isBlockedKey(key) {
+  const lower = key.toLowerCase();
+  if (lower === "token" || lower.endsWith("token")) return true;
+  return BLOCKED_SUBSTRINGS.some((blocked) => lower.includes(blocked));
+}
+function isReady() {
+  return typeof posthog__default.default !== "undefined" && posthog__default.default.__loaded === true;
+}
+function sanitizeProps(props) {
+  if (!props) return props;
+  const clean = {};
+  for (const [key, value] of Object.entries(props)) {
+    if (isBlockedKey(key)) continue;
+    if (value === void 0) continue;
+    clean[key] = value;
+  }
+  return clean;
+}
+function registerSuperProps(props) {
+  if (!isReady()) return;
+  try {
+    posthog__default.default.register(sanitizeProps(props) ?? {});
+  } catch {
+  }
+}
+function track(event, props) {
+  if (!isReady()) return;
+  try {
+    posthog__default.default.capture(event, sanitizeProps(props));
+  } catch {
+  }
+}
+function identifyUser(privyUserId, props) {
+  if (!isReady() || !privyUserId) return;
+  try {
+    posthog__default.default.identify(privyUserId, sanitizeProps(props));
+  } catch {
+  }
+}
+function resolveAnalyticsEnvironment(opts) {
+  const explicit = opts.explicit?.trim();
+  if (explicit) return explicit;
+  const raw = opts.apiBaseUrl ?? "";
+  let host = raw;
+  try {
+    host = new URL(raw).hostname;
+  } catch {
+  }
+  const h = host.toLowerCase();
+  if (h === "" || h.includes("localhost") || h.startsWith("127.")) return "development";
+  if (h.includes("smokebox")) return "smokebox";
+  if (h.includes("sandbox")) return "sandbox";
+  if (h.includes("staging")) return "staging";
+  return "production";
+}
+function resetUser() {
+  if (!isReady()) return;
+  try {
+    posthog__default.default.reset();
+  } catch {
+  }
+}
+
+// src/analyticsEvents.ts
+function providerName(state, providerId) {
+  return state.providers.find((p) => p.id === providerId)?.name;
+}
+function amountUsd(transfer) {
+  return transfer.amount?.currency === "USD" ? transfer.amount.amount : transfer.amount?.amount;
+}
+function sourceChain(transfer) {
+  return transfer.sources?.[0]?.provider?.chainFamily;
+}
+function trackAction(action, state, ctx) {
+  const device = ctx.device;
+  switch (action.type) {
+    case "PASSKEY_ACTIVATED":
+      track("auth_succeeded", { method: "passkey", device });
+      break;
+    case "SELECT_PROVIDER":
+      track("wallet_provider_selected", {
+        device,
+        providerId: action.providerId,
+        providerName: providerName(state, action.providerId),
+        transport: device === "desktop" ? "inline" : "deeplink"
+      });
+      break;
+    case "MOBILE_DEEPLINK_READY":
+      track("wallet_deeplink_opened", { device });
+      break;
+    case "SET_SETUP_DEPOSIT_TOKEN":
+      track("token_selected", {
+        device,
+        tokenSymbol: action.symbol,
+        chainName: action.chainName
+      });
+      break;
+    case "FINALIZE_AMOUNT": {
+      const parsed = Number(state.amount);
+      track("amount_entered", {
+        device,
+        amountUsd: Number.isFinite(parsed) ? parsed : void 0
+      });
+      break;
+    }
+    case "PAY_STARTED":
+      track("deposit_clicked", { device });
+      break;
+    case "TRANSFER_CREATED":
+      track("transfer_created", {
+        device,
+        chainFamily: sourceChain(action.transfer)
+      });
+      break;
+    case "TRANSFER_SIGNED":
+      track("transfer_signed", { device });
+      break;
+    case "TRANSFER_COMPLETED":
+      track("transfer_completed", {
+        device,
+        amountUsd: amountUsd(action.transfer),
+        chainFamily: sourceChain(action.transfer)
+      });
+      break;
+    case "CONFIRM_SIGN_SUCCESS":
+      track("confirm_sign_success", { device });
+      break;
+    case "MOBILE_SETUP_COMPLETE":
+      track("wallet_setup_complete", { device });
+      break;
+    case "TRANSFER_FAILED":
+      track("transfer_error", {
+        device,
+        type: "transfer_failed",
+        stage: "processing",
+        message: action.error
+      });
+      break;
+    case "PROCESSING_TIMEOUT":
+      track("transfer_error", {
+        device,
+        type: "processing_timeout",
+        stage: "processing",
+        message: action.error
+      });
+      break;
+    case "SIGN_PAYLOAD_EXPIRED":
+      track("transfer_error", {
+        device,
+        type: "sign_payload_expired",
+        stage: "signing",
+        message: action.error
+      });
+      break;
+    case "PAY_ERROR":
+      track("transfer_error", {
+        device,
+        type: "pay_error",
+        stage: "creation",
+        message: action.error
+      });
+      break;
+  }
+}
+function useAnalyticsScreenView(phase, device) {
+  const lastScreenRef = react.useRef(null);
+  const screen = screenForPhase(phase);
+  react.useEffect(() => {
+    if (lastScreenRef.current === screen) return;
+    lastScreenRef.current = screen;
+    track("screen_viewed", { screen, phase: phase.step, device });
+  }, [screen, phase.step, device]);
+}
+function usePostHogIdentify() {
+  const { ready, authenticated, user } = reactAuth.usePrivy();
+  const identifiedIdRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!ready) return;
+    if (authenticated && user?.id) {
+      if (identifiedIdRef.current !== user.id) {
+        identifyUser(user.id);
+        identifiedIdRef.current = user.id;
+      }
+      return;
+    }
+    if (identifiedIdRef.current !== null) {
+      resetUser();
+      identifiedIdRef.current = null;
+    }
+  }, [ready, authenticated, user?.id]);
+}
 
 // src/setupDepositConfirmation.ts
 function deriveEffectiveSetupSource(setupDepositToken, setupSelectedSourceOption) {
@@ -9045,9 +9408,12 @@ function PrimaryButton({
     }
   );
 }
+var BUTTON_MIN_HEIGHT = 60;
 var progressButtonStyle = (tokens, paused) => ({
   position: "relative",
   width: "100%",
+  minHeight: BUTTON_MIN_HEIGHT,
+  boxSizing: "border-box",
   padding: "18px 24px",
   background: `linear-gradient(180deg, ${tokens.accent}88, ${tokens.accentHover}88)`,
   color: tokens.accentText,
@@ -9084,6 +9450,8 @@ var buttonStyle2 = (tokens, state) => {
   const gradient = `linear-gradient(180deg, ${tokens.accent}, ${tokens.accentHover})`;
   return {
     width: "100%",
+    minHeight: BUTTON_MIN_HEIGHT,
+    boxSizing: "border-box",
     padding: "18px 24px",
     // Layer a faint white film over the gradient on hover rather than using
     // `filter: brightness()` — the accent gradient is near-black in the new
@@ -9331,6 +9699,7 @@ var USDH_LOGO = svgToDataUri(USDH_SVG);
 var ETH_LOGO = "https://assets.relay.link/icons/currencies/eth.png";
 var SOL_LOGO = "https://assets.relay.link/icons/currencies/sol.png";
 var MON_LOGO = "https://assets.relay.link/icons/currencies/mon.png";
+var BNB_LOGO = "https://assets.relay.link/icons/currencies/bnb.png";
 var KNOWN_LOGOS = {
   metamask: METAMASK_LOGO,
   base: BASE_LOGO,
@@ -9349,7 +9718,8 @@ var TOKEN_LOGOS = {
   USDH: USDH_LOGO,
   ETH: ETH_LOGO,
   SOL: SOL_LOGO,
-  MON: MON_LOGO
+  MON: MON_LOGO,
+  BNB: BNB_LOGO
 };
 var CHAIN_LOGOS = {
   base: BASE_CHAIN_LOGO,
@@ -10008,6 +10378,8 @@ function SourcePill({
   logo,
   name,
   balance,
+  nameSlot,
+  balanceSlot,
   expanded,
   showChevron = true,
   icon
@@ -10015,8 +10387,8 @@ function SourcePill({
   const { tokens } = useBlinkConfig();
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { style: pillStyle2(tokens.bgCardTranslucent), children: [
     icon ?? (logo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "", "aria-hidden": "true", style: logoStyle }) : name ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: logoFallbackStyle(tokens.bgInput, tokens.textMuted), children: name.charAt(0).toUpperCase() }) : null),
-    name && /* @__PURE__ */ jsxRuntime.jsx("span", { style: labelStyle2(tokens.text), children: name }),
-    balance && /* @__PURE__ */ jsxRuntime.jsx("span", { style: balanceStyle(tokens.text), children: balance }),
+    nameSlot ?? (name && /* @__PURE__ */ jsxRuntime.jsx("span", { style: labelStyle2(tokens.text), children: name })),
+    balanceSlot ?? (balance && /* @__PURE__ */ jsxRuntime.jsx("span", { style: balanceStyle(tokens.text), children: balance })),
     showChevron && /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "17", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: expanded ? /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -10079,6 +10451,37 @@ var balanceStyle = (color) => ({
   color,
   whiteSpace: "nowrap"
 });
+var SHIMMER_KEYFRAMES = `
+@keyframes blink-shimmer-sweep {
+  0% { background-position: 200% 0; }
+  100% { background-position: -200% 0; }
+}`;
+function Shimmer({
+  width,
+  height,
+  borderRadius = 999,
+  baseColor,
+  highlightColor,
+  style
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-hidden": "true", style: { display: "inline-block", ...style }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: SHIMMER_KEYFRAMES }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        style: {
+          display: "block",
+          width,
+          height,
+          borderRadius,
+          background: `linear-gradient(90deg, ${baseColor} 0%, ${highlightColor} 50%, ${baseColor} 100%)`,
+          backgroundSize: "200% 100%",
+          animation: "blink-shimmer-sweep 1.4s ease-in-out infinite"
+        }
+      }
+    )
+  ] });
+}
 function formatUsdTwoDecimals(value) {
   const n = Number(value);
   return (Number.isFinite(n) ? n : 0).toLocaleString("en-US", {
@@ -10779,6 +11182,14 @@ function LockIcon({ size = 24 }) {
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 11V8a4 4 0 1 1 8 0v3", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" })
   ] });
 }
+function KeyIcon({ size = 24 }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "12", r: "3.6", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.6 12H20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 12v3.2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 12v3.2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+  ] });
+}
 function FaceIdIcon({ size = 24 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 9V6a2 2 0 0 1 2-2h3", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" }),
@@ -10792,6 +11203,21 @@ function FaceIdIcon({ size = 24 }) {
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.5 16c.7.6 1.6 1 2.5 1s1.8-.4 2.5-1", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" })
   ] });
 }
+function PencilIcon({ size = 18 } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M4 20h4l10.5-10.5a2 2 0 0 0 0-2.83l-1.17-1.17a2 2 0 0 0-2.83 0L4 16v4Z",
+        stroke: "currentColor",
+        strokeWidth: "1.7",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.5 6.5l4 4", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
 function WalletIcon() {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -11163,7 +11589,7 @@ function CopyAddressButton({
 }) {
   const { tokens } = useBlinkConfig();
   const [hovered, setHovered] = react.useState(false);
-  const short = address.length > 18 ? `${address.slice(0, 8)}...${address.slice(-6)}` : address;
+  const short = truncateMiddle(address);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -13123,7 +13549,7 @@ var lockBannerTextStyle = (color) => ({
 function ManualTransferPasskeyScreen({
   onCreatePasskey,
   onNoThanks,
-  amountUsd,
+  amountUsd: amountUsd2,
   loading = false,
   error,
   onBack,
@@ -13321,7 +13747,6 @@ var errorBannerStyle6 = (tokens) => ({
   textAlign: "left",
   boxSizing: "border-box"
 });
-var SHIMMER_ROWS = 3;
 function LinkTokensScreen({
   entries: entries2,
   selectedIndex,
@@ -13334,44 +13759,75 @@ function LinkTokensScreen({
   approving = false
 }) {
   const { tokens: t } = useBlinkConfig();
+  const [view, setView] = react.useState("summary");
+  const [pendingIndex, setPendingIndex] = react.useState(selectedIndex);
+  const [limit, setLimit] = react.useState("unlimited");
+  const [editing, setEditing] = react.useState(false);
   const showShimmer = loading && entries2.length === 0;
   const showEmpty = !loading && entries2.length === 0;
   const selected = entries2[selectedIndex];
+  const limitUsd = limit === "unlimited" ? null : parseAmount(limit);
+  const isUnlimited = limitUsd == null;
+  const limitLabel = isUnlimited ? "Unlimited" : `$${limit}`;
+  const currentSelection = () => limitUsd == null ? { unlimited: true } : { usd: limitUsd };
   const approveDisabled = loading || approving || entries2.length === 0 || selectedIndex < 0 || selectedIndex >= entries2.length || !!selected?.notSupported;
-  const ctaLabel = selected ? `Authorize ${selected.tokenSymbol} on ${shortChainName(selected.chainName)}` : "Approve";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ScreenLayout,
-    {
-      scrollableBody: false,
-      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: footerStackStyle4, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: lockBannerStyle2, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: lockIconWrapStyle2(t.text), children: /* @__PURE__ */ jsxRuntime.jsx(LockIcon3, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { style: lockBannerTextStyle2(t.text), children: "Your passkey is required each time you deposit. Funds cannot move without your approval." })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onApprove, disabled: approveDisabled, loading: approving, children: ctaLabel })
-      ] }),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
-        @keyframes blink-link-tokens-shimmer {
-          0% { background-position: 200% 0; }
-          100% { background-position: -200% 0; }
-        }
-        .blink-link-tokens-list {
-          scrollbar-width: thin;
-          scrollbar-color: ${t.textTertiary} transparent;
-        }
-        .blink-link-tokens-list::-webkit-scrollbar {
-          width: 4px;
-        }
-        .blink-link-tokens-list::-webkit-scrollbar-track {
-          background: transparent;
-          margin: 8px 0;
-        }
-        .blink-link-tokens-list::-webkit-scrollbar-thumb {
-          background: ${t.textTertiary};
-          border-radius: 999px;
-        }
-      ` }),
+  function openSelectToken() {
+    setPendingIndex(selectedIndex);
+    setView("selectToken");
+  }
+  function commitSelectToken() {
+    const row = entries2[pendingIndex];
+    if (row && !row.notSupported) onSelect(pendingIndex);
+    setView("summary");
+  }
+  if (view === "selectToken") {
+    const pending = entries2[pendingIndex];
+    const continueDisabled = !pending || !!pending.notSupported || entries2.length === 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      ScreenLayout,
+      {
+        scrollableBody: false,
+        footer: /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: commitSelectToken, disabled: continueDisabled, children: "Continue" }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ListScrollbarStyles, { textTertiary: t.textTertiary }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ScreenHeader,
+            {
+              onBack: () => setView("summary"),
+              center: /* @__PURE__ */ jsxRuntime.jsx("img", { src: BLINK_WORDMARK, alt: "Blink", style: wordmarkImgStyle3 })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle10, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle7(t.text, t.fontWeightBold), children: "Select token" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "blink-link-tokens-list", style: listCardStyle(t.bgRecessed), children: [
+              entries2.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsx(
+                TokenSourceRow,
+                {
+                  symbol: entry.tokenSymbol,
+                  chainName: entry.chainName,
+                  tokenLogoUri: entry.tokenLogoUri,
+                  balance: entry.balanceLabel == null ? entry.balanceUsd : void 0,
+                  balanceLabel: entry.balanceLabel,
+                  selected: i === pendingIndex,
+                  notSupported: entry.notSupported,
+                  onClick: () => setPendingIndex(i)
+                },
+                `${entry.tokenSymbol}-${entry.chainName}-${i}`
+              )),
+              showEmpty && /* @__PURE__ */ jsxRuntime.jsx("div", { style: emptyStyle(t.textMuted), children: "No tokens available to link. Switch wallets or fund this account to continue." })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ScreenLayout,
+    {
+      scrollableBody: false,
+      footer: /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: () => onApprove(currentSelection()), disabled: approveDisabled, loading: approving, children: "Review" }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ListScrollbarStyles, { textTertiary: t.textTertiary }),
         /* @__PURE__ */ jsxRuntime.jsx(
           ScreenHeader,
           {
@@ -13381,71 +13837,198 @@ function LinkTokensScreen({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle10, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle7(t.text), children: "Pick your stablecoin for passkey deposits" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "blink-link-tokens-list", style: listCardStyle(t.bgRecessed), children: [
-            showShimmer ? Array.from({ length: SHIMMER_ROWS }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                "data-testid": "link-tokens-shimmer-row",
-                "aria-hidden": "true",
-                style: shimmerRowStyle,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { style: shimmerCircleStyle(t.bgInput, t.border) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: shimmerInfoStyle, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: shimmerLineStyle(72, t.bgInput, t.border) }),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: shimmerLineStyle(48, t.bgInput, t.border) })
-                  ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: flexSpacerStyle }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: topGroupStyle, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle7(t.text, t.fontWeightBold), children: "Let your passkey spend" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: pillsGroupStyle, children: [
+              showShimmer ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "link-tokens-summary-shimmer", "aria-hidden": "true", style: pillStyle3(t.bgRecessed), children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { style: shimmerCircleStyle(t.bgInput, t.border) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { style: shimmerInfoStyle, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { style: shimmerLineStyle(96, t.bgInput, t.border) }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { style: shimmerLineStyle(56, t.bgInput, t.border) })
-                ]
-              },
-              `shimmer-${i}`
-            )) : entries2.map((entry, i) => /* @__PURE__ */ jsxRuntime.jsx(
-              TokenSourceRow,
-              {
-                symbol: entry.tokenSymbol,
-                chainName: entry.chainName,
-                tokenLogoUri: entry.tokenLogoUri,
-                balance: entry.balanceLabel == null ? entry.balanceUsd : void 0,
-                balanceLabel: entry.balanceLabel,
-                selected: i === selectedIndex,
-                notSupported: entry.notSupported,
-                onClick: () => onSelect(i)
-              },
-              `${entry.tokenSymbol}-${entry.chainName}-${i}`
-            )),
-            showEmpty && /* @__PURE__ */ jsxRuntime.jsx("div", { style: emptyStyle(t.textMuted), children: "No tokens available to link. Switch wallets or fund this account to continue." })
+                ] })
+              ] }) : selected ? /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: openSelectToken,
+                  style: pillButtonStyle(t.bgRecessed),
+                  "aria-label": `Selected token ${selected.tokenSymbol} on ${selected.chainName}. Change token.`,
+                  "data-testid": "link-tokens-selected-pill",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(TokenPillLogo, { entry: selected, fallbackBg: t.bgRecessed, fallbackColor: t.textMuted }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { style: pillTextColStyle, children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { style: pillTitleStyle(t.text, t.fontWeightRegular), children: [
+                        selected.tokenSymbol,
+                        " on ",
+                        selected.chainName
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { style: pillSubStyle(t.textMuted, t.fontWeightRegular), children: selected.balanceLabel ?? `$${formatUsdTwoDecimals2(selected.balanceUsd)}` })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { style: pillChevronStyle(t.textMuted), children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, { color: t.textMuted }) })
+                  ]
+                }
+              ) : null,
+              editing ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: pillStyle3(t.bgRecessed), children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: limitEditLabelStyle(t.text, t.fontWeightRegular), children: "Spending limit" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { style: limitEditRightStyle, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { style: limitAmountStyle(t.text, t.fontWeightRegular), children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", style: limitDollarStyle(isUnlimited, t.text), children: "$" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "text",
+                        inputMode: "decimal",
+                        autoFocus: true,
+                        placeholder: "0",
+                        "aria-label": "Lifetime spending limit",
+                        value: limit === "unlimited" ? "" : limit,
+                        onChange: (e) => setLimit(sanitizeRawInput(e.target.value)),
+                        onBlur: () => setEditing(false),
+                        "data-testid": "link-tokens-limit-input",
+                        style: limitInputStyle(t.text, t.textMuted)
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onMouseDown: (e) => e.preventDefault(),
+                      onClick: () => {
+                        setLimit("unlimited");
+                        setEditing(false);
+                      },
+                      style: limitResetStyle(t.border, t.textMuted, t.fontWeightMedium),
+                      "data-testid": "link-tokens-limit-reset",
+                      children: "Unlimited"
+                    }
+                  )
+                ] })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setEditing(true),
+                  style: pillButtonStyle(t.bgRecessed),
+                  "aria-label": `Lifetime spending limit: ${limitLabel}. Edit.`,
+                  "data-testid": "link-tokens-limit-pill",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { style: pillTitleStyle(t.text, t.fontWeightRegular), children: "Lifetime spending limit" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { style: limitValueStyle, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { style: pillSubStyle(isUnlimited ? t.textMuted : t.text, t.fontWeightRegular), children: limitLabel }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { style: pillChevronStyle(t.textMuted), children: /* @__PURE__ */ jsxRuntime.jsx(PencilIcon, { size: 16 }) })
+                    ] })
+                  ]
+                }
+              )
+            ] })
           ] }),
-          error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: bannerSlotStyle, children: /* @__PURE__ */ jsxRuntime.jsx(NotificationBanner, { title: "Something went wrong", description: error }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: flexSpacerStyle }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: bottomGroupStyle, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: infoCardStyle3(t.bgRecessed), children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                InfoRow,
+                {
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(LockIcon, { size: 22 }),
+                  title: "Blink is non-custodial",
+                  body: "Your passkey moves money, not Blink.",
+                  t
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                InfoRow,
+                {
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(FaceIdIcon, { size: 22 }),
+                  title: "Every transaction is signed",
+                  body: "Nothing can move without your direct approval.",
+                  t
+                }
+              )
+            ] }),
+            error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: bannerSlotStyle, children: /* @__PURE__ */ jsxRuntime.jsx(NotificationBanner, { title: "Something went wrong", description: error }) })
+          ] })
         ] })
       ]
     }
   );
 }
-function shortChainName(chainName) {
-  return chainName.replace(/\s+One$/i, "");
+function TokenPillLogo({
+  entry,
+  fallbackBg,
+  fallbackColor
+}) {
+  const logo = entry.tokenLogoUri ?? TOKEN_LOGOS[entry.tokenSymbol];
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { style: pillLogoSlotStyle, children: logo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "", "aria-hidden": "true", style: pillLogoImgStyle }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: pillLogoFallbackStyle(fallbackBg, fallbackColor), children: entry.tokenSymbol.charAt(0).toUpperCase() }) });
 }
-function LockIcon3() {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      d: "M7 10V8a5 5 0 0 1 10 0v2m-12 0h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1z",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
+function InfoRow({
+  icon,
+  title,
+  body,
+  t
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: infoRowStyle2, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { style: infoIconStyle(t.text), children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { style: infoTextColStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: infoTitleStyle2(t.text, t.fontWeightSemibold), children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: infoBodyStyle(t.textMuted, t.fontWeightMedium), children: body })
+    ] })
+  ] });
+}
+function ListScrollbarStyles({ textTertiary }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+      @keyframes blink-link-tokens-shimmer {
+        0% { background-position: 200% 0; }
+        100% { background-position: -200% 0; }
+      }
+      .blink-link-tokens-list {
+        scrollbar-width: thin;
+        scrollbar-color: ${textTertiary} transparent;
+      }
+      .blink-link-tokens-list::-webkit-scrollbar { width: 4px; }
+      .blink-link-tokens-list::-webkit-scrollbar-track {
+        background: transparent;
+        margin: 8px 0;
+      }
+      .blink-link-tokens-list::-webkit-scrollbar-thumb {
+        background: ${textTertiary};
+        border-radius: 999px;
+      }
+      input[data-testid="link-tokens-limit-input"]::placeholder {
+        color: var(--link-limit-placeholder);
+        opacity: 1;
+      }
+    ` });
 }
 var contentStyle10 = {
   display: "flex",
   flexDirection: "column",
-  alignItems: "center",
-  gap: 16,
-  paddingTop: 8,
   flex: 1,
   minHeight: 0,
   width: "100%"
 };
+var flexSpacerStyle = {
+  flex: 1,
+  minHeight: 16
+};
+var topGroupStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 24,
+  width: "100%"
+};
+var bottomGroupStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 12,
+  width: "100%"
+};
+var pillsGroupStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 8,
+  width: "100%"
+};
 var wordmarkImgStyle3 = {
   height: 22,
   width: "auto",
@@ -13453,9 +14036,9 @@ var wordmarkImgStyle3 = {
   pointerEvents: "none",
   userSelect: "none"
 };
-var headingStyle7 = (color) => ({
+var headingStyle7 = (color, weight) => ({
   fontSize: 24,
-  fontWeight: 700,
+  fontWeight: weight,
   lineHeight: "normal",
   letterSpacing: 0,
   color,
@@ -13475,68 +14058,155 @@ var listCardStyle = (bg) => ({
   minHeight: 0,
   overflowY: "auto"
 });
-var shimmerRowStyle = {
+var pillStyle3 = (bg) => ({
   display: "flex",
   alignItems: "center",
   gap: 16,
-  padding: "12px 16px 12px 12px",
-  background: "transparent",
-  border: "none",
-  borderRadius: 16,
   width: "100%",
-  boxSizing: "border-box"
+  boxSizing: "border-box",
+  padding: "14px 16px",
+  borderRadius: 20,
+  background: bg
+});
+var pillButtonStyle = (bg) => ({
+  ...pillStyle3(bg),
+  border: "none",
+  cursor: "pointer",
+  fontFamily: "inherit",
+  textAlign: "left"
+});
+var pillTextColStyle = {
+  display: "flex",
+  flexDirection: "column",
+  flex: 1,
+  minWidth: 0,
+  gap: 2
 };
-var shimmerCircleStyle = (baseColor, highlightColor) => ({
+var pillTitleStyle = (color, weight) => ({
+  fontSize: "1rem",
+  fontWeight: weight,
+  lineHeight: "normal",
+  color,
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+});
+var pillSubStyle = (color, weight) => ({
+  fontSize: "0.95rem",
+  fontWeight: weight,
+  color
+});
+var pillChevronStyle = (color) => ({
+  flexShrink: 0,
+  display: "inline-flex",
+  alignItems: "center",
+  color
+});
+var limitValueStyle = {
+  marginLeft: "auto",
+  display: "inline-flex",
+  alignItems: "center",
+  gap: 8
+};
+var pillLogoSlotStyle = {
+  position: "relative",
   width: 40,
   height: 40,
-  borderRadius: "50%",
   flexShrink: 0,
-  background: `linear-gradient(90deg, ${baseColor} 0%, ${highlightColor} 50%, ${baseColor} 100%)`,
-  backgroundSize: "200% 100%",
-  animation: "blink-link-tokens-shimmer 1.4s ease-in-out infinite"
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center"
+};
+var pillLogoImgStyle = {
+  width: "100%",
+  height: "100%",
+  borderRadius: "50%",
+  objectFit: "cover"
+};
+var pillLogoFallbackStyle = (bg, color) => ({
+  width: "100%",
+  height: "100%",
+  borderRadius: "50%",
+  background: bg,
+  color,
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  fontSize: "0.95rem",
+  fontWeight: 700
 });
-var shimmerInfoStyle = {
+var limitEditLabelStyle = (color, weight) => ({
+  fontSize: "1rem",
+  fontWeight: weight,
+  lineHeight: "normal",
+  color,
+  whiteSpace: "nowrap",
+  flexShrink: 0
+});
+var limitEditRightStyle = {
+  marginLeft: "auto",
   display: "flex",
-  flexDirection: "column",
-  gap: 6,
-  flex: 1,
+  alignItems: "center",
+  gap: 8,
   minWidth: 0
 };
-var shimmerLineStyle = (width, baseColor, highlightColor) => ({
-  width,
-  height: 12,
-  borderRadius: 6,
-  background: `linear-gradient(90deg, ${baseColor} 0%, ${highlightColor} 50%, ${baseColor} 100%)`,
-  backgroundSize: "200% 100%",
-  animation: "blink-link-tokens-shimmer 1.4s ease-in-out infinite"
+var limitAmountStyle = (color, weight) => ({
+  display: "inline-flex",
+  alignItems: "baseline",
+  gap: 1,
+  color,
+  fontSize: "1rem",
+  fontWeight: weight
 });
-var emptyStyle = (color) => ({
-  padding: "32px 16px",
-  textAlign: "center",
+var limitDollarStyle = (isZero, color) => ({
+  opacity: isZero ? 0.5 : 1,
+  color
+});
+var limitInputStyle = (color, mutedColor) => ({
+  background: "transparent",
+  border: "none",
+  outline: "none",
   color,
-  fontSize: "0.92rem"
+  font: "inherit",
+  textAlign: "right",
+  padding: 0,
+  margin: 0,
+  width: "auto",
+  minWidth: "1ch",
+  ...{ fieldSizing: "content" },
+  fontVariantNumeric: "tabular-nums",
+  caretColor: color,
+  ["--link-limit-placeholder"]: mutedColor
 });
-var bannerSlotStyle = {
-  display: "flex",
-  justifyContent: "center",
-  width: "100%"
-};
-var footerStackStyle4 = {
+var limitResetStyle = (borderColor, color, weight) => ({
+  flexShrink: 0,
+  padding: "5px 12px",
+  borderRadius: 999,
+  fontSize: "0.8rem",
+  fontWeight: weight,
+  fontFamily: "inherit",
+  cursor: "pointer",
+  border: `1.5px solid ${borderColor}`,
+  background: "transparent",
+  color
+});
+var infoCardStyle3 = (bg) => ({
   display: "flex",
   flexDirection: "column",
   gap: 16,
-  width: "100%"
-};
-var lockBannerStyle2 = {
+  width: "100%",
+  boxSizing: "border-box",
+  padding: 16,
+  borderRadius: 20,
+  background: bg
+});
+var infoRowStyle2 = {
   display: "flex",
   alignItems: "flex-start",
-  gap: 16,
-  padding: "12px 16px 12px 12px",
-  borderRadius: 16,
-  width: "100%",
-  boxSizing: "border-box"
+  gap: 14,
+  width: "100%"
 };
-var lockIconWrapStyle2 = (color) => ({
+var infoIconStyle = (color) => ({
   flexShrink: 0,
   width: 24,
   height: 24,
@@ -13545,14 +14215,60 @@ var lockIconWrapStyle2 = (color) => ({
   justifyContent: "center",
   color
 });
-var lockBannerTextStyle2 = (color) => ({
-  margin: 0,
-  flex: 1,
-  fontSize: 12,
-  fontWeight: 500,
-  lineHeight: "normal",
-  color
+var infoTextColStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 2,
+  flex: 1,
+  minWidth: 0
+};
+var infoTitleStyle2 = (color, weight) => ({
+  fontSize: "1rem",
+  fontWeight: weight,
+  lineHeight: "normal",
+  color
+});
+var infoBodyStyle = (color, weight) => ({
+  fontSize: "0.85rem",
+  fontWeight: weight,
+  lineHeight: 1.4,
+  color
+});
+var shimmerCircleStyle = (baseColor, highlightColor) => ({
+  width: 40,
+  height: 40,
+  borderRadius: "50%",
+  flexShrink: 0,
+  background: `linear-gradient(90deg, ${baseColor} 0%, ${highlightColor} 50%, ${baseColor} 100%)`,
+  backgroundSize: "200% 100%",
+  animation: "blink-link-tokens-shimmer 1.4s ease-in-out infinite"
+});
+var shimmerInfoStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 6,
+  flex: 1,
+  minWidth: 0
+};
+var shimmerLineStyle = (width, baseColor, highlightColor) => ({
+  width,
+  height: 12,
+  borderRadius: 6,
+  background: `linear-gradient(90deg, ${baseColor} 0%, ${highlightColor} 50%, ${baseColor} 100%)`,
+  backgroundSize: "200% 100%",
+  animation: "blink-link-tokens-shimmer 1.4s ease-in-out infinite"
+});
+var emptyStyle = (color) => ({
+  padding: "32px 16px",
+  textAlign: "center",
+  color,
+  fontSize: "0.92rem"
 });
+var bannerSlotStyle = {
+  display: "flex",
+  justifyContent: "center",
+  width: "100%"
+};
 function DepositCompleteScreen({ amount }) {
   const { tokens } = useBlinkConfig();
   return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { children: [
@@ -13614,6 +14330,7 @@ function SelectDepositSourceScreen({
   tokenOptions,
   selectedTokenSymbol,
   selectedChainName,
+  balancesLoading,
   selectedWalletId,
   onPickToken,
   useDeeplink,
@@ -13630,8 +14347,9 @@ function SelectDepositSourceScreen({
   const [pendingMobileSelection, setPendingMobileSelection] = react.useState(null);
   const [preparedAuthorization, setPreparedAuthorization] = react.useState(null);
   const [preparingAuthorization, setPreparingAuthorization] = react.useState(false);
+  const isAuthorizedOption = (opt) => !opt.status || opt.status === "AUTHORIZED";
   const selectableOptions = tokenOptions.filter(
-    (opt) => opt.balance == null || isSelectableDepositSourceAmountUsd(opt.balance, minTransferAmountUsd)
+    (opt) => isAuthorizedOption(opt) || opt.balance == null || isSelectableDepositSourceAmountUsd(opt.balance, minTransferAmountUsd)
   );
   const authorized = selectableOptions.filter(
     (opt) => !opt.status || opt.status === "AUTHORIZED"
@@ -13785,6 +14503,30 @@ function SelectDepositSourceScreen({
             "data-testid": "select-deposit-source-scroll-content",
             style: contentStyle12,
             children: [
+              balancesLoading && tokenOptions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: accountSectionStyle, "data-testid": "select-source-shimmer", children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: groupCardStyle(tokens.bgRecessed), children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  style: { display: "flex", alignItems: "center", gap: 12, padding: 12 },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Shimmer,
+                      {
+                        width: 36,
+                        height: 36,
+                        borderRadius: "50%",
+                        baseColor: tokens.bgInput,
+                        highlightColor: tokens.border
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6, flex: 1 }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { width: 96, height: 12, baseColor: tokens.bgInput, highlightColor: tokens.border }),
+                      /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { width: 56, height: 10, baseColor: tokens.bgInput, highlightColor: tokens.border })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { width: 48, height: 12, baseColor: tokens.bgInput, highlightColor: tokens.border })
+                  ]
+                },
+                `shimmer-row-${i}`
+              )) }) }),
               orderedAccounts.map((account) => {
                 const authRows = authorized.filter((opt) => rowMatchesSection(opt, account));
                 const reqRows = requiresAuth.filter((opt) => rowMatchesSection(opt, account)).sort((a, b) => Number(!!a.notSupported) - Number(!!b.notSupported));
@@ -13999,6 +14741,7 @@ function ShimmerBlock({
   );
 }
 function DepositScreen({
+  balancesLoading,
   availableBalance,
   remainingLimit,
   initialAmount,
@@ -14052,6 +14795,10 @@ function DepositScreen({
   const showMobileKeypad = isEntryMode && !isDesktop;
   const [keypadOpen, setKeypadOpen] = react.useState(showMobileKeypad);
   const [tokenPickerOpen, setTokenPickerOpen] = react.useState(false);
+  const hasLoadedQuoteRef = react.useRef(false);
+  if (!quoteLoading) {
+    hasLoadedQuoteRef.current = true;
+  }
   const selectableTokenOptions = tokenOptions?.filter(
     (opt) => opt.balance == null || isSelectableDepositSourceAmountUsd(opt.balance, minDepositFloor)
   ) ?? [];
@@ -14069,11 +14816,11 @@ function DepositScreen({
   }, []);
   const selectedAccount = accounts?.find((a) => a.id === selectedAccountId);
   const selectedProviderName = selectedAccount?.name ?? "Wallet";
-  const isLowBalance = availableBalance < minDepositFloor;
-  const insufficientFunds = availableBalance < validationAmount;
+  const isLowBalance = !balancesLoading && availableBalance < minDepositFloor;
+  const insufficientFunds = !balancesLoading && availableBalance < validationAmount;
   const needsAuthorization = selectedTokenStatus != null && selectedTokenStatus !== "AUTHORIZED" && !insufficientFunds && !isLowBalance;
   const exceedsLimit = remainingLimit != null && validationAmount > remainingLimit && !isLowBalance && !needsAuthorization;
-  const canDeposit = validationAmount >= minDepositFloor && !exceedsLimit && !isLowBalance && !insufficientFunds && !needsAuthorization && !processing;
+  const canDeposit = validationAmount >= minDepositFloor && !balancesLoading && !exceedsLimit && !isLowBalance && !insufficientFunds && !needsAuthorization && !processing;
   const hasAccountPill = !!accounts && accounts.length > 0;
   const pillClickable = canOpenInlineSheet || !!onSelectToken;
   const formattedBalance = selectedTokenSymbol != null ? `$${formatUsdTwoDecimals2(availableBalance)}` : void 0;
@@ -14096,6 +14843,7 @@ function DepositScreen({
         accounts: depositSourceAccounts,
         selectedAccountId: selectedAccountId ?? null,
         tokenOptions: selectableTokenOptions,
+        balancesLoading,
         selectedTokenSymbol,
         selectedChainName,
         selectedWalletId: selectedWalletId ?? null,
@@ -14117,7 +14865,7 @@ function DepositScreen({
   const mobileEntryWithKeypad = isEntryMode && !isDesktop && keypadOpen;
   const showLiveMobileHero = isEntryMode && !isDesktop && keypadOpen;
   const showDesktopInputHero = isEntryMode && isDesktop;
-  const showFormattedHero = !showLiveMobileHero && !showDesktopInputHero;
+  const showFeeRow = validationAmount > 0;
   let primaryButton;
   if (mobileEntryWithKeypad) {
     const canConfirmEntry = canContinue(amountEntryValue ?? "");
@@ -14247,7 +14995,32 @@ function DepositScreen({
           "aria-label": tokenAriaLabel,
           "aria-expanded": canOpenInlineSheet ? tokenPickerOpen : void 0,
           "aria-haspopup": canOpenInlineSheet ? "listbox" : void 0,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
+          children: balancesLoading ? (
+            // Until balances merge in we don't know the selected token or its
+            // balance, so the whole pill (icon + name + balance) is a shimmer
+            // placeholder rather than showing the account name as a default.
+            // Render through SourcePill so the placeholder inherits the exact
+            // same container (fill, radius, padding, chevron) as the loaded
+            // pill and does not change size when balances arrive.
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                "data-testid": "deposit-pill-shimmer",
+                "aria-label": "Loading balance",
+                "aria-busy": "true",
+                style: { display: "inline-flex" },
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  SourcePill,
+                  {
+                    icon: /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { width: 28, height: 28, borderRadius: "50%", baseColor: tokens.bgInput, highlightColor: tokens.border }),
+                    nameSlot: /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { width: 72, height: 12, baseColor: tokens.bgInput, highlightColor: tokens.border }),
+                    balanceSlot: /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { width: 48, height: 12, baseColor: tokens.bgInput, highlightColor: tokens.border }),
+                    showChevron: pillClickable
+                  }
+                )
+              }
+            )
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
             SourcePill,
             {
               icon: /* @__PURE__ */ jsxRuntime.jsx(
@@ -14267,7 +15040,7 @@ function DepositScreen({
           )
         }
       ),
-      showFormattedHero && /* @__PURE__ */ jsxRuntime.jsx("div", { style: redesignFeeRowStyle, children: quoteLoading ? /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "deposit-fee-row", style: redesignFeeRowStyle, children: showFeeRow && (quoteLoading && !hasLoadedQuoteRef.current ? /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
           "data-testid": "deposit-fee-shimmer",
@@ -14285,7 +15058,7 @@ function DepositScreen({
             }
           )
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: redesignNoFeesStyle(tokens.text), children: "No fees" }) })
+      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: redesignNoFeesStyle(tokens.text), children: "No fees" })) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { style: bannerSlotStyle2, children: mobileEntryWithKeypad ? null : showLowFunds ? /* @__PURE__ */ jsxRuntime.jsx(
       NotificationBanner,
@@ -15662,7 +16435,7 @@ function OpenWalletScreen({
     return /* @__PURE__ */ jsxRuntime.jsxs(
       ScreenLayout,
       {
-        footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: footerStackStyle5, children: [
+        footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: footerStackStyle4, children: [
           error && /* @__PURE__ */ jsxRuntime.jsx(InfoBanner, { children: error }),
           /* @__PURE__ */ jsxRuntime.jsxs(
             SecondaryButton,
@@ -15709,7 +16482,7 @@ function OpenWalletScreen({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ScreenLayout,
     {
-      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: footerStackStyle5, children: [
+      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: footerStackStyle4, children: [
         error && /* @__PURE__ */ jsxRuntime.jsx(InfoBanner, { children: error }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           SecondaryButton,
@@ -15793,7 +16566,7 @@ var primaryClusterStyle = {
   textAlign: "center",
   gap: 12
 };
-var footerStackStyle5 = {
+var footerStackStyle4 = {
   display: "flex",
   flexDirection: "column",
   gap: 8
@@ -15921,6 +16694,12 @@ function ApprovingInWalletScreen({
   chainName,
   step,
   complete,
+  signing,
+  spendingLimitLabel,
+  destinationAddress,
+  tokenLogoUri,
+  awaitingApproval,
+  onApprove,
   error,
   onRetry,
   onBack,
@@ -15930,10 +16709,11 @@ function ApprovingInWalletScreen({
   onOpenWallet
 }) {
   const { tokens: t } = useBlinkConfig();
-  const showDelayedRetry = useDelayedRetry(error == null && onRetry != null);
+  const showDelayedRetry = useDelayedRetry(!awaitingApproval && error == null && onRetry != null);
   const retryVisible = onRetry != null && (error != null || showDelayedRetry);
   const token = tokenSymbol ?? "token";
-  const steps = buildSteps(step, tokenSymbol, chainName, complete);
+  const chain = chainName ?? "chain";
+  const steps = buildSteps(step, tokenSymbol, complete, signing);
   const foregroundNavigation = foregroundDeeplink ? classifyWalletDeeplinkNavigation(foregroundDeeplink) : null;
   const foregroundWithJs = foregroundNavigation ? shouldOpenWithJavaScript(foregroundNavigation) : false;
   const showOpenWalletButton = !!foregroundDeeplink && onOpenWallet != null;
@@ -15941,11 +16721,7 @@ function ApprovingInWalletScreen({
     ScreenLayout,
     {
       scrollableBody: false,
-      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: footerStackStyle6, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: lockBannerStyle3, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: lockIconWrapStyle3(t.text), children: /* @__PURE__ */ jsxRuntime.jsx(LockIcon4, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { style: lockBannerTextStyle3(t.text), children: "Your passkey is required each time you deposit. Funds cannot move without your approval." })
-        ] }),
+      footer: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: footerStackStyle5, children: [
         showOpenWalletButton && /* @__PURE__ */ jsxRuntime.jsxs(
           SecondaryButton,
           {
@@ -15962,7 +16738,7 @@ function ApprovingInWalletScreen({
         retryVisible ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: retryStackStyle, children: [
           error && /* @__PURE__ */ jsxRuntime.jsx(InfoBanner, { children: error }),
           /* @__PURE__ */ jsxRuntime.jsx(OutlineButton, { onClick: onRetry, children: "Retry" })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { spinnerOnly: true })
+        ] }) : awaitingApproval ? /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onApprove, children: "Approve" }) : /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { spinnerOnly: true })
       ] }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -15974,7 +16750,39 @@ function ApprovingInWalletScreen({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle16, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle13(t.text), children: `Authorizing ${token} for passkey deposits` }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle13(t.text, t.fontWeightBold), children: "Approve in wallet" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: transferCardStyle(t.bgCardTranslucent, t.radiusLg), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              AddressRow,
+              {
+                circle: /* @__PURE__ */ jsxRuntime.jsx(
+                  LogoCircle,
+                  {
+                    src: tokenLogoUri ?? TOKEN_LOGOS[token] ?? void 0,
+                    fallback: token.slice(0, 1).toUpperCase(),
+                    size: 40
+                  }
+                ),
+                title: `${token} on ${chain}`,
+                subtitle: spendingLimitLabel
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: arrowRowStyle, children: /* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, { color: t.textMuted }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              AddressRow,
+              {
+                circle: /* @__PURE__ */ jsxRuntime.jsx("span", { style: passkeyCircleStyle(t.accent, t.highlight), children: /* @__PURE__ */ jsxRuntime.jsx(KeyIcon, { size: 22 }) }),
+                title: "Your Blink Passkey",
+                address: destinationAddress,
+                addressLoading: destinationAddress == null
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: dividerRowStyle3, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: dividerLineStyle(t.textMuted) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: dividerLabelStyle3(t.textMuted, t.fontWeightSemibold), children: "Continue in wallet" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: dividerLineStyle(t.textMuted) })
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { style: cardStyle2(t.bgRecessed, t.radiusLg), children: [
             /* @__PURE__ */ jsxRuntime.jsx("style", { children: SPIN_KEYFRAMES_CSS2 }),
             steps.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(ChecklistRow, { step: s }, i))
@@ -15984,6 +16792,32 @@ function ApprovingInWalletScreen({
     }
   );
 }
+function AddressRow({
+  circle,
+  title,
+  address,
+  subtitle,
+  addressLoading
+}) {
+  const { tokens: t } = useBlinkConfig();
+  const sub = subtitle ?? (address ? truncateMiddle(address) : null);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: addressRowStyle, children: [
+    circle,
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: addressTextColStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: addressTitleStyle(t.text, t.fontWeightSemibold), children: title }),
+      (sub || addressLoading) && /* @__PURE__ */ jsxRuntime.jsx("span", { style: addressSubSlotStyle, children: sub ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: addressSubStyle(t.textMuted, t.fontWeightRegular), children: sub }) : /* @__PURE__ */ jsxRuntime.jsx(
+        Shimmer,
+        {
+          width: 132,
+          height: 12,
+          borderRadius: 4,
+          baseColor: t.bgInput,
+          highlightColor: t.border
+        }
+      ) })
+    ] })
+  ] });
+}
 function ChecklistRow({ step }) {
   const { tokens: t } = useBlinkConfig();
   const isComplete = step.status === "complete";
@@ -15996,7 +16830,7 @@ function ChecklistRow({ step }) {
         fill: t.accentText
       }
     ) }) }) : isActive ? /* @__PURE__ */ jsxRuntime.jsx(RowSpinner, { color: t.accent }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: pendingBadgeStyle(t.bgRecessed) }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { style: labelStyle7(isComplete || isActive ? t.text : t.textMuted), children: step.label })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { style: labelStyle7(isComplete || isActive ? t.text : t.textMuted, t.fontWeightRegular), children: step.label })
   ] });
 }
 function RowSpinner({ color }) {
@@ -16031,22 +16865,28 @@ function RowSpinner({ color }) {
     }
   );
 }
-function buildSteps(step, tokenSymbol, chainName, complete) {
+function ArrowDownIcon({ color }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", style: { color }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 5v14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 13l6 6 6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function buildSteps(step, tokenSymbol, complete, signing) {
   const token = tokenSymbol ?? "token";
-  const chain = chainName ?? "chain";
-  const passkeyLabel = `Approve ${token} for passkey`;
+  const passkeyLabel = "Assign spending right to your passkey";
+  const activeStatus = signing ? "active" : "pending";
   if (step === "spl") {
-    return [{ label: passkeyLabel, status: complete ? "complete" : "active" }];
+    return [{ label: passkeyLabel, status: complete ? "complete" : activeStatus }];
   }
-  const approveLabel = `Approve ${token} on ${chain}`;
+  const approveLabel = `Approve ${token} for spending via Permit2`;
   return [
     {
       label: approveLabel,
-      status: complete || step !== "approve" ? "complete" : "active"
+      status: complete || step !== "approve" ? "complete" : activeStatus
     },
     {
       label: passkeyLabel,
-      status: complete ? "complete" : step === "approve" ? "pending" : "active"
+      status: complete ? "complete" : step === "approve" ? "pending" : activeStatus
     }
   ];
 }
@@ -16062,18 +16902,6 @@ function useDelayedRetry(enabled) {
   }, [enabled]);
   return visible;
 }
-function LockIcon4() {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      d: "M7 10V8a5 5 0 0 1 10 0v2m-12 0h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1z",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
-}
 var wordmarkImgStyle5 = {
   height: 22,
   width: "auto",
@@ -16091,15 +16919,84 @@ var contentStyle16 = {
   minHeight: 0,
   width: "100%"
 };
-var headingStyle13 = (color) => ({
+var headingStyle13 = (color, fontWeight) => ({
   fontSize: 24,
-  fontWeight: 700,
+  fontWeight,
   lineHeight: "normal",
   letterSpacing: 0,
   color,
-  margin: 0,
+  margin: "8px 0 8px",
   textAlign: "center"
 });
+var transferCardStyle = (bg, radius) => ({
+  background: bg,
+  borderRadius: radius,
+  padding: "20px 16px",
+  width: "100%",
+  boxSizing: "border-box",
+  display: "flex",
+  flex: 1,
+  flexDirection: "column",
+  justifyContent: "space-between",
+  gap: 12
+});
+var dividerRowStyle3 = {
+  display: "flex",
+  alignItems: "center",
+  gap: 12,
+  width: "100%"
+};
+var dividerLineStyle = (color) => ({
+  flex: 1,
+  height: 1,
+  background: color
+});
+var dividerLabelStyle3 = (color, fontWeight) => ({
+  fontSize: 11,
+  fontWeight,
+  letterSpacing: "0.08em",
+  textTransform: "uppercase",
+  color,
+  whiteSpace: "nowrap"
+});
+var addressRowStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: 12,
+  width: "100%"
+};
+var addressTextColStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 2,
+  minWidth: 0
+};
+var addressTitleStyle = (color, fontWeight) => ({
+  fontSize: 16,
+  fontWeight,
+  lineHeight: 1.25,
+  color
+});
+var addressSubSlotStyle = {
+  display: "flex",
+  alignItems: "center",
+  minHeight: 18
+};
+var addressSubStyle = (color, fontWeight) => ({
+  fontSize: 14,
+  fontWeight,
+  lineHeight: 1.25,
+  color,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+});
+var arrowRowStyle = {
+  display: "flex",
+  alignItems: "center",
+  height: 20,
+  paddingLeft: 10
+};
 var cardStyle2 = (bg, radius) => ({
   background: bg,
   borderRadius: radius,
@@ -16107,7 +17004,9 @@ var cardStyle2 = (bg, radius) => ({
   width: "100%",
   boxSizing: "border-box",
   display: "flex",
+  flex: 1,
   flexDirection: "column",
+  justifyContent: "center",
   gap: 4
 });
 var rowStyle6 = {
@@ -16115,10 +17014,25 @@ var rowStyle6 = {
   alignItems: "center",
   gap: 16,
   padding: "12px 16px 12px 12px",
+  // Reserve a stable height (two label lines + vertical padding) so swapping the
+  // leading badge between the pending circle, the spinner, and the completion
+  // checkmark — and the muted→active label restyle — never reflows the card.
+  minHeight: 64,
   borderRadius: 16,
   width: "100%",
   boxSizing: "border-box"
 };
+var passkeyCircleStyle = (bg, iconColor) => ({
+  width: 40,
+  height: 40,
+  borderRadius: "50%",
+  background: bg,
+  color: iconColor,
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  flexShrink: 0
+});
 var completeBadgeStyle = (color) => ({
   width: 24,
   height: 24,
@@ -16136,13 +17050,13 @@ var pendingBadgeStyle = (color) => ({
   background: color,
   flexShrink: 0
 });
-var labelStyle7 = (color) => ({
+var labelStyle7 = (color, fontWeight) => ({
   fontSize: "1rem",
-  fontWeight: 400,
+  fontWeight,
   lineHeight: 1.25,
   color
 });
-var footerStackStyle6 = {
+var footerStackStyle5 = {
   display: "flex",
   flexDirection: "column",
   gap: 16,
@@ -16154,32 +17068,6 @@ var retryStackStyle = {
   gap: 8,
   width: "100%"
 };
-var lockBannerStyle3 = {
-  display: "flex",
-  alignItems: "flex-start",
-  gap: 16,
-  padding: "12px 16px 12px 12px",
-  borderRadius: 16,
-  width: "100%",
-  boxSizing: "border-box"
-};
-var lockIconWrapStyle3 = (color) => ({
-  flexShrink: 0,
-  width: 24,
-  height: 24,
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  color
-});
-var lockBannerTextStyle3 = (color) => ({
-  margin: 0,
-  flex: 1,
-  fontSize: 12,
-  fontWeight: 500,
-  lineHeight: "normal",
-  color
-});
 function ConfirmSignScreen({
   walletName,
   chainFamily,
@@ -16305,7 +17193,7 @@ function TokenPickerScreen({
   }
   const entries2 = [];
   for (const wallet of account.wallets) {
-    for (const source of wallet.sources) {
+    for (const source of wallet.sources ?? []) {
       const visibleBalance = source.balance.available.amount;
       if (!isSelectableDepositSourceAmountUsd(visibleBalance, minDepositFloor)) continue;
       entries2.push({
@@ -17146,22 +18034,45 @@ function buildOpenWalletScreenProps({
 function isApprovingInWalletAction(actionType) {
   return actionType === "APPROVE_PERMIT2" || actionType === "SIGN_PERMIT2" || actionType === "APPROVE_SPL";
 }
+function formatUsdTwoDecimals3(value) {
+  return (Number.isFinite(value) ? value : 0).toLocaleString("en-US", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  });
+}
+function readMetadataString(metadata, key) {
+  const value = metadata?.[key];
+  return typeof value === "string" && value.trim() !== "" ? value : null;
+}
 function buildApprovingInWalletScreenProps({
   flow,
   remote,
+  derived,
   handlers
 }) {
   const { state } = flow;
   const setupToken = state.setupDepositToken;
-  const actionType = remote.authExecutorCurrentAction?.type ?? null;
+  const currentAction = remote.authExecutorCurrentAction;
+  const actionType = currentAction?.type ?? null;
+  const limit = state.setupSpendingLimit;
+  const spendingLimitLabel = limit == null ? null : "unlimited" in limit ? "Unlimited lifetime spending limit" : `$${formatUsdTwoDecimals3(limit.usd)} lifetime spending limit`;
+  const destinationAddress = remote.authApprovalSmartAccountAddress ?? remote.authExecutorApprovalDestinationAddress ?? readMetadataString(currentAction?.metadata, "smartAccountAddress") ?? readMetadataString(currentAction?.metadata, "ownerPubkey");
   const isSolana = setupToken != null && state.chains.find((c) => c.name === setupToken.chainName)?.chainFamily === "svm";
   const step = actionType === "SIGN_PERMIT2" ? "sign" : actionType === "APPROVE_SPL" ? "spl" : actionType == null && isSolana ? "spl" : "approve";
   const complete = remote.authExecutorCompleted && actionType == null && !remote.authExecutorExecuting;
+  const awaitingApproval = remote.authExecutorAwaitingApproval ?? false;
+  const signing = isApprovingInWalletAction(actionType) && !awaitingApproval && !complete;
   return {
     tokenSymbol: setupToken?.symbol ?? null,
     chainName: setupToken?.chainName ?? null,
     step,
     complete,
+    signing,
+    spendingLimitLabel,
+    destinationAddress,
+    tokenLogoUri: derived.selectedSource?.token.logoURI ?? null,
+    awaitingApproval,
+    onApprove: handlers.onApprove,
     error: flow.state.error || remote.authExecutorError,
     onRetry: handlers.onRetryAuthorization,
     onLogout: flow.isDesktop ? handlers.onLogout : void 0,
@@ -17180,7 +18091,7 @@ function buildLinkTokensScreenProps({
   handlers
 }) {
   const sourceOptions = remote.pendingSelectSource?.metadata?.options ?? [];
-  const rowContexts = derived.selectSourceChoices.flatMap(
+  const supportedRows = derived.selectSourceChoices.flatMap(
     (chain) => chain.tokens.map((t) => {
       const rawOption = sourceOptions.find(
         (option) => option.chainName === chain.chainName && option.tokenSymbol === t.tokenSymbol
@@ -17200,6 +18111,10 @@ function buildLinkTokensScreenProps({
       };
     })
   );
+  const rowContexts = [
+    ...supportedRows.filter((row) => isVisibleUsdAmountAtTwoDecimals(row.balanceUsd)),
+    ...supportedRows.filter((row) => !isVisibleUsdAmountAtTwoDecimals(row.balanceUsd))
+  ];
   rowContexts.push(
     ...derived.selectSourceUnsupportedChoices.flatMap(
       (chain) => chain.tokens.map((t) => ({
@@ -17221,6 +18136,17 @@ function buildLinkTokensScreenProps({
       balanceLabel: `${formatNativeAmount(native.amount)} ${native.tokenSymbol}`
     }))
   );
+  const selectedTokenSymbol = flow.state.setupDepositToken?.symbol ?? derived.selectSourceRecommended?.tokenSymbol;
+  const selectedChainName = flow.state.setupDepositToken?.chainName ?? derived.selectSourceRecommended?.chainName;
+  if (selectedTokenSymbol && selectedChainName) {
+    const match = rowContexts.findIndex(
+      (row) => row.symbol === selectedTokenSymbol && row.chainName === selectedChainName
+    );
+    if (match >= 0 && !rowContexts[match].notSupported) {
+      const [pinned] = rowContexts.splice(match, 1);
+      rowContexts.unshift(pinned);
+    }
+  }
   const entries2 = rowContexts.map(
     ({ symbol, chainName, balanceUsd, notSupported, tokenLogoUri, balanceLabel }) => ({
       tokenSymbol: symbol,
@@ -17233,8 +18159,6 @@ function buildLinkTokensScreenProps({
     })
   );
   const firstSupportedIndex = rowContexts.findIndex((row) => !row.notSupported);
-  const selectedTokenSymbol = flow.state.setupDepositToken?.symbol ?? derived.selectSourceRecommended?.tokenSymbol;
-  const selectedChainName = flow.state.setupDepositToken?.chainName ?? derived.selectSourceRecommended?.chainName;
   const selectedIndex = (() => {
     if (!selectedTokenSymbol || !selectedChainName) {
       return firstSupportedIndex;
@@ -17326,9 +18250,10 @@ function buildDepositScreenProps({
     const registryChainIds = derived.walletConnectChainIdsByAccount[account.id] ?? null;
     const approvedChainIds = account.walletConnect?.approvedChainIds ?? null;
     for (const wallet of account.wallets) {
-      for (const source of wallet.sources) {
+      for (const source of wallet.sources ?? []) {
         const balance = source.balance.available.amount;
-        if (!isSelectableDepositSourceAmountUsd(balance, minDepositFloor)) continue;
+        const isAuthorized = source.token.status === "AUTHORIZED";
+        if (!isAuthorized && !isSelectableDepositSourceAmountUsd(balance, minDepositFloor)) continue;
         const chain = flow.state.chains.find((c) => c.name === wallet.chain.name);
         const requiresAuth = source.token.status != null && source.token.status !== "AUTHORIZED";
         const notSupported = requiresAuth && chain?.commonId != null && registryChainIds != null && !registryChainIds.includes(chain.commonId) && !(approvedChainIds?.includes(chain.commonId) ?? false);
@@ -17350,7 +18275,10 @@ function buildDepositScreenProps({
   }
   return {
     merchantName,
-    availableBalance: selectedSource ? selectedSource.balance.available.amount : selectedAccount ? selectedAccount.wallets.reduce((sum, w) => sum + w.balance.available.amount, 0) : maxSourceBalance,
+    // Wallet balances arrive after the (balance-free) accounts load; while they
+    // do, the source pill / token rows shimmer instead of showing $0.00.
+    balancesLoading: state.balancesLoading,
+    availableBalance: selectedSource ? selectedSource.balance.available.amount : selectedAccount ? selectedAccount.wallets.reduce((sum, w) => sum + (w.balance?.available.amount ?? 0), 0) : maxSourceBalance,
     remainingLimit: selectedSource != null ? selectedSource.remainingAllowance ?? null : selectedAccount?.remainingAllowance ?? null,
     tokenCount,
     initialAmount: parsedAmt,
@@ -17541,6 +18469,28 @@ function StepRendererContent({
   screen
 }) {
   const input = { flow, remote, derived, forms, handlers };
+  const s = flow.state;
+  react.useEffect(() => {
+    if (screen !== "loading") return;
+    appendDebug("warn", "stuck on loading shimmer", {
+      phaseStep: s.phase.step,
+      privyReady: s.privyReady,
+      privyAuthenticated: s.privyAuthenticated,
+      activeCredentialId: s.activeCredentialId,
+      passkeyConfigLoaded: s.passkeyConfigLoaded,
+      loadingData: s.loadingData,
+      initialDataLoaded: s.initialDataLoaded,
+      loginRequested: s.loginRequested,
+      enableFullWidget: s.enableFullWidget,
+      authenticatedOnOpen: s.authenticatedOnOpen,
+      welcomeBackAcknowledged: s.welcomeBackAcknowledged,
+      mobileFlow: s.mobileFlow,
+      error: s.error,
+      accountsCount: s.accounts.length,
+      hasActiveWallet: s.accounts.some((a) => a.wallets.some((w) => w.status === "ACTIVE")),
+      providersCount: s.providers.length
+    });
+  }, [screen, s]);
   switch (screen) {
     case "loading":
       return /* @__PURE__ */ jsxRuntime.jsx(BlinkLoadingScreen, {});
@@ -17569,11 +18519,9 @@ function StepRendererContent({
     case "wallet-picker":
       return /* @__PURE__ */ jsxRuntime.jsx(WalletPickerScreen, { ...buildWalletPickerScreenProps(input) });
     case "open-wallet": {
-      const currentActionType = input.remote.authExecutorCurrentAction?.type;
-      const inSigningAction = isApprovingInWalletAction(currentActionType);
-      const pastPairingTransient = input.remote.authExecutorExecuting && input.remote.pendingSelectSource == null && currentActionType != null && (currentActionType !== "OPEN_PROVIDER" || input.remote.sourceSelectionResolved);
+      const pastSourceSelection = input.remote.authExecutorExecuting && input.remote.pendingSelectSource == null && input.remote.sourceSelectionResolved;
       const settlingPostSign = input.flow.state.linkSettling;
-      if (inSigningAction || pastPairingTransient || settlingPostSign) {
+      if (pastSourceSelection || settlingPostSign) {
         return /* @__PURE__ */ jsxRuntime.jsx(ApprovingInWalletScreen, { ...buildApprovingInWalletScreenProps(input) });
       }
       return /* @__PURE__ */ jsxRuntime.jsx(OpenWalletScreen, { ...buildOpenWalletScreenProps(input) });
@@ -17583,12 +18531,9 @@ function StepRendererContent({
       if (phase.step === "wallet-setup" && phase.pendingSourceWait) {
         return /* @__PURE__ */ jsxRuntime.jsx(LinkTokensScreen, { ...buildLinkTokensScreenProps(input) });
       }
-      const inSigningAction = isApprovingInWalletAction(
-        input.remote.authExecutorCurrentAction?.type
-      );
-      const justResolvedSelectSource = input.remote.authExecutorExecuting && input.remote.pendingSelectSource == null;
+      const pastSourceSelection = input.remote.authExecutorExecuting && input.remote.pendingSelectSource == null && input.remote.sourceSelectionResolved;
       const settlingPostSign = input.flow.state.linkSettling;
-      if (inSigningAction || justResolvedSelectSource || settlingPostSign) {
+      if (pastSourceSelection || settlingPostSign) {
         return /* @__PURE__ */ jsxRuntime.jsx(ApprovingInWalletScreen, { ...buildApprovingInWalletScreenProps(input) });
       }
       return /* @__PURE__ */ jsxRuntime.jsx(LinkTokensScreen, { ...buildLinkTokensScreenProps(input) });
@@ -17672,11 +18617,12 @@ var PaymentErrorBoundary = class extends react.Component {
 };
 function selectedSourceForWallet(selectedWallet, selectedTokenSymbol, depositAmount, priorityContext) {
   if (!selectedWallet) return null;
+  const walletSources = selectedWallet.sources ?? [];
   if (selectedTokenSymbol) {
-    return selectedWallet.sources.find((s) => s.token.symbol === selectedTokenSymbol) ?? null;
+    return walletSources.find((s) => s.token.symbol === selectedTokenSymbol) ?? null;
   }
   const walletChainName = selectedWallet.chain.name;
-  const ranked = selectedWallet.sources.map((source, index) => {
+  const ranked = walletSources.map((source, index) => {
     return { source, index };
   }).sort((a, b) => {
     const priority = compareDepositSourcePriority(
@@ -17724,7 +18670,7 @@ function computeDerivedState(state, depositAmount = 0, priorityContext) {
   let maxSourceBalance = 0;
   for (const acct of state.accounts) {
     for (const wallet of acct.wallets) {
-      for (const source of wallet.sources) {
+      for (const source of wallet.sources ?? []) {
         if (source.balance.available.amount > maxSourceBalance) {
           maxSourceBalance = source.balance.available.amount;
         }
@@ -17734,7 +18680,7 @@ function computeDerivedState(state, depositAmount = 0, priorityContext) {
   let tokenCount = 0;
   for (const acct of state.accounts) {
     for (const wallet of acct.wallets) {
-      tokenCount += wallet.sources.filter((s) => s.balance.available.amount > 0).length;
+      tokenCount += (wallet.sources ?? []).filter((s) => s.balance.available.amount > 0).length;
     }
   }
   return {
@@ -17827,6 +18773,7 @@ function useAuthHandlers(dispatch, apiBaseUrl, popupAuthRef) {
       dispatch({ type: "PASSKEY_ACTIVATED", credentialId: result.credentialId, publicKey: result.publicKey });
       dispatch({ type: "SYNC_PRIVY_SESSION", ready: true, authenticated: true });
       window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, result.credentialId);
+      track("login_succeeded", { method: "passkey", popup: true });
     } catch (err) {
       captureException(err);
       dispatch({
@@ -17839,6 +18786,7 @@ function useAuthHandlers(dispatch, apiBaseUrl, popupAuthRef) {
   }, [dispatch, popupAuthRef]);
   const { loginWithPasskey, state: loginState } = reactAuth.useLoginWithPasskey({
     onComplete: (params) => {
+      track("login_succeeded", { method: "passkey", popup: false });
       handleAuthComplete(params.user);
     },
     onError: (error) => {
@@ -17867,6 +18815,7 @@ function useAuthHandlers(dispatch, apiBaseUrl, popupAuthRef) {
       dispatch({ type: "PASSKEY_ACTIVATED", credentialId: result.credentialId, publicKey: result.publicKey });
       dispatch({ type: "SYNC_PRIVY_SESSION", ready: true, authenticated: true });
       window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, result.credentialId);
+      track("signup_succeeded", { method: "passkey", popup: true });
     } catch (err) {
       captureException(err);
       dispatch({
@@ -17879,6 +18828,7 @@ function useAuthHandlers(dispatch, apiBaseUrl, popupAuthRef) {
   }, [dispatch, popupAuthRef]);
   const { signupWithPasskey, state: signupState } = reactAuth.useSignupWithPasskey({
     onComplete: (params) => {
+      track("signup_succeeded", { method: "passkey", popup: false });
       handleAuthComplete(params.user);
     },
     onError: (error) => {
@@ -17950,6 +18900,31 @@ function usePasskeyHandlers(dispatch, apiBaseUrl) {
   };
 }
 
+// src/balancesLoad.ts
+async function fetchBalancesByAccountId(apiBaseUrl, token, credentialId, accounts) {
+  const entries2 = await Promise.all(
+    accounts.map(async (account) => {
+      try {
+        const balances = await fetchAccountBalances(
+          apiBaseUrl,
+          token,
+          account.id,
+          credentialId
+        );
+        return [account.id, balances];
+      } catch (err) {
+        captureException(err);
+        return null;
+      }
+    })
+  );
+  const result = {};
+  for (const entry of entries2) {
+    if (entry) result[entry[0]] = entry[1];
+  }
+  return result;
+}
+
 // src/transferSourceResolution.ts
 var STANDARD_TRANSFER_SOURCE_UNAVAILABLE_ERROR = "Selected payment source is no longer available. Choose or link an active wallet before depositing.";
 function resolveStandardTransferSource({
@@ -18001,14 +18976,14 @@ function useTransferHandlers(deps) {
   const processingStartedAtRef = react.useRef(null);
   const pollingTransferIdRef = react.useRef(null);
   const depositSelectionReloadCountRef = react.useRef(0);
-  const reloadAccounts = react.useCallback(async () => {
+  const reloadAccounts = react.useCallback(async (opts) => {
     depositSelectionReloadCountRef.current += 1;
     if (depositSelectionReloadCountRef.current === 1) {
       dispatch({ type: "SET_DEPOSIT_SELECTION_REFRESHING", value: true });
     }
     try {
       const token = await getAccessToken();
-      if (!token || !activeCredentialId) return;
+      if (!token || !activeCredentialId) return null;
       const [accts, prov] = await Promise.all([
         fetchAccounts(apiBaseUrl, token, activeCredentialId),
         fetchProviders(apiBaseUrl, token)
@@ -18032,6 +19007,20 @@ function useTransferHandlers(deps) {
         defaults,
         resetSelectedTokenSymbol
       });
+      const balancesPromise = fetchBalancesByAccountId(
+        apiBaseUrl,
+        token,
+        activeCredentialId,
+        accts
+      ).then((balancesByAccountId) => {
+        dispatch({ type: "BALANCES_LOADED", balancesByAccountId });
+        return balancesByAccountId;
+      }).catch(() => null);
+      if (opts?.awaitBalances) {
+        return await balancesPromise;
+      }
+      void balancesPromise;
+      return null;
     } finally {
       depositSelectionReloadCountRef.current = Math.max(
         0,
@@ -18227,7 +19216,7 @@ function useSourceSelectionHandlers(_dispatch, orchestrator, options) {
   const selectSourceChoices = react.useMemo(() => {
     if (!pendingSelectSourceAction) return [];
     const sourceOptions = pendingSelectSourceAction.metadata?.options ?? [];
-    return buildSelectSourceChoices(sourceOptions, minTransferAmountUsd);
+    return buildSelectSourceChoices(sourceOptions, minTransferAmountUsd, true);
   }, [pendingSelectSourceAction, minTransferAmountUsd]);
   const selectSourceUnsupportedChoices = react.useMemo(() => {
     if (!pendingSelectSourceAction) return [];
@@ -18413,13 +19402,6 @@ function buildReauthorizationSessionOptions(params) {
   return options;
 }
 
-// src/tokenAuthorizationRunOptions.ts
-function buildDesktopTokenAuthorizationOnlyRunOptions(chainName, tokenSymbol) {
-  return {
-    autoResolveSource: { chainName, tokenSymbol }
-  };
-}
-
 // src/oneTapDefaults.ts
 var DEFAULT_ONE_TAP_ALLOWANCE_USD = 1e4;
 async function ensureDefaultOneTapAllowance(apiBaseUrl, token) {
@@ -18440,7 +19422,7 @@ function resolveReauthorizationTarget(input) {
     };
   }
   const wallet = input.account?.wallets.find((candidate) => candidate.id === input.selectedWalletId);
-  const source = wallet?.sources.find(
+  const source = wallet?.sources?.find(
     (candidate) => input.selectedTokenSymbol ? candidate.token.symbol === input.selectedTokenSymbol : candidate.token.status === "AUTHORIZED"
   );
   return {
@@ -18451,6 +19433,28 @@ function resolveReauthorizationTarget(input) {
   };
 }
 
+// src/depositTokenSelection.ts
+function isSourceAuthorized(balancesByAccountId, target) {
+  const account = target.accountId != null ? balancesByAccountId?.[target.accountId] : void 0;
+  if (!account) return false;
+  const wallet = account.wallets.find((w) => w.id === target.walletId);
+  if (!wallet) return false;
+  const source = wallet.sources.find((s) => s.token.symbol === target.tokenSymbol);
+  return source?.token.status === "AUTHORIZED";
+}
+var defaultSettleDelay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+async function settleUntilTokenAuthorized(reloadAccounts, target, opts = {}) {
+  const maxAttempts = opts.maxAttempts ?? 4;
+  const backoffMs = opts.backoffMs ?? 400;
+  const delay = opts.delay ?? defaultSettleDelay;
+  for (let attempt = 0; attempt < maxAttempts; attempt++) {
+    const balances = await reloadAccounts({ awaitBalances: true });
+    if (isSourceAuthorized(balances, target)) return true;
+    if (attempt < maxAttempts - 1) await delay(backoffMs);
+  }
+  return false;
+}
+
 // src/walletConnectLinks.ts
 function buildWalletConnectDeeplink(links, walletConnectUri) {
   const baseLink = links?.native ?? links?.universal;
@@ -18582,6 +19586,8 @@ function useProviderHandlers(deps) {
     setupDepositToken,
     tryStartExtensionConnectForReownWallet
   } = deps;
+  const setupDepositTokenRef = react.useRef(setupDepositToken);
+  setupDepositTokenRef.current = setupDepositToken;
   const checkWalletConnectChainSupport = react.useMemo(
     () => deps.checkWalletConnectChainSupport ?? ((reownWalletId, chainId) => checkReownWalletChainSupport(BLINK_WC_PROJECT_ID, reownWalletId, chainId)),
     [deps.checkWalletConnectChainSupport]
@@ -18649,7 +19655,7 @@ function useProviderHandlers(deps) {
       return null;
     }
     const provider = providers.find((p) => p.id === providerId);
-    const providerName = provider?.name ?? "Wallet";
+    const providerName2 = provider?.name ?? "Wallet";
     try {
       const token = await getAccessToken();
       if (!token) throw new Error("Not authenticated");
@@ -18657,7 +19663,7 @@ function useProviderHandlers(deps) {
       const accountId = crypto.randomUUID();
       const account = await createAccount(apiBaseUrl, token, {
         id: accountId,
-        name: providerName,
+        name: providerName2,
         credentialId: activeCredentialId,
         providerId,
         ...merchantAuthorization ? {
@@ -18706,7 +19712,7 @@ function useProviderHandlers(deps) {
       return;
     }
     const provider = providers.find((p) => p.id === providerId);
-    const providerName = provider?.name ?? "Wallet";
+    const providerName2 = provider?.name ?? "Wallet";
     let shouldRestoreDesktopSelectionOnError = shouldSnapshotDesktopSelection;
     try {
       await resetWalletConnect();
@@ -18729,7 +19735,7 @@ function useProviderHandlers(deps) {
         const newAccountId = crypto.randomUUID();
         const account = await createAccount(apiBaseUrl, token, {
           id: newAccountId,
-          name: providerName,
+          name: providerName2,
           credentialId: activeCredentialId,
           providerId,
           ...merchantAuthorization ? {
@@ -18797,7 +19803,7 @@ function useProviderHandlers(deps) {
         }
         dispatch({ type: "BEGIN_LINK_SETTLING" });
         try {
-          await reloadAccounts();
+          await reloadAccounts({ awaitBalances: true });
         } finally {
           dispatch({ type: "END_LINK_SETTLING" });
         }
@@ -18924,7 +19930,7 @@ function useProviderHandlers(deps) {
       }
       dispatch({ type: "BEGIN_LINK_SETTLING" });
       try {
-        await reloadAccounts();
+        await reloadAccounts({ awaitBalances: true });
       } finally {
         dispatch({ type: "END_LINK_SETTLING" });
       }
@@ -19148,7 +20154,7 @@ function useProviderHandlers(deps) {
         dispatch({ type: "SET_STANDARD_DESKTOP_INLINE_OPEN_WALLET", value: false });
         dispatch({ type: "BEGIN_LINK_SETTLING" });
         try {
-          await reloadAccounts();
+          await reloadAccounts({ awaitBalances: true });
         } finally {
           dispatch({ type: "END_LINK_SETTLING" });
         }
@@ -19250,7 +20256,9 @@ function useProviderHandlers(deps) {
       const result = await orchestrator.run(
         sessionId,
         {
-          ...buildDesktopTokenAuthorizationOnlyRunOptions(inlineChain.name, tokenSymbol),
+          // No autoResolveSource: pause at SELECT_SOURCE so LinkTokensScreen
+          // renders with the token preselected (SET_SETUP_DEPOSIT_TOKEN pin
+          // above) and the user can set a spending limit before approving.
           // Pin the existing account id so pairing and signing share one
           // runtime (see handleSelectWalletConnectWallet).
           walletConnectRuntimeKey: runtimeAccountId,
@@ -19258,10 +20266,11 @@ function useProviderHandlers(deps) {
           // Require the target token's chain at pairing. A reused session
           // that doesn't approve it re-pairs with the chain required; a
           // wallet that approves the connection without it fails
-          // OPEN_PROVIDER with a clear error instead of the auto-resolved
-          // SELECT_SOURCE 422 (INVALID_SELECT_SOURCE_SELECTION) — e.g.
-          // authorizing USDC on HyperEVM (999, a WC-optional chain) with a
-          // wallet that dropped or doesn't support that chain.
+          // OPEN_PROVIDER with a clear error up front instead of stranding the
+          // user on LinkTokensScreen whose only option (SELECT_SOURCE) would
+          // 422 (INVALID_SELECT_SOURCE_SELECTION) on Approve — e.g. authorizing
+          // USDC on HyperEVM (999, a WC-optional chain) with a wallet that
+          // dropped or doesn't support that chain.
           walletConnectRequiredChainId: chainId,
           walletConnectRequiredChainName: inlineChain.name,
           onWalletConnectDisplayUri: (uri) => {
@@ -19297,11 +20306,17 @@ function useProviderHandlers(deps) {
       dispatch({ type: "SET_STANDARD_DESKTOP_INLINE_OPEN_WALLET", value: false });
       dispatch({ type: "BEGIN_LINK_SETTLING" });
       try {
-        await reloadAccounts();
+        await reloadAccounts({ awaitBalances: true });
       } finally {
         dispatch({ type: "END_LINK_SETTLING" });
       }
-      dispatch({ type: "SELECT_TOKEN", walletId, tokenSymbol, accountId: selectTokenAccountId });
+      const confirmed = setupDepositTokenRef.current;
+      dispatch({
+        type: "SELECT_TOKEN",
+        walletId: confirmed?.walletId ?? walletId,
+        tokenSymbol: confirmed?.symbol ?? tokenSymbol,
+        accountId: selectTokenAccountId
+      });
       dispatch({ type: "DISCARD_SAVED_SELECTION" });
     } catch (err) {
       captureException(err);
@@ -19616,10 +20631,7 @@ function useProviderHandlers(deps) {
         walletDeeplinks: walletDeeplinks ?? null,
         providerId: matchedProvider?.id ?? null
       });
-      const result = await orchestrator.run(
-        session.id,
-        buildDesktopTokenAuthorizationOnlyRunOptions(inlineChain.name, tokenSymbol)
-      );
+      const result = await orchestrator.run(session.id);
       if (result.status === "cancelled") {
         dispatch({ type: "DESKTOP_WAIT_CLEARED" });
         dispatch({ type: "SET_STANDARD_DESKTOP_INLINE_OPEN_WALLET", value: false });
@@ -19631,14 +20643,25 @@ function useProviderHandlers(deps) {
       }
       dispatch({ type: "DESKTOP_WAIT_CLEARED" });
       dispatch({ type: "SET_STANDARD_DESKTOP_INLINE_OPEN_WALLET", value: false });
+      const confirmed = setupDepositTokenRef.current;
+      const settleTarget = {
+        accountId: _accountId,
+        walletId: confirmed?.walletId ?? _walletId,
+        tokenSymbol: confirmed?.symbol ?? tokenSymbol
+      };
       dispatch({ type: "BEGIN_LINK_SETTLING" });
       try {
-        await reloadAccounts();
+        await settleUntilTokenAuthorized(reloadAccounts, settleTarget);
+        dispatch({
+          type: "SELECT_TOKEN",
+          walletId: settleTarget.walletId,
+          tokenSymbol: settleTarget.tokenSymbol,
+          accountId: _accountId
+        });
+        dispatch({ type: "DISCARD_SAVED_SELECTION" });
       } finally {
         dispatch({ type: "END_LINK_SETTLING" });
       }
-      dispatch({ type: "SELECT_TOKEN", walletId: _walletId, tokenSymbol, accountId: _accountId });
-      dispatch({ type: "DISCARD_SAVED_SELECTION" });
     } catch (err) {
       captureException(err);
       dispatch({ type: "DESKTOP_WAIT_CLEARED" });
@@ -20098,6 +21121,15 @@ function useDataLoadEffect(deps) {
       hasActiveCredential: !!state.activeCredentialId,
       loading: loadingDataRef.current
     });
+    appendDebug("warn", "dataLoadEffect run", {
+      loadAction,
+      authenticated,
+      accountsCount: state.accounts.length,
+      hasActiveCredential: !!state.activeCredentialId,
+      loadingRef: loadingDataRef.current,
+      privyAuthenticated: state.privyAuthenticated,
+      activeCredentialId: state.activeCredentialId ? `${state.activeCredentialId.slice(0, 8)}\u2026` : null
+    });
     if (loadAction === "reset") {
       loadingDataRef.current = false;
       dispatch({ type: "DATA_LOAD_END" });
@@ -20115,13 +21147,21 @@ function useDataLoadEffect(deps) {
     const load = async () => {
       dispatch({ type: "DATA_LOAD_START" });
       try {
+        appendDebug("warn", "dataLoad: requesting access token");
         const token = await getAccessTokenRef.current();
+        appendDebug("warn", "dataLoad: token result", { hasToken: !!token, cancelled });
         if (!token) throw new Error("Not authenticated");
         const [prov, accts, chn] = await Promise.all([
           fetchProviders(apiBaseUrl, token),
           fetchAccounts(apiBaseUrl, token, credentialId),
           fetchChains(apiBaseUrl, token)
         ]);
+        appendDebug("warn", "dataLoad: fetch resolved", {
+          cancelled,
+          providers: prov.length,
+          accounts: accts.length,
+          chains: chn.length
+        });
         if (cancelled) return;
         const parsedAmt = depositAmountRef.current != null ? depositAmountRef.current : 0;
         const priorityContext = resolveDepositPriorityContext(accts, chn, destination);
@@ -20147,7 +21187,16 @@ function useDataLoadEffect(deps) {
           resetSelectedTokenSymbol
         });
         if (clearMobile) clearMobileFlowState();
+        void fetchBalancesByAccountId(apiBaseUrl, token, credentialId, accts).then(
+          (balancesByAccountId) => {
+            dispatch({ type: "BALANCES_LOADED", balancesByAccountId });
+          }
+        );
       } catch (err) {
+        appendDebug("error", "dataLoad: threw", {
+          cancelled,
+          message: err instanceof Error ? err.message : String(err)
+        });
         if (!cancelled) {
           captureException(err);
           dispatch({
@@ -20164,6 +21213,7 @@ function useDataLoadEffect(deps) {
     };
     load();
     return () => {
+      appendDebug("warn", "dataLoadEffect cleanup (cancelling in-flight load)");
       cancelled = true;
       loadingDataRef.current = false;
       dispatch({ type: "DATA_LOAD_END" });
@@ -20907,7 +21957,7 @@ function BlinkPaymentInner({
     useWalletConnector: useWalletConnectorProp,
     userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
   });
-  const [state, dispatch] = react.useReducer(
+  const [state, rawDispatch] = react.useReducer(
     paymentReducer,
     {
       depositAmount,
@@ -20917,6 +21967,30 @@ function BlinkPaymentInner({
     },
     createInitialState
   );
+  const device = isDesktop ? "desktop" : "mobile";
+  const stateRef = react.useRef(state);
+  stateRef.current = state;
+  const dispatch = react.useCallback(
+    (action) => {
+      trackAction(action, stateRef.current, { device });
+      rawDispatch(action);
+    },
+    [device]
+  );
+  usePostHogIdentify();
+  useAnalyticsScreenView(state.phase, device);
+  const flowOpenedRef = react.useRef(false);
+  react.useEffect(() => {
+    if (flowOpenedRef.current) return;
+    flowOpenedRef.current = true;
+    registerSuperProps({ device });
+    track("flow_opened", {
+      device,
+      isMobileApp: isMobileApp ?? false,
+      fullWidget: enableFullWidget ?? false,
+      hasAmount: depositAmount != null
+    });
+  }, []);
   const polling = useTransferPolling(3e3, effectiveGetAccessToken);
   const transferSigning = useTransferSigning(2e3, { getAccessToken: effectiveGetAccessToken });
   const mobileFlowRefs = {
@@ -21275,7 +22349,7 @@ function BlinkPaymentInner({
   const handleSetDepositToken = react.useCallback((symbol, chainName, walletId, tokenAddress, chainId) => {
     dispatch({ type: "SET_SETUP_DEPOSIT_TOKEN", symbol, chainName, walletId, tokenAddress, chainId });
   }, []);
-  const handleConfirmSetupDeposit = react.useCallback(async () => {
+  const handleConfirmSetupDeposit = react.useCallback(async (limit) => {
     const plan = planConfirmSetupDeposit({
       setupDepositToken: state.setupDepositToken,
       setupSelectedSourceOption,
@@ -21285,6 +22359,19 @@ function BlinkPaymentInner({
       dispatch({ type: "SET_ERROR", error: plan.error });
       return;
     }
+    const token = await effectiveGetAccessToken();
+    if (!token) {
+      dispatch({ type: "SET_ERROR", error: "Your session expired. Please try again." });
+      return;
+    }
+    const config = "unlimited" in limit ? { unlimitedAllowance: true } : { defaultAllowance: limit.usd, unlimitedAllowance: false };
+    try {
+      await updateUserConfig(apiBaseUrl, token, config);
+    } catch {
+      dispatch({ type: "SET_ERROR", error: "Could not save your spending limit. Please try again." });
+      return;
+    }
+    dispatch({ type: "SET_SETUP_SPENDING_LIMIT", limit });
     for (const action of plan.actions) {
       dispatch(action);
     }
@@ -21293,6 +22380,8 @@ function BlinkPaymentInner({
     state.selectedAccountId,
     state.setupDepositToken,
     setupSelectedSourceOption,
+    effectiveGetAccessToken,
+    apiBaseUrl,
     dispatch,
     orchestrator
   ]);
@@ -21353,6 +22442,9 @@ function BlinkPaymentInner({
       }
     })();
   }, [orchestrator]);
+  const handleApprove = react.useCallback(() => {
+    authExecutor.approveAuthorization();
+  }, [authExecutor]);
   const handleSetPhase = react.useCallback((phase) => {
     clearScreenErrors();
     if (phase.step === "deposit") {
@@ -21374,6 +22466,7 @@ function BlinkPaymentInner({
     onConfirmSign: transfer.handleConfirmSign,
     onRetryMobileStatus: mobileFlow.handleRetryMobileStatus,
     onRetryAuthorization: handleAuthorizationRetry,
+    onApprove: handleApprove,
     onRetryTransferSigning: transfer.handleRetryTransferSigning,
     onBackFromOpenWallet: handleBackFromOpenWallet,
     onLogout: handleLogout,
@@ -21444,6 +22537,7 @@ function BlinkPaymentInner({
     handleConfirmSetupDeposit,
     handleBackFromSetupDeposit,
     handleAuthorizationRetry,
+    handleApprove,
     disconnectWallets,
     state.desktopWait?.walletForegroundLink
   ]);
@@ -21483,6 +22577,9 @@ function BlinkPaymentInner({
             authExecutorError: authExecutor.error,
             authExecutorExecuting: authExecutor.executing,
             authExecutorCurrentAction: authExecutor.currentAction,
+            authExecutorAwaitingApproval: authExecutor.awaitingApproval,
+            authExecutorApprovalDestinationAddress: authExecutor.approvalDestinationAddress,
+            authApprovalSmartAccountAddress: orchestrator.approvalSmartAccountAddress,
             authExecutorCompleted: orchestrator.orchestratorCompleted,
             transferSigningSigning: transferSigning.signing,
             transferSigningError: transferSigning.error,
@@ -21590,6 +22687,7 @@ exports.getDeviceBiometricUnlockText = getDeviceBiometricUnlockText;
 exports.getTheme = getTheme;
 exports.getThemeBase = getThemeBase;
 exports.getWalletCapabilities = getWalletCapabilities;
+exports.identifyUser = identifyUser;
 exports.isAuthorizationSessionCancelled = isAuthorizationSessionCancelled;
 exports.isExpectedAuthorizationCancellation = isExpectedAuthorizationCancellation;
 exports.isTerminalTransferStatus = isTerminalTransferStatus;
@@ -21603,11 +22701,15 @@ exports.lightTransparentTheme = lightTransparentTheme;
 exports.lightTransparentThemeNew = lightTransparentThemeNew;
 exports.mapGuestPickerEntries = mapGuestPickerEntries;
 exports.replaceOpenProviderForAccountSwitch = replaceOpenProviderForAccountSwitch;
+exports.resetUser = resetUser;
+exports.resolveAnalyticsEnvironment = resolveAnalyticsEnvironment;
 exports.resolvePasskeyRpId = resolvePasskeyRpId;
+exports.sanitizeProps = sanitizeProps;
 exports.screenForPhase = screenForPhase;
 exports.subscribeDebug = subscribeDebug;
 exports.supportsAtomicBatch = supportsAtomicBatch;
 exports.supportsPaymasterService = supportsPaymasterService;
+exports.track = track;
 exports.useAuthorizationExecutor = useAuthorizationExecutor;
 exports.useAuthorizationOrchestrator = useAuthorizationOrchestrator;
 exports.useBlinkConfig = useBlinkConfig;