@pooflabs/web 0.0.81-rc5 → 0.0.82

package/dist/index.native.esm.js

@@ -1,4 +1,4 @@
-export { U as DEFAULT_TEST_ADDRESS, Y as InsufficientBalanceError, T as MockAuthProvider, V as OffchainAuthProvider, X as PrivyExpoProvider, Z as ReactNativeSessionManager, _ as ServerSessionManager, W as WebSessionManager, M as aggregate, b as buildSetDocumentsTransaction, $ as clearCache, a0 as closeAllSubscriptions, c as convertRemainingAccounts, L as count, f as createSessionWithPrivy, n as createSessionWithSignature, P as deserializeTransaction, l as genAuthNonce, m as genSolanaMessage, z as get, u as getAuthLoading, y as getAuthProvider, a1 as getCachedData, x as getConfig, q as getCurrentUser, D as getFiles, Q as getIdToken, a2 as getMany, g as getPlatform, p as init, v as login, w as logout, t as onAuthLoadingChanged, r as onAuthStateChanged, a3 as reconnectWithNewAuth, a4 as refreshSession, G as runExpression, H as runExpressionMany, E as runQuery, F as runQueryMany, A as set, C as setFile, B as setMany, R as setPlatform, K as signAndSubmitTransaction, I as signMessage, a5 as signSessionCreateMessage, J as signTransaction, N as subscribe, O as useAuth } from './index.native-DYgJWWY4.esm.js';
+export { Z as DEFAULT_TEST_ADDRESS, a0 as InsufficientBalanceError, Y as MockAuthProvider, _ as OffchainAuthProvider, $ as PrivyExpoProvider, a1 as ReactNativeSessionManager, a2 as ServerSessionManager, W as WebSessionManager, Q as aggregate, b as buildSetDocumentsTransaction, a3 as clearCache, a4 as closeAllSubscriptions, c as convertRemainingAccounts, P as count, f as createSessionWithPrivy, o as createSessionWithSignature, U as deserializeTransaction, m as genAuthNonce, n as genSolanaMessage, D as get, y as getAuthLoading, C as getAuthProvider, a5 as getCachedData, B as getConfig, v as getCurrentUser, H as getFiles, V as getIdToken, a6 as getMany, g as getPlatform, u as init, z as login, A as logout, x as onAuthLoadingChanged, w as onAuthStateChanged, a7 as reconnectWithNewAuth, a8 as refreshSession, K as runExpression, L as runExpressionMany, I as runQuery, J as runQueryMany, E as set, G as setFile, F as setMany, X as setPlatform, O as signAndSubmitTransaction, M as signMessage, a9 as signSessionCreateMessage, N as signTransaction, R as subscribe, T as useAuth } from './index.native-CLaHKvDv.esm.js';
 import 'axios';
 import '@solana/web3.js';
 import '@coral-xyz/anchor';

package/dist/index.native.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index_native = require('./index.native-DJWuqJTZ.js');
+var index_native = require('./index.native-11supFRU.js');
 require('axios');
 require('@solana/web3.js');
 require('@coral-xyz/anchor');

package/dist/{phantom-wallet-provider-DSFGWSOJ.esm.js → phantom-wallet-provider-BN47klTp.esm.js}

@@ -1,5 +1,5 @@
-import { b as bufferExports } from './index-CrOVJFX9.esm.js';
-import { h as detectAndroid, g as getPlatform, W as WebSessionManager, c as convertRemainingAccounts, b as buildSetDocumentsTransaction, e as confirmAndCheckTransaction, s as setCurrentUser, a as SOLANA_DEVNET_RPC_URL, S as SOLANA_MAINNET_RPC_URL, i as SURFNET_RPC_URL, j as detectMobile, k as setAuthLoading, l as genAuthNonce, m as genSolanaMessage, n as createSessionWithSignature } from './index.native-DYgJWWY4.esm.js';
+import { b as bufferExports } from './index-CHWmdXHE.esm.js';
+import { W as WebSessionManager, c as convertRemainingAccounts, b as buildSetDocumentsTransaction, e as confirmAndCheckTransaction, s as setCurrentUser, a as SOLANA_DEVNET_RPC_URL, S as SOLANA_MAINNET_RPC_URL, h as SURFNET_RPC_URL, j as detectMobile, k as detectAndroid, l as setAuthLoading, m as genAuthNonce, n as genSolanaMessage, o as createSessionWithSignature, g as getPlatform } from './index.native-CLaHKvDv.esm.js';
 import { Connection, PublicKey, VersionedTransaction } from '@solana/web3.js';
 import * as anchor from '@coral-xyz/anchor';
 import 'axios';
