@swype-org/react-sdk 0.1.301 → 0.1.333

package/dist/index.cjs

@@ -78,14 +78,16 @@ function getTheme(mode) {
 }
 var BLINK_PRIVY_APP_ID = "cmlil87uv004n0ck0blwumwek";
 var wagmiConfig = wagmi.createConfig({
-  chains: [chains.mainnet, chains.arbitrum, chains.base, chains.polygon, chains.bsc],
+  // baseSepolia: guest/testnet flows (e.g. smokebox e2e) call switchChain to the source chain from the API.
+  chains: [chains.mainnet, chains.arbitrum, chains.base, chains.polygon, chains.bsc, chains.baseSepolia],
   connectors: [connectors.injected({ shimDisconnect: true, unstable_shimAsyncInject: 2e3 })],
   transports: {
     [chains.mainnet.id]: wagmi.http(),
     [chains.arbitrum.id]: wagmi.http(),
     [chains.base.id]: wagmi.http(),
     [chains.polygon.id]: wagmi.http(),
-    [chains.bsc.id]: wagmi.http()
+    [chains.bsc.id]: wagmi.http(),
+    [chains.baseSepolia.id]: wagmi.http()
   }
 });
 var BlinkContext = react.createContext(null);
@@ -495,6 +497,7 @@ __export(api_exports, {
   getGuestTransfer: () => getGuestTransfer,
   getTransferByGuestToken: () => getTransferByGuestToken,
   postGuestTransferFeeQuote: () => postGuestTransferFeeQuote,
+  postTransferQuote: () => postTransferQuote,
   putGuestTransferSender: () => putGuestTransferSender,
   registerPasskey: () => registerPasskey,
   reportActionCompletion: () => reportActionCompletion,
@@ -610,7 +613,8 @@ async function createTransfer(apiBaseUrl, token, params) {
     amount: {
       amount: params.amount,
       currency: params.currency ?? "USD"
-    }
+    },
+    ...params.quoteId ? { quoteId: params.quoteId } : {}
   };
   const res = await fetch(`${apiBaseUrl}/v1/transfers`, {
     method: "POST",
@@ -623,6 +627,28 @@ async function createTransfer(apiBaseUrl, token, params) {
   if (!res.ok) await throwApiError(res);
   return await res.json();
 }
+async function postTransferQuote(apiBaseUrl, bearerToken, params) {
+  const body = {
+    walletId: params.walletId,
+    ...params.sourceTokenAddress ? { sourceTokenAddress: params.sourceTokenAddress } : {},
+    destination: {
+      chainId: params.destination.chainId,
+      token: { address: params.destination.token.address },
+      address: params.destination.address
+    },
+    amount: params.amount
+  };
+  const res = await fetch(`${apiBaseUrl}/v1/transfers/quotes`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${bearerToken}`
+    },
+    body: JSON.stringify(body)
+  });
+  if (!res.ok) await throwApiError(res);
+  return await res.json();
+}
 async function fetchMerchantPublicKey(apiBaseUrl, merchantId) {
   const res = await fetch(
     `${apiBaseUrl}/v1/merchants/${encodeURIComponent(merchantId)}/public-key`
@@ -964,6 +990,23 @@ function normalizeSignature(sig) {
   );
 }
 
+// src/authorizationErrors.ts
+var AuthorizationSessionCancelledError = class extends Error {
+  constructor() {
+    super("Authorization session cancelled");
+    this.name = "AuthorizationSessionCancelledError";
+  }
+};
+function isAuthorizationSessionCancelled(err) {
+  if (err instanceof AuthorizationSessionCancelledError) return true;
+  return typeof err === "object" && err !== null && "name" in err && err.name === "AuthorizationSessionCancelledError";
+}
+function isUserDismissedAuthorizationError(err) {
+  if (!(err instanceof Error)) return false;
+  const m = err.message.toLowerCase();
+  return m.includes("authorization session aborted") || m.includes("aborted by user");
+}
+
 // src/hooks/authorizationExecutor.ts
 var WALLET_CLIENT_MAX_ATTEMPTS = 25;
 var WALLET_CLIENT_POLL_MS = 400;
@@ -1277,39 +1320,80 @@ function useAuthorizationExecutor(options) {
   const [error, setError] = react.useState(null);
   const [currentAction, setCurrentAction] = react.useState(null);
   const executingRef = react.useRef(false);
+  const oneTapPauseActiveRef = react.useRef(false);
+  const sessionStackRef = react.useRef([]);
+  const [authorizationSessionStackDepth, setAuthorizationSessionStackDepth] = react.useState(0);
   const [pendingSelectSource, setPendingSelectSource] = react.useState(null);
   const selectSourceResolverRef = react.useRef(null);
+  const selectSourceRejectRef = react.useRef(null);
   const sessionIdRef = react.useRef(null);
   const resolveSelectSource = react.useCallback((selection) => {
     if (selectSourceResolverRef.current) {
       selectSourceResolverRef.current(selection);
       selectSourceResolverRef.current = null;
+      selectSourceRejectRef.current = null;
       setPendingSelectSource(null);
     }
   }, []);
   const waitForSelection = react.useCallback(
-    (action) => new Promise((resolve) => {
-      selectSourceResolverRef.current = resolve;
+    (action) => new Promise((resolve, reject) => {
+      selectSourceResolverRef.current = (selection) => {
+        resolve(selection);
+        selectSourceResolverRef.current = null;
+        selectSourceRejectRef.current = null;
+      };
+      selectSourceRejectRef.current = reject;
       setPendingSelectSource(action);
     }),
     []
   );
   const [pendingOneTapSetup, setPendingOneTapSetup] = react.useState(null);
   const oneTapSetupResolverRef = react.useRef(null);
+  const oneTapSetupRejectRef = react.useRef(null);
   const resolveOneTapSetup = react.useCallback(() => {
     if (oneTapSetupResolverRef.current) {
       oneTapSetupResolverRef.current();
       oneTapSetupResolverRef.current = null;
+      oneTapSetupRejectRef.current = null;
       setPendingOneTapSetup(null);
     }
   }, []);
   const waitForOneTapSetup = react.useCallback(
-    (action) => new Promise((resolve) => {
-      oneTapSetupResolverRef.current = resolve;
+    (action) => new Promise((resolve, reject) => {
+      oneTapPauseActiveRef.current = true;
+      oneTapSetupResolverRef.current = () => {
+        oneTapPauseActiveRef.current = false;
+        resolve();
+        oneTapSetupResolverRef.current = null;
+        oneTapSetupRejectRef.current = null;
+      };
+      oneTapSetupRejectRef.current = (reason) => {
+        oneTapPauseActiveRef.current = false;
+        reject(reason);
+      };
       setPendingOneTapSetup(action);
     }),
     []
   );
+  const cancelPendingExecution = react.useCallback(() => {
+    if (selectSourceRejectRef.current) {
+      selectSourceRejectRef.current(new AuthorizationSessionCancelledError());
+      selectSourceRejectRef.current = null;
+      selectSourceResolverRef.current = null;
+      setPendingSelectSource(null);
+    }
+    if (oneTapSetupRejectRef.current) {
+      oneTapPauseActiveRef.current = false;
+      oneTapSetupRejectRef.current(new AuthorizationSessionCancelledError());
+      oneTapSetupRejectRef.current = null;
+      oneTapSetupResolverRef.current = null;
+      setPendingOneTapSetup(null);
+    }
+    setError(null);
+    setCurrentAction(null);
+    setExecuting(false);
+    executingRef.current = false;
+  }, []);
   const dispatchAction = react.useCallback(
     async (action) => {
       setCurrentAction(action);
@@ -1344,20 +1428,26 @@ function useAuthorizationExecutor(options) {
   );
   const executeSessionById = react.useCallback(
     async (sessionId) => {
-      if (executingRef.current) return;
-      executingRef.current = true;
       if (!sessionId) {
-        executingRef.current = false;
         throw new Error("No authorization session id provided.");
       }
       if (!apiBaseUrl) {
-        executingRef.current = false;
         throw new Error("Missing apiBaseUrl. Provide useAuthorizationExecutor({ apiBaseUrl }) or wrap in <BlinkProvider>.");
       }
-      sessionIdRef.current = sessionId;
-      setExecuting(true);
+      const allowNested = executingRef.current && oneTapPauseActiveRef.current;
+      if (executingRef.current && !allowNested) {
+        return;
+      }
+      const isNestedRun = allowNested;
+      if (!isNestedRun) {
+        executingRef.current = true;
+        setExecuting(true);
+        setResults([]);
+      }
       setError(null);
-      setResults([]);
+      sessionStackRef.current.push(sessionId);
+      setAuthorizationSessionStackDepth(sessionStackRef.current.length);
+      sessionIdRef.current = sessionId;
       try {
         let session = await fetchAuthorizationSession(apiBaseUrl, sessionId);
         const allResults = [];
@@ -1393,13 +1483,23 @@ function useAuthorizationExecutor(options) {
           pending = getPendingActions(session, completedIds);
         }
       } catch (err) {
-        const msg = err instanceof Error ? err.message : "Authorization failed";
-        setError(msg);
+        if (isAuthorizationSessionCancelled(err)) {
+          setError(null);
+        } else {
+          const msg = err instanceof Error ? err.message : "Authorization failed";
+          setError(msg);
+        }
         throw err;
       } finally {
+        sessionStackRef.current.pop();
+        const depth = sessionStackRef.current.length;
+        setAuthorizationSessionStackDepth(depth);
+        sessionIdRef.current = depth > 0 ? sessionStackRef.current[depth - 1] : null;
         setCurrentAction(null);
-        setExecuting(false);
-        executingRef.current = false;
+        if (depth === 0) {
+          setExecuting(false);
+          executingRef.current = false;
+        }
       }
     },
     [apiBaseUrl, dispatchAction]
@@ -1413,7 +1513,9 @@ function useAuthorizationExecutor(options) {
     resolveSelectSource,
     pendingOneTapSetup,
     resolveOneTapSetup,
-    executeSessionById
+    executeSessionById,
+    cancelPendingExecution,
+    authorizationSessionStackDepth
   };
 }
 var TRANSFER_SIGN_MAX_POLLS = 60;
@@ -1643,6 +1745,37 @@ function getPreferredDepositWallet(account, transferAmount) {
 function getDepositEligibleAccounts(accounts) {
   return accounts.filter((account) => getAddressableWallets(account).length > 0);
 }
+function resolveDepositSelectionAfterRefresh(accounts, transferAmount, prev) {
+  const { selectedAccountId, selectedWalletId, selectedTokenSymbol } = prev;
+  if (selectedAccountId && selectedWalletId) {
+    const acct = accounts.find((a) => a.id === selectedAccountId);
+    const wallet = acct?.wallets.find((w) => w.id === selectedWalletId);
+    if (wallet) {
+      if (selectedTokenSymbol) {
+        const hasToken = wallet.sources.some((s) => s.token.symbol === selectedTokenSymbol);
+        if (hasToken) {
+          return {
+            defaults: { accountId: selectedAccountId, walletId: selectedWalletId },
+            resetSelectedTokenSymbol: false
+          };
+        }
+        const fallback = resolveDepositSelection(accounts, transferAmount, selectedAccountId);
+        return {
+          defaults: fallback,
+          resetSelectedTokenSymbol: true
+        };
+      }
+      return {
+        defaults: { accountId: selectedAccountId, walletId: selectedWalletId },
+        resetSelectedTokenSymbol: false
+      };
+    }
+  }
+  return {
+    defaults: resolveDepositSelection(accounts, transferAmount, selectedAccountId),
+    resetSelectedTokenSymbol: false
+  };
+}
 function resolveDepositSelection(accounts, transferAmount, selectedAccountId) {
   const eligibleAccounts = getDepositEligibleAccounts(accounts);
   if (eligibleAccounts.length === 0) return null;
@@ -1709,6 +1842,32 @@ function buildSelectSourceChoices(options) {
     tokens: chain.tokens.filter((t) => t.balance > 0).sort((a, b) => b.balance - a.balance)
   })).filter((chain) => chain.tokens.length > 0).sort((a, b) => b.balance - a.balance);
 }
+function resolveSelectSourceAvailableBalance(choices, options, chainName, tokenSymbol, recommended) {
+  const chain = chainName.trim();
+  const token = tokenSymbol.trim();
+  if (chain && token) {
+    const chainChoice = choices.find((c) => c.chainName === chain);
+    const row = chainChoice?.tokens.find((t) => t.tokenSymbol === token);
+    if (row !== void 0) return row.balance;
+    const direct = options.find(
+      (opt) => opt.chainName === chain && opt.tokenSymbol === token
+    );
+    if (direct) return parseRawBalance(direct.rawBalance, direct.decimals);
+    return 0;
+  }
+  if (recommended) {
+    const match = options.find(
+      (opt) => opt.chainName === recommended.chainName && opt.tokenSymbol === recommended.tokenSymbol
+    );
+    if (match) return parseRawBalance(match.rawBalance, match.decimals);
+  }
+  let max = 0;
+  for (const opt of options) {
+    const bal = parseRawBalance(opt.rawBalance, opt.decimals);
+    if (bal > max) max = bal;
+  }
+  return max;
+}
 
 // src/walletFlow.ts
 var MOBILE_USER_AGENT_PATTERN = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
@@ -1792,11 +1951,12 @@ function resolvePhase(state) {
   const isFundingSourceSubflow = !state.loginRequested && (currentPhase.step === "token-picker" || currentPhase.step === "one-tap-setup" || currentPhase.step === "select-source" || currentPhase.step === "confirm-sign" || currentPhase.step === "guest-token-picker" && guestTokenPickerEligible);
   const walletPickerSwitchEligible = currentPhase.step === "wallet-picker" && currentPhase.reason === "switch" && !state.creatingTransfer && !(state.mobileFlow && state.deeplinkUri);
   const missingActivePasskeyCredential = state.passkeyConfigLoaded && !state.activeCredentialId;
-  const shouldPromptPasskeyVerification = missingActivePasskeyCredential && state.knownCredentialIds.length > 0 && state.passkeyPopupNeeded;
+  const shouldPromptPasskeyVerification = missingActivePasskeyCredential && state.knownCredentialIds.length > 0;
+  const guestPreauthClaimPending = state.guestPreauthAccountId != null && state.guestSessionToken != null && state.privyAuthenticated && state.activeCredentialId != null && !state.guestPreauthSetupCompletePending && !state.error;
   const branchGuestSetupComplete = state.guestPreauthSetupCompletePending && state.privyReady && state.privyAuthenticated;
   const branchKeepGuestPreauthPin = !branchGuestSetupComplete && guestPreauthPinsCurrentPhase;
   const branchGuestPostPayLogin = !branchGuestSetupComplete && !branchKeepGuestPreauthPin && guestPostPayLogin;
-  const branchCompleted = !branchGuestSetupComplete && !branchKeepGuestPreauthPin && !branchGuestPostPayLogin && transferCompleted && !state.verificationTarget && !needsPasskeyBootstrap;
+  const branchCompleted = !branchGuestSetupComplete && !branchKeepGuestPreauthPin && !branchGuestPostPayLogin && transferCompleted && !state.verificationTarget && !needsPasskeyBootstrap && !guestPreauthClaimPending && !state.loginRequested;
   const branchFailed = !branchGuestSetupComplete && !branchKeepGuestPreauthPin && !branchGuestPostPayLogin && !branchCompleted && state.transfer?.status === "FAILED";
   const branchProcessing = !branchGuestSetupComplete && !branchKeepGuestPreauthPin && !branchGuestPostPayLogin && !branchCompleted && !branchFailed && (state.creatingTransfer || isTransferAwaitingCompletion(state.transfer));
   const branchStandardDesktopInlineOpenWallet = !branchGuestSetupComplete && !branchKeepGuestPreauthPin && !branchGuestPostPayLogin && !branchCompleted && !branchFailed && !branchProcessing && state.standardDesktopInlineOpenWallet && state.privyAuthenticated && state.activeCredentialId != null && state.selectedAccountId != null && !state.loginRequested && !state.guestPreauthorizing;
@@ -1812,7 +1972,7 @@ function resolvePhase(state) {
   const branchLoginRequested = !branchGuestSetupComplete && !branchKeepGuestPreauthPin && !branchGuestPostPayLogin && !branchCompleted && !branchFailed && !branchProcessing && !branchKeepFundingSubflow && !branchMobileWalletSetup && !branchStandardDesktopInlineOpenWallet && !branchKeepGuestPreauthDesktopOpenWallet && !branchKeepGuestWalletSetup && !branchGuestTokenPicker && !branchKeepWalletPickerSwitch && !branchInitializingPrivy && !branchInitializingPasskeyConfig && !branchOtpVerify && state.loginRequested;
   const branchPasskeyVerify = !branchGuestSetupComplete && !branchKeepGuestPreauthPin && !branchGuestPostPayLogin && !branchCompleted && !branchFailed && !branchProcessing && !branchKeepFundingSubflow && !branchMobileWalletSetup && !branchStandardDesktopInlineOpenWallet && !branchKeepGuestPreauthDesktopOpenWallet && !branchKeepGuestWalletSetup && !branchGuestTokenPicker && !branchKeepWalletPickerSwitch && !branchInitializingPrivy && !branchInitializingPasskeyConfig && !branchOtpVerify && !branchLoginRequested && shouldPromptPasskeyVerification;
   const branchPasskeyCreate = !branchGuestSetupComplete && !branchKeepGuestPreauthPin && !branchGuestPostPayLogin && !branchCompleted && !branchFailed && !branchProcessing && !branchKeepFundingSubflow && !branchMobileWalletSetup && !branchStandardDesktopInlineOpenWallet && !branchKeepGuestPreauthDesktopOpenWallet && !branchKeepGuestWalletSetup && !branchGuestTokenPicker && !branchKeepWalletPickerSwitch && !branchInitializingPrivy && !branchInitializingPasskeyConfig && !branchOtpVerify && !branchLoginRequested && !branchPasskeyVerify && missingActivePasskeyCredential;
-  const branchGuestPreauthClaiming = !branchGuestSetupComplete && !branchKeepGuestPreauthPin && !branchGuestPostPayLogin && !branchCompleted && !branchFailed && !branchProcessing && !branchKeepFundingSubflow && !branchMobileWalletSetup && !branchStandardDesktopInlineOpenWallet && !branchKeepGuestPreauthDesktopOpenWallet && !branchKeepGuestWalletSetup && !branchGuestTokenPicker && !branchKeepWalletPickerSwitch && !branchInitializingPrivy && !branchInitializingPasskeyConfig && !branchOtpVerify && !branchLoginRequested && !branchPasskeyVerify && !branchPasskeyCreate && state.guestPreauthAccountId != null && state.guestSessionToken != null && state.privyAuthenticated && state.activeCredentialId != null && !state.guestPreauthSetupCompletePending && !state.error;
+  const branchGuestPreauthClaiming = !branchGuestSetupComplete && !branchKeepGuestPreauthPin && !branchGuestPostPayLogin && !branchCompleted && !branchFailed && !branchProcessing && !branchKeepFundingSubflow && !branchMobileWalletSetup && !branchStandardDesktopInlineOpenWallet && !branchKeepGuestPreauthDesktopOpenWallet && !branchKeepGuestWalletSetup && !branchGuestTokenPicker && !branchKeepWalletPickerSwitch && !branchInitializingPrivy && !branchInitializingPasskeyConfig && !branchOtpVerify && !branchLoginRequested && !branchPasskeyVerify && !branchPasskeyCreate && guestPreauthClaimPending;
   const branchDataLoading = !branchGuestSetupComplete && !branchKeepGuestPreauthPin && !branchGuestPostPayLogin && !branchCompleted && !branchFailed && !branchProcessing && !branchKeepFundingSubflow && !branchMobileWalletSetup && !branchStandardDesktopInlineOpenWallet && !branchKeepGuestPreauthDesktopOpenWallet && !branchKeepGuestWalletSetup && !branchGuestTokenPicker && !branchKeepWalletPickerSwitch && !branchInitializingPrivy && !branchInitializingPasskeyConfig && !branchOtpVerify && !branchLoginRequested && !branchPasskeyVerify && !branchPasskeyCreate && !branchGuestPreauthClaiming && state.loadingData && state.activeCredentialId != null && hasActiveWallet(state.accounts);
   const branchWalletPickerLink = !branchGuestSetupComplete && !branchKeepGuestPreauthPin && !branchGuestPostPayLogin && !branchCompleted && !branchFailed && !branchProcessing && !branchKeepFundingSubflow && !branchMobileWalletSetup && !branchStandardDesktopInlineOpenWallet && !branchKeepGuestPreauthDesktopOpenWallet && !branchKeepGuestWalletSetup && !branchGuestTokenPicker && !branchKeepWalletPickerSwitch && !branchInitializingPrivy && !branchInitializingPasskeyConfig && !branchOtpVerify && !branchLoginRequested && !branchPasskeyVerify && !branchPasskeyCreate && !branchGuestPreauthClaiming && !branchDataLoading && state.activeCredentialId != null && !hasActiveWallet(state.accounts) && !state.mobileFlow;
   const branchDeposit = !branchGuestSetupComplete && !branchKeepGuestPreauthPin && !branchGuestPostPayLogin && !branchCompleted && !branchFailed && !branchProcessing && !branchKeepFundingSubflow && !branchMobileWalletSetup && !branchStandardDesktopInlineOpenWallet && !branchKeepGuestPreauthDesktopOpenWallet && !branchKeepGuestWalletSetup && !branchGuestTokenPicker && !branchKeepWalletPickerSwitch && !branchInitializingPrivy && !branchInitializingPasskeyConfig && !branchOtpVerify && !branchLoginRequested && !branchPasskeyVerify && !branchPasskeyCreate && !branchGuestPreauthClaiming && !branchDataLoading && !branchWalletPickerLink && state.activeCredentialId != null && hasActiveWallet(state.accounts) && !state.loadingData;
@@ -1983,6 +2143,7 @@ function createInitialState(config) {
     selectedAccountId: null,
     selectedWalletId: null,
     selectedTokenSymbol: null,
+    savedSelection: null,
     amount: config.depositAmount != null ? config.depositAmount.toString() : "",
     transfer: null,
     creatingTransfer: false,
@@ -2009,7 +2170,8 @@ function createInitialState(config) {
     standardDesktopInlineOpenWallet: false,
     guestPreauthSetupCompletePending: false,
     privyReady: false,
-    privyAuthenticated: false
+    privyAuthenticated: false,
+    lastResumedAt: 0
   };
 }
 function paymentReducer(state, action) {
@@ -2107,6 +2269,9 @@ function applyAction(state, action) {
         next.mobileFlow = false;
         next.deeplinkUri = null;
       }
+      if (action.resetSelectedTokenSymbol) {
+        next.selectedTokenSymbol = null;
+      }
       return next;
     }
     case "DATA_LOAD_END":
@@ -2121,8 +2286,43 @@ function applyAction(state, action) {
         next.selectedAccountId = action.defaults.accountId;
         next.selectedWalletId = action.defaults.walletId;
       }
+      if (action.resetSelectedTokenSymbol) {
+        next.selectedTokenSymbol = null;
+      }
       return next;
     }
+    case "SAVE_SELECTION":
+      return {
+        ...state,
+        savedSelection: {
+          selectedProviderId: state.selectedProviderId,
+          selectedAccountId: state.selectedAccountId,
+          selectedWalletId: state.selectedWalletId,
+          selectedTokenSymbol: state.selectedTokenSymbol
+        }
+      };
+    case "RESTORE_SELECTION": {
+      const snap = state.savedSelection;
+      if (!snap) {
+        return {
+          ...state,
+          error: null,
+          increasingLimit: false
+        };
+      }
+      return {
+        ...state,
+        selectedProviderId: snap.selectedProviderId,
+        selectedAccountId: snap.selectedAccountId,
+        selectedWalletId: snap.selectedWalletId,
+        selectedTokenSymbol: snap.selectedTokenSymbol,
+        savedSelection: null,
+        error: null,
+        increasingLimit: false
+      };
+    }
+    case "DISCARD_SAVED_SELECTION":
+      return { ...state, savedSelection: null };
     // ── Source selection ──────────────────────────────────────────
     case "SELECT_PROVIDER":
       return {
@@ -2417,7 +2617,8 @@ function applyAction(state, action) {
         oneTapLimitSavedDuringSetup: false,
         guestPreauthorizing: false,
         guestPreauthSetupCompletePending: false,
-        standardDesktopInlineOpenWallet: false
+        standardDesktopInlineOpenWallet: false,
+        savedSelection: null
       };
     case "LOGOUT":
       return {
@@ -2440,6 +2641,8 @@ function applyAction(state, action) {
       };
     case "SYNC_AMOUNT":
       return { ...state, amount: action.amount };
+    case "PAGE_RESUMED":
+      return { ...state, lastResumedAt: Date.now() };
     default:
       return state;
   }
@@ -2529,6 +2732,41 @@ function screenForPhase(phase) {
       return "guest-preauth-linking";
   }
 }
+
+// src/depositTokenSelection.ts
+function tokenOptionsForLinkedAccount(selectedAccount, chains) {
+  if (!selectedAccount) return [];
+  return selectedAccount.wallets.flatMap((w) => {
+    const evmChainId = chains.find((c) => c.name === w.chain.name)?.commonId ?? void 0;
+    return w.sources.filter((s) => s.balance.total.amount > 0).map((s) => ({
+      symbol: s.token.symbol,
+      chainName: w.chain.name,
+      balance: s.balance.available.amount,
+      walletId: w.id,
+      status: s.token.status,
+      tokenAddress: s.address,
+      chainId: evmChainId
+    }));
+  });
+}
+function handleInlineTokenSelection(handlers, chains, selectedAccount, symbol, chainName, walletId) {
+  if (walletId && selectedAccount) {
+    const wallet = selectedAccount.wallets.find((w) => w.id === walletId);
+    if (wallet && wallet.chain.name === chainName) {
+      const source = wallet.sources.find((s) => s.token.symbol === symbol);
+      const evmChainId = chains.find((c) => c.name === chainName)?.commonId ?? void 0;
+      const authorized = !source?.token.status || source.token.status === "AUTHORIZED";
+      if (source && !authorized && source.address && evmChainId != null) {
+        void handlers.onAuthorizeToken(walletId, source.address, evmChainId, symbol);
+        return;
+      }
+    }
+    handlers.onSelectAuthorizedToken(walletId, symbol);
+    return;
+  }
+  handlers.onSelectSourceChainChange(chainName);
+  handlers.onSetSelectSourceTokenSymbol(symbol);
+}
 var MUTED = "#7fa4b0";
 var LOGO_SIZE = 48;
 function BlinkLoadingScreen() {
@@ -3522,16 +3760,33 @@ function PasskeyScreen({
   creating,
   error,
   popupFallback = false,
-  onCreatePasskeyViaPopup
+  onCreatePasskeyViaPopup,
+  onCreateNewPasskey,
+  onCreateNewPasskeyViaPopup,
+  createNewPopupFallback,
+  creatingNewPasskey
 }) {
   const { tokens } = useBlinkConfig();
   const handleCreate = popupFallback && onCreatePasskeyViaPopup ? onCreatePasskeyViaPopup : onCreatePasskey;
   const buttonLabel = popupFallback ? "Open Passkey Window" : "Verify Passkey";
+  const showCreateNewLink = onCreateNewPasskey != null;
+  const usePopupForNew = createNewPopupFallback ?? popupFallback;
+  const handleCreateNew = usePopupForNew && onCreateNewPasskeyViaPopup ? onCreateNewPasskeyViaPopup : onCreateNewPasskey;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ScreenLayout,
     {
       footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: handleCreate, disabled: creating, loading: creating, children: buttonLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: handleCreate, disabled: creating || creatingNewPasskey, loading: creating, children: buttonLabel }),
+        showCreateNewLink && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleCreateNew,
+            disabled: creatingNewPasskey || creating,
+            style: createNewLinkStyle(tokens.textMuted),
+            children: creatingNewPasskey ? "Creating passkey\u2026" : "Create a new passkey for this device"
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(PoweredByFooter, {})
       ] }),
       children: [
@@ -3566,6 +3821,17 @@ var subtitleStyle3 = (color) => ({
   margin: "0 0 20px",
   lineHeight: 1.5
 });
+var createNewLinkStyle = (color) => ({
+  background: "none",
+  border: "none",
+  color,
+  fontSize: "0.85rem",
+  cursor: "pointer",
+  padding: "8px 16px",
+  textDecoration: "underline",
+  fontFamily: "inherit",
+  width: "100%"
+});
 var errorBannerStyle2 = (tokens) => ({
   background: tokens.errorBg,
   border: `1px solid ${tokens.error}66`,
@@ -4081,6 +4347,22 @@ var loginButtonStyle = (accentColor) => ({
   fontFamily: "inherit",
   textDecoration: "underline"
 });
+
+// src/setupScreenSelection.ts
+function matchesSetupTokenSelection(opt, selectedTokenSymbol, selectedChainName, allOptions) {
+  if (!selectedTokenSymbol || opt.symbol !== selectedTokenSymbol) {
+    return false;
+  }
+  const chain = selectedChainName?.trim();
+  if (chain) {
+    return opt.chainName === chain;
+  }
+  const sameSymbol = allOptions.filter((o) => o.symbol === selectedTokenSymbol);
+  if (sameSymbol.length === 1) {
+    return opt.chainName === sameSymbol[0].chainName;
+  }
+  return false;
+}
 var DEFAULT_MAX = 1e7;
 var ABSOLUTE_MIN = 0.01;
 var PRESETS = [100, 250, 1e3];
@@ -4096,13 +4378,16 @@ function SetupScreen({
   loading,
   error,
   selectedTokenSymbol,
+  selectedChainName,
   tokenOptions,
   onSelectToken
 }) {
   const { tokens } = useBlinkConfig();
   const effectiveMax = DEFAULT_MAX;
   const effectiveMin = Math.min(ABSOLUTE_MIN, effectiveMax);
-  const [limit, setLimit] = react.useState(() => Math.min(availableBalance, effectiveMax));
+  const autoLimit = Math.min(Math.max(availableBalance, 0), effectiveMax);
+  const [userChosenLimit, setUserChosenLimit] = react.useState(null);
+  const limit = userChosenLimit ?? autoLimit;
   const [activePreset, setActivePreset] = react.useState(null);
   const [showAdvanced, setShowAdvanced] = react.useState(false);
   const [editing, setEditing] = react.useState(false);
@@ -4141,20 +4426,22 @@ function SetupScreen({
   const commitEdit = react.useCallback(() => {
     const parsed = parseFloat(inputValue);
     if (!isNaN(parsed)) {
-      setLimit(Math.min(effectiveMax, Math.max(effectiveMin, Math.round(parsed * 100) / 100)));
+      setUserChosenLimit(
+        Math.min(effectiveMax, Math.max(effectiveMin, Math.round(parsed * 100) / 100))
+      );
     }
     setActivePreset(null);
     setEditing(false);
   }, [inputValue, effectiveMax, effectiveMin]);
   const selectPreset = (value) => {
-    setLimit(Math.min(value, effectiveMax));
+    setUserChosenLimit(Math.min(value, effectiveMax));
     setActivePreset(value);
   };
   const selectMax = () => {
-    setLimit(Math.min(availableBalance, effectiveMax));
+    setUserChosenLimit(autoLimit);
     setActivePreset("max");
   };
-  const selectedOption = tokenOptions?.find((o) => o.symbol === selectedTokenSymbol);
+  const options = tokenOptions ?? [];
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ScreenLayout,
     {
@@ -4187,12 +4474,7 @@ function SetupScreen({
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { style: tokenRowLabelStyle(tokens.text), children: "Token for one tap" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { style: tokenRowRightStyle, children: [
-                  selectedOption && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: tokenRowSymbolStyle(tokens.textSecondary), children: [
-                    selectedOption.symbol,
-                    " \xB7 ",
-                    selectedOption.chainName
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { style: tokenIconWrapStyle, children: selectedTokenSymbol && TOKEN_LOGOS[selectedTokenSymbol] ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: TOKEN_LOGOS[selectedTokenSymbol], alt: selectedTokenSymbol, width: 36, height: 36, style: { borderRadius: "50%" } }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { style: tokenIconWrapStyle, children: selectedTokenSymbol && TOKEN_LOGOS[selectedTokenSymbol] ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: TOKEN_LOGOS[selectedTokenSymbol], alt: "", width: 36, height: 36, style: { borderRadius: "50%" } }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "18", cy: "18", r: "18", fill: "#2DB84B" }),
                     /* @__PURE__ */ jsxRuntime.jsx("text", { x: "18", y: "23", textAnchor: "middle", fontSize: "18", fill: "#fff", fontWeight: "700", children: "$" })
                   ] }) }),
@@ -4204,14 +4486,21 @@ function SetupScreen({
           tokenDropdownOpen && tokenOptions && tokenOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: dropdownOuterStyle(tokens), children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { style: dropdownLabelStyle(tokens.textMuted), children: "Choose token" }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { style: dropdownInnerStyle(tokens), children: tokenOptions.map((opt, index) => {
-              const selected = opt.symbol === selectedTokenSymbol;
+              const selected = matchesSetupTokenSelection(
+                opt,
+                selectedTokenSymbol,
+                selectedChainName,
+                options
+              );
               const isLast = index === tokenOptions.length - 1;
+              const authorized = !opt.status || opt.status === "AUTHORIZED";
               return /* @__PURE__ */ jsxRuntime.jsxs(
                 "button",
                 {
                   type: "button",
                   onClick: () => handlePickToken(opt),
                   style: dropdownRowStyle(tokens, selected, isLast),
+                  "aria-label": opt.balance != null ? `${opt.symbol} on ${opt.chainName}, $${opt.balance.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })} balance${!authorized ? ", not authorized" : ""}` : `${opt.symbol} on ${opt.chainName}${!authorized ? ", not authorized" : ""}`,
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: dropdownRowLeftStyle, children: [
                       /* @__PURE__ */ jsxRuntime.jsx("div", { style: dropdownTokenIconStyle(tokens, !!TOKEN_LOGOS[opt.symbol]), children: TOKEN_LOGOS[opt.symbol] ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: TOKEN_LOGOS[opt.symbol], alt: opt.symbol, style: dropdownTokenLogoStyle }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: dropdownTokenFallbackStyle(tokens.textMuted), children: "$" }) }),
@@ -4221,9 +4510,12 @@ function SetupScreen({
                           /* @__PURE__ */ jsxRuntime.jsx("span", { style: dropdownTokenDotStyle(tokens.textMuted), children: "\xB7" }),
                           /* @__PURE__ */ jsxRuntime.jsx("span", { style: dropdownTokenChainStyle(tokens.textMuted), children: opt.chainName })
                         ] }),
-                        opt.balance != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: dropdownTokenBalanceStyle(tokens.textMuted), children: [
-                          "$",
-                          opt.balance.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: dropdownTokenBalanceRowStyle, children: [
+                          opt.balance != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: dropdownTokenBalanceStyle(tokens.textMuted), children: [
+                            "$",
+                            opt.balance.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+                          ] }),
+                          !authorized && /* @__PURE__ */ jsxRuntime.jsx("span", { style: dropdownNotAuthorizedStyle(tokens.textMuted), children: "Not authorized" })
                         ] })
                       ] })
                     ] }),
@@ -4343,11 +4635,6 @@ var tokenRowRightStyle = {
   gap: 6,
   flexShrink: 0
 };
-var tokenRowSymbolStyle = (color) => ({
-  fontSize: "0.84rem",
-  fontWeight: 500,
-  color
-});
 var advancedToggleStyle = (accentColor) => ({
   display: "block",
   margin: "4px auto 24px",
@@ -4495,10 +4782,20 @@ var dropdownTokenChainStyle = (color) => ({
   fontWeight: 400,
   color
 });
+var dropdownTokenBalanceRowStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: 8
+};
 var dropdownTokenBalanceStyle = (color) => ({
   fontSize: "0.78rem",
   color
 });
+var dropdownNotAuthorizedStyle = (color) => ({
+  fontSize: "0.7rem",
+  fontWeight: 500,
+  color
+});
 var dropdownRadioEmptyStyle = (borderColor) => ({
   width: 22,
   height: 22,
@@ -4613,6 +4910,38 @@ var waitHintStyle = (color) => ({
   color,
   margin: 0
 });
+
+// src/feeFormat.ts
+function isPreciseMoneyNonPositive(fee) {
+  const raw = fee.value.trim();
+  if (!/^-?\d+(\.\d*)?$/.test(raw)) return false;
+  const n = Number(raw);
+  return Number.isFinite(n) && n <= 0;
+}
+function formatNonPositiveFeeDisplay(fee) {
+  if (fee.currency === "USD") return "Under $0.01";
+  return `Less than 0.01 ${fee.currency}`;
+}
+function formatPreciseMoneyForDisplay(fee) {
+  const raw = fee.value.trim();
+  if (fee.currency === "USD") {
+    if (!/^\d+(\.\d*)?$/.test(raw)) {
+      return `$${raw}`;
+    }
+    const [whole, frac = ""] = raw.split(".");
+    const dec = `${frac}00`.slice(0, 2);
+    const intFmt = whole.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    return `$${intFmt}.${dec}`;
+  }
+  return `${raw} ${fee.currency}`;
+}
+function formatUsdTwoDecimals(value) {
+  const n = Number(value);
+  return (Number.isFinite(n) ? n : 0).toLocaleString("en-US", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  });
+}
 function DepositScreen({
   merchantName,
   availableBalance,
@@ -4620,6 +4949,8 @@ function DepositScreen({
   tokenCount,
   initialAmount,
   minDepositFloor,
+  quoteFee,
+  quoteLoading,
   processing,
   error,
   onDeposit,
@@ -4634,13 +4965,19 @@ function DepositScreen({
   onAuthorizeAccount,
   onAddProvider,
   onSelectToken,
+  tokenOptions,
+  onPickToken,
   selectedSourceLabel,
-  selectedTokenSymbol
+  selectedTokenSymbol,
+  selectedChainName
 }) {
   const { tokens } = useBlinkConfig();
   const amount = initialAmount;
   const [accountPickerOpen, setAccountPickerOpen] = react.useState(false);
+  const [tokenPickerOpen, setTokenPickerOpen] = react.useState(false);
   const pickerRef = react.useRef(null);
+  const tokenPickerRef = react.useRef(null);
+  const hasTokenDropdown = tokenOptions != null && tokenOptions.length > 0 && onPickToken != null;
   react.useEffect(() => {
     if (!accountPickerOpen) return;
     const handleClick = (e) => {
@@ -4651,47 +4988,129 @@ function DepositScreen({
     document.addEventListener("mousedown", handleClick);
     return () => document.removeEventListener("mousedown", handleClick);
   }, [accountPickerOpen]);
+  react.useEffect(() => {
+    if (!tokenPickerOpen) return;
+    const handleMouseDown = (e) => {
+      if (tokenPickerRef.current && !tokenPickerRef.current.contains(e.target)) {
+        setTokenPickerOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleMouseDown);
+    return () => document.removeEventListener("mousedown", handleMouseDown);
+  }, [tokenPickerOpen]);
+  const handleTokenBadgeClick = react.useCallback(() => {
+    if (hasTokenDropdown) {
+      setTokenPickerOpen((v) => !v);
+      setAccountPickerOpen(false);
+    } else {
+      onSelectToken?.();
+    }
+  }, [hasTokenDropdown, onSelectToken]);
+  const handlePickToken = react.useCallback((opt) => {
+    onPickToken?.(opt.symbol, opt.chainName, opt.walletId);
+    setTokenPickerOpen(false);
+  }, [onPickToken]);
   const selectedAccount = accounts?.find((a) => a.id === selectedAccountId);
   const selectedProviderName = selectedAccount?.name ?? "Wallet";
   const selectedProviderLogo = KNOWN_LOGOS[selectedProviderName.toLowerCase()];
   const totalAccountBalance = selectedAccount ? selectedAccount.wallets.reduce((sum, w) => sum + w.balance.available.amount, 0) : availableBalance;
   const isLowBalance = availableBalance < minDepositFloor;
+  const insufficientFunds = availableBalance < amount;
   const exceedsLimit = remainingLimit != null && amount > remainingLimit && !isLowBalance;
-  const canDeposit = amount >= minDepositFloor && !exceedsLimit && !isLowBalance && !processing;
+  const canDeposit = amount >= minDepositFloor && !exceedsLimit && !isLowBalance && !insufficientFunds && !processing;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ScreenLayout,
     {
       footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        !accountPickerOpen && (exceedsLimit && onIncreaseLimit ? /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onIncreaseLimit, loading: increasingLimit, children: "Increase limit" }) : /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: () => onDeposit(amount), disabled: !canDeposit, loading: processing, children: "Confirm" })),
+        !accountPickerOpen && !tokenPickerOpen && (exceedsLimit && onIncreaseLimit ? /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onIncreaseLimit, loading: increasingLimit, children: "Increase limit" }) : /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: () => onDeposit(amount), disabled: !canDeposit, loading: processing, children: insufficientFunds ? "Insufficient Funds" : "Confirm" })),
         /* @__PURE__ */ jsxRuntime.jsx(PoweredByFooter, {})
       ] }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { onBack, onLogout }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: pickerRef, style: depositCardWrapStyle, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: depositCardStyle(tokens), children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { style: depositLabelStyle(tokens.textMuted), children: "Depositing" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: amountRowStyle, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: amountValueStyle(tokens.text), children: [
-                "$",
-                amount.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: tokenPickerRef, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: amountRowStyle, children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { style: amountValueStyle(tokens.text), children: [
+                  "$",
+                  formatUsdTwoDecimals(amount)
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    "data-testid": "deposit-token-badge",
+                    onClick: handleTokenBadgeClick,
+                    style: tokenIconButtonStyle(hasTokenDropdown || !!onSelectToken),
+                    "aria-expanded": hasTokenDropdown ? tokenPickerOpen : void 0,
+                    "aria-haspopup": hasTokenDropdown ? "listbox" : void 0,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { style: tokenIconWrapStyle2, children: selectedTokenSymbol && TOKEN_LOGOS[selectedTokenSymbol] ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: TOKEN_LOGOS[selectedTokenSymbol], alt: selectedTokenSymbol, width: 36, height: 36, style: { borderRadius: "50%" } }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "18", cy: "18", r: "18", fill: "#2DB84B" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("text", { x: "18", y: "23", textAnchor: "middle", fontSize: "18", fill: "#fff", fontWeight: "700", children: "$" })
+                      ] }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", style: { opacity: 0.5 }, children: tokenPickerOpen ? /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 15l-6-6-6 6", stroke: tokens.textMuted, strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) : /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 9l6 6 6-6", stroke: tokens.textMuted, strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+                    ]
+                  }
+                )
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "button",
-                {
-                  type: "button",
-                  onClick: onSelectToken,
-                  style: tokenIconButtonStyle(!!onSelectToken),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: tokenIconWrapStyle2, children: selectedTokenSymbol && TOKEN_LOGOS[selectedTokenSymbol] ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: TOKEN_LOGOS[selectedTokenSymbol], alt: selectedTokenSymbol, width: 36, height: 36, style: { borderRadius: "50%" } }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "18", cy: "18", r: "18", fill: "#2DB84B" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("text", { x: "18", y: "23", textAnchor: "middle", fontSize: "18", fill: "#fff", fontWeight: "700", children: "$" })
-                    ] }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", style: { opacity: 0.5 }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 9l6 6 6-6", stroke: tokens.textMuted, strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
-                  ]
-                }
-              )
+              tokenPickerOpen && tokenOptions && tokenOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: tokenDropdownStyle(tokens), children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { style: tokenDropdownLabelStyle(tokens.textMuted), children: "Choose token" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { style: tokenDropdownInnerStyle(tokens), children: tokenOptions.map((opt, index) => {
+                  const selected = opt.symbol === selectedTokenSymbol && (!selectedChainName || opt.chainName === selectedChainName);
+                  const isLast = index === tokenOptions.length - 1;
+                  const authorized = !opt.status || opt.status === "AUTHORIZED";
+                  return /* @__PURE__ */ jsxRuntime.jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => handlePickToken(opt),
+                      style: tokenDropdownRowStyle(tokens, selected, isLast),
+                      "aria-label": opt.balance != null ? `${opt.symbol} on ${opt.chainName}, $${formatUsdTwoDecimals(opt.balance)} balance${!authorized ? ", not authorized" : ""}` : `${opt.symbol} on ${opt.chainName}${!authorized ? ", not authorized" : ""}`,
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: tokenDropdownRowLeftStyle, children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("div", { style: tokenDropdownIconStyle(tokens, !!TOKEN_LOGOS[opt.symbol]), children: TOKEN_LOGOS[opt.symbol] ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: TOKEN_LOGOS[opt.symbol], alt: opt.symbol, style: tokenDropdownLogoStyle }) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: tokenDropdownFallbackStyle(tokens.textMuted), children: "$" }) }),
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: tokenDropdownInfoStyle, children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: tokenDropdownNameRowStyle, children: [
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { style: tokenDropdownSymbolStyle(tokens.text), children: opt.symbol }),
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { style: tokenDropdownDotStyle(tokens.textMuted), children: "\xB7" }),
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { style: tokenDropdownChainStyle(tokens.textMuted), children: opt.chainName })
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: tokenDropdownBalanceRowStyle, children: [
+                              opt.balance != null && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: tokenDropdownBalanceStyle(tokens.textMuted), children: [
+                                "$",
+                                formatUsdTwoDecimals(opt.balance)
+                              ] }),
+                              !authorized && /* @__PURE__ */ jsxRuntime.jsx("span", { style: tokenDropdownNotAuthStyle(tokens.textMuted), children: "Not authorized" })
+                            ] })
+                          ] })
+                        ] }),
+                        selected ? /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "11", fill: tokens.success }),
+                          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11l3 3 5-5", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+                        ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: tokenDropdownRadioStyle(tokens.border) })
+                      ]
+                    },
+                    `${opt.chainName}-${opt.symbol}`
+                  );
+                }) })
+              ] })
             ] }),
-            !accountPickerOpen && /* @__PURE__ */ jsxRuntime.jsxs(
+            !accountPickerOpen && !tokenPickerOpen && (() => {
+              if (quoteLoading) {
+                return /* @__PURE__ */ jsxRuntime.jsx("div", { style: feeRowContainerStyle, "aria-live": "polite", children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: feeRowLabelStyle(tokens.textMuted), children: "Getting fee estimate\u2026" }) });
+              }
+              if (quoteFee) {
+                const feeText = isPreciseMoneyNonPositive(quoteFee) ? formatNonPositiveFeeDisplay(quoteFee) : formatPreciseMoneyForDisplay(quoteFee);
+                return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: feeRowContainerStyle, "aria-live": "polite", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: feeRowLabelStyle(tokens.textMuted), children: "Fee estimate: " }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: feeRowAmountStyle(tokens.textSecondary), children: feeText })
+                ] });
+              }
+              return null;
+            })(),
+            !accountPickerOpen && !tokenPickerOpen && /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
               {
                 type: "button",
@@ -4701,7 +5120,7 @@ function DepositScreen({
                   selectedProviderLogo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: selectedProviderLogo, alt: selectedProviderName, style: providerLogoStyle }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: providerFallbackStyle(tokens.textMuted), children: selectedProviderName.charAt(0) }),
                   /* @__PURE__ */ jsxRuntime.jsxs("span", { style: walletBalanceStyle(tokens.text), children: [
                     "$",
-                    totalAccountBalance.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+                    formatUsdTwoDecimals(totalAccountBalance)
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", style: { opacity: 0.4 }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 10l5-5 5 5M7 14l5 5 5-5", stroke: tokens.textMuted, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
                 ]
@@ -4742,7 +5161,7 @@ function DepositScreen({
                           /* @__PURE__ */ jsxRuntime.jsx("span", { style: accountAddressStyle(tokens.text), children: truncatedAddress ?? account.nickname ?? account.name }),
                           /* @__PURE__ */ jsxRuntime.jsxs("span", { style: accountBalanceTextStyle(tokens.textMuted), children: [
                             "$",
-                            accountBalance.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+                            formatUsdTwoDecimals(accountBalance)
                           ] })
                         ] })
                       ] }),
@@ -4778,21 +5197,21 @@ function DepositScreen({
           " ",
           /* @__PURE__ */ jsxRuntime.jsxs("strong", { style: { color: tokens.text }, children: [
             "$",
-            remainingLimit.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+            formatUsdTwoDecimals(remainingLimit)
           ] }),
           exceedsLimit && /* @__PURE__ */ jsxRuntime.jsxs("p", { style: limitExceededHintStyle(tokens.warning), children: [
             "Your deposit of $",
-            amount.toFixed(2),
+            formatUsdTwoDecimals(amount),
             " exceeds your One-Tap limit of $",
-            remainingLimit?.toFixed(2) ?? "0.00",
+            remainingLimit != null ? formatUsdTwoDecimals(remainingLimit) : "0.00",
             ". Increase your limit to continue."
           ] })
         ] }),
         !accountPickerOpen && isLowBalance && /* @__PURE__ */ jsxRuntime.jsxs(WarningBanner, { title: "Not enough funds", children: [
           "Your wallet balance is $",
-          availableBalance.toFixed(2),
+          formatUsdTwoDecimals(availableBalance),
           " \u2014 you need at least $",
-          minDepositFloor.toFixed(2),
+          formatUsdTwoDecimals(minDepositFloor),
           " to deposit via One-Tap."
         ] }),
         error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorBannerStyle6(tokens), children: error })
@@ -4804,6 +5223,11 @@ var depositCardWrapStyle = {
   position: "relative",
   marginBottom: 20
 };
+var depositCardStyle = (tokens) => ({
+  border: `1px solid ${tokens.border}`,
+  borderRadius: tokens.radiusLg,
+  padding: "16px 20px"
+});
 var depositLabelStyle = (color) => ({
   fontSize: "0.75rem",
   fontWeight: 500,
@@ -4837,104 +5261,214 @@ var tokenIconWrapStyle2 = {
   width: 36,
   height: 36
 };
-var walletBalanceRowStyle = {
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  gap: 8,
-  background: "transparent",
-  border: "none",
-  padding: 0,
-  width: "100%",
-  cursor: "pointer",
-  fontFamily: "inherit",
-  outline: "none"
-};
-var providerLogoStyle = {
-  width: 18,
-  height: 18,
-  borderRadius: "50%",
-  objectFit: "contain"
-};
-var providerFallbackStyle = (color) => ({
-  width: 18,
-  height: 18,
-  borderRadius: "50%",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  fontSize: "0.65rem",
-  fontWeight: 700,
-  color,
-  flexShrink: 0
-});
-var walletBalanceStyle = (color) => ({
-  fontSize: "0.9rem",
-  fontWeight: 600,
-  color
-});
-var accountDropdownOuterStyle = (tokens) => ({
+var tokenDropdownStyle = (t) => ({
   marginTop: 4,
-  background: tokens.bgCard,
-  border: `1px solid ${tokens.border}`,
-  borderRadius: tokens.radiusLg,
-  boxShadow: tokens.shadowLg,
+  marginBottom: 12,
+  background: t.bgCard,
+  border: `1px solid ${t.border}`,
+  borderRadius: t.radiusLg,
+  boxShadow: t.shadowLg,
   padding: "12px 14px 14px"
 });
-var accountDropdownLabelStyle = (color) => ({
+var tokenDropdownLabelStyle = (color) => ({
   fontSize: "0.78rem",
   fontWeight: 500,
   color,
   marginBottom: 8
 });
-var accountDropdownInnerStyle = (tokens) => ({
-  background: tokens.bgInput,
-  border: `1px solid ${tokens.border}`,
-  borderRadius: tokens.radiusLg,
+var tokenDropdownInnerStyle = (t) => ({
+  background: t.bgInput,
+  border: `1px solid ${t.border}`,
+  borderRadius: t.radiusLg,
   overflow: "hidden"
 });
-var accountRowStyle = (tokens, isSelected) => ({
+var tokenDropdownRowStyle = (t, isSelected, isLast) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
   width: "100%",
   padding: "14px 16px",
-  background: isSelected ? `${tokens.accent}10` : "transparent",
+  background: isSelected ? `${t.accent}18` : "transparent",
   border: "none",
-  borderBottom: `1px solid ${tokens.border}`,
+  borderBottom: isLast ? "none" : `1px solid ${t.border}`,
   cursor: "pointer",
   fontFamily: "inherit",
   textAlign: "left",
   outline: "none"
 });
-var accountRowLeftStyle = {
+var tokenDropdownRowLeftStyle = {
   display: "flex",
   alignItems: "center",
   gap: 12,
   minWidth: 0,
   flex: 1
 };
-var accountLogoStyle = {
-  width: 28,
-  height: 28,
-  borderRadius: "50%",
-  objectFit: "contain",
-  flexShrink: 0
-};
-var accountFallbackIconStyle = (color) => ({
-  width: 28,
-  height: 28,
+var tokenDropdownIconStyle = (t, hasLogo) => ({
+  width: 36,
+  height: 36,
   borderRadius: "50%",
+  border: hasLogo ? "none" : `1.5px solid ${t.border}`,
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
-  fontSize: "0.75rem",
-  fontWeight: 700,
-  color,
-  flexShrink: 0
+  flexShrink: 0,
+  overflow: "hidden"
 });
-var accountInfoStyle = {
-  display: "flex",
+var tokenDropdownLogoStyle = {
+  width: 36,
+  height: 36,
+  borderRadius: "50%",
+  objectFit: "cover"
+};
+var tokenDropdownFallbackStyle = (color) => ({
+  fontSize: "1rem",
+  fontWeight: 700,
+  color
+});
+var tokenDropdownInfoStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 2,
+  minWidth: 0
+};
+var tokenDropdownNameRowStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: 4
+};
+var tokenDropdownSymbolStyle = (color) => ({
+  fontSize: "0.92rem",
+  fontWeight: 600,
+  color
+});
+var tokenDropdownDotStyle = (color) => ({
+  fontSize: "0.8rem",
+  color
+});
+var tokenDropdownChainStyle = (color) => ({
+  fontSize: "0.84rem",
+  fontWeight: 400,
+  color
+});
+var tokenDropdownBalanceRowStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: 8
+};
+var tokenDropdownBalanceStyle = (color) => ({
+  fontSize: "0.78rem",
+  color
+});
+var tokenDropdownNotAuthStyle = (color) => ({
+  fontSize: "0.7rem",
+  fontWeight: 500,
+  color
+});
+var tokenDropdownRadioStyle = (borderColor) => ({
+  width: 22,
+  height: 22,
+  borderRadius: "50%",
+  border: `2px solid ${borderColor}`,
+  flexShrink: 0
+});
+var walletBalanceRowStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: 8,
+  background: "transparent",
+  border: "none",
+  padding: 0,
+  width: "100%",
+  cursor: "pointer",
+  fontFamily: "inherit",
+  outline: "none"
+};
+var providerLogoStyle = {
+  width: 18,
+  height: 18,
+  borderRadius: "50%",
+  objectFit: "contain"
+};
+var providerFallbackStyle = (color) => ({
+  width: 18,
+  height: 18,
+  borderRadius: "50%",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  fontSize: "0.65rem",
+  fontWeight: 700,
+  color,
+  flexShrink: 0
+});
+var walletBalanceStyle = (color) => ({
+  fontSize: "0.9rem",
+  fontWeight: 600,
+  color
+});
+var accountDropdownOuterStyle = (tokens) => ({
+  marginTop: 4,
+  background: tokens.bgCard,
+  border: `1px solid ${tokens.border}`,
+  borderRadius: tokens.radiusLg,
+  boxShadow: tokens.shadowLg,
+  padding: "12px 14px 14px"
+});
+var accountDropdownLabelStyle = (color) => ({
+  fontSize: "0.78rem",
+  fontWeight: 500,
+  color,
+  marginBottom: 8
+});
+var accountDropdownInnerStyle = (tokens) => ({
+  background: tokens.bgInput,
+  border: `1px solid ${tokens.border}`,
+  borderRadius: tokens.radiusLg,
+  overflow: "hidden"
+});
+var accountRowStyle = (tokens, isSelected) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  width: "100%",
+  padding: "14px 16px",
+  background: isSelected ? `${tokens.accent}10` : "transparent",
+  border: "none",
+  borderBottom: `1px solid ${tokens.border}`,
+  cursor: "pointer",
+  fontFamily: "inherit",
+  textAlign: "left",
+  outline: "none"
+});
+var accountRowLeftStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: 12,
+  minWidth: 0,
+  flex: 1
+};
+var accountLogoStyle = {
+  width: 28,
+  height: 28,
+  borderRadius: "50%",
+  objectFit: "contain",
+  flexShrink: 0
+};
+var accountFallbackIconStyle = (color) => ({
+  width: 28,
+  height: 28,
+  borderRadius: "50%",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  fontSize: "0.75rem",
+  fontWeight: 700,
+  color,
+  flexShrink: 0
+});
+var accountInfoStyle = {
+  display: "flex",
   flexDirection: "column",
   gap: 2,
   minWidth: 0
@@ -4998,9 +5532,20 @@ var limitExceededHintStyle = (color) => ({
   margin: "12px 0 2px",
   lineHeight: 1.5
 });
+var feeRowContainerStyle = {
+  fontSize: "0.84rem",
+  fontWeight: 500,
+  marginTop: 6,
+  marginBottom: 4
+};
+var feeRowLabelStyle = (color) => ({ color });
+var feeRowAmountStyle = (color) => ({
+  color,
+  fontVariantNumeric: "tabular-nums"
+});
 function SuccessScreen({
   amount,
-  currency,
+  currency: _currency,
   succeeded,
   error,
   merchantName,
@@ -5013,22 +5558,30 @@ function SuccessScreen({
   onPreauthorize
 }) {
   const { tokens } = useBlinkConfig();
+  const isGuestDepositSuccess = succeeded && onPreauthorize != null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     ScreenLayout,
     {
       footer: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        succeeded && onPreauthorize ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onPreauthorize, children: "Preauthorize future transfers" }),
-          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onDone, style: skipButtonStyle(tokens.textMuted), children: "Skip this time" })
+        isGuestDepositSuccess ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onPreauthorize, children: "Set up one tap" }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onDone, style: skipButtonStyle(tokens.textMuted), children: "Return to app" })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { onClick: onDone, children: succeeded ? "Done" : "Try again" }),
         onManageAccount && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onManageAccount, style: manageStyle(tokens.textMuted), children: "Manage Blink account \u2192" }),
         /* @__PURE__ */ jsxRuntime.jsx(PoweredByFooter, {})
       ] }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { onLogout }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle6, children: [
-          succeeded ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(IconCircle, { variant: "success", size: 64, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z", fill: tokens.success }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: screenContentStyle, children: [
+          isGuestDepositSuccess ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyleCompact, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("h2", { style: headingStyle7(tokens.text), children: [
+              "$",
+              amount.toFixed(2),
+              " deposited"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { style: { ...subtitleStyle7(tokens.text), fontWeight: 600, margin: "0 0 8px" }, children: "Next time, do it in one tap" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtitleStyle7(tokens.textSecondary), children: "Set up one tap for this wallet and skip the extra steps." })
+          ] }) : succeeded ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyleCompact, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("h2", { style: headingStyle7(tokens.text), children: [
               "$",
               amount.toFixed(2),
@@ -5040,10 +5593,10 @@ function SuccessScreen({
             ] })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(IconCircle, { variant: "error", size: 64, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z", fill: tokens.error }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle7(tokens.text), children: "Transfer failed" }),
-            error && /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtitleStyle7(tokens.error), children: error })
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { style: failureHeadingStyle(tokens.text), children: "Transfer failed" }),
+            error && /* @__PURE__ */ jsxRuntime.jsx("p", { style: failureSubtitleStyle(tokens.error), children: error })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: summaryCardStyle(tokens), children: [
+          !isGuestDepositSuccess && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: summaryCardStyle(tokens), children: [
             sourceName && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: summaryRowStyle, children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { style: summaryLabelStyle(tokens.textMuted), children: "From" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { style: summaryValueStyle(tokens.text), children: sourceName })
@@ -5060,7 +5613,7 @@ function SuccessScreen({
               ] })
             ] })
           ] }),
-          succeeded && onIncreaseLimits && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: upsellCardStyle(tokens), children: [
+          succeeded && onIncreaseLimits && !isGuestDepositSuccess && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: upsellCardStyle(tokens), children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: upsellHeaderStyle, children: [
               /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", style: { marginRight: 6 }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 14l5-5 5 5", stroke: tokens.accent, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
               /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Want higher limits?" })
@@ -5073,21 +5626,42 @@ function SuccessScreen({
     }
   );
 }
-var contentStyle6 = {
+var screenContentStyle = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
   paddingTop: 16
 };
+var contentStyleCompact = {
+  textAlign: "center",
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  width: "100%"
+};
 var headingStyle7 = (color) => ({
+  fontSize: "1.45rem",
+  fontWeight: 700,
+  letterSpacing: "-0.02em",
+  color,
+  margin: "20px 0 8px"
+});
+var subtitleStyle7 = (color) => ({
+  fontSize: "0.9rem",
+  color,
+  margin: "0 0 28px",
+  lineHeight: 1.5,
+  maxWidth: 280
+});
+var failureHeadingStyle = (color) => ({
   fontSize: "1.5rem",
   fontWeight: 700,
   letterSpacing: "-0.02em",
   color,
   margin: "20px 0 4px"
 });
-var subtitleStyle7 = (color) => ({
+var failureSubtitleStyle = (color) => ({
   fontSize: "0.9rem",
   color,
   margin: "0 0 20px"
@@ -5603,7 +6177,7 @@ function TransferStatusScreen({
   const steps = buildSteps(phase);
   return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { footer: /* @__PURE__ */ jsxRuntime.jsx(PoweredByFooter, {}), children: [
     /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { onLogout }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle7, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle6, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: 64 }),
       /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle9(tokens.text), children: "Depositing your money..." }),
       error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: errorBannerStyle7(tokens), children: error }),
@@ -5611,7 +6185,7 @@ function TransferStatusScreen({
     ] })
   ] });
 }
-var contentStyle7 = {
+var contentStyle6 = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
@@ -5681,7 +6255,7 @@ function OpenWalletScreen({
         ] }),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { onLogout }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle8, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle7, children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { style: logoCircleStyle(tokens.bgInput), children: logoSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoSrc, alt: displayName, style: logoStyle2 }) : /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: 32 }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("h2", { style: headingStyle10(tokens.text), children: [
               "Setting up ",
@@ -5714,7 +6288,7 @@ function OpenWalletScreen({
       ] }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { onBack, onLogout }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle8, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle7, children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { style: logoCircleStyle(tokens.bgInput), children: logoSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoSrc, alt: displayName, style: logoStyle2 }) : /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: 32 }) }),
           /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle10(tokens.text), children: loading ? "Connecting..." : `Open ${displayName}` }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtitleStyle10(tokens.textSecondary), children: loading ? "Creating transfer and preparing your wallet link..." : `Continue in ${displayName} to authorize this connection.` }),
@@ -5727,7 +6301,7 @@ function OpenWalletScreen({
     }
   );
 }
-var contentStyle8 = {
+var contentStyle7 = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
@@ -5813,7 +6387,7 @@ function ConfirmSignScreen({
       ] }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { onLogout }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle9, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle8, children: [
           logoSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoSrc, alt: displayName, style: logoStyle3 }) : /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: 48 }),
           /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle11(tokens.text), children: "Wallet authorized" }),
           /* @__PURE__ */ jsxRuntime.jsxs("p", { style: subtitleStyle11(tokens.textSecondary), children: [
@@ -5829,7 +6403,7 @@ function ConfirmSignScreen({
     }
   );
 }
-var contentStyle9 = {
+var contentStyle8 = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
@@ -6124,29 +6698,6 @@ var selectCircleSelectedStyle = (color) => ({
 function entryKey(entry) {
   return `${entry.sourceChainId}-${entry.tokenAddress.toLowerCase()}`;
 }
-function isPreciseMoneyNonPositive(fee) {
-  const raw = fee.value.trim();
-  if (!/^-?\d+(\.\d*)?$/.test(raw)) return false;
-  const n = Number(raw);
-  return Number.isFinite(n) && n <= 0;
-}
-function formatNonPositiveFeeDisplay(fee) {
-  if (fee.currency === "USD") return "Under $0.01";
-  return `Less than 0.01 ${fee.currency}`;
-}
-function formatPreciseMoneyForDisplay(fee) {
-  const raw = fee.value.trim();
-  if (fee.currency === "USD") {
-    if (!/^\d+(\.\d*)?$/.test(raw)) {
-      return `$${raw}`;
-    }
-    const [whole, frac = ""] = raw.split(".");
-    const dec = `${frac}00`.slice(0, 2);
-    const intFmt = whole.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-    return `$${intFmt}.${dec}`;
-  }
-  return `${raw} ${fee.currency}`;
-}
 function GuestTokenPickerScreen({
   entries,
   loading,
@@ -6186,13 +6737,13 @@ function GuestTokenPickerScreen({
   const canConfirm = Boolean(quoteFee && pendingEntry && !quoteLoading);
   const feeLine = (() => {
     if (quoteLoading && pendingEntry) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { style: feeRowContainerStyle, "aria-live": "polite", children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: feeRowLabelStyle(t.textMuted), children: "Getting fee estimate\u2026" }) });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { style: feeRowContainerStyle2, "aria-live": "polite", children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: feeRowLabelStyle2(t.textMuted), children: "Getting fee estimate\u2026" }) });
     }
     if (quoteFee) {
       const feeText = isPreciseMoneyNonPositive(quoteFee) ? formatNonPositiveFeeDisplay(quoteFee) : formatPreciseMoneyForDisplay(quoteFee);
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: feeRowContainerStyle, "aria-live": "polite", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { style: feeRowLabelStyle(t.textMuted), children: "Fee estimate: " }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { style: feeRowAmountStyle(t.textSecondary), children: feeText })
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: feeRowContainerStyle2, "aria-live": "polite", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: feeRowLabelStyle2(t.textMuted), children: "Fee estimate: " }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: feeRowAmountStyle2(t.textSecondary), children: feeText })
       ] });
     }
     return null;
@@ -6214,7 +6765,7 @@ function GuestTokenPickerScreen({
                 depositAmount != null && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: depositAmountStyle2(t.text), children: [
                   "$",
                   depositAmount.toLocaleString("en-US", {
-                    minimumFractionDigits: 0,
+                    minimumFractionDigits: 2,
                     maximumFractionDigits: 2
                   })
                 ] }),
@@ -6296,7 +6847,7 @@ function GuestTokenPickerScreen({
           ] }),
           tokenListOpen && entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: tokenDropdownOuterStyle(t), children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { style: accountDropdownLabelStyle2(t.textMuted), children: "Choose token" }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { style: tokenDropdownInnerStyle(t), children: entries.map((entry, index) => {
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: tokenDropdownInnerStyle2(t), children: entries.map((entry, index) => {
               const selected = pendingKey === entryKey(entry);
               const isLast = index === entries.length - 1;
               return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6397,13 +6948,13 @@ var depositAmountStyle2 = (color) => ({
   color,
   lineHeight: 1.05
 });
-var feeRowContainerStyle = {
+var feeRowContainerStyle2 = {
   fontSize: "0.84rem",
   fontWeight: 500,
   marginTop: 6
 };
-var feeRowLabelStyle = (color) => ({ color });
-var feeRowAmountStyle = (color) => ({
+var feeRowLabelStyle2 = (color) => ({ color });
+var feeRowAmountStyle2 = (color) => ({
   color,
   fontVariantNumeric: "tabular-nums"
 });
@@ -6449,7 +7000,7 @@ var accountDropdownLabelStyle2 = (color) => ({
   color,
   marginBottom: 8
 });
-var tokenDropdownInnerStyle = (tokens) => ({
+var tokenDropdownInnerStyle2 = (tokens) => ({
   background: tokens.bgInput,
   border: `1px solid ${tokens.border}`,
   borderRadius: tokens.radiusLg,
@@ -6561,7 +7112,7 @@ function GuestPreauthSetupCompleteScreen({
       ] }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { onLogout }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle10, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle9, children: [
           /* @__PURE__ */ jsxRuntime.jsx(IconCircle, { variant: "success", size: 64, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
             "path",
             {
@@ -6570,13 +7121,13 @@ function GuestPreauthSetupCompleteScreen({
             }
           ) }) }),
           /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle12(tokens.text), children: "Setup complete" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtitleStyle12(tokens.textSecondary), children: "Your account is linked and ready. You can close this window or make another deposit." })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtitleStyle12(tokens.textSecondary), children: "Your account is linked and ready. You can close this window." })
         ] })
       ]
     }
   );
 }
-var contentStyle10 = {
+var contentStyle9 = {
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
@@ -6605,14 +7156,14 @@ function GuestPreauthLinkingScreen({ onLogout }) {
   const { tokens } = useBlinkConfig();
   return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { onLogout }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle11, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: contentStyle10, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: 48 }),
       /* @__PURE__ */ jsxRuntime.jsx("h2", { style: headingStyle13(tokens.text), children: "Setting up your account..." }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtitleStyle13(tokens.textSecondary), children: "Linking your wallet to your Blink account. This usually takes a few seconds." })
     ] })
   ] });
 }
-var contentStyle11 = {
+var contentStyle10 = {
   flex: 1,
   display: "flex",
   flexDirection: "column",
@@ -6789,13 +7340,15 @@ function StepRendererContent({
       return /* @__PURE__ */ jsxRuntime.jsx(
         PasskeyScreen,
         {
-          onCreatePasskey: handlers.onRegisterPasskey,
+          onCreatePasskey: handlers.onVerifyPasskey,
           onBack: handlers.onLogout,
           onLogout: handlers.onLogout,
-          creating: state.verifyingPasskeyPopup,
+          creating: state.registeringPasskey,
           error: state.error,
-          popupFallback: true,
-          onCreatePasskeyViaPopup: handlers.onVerifyPasskeyViaPopup
+          onCreateNewPasskey: handlers.onCreateNewPasskey,
+          onCreateNewPasskeyViaPopup: handlers.onCreateNewPasskeyViaPopup,
+          createNewPopupFallback: state.passkeyPopupNeeded,
+          creatingNewPasskey: state.registeringPasskey
         }
       );
     case "wallet-picker": {
@@ -6852,15 +7405,11 @@ function StepRendererContent({
         0
       );
       const effectiveTokenCount = tokenCount > 0 ? tokenCount : selectSourceTokenCount;
-      const effectiveSourceLabel = selectedSourceLabel ?? (selectSourceChainName && selectSourceTokenSymbol ? `${selectSourceTokenSymbol} on ${selectSourceChainName}` : void 0);
-      const setupTokenOptions = selectedAccount ? selectedAccount.wallets.flatMap(
-        (w) => w.sources.filter((s) => s.balance.total.amount > 0).map((s) => ({
-          symbol: s.token.symbol,
-          chainName: w.chain.name,
-          balance: s.balance.available.amount,
-          walletId: w.id
-        }))
-      ) : selectSourceChoices.flatMap(
+      const setupFromPendingSelectSource = pendingSelectSource != null;
+      const setupSelectedTokenSymbol = setupFromPendingSelectSource ? selectSourceTokenSymbol || selectSourceRecommended?.tokenSymbol || "" : selectedSource?.token.symbol ?? selectSourceTokenSymbol;
+      const setupSelectedChainName = setupFromPendingSelectSource ? selectSourceChainName || selectSourceRecommended?.chainName || "" : selectedWallet?.chain.name ?? selectSourceChainName;
+      const effectiveSourceLabel = setupFromPendingSelectSource ? setupSelectedTokenSymbol && setupSelectedChainName ? `${setupSelectedTokenSymbol} on ${setupSelectedChainName}` : void 0 : selectedSourceLabel ?? (selectSourceChainName && selectSourceTokenSymbol ? `${selectSourceTokenSymbol} on ${selectSourceChainName}` : void 0);
+      const setupTokenOptions = selectedAccount ? tokenOptionsForLinkedAccount(selectedAccount, state.chains) : selectSourceChoices.flatMap(
         (chain) => chain.tokens.map((t) => ({
           symbol: t.tokenSymbol,
           chainName: chain.chainName,
@@ -6868,9 +7417,8 @@ function StepRendererContent({
         }))
       );
       const handleSetupSelectToken = (symbol, chainName, walletId) => {
-        if (walletId) {
-          handlers.onSelectAuthorizedToken(walletId, symbol);
-        } else {
+        handleInlineTokenSelection(handlers, state.chains, selectedAccount, symbol, chainName, walletId);
+        if (pendingSelectSource) {
           handlers.onSelectSourceChainChange(chainName);
           handlers.onSetSelectSourceTokenSymbol(symbol);
         }
@@ -6878,17 +7426,18 @@ function StepRendererContent({
       return /* @__PURE__ */ jsxRuntime.jsx(
         SetupScreen,
         {
-          availableBalance: selectedSource ? selectedSource.balance.available.amount : selectSourceAvailableBalance > 0 ? selectSourceAvailableBalance : selectedAccount ? selectedAccount.wallets.reduce((sum, w) => sum + w.balance.available.amount, 0) : maxSourceBalance,
+          availableBalance: selectedSource ? selectedSource.balance.available.amount : setupFromPendingSelectSource ? selectSourceAvailableBalance : selectSourceAvailableBalance > 0 ? selectSourceAvailableBalance : selectedAccount ? selectedAccount.wallets.reduce((sum, w) => sum + w.balance.available.amount, 0) : maxSourceBalance,
           tokenCount: effectiveTokenCount,
           sourceName,
           onSetupOneTap: handlers.onSetupOneTap,
-          onBack: () => handlers.onSetPhase({ step: "deposit" }),
+          onBack: handlers.onBackFromSubflow,
           onLogout: handlers.onLogout,
           onAdvanced: handlers.onSelectToken,
           selectedSourceLabel: effectiveSourceLabel,
           loading: savingOneTapLimit,
           error: state.error,
-          selectedTokenSymbol: selectedSource?.token.symbol ?? selectSourceTokenSymbol,
+          selectedTokenSymbol: setupSelectedTokenSymbol,
+          selectedChainName: setupSelectedChainName,
           tokenOptions: setupTokenOptions,
           onSelectToken: handleSetupSelectToken
         }
@@ -6910,6 +7459,7 @@ function StepRendererContent({
     case "deposit": {
       const parsedAmt = depositAmount != null ? depositAmount : 5;
       const minDepositFloor = depositAmount != null ? depositAmount : DEFAULT_MIN_DEPOSIT_USD;
+      const depositTokenOptions = tokenOptionsForLinkedAccount(selectedAccount, state.chains);
       return /* @__PURE__ */ jsxRuntime.jsx(
         DepositScreen,
         {
@@ -6918,6 +7468,8 @@ function StepRendererContent({
           remainingLimit: selectedSource != null ? selectedSource.remainingAllowance ?? null : selectedAccount?.remainingAllowance ?? null,
           tokenCount,
           initialAmount: parsedAmt,
+          quoteFee: forms.depositQuoteFee,
+          quoteLoading: forms.depositQuoteLoading,
           processing: state.creatingTransfer,
           error: state.error,
           onDeposit: handlers.onPay,
@@ -6932,8 +7484,13 @@ function StepRendererContent({
           onAuthorizeAccount: handlers.onContinueConnection,
           onAddProvider: () => handlers.onSetPhase({ step: "wallet-picker", reason: "switch" }),
           onSelectToken: handlers.onSelectToken,
+          tokenOptions: depositTokenOptions,
+          onPickToken: (symbol, chainName, walletId) => {
+            handleInlineTokenSelection(handlers, state.chains, selectedAccount, symbol, chainName, walletId);
+          },
           selectedSourceLabel,
           selectedTokenSymbol: selectedSource?.token.symbol,
+          selectedChainName: selectedWallet?.chain.name,
           minDepositFloor
         }
       );
@@ -6974,7 +7531,7 @@ function StepRendererContent({
           chains: state.chains,
           onSelectAuthorized: handlers.onSelectAuthorizedToken,
           onAuthorizeToken: handlers.onAuthorizeToken,
-          onBack: () => handlers.onSetPhase({ step: "deposit" }),
+          onBack: handlers.onBackFromSubflow,
           onLogout: handlers.onLogout,
           depositAmount: depositAmount ?? void 0,
           selectedTokenSymbol: selectedSource?.token.symbol,
@@ -7053,7 +7610,7 @@ function StepRendererContent({
           })() : void 0,
           onDone: onDismiss ?? handlers.onNewPayment,
           onLogout: authenticated ? handlers.onLogout : void 0,
-          onPreauthorize: state.isGuestFlow ? handlers.onPreauthorize : void 0
+          onPreauthorize: state.isGuestFlow && isDesktop ? handlers.onPreauthorize : void 0
         }
       );
     }
@@ -7341,6 +7898,53 @@ function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds)
       dispatch({ type: "SET_REGISTERING_PASSKEY", value: false });
     }
   }, [user, knownCredentialIds, activateExistingCredential, completePasskeyRegistration, dispatch]);
+  const handleVerifyPasskey = react.useCallback(async () => {
+    dispatch({ type: "SET_REGISTERING_PASSKEY", value: true });
+    dispatch({ type: "SET_ERROR", error: null });
+    try {
+      const matched = await findDevicePasskey(knownCredentialIds);
+      if (matched) {
+        await activateExistingCredential(matched);
+      } else {
+        dispatch({
+          type: "SET_ERROR",
+          error: "No matching passkey found on this device. Please try again."
+        });
+      }
+    } catch (err) {
+      captureException(err);
+      dispatch({
+        type: "SET_ERROR",
+        error: err instanceof Error ? err.message : "Passkey verification failed."
+      });
+    } finally {
+      dispatch({ type: "SET_REGISTERING_PASSKEY", value: false });
+    }
+  }, [knownCredentialIds, activateExistingCredential, dispatch]);
+  const handleCreateNewPasskey = react.useCallback(async () => {
+    dispatch({ type: "SET_REGISTERING_PASSKEY", value: true });
+    dispatch({ type: "SET_ERROR", error: null });
+    try {
+      const passkeyDisplayName = user?.email?.address ?? user?.google?.name ?? user?.id ?? "Blink User";
+      const { credentialId, publicKey } = await createPasskeyCredential({
+        userId: user?.id ?? "unknown",
+        displayName: passkeyDisplayName
+      });
+      await completePasskeyRegistration(credentialId, publicKey);
+    } catch (err) {
+      if (err instanceof PasskeyIframeBlockedError) {
+        dispatch({ type: "SET_PASSKEY_POPUP_NEEDED", needed: true });
+      } else {
+        captureException(err);
+        dispatch({
+          type: "SET_ERROR",
+          error: err instanceof Error ? err.message : "Failed to register passkey"
+        });
+      }
+    } finally {
+      dispatch({ type: "SET_REGISTERING_PASSKEY", value: false });
+    }
+  }, [user, completePasskeyRegistration, dispatch]);
   const handleCreatePasskeyViaPopup = react.useCallback(async () => {
     dispatch({ type: "SET_REGISTERING_PASSKEY", value: true });
     dispatch({ type: "SET_ERROR", error: null });
@@ -7387,6 +7991,35 @@ function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds)
       dispatch({ type: "SET_REGISTERING_PASSKEY", value: false });
     }
   }, [user, knownCredentialIds, getAccessToken, apiBaseUrl, activateExistingCredential, dispatch]);
+  const handleCreateNewPasskeyViaPopup = react.useCallback(async () => {
+    dispatch({ type: "SET_REGISTERING_PASSKEY", value: true });
+    dispatch({ type: "SET_ERROR", error: null });
+    try {
+      const token = await getAccessToken();
+      const passkeyDisplayName = user?.email?.address ?? user?.google?.name ?? user?.id ?? "Blink User";
+      const popupOptions = buildPasskeyPopupOptions({
+        userId: user?.id ?? "unknown",
+        displayName: passkeyDisplayName,
+        authToken: token ?? void 0,
+        apiBaseUrl
+      });
+      const { credentialId, publicKey } = await createPasskeyViaPopup(popupOptions);
+      dispatch({ type: "PASSKEY_ACTIVATED", credentialId, publicKey });
+      localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, credentialId);
+      if (token) {
+        reportPasskeyActivity(apiBaseUrl, token, credentialId).catch(() => {
+        });
+      }
+    } catch (err) {
+      captureException(err);
+      dispatch({
+        type: "SET_ERROR",
+        error: err instanceof Error ? err.message : "Failed to register passkey"
+      });
+    } finally {
+      dispatch({ type: "SET_REGISTERING_PASSKEY", value: false });
+    }
+  }, [user, getAccessToken, apiBaseUrl, dispatch]);
   const handleVerifyPasskeyViaPopup = react.useCallback(async () => {
     dispatch({ type: "SET_VERIFYING_PASSKEY", value: true });
     dispatch({ type: "SET_ERROR", error: null });
@@ -7429,7 +8062,10 @@ function usePasskeyHandlers(dispatch, apiBaseUrl, accounts, knownCredentialIds)
   }, [knownCredentialIds, getAccessToken, apiBaseUrl, dispatch]);
   return {
     handleRegisterPasskey,
+    handleVerifyPasskey,
+    handleCreateNewPasskey,
     handleCreatePasskeyViaPopup,
+    handleCreateNewPasskeyViaPopup,
     handleVerifyPasskeyViaPopup,
     checkingPasskeyRef
   };
@@ -7452,6 +8088,9 @@ function useTransferHandlers(deps) {
     sourceTokenAddress,
     activeCredentialId,
     selectedAccountId,
+    selectedWalletId,
+    selectedTokenSymbol,
+    quoteId,
     transfer,
     accounts
   } = deps;
@@ -7465,9 +8104,32 @@ function useTransferHandlers(deps) {
       fetchProviders(apiBaseUrl, token)
     ]);
     const parsedAmt = depositAmount != null ? depositAmount : 0;
-    const defaults = resolveDepositSelection(accts, parsedAmt, selectedAccountId);
-    dispatch({ type: "ACCOUNTS_RELOADED", accounts: accts, providers: prov, defaults });
-  }, [getAccessToken, activeCredentialId, selectedAccountId, apiBaseUrl, depositAmount, dispatch]);
+    const { defaults, resetSelectedTokenSymbol } = resolveDepositSelectionAfterRefresh(
+      accts,
+      parsedAmt,
+      {
+        selectedAccountId,
+        selectedWalletId,
+        selectedTokenSymbol
+      }
+    );
+    dispatch({
+      type: "ACCOUNTS_RELOADED",
+      accounts: accts,
+      providers: prov,
+      defaults,
+      resetSelectedTokenSymbol
+    });
+  }, [
+    getAccessToken,
+    activeCredentialId,
+    selectedAccountId,
+    selectedWalletId,
+    selectedTokenSymbol,
+    apiBaseUrl,
+    depositAmount,
+    dispatch
+  ]);
   const handlePay = react.useCallback(async (payAmount, sourceOverrides) => {
     const minUsd = effectiveMinTransferAmountUsd(depositAmount);
     if (isNaN(payAmount) || payAmount < minUsd) {
@@ -7511,7 +8173,8 @@ function useTransferHandlers(deps) {
         sourceId: effectiveSourceId,
         sourceTokenAddress,
         destination,
-        amount: payAmount
+        amount: payAmount,
+        ...quoteId ? { quoteId } : {}
       });
       dispatch({ type: "TRANSFER_CREATED", transfer: t });
       if (t.status === "COMPLETED") {
@@ -7543,6 +8206,7 @@ function useTransferHandlers(deps) {
     accounts,
     destination,
     apiBaseUrl,
+    quoteId,
     getAccessToken,
     transferSigning,
     polling,
@@ -7593,20 +8257,20 @@ function useSourceSelectionHandlers(dispatch, authExecutor, options) {
   const selectSourceAvailableBalance = react.useMemo(() => {
     if (!pendingSelectSourceAction) return 0;
     const options2 = pendingSelectSourceAction.metadata?.options ?? [];
-    const recommended = selectSourceRecommended;
-    if (recommended) {
-      const match = options2.find(
-        (opt) => opt.chainName === recommended.chainName && opt.tokenSymbol === recommended.tokenSymbol
-      );
-      if (match) return Number(match.rawBalance) / Math.pow(10, match.decimals);
-    }
-    let max = 0;
-    for (const opt of options2) {
-      const bal = Number(opt.rawBalance) / Math.pow(10, opt.decimals);
-      if (bal > max) max = bal;
-    }
-    return max;
-  }, [pendingSelectSourceAction, selectSourceRecommended]);
+    return resolveSelectSourceAvailableBalance(
+      selectSourceChoices,
+      options2,
+      selectSourceChainName,
+      selectSourceTokenSymbol,
+      selectSourceRecommended
+    );
+  }, [
+    pendingSelectSourceAction,
+    selectSourceChoices,
+    selectSourceChainName,
+    selectSourceTokenSymbol,
+    selectSourceRecommended
+  ]);
   const handleSelectSourceChainChange = react.useCallback(
     (chainName) => {
       setSelectSourceChainName(chainName);
@@ -7657,7 +8321,7 @@ function useSourceSelectionHandlers(dispatch, authExecutor, options) {
     initializedSelectSourceActionRef
   };
 }
-function useMobileFlowHandlers(dispatch, polling, reloadAccounts, pollingTransferIdRef, stateTransfer, refs, guestCheckout, onComplete) {
+function useMobileFlowHandlers(dispatch, polling, reloadAccounts, pollingTransferIdRef, stateTransfer, refs, guestCheckout, onComplete, lastResumedAt) {
   const {
     mobileSetupFlowRef,
     handlingMobileReturnRef,
@@ -7668,6 +8332,8 @@ function useMobileFlowHandlers(dispatch, polling, reloadAccounts, pollingTransfe
   onCompleteRef.current = onComplete;
   const guestPollingActiveRef = react.useRef(false);
   const guestPollingCleanupRef = react.useRef(null);
+  const mobileFlowRef = react.useRef(guestCheckout.mobileFlow);
+  mobileFlowRef.current = guestCheckout.mobileFlow;
   const guestTransferIdRef = react.useRef(guestCheckout.guestTransferId);
   guestTransferIdRef.current = guestCheckout.guestTransferId;
   const guestSessionTokenRef = react.useRef(guestCheckout.guestSessionToken);
@@ -7723,27 +8389,15 @@ function useMobileFlowHandlers(dispatch, polling, reloadAccounts, pollingTransfe
     startGuestPolling
   ]);
   react.useEffect(() => {
-    const tryStartPolling = () => {
-      if (guestPollingActiveRef.current) return;
-      const transferId = guestTransferIdRef.current;
-      const token = guestSessionTokenRef.current;
-      if (transferId && token) {
-        startGuestPolling(transferId, token);
-      }
-    };
-    const handleVisibility = () => {
-      if (document.visibilityState === "visible") tryStartPolling();
-    };
-    const handlePageShow = (e) => {
-      if (e.persisted) tryStartPolling();
-    };
-    document.addEventListener("visibilitychange", handleVisibility);
-    window.addEventListener("pageshow", handlePageShow);
-    return () => {
-      document.removeEventListener("visibilitychange", handleVisibility);
-      window.removeEventListener("pageshow", handlePageShow);
-    };
-  }, [startGuestPolling]);
+    if (!lastResumedAt) return;
+    if (guestPollingActiveRef.current) return;
+    if (!mobileFlowRef.current) return;
+    const transferId = guestTransferIdRef.current;
+    const token = guestSessionTokenRef.current;
+    if (transferId && token) {
+      startGuestPolling(transferId, token);
+    }
+  }, [lastResumedAt, startGuestPolling]);
   const handleAuthorizedMobileReturn = react.useCallback(async (authorizedTransfer, isSetup) => {
     if (handlingMobileReturnRef.current) return;
     handlingMobileReturnRef.current = true;
@@ -7977,6 +8631,9 @@ function useProviderHandlers(deps) {
         await reloadAccounts();
       }
     } catch (err) {
+      if (isAuthorizationSessionCancelled(err) || isUserDismissedAuthorizationError(err)) {
+        return;
+      }
       captureException(err);
       const msg = err instanceof Error ? err.message : "Failed to set up wallet";
       dispatch({ type: "PAY_ERROR", error: msg });
@@ -8043,7 +8700,12 @@ function useProviderHandlers(deps) {
     }
     const acct = accounts.find((a) => a.id === selectedAccountId);
     const matchedProvider = acct ? providers.find((p) => p.name === acct.name) : void 0;
-    if (matchedProvider) {
+    const isMobile = !shouldUseWalletConnector({
+      useWalletConnector: useWalletConnectorProp,
+      userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
+    });
+    if (matchedProvider && isMobile) {
+      dispatch({ type: "SAVE_SELECTION" });
       dispatch({ type: "SELECT_PROVIDER", providerId: matchedProvider.id });
     }
     dispatch({ type: "SET_ERROR", error: null });
@@ -8063,10 +8725,6 @@ function useProviderHandlers(deps) {
         activeCredentialId,
         { tokenAddress: source?.address, chainId: evmChainId }
       );
-      const isMobile = !shouldUseWalletConnector({
-        useWalletConnector: useWalletConnectorProp,
-        userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
-      });
       if (isMobile) {
         handlingMobileReturnRef.current = false;
         mobileSetupFlowRef.current = true;
@@ -8083,12 +8741,20 @@ function useProviderHandlers(deps) {
         });
         dispatch({ type: "MOBILE_DEEPLINK_READY", deeplinkUri: session.uri });
         triggerDeeplink(session.uri);
+        dispatch({ type: "DISCARD_SAVED_SELECTION" });
       } else {
         await authExecutor.executeSessionById(session.id);
         await reloadAccounts();
+        dispatch({ type: "DISCARD_SAVED_SELECTION" });
       }
     } catch (err) {
+      if (isAuthorizationSessionCancelled(err) || isUserDismissedAuthorizationError(err)) {
+        return;
+      }
       captureException(err);
+      if (isMobile) {
+        dispatch({ type: "RESTORE_SELECTION" });
+      }
       const msg = err instanceof Error ? err.message : "Failed to increase limit";
       dispatch({ type: "SET_ERROR", error: msg });
       onError?.(msg);
@@ -8133,7 +8799,12 @@ function useProviderHandlers(deps) {
     }
     const acct = accounts.find((a) => a.id === selectedAccountId);
     const matchedProvider = acct ? providers.find((p) => p.name === acct.name) : void 0;
-    if (matchedProvider) {
+    const isMobile = !shouldUseWalletConnector({
+      useWalletConnector: useWalletConnectorProp,
+      userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
+    });
+    if (matchedProvider && isMobile) {
+      dispatch({ type: "SAVE_SELECTION" });
       dispatch({ type: "SELECT_PROVIDER", providerId: matchedProvider.id });
     }
     dispatch({ type: "SET_ERROR", error: null });
@@ -8148,10 +8819,6 @@ function useProviderHandlers(deps) {
         activeCredentialId,
         { tokenAddress, chainId }
       );
-      const isMobile = !shouldUseWalletConnector({
-        useWalletConnector: useWalletConnectorProp,
-        userAgent: typeof navigator === "undefined" ? void 0 : navigator.userAgent
-      });
       if (isMobile) {
         handlingMobileReturnRef.current = false;
         mobileSetupFlowRef.current = true;
@@ -8169,13 +8836,21 @@ function useProviderHandlers(deps) {
         });
         dispatch({ type: "MOBILE_DEEPLINK_READY", deeplinkUri: session.uri });
         triggerDeeplink(session.uri);
+        dispatch({ type: "DISCARD_SAVED_SELECTION" });
       } else {
         await authExecutor.executeSessionById(session.id);
         await reloadAccounts();
         dispatch({ type: "SELECT_TOKEN", walletId: _walletId, tokenSymbol });
+        dispatch({ type: "DISCARD_SAVED_SELECTION" });
       }
     } catch (err) {
+      if (isAuthorizationSessionCancelled(err) || isUserDismissedAuthorizationError(err)) {
+        return;
+      }
       captureException(err);
+      if (isMobile) {
+        dispatch({ type: "RESTORE_SELECTION" });
+      }
       const msg = err instanceof Error ? err.message : "Failed to authorize token";
       dispatch({ type: "SET_ERROR", error: msg });
       onError?.(msg);
@@ -9008,28 +9683,6 @@ function usePasskeyCheckEffect(deps) {
           await restoreState(activeCredentialId, token);
           return;
         }
-        if (cancelled) return;
-        const credentialIds = allPasskeys.map((p) => p.credentialId);
-        let matched = null;
-        if (isSafari() && isInCrossOriginIframe()) {
-          matched = await findDevicePasskeyViaPopup({
-            credentialIds,
-            rpId: resolvePasskeyRpId(),
-            authToken: token ?? void 0,
-            apiBaseUrl
-          });
-        } else {
-          matched = await findDevicePasskey(credentialIds);
-        }
-        if (cancelled) return;
-        if (matched) {
-          const publicKey = allPasskeys.find((p) => p.credentialId === matched)?.publicKey;
-          dispatch({ type: "PASSKEY_ACTIVATED", credentialId: matched, publicKey });
-          window.localStorage.setItem(ACTIVE_CREDENTIAL_STORAGE_KEY, matched);
-          reportPasskeyActivity(apiBaseUrl, token, matched).catch(() => {
-          });
-          await restoreState(matched, token);
-        }
       } catch (err) {
         dispatch({
           type: "PASSKEY_CONFIG_LOADED",
@@ -9112,7 +9765,15 @@ function useDataLoadEffect(deps) {
         ]);
         if (cancelled) return;
         const parsedAmt = depositAmount != null ? depositAmount : 0;
-        const defaults = resolveDepositSelection(accts, parsedAmt, state.selectedAccountId);
+        const { defaults, resetSelectedTokenSymbol } = resolveDepositSelectionAfterRefresh(
+          accts,
+          parsedAmt,
+          {
+            selectedAccountId: state.selectedAccountId,
+            selectedWalletId: state.selectedWalletId,
+            selectedTokenSymbol: state.selectedTokenSymbol
+          }
+        );
         const persisted = loadMobileFlowState();
         const clearMobile = persisted?.isSetup && accts.some((a) => a.wallets.some((w) => w.status === "ACTIVE"));
         dispatch({
@@ -9121,7 +9782,8 @@ function useDataLoadEffect(deps) {
           accounts: accts,
           chains: chn,
           defaults,
-          clearMobileState: clearMobile
+          clearMobileState: clearMobile,
+          resetSelectedTokenSymbol
         });
         if (clearMobile) clearMobileFlowState();
       } catch (err) {
@@ -9150,6 +9812,8 @@ function useDataLoadEffect(deps) {
     apiBaseUrl,
     state.activeCredentialId,
     state.selectedAccountId,
+    state.selectedWalletId,
+    state.selectedTokenSymbol,
     depositAmount
   ]);
   react.useEffect(() => {
@@ -9378,25 +10042,16 @@ function useMobilePollingEffect(deps) {
     const poll = isReauth ? pollReauthorization : pollWalletActive;
     poll();
     const intervalId = window.setInterval(poll, POLL_INTERVAL_MS);
-    const handleVisibility = () => {
-      if (document.visibilityState === "visible" && !cancelled) poll();
-    };
-    const handlePageShow = (e) => {
-      if (e.persisted && !cancelled) poll();
-    };
-    document.addEventListener("visibilitychange", handleVisibility);
-    window.addEventListener("pageshow", handlePageShow);
     return () => {
       cancelled = true;
       window.clearInterval(intervalId);
-      document.removeEventListener("visibilitychange", handleVisibility);
-      window.removeEventListener("pageshow", handlePageShow);
     };
   }, [
     state.mobileFlow,
     state.isGuestFlow,
     state.guestPreauthSessionId,
     state.activeCredentialId,
+    state.lastResumedAt,
     apiBaseUrl,
     reloadAccounts,
     dispatch,
@@ -9413,28 +10068,13 @@ function useMobilePollingEffect(deps) {
     const transferIdToResume = pollingTransferIdRef.current ?? state.transfer?.id;
     if (!transferIdToResume) return;
     if (!polling.isPolling) polling.startPolling(transferIdToResume);
-    const handleVisibility = () => {
-      if (document.visibilityState === "visible" && !handlingMobileReturnRef.current) {
-        polling.startPolling(transferIdToResume);
-      }
-    };
-    const handlePageShow = (e) => {
-      if (e.persisted && !handlingMobileReturnRef.current) {
-        polling.startPolling(transferIdToResume);
-      }
-    };
-    document.addEventListener("visibilitychange", handleVisibility);
-    window.addEventListener("pageshow", handlePageShow);
-    return () => {
-      document.removeEventListener("visibilitychange", handleVisibility);
-      window.removeEventListener("pageshow", handlePageShow);
-    };
   }, [
     state.mobileFlow,
     state.transfer?.id,
     state.isGuestFlow,
     state.guestPreauthSessionId,
     state.guestPreauthAccountId,
+    state.lastResumedAt,
     polling.isPolling,
     polling.startPolling,
     handlingMobileReturnRef,
@@ -9445,6 +10085,7 @@ function useGuestPreauthMobileRestoreEffect(deps) {
   const {
     dispatch,
     privyReady,
+    lastResumedAt,
     mobileSetupFlowRef,
     setupAccountIdRef,
     startGuestAccountPolling
@@ -9455,68 +10096,43 @@ function useGuestPreauthMobileRestoreEffect(deps) {
       console.info("[blink-sdk] guestPreauthMobileRestore: skipping, privyReady=false");
       return;
     }
-    const tryStart = (trigger) => {
-      if (startedRef.current) {
-        console.info("[blink-sdk] guestPreauthMobileRestore.tryStart: already started", { trigger });
-        return;
-      }
-      const persisted = loadMobileFlowState();
-      console.info("[blink-sdk] guestPreauthMobileRestore.tryStart", {
-        trigger,
-        hasPersistedState: !!persisted,
-        isGuestPreauth: persisted?.isGuestPreauth ?? false,
-        hasGuestSessionToken: !!persisted?.guestSessionToken,
-        hasSessionId: !!persisted?.sessionId,
-        accountId: persisted?.accountId ?? null
-      });
-      if (!persisted?.isGuestPreauth || !persisted.guestSessionToken || !persisted.sessionId) {
-        return;
-      }
-      startedRef.current = true;
-      mobileSetupFlowRef.current = true;
-      if (persisted.accountId) {
-        setupAccountIdRef.current = persisted.accountId;
-      }
-      if (persisted.accountId) {
-        dispatch({
-          type: "GUEST_PREAUTH_DETECTED",
-          accountId: persisted.accountId,
-          sessionId: persisted.sessionId
-        });
-      }
+    if (startedRef.current) {
+      console.info("[blink-sdk] guestPreauthMobileRestore: already started");
+      return;
+    }
+    const persisted = loadMobileFlowState();
+    console.info("[blink-sdk] guestPreauthMobileRestore.tryStart", {
+      trigger: lastResumedAt ? "page-resume" : "initial",
+      hasPersistedState: !!persisted,
+      isGuestPreauth: persisted?.isGuestPreauth ?? false,
+      hasGuestSessionToken: !!persisted?.guestSessionToken,
+      hasSessionId: !!persisted?.sessionId,
+      accountId: persisted?.accountId ?? null
+    });
+    if (!persisted?.isGuestPreauth || !persisted.guestSessionToken || !persisted.sessionId) {
+      return;
+    }
+    startedRef.current = true;
+    mobileSetupFlowRef.current = true;
+    if (persisted.accountId) {
+      setupAccountIdRef.current = persisted.accountId;
+    }
+    if (persisted.accountId) {
       dispatch({
-        type: "MOBILE_DEEPLINK_READY",
-        deeplinkUri: persisted.deeplinkUri
-      });
-      console.info("[blink-sdk] guestPreauthMobileRestore: starting guest account polling", {
-        trigger,
+        type: "GUEST_PREAUTH_DETECTED",
+        accountId: persisted.accountId,
         sessionId: persisted.sessionId
       });
-      startGuestAccountPolling(persisted.guestSessionToken, persisted.sessionId);
-    };
-    const onVisibility = () => {
-      console.info("[blink-sdk] guestPreauthMobileRestore: visibilitychange fired", {
-        visibilityState: document.visibilityState,
-        startedRef: startedRef.current
-      });
-      if (document.visibilityState === "visible") tryStart("visibilitychange");
-    };
-    const onPageShow = (e) => {
-      console.info("[blink-sdk] guestPreauthMobileRestore: pageshow fired", {
-        persisted: e.persisted,
-        visibilityState: document.visibilityState,
-        startedRef: startedRef.current
-      });
-      if (document.visibilityState === "visible") tryStart("pageshow");
-    };
-    tryStart("initial");
-    document.addEventListener("visibilitychange", onVisibility);
-    window.addEventListener("pageshow", onPageShow);
-    return () => {
-      document.removeEventListener("visibilitychange", onVisibility);
-      window.removeEventListener("pageshow", onPageShow);
-    };
-  }, [privyReady, dispatch, mobileSetupFlowRef, setupAccountIdRef, startGuestAccountPolling]);
+    }
+    dispatch({
+      type: "MOBILE_DEEPLINK_READY",
+      deeplinkUri: persisted.deeplinkUri
+    });
+    console.info("[blink-sdk] guestPreauthMobileRestore: starting guest account polling", {
+      sessionId: persisted.sessionId
+    });
+    startGuestAccountPolling(persisted.guestSessionToken, persisted.sessionId);
+  }, [privyReady, lastResumedAt, dispatch, mobileSetupFlowRef, setupAccountIdRef, startGuestAccountPolling]);
 }
 function useSelectSourceEffect(deps) {
   const {
@@ -9820,7 +10436,7 @@ function useStandardDesktopInlineOpenWalletEffect(deps) {
   react.useEffect(() => {
     if (!isDesktop || state.guestPreauthorizing) return;
     if (!state.privyAuthenticated || !state.activeCredentialId || !state.selectedAccountId) return;
-    const shouldPin = authExecutor.executing && !authExecutor.pendingSelectSource && !authExecutor.pendingOneTapSetup;
+    const shouldPin = authExecutor.executing && !authExecutor.pendingSelectSource && (!authExecutor.pendingOneTapSetup || authExecutor.authorizationSessionStackDepth > 1);
     if (shouldPin && !state.standardDesktopInlineOpenWallet) {
       dispatch({ type: "SET_STANDARD_DESKTOP_INLINE_OPEN_WALLET", value: true });
       return;
@@ -9838,6 +10454,7 @@ function useStandardDesktopInlineOpenWalletEffect(deps) {
     authExecutor.executing,
     authExecutor.pendingSelectSource,
     authExecutor.pendingOneTapSetup,
+    authExecutor.authorizationSessionStackDepth,
     dispatch
   ]);
 }
@@ -9856,7 +10473,84 @@ function useGuestAccountAutoPollingEffect(deps) {
     startPolling(guestSessionToken);
   }, [mobileFlow, isGuestFlow, guestSessionToken, isPolling, guestAccount, startPolling]);
 }
-function useGuestAccountPolling(intervalMs = 3e3) {
+var WATCHDOG_INTERVAL_MS = 1e3;
+var WATCHDOG_THRESHOLD_MS = 3e3;
+var DEDUP_COOLDOWN_MS = 500;
+function usePageResume(callback) {
+  const callbackRef = react.useRef(callback);
+  callbackRef.current = callback;
+  react.useEffect(() => {
+    let lastTickAt = Date.now();
+    let lastFiredAt = 0;
+    const fire = (source, frozenDurationMs) => {
+      const now = Date.now();
+      if (now - lastFiredAt < DEDUP_COOLDOWN_MS) return;
+      lastFiredAt = now;
+      callbackRef.current({ frozenDurationMs, source });
+    };
+    const watchdogId = window.setInterval(() => {
+      const now = Date.now();
+      const elapsed = now - lastTickAt;
+      lastTickAt = now;
+      if (elapsed > WATCHDOG_THRESHOLD_MS) {
+        fire("watchdog", elapsed);
+      }
+    }, WATCHDOG_INTERVAL_MS);
+    const handleVisibility = () => {
+      const now = Date.now();
+      if (document.visibilityState === "visible") {
+        fire("visibilitychange", now - lastTickAt);
+      }
+      lastTickAt = now;
+    };
+    const handlePageShow = (_e) => {
+      const now = Date.now();
+      if (document.visibilityState === "visible") {
+        fire("pageshow", now - lastTickAt);
+      }
+      lastTickAt = now;
+    };
+    const handleFocus = () => {
+      const now = Date.now();
+      const elapsed = now - lastTickAt;
+      lastTickAt = now;
+      if (elapsed > WATCHDOG_THRESHOLD_MS) {
+        fire("focus", elapsed);
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibility);
+    window.addEventListener("pageshow", handlePageShow);
+    window.addEventListener("focus", handleFocus);
+    return () => {
+      window.clearInterval(watchdogId);
+      document.removeEventListener("visibilitychange", handleVisibility);
+      window.removeEventListener("pageshow", handlePageShow);
+      window.removeEventListener("focus", handleFocus);
+    };
+  }, []);
+}
+var STUCK_REF_THRESHOLD_MS = 5e3;
+function usePageResumeEffect(deps) {
+  const { dispatch, handlingMobileReturnRef } = deps;
+  const dispatchRef = react.useRef(dispatch);
+  dispatchRef.current = dispatch;
+  usePageResume((info) => {
+    console.info("[blink-sdk] PAGE_RESUMED", {
+      source: info.source,
+      frozenDurationMs: info.frozenDurationMs
+    });
+    dispatchRef.current({ type: "PAGE_RESUMED", frozenDurationMs: info.frozenDurationMs });
+    if (info.frozenDurationMs > STUCK_REF_THRESHOLD_MS) {
+      if (handlingMobileReturnRef.current) {
+        console.info("[blink-sdk] PAGE_RESUMED: clearing stuck handlingMobileReturnRef", {
+          frozenDurationMs: info.frozenDurationMs
+        });
+        handlingMobileReturnRef.current = false;
+      }
+    }
+  });
+}
+function useGuestAccountPolling(intervalMs = 3e3, lastResumedAt = 0) {
   const { apiBaseUrl } = useBlinkConfig();
   const [guestAccount, setGuestAccount] = react.useState(null);
   const [isPolling, setIsPolling] = react.useState(false);
@@ -9954,36 +10648,71 @@ function useGuestAccountPolling(intervalMs = 3e3) {
     [poll, intervalMs, stopPolling]
   );
   react.useEffect(() => {
-    const handleVisibility = () => {
-      console.info("[blink-sdk] useGuestAccountPolling: visibilitychange fired", {
-        visibilityState: document.visibilityState,
-        hasToken: !!guestTokenRef.current,
-        hasSessionId: !!sessionIdRef.current
-      });
-      if (document.visibilityState === "visible" && guestTokenRef.current) {
-        void poll();
-      }
-    };
-    const handlePageShow = (e) => {
-      console.info("[blink-sdk] useGuestAccountPolling: pageshow fired", {
-        persisted: e.persisted,
-        visibilityState: document.visibilityState,
-        hasToken: !!guestTokenRef.current,
-        hasSessionId: !!sessionIdRef.current
+    if (!lastResumedAt || !guestTokenRef.current) return;
+    console.info("[blink-sdk] useGuestAccountPolling: page resumed, triggering poll", {
+      lastResumedAt,
+      hasToken: !!guestTokenRef.current,
+      hasSessionId: !!sessionIdRef.current
+    });
+    void poll();
+  }, [lastResumedAt, poll]);
+  react.useEffect(() => () => stopPolling(), [stopPolling]);
+  return { guestAccount, error, isPolling, startPolling, stopPolling };
+}
+function useDepositFeeEstimate({
+  apiBaseUrl,
+  getAccessToken,
+  walletId,
+  sourceTokenAddress,
+  destination,
+  amount,
+  enabled
+}) {
+  const [quoteId, setQuoteId] = react.useState(null);
+  const [quoteFee, setQuoteFee] = react.useState(null);
+  const [quoteLoading, setQuoteLoading] = react.useState(false);
+  const abortRef = react.useRef(null);
+  const fetchQuote = react.useCallback(async () => {
+    if (!enabled || !walletId || !sourceTokenAddress) {
+      setQuoteId(null);
+      setQuoteFee(null);
+      setQuoteLoading(false);
+      return;
+    }
+    abortRef.current?.abort();
+    const controller = new AbortController();
+    abortRef.current = controller;
+    setQuoteLoading(true);
+    try {
+      const token = await getAccessToken();
+      if (!token || controller.signal.aborted) return;
+      const quote = await postTransferQuote(apiBaseUrl, token, {
+        walletId,
+        sourceTokenAddress,
+        destination,
+        amount: { amount, currency: "USD" }
       });
-      if (document.visibilityState === "visible" && guestTokenRef.current) {
-        void poll();
+      if (controller.signal.aborted) return;
+      setQuoteId(quote.id);
+      setQuoteFee(quote.fee);
+    } catch (err) {
+      if (controller.signal.aborted) return;
+      console.warn("[blink-sdk] Fee quote failed:", err);
+      setQuoteId(null);
+      setQuoteFee(null);
+    } finally {
+      if (!controller.signal.aborted) {
+        setQuoteLoading(false);
       }
-    };
-    document.addEventListener("visibilitychange", handleVisibility);
-    window.addEventListener("pageshow", handlePageShow);
+    }
+  }, [enabled, walletId, sourceTokenAddress, destination, amount, apiBaseUrl, getAccessToken]);
+  react.useEffect(() => {
+    fetchQuote();
     return () => {
-      document.removeEventListener("visibilitychange", handleVisibility);
-      window.removeEventListener("pageshow", handlePageShow);
+      abortRef.current?.abort();
     };
-  }, [poll]);
-  react.useEffect(() => () => stopPolling(), [stopPolling]);
-  return { guestAccount, error, isPolling, startPolling, stopPolling };
+  }, [fetchQuote]);
+  return { quoteId, quoteFee, quoteLoading };
 }
 function BlinkPayment(props) {
   const resetKey = react.useRef(0);
@@ -10016,14 +10745,14 @@ function BlinkPaymentInner({
     paymentReducer,
     {
       depositAmount,
-      passkeyPopupNeeded: isSafari() && isInCrossOriginIframe(),
+      passkeyPopupNeeded: isSafari() && isInCrossOriginIframe() && !isDesktop,
       activeCredentialId: typeof window === "undefined" ? null : window.localStorage.getItem(ACTIVE_CREDENTIAL_STORAGE_KEY)
     },
     createInitialState
   );
   const authExecutor = useAuthorizationExecutor();
   const polling = useTransferPolling();
-  const guestAccountPolling = useGuestAccountPolling();
+  const guestAccountPolling = useGuestAccountPolling(3e3, state.lastResumedAt);
   const transferSigning = useTransferSigning();
   const mobileFlowRefs = {
     mobileSetupFlowRef: react.useRef(false),
@@ -10041,6 +10770,15 @@ function BlinkPaymentInner({
     state.accounts,
     state.knownCredentialIds
   );
+  const depositFee = useDepositFeeEstimate({
+    apiBaseUrl,
+    getAccessToken,
+    walletId: state.selectedWalletId,
+    sourceTokenAddress: derived.selectedSource?.address,
+    destination,
+    amount: depositAmount ?? 5,
+    enabled: state.phase.step === "deposit" && !state.isGuestFlow && authenticated
+  });
   const transfer = useTransferHandlers({
     dispatch,
     getAccessToken,
@@ -10058,6 +10796,9 @@ function BlinkPaymentInner({
     sourceTokenAddress: derived.selectedSource?.address,
     activeCredentialId: state.activeCredentialId,
     selectedAccountId: state.selectedAccountId,
+    selectedWalletId: state.selectedWalletId,
+    selectedTokenSymbol: state.selectedTokenSymbol,
+    quoteId: depositFee.quoteId,
     transfer: state.transfer,
     accounts: state.accounts
   });
@@ -10074,7 +10815,8 @@ function BlinkPaymentInner({
       guestTransferId: state.guestTransferId,
       guestSessionToken: state.guestSessionToken
     },
-    onComplete
+    onComplete,
+    state.lastResumedAt
   );
   const sourceSelection = useSourceSelectionHandlers(dispatch, authExecutor, {
     guestPreauthSessionId: state.guestPreauthSessionId,
@@ -10170,10 +10912,15 @@ function BlinkPaymentInner({
       dispatch({ type: "SYNC_AMOUNT", amount: depositAmount.toString() });
     }
   }, [depositAmount, dispatch]);
+  usePageResumeEffect({
+    dispatch,
+    handlingMobileReturnRef: mobileFlowRefs.handlingMobileReturnRef
+  });
   usePrivySessionSyncEffect({ dispatch, ready, authenticated });
   useGuestPreauthMobileRestoreEffect({
     dispatch,
     privyReady: state.privyReady,
+    lastResumedAt: state.lastResumedAt,
     mobileSetupFlowRef: mobileFlowRefs.mobileSetupFlowRef,
     setupAccountIdRef: mobileFlowRefs.setupAccountIdRef,
     startGuestAccountPolling: guestAccountPolling.startPolling
@@ -10186,25 +10933,24 @@ function BlinkPaymentInner({
     guestAccount: guestAccountPolling.guestAccount,
     startPolling: guestAccountPolling.startPolling
   });
-  const guestSessionTokenRef = react.useRef(state.guestSessionToken);
-  guestSessionTokenRef.current = state.guestSessionToken;
-  const guestPreauthSessionIdRef = react.useRef(state.guestPreauthSessionId);
-  guestPreauthSessionIdRef.current = state.guestPreauthSessionId;
   react.useEffect(() => {
-    const handleVisibility = () => {
-      if (document.visibilityState !== "visible") return;
-      const token = guestSessionTokenRef.current;
-      const sessionId = guestPreauthSessionIdRef.current;
-      if (!token) return;
-      if (guestAccountPolling.isPolling || guestAccountPolling.guestAccount) return;
-      console.info("[blink-sdk] warm-return: restarting guest account polling from React state", {
-        sessionId: sessionId ?? "(none \u2014 account-only mode)"
-      });
-      guestAccountPolling.startPolling(token, sessionId ?? void 0);
-    };
-    document.addEventListener("visibilitychange", handleVisibility);
-    return () => document.removeEventListener("visibilitychange", handleVisibility);
-  }, [guestAccountPolling.isPolling, guestAccountPolling.guestAccount, guestAccountPolling.startPolling]);
+    if (!state.lastResumedAt) return;
+    const token = state.guestSessionToken;
+    const sessionId = state.guestPreauthSessionId;
+    if (!token) return;
+    if (guestAccountPolling.isPolling || guestAccountPolling.guestAccount) return;
+    console.info("[blink-sdk] warm-return: restarting guest account polling from React state", {
+      sessionId: sessionId ?? "(none \u2014 account-only mode)"
+    });
+    guestAccountPolling.startPolling(token, sessionId ?? void 0);
+  }, [
+    state.lastResumedAt,
+    state.guestSessionToken,
+    state.guestPreauthSessionId,
+    guestAccountPolling.isPolling,
+    guestAccountPolling.guestAccount,
+    guestAccountPolling.startPolling
+  ]);
   react.useEffect(() => {
     console.info("[blink-sdk] guestPreauthCompletion effect", {
       hasGuestAccount: !!guestAccountPolling.guestAccount,
@@ -10355,7 +11101,10 @@ function BlinkPaymentInner({
       dispatch({ type: "BACK_TO_LOGIN" });
     },
     onRegisterPasskey: passkey.handleRegisterPasskey,
+    onVerifyPasskey: passkey.handleVerifyPasskey,
+    onCreateNewPasskey: passkey.handleCreateNewPasskey,
     onCreatePasskeyViaPopup: passkey.handleCreatePasskeyViaPopup,
+    onCreateNewPasskeyViaPopup: passkey.handleCreateNewPasskeyViaPopup,
     onVerifyPasskeyViaPopup: passkey.handleVerifyPasskeyViaPopup,
     onPrepareProvider: provider.handlePrepareProvider,
     onSelectProvider: provider.handleSelectProvider,
@@ -10369,6 +11118,11 @@ function BlinkPaymentInner({
     onLogout: handleLogout,
     onNewPayment: handleNewPayment,
     onSetPhase: (phase) => dispatch({ type: "SET_USER_INTENT", intent: phase }),
+    onBackFromSubflow: () => {
+      authExecutor.cancelPendingExecution();
+      dispatch({ type: "RESTORE_SELECTION" });
+      dispatch({ type: "SET_USER_INTENT", intent: { step: "deposit" } });
+    },
     onSetAuthInput: auth.setAuthInput,
     onSetOtpCode: (code) => {
       auth.setOtpCode(code);
@@ -10402,7 +11156,8 @@ function BlinkPaymentInner({
     handleLogout,
     handleNewPayment,
     onDismiss,
-    dispatch
+    dispatch,
+    authExecutor
   ]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     StepRenderer,
@@ -10451,7 +11206,10 @@ function BlinkPaymentInner({
         guestSettingSender: guestTransfer.settingSender,
         guestPendingEntry: guestTransfer.pendingGuestEntry,
         guestQuoteFee: guestTransfer.guestFee?.quote ?? null,
-        guestQuoteLoading: guestTransfer.guestQuoteLoading
+        guestQuoteLoading: guestTransfer.guestQuoteLoading,
+        depositQuoteId: depositFee.quoteId,
+        depositQuoteFee: depositFee.quoteFee,
+        depositQuoteLoading: depositFee.quoteLoading
       },
       handlers
     }
@@ -10459,6 +11217,7 @@ function BlinkPaymentInner({
 }
 
 exports.AdvancedSourceScreen = AdvancedSourceScreen;
+exports.AuthorizationSessionCancelledError = AuthorizationSessionCancelledError;
 exports.BLINK_LOGO = BLINK_LOGO;
 exports.BLINK_MASCOT = BLINK_MASCOT;
 exports.BlinkLoadingScreen = BlinkLoadingScreen;
@@ -10503,6 +11262,8 @@ exports.findDevicePasskey = findDevicePasskey;
 exports.findDevicePasskeyViaPopup = findDevicePasskeyViaPopup;
 exports.getTheme = getTheme;
 exports.guestEntryMatchingRecommended = guestEntryMatchingRecommended;
+exports.isAuthorizationSessionCancelled = isAuthorizationSessionCancelled;
+exports.isUserDismissedAuthorizationError = isUserDismissedAuthorizationError;
 exports.lightTheme = lightTheme;
 exports.mapGuestPickerEntries = mapGuestPickerEntries;
 exports.resolvePasskeyRpId = resolvePasskeyRpId;