@@ -52,7 +52,7 @@ async function loadDependencies() {
         const [reactModule, reactDomModule, phantomModule] = await Promise.all([
             import('react'),
             import('react-dom/client'),
-            import('./index-DB9nDInp.esm.js')
+            import('./index-CK_2Zn89.esm.js')
         ]);
         // Extract default export from ESM module namespace
         // Dynamic import() returns { default: Module, ...exports }, not the module directly
@@ -64,6 +64,10 @@ async function loadDependencies() {
     return loadingPromise;
 }
 class PhantomWalletProvider {
+    /** Temporarily override modal appearance for a single login() call. Cleared automatically after login settles. */
+    setLoginOverrides(opts) {
+        this.loginOverrides = opts;
+    }
     constructor(networkUrl = null, config = {}) {
         this.containerElement = null;
         this.root = null;
@@ -73,6 +77,7 @@ class PhantomWalletProvider {
         this.loginInProgress = false;
         this.autoLoginInProgress = false;
         this.initPromise = null;
+        this.loginOverrides = null;
         /** Callback to swap to a Privy provider when the user clicks "Log in with email" */
         this.onSwitchToPrivy = null;
         /** Callback to swap to a Mobile Wallet Adapter provider when the user clicks "Connect Mobile Wallet" */
@@ -95,13 +100,8 @@ class PhantomWalletProvider {
     async initializeAsync() {
         // Lazy load dependencies only when actually instantiating
         await loadDependencies();
-        // Initialize React component eagerly only when there's a real reason to
-        // (URL callback to consume, prior session to restore, in-page wallet,
-        // or non-Android). Otherwise defer until ensureReady() is reached from
-        // a user-gesture flow. See shouldMountEagerly() for the rationale.
-        if (this.shouldMountEagerly()) {
-            this.initialize();
-        }
+        // Initialize React component
+        this.initialize();
     }
     /**
      * Check if social login providers are configured (non-injected providers).
@@ -109,69 +109,6 @@ class PhantomWalletProvider {
     hasSocialProviders() {
         return this.resolvedProviders.some(p => p !== 'injected');
     }
-    /**
-     * Decide whether to mount the @phantom/react-sdk <PhantomProvider> tree
-     * eagerly during init() or defer until the first user-triggered call
-     * (login / sign / etc.) reaches ensureReady().
-     *
-     * Mounting the React tree synchronously constructs BrowserSDK, which runs
-     * wallet-standard discovery in its constructor and fires sdk.autoConnect()
-     * in a useEffect on mount. On Solana Seeker (Android Chrome PWA), both
-     * pathways probe the Android intent surface to discover the Phantom mobile
-     * app, which surfaces Chrome's system "wants to access other apps and
-     * services" permission dialog *before* the PWA activity has window focus.
-     * The dialog renders with grayed-out buttons until the user backgrounds
-     * and resumes the app.
-     *
-     * Returns true when eager mount is needed (callback to handle, prior
-     * session, in-page wallet present, or non-Android). Otherwise returns
-     * false — the React tree is mounted lazily inside ensureReady() once a
-     * user gesture brings us there.
-     */
-    shouldMountEagerly() {
-        if (typeof window === 'undefined')
-            return false;
-        // Preserve desktop behavior: always mount eagerly.
-        if (!detectAndroid())
-            return true;
-        // In-page wallet present (Phantom in-app browser / desktop extension on
-        // a desktop-mode Android UA): no Android intent probe needed, mount free.
-        // Tighten beyond truthy `window.phantom` since arbitrary stubs can land
-        // on that key — require a wallet-shaped surface.
-        const ph = window.phantom;
-        if (ph && (ph.solana || ph.ethereum || ph.app))
-            return true;
-        // Returning from a Phantom redirect (OAuth or deeplink hop). SDK must
-        // be live to read these URL params via urlParamsAccessor.
-        const callbackKeys = ['session_id', 'wallet_id', 'selected_account_index', 'error', 'error_description'];
-        try {
-            const params = new URLSearchParams(window.location.search);
-            if (callbackKeys.some(k => params.has(k)))
-                return true;
-        }
-        catch (_a) {
-            return true; // conservative on URL access failure
-        }
-        // Returning user with a stored Phantom session. They've already
-        // approved the Android intent permission for this origin on first
-        // login, so the dialog is typically pre-granted by Chrome — eager
-        // mount lets autoConnect silently restore the wallet handshake.
-        // Require BOTH the marker AND a session storage entry so a stale
-        // orphaned marker doesn't keep eager-mounting forever. Note
-        // isAuthenticated() is a raw key-existence check, not a validity
-        // check — restoreSession() above clears the marker on the next load
-        // if the session is unusable, so the bug self-corrects after at
-        // most one further cold start.
-        try {
-            const stored = getPlatform().storage.getItem('tarobase_last_auth_method');
-            if (stored === 'phantom' && WebSessionManager.isAuthenticated())
-                return true;
-        }
-        catch (_b) {
-            return true;
-        }
-        return false;
-    }
     static getInstance(networkUrl, config) {
         if (!PhantomWalletProvider.instance) {
             new PhantomWalletProvider(networkUrl, config);
@@ -247,7 +184,7 @@ class PhantomWalletProvider {
         const sdkProviders = this.resolvedProviders.length > 0 ? [...this.resolvedProviders] : ['injected'];
         // Inner component that uses hooks
         const PhantomHooksComponent = () => {
-            var _a, _b;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
             const phantom = usePhantom();
             const { connect, error: connectError } = useConnect();
             const { disconnect, isDisconnecting } = useDisconnect();
@@ -530,63 +467,13 @@ class PhantomWalletProvider {
                 }
             };
             const handleMobileWalletClick = async () => {
-                var _a;
-                console.log('[MWA-DEBUG] handleMobileWalletClick: entered', {
-                    documentHasFocus: typeof document !== 'undefined' ? document.hasFocus() : 'n/a',
-                    visibilityState: typeof document !== 'undefined' ? document.visibilityState : 'n/a',
-                    displayMode: typeof window !== 'undefined' && window.matchMedia
-                        ? (window.matchMedia('(display-mode: standalone)').matches ? 'standalone' : 'browser')
-                        : 'n/a',
-                    userAgent: typeof navigator !== 'undefined' ? navigator.userAgent : 'n/a',
-                    timestamp: Date.now(),
-                });
                 that.loginInProgress = false;
                 walletClickedRef.current = true;
                 setShowWalletModal(false);
-                // Hide the Phantom provider container while MWA's transact()
-                // is opening the localhost WebSocket and Chrome surfaces the
-                // "Apps on Device" / Local Network Access permission dialog.
-                //
-                // The container is a singleton fixed full-viewport <div> with
-                // z-index 2147483647 + pointer-events: none parked on body.
-                // Even though pointer-events: none should let touches pass
-                // through, on Android Chrome (both PWA and regular browser)
-                // the system permission dialog rendered during MWA's
-                // handshake comes up with disabled-looking buttons until the
-                // activity is forced to re-composite (the user's
-                // background+reopen workaround).
-                //
-                // Display:none-ing the container during MWA login removes it
-                // from the layout tree entirely so there's nothing for the
-                // dialog hit-testing / compositor to get confused by. It's
-                // restored after MWA login resolves or rejects.
-                const containerEl = that.containerElement;
-                const previousDisplay = (_a = containerEl === null || containerEl === void 0 ? void 0 : containerEl.style.display) !== null && _a !== void 0 ? _a : '';
-                console.log('[MWA-DEBUG] container before hide', {
-                    hasContainer: !!containerEl,
-                    previousDisplay,
-                    inDom: containerEl ? document.body.contains(containerEl) : false,
-                    zIndex: containerEl === null || containerEl === void 0 ? void 0 : containerEl.style.zIndex,
-                    pointerEvents: containerEl === null || containerEl === void 0 ? void 0 : containerEl.style.pointerEvents,
-                });
-                if (containerEl) {
-                    containerEl.style.display = 'none';
-                }
-                console.log('[MWA-DEBUG] container hidden, computed display now:', containerEl ? getComputedStyle(containerEl).display : 'n/a');
-                const restoreContainer = () => {
-                    if (containerEl) {
-                        containerEl.style.display = previousDisplay;
-                        console.log('[MWA-DEBUG] container restored, display:', containerEl.style.display);
-                    }
-                };
                 if (that.onSwitchToMWA) {
                     try {
-                        console.log('[MWA-DEBUG] calling onSwitchToMWA');
                         const mwaProvider = await that.onSwitchToMWA();
-                        console.log('[MWA-DEBUG] onSwitchToMWA resolved, calling mwaProvider.login()');
                         const user = await mwaProvider.login();
-                        console.log('[MWA-DEBUG] mwaProvider.login() resolved', { hasUser: !!user });
-                        restoreContainer();
                         if (that.pendingLogin && user) {
                             that.pendingLogin.resolve(user);
                             that.pendingLogin = null;
@@ -597,22 +484,12 @@ class PhantomWalletProvider {
                         }
                     }
                     catch (error) {
-                        console.log('[MWA-DEBUG] mwaProvider.login() threw', {
-                            errorName: error === null || error === void 0 ? void 0 : error.name,
-                            errorMessage: error === null || error === void 0 ? void 0 : error.message,
-                            errorCode: error === null || error === void 0 ? void 0 : error.code,
-                        });
-                        restoreContainer();
                         if (that.pendingLogin) {
                             that.pendingLogin.reject(error);
                             that.pendingLogin = null;
                         }
                     }
                 }
-                else {
-                    console.log('[MWA-DEBUG] no onSwitchToMWA configured');
-                    restoreContainer();
-                }
             };
             const handleCloseModal = () => {
                 setShowWalletModal(false);
@@ -626,31 +503,59 @@ class PhantomWalletProvider {
             if (!showWalletModal) {
                 return null;
             }
-            const theme = that.config.theme === 'light' ? lightTheme : darkTheme;
-            const bgColor = ((_a = theme === null || theme === void 0 ? void 0 : theme.background) === null || _a === void 0 ? void 0 : _a.primary) || (that.config.theme === 'light' ? '#FFFFFF' : '#1A1A2E');
-            const textColor = ((_b = theme === null || theme === void 0 ? void 0 : theme.text) === null || _b === void 0 ? void 0 : _b.primary) || (that.config.theme === 'light' ? '#000000' : '#FFFFFF');
-            const btnBg = 'rgba(152,151,156,0.1)';
-            const btnHoverBg = 'rgba(152,151,156,0.15)';
+            const effectiveTheme = (_c = (_b = (_a = that.loginOverrides) === null || _a === void 0 ? void 0 : _a.theme) !== null && _b !== void 0 ? _b : that.config.theme) !== null && _c !== void 0 ? _c : 'dark';
+            const isLight = effectiveTheme === 'light';
+            const bgColor = isLight ? '#FFFFFF' : '#111113';
+            const cardBorder = isLight ? '1px solid rgba(0,0,0,0.08)' : '1px solid rgba(255,255,255,0.07)';
+            const textColor = isLight ? '#0f0f0f' : '#f5f5f5';
+            const subTextColor = isLight ? 'rgba(0,0,0,0.45)' : 'rgba(255,255,255,0.4)';
+            const btnBg = isLight ? 'rgba(0,0,0,0.04)' : 'rgba(255,255,255,0.05)';
+            const btnHoverBg = isLight ? 'rgba(0,0,0,0.08)' : 'rgba(255,255,255,0.09)';
+            const btnBorder = isLight ? '1px solid rgba(0,0,0,0.10)' : '1px solid rgba(255,255,255,0.09)';
+            const dividerColor = isLight ? 'rgba(0,0,0,0.10)' : 'rgba(255,255,255,0.08)';
             const fontFamily = '"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif';
             const buttonStyle = (id) => ({
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
-                gap: '12px',
+                gap: '10px',
                 width: '100%',
-                height: '56px',
-                padding: '12px 16px',
-                border: 'none',
-                borderRadius: '16px',
+                height: '52px',
+                padding: '0 20px',
+                border: btnBorder,
+                borderRadius: '12px',
                 backgroundColor: hoveredBtn === id ? btnHoverBg : btnBg,
                 color: textColor,
                 fontFamily,
                 fontSize: '14px',
-                fontWeight: '600',
-                lineHeight: '17px',
-                letterSpacing: '-0.14px',
+                fontWeight: '500',
+                lineHeight: '1',
+                letterSpacing: '0',
+                cursor: 'pointer',
+                transition: 'background-color 0.15s, border-color 0.15s',
+                boxSizing: 'border-box',
+            });
+            const emailButtonStyle = (id) => ({
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                gap: '10px',
+                width: '100%',
+                height: '52px',
+                padding: '0 20px',
+                border: isLight ? '1px solid rgba(0,0,0,0.15)' : '1px solid rgba(255,255,255,0.15)',
+                borderRadius: '12px',
+                backgroundColor: hoveredBtn === id
+                    ? (isLight ? 'rgba(0,0,0,0.06)' : 'rgba(255,255,255,0.12)')
+                    : (isLight ? 'rgba(0,0,0,0.03)' : 'rgba(255,255,255,0.08)'),
+                color: textColor,
+                fontFamily,
+                fontSize: '14px',
+                fontWeight: '500',
+                lineHeight: '1',
                 cursor: 'pointer',
-                transition: 'background-color 0.2s',
+                transition: 'background-color 0.15s, border-color 0.15s',
+                boxSizing: 'border-box',
             });
             const walletButtons = [];
             // Google OAuth button — shown when 'google' is in resolved providers
@@ -662,7 +567,7 @@ class PhantomWalletProvider {
                     onMouseEnter: () => setHoveredBtn('google-oauth'),
                     onMouseLeave: () => setHoveredBtn(null),
                 }, React.createElement('svg', {
-                    width: '20', height: '20', viewBox: '0 0 24 24',
+                    width: '18', height: '18', viewBox: '0 0 24 24',
                     style: { flexShrink: '0' },
                 }, React.createElement('path', {
                     d: 'M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z',
@@ -687,7 +592,7 @@ class PhantomWalletProvider {
                     onMouseEnter: () => setHoveredBtn('apple-oauth'),
                     onMouseLeave: () => setHoveredBtn(null),
                 }, React.createElement('svg', {
-                    width: '20', height: '20', viewBox: '0 0 24 24',
+                    width: '18', height: '18', viewBox: '0 0 24 24',
                     fill: textColor,
                     style: { flexShrink: '0' },
                 }, React.createElement('path', {
@@ -739,11 +644,9 @@ class PhantomWalletProvider {
                     onClick: handleMobileWalletClick,
                     onMouseEnter: () => setHoveredBtn('mobile-wallet'),
                     onMouseLeave: () => setHoveredBtn(null),
-                }, 
-                // Mobile wallet icon (phone with wallet)
-                React.createElement('svg', {
-                    width: '20', height: '20', viewBox: '0 0 24 24', fill: 'none',
-                    style: { flexShrink: '0' },
+                }, React.createElement('svg', {
+                    width: '18', height: '18', viewBox: '0 0 24 24', fill: 'none',
+                    style: { flexShrink: '0', opacity: '0.85' },
                 }, 
                 // Phone outline
                 React.createElement('rect', {
@@ -765,23 +668,51 @@ class PhantomWalletProvider {
             if (that.config.enablePrivyFallback) {
                 walletButtons.push(React.createElement('button', {
                     key: 'email-login',
-                    style: buttonStyle('email-login'),
+                    style: emailButtonStyle('email-login'),
                     onClick: handleEmailClick,
                     onMouseEnter: () => setHoveredBtn('email-login'),
                     onMouseLeave: () => setHoveredBtn(null),
-                }, 
-                // Email icon
-                React.createElement('svg', {
-                    width: '20', height: '20', viewBox: '0 0 24 24', fill: 'none',
-                    style: { flexShrink: '0' },
+                }, React.createElement('svg', {
+                    width: '18', height: '18', viewBox: '0 0 24 24', fill: 'none',
+                    style: { flexShrink: '0', opacity: '0.7' },
                 }, React.createElement('path', {
                     d: 'M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z',
-                    stroke: textColor, strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round', fill: 'none',
+                    stroke: textColor, strokeWidth: '1.75', strokeLinecap: 'round', strokeLinejoin: 'round', fill: 'none',
                 }), React.createElement('path', {
                     d: 'M22 6l-10 7L2 6',
-                    stroke: textColor, strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round', fill: 'none',
-                })), 'Log in with email'));
+                    stroke: textColor, strokeWidth: '1.75', strokeLinecap: 'round', strokeLinejoin: 'round', fill: 'none',
+                })), 'Continue with email'));
             }
+            // Split email button from the rest to insert OR divider
+            const emailBtnIndex = walletButtons.findIndex((b) => b && b.key === 'email-login');
+            const mainButtons = emailBtnIndex >= 0 ? walletButtons.slice(0, emailBtnIndex) : walletButtons;
+            const emailButton = emailBtnIndex >= 0 ? walletButtons[emailBtnIndex] : null;
+            // OR divider — shown when there are both wallet/social buttons and an email button
+            const orDivider = (mainButtons.length > 0 && emailButton)
+                ? React.createElement('div', {
+                    key: 'or-divider',
+                    style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: '12px',
+                        margin: '4px 0',
+                    },
+                }, React.createElement('div', {
+                    style: { flex: '1', height: '1px', backgroundColor: dividerColor },
+                }), React.createElement('span', {
+                    style: {
+                        color: subTextColor,
+                        fontFamily,
+                        fontSize: '12px',
+                        fontWeight: '500',
+                        letterSpacing: '0.02em',
+                        textTransform: 'uppercase',
+                        userSelect: 'none',
+                    },
+                }, 'or'), React.createElement('div', {
+                    style: { flex: '1', height: '1px', backgroundColor: dividerColor },
+                }))
+                : null;
             // Render custom modal
             return React.createElement('div', {
                 // Overlay
@@ -791,12 +722,14 @@ class PhantomWalletProvider {
                     left: '0',
                     right: '0',
                     bottom: '0',
-                    backgroundColor: 'rgba(0,0,0,0.5)',
+                    backgroundColor: isLight ? 'rgba(0,0,0,0.35)' : 'rgba(0,0,0,0.65)',
                     display: 'flex',
                     alignItems: 'center',
                     justifyContent: 'center',
                     zIndex: 2147483647,
                     pointerEvents: 'auto',
+                    backdropFilter: 'blur(4px)',
+                    WebkitBackdropFilter: 'blur(4px)',
                 },
                 onClick: (e) => {
                     if (e.target === e.currentTarget)
@@ -813,13 +746,17 @@ class PhantomWalletProvider {
             React.createElement('div', {
                 style: {
                     backgroundColor: bgColor,
-                    borderRadius: '24px',
-                    width: '360px',
-                    maxWidth: '90vw',
-                    padding: '24px',
+                    border: cardBorder,
+                    borderRadius: '20px',
+                    width: '380px',
+                    maxWidth: 'calc(100vw - 32px)',
+                    padding: '28px 24px 24px',
                     position: 'relative',
-                    boxShadow: '0 20px 60px rgba(0,0,0,0.3)',
+                    boxShadow: isLight
+                        ? '0 8px 40px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06)'
+                        : '0 8px 40px rgba(0,0,0,0.6), 0 2px 8px rgba(0,0,0,0.3)',
                     pointerEvents: 'auto',
+                    boxSizing: 'border-box',
                 },
                 onMouseDown: (e) => {
                     e.stopPropagation();
@@ -828,26 +765,30 @@ class PhantomWalletProvider {
                     e.stopPropagation();
                 },
             }, 
-            // Close button (X)
+            // Close button
             React.createElement('button', {
                 onClick: handleCloseModal,
                 style: {
                     position: 'absolute',
-                    top: '16px',
-                    right: '16px',
-                    background: 'none',
-                    border: 'none',
+                    top: '14px',
+                    right: '14px',
+                    background: isLight ? 'rgba(0,0,0,0.05)' : 'rgba(255,255,255,0.07)',
+                    border: isLight ? '1px solid rgba(0,0,0,0.08)' : '1px solid rgba(255,255,255,0.08)',
+                    borderRadius: '50%',
+                    width: '28px',
+                    height: '28px',
                     cursor: 'pointer',
-                    padding: '4px',
                     display: 'flex',
                     alignItems: 'center',
                     justifyContent: 'center',
+                    padding: '0',
+                    flexShrink: '0',
                 },
             }, React.createElement('svg', {
-                width: '14', height: '14', viewBox: '0 0 14 14', fill: 'none',
+                width: '12', height: '12', viewBox: '0 0 12 12', fill: 'none',
             }, React.createElement('path', {
-                d: 'M13 1L1 13M1 1l12 12',
-                stroke: textColor, strokeWidth: '2', strokeLinecap: 'round',
+                d: 'M11 1L1 11M1 1l10 10',
+                stroke: subTextColor, strokeWidth: '1.75', strokeLinecap: 'round',
             }))), 
             // App icon (if provided)
             that.config.appIcon ? React.createElement('div', {
@@ -855,27 +796,40 @@ class PhantomWalletProvider {
             }, React.createElement('img', {
                 src: that.config.appIcon,
                 alt: that.config.appName || 'App',
-                style: { width: '48px', height: '48px', borderRadius: '12px' },
+                style: { width: '44px', height: '44px', borderRadius: '10px' },
             })) : null, 
             // Title
             React.createElement('div', {
                 style: {
                     color: textColor,
                     fontFamily,
-                    fontSize: '18px',
+                    fontSize: '17px',
                     fontWeight: '600',
                     textAlign: 'center',
+                    marginBottom: '6px',
+                    letterSpacing: '-0.2px',
+                },
+            }, (_f = (_e = (_d = that.loginOverrides) === null || _d === void 0 ? void 0 : _d.modalTitle) !== null && _e !== void 0 ? _e : that.config.modalTitle) !== null && _f !== void 0 ? _f : (that.config.appName ? `Log in to ${that.config.appName}` : 'Log in to your account')), 
+            // Subtitle
+            React.createElement('div', {
+                style: {
+                    color: subTextColor,
+                    fontFamily,
+                    fontSize: '13px',
+                    fontWeight: '400',
+                    textAlign: 'center',
                     marginBottom: '24px',
+                    lineHeight: '1.4',
                 },
-            }, 'Connect Wallet'), 
-            // Wallet buttons
+            }, (_j = (_h = (_g = that.loginOverrides) === null || _g === void 0 ? void 0 : _g.modalSubtitle) !== null && _h !== void 0 ? _h : that.config.modalSubtitle) !== null && _j !== void 0 ? _j : 'Choose how you\'d like to continue'), 
+            // Main buttons + OR divider + email button
             React.createElement('div', {
                 style: {
                     display: 'flex',
                     flexDirection: 'column',
                     gap: '8px',
                 },
-            }, ...walletButtons)));
+            }, ...mainButtons, orDivider, emailButton)));
         };
         // Wrapper component with PhantomProvider
         const PhantomProviderWrapper = () => {
@@ -908,13 +862,6 @@ class PhantomWalletProvider {
         if (this.initPromise) {
             await this.initPromise;
         }
-        // Lazy-mount path: if initializeAsync deferred the React mount (e.g.
-        // first-time visitor on Android Chrome PWA), do it now. We're being
-        // called from a user-gesture flow like login(), so any Android intent
-        // dialog that surfaces will appear with the activity already focused.
-        if (!this.containerElement) {
-            this.initialize();
-        }
         // Wait for SDK to be ready
         await new Promise((resolve) => {
             const check = () => {
@@ -1008,7 +955,7 @@ class PhantomWalletProvider {
                 this.pendingLogin.reject = reject;
             });
         }
-        return new Promise((resolve, reject) => {
+        const loginPromise = new Promise((resolve, reject) => {
             this.pendingLogin = { resolve, reject };
             this.loginInProgress = true;
             // Always use our custom wallet modal
@@ -1022,55 +969,17 @@ class PhantomWalletProvider {
                 }
             }, 180000);
         });
+        return loginPromise.finally(() => {
+            this.loginOverrides = null;
+        });
     }
     async restoreSession() {
-        // Read from storage directly. Do NOT ensureReady() here — that would
-        // mount @phantom/react-sdk's <PhantomProvider> during init(), which
-        // synchronously constructs BrowserSDK (running wallet-standard discovery)
-        // and fires sdk.autoConnect() — both probing the Android intent surface
-        // before the PWA activity has window focus on Solana Seeker. The
-        // resulting "access other apps and services" system dialog renders
-        // with grayed-out buttons.
-        //
-        // Wrap getSession() in try/catch: WebSessionManager.getSession() runs
-        // JSON.parse on the stored session *outside* its internal try/catch,
-        // so genuinely malformed JSON in localStorage would propagate through
-        // restoreSession() and break init() entirely. Treat any throw as
-        // "no session" and fall through to the cleanup path so corrupted
-        // storage is recoverable on next load.
-        let session;
-        try {
-            session = await WebSessionManager.getSession();
-        }
-        catch (_a) {
-            session = null;
-        }
-        if (!session) {
-            // Tidy up storage so we don't leave junk behind:
-            //  (a) clearSession() removes any stale or unparseable session
-            //      storage entry. WebSessionManager.getSession() can't reach
-            //      its own clearSession() if JSON.parse threw. Idempotent —
-            //      safe to call unconditionally here.
-            //  (b) Drop the auth-method marker if it's stale.
-            //      WebSessionManager.clearSession() only removes the session
-            //      storage key, not the marker — so without this cleanup
-            //      shouldMountEagerly() would keep eager-mounting on every
-            //      future cold start.
-            try {
-                WebSessionManager.clearSession();
-            }
-            catch ( /* best-effort */_b) { /* best-effort */ }
-            try {
-                if (getPlatform().storage.getItem('tarobase_last_auth_method') === 'phantom') {
-                    getPlatform().storage.removeItem('tarobase_last_auth_method');
-                }
-            }
-            catch (_c) {
-                // storage unavailable — best-effort cleanup
-            }
-            return null;
+        await this.ensureReady();
+        const session = await WebSessionManager.getSession();
+        if (session) {
+            return { provider: this, address: session.address };
         }
-        return { provider: this, address: session.address };
+        return null;
     }
     async address() {
         var _a, _b, _c, _d;
@@ -1527,4 +1436,4 @@ class PhantomWalletProvider {
 PhantomWalletProvider.instance = null;
 
 export { PhantomWalletProvider };
-//# sourceMappingURL=phantom-wallet-provider-DSFGWSOJ.esm.js.map
+//# sourceMappingURL=phantom-wallet-provider-BN47klTp.esm.js.map