@embarkai/ui-kit 0.4.31 → 0.4.33

package/dist/index.js

@@ -80,19 +80,22 @@ function getServiceUrls() {
   const config = DEFAULT_PROVIDER_CONFIG;
   const globalOverride = typeof window !== "undefined" && window.__EMBARK_SERVICES__ || {};
   const searchParams = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : void 0;
+  const paramAssetApi = searchParams?.get("assetApiUrl") || void 0;
   const paramTss = searchParams?.get("tssUrl") || void 0;
   const paramVault = searchParams?.get("shareVaultUrl") || void 0;
   const paramDashboard = searchParams?.get("dashboardApiUrl") || void 0;
-  const buildTss = "https://api.lumiapassport.com/tss";
-  const buildVault = "https://api.lumiapassport.com/vault";
+  const buildAssetApi = "https://api.embarkai.io/on-ramp/api";
+  const buildTss = "https://api.embarkai.io/tss";
+  const buildVault = "https://api.embarkai.io/vault";
   const buildRequireWasm = false;
   const buildWasmDebug = false;
   const defaultTss = "/tss";
   const defaultVault = "/vault";
   const result = {
+    assetApiUrl: paramAssetApi || globalOverride.assetApiUrl || buildAssetApi || config.services.assetApiUrl,
     tssUrl: paramTss || globalOverride.tssUrl || buildTss || config.services.tssUrl || defaultTss,
     shareVaultUrl: paramVault || globalOverride.shareVaultUrl || buildVault || config.services.shareVaultUrl || defaultVault,
-    dashboardApiUrl: paramDashboard || globalOverride.dashboardApiUrl || config.services.dashboardApiUrl || "https://dashboard.lumiapassport.com/api",
+    dashboardApiUrl: paramDashboard || globalOverride.dashboardApiUrl || config.services.dashboardApiUrl || "https://dashboard.embarkai.io/api",
     tssRequireWasm: globalOverride.tssRequireWasm ?? buildRequireWasm ?? config.services.tssRequireWasm ?? false,
     tssWasmDebug: globalOverride.tssWasmDebug ?? buildWasmDebug ?? config.services.tssWasmDebug ?? false
   };
@@ -100,8 +103,8 @@ function getServiceUrls() {
 }
 function getIframeUrl() {
   const config = DEFAULT_PROVIDER_CONFIG;
-  const buildIframeUrl = "https://auth.lumiapassport.com";
-  const iframeUrl = buildIframeUrl || config.services.iframeUrl || "https://auth.lumiapassport.com";
+  const buildIframeUrl = "https://auth.embarkai.io";
+  const iframeUrl = buildIframeUrl || config.services.iframeUrl || "https://auth.embarkai.io";
   return iframeUrl;
 }
 function getBlockscoutApiUrl(chainConfig) {
@@ -134,7 +137,7 @@ var init_initial = __esm({
             icon: TelegramIcon,
             comingSoon: false,
             meta: {
-              botUsername: "LumiaPassportDevBot",
+              botUsername: "embark_ai_bot",
               salt: "demo"
             }
           }
@@ -168,8 +171,8 @@ var init_initial = __esm({
         // Will fallback to build-time env vars
         shareVaultUrl: "",
         // Will fallback to build-time env vars
-        iframeUrl: "https://auth.lumiapassport.com",
-        // Secure iframe for MPC operations
+        // iframeUrl: '',
+        // iframeUrl: 'https://auth.embarkai.io', // Secure iframe for MPC operations
         tssRequireWasm: false,
         tssWasmDebug: false
       },
@@ -5153,7 +5156,7 @@ var init_button = __esm({
     buttonVariants = cva(
       cn(
         "cursor-pointer py-0",
-        "inline-flex items-center justify-center gap-2",
+        "inline-flex items-center justify-center",
         "transition-all duration-200",
         "disabled:cursor-default disabled:opacity-50",
         "whitespace-nowrap text-sm font-semibold font-sans",
@@ -5181,9 +5184,9 @@ var init_button = __esm({
             )
           },
           size: {
-            small: "h-6 px-2",
-            medium: "h-8 px-[var(--ui-kit-pd)] rounded-[var(--ui-kit-el-bdrs)]",
-            large: "h-12 px-[var(--ui-kit-pd)] rounded-[var(--ui-kit-el-bdrs)]",
+            small: "h-6 px-2 gap-2",
+            medium: "h-8 px-[var(--ui-kit-pd)] rounded-[var(--ui-kit-el-bdrs)] gap-2",
+            large: "h-12 px-[var(--ui-kit-pd)] rounded-[var(--ui-kit-el-bdrs)] gap-[var(--ui-kit-gap)]",
             icon: "h-8 w-8 p-0"
           }
         },
@@ -5386,7 +5389,7 @@ var init_en = __esm({
           sender: "Sender",
           bridgeAsset: "Bridge {{asset}}",
           selectTokenAndRoute: "Select Token & Route",
-          selectToken: "Select Token",
+          selectToken: "Select Asset",
           estimations: "Estimations",
           estimatedFee: "Estimated Fee",
           availableChainPairs: "Available Chain Pairs",
@@ -7106,7 +7109,7 @@ function Social(props) {
         };
         let authConfig = provider?.meta || {};
         if (normalizedProviderId === "telegram" && !authConfig.botUsername) {
-          const defaultBotUsername = "LumiaPassportDevBot";
+          const defaultBotUsername = "embark_ai_bot";
           if (defaultBotUsername) {
             authConfig = { ...authConfig, botUsername: defaultBotUsername };
           }
@@ -10212,11 +10215,8 @@ async function getEstimates(payload) {
 }
 async function createWidgetUrlMutation(payload) {
   const { iframeManager, accessToken } = iframe2();
-  const widgetUrlData = await iframeManager.sendMessage("FINCHPAY_GET_WIDGET_URL_QUERY", {
-    payload,
-    accessToken
-  });
-  return widgetUrlData;
+  const response = await iframeManager.sendMessage("FINCHPAY_GET_WIDGET_URL_QUERY", { accessToken, payload });
+  return response;
 }
 async function getTransactionList2(payload) {
   const { iframeManager, accessToken } = iframe2();
@@ -13511,13 +13511,26 @@ async function beginPasskeyLinking() {
     const begin2 = await res.json();
     const options2 = {
       rp: begin2.rp,
-      user: { id: base64urlToUint8Array(begin2.user.id), name: begin2.user.name, displayName: begin2.user.displayName },
+      user: {
+        id: base64urlToUint8Array(begin2.user.id),
+        name: begin2.user.name,
+        displayName: begin2.user.displayName
+      },
       challenge: base64urlToUint8Array(begin2.challenge),
       pubKeyCredParams: begin2.pubKeyCredParams,
       timeout: begin2.timeout,
       attestation: begin2.attestation,
-      authenticatorSelection: { ...begin2.authenticatorSelection, residentKey: begin2.authenticatorSelection?.residentKey ?? "preferred", requireResidentKey: begin2.authenticatorSelection?.requireResidentKey ?? false, userVerification: begin2.authenticatorSelection?.userVerification ?? "preferred" },
-      excludeCredentials: begin2.excludeCredentials?.map((cred) => ({ type: cred.type, id: base64urlToUint8Array(cred.id), transports: cred.transports })) || void 0
+      authenticatorSelection: {
+        ...begin2.authenticatorSelection,
+        residentKey: begin2.authenticatorSelection?.residentKey ?? "preferred",
+        requireResidentKey: begin2.authenticatorSelection?.requireResidentKey ?? false,
+        userVerification: begin2.authenticatorSelection?.userVerification ?? "preferred"
+      },
+      excludeCredentials: begin2.excludeCredentials?.map((cred) => ({
+        type: cred.type,
+        id: base64urlToUint8Array(cred.id),
+        transports: cred.transports
+      })) || void 0
     };
     return { challengeId: begin2.challengeId, options: options2 };
   }
@@ -13526,13 +13539,26 @@ async function beginPasskeyLinking() {
   const begin = await res.json();
   const options = {
     rp: begin.rp,
-    user: { id: base64urlToUint8Array(begin.user.id), name: begin.user.name, displayName: begin.user.displayName },
+    user: {
+      id: base64urlToUint8Array(begin.user.id),
+      name: begin.user.name,
+      displayName: begin.user.displayName
+    },
     challenge: base64urlToUint8Array(begin.challenge),
     pubKeyCredParams: begin.pubKeyCredParams,
     timeout: begin.timeout,
     attestation: begin.attestation,
-    authenticatorSelection: { ...begin.authenticatorSelection, residentKey: "preferred", requireResidentKey: false, userVerification: "preferred" },
-    excludeCredentials: begin.excludeCredentials?.map((cred) => ({ type: cred.type, id: base64urlToUint8Array(cred.id), transports: cred.transports })) || void 0
+    authenticatorSelection: {
+      ...begin.authenticatorSelection,
+      residentKey: "preferred",
+      requireResidentKey: false,
+      userVerification: "preferred"
+    },
+    excludeCredentials: begin.excludeCredentials?.map((cred) => ({
+      type: cred.type,
+      id: base64urlToUint8Array(cred.id),
+      transports: cred.transports
+    })) || void 0
   };
   return { challengeId: begin.challengeId, options };
 }
@@ -13570,7 +13596,7 @@ async function linkPasskeyWithWebAuthn(optionsOverride) {
   try {
     const ts = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-");
     const friendlyDisplay = `EmbarkAI Wallet (${ts})`;
-    const friendlyName = `lumia-passport.${ts}`;
+    const friendlyName = `embarkai.${ts}`;
     const originalUser = publicKeyOptions.user;
     publicKeyOptions = {
       ...publicKeyOptions,
@@ -13600,7 +13626,9 @@ async function linkPasskeyWithWebAuthn(optionsOverride) {
     timeout: publicKeyOptions.timeout,
     attestation: publicKeyOptions.attestation
   });
-  const credential = await navigator.credentials.create({ publicKey: { ...publicKeyOptions, ...optionsOverride } });
+  const credential = await navigator.credentials.create({
+    publicKey: { ...publicKeyOptions, ...optionsOverride }
+  });
   if (!credential) throw new Error("Passkey creation was cancelled");
   const attestationPayload = credentialToAttestationPayload(credential);
   const cid = challengeId || "local-" + Date.now();
@@ -13610,8 +13638,8 @@ async function linkPasskeyWithWebAuthn(optionsOverride) {
 }
 var init_passkey2 = __esm({
   "src/internal/auth/providers/passkey.ts"() {
-    init_auth();
     init_base64url();
+    init_auth();
     init_webauthn();
     init_types();
   }
@@ -15515,12 +15543,11 @@ async function fetchToken(params = {}) {
   if (!token) throw new Error("Invalid Sumsub token response");
   return token;
 }
-var DEFAULT_TTL_SECONDS, QUERY_KEYS3;
+var DEFAULT_TTL_SECONDS;
 var init_sumsub = __esm({
   "src/internal/components/KYC/api/sumsub.ts"() {
     init_httpClient();
     DEFAULT_TTL_SECONDS = 600;
-    QUERY_KEYS3 = { sumsubToken: "sumsub-token" };
   }
 });
 
@@ -15592,11 +15619,9 @@ var init_SumsubIframeManager = __esm({
 });
 
 // src/internal/components/KYC/useSumsubIframe.ts
-import { useQueryClient as useQueryClient12 } from "@tanstack/react-query";
 import { useEffect as useEffect29, useRef as useRef15, useState as useState16 } from "react";
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
-  const qc = useQueryClient12();
   const { colorMode } = useColorMode();
   const iframeRef = useRef15(null);
   const [isLoading, setIsLoading] = useState16(true);
@@ -15617,15 +15642,9 @@ function useSumsubIframe({ iframeUrl }) {
       iframeOrigin,
       getToken: () => {
         setStatus("Authenticating...");
-        return qc.ensureQueryData({
-          queryKey: [QUERY_KEYS3.sumsubToken, levelName],
-          queryFn: () => fetchToken({ levelName })
-        });
-      },
-      refreshToken: async () => {
-        const queryKey = [QUERY_KEYS3.sumsubToken, levelName];
-        return qc.fetchQuery({ queryKey, queryFn: () => fetchToken({ levelName }) });
+        return fetchToken({ levelName });
       },
+      refreshToken: () => fetchToken({ levelName }),
       onSdkBuilt: () => setStatus("Loading verification form..."),
       sendMessage: (msg) => iframeRef.current?.contentWindow?.postMessage(msg, iframeOrigin),
       onReady: () => {
@@ -15973,7 +15992,7 @@ var init_MainMenu2 = __esm({
 });
 
 // src/modules/linkedProfiles.ts
-import { useQuery as useQuery12, useQueryClient as useQueryClient13 } from "@tanstack/react-query";
+import { useQuery as useQuery12, useQueryClient as useQueryClient12 } from "@tanstack/react-query";
 import { useCallback as useCallback16 } from "react";
 async function getLinkProfilesData() {
   const list = await getLinkedProviders();
@@ -15990,7 +16009,7 @@ async function getLinkProfilesData() {
   return { profiles: loadedProfiles, avatar };
 }
 function useLinkedProfiles() {
-  const qc = useQueryClient13();
+  const qc = useQueryClient12();
   const address = useSession((st) => st.address);
   const {
     data,
@@ -16223,10 +16242,10 @@ var init_useSendVerificationCode = __esm({
 });
 
 // src/internal/components/ManageWalletMenu/hooks/useVerifyCode.ts
-import { useMutation as useMutation14, useQueryClient as useQueryClient14 } from "@tanstack/react-query";
+import { useMutation as useMutation14, useQueryClient as useQueryClient13 } from "@tanstack/react-query";
 function useVerifyCode() {
   const { callbacksRef } = useProviderConfig();
-  const qc = useQueryClient14();
+  const qc = useQueryClient13();
   const address = useSession((st) => st.address);
   const setIsLoading = useSession((st) => st.setIsLoading);
   const {
@@ -16290,7 +16309,7 @@ var init_useVerifyCode = __esm({
 });
 
 // src/internal/components/ManageWalletMenu/AddProvider.tsx
-import { useQueryClient as useQueryClient15 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient14 } from "@tanstack/react-query";
 import { Fragment as Fragment28, jsx as jsx72, jsxs as jsxs65 } from "react/jsx-runtime";
 function normalizePasskeyLinkError(msg) {
   const lower = msg.toLowerCase();
@@ -16303,7 +16322,7 @@ function normalizePasskeyLinkError(msg) {
   return msg;
 }
 function AddProvider() {
-  const qc = useQueryClient15();
+  const qc = useQueryClient14();
   const { callbacksRef } = useProviderConfig();
   const address = useSession((st) => st.address);
   const { t } = useT();
@@ -16480,7 +16499,7 @@ var init_EmailNotConnectedWarning = __esm({
 });
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts
-import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient15 } from "@tanstack/react-query";
 import React6, { useEffect as useEffect31 } from "react";
 function normalizeSocialLinkError(message) {
   if (message === "X_ALREADY_LINKED") {
@@ -16489,7 +16508,7 @@ function normalizeSocialLinkError(message) {
   return message;
 }
 function useLinkSocial() {
-  const qc = useQueryClient16();
+  const qc = useQueryClient15();
   const address = useSession((st) => st.address);
   const {
     config: { current: config },
@@ -16639,14 +16658,14 @@ var init_telegram2 = __esm({
 });
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts
-import { useQueryClient as useQueryClient17 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
 import { useCallback as useCallback17, useEffect as useEffect32, useState as useState17 } from "react";
 function useLinkTelegram() {
   const {
     config: { current: config },
     callbacksRef
   } = useProviderConfig();
-  const qc = useQueryClient17();
+  const qc = useQueryClient16();
   const address = useSession((st) => st.address);
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const { providerType, linkIsLoading, setLinkIsLoading, setProviderType, setAlert } = useManageWalletStore();
@@ -16665,7 +16684,7 @@ function useLinkTelegram() {
       );
       let botUsername = telegramProvider?.meta?.botUsername;
       if (!botUsername) {
-        botUsername = "LumiaPassportDevBot";
+        botUsername = "embark_ai_bot";
       }
       if (!botUsername) {
         throw new Error("Telegram bot username not configured");
@@ -17017,12 +17036,12 @@ var init_ManageWallet = __esm({
 });
 
 // src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
-import { useMutation as useMutation15, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
+import { useMutation as useMutation15, useQueryClient as useQueryClient17 } from "@tanstack/react-query";
 import { Key as Key6, Loader as Loader17 } from "lucide-react";
 import { useState as useState18 } from "react";
 import { jsx as jsx76, jsxs as jsxs69 } from "react/jsx-runtime";
 function UnlinkProviderMenu() {
-  const qc = useQueryClient18();
+  const qc = useQueryClient17();
   const address = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
   const { t } = useT();
@@ -17247,7 +17266,7 @@ var init_nickname_validation = __esm({
 });
 
 // src/internal/components/NicknameMenu/NicknameEditForm.tsx
-import { useMutation as useMutation16, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
+import { useMutation as useMutation16, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
 import { AtSign, Check as Check2, ChevronRight as ChevronRight5, Copy as Copy2, Loader as Loader19 } from "lucide-react";
 import { useCallback as useCallback18, useState as useState19 } from "react";
 import { Fragment as Fragment30, jsx as jsx78, jsxs as jsxs71 } from "react/jsx-runtime";
@@ -17264,7 +17283,7 @@ function NicknameEditForm(props) {
     info
   } = props;
   const { handle: currentNickname, canChange } = info || { handle: "", canChange: false };
-  const qc = useQueryClient19();
+  const qc = useQueryClient18();
   const { t } = useT();
   const passportWalletAddress = useSession((st) => st.address);
   const { callbacksRef } = useProviderConfig();
@@ -17569,27 +17588,71 @@ var init_NicknameMenu2 = __esm({
   }
 });
 
+// src/internal/hooks/useResolvedPublicClient.ts
+import { createPublicClientForChain as createPublicClientForChain5, getChainConfig as getChainConfig8 } from "@embarkai/core/read";
+import { useMemo as useMemo4 } from "react";
+function getCachedPublicClient(chainId) {
+  const cachedClient = publicClientByChainId.get(chainId);
+  if (cachedClient) return cachedClient;
+  const publicClient = createPublicClientForChain5(chainId);
+  publicClientByChainId.set(chainId, publicClient);
+  return publicClient;
+}
+function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient") {
+  const activePublicClient = useSession((st) => st.publicClient);
+  const activeChainId = useSession((st) => st.activeChainId);
+  const activeChainConfig = useSession((st) => st.chainConfig);
+  const resolvedChainId = chainId ?? activeChainId;
+  const shouldUseActiveClient = !chainId || chainId === activeChainId;
+  const chainConfig = useMemo4(() => {
+    if (shouldUseActiveClient) return activeChainConfig;
+    return getChainConfig8(chainId);
+  }, [activeChainConfig, chainId, shouldUseActiveClient]);
+  const publicClient = useMemo4(() => {
+    if (shouldUseActiveClient) return activePublicClient;
+    if (!chainId) return activePublicClient;
+    try {
+      return getCachedPublicClient(chainId);
+    } catch (error) {
+      console.warn(`[${logScope}] Chain ${chainId} is not supported:`, error);
+      return null;
+    }
+  }, [activePublicClient, chainId, logScope, shouldUseActiveClient]);
+  return {
+    activeChainId,
+    chainConfig,
+    publicClient,
+    resolvedChainId
+  };
+}
+var publicClientByChainId;
+var init_useResolvedPublicClient = __esm({
+  "src/internal/hooks/useResolvedPublicClient.ts"() {
+    init_SessionContext();
+    publicClientByChainId = /* @__PURE__ */ new Map();
+  }
+});
+
 // src/internal/hooks/useWatchTokens.ts
 import { useQuery as useQuery15 } from "@tanstack/react-query";
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 import { erc20Abi, formatUnits as formatUnits2 } from "viem";
 function useWatchTokens(options) {
-  const { address, enabled = true } = options;
+  const { address, chainId, enabled = true } = options;
   const { config } = useProviderConfig();
-  const publicClient = useSession((st) => st.publicClient);
-  const activeChainId = useSession((st) => st.activeChainId);
-  const watchTokens = useMemo4(() => {
+  const { publicClient, resolvedChainId } = useResolvedPublicClient(chainId, "useWatchTokens");
+  const watchTokens = useMemo5(() => {
     const allWatchTokens = config.current.watchTokens;
-    const tokensForChain = activeChainId ? allWatchTokens?.[activeChainId] || [] : [];
+    const tokensForChain = resolvedChainId ? allWatchTokens?.[resolvedChainId] || [] : [];
     return tokensForChain;
-  }, [config, activeChainId]);
+  }, [config, resolvedChainId]);
   const {
     data: assets,
     isLoading,
     error,
     refetch
   } = useQuery15({
-    queryKey: [WATCH_TOKENS_QUERY_KEY, activeChainId, address, watchTokens.map((t) => t.address).join(",")],
+    queryKey: [WATCH_TOKENS_QUERY_KEY, resolvedChainId, address, watchTokens.map((t) => t.address).join(",")],
     queryFn: async () => {
       if (!publicClient || !address || watchTokens.length === 0) {
         return [];
@@ -17664,7 +17727,7 @@ var WATCH_TOKENS_QUERY_KEY;
 var init_useWatchTokens = __esm({
   "src/internal/hooks/useWatchTokens.ts"() {
     init_ProviderContext();
-    init_SessionContext();
+    init_useResolvedPublicClient();
     WATCH_TOKENS_QUERY_KEY = "watch-tokens";
   }
 });
@@ -17672,7 +17735,7 @@ var init_useWatchTokens = __esm({
 // src/internal/hooks/useBlockscoutAssets.ts
 import { createBlockscoutClient } from "@embarkai/core/clients";
 import { useQuery as useQuery16 } from "@tanstack/react-query";
-import { useCallback as useCallback19, useMemo as useMemo5, useRef as useRef16 } from "react";
+import { useCallback as useCallback19, useMemo as useMemo6, useRef as useRef16 } from "react";
 import { formatEther, formatUnits as formatUnits3 } from "viem";
 function resolveIpfsUri(uri) {
   if (!uri) return "";
@@ -17798,15 +17861,13 @@ function createError(error) {
   };
 }
 function useBlockscoutAssets(options) {
-  const { address, enabled = true, detectSecurityTokens = true } = options;
-  const publicClient = useSession((st) => st.publicClient);
-  const activeChainId = useSession((st) => st.activeChainId);
-  const chainConfig = useSession((st) => st.chainConfig);
+  const { address, chainId, enabled = true, detectSecurityTokens = true } = options;
+  const { chainConfig, publicClient, resolvedChainId } = useResolvedPublicClient(chainId, "useBlockscoutAssets");
   const portfolioConfig = useProviderConfig().config.current.portfolio;
   const customTokenBalancesQuery = portfolioConfig?.tokenBalancesQuery;
   const customTokenBalancesQueryKey = portfolioConfig?.tokenBalancesQueryKey;
   const blockscoutApiUrl = getBlockscoutApiUrl(chainConfig);
-  const blockscoutClient = useMemo5(
+  const blockscoutClient = useMemo6(
     () => blockscoutApiUrl ? createBlockscoutClient({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
@@ -17815,13 +17876,13 @@ function useBlockscoutAssets(options) {
     assets: watchTokenAssets,
     isLoading: watchTokensLoading,
     refetch: refetchWatchTokens
-  } = useWatchTokens({ address, enabled });
+  } = useWatchTokens({ address, chainId: resolvedChainId, enabled });
   const {
     data: nativeBalanceData,
     isLoading: nativeLoading,
     refetch: refetchNative
   } = useQuery16({
-    queryKey: ["native-balance", activeChainId, address],
+    queryKey: ["native-balance", resolvedChainId, address],
     queryFn: async () => {
       if (!publicClient || !address) return null;
       const balance = await publicClient.getBalance({ address });
@@ -17846,7 +17907,7 @@ function useBlockscoutAssets(options) {
     refetch: refetchTokens,
     dataUpdatedAt
   } = useQuery16({
-    queryKey: [BLOCKSCOUT_QUERY_KEY, address, blockscoutApiUrl, customTokenBalancesQueryKey],
+    queryKey: [BLOCKSCOUT_QUERY_KEY, resolvedChainId, address, blockscoutApiUrl, customTokenBalancesQueryKey],
     queryFn: async () => {
       if (customTokenBalancesQuery) {
         try {
@@ -17870,7 +17931,7 @@ function useBlockscoutAssets(options) {
     isLoading: nftsLoading,
     refetch: refetchNfts
   } = useQuery16({
-    queryKey: [BLOCKSCOUT_QUERY_KEY, "nfts", address, blockscoutApiUrl],
+    queryKey: [BLOCKSCOUT_QUERY_KEY, "nfts", resolvedChainId, address, blockscoutApiUrl],
     queryFn: () => blockscoutClient.getNfts(address),
     enabled: !!address && enabled && !!blockscoutClient,
     staleTime: BLOCKSCOUT_QUERY_STALE_TIME,
@@ -17879,12 +17940,12 @@ function useBlockscoutAssets(options) {
     retry: 2,
     retryDelay: 1e3
   });
-  const erc20TokenAddresses = useMemo5(() => {
+  const erc20TokenAddresses = useMemo6(() => {
     if (!tokenBalances) return [];
     return tokenBalances.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
   }, [tokenBalances]);
   const { data: erc3643Results } = useQuery16({
-    queryKey: [ERC3643_DETECTION_QUERY_KEY, address, erc20TokenAddresses],
+    queryKey: [ERC3643_DETECTION_QUERY_KEY, resolvedChainId, address, erc20TokenAddresses],
     queryFn: async () => {
       if (!publicClient || erc20TokenAddresses.length === 0) {
         return /* @__PURE__ */ new Map();
@@ -17923,7 +17984,7 @@ function useBlockscoutAssets(options) {
     gcTime: BLOCKSCOUT_QUERY_GC_TIME,
     retry: 1
   });
-  const assets = useMemo5(() => {
+  const assets = useMemo6(() => {
     const result = [];
     const addedAddresses = /* @__PURE__ */ new Set();
     if (nativeBalanceData) {
@@ -17969,7 +18030,7 @@ function useBlockscoutAssets(options) {
     }
     return result;
   }, [nativeBalanceData, tokenBalances, nftItems, erc3643Results, watchTokenAssets, chainConfig]);
-  const nativeBalance = useMemo5(() => {
+  const nativeBalance = useMemo6(() => {
     if (!nativeBalanceData) return null;
     return {
       value: nativeBalanceData.value,
@@ -17977,7 +18038,7 @@ function useBlockscoutAssets(options) {
       symbol: nativeBalanceData.symbol
     };
   }, [nativeBalanceData]);
-  const error = useMemo5(() => {
+  const error = useMemo6(() => {
     if (!tokensError) return null;
     return createError(tokensError);
   }, [tokensError]);
@@ -18011,9 +18072,9 @@ var BLOCKSCOUT_QUERY_KEY, ERC3643_DETECTION_QUERY_KEY, ERC3643_ABI;
 var init_useBlockscoutAssets = __esm({
   "src/internal/hooks/useBlockscoutAssets.ts"() {
     init_ProviderContext();
-    init_SessionContext();
     init_initial();
     init_constants();
+    init_useResolvedPublicClient();
     init_useWatchTokens();
     BLOCKSCOUT_QUERY_KEY = "blockscout-token-balances";
     ERC3643_DETECTION_QUERY_KEY = "erc3643-detection";
@@ -18076,7 +18137,7 @@ var init_BalanceView2 = __esm({
 });
 
 // src/internal/components/PortfolioMenu/PortfolioItem.tsx
-import { useQuery as useQuery17, useQueryClient as useQueryClient20 } from "@tanstack/react-query";
+import { useQuery as useQuery17, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
 import { Image as ImageIcon, Loader as Loader21, ShieldAlert, Sparkles } from "lucide-react";
 import { useState as useState22 } from "react";
 import { formatUnits as formatUnits5 } from "viem";
@@ -18173,7 +18234,7 @@ function PortfolioItem(props) {
   const { assets: projectAssets, showBalanceAs: showBalanceAsSymbol } = providerConfig.projectAssets || {};
   const customAssetRateQuery = providerConfig.portfolio?.assetRateQuery;
   const customAssetRateQueryKey = providerConfig.portfolio?.assetRateQueryKey;
-  const qc = useQueryClient20();
+  const qc = useQueryClient19();
   const { balanceQueryKey } = projectAssets?.find((a) => a.symbol === showBalanceAsSymbol) || {};
   const projectAssetBalance = !!balanceQueryKey ? qc.getQueryData(balanceQueryKey) : null;
   const isNft = isNftAsset(asset);
@@ -18267,14 +18328,14 @@ var init_PortfolioItem = __esm({
 });
 
 // src/internal/components/PortfolioMenu/PortfolioMenu.tsx
-import { useQueryClient as useQueryClient21 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient20 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle4, ArrowLeft as ArrowLeft16, Gem, Loader as Loader27, RefreshCw as RefreshCw2 } from "lucide-react";
 import { useCallback as useCallback20 } from "react";
 import { jsx as jsx82, jsxs as jsxs75 } from "react/jsx-runtime";
 function PortfolioMenu() {
   const { assets: projectAssets = [] } = useProviderConfig().config.current?.projectAssets || {};
   const { t } = useT();
-  const qc = useQueryClient21();
+  const qc = useQueryClient20();
   const address = useSession((st) => st.address);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
@@ -18444,7 +18505,7 @@ var init_nickname_fingerprint = __esm({
 // src/internal/components/ReceiveMenu/ReceiveMenu.tsx
 import { ArrowLeft as ArrowLeft17, CheckCircle2 as CheckCircle23, Copy as Copy3, Info as Info5, Loader as Loader28, Shield } from "lucide-react";
 import QRCode from "qrcode";
-import { useCallback as useCallback21, useEffect as useEffect34, useMemo as useMemo6, useState as useState23 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect34, useMemo as useMemo7, useState as useState23 } from "react";
 import { Fragment as Fragment32, jsx as jsx83, jsxs as jsxs76 } from "react/jsx-runtime";
 function ReceiveMenu() {
   const session = useSession((st) => st.session);
@@ -18458,7 +18519,7 @@ function ReceiveMenu() {
   const [qrCodeUrl, setQrCodeUrl] = useState23("");
   const [copied, setCopied] = useState23(false);
   const [fingerprintCopied, setFingerprintCopied] = useState23(false);
-  const fingerprint = useMemo6(() => {
+  const fingerprint = useMemo7(() => {
     if (!session?.ownerAddress) return null;
     try {
       return generateFingerprint(session.ownerAddress);
@@ -19012,12 +19073,12 @@ var init_UntrustApplication = __esm({
 });
 
 // src/internal/components/SecurityMenu/SecurityMenu.tsx
-import { useMutation as useMutation17, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
+import { useMutation as useMutation17, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft18 } from "lucide-react";
 import { useState as useState24 } from "react";
 import { jsx as jsx90, jsxs as jsxs83 } from "react/jsx-runtime";
 function SecurityMenu() {
-  const qc = useQueryClient22();
+  const qc = useQueryClient21();
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -19208,7 +19269,7 @@ var init_wallet = __esm({
     init_projectId();
     init_auth();
     init_types();
-    METADATA_API_URL = "https://dashboard.lumiapassport.com/api/public/project";
+    METADATA_API_URL = "https://dashboard.embarkai.io/api/public/project";
     METADATA_CACHE_TTL = 36e5;
     metadataCache = null;
   }
@@ -20006,7 +20067,7 @@ function useMenuTitle(warpRoutes) {
         updateMenuTitle(t("passport:bridgeMenu.labels.sender"));
         break;
       case bridgeStep === "select-token":
-        updateMenuTitle(t("passport:bridgeMenu.labels.selectTokenAndRoute"));
+        updateMenuTitle(t("passport:bridgeMenu.labels.selectToken"));
         break;
       case bridgeStep === "confirm":
         updateMenuTitle(t("passport:bridgeMenu.labels.confirm"));
@@ -20064,6 +20125,10 @@ function MetaMaskIcon(props) {
       x: "0px",
       y: "0px",
       viewBox: "0 0 142 136.878",
+      style: {
+        // enableBackground: 'new 0 0 142 136.878',
+        flexShrink: 0
+      },
       xmlSpace: "preserve",
       children: [
         /* @__PURE__ */ jsx93(
@@ -20187,12 +20252,12 @@ var init_useAvailableSenders = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
-import { useQuery as useQuery21, useQueryClient as useQueryClient23 } from "@tanstack/react-query";
+import { useQuery as useQuery21, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
 import { useCallback as useCallback23, useEffect as useEffect39 } from "react";
 import { createPublicClient as createPublicClient2, erc20Abi as erc20Abi2, formatUnits as formatUnits7, http as http3 } from "viem";
 import { useBalance, useSwitchChain as useSwitchChain2 } from "wagmi";
 function useBridgeBalance(hyperlaneWarpRoutes) {
-  const qc = useQueryClient23();
+  const qc = useQueryClient22();
   const { t } = useT();
   const address = useSession((st) => st.address);
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
@@ -20405,11 +20470,11 @@ function SelectStep(props) {
         /* @__PURE__ */ jsx95("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.selectToken") }),
         /* @__PURE__ */ jsx95("span", { className: "w-4 h-4" }),
         /* @__PURE__ */ jsxs86("span", { className: "flex items-center gap-[var(--ui-kit-gap)] leading-4", children: [
-          isRouteTokenBalanceLoading && /* @__PURE__ */ jsx95(LoaderIcon10, { className: "w-4 h-4 animate-spin" }),
           /* @__PURE__ */ jsxs86("span", { className: "text-[var(--ui-kit-fg-muted)]", children: [
             t("passport:common.balance"),
             ": "
           ] }),
+          isRouteTokenBalanceLoading && /* @__PURE__ */ jsx95(LoaderIcon10, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }),
           !isRouteTokenBalanceLoading && /* @__PURE__ */ jsxs86("span", { className: "font-semibold", children: [
             formatPrice(Number(routeTokenBalance || 0)),
             " ",
@@ -20885,7 +20950,7 @@ var init_useHyperlaneHistory = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx
-import { useQueryClient as useQueryClient24 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient23 } from "@tanstack/react-query";
 import dayjs7 from "dayjs";
 import { ArrowRightIcon, ExternalLinkIcon as ExternalLinkIcon2, LoaderIcon as LoaderIcon12 } from "lucide-react";
 import { jsx as jsx99, jsxs as jsxs89 } from "react/jsx-runtime";
@@ -21002,7 +21067,7 @@ function HistoryItem(props) {
     updatedAt,
     txStatus
   } = props;
-  const qc = useQueryClient24();
+  const qc = useQueryClient23();
   const address = useSession((st) => st.address);
   const warpRoutes = qc.getQueryData([HYPERLANE_WARP_ROUTES_QUERY_KEY, address]);
   const assetWarpRoute = warpRoutes?.find((route) => {
@@ -21136,14 +21201,14 @@ var init_HistoryStep = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx
 import { ArrowLeftRightIcon as ArrowLeftRightIcon2 } from "lucide-react";
-import { useMemo as useMemo7, useState as useState28 } from "react";
+import { useMemo as useMemo8, useState as useState28 } from "react";
 import { Fragment as Fragment38, jsx as jsx100, jsxs as jsxs90 } from "react/jsx-runtime";
 function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
   const [isTokenSymbolSelector, setIsTokenSymbolSelector] = useState28(false);
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
-  const tokenList = useMemo7(() => {
+  const tokenList = useMemo8(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
     const uniqueTokens = Array.from(new Set(tokens));
     return uniqueTokens.map((symbol) => ({
@@ -21152,11 +21217,11 @@ function SelectAssetRoute(props) {
     }));
   }, [hyperlaneWarpRoutes]);
   if (isTokenSymbolSelector) {
-    return /* @__PURE__ */ jsx100("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: tokenList.map((asset, assetIdx) => /* @__PURE__ */ jsxs90(
+    return /* @__PURE__ */ jsx100("div", { className: "w-full grid grid-cols-1 gap-[var(--ui-kit-gap)]", children: tokenList.map((asset, assetIdx) => /* @__PURE__ */ jsxs90(
       Button,
       {
         variant: selectedAssetSymbol === asset.symbol ? "default" : "outline",
-        className: "w-full",
+        className: "w-full justify-start",
         onClick: () => {
           useBridgeStore.getState().setBridgeAssetSymbol(asset.symbol);
           setIsTokenSymbolSelector(false);
@@ -21425,7 +21490,7 @@ var init_useErc3643Compliance = __esm({
 
 // src/hooks/useNicknameResolve.ts
 import { useQuery as useQuery23 } from "@tanstack/react-query";
-import { useState as useState29, useEffect as useEffect41, useMemo as useMemo8 } from "react";
+import { useState as useState29, useEffect as useEffect41, useMemo as useMemo9 } from "react";
 function looksLikeNickname(input) {
   if (!input) return false;
   if (input.startsWith("0x")) return false;
@@ -21465,7 +21530,7 @@ function useNicknameResolve(input, options) {
   const isNotFound = query.isError && query.error?.code === "NICKNAME_NOT_FOUND";
   const isWalletNotSetup = !!query.data && query.data.resolvedTarget === null;
   const isFrozen = query.data?.isFrozen ?? false;
-  const fingerprintVerification = useMemo8(() => {
+  const fingerprintVerification = useMemo9(() => {
     if (!query.data?.owner || !query.data?.fingerprint) {
       return null;
     }
@@ -22427,7 +22492,7 @@ var init_sendSteps = __esm({
 
 // src/internal/components/SendMenu/send/SendMenu.tsx
 import { CheckCircle2 as CheckCircle26, Loader as Loader33 } from "lucide-react";
-import { useEffect as useEffect42, useMemo as useMemo9 } from "react";
+import { useEffect as useEffect42, useMemo as useMemo10 } from "react";
 import { parseUnits as parseUnits2 } from "viem";
 import { Fragment as Fragment43, jsx as jsx109, jsxs as jsxs98 } from "react/jsx-runtime";
 function SendMenu() {
@@ -22488,7 +22553,7 @@ function SendMenu() {
   const isNicknameInput = looksLikeNickname(recipient);
   const resolvedNicknameData = useNicknameResolve(recipient, { enabled: isNicknameInput, chainId: activeChainId });
   const effectiveAddress = isNicknameInput ? resolvedNicknameData?.resolvedAddress : recipient;
-  const complianceAmount = useMemo9(() => {
+  const complianceAmount = useMemo10(() => {
     if (!isSecurity || !amount || !selectedAsset) return void 0;
     try {
       return parseUnits2(amount, selectedAsset.decimals || 18);
@@ -22618,7 +22683,7 @@ function SelectorFlowButtons() {
           Button,
           {
             size: "medium",
-            variant: selectorFlow === "send" ? "outline" : "ghost",
+            variant: selectorFlow === "send" ? "default" : "ghost",
             className: "flex-1 uppercase",
             onClick: () => {
               useFlowSelectorStore.getState().setError(null);
@@ -22634,7 +22699,7 @@ function SelectorFlowButtons() {
           Button,
           {
             size: "medium",
-            variant: selectorFlow === "bridge" ? "outline" : "ghost",
+            variant: selectorFlow === "bridge" ? "default" : "ghost",
             className: "flex-1 uppercase",
             onClick: () => {
               useFlowSelectorStore.getState().setError(null);
@@ -23867,12 +23932,12 @@ var init_TransactionsGroup = __esm({
 });
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
-import { useQuery as useQuery25, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
+import { useQuery as useQuery25, useQueryClient as useQueryClient24 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft22, Loader as Loader34, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
 import { useCallback as useCallback25, useState as useState32 } from "react";
 import { jsx as jsx116, jsxs as jsxs104 } from "react/jsx-runtime";
 function TransactionsMenu() {
-  const qc = useQueryClient25();
+  const qc = useQueryClient24();
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
@@ -24239,7 +24304,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.31",
+      version: "0.4.33",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24337,11 +24402,11 @@ var init_package = __esm({
 });
 
 // src/internal/components/Footer/Footer.tsx
-import { useMutation as useMutation20, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
+import { useMutation as useMutation20, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
 import { Loader as Loader35, LogOut } from "lucide-react";
 import { jsx as jsx118, jsxs as jsxs105 } from "react/jsx-runtime";
 function Footer() {
-  const qc = useQueryClient26();
+  const qc = useQueryClient25();
   const { callbacksRef } = useProviderConfig();
   const { address, setSession, setAddress, setStatus, setError, setIsLoading } = useSession();
   const chainConfig = useSession((st) => st.chainConfig);
@@ -24908,11 +24973,11 @@ var init_TssManager = __esm({
 
 // src/internal/components/WalletConnectHandler.tsx
 import { useConnectModal as useConnectModal2 } from "@rainbow-me/rainbowkit";
-import { useMutation as useMutation21, useQueryClient as useQueryClient27 } from "@tanstack/react-query";
+import { useMutation as useMutation21, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
 import React10, { useCallback as useCallback29, useEffect as useEffect48 } from "react";
 import { useAccount, useDisconnect, useSignMessage as useSignMessage2 } from "wagmi";
 function WalletConnectHandler() {
-  const qc = useQueryClient27();
+  const qc = useQueryClient26();
   const { callbacksRef } = useProviderConfig();
   const passportWalletAddress = useSession((st) => st.address);
   const { address: walletAddress, isConnected, chain, connector } = useAccount();
@@ -25245,9 +25310,9 @@ var init_DirectWalletHandler = __esm({
 // src/context/SessionContext.tsx
 import {
   createBundlerClientForChain,
-  createPublicClientForChain as createPublicClientForChain5,
+  createPublicClientForChain as createPublicClientForChain6,
   DEFAULT_CHAIN_ID as DEFAULT_CHAIN_ID2,
-  getChainConfig as getChainConfig8,
+  getChainConfig as getChainConfig9,
   getViemChain as getViemChain2
 } from "@embarkai/core/read";
 import { Fragment as Fragment46 } from "react";
@@ -25258,7 +25323,7 @@ function getChainParams(chainCfg) {
   return {
     activeChainId: chainCfg.id,
     chainConfig: chainCfg,
-    publicClient: createPublicClientForChain5(chainCfg.id),
+    publicClient: createPublicClientForChain6(chainCfg.id),
     bundlerClient: createBundlerClientForChain(chainCfg.id),
     viemChain: getViemChain2(chainCfg.id)
   };
@@ -25356,7 +25421,7 @@ var init_SessionContext = __esm({
           // Set default chainId after hydration if not persisted
           onRehydrateStorage: () => (state) => {
             if (!state) return;
-            const hydartedChain = getChainParams(getChainConfig8(state.activeChainId || DEFAULT_CHAIN_ID2));
+            const hydartedChain = getChainParams(getChainConfig9(state.activeChainId || DEFAULT_CHAIN_ID2));
             state.activeChainId = hydartedChain.activeChainId;
             state.publicClient = hydartedChain.publicClient;
             state.bundlerClient = hydartedChain.bundlerClient;
@@ -25403,7 +25468,7 @@ var init_env = __esm({
 });
 
 // src/internal/clients/base.ts
-import { getChainConfig as getChainConfig9, getViemChain as getViemChain3, lumiaMainnetChain, lumiaTestnetChain } from "@embarkai/core/read";
+import { getChainConfig as getChainConfig10, getViemChain as getViemChain3, lumiaMainnetChain, lumiaTestnetChain } from "@embarkai/core/read";
 import { http as http4 } from "viem";
 import { createBundlerClient } from "viem/account-abstraction";
 function getTssUrl2() {
@@ -25422,7 +25487,7 @@ function getDashboardApiUrl() {
   const serviceUrls = getServiceUrls();
   const paramUrl = typeof window !== "undefined" ? new URLSearchParams(window.location.search).get("dashboardApiUrl") || void 0 : void 0;
   const envUrl = getEnvVar("VITE_LUMIA_DASHBOARD_API_URL") || getEnvVar("LUMIA_DASHBOARD_API_URL");
-  return paramUrl || serviceUrls.dashboardApiUrl || envUrl || "https://dashboard.lumiapassport.com/api";
+  return paramUrl || serviceUrls.dashboardApiUrl || envUrl || "https://dashboard.embarkai.io/api";
 }
 function getSelectedNetwork() {
   const paramNet = typeof window !== "undefined" ? (new URLSearchParams(window.location.search).get("network") || "").toLowerCase() : "";
@@ -25434,13 +25499,13 @@ function getExplorerUrl() {
   const paramUrl = typeof window !== "undefined" ? new URLSearchParams(window.location.search).get("explorerUrl") || void 0 : void 0;
   const net = getSelectedNetwork();
   const chainId = requireActiveChainId();
-  const chainConfig = getChainConfig9(chainId);
+  const chainConfig = getChainConfig10(chainId);
   console.log("[getExplorerUrl] ", paramUrl, chainConfig.blockExplorerUrl);
   return paramUrl || chainConfig.blockExplorerUrl;
 }
 function getBundlerClient() {
   const chainId = requireActiveChainId();
-  const chainConfig = getChainConfig9(chainId);
+  const chainConfig = getChainConfig10(chainId);
   const viemChain = getViemChain3(chainId);
   return createBundlerClient({
     chain: viemChain,
@@ -27964,14 +28029,14 @@ var init_rainbowkit = __esm({
 
 // src/context/RainbowKitContext.tsx
 import { darkTheme, lightTheme, RainbowKitProvider as NativeRainbowKitProvider } from "@rainbow-me/rainbowkit";
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo11 } from "react";
 import { WagmiProvider } from "wagmi";
 import "@rainbow-me/rainbowkit/styles.css";
 import { Fragment as Fragment47, jsx as jsx124 } from "react/jsx-runtime";
 function RainbowKitProvider({ children }) {
   const config = useProviderConfig().config;
   const colorMode = useLayoutStore((st) => st.colorMode);
-  const rainbowConfig = useMemo10(
+  const rainbowConfig = useMemo11(
     () => createRainbowConfig({
       projectId: config.current?.wallet?.walletConnectProjectId,
       allowedWallets: config.current?.wallet?.allowedWallets,
@@ -27985,7 +28050,7 @@ function RainbowKitProvider({ children }) {
       config.current?.wallet?.walletConnectProjectId
     ]
   );
-  const customTheme = useMemo10(() => {
+  const customTheme = useMemo11(() => {
     if (!config.current?.wallet?.enabled) return {};
     return colorMode === "dark" ? {
       ...darkTheme(),
@@ -28085,7 +28150,7 @@ import {
   useCallback as useCallback30,
   useContext,
   useEffect as useEffect50,
-  useMemo as useMemo11,
+  useMemo as useMemo12,
   useRef as useRef21
 } from "react";
 import { jsx as jsx126 } from "react/jsx-runtime";
@@ -28198,7 +28263,7 @@ function Provider(props) {
       console.error("[PROVIDER] Error setting up iframe manager:", error);
     }
   }, [projectId]);
-  const contextValue = useMemo11(
+  const contextValue = useMemo12(
     () => ({
       config,
       updateConfig,
@@ -28239,6 +28304,99 @@ init_ProviderContext();
 
 // src/components/ConnectWalletButton.tsx
 init_LumiaIcon3();
+
+// src/internal/assets/wallets/EmbarkAiIcon.tsx
+import { jsx as jsx127, jsxs as jsxs110 } from "react/jsx-runtime";
+function EmbarkAiIcon(props) {
+  const { width = "24", height = "24", ...svgProps } = props;
+  return /* @__PURE__ */ jsxs110(
+    "svg",
+    {
+      ...svgProps,
+      width,
+      height,
+      viewBox: "0 0 26 25",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      style: { flexShrink: 0 },
+      children: [
+        /* @__PURE__ */ jsx127(
+          "path",
+          {
+            d: "M12.7045 5.8037H25.6717C25.6717 2.60055 23.1024 0 19.9298 0H6.96264C6.96264 3.20316 9.53194 5.8037 12.7045 5.8037Z",
+            fill: "url(#paint0_radial_877_49)"
+          }
+        ),
+        /* @__PURE__ */ jsx127(
+          "path",
+          {
+            d: "M19.9333 9.59513H7.06557C7.06557 6.39197 4.49627 3.79143 1.32368 3.79143H0V9.59513H6.96265C6.96265 12.7983 9.53195 15.3988 12.7045 15.3988H25.6717C25.6717 12.1957 23.1024 9.59513 19.9298 9.59513H19.9333Z",
+            fill: "url(#paint1_radial_877_49)"
+          }
+        ),
+        /* @__PURE__ */ jsx127(
+          "path",
+          {
+            d: "M19.9333 19.1938H7.06202C7.03008 16.0193 4.47498 13.4547 1.32368 13.4547H0V19.2584H6.9662C6.99814 22.4328 9.55324 24.9975 12.7045 24.9975H25.6717C25.6717 21.7943 23.1024 19.1938 19.9298 19.1938H19.9333Z",
+            fill: "url(#paint2_radial_877_49)"
+          }
+        ),
+        /* @__PURE__ */ jsxs110("defs", { children: [
+          /* @__PURE__ */ jsxs110(
+            "radialGradient",
+            {
+              id: "paint0_radial_877_49",
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(25.2529 -0.939785) scale(26.7789 27.0672)",
+              children: [
+                /* @__PURE__ */ jsx127("stop", { stopColor: "#CCFFF8" }),
+                /* @__PURE__ */ jsx127("stop", { offset: "0.36", stopColor: "#0DE4B3" }),
+                /* @__PURE__ */ jsx127("stop", { offset: "1", stopColor: "#D13AFF" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs110(
+            "radialGradient",
+            {
+              id: "paint1_radial_877_49",
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(23.6134 -2.08401) scale(30.1644 30.4892)",
+              children: [
+                /* @__PURE__ */ jsx127("stop", { stopColor: "#CCFFF8" }),
+                /* @__PURE__ */ jsx127("stop", { offset: "0.36", stopColor: "#0DE4B3" }),
+                /* @__PURE__ */ jsx127("stop", { offset: "1", stopColor: "#D13AFF" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs110(
+            "radialGradient",
+            {
+              id: "paint2_radial_877_49",
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(16.0794 5.81084) scale(22.4849 22.727)",
+              children: [
+                /* @__PURE__ */ jsx127("stop", { stopColor: "#CCFFF8" }),
+                /* @__PURE__ */ jsx127("stop", { offset: "0.36", stopColor: "#0DE4B3" }),
+                /* @__PURE__ */ jsx127("stop", { offset: "1", stopColor: "#D13AFF" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/ConnectWalletButton.tsx
 init_SessionContext();
 init_auth();
 init_profile();
@@ -28251,8 +28409,8 @@ init_pro_mode();
 init_utils2();
 import { useQuery as useQuery28 } from "@tanstack/react-query";
 import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader37, Shield as Shield3 } from "lucide-react";
-import { useEffect as useEffect51, useMemo as useMemo12 } from "react";
-import { Fragment as Fragment48, jsx as jsx127, jsxs as jsxs110 } from "react/jsx-runtime";
+import { useEffect as useEffect51, useMemo as useMemo13 } from "react";
+import { Fragment as Fragment48, jsx as jsx128, jsxs as jsxs111 } from "react/jsx-runtime";
 function getFormattedStatus(label, status, showStatus) {
   const isStatus = showStatus && status && status !== "idle" && status !== "ready";
   if (!isStatus) return label;
@@ -28279,7 +28437,7 @@ function ConnectWalletButton(props) {
     queryFn: getUserProfile
   });
   const displayName = profile?.nicknameDisplay || profile?.displayName || jwtTokenManager2.getDisplayName();
-  const indicators = useMemo12(() => {
+  const indicators = useMemo13(() => {
     const userId = session?.mpcUserId;
     if (!userId) return { server: false, local: false, backup: false };
     const server = jwtTokenManager2.getHasKeyshare() ?? false;
@@ -28288,20 +28446,20 @@ function ConnectWalletButton(props) {
   }, [session, address, hasServerVault]);
   const proMode = useProMode();
   const isConnecting = connectButtonLabel !== label || isLoading;
-  return /* @__PURE__ */ jsx127("div", { "data-current-theme-mode": colorMode, className: cn("embarkai-ui-scope w-fit h-fit", className), children: !address ? (
+  return /* @__PURE__ */ jsx128("div", { "data-current-theme-mode": colorMode, className: cn("embarkai-ui-scope w-fit h-fit", className), children: !address ? (
     /** external Buttons can be provided */
-    /* @__PURE__ */ jsx127(Fragment48, { children: ConnectButton ? /* @__PURE__ */ jsxs110(
+    /* @__PURE__ */ jsx128(Fragment48, { children: ConnectButton ? /* @__PURE__ */ jsxs111(
       ConnectButton,
       {
         type: "button",
         disabled: isConnecting,
         onClick: () => setPage("auth" /* AUTH */),
         children: [
-          isConnecting && /* @__PURE__ */ jsx127(Loader37, { className: "w-4 h-4 animate-spin" }),
+          isConnecting ? /* @__PURE__ */ jsx128("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx128(Loader37, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx128(EmbarkAiIcon, { className: "w-6 h-6" }),
           connectButtonLabel
         ]
       }
-    ) : /* @__PURE__ */ jsxs110(
+    ) : /* @__PURE__ */ jsxs111(
       Button,
       {
         type: "button",
@@ -28311,19 +28469,19 @@ function ConnectWalletButton(props) {
         onClick: () => setPage("auth" /* AUTH */),
         className: cn(
           "account-connect-button w-fit h-16 px-8",
-          // 'rounded-[var(--ui-kit-bdrs)]',
+          "rounded-[var(--ui-kit-bdrs)]",
           "border-0 border-transparent",
           // to override button appearance bd, which case to case might drop black border
           "bg-[var(--ui-kit-bg)] hover:bg-[var(--ui-kit-bg)] active:bg-[var(--ui-kit-bg)] text-[var(--ui-kit-fg)]",
           "disabled:hover:bg-[var(--ui-kit-bg)] disabled:active:bg-[var(--ui-kit-bg)]"
         ),
         children: [
-          isConnecting && /* @__PURE__ */ jsx127(Loader37, { className: "w-4 h-4 animate-spin" }),
+          isConnecting ? /* @__PURE__ */ jsx128("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx128(Loader37, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx128(EmbarkAiIcon, { className: "w-6 h-6" }),
           connectButtonLabel.toUpperCase()
         ]
       }
     ) })
-  ) : /* @__PURE__ */ jsxs110(
+  ) : /* @__PURE__ */ jsxs111(
     "button",
     {
       type: "button",
@@ -28336,26 +28494,26 @@ function ConnectWalletButton(props) {
         "rounded-[var(--ui-kit-bdrs)] p-4 max-w-sm min-w-[256px]"
       ),
       children: [
-        /* @__PURE__ */ jsxs110("div", { className: "relative w-12 h-12 rounded-full bg-[var(--ui-kit-fg)] flex items-center justify-center flex-shrink-0", children: [
-          proMode && /* @__PURE__ */ jsx127("span", { className: "absolute -top-1 -right-1 text-[8px] font-bold px-1 rounded bg-[var(--ui-kit-primary)] text-[var(--ui-kit-fg-inverted)] leading-3 z-10", children: "PRO" }),
-          profile?.avatar ? /* @__PURE__ */ jsx127("img", { src: profile.avatar, alt: "User avatar", className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsx127(LumiaIcon3, { width: 48, height: 48 })
+        /* @__PURE__ */ jsxs111("div", { className: "relative w-12 h-12 rounded-full bg-[var(--ui-kit-fg)] flex items-center justify-center flex-shrink-0", children: [
+          proMode && /* @__PURE__ */ jsx128("span", { className: "absolute -top-1 -right-1 text-[8px] font-bold px-1 rounded bg-[var(--ui-kit-primary)] text-[var(--ui-kit-fg-inverted)] leading-3 z-10", children: "PRO" }),
+          profile?.avatar ? /* @__PURE__ */ jsx128("img", { src: profile.avatar, alt: "User avatar", className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsx128(LumiaIcon3, { width: 48, height: 48 })
         ] }),
-        /* @__PURE__ */ jsxs110("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
-          /* @__PURE__ */ jsxs110("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-            isProfileLoading ? /* @__PURE__ */ jsx127(Loader37, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx127("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
-            !isProfileLoading && /* @__PURE__ */ jsx127(KYCStatus, {})
+        /* @__PURE__ */ jsxs111("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
+          /* @__PURE__ */ jsxs111("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+            isProfileLoading ? /* @__PURE__ */ jsx128(Loader37, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx128("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
+            !isProfileLoading && /* @__PURE__ */ jsx128(KYCStatus, {})
           ] }),
-          /* @__PURE__ */ jsx127(BalanceView, {})
+          /* @__PURE__ */ jsx128(BalanceView, {})
         ] }),
-        /* @__PURE__ */ jsxs110("div", { className: "flex items-center space-x-1", children: [
-          /* @__PURE__ */ jsxs110("div", { className: "group relative", children: [
-            /* @__PURE__ */ jsx127(
+        /* @__PURE__ */ jsxs111("div", { className: "flex items-center space-x-1", children: [
+          /* @__PURE__ */ jsxs111("div", { className: "group relative", children: [
+            /* @__PURE__ */ jsx128(
               Cloud4,
               {
                 className: `w-3 h-3 ${indicators.server ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
               }
             ),
-            /* @__PURE__ */ jsxs110(
+            /* @__PURE__ */ jsxs111(
               "div",
               {
                 className: cn(
@@ -28370,14 +28528,14 @@ function ConnectWalletButton(props) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs110("div", { className: "group relative", children: [
-            /* @__PURE__ */ jsx127(
+          /* @__PURE__ */ jsxs111("div", { className: "group relative", children: [
+            /* @__PURE__ */ jsx128(
               Laptop2,
               {
                 className: `w-3 h-3 ${indicators.local ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
               }
             ),
-            /* @__PURE__ */ jsxs110(
+            /* @__PURE__ */ jsxs111(
               "div",
               {
                 className: cn(
@@ -28392,14 +28550,14 @@ function ConnectWalletButton(props) {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs110("div", { className: "group relative", children: [
-            /* @__PURE__ */ jsx127(
+          /* @__PURE__ */ jsxs111("div", { className: "group relative", children: [
+            /* @__PURE__ */ jsx128(
               Shield3,
               {
                 className: `w-3 h-3 ${indicators.backup ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
               }
             ),
-            /* @__PURE__ */ jsxs110(
+            /* @__PURE__ */ jsxs111(
               "div",
               {
                 className: cn(
@@ -28415,7 +28573,7 @@ function ConnectWalletButton(props) {
             )
           ] })
         ] }),
-        !!settingsNotifications.length && /* @__PURE__ */ jsx127(
+        !!settingsNotifications.length && /* @__PURE__ */ jsx128(
           "div",
           {
             className: cn(
@@ -28493,24 +28651,24 @@ init_useColorMode();
 init_button();
 init_utils2();
 import { Moon, Sun } from "lucide-react";
-import { jsx as jsx128 } from "react/jsx-runtime";
+import { jsx as jsx129 } from "react/jsx-runtime";
 function ThemeToggle(props) {
   const { className, ...btnProps } = props;
   const { colorMode, setColorMode } = useColorMode();
-  return /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx129(
     "div",
     {
       className: cn("embarkai-ui-scope", className),
       "data-current-theme-mode": colorMode,
       style: { width: "fit-content", height: "fit-content" },
-      children: /* @__PURE__ */ jsx128(
+      children: /* @__PURE__ */ jsx129(
         Button,
         {
           ...btnProps,
           variant: "ghost",
           onClick: () => setColorMode(colorMode === "light" ? "dark" : "light"),
           title: `Current theme: ${colorMode}. Click to switch.`,
-          children: colorMode === "dark" ? /* @__PURE__ */ jsx128(Sun, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx128(Moon, { className: "w-4 h-4" })
+          children: colorMode === "dark" ? /* @__PURE__ */ jsx129(Sun, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx129(Moon, { className: "w-4 h-4" })
         }
       )
     }
@@ -28522,18 +28680,18 @@ init_i18n();
 init_button();
 init_useLayoutDataStore();
 init_utils2();
-import { jsx as jsx129 } from "react/jsx-runtime";
+import { jsx as jsx130 } from "react/jsx-runtime";
 function LangToggle(props) {
   const { className, ...btnProps } = props;
   const { i18n } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  return /* @__PURE__ */ jsx129(
+  return /* @__PURE__ */ jsx130(
     "div",
     {
       className: cn("embarkai-ui-scope", className),
       "data-mbark-language": i18n.resolvedLanguage || "en",
       style: { width: "fit-content", height: "fit-content" },
-      children: /* @__PURE__ */ jsx129(
+      children: /* @__PURE__ */ jsx130(
         Button,
         {
           ...btnProps,
@@ -28557,10 +28715,10 @@ import * as React12 from "react";
 // src/clients/bundler/getUserOperationByHash.ts
 init_SessionContext();
 import { bundlerRpc } from "@embarkai/core";
-import { getChainConfig as getChainConfig10 } from "@embarkai/core/read";
+import { getChainConfig as getChainConfig11 } from "@embarkai/core/read";
 async function getUserOperationByHash(userOpHash, chainId) {
   const targetChainId = chainId ?? requireActiveChainId();
-  const chainConfig = getChainConfig10(targetChainId);
+  const chainConfig = getChainConfig11(targetChainId);
   if (!chainConfig) {
     throw new Error(`Chain ${targetChainId} is not supported`);
   }
@@ -28592,10 +28750,10 @@ async function getUserOperationByHash(userOpHash, chainId) {
 // src/clients/bundler/getUserOperationReceipt.ts
 init_SessionContext();
 import { bundlerRpc as bundlerRpc2 } from "@embarkai/core";
-import { getChainConfig as getChainConfig11 } from "@embarkai/core/read";
+import { getChainConfig as getChainConfig12 } from "@embarkai/core/read";
 async function getUserOperationReceipt(userOpHash, chainId) {
   const targetChainId = chainId ?? requireActiveChainId();
-  const chainConfig = getChainConfig11(targetChainId);
+  const chainConfig = getChainConfig12(targetChainId);
   if (!chainConfig) {
     throw new Error(`Chain ${targetChainId} is not supported`);
   }
@@ -28638,7 +28796,7 @@ init_cn();
 init_button();
 import { Copy as Copy6, ExternalLink as ExternalLink2 } from "lucide-react";
 import * as React11 from "react";
-import { jsx as jsx130, jsxs as jsxs111 } from "react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs112 } from "react/jsx-runtime";
 function toExplorerAddressUrl(address, chain) {
   const base2 = chain?.blockExplorers?.default?.url;
   if (!base2) return null;
@@ -28660,11 +28818,11 @@ var Address = ({
   const addr = address || "";
   const explorer = toExplorerAddressUrl(addr, chain || void 0);
   const [copied, setCopied] = React11.useState(false);
-  if (!addr) return /* @__PURE__ */ jsx130("span", { className: cn2("text-muted-foreground", className), children: "\u2014" });
-  return /* @__PURE__ */ jsxs111("div", { className: cn2("flex items-center gap-2", className), style: { listStyle: "none" }, children: [
-    label && /* @__PURE__ */ jsx130("span", { className: "text-sm font-medium", children: label }),
-    /* @__PURE__ */ jsx130("code", { className: "text-xs bg-background px-2 py-1 rounded select-all", children: truncate ? short(addr) : addr }),
-    showCopy && /* @__PURE__ */ jsx130(
+  if (!addr) return /* @__PURE__ */ jsx131("span", { className: cn2("text-muted-foreground", className), children: "\u2014" });
+  return /* @__PURE__ */ jsxs112("div", { className: cn2("flex items-center gap-2", className), style: { listStyle: "none" }, children: [
+    label && /* @__PURE__ */ jsx131("span", { className: "text-sm font-medium", children: label }),
+    /* @__PURE__ */ jsx131("code", { className: "text-xs bg-background px-2 py-1 rounded select-all", children: truncate ? short(addr) : addr }),
+    showCopy && /* @__PURE__ */ jsx131(
       Button,
       {
         variant: "ghost",
@@ -28678,10 +28836,10 @@ var Address = ({
           } catch {
           }
         },
-        children: /* @__PURE__ */ jsx130(Copy6, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx131(Copy6, { className: "h-4 w-4" })
       }
     ),
-    showExplorer && explorer && /* @__PURE__ */ jsx130(
+    showExplorer && explorer && /* @__PURE__ */ jsx131(
       "a",
       {
         href: explorer,
@@ -28689,7 +28847,7 @@ var Address = ({
         rel: "noreferrer noopener",
         className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
         title: "Open in explorer",
-        children: /* @__PURE__ */ jsx130(ExternalLink2, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx131(ExternalLink2, { className: "h-4 w-4" })
       }
     )
   ] });
@@ -28698,7 +28856,7 @@ var Address = ({
 // src/internal/components/UserOpStatus.tsx
 init_badge();
 init_button();
-import { jsx as jsx131, jsxs as jsxs112 } from "react/jsx-runtime";
+import { jsx as jsx132, jsxs as jsxs113 } from "react/jsx-runtime";
 var UserOpStatus = ({
   userOpHash,
   chain,
@@ -28813,35 +28971,35 @@ var UserOpStatus = ({
   const stateBadge = () => {
     if (receipt) {
       const ok = !!receipt.success;
-      return /* @__PURE__ */ jsxs112(Badge, { variant: ok ? "success" : "destructive", children: [
-        ok ? /* @__PURE__ */ jsx131(CheckCircle27, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx131(AlertCircle8, { className: "h-3 w-3" }),
+      return /* @__PURE__ */ jsxs113(Badge, { variant: ok ? "success" : "destructive", children: [
+        ok ? /* @__PURE__ */ jsx132(CheckCircle27, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx132(AlertCircle8, { className: "h-3 w-3" }),
         ok ? "Included" : "Failed"
       ] });
     }
     if (rejected) {
-      return /* @__PURE__ */ jsxs112(Badge, { variant: "destructive", children: [
-        /* @__PURE__ */ jsx131(AlertCircle8, { className: "h-3 w-3" }),
+      return /* @__PURE__ */ jsxs113(Badge, { variant: "destructive", children: [
+        /* @__PURE__ */ jsx132(AlertCircle8, { className: "h-3 w-3" }),
         " Rejected by bundler"
       ] });
     }
     if (timedOut) {
-      return /* @__PURE__ */ jsxs112(Badge, { variant: "warning", children: [
-        /* @__PURE__ */ jsx131(AlertCircle8, { className: "h-3 w-3" }),
+      return /* @__PURE__ */ jsxs113(Badge, { variant: "warning", children: [
+        /* @__PURE__ */ jsx132(AlertCircle8, { className: "h-3 w-3" }),
         " Timeout - may be rejected"
       ] });
     }
     if (mempool) {
-      return /* @__PURE__ */ jsxs112(Badge, { variant: "outline", children: [
-        /* @__PURE__ */ jsx131(Clock2, { className: "h-3 w-3" }),
+      return /* @__PURE__ */ jsxs113(Badge, { variant: "outline", children: [
+        /* @__PURE__ */ jsx132(Clock2, { className: "h-3 w-3" }),
         " Pending in bundler"
       ] });
     }
-    return /* @__PURE__ */ jsxs112(Badge, { variant: "secondary", children: [
-      /* @__PURE__ */ jsx131(Clock2, { className: "h-3 w-3" }),
+    return /* @__PURE__ */ jsxs113(Badge, { variant: "secondary", children: [
+      /* @__PURE__ */ jsx132(Clock2, { className: "h-3 w-3" }),
       " Waiting"
     ] });
   };
-  return /* @__PURE__ */ jsxs112(
+  return /* @__PURE__ */ jsxs113(
     "div",
     {
       className: cn2(
@@ -28850,20 +29008,20 @@ var UserOpStatus = ({
       ),
       style: { textAlign: "left", listStyle: "none" },
       children: [
-        /* @__PURE__ */ jsxs112("div", { className: "flex items-center justify-between mb-3", children: [
-          /* @__PURE__ */ jsxs112("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs113("div", { className: "flex items-center justify-between mb-3", children: [
+          /* @__PURE__ */ jsxs113("div", { className: "flex items-center gap-2", children: [
             stateBadge(),
-            /* @__PURE__ */ jsx131("span", { className: "text-xs text-muted-foreground", children: "This is a UserOperation hash (EIP-4337), not a L2 tx hash." })
+            /* @__PURE__ */ jsx132("span", { className: "text-xs text-muted-foreground", children: "This is a UserOperation hash (EIP-4337), not a L2 tx hash." })
           ] }),
-          /* @__PURE__ */ jsxs112(Button, { variant: "ghost", size: "small", onClick: () => tick(), disabled: refreshing, className: "h-8", children: [
-            /* @__PURE__ */ jsx131(RefreshCw4, { className: cn2("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
-            /* @__PURE__ */ jsx131("span", { className: "text-xs", children: "Refresh" })
+          /* @__PURE__ */ jsxs113(Button, { variant: "ghost", size: "small", onClick: () => tick(), disabled: refreshing, className: "h-8", children: [
+            /* @__PURE__ */ jsx132(RefreshCw4, { className: cn2("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
+            /* @__PURE__ */ jsx132("span", { className: "text-xs", children: "Refresh" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs112("div", { className: "flex items-center gap-2 mb-2", children: [
-          /* @__PURE__ */ jsx131("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "UO Hash" }),
-          /* @__PURE__ */ jsx131("code", { className: "text-xs font-mono flex-1 select-all", children: userOpHash }),
-          /* @__PURE__ */ jsx131(
+        /* @__PURE__ */ jsxs113("div", { className: "flex items-center gap-2 mb-2", children: [
+          /* @__PURE__ */ jsx132("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "UO Hash" }),
+          /* @__PURE__ */ jsx132("code", { className: "text-xs font-mono flex-1 select-all", children: userOpHash }),
+          /* @__PURE__ */ jsx132(
             Button,
             {
               variant: "ghost",
@@ -28875,14 +29033,14 @@ var UserOpStatus = ({
                 } catch {
                 }
               },
-              children: /* @__PURE__ */ jsx131(Copy7, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ jsx132(Copy7, { className: "h-3.5 w-3.5" })
             }
           )
         ] }),
-        receipt && receipt.receipt?.transactionHash && /* @__PURE__ */ jsxs112("div", { className: "flex items-center gap-2 mb-3", children: [
-          /* @__PURE__ */ jsx131("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "Tx Hash" }),
-          /* @__PURE__ */ jsx131("code", { className: "text-xs font-mono flex-1 select-all", children: receipt.receipt.transactionHash }),
-          /* @__PURE__ */ jsx131(
+        receipt && receipt.receipt?.transactionHash && /* @__PURE__ */ jsxs113("div", { className: "flex items-center gap-2 mb-3", children: [
+          /* @__PURE__ */ jsx132("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "Tx Hash" }),
+          /* @__PURE__ */ jsx132("code", { className: "text-xs font-mono flex-1 select-all", children: receipt.receipt.transactionHash }),
+          /* @__PURE__ */ jsx132(
             Button,
             {
               variant: "ghost",
@@ -28894,10 +29052,10 @@ var UserOpStatus = ({
                 } catch {
                 }
               },
-              children: /* @__PURE__ */ jsx131(Copy7, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ jsx132(Copy7, { className: "h-3.5 w-3.5" })
             }
           ),
-          chain?.blockExplorers?.default?.url && /* @__PURE__ */ jsx131(
+          chain?.blockExplorers?.default?.url && /* @__PURE__ */ jsx132(
             "a",
             {
               href: `${chain.blockExplorers.default.url}/tx/${receipt.receipt.transactionHash}`,
@@ -28905,11 +29063,11 @@ var UserOpStatus = ({
               rel: "noreferrer noopener",
               className: "inline-flex items-center justify-center h-8 w-8 rounded-md hover:bg-accent text-foreground",
               title: "Open in explorer",
-              children: /* @__PURE__ */ jsx131(ExternalLink3, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ jsx132(ExternalLink3, { className: "h-3.5 w-3.5" })
             }
           )
         ] }),
-        receipt && /* @__PURE__ */ jsxs112("div", { className: "text-xs text-muted-foreground mb-3", children: [
+        receipt && /* @__PURE__ */ jsxs113("div", { className: "text-xs text-muted-foreground mb-3", children: [
           "Block ",
           parseInt(receipt.receipt?.blockNumber || "0x0", 16),
           " \u2022 Gas Used",
@@ -28918,32 +29076,32 @@ var UserOpStatus = ({
           " \u2022 Success ",
           String(!!receipt.success)
         ] }),
-        /* @__PURE__ */ jsx131("div", { className: "text-xs text-muted-foreground", children: !receipt && !timedOut && !rejected && /* @__PURE__ */ jsxs112("span", { className: "ml-2", children: [
+        /* @__PURE__ */ jsx132("div", { className: "text-xs text-muted-foreground", children: !receipt && !timedOut && !rejected && /* @__PURE__ */ jsxs113("span", { className: "ml-2", children: [
           "\u2022 Polling for ",
           Math.round((Date.now() - startTimeRef.current) / 1e3),
           "s"
         ] }) }),
-        mempool && /* @__PURE__ */ jsxs112("div", { className: "text-sm text-muted-foreground mt-2", style: { listStyle: "none" }, children: [
-          /* @__PURE__ */ jsxs112("div", { children: [
+        mempool && /* @__PURE__ */ jsxs113("div", { className: "text-sm text-muted-foreground mt-2", style: { listStyle: "none" }, children: [
+          /* @__PURE__ */ jsxs113("div", { children: [
             "Seen by bundler at ",
-            /* @__PURE__ */ jsx131(Address, { address: mempool.entryPoint, chain, showExplorer: true, truncate: false })
+            /* @__PURE__ */ jsx132(Address, { address: mempool.entryPoint, chain, showExplorer: true, truncate: false })
           ] }),
-          /* @__PURE__ */ jsxs112("div", { children: [
+          /* @__PURE__ */ jsxs113("div", { children: [
             "sender ",
-            /* @__PURE__ */ jsx131(Address, { address: mempool.sender, chain, truncate: false })
+            /* @__PURE__ */ jsx132(Address, { address: mempool.sender, chain, truncate: false })
           ] })
         ] }),
-        error && /* @__PURE__ */ jsxs112("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ jsx131(AlertCircle8, { className: "h-4 w-4" }),
+        error && /* @__PURE__ */ jsxs113("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
+          /* @__PURE__ */ jsx132(AlertCircle8, { className: "h-4 w-4" }),
           " ",
           error
         ] }),
-        rejected && /* @__PURE__ */ jsxs112("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ jsx131(AlertCircle8, { className: "h-4 w-4" }),
+        rejected && /* @__PURE__ */ jsxs113("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
+          /* @__PURE__ */ jsx132(AlertCircle8, { className: "h-4 w-4" }),
           "UserOperation was dropped from bundler mempool. This usually means it was invalid or replaced."
         ] }),
-        timedOut && /* @__PURE__ */ jsxs112("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ jsx131(AlertCircle8, { className: "h-4 w-4" }),
+        timedOut && /* @__PURE__ */ jsxs113("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
+          /* @__PURE__ */ jsx132(AlertCircle8, { className: "h-4 w-4" }),
           "Stopped polling after ",
           Math.round(maxPollTimeMs / 1e3),
           "s. UserOperation may have been rejected by the bundler."
@@ -28958,7 +29116,7 @@ init_cn();
 init_button();
 import { Copy as Copy8, ExternalLink as ExternalLink4 } from "lucide-react";
 import * as React13 from "react";
-import { jsx as jsx132, jsxs as jsxs113 } from "react/jsx-runtime";
+import { jsx as jsx133, jsxs as jsxs114 } from "react/jsx-runtime";
 function toExplorerUrl(kind, value, chain) {
   const base2 = chain?.blockExplorers?.default?.url;
   if (!base2) return null;
@@ -28982,11 +29140,11 @@ var Hash = ({
   const value = hash || "";
   const explorer = toExplorerUrl(kind, value, chain || void 0);
   const [copied, setCopied] = React13.useState(false);
-  if (!value) return /* @__PURE__ */ jsx132("span", { className: cn2("text-muted-foreground", className), children: "\u2014" });
-  return /* @__PURE__ */ jsxs113("div", { className: cn2("flex items-center gap-2", className), children: [
-    label && /* @__PURE__ */ jsx132("span", { className: "text-sm font-medium", children: label }),
-    /* @__PURE__ */ jsx132("code", { className: "text-xs bg-background px-2 py-1 rounded break-all", children: truncate ? short2(value) : value }),
-    showCopy && /* @__PURE__ */ jsx132(
+  if (!value) return /* @__PURE__ */ jsx133("span", { className: cn2("text-muted-foreground", className), children: "\u2014" });
+  return /* @__PURE__ */ jsxs114("div", { className: cn2("flex items-center gap-2", className), children: [
+    label && /* @__PURE__ */ jsx133("span", { className: "text-sm font-medium", children: label }),
+    /* @__PURE__ */ jsx133("code", { className: "text-xs bg-background px-2 py-1 rounded break-all", children: truncate ? short2(value) : value }),
+    showCopy && /* @__PURE__ */ jsx133(
       Button,
       {
         variant: "ghost",
@@ -29000,10 +29158,10 @@ var Hash = ({
           } catch {
           }
         },
-        children: /* @__PURE__ */ jsx132(Copy8, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx133(Copy8, { className: "h-4 w-4" })
       }
     ),
-    showExplorer && explorer && /* @__PURE__ */ jsx132(
+    showExplorer && explorer && /* @__PURE__ */ jsx133(
       "a",
       {
         href: explorer,
@@ -29011,7 +29169,7 @@ var Hash = ({
         rel: "noreferrer noopener",
         className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
         title: "Open in explorer",
-        children: /* @__PURE__ */ jsx132(ExternalLink4, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx133(ExternalLink4, { className: "h-4 w-4" })
       }
     )
   ] });
@@ -29020,7 +29178,7 @@ var Hash = ({
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
 init_base();
 import { useEffect as useEffect53, useState as useState37 } from "react";
-import { jsx as jsx133, jsxs as jsxs114 } from "react/jsx-runtime";
+import { jsx as jsx134, jsxs as jsxs115 } from "react/jsx-runtime";
 var TransactionsList = ({ address, itemsCount = 10 }) => {
   const [transactions, setTransactions] = useState37([]);
   const [loading, setLoading] = useState37(true);
@@ -29071,31 +29229,31 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
     window.open(`${explorerUrl}/tx/${txHash}`, "_blank");
   };
   if (loading) {
-    return /* @__PURE__ */ jsxs114("div", { className: "p-4 text-center", children: [
-      /* @__PURE__ */ jsx133("div", { className: "animate-spin inline-block w-6 h-6 border-2 border-current border-t-transparent rounded-full" }),
-      /* @__PURE__ */ jsx133("p", { className: "mt-2 text-sm text-gray-600", children: "Loading transactions..." })
+    return /* @__PURE__ */ jsxs115("div", { className: "p-4 text-center", children: [
+      /* @__PURE__ */ jsx134("div", { className: "animate-spin inline-block w-6 h-6 border-2 border-current border-t-transparent rounded-full" }),
+      /* @__PURE__ */ jsx134("p", { className: "mt-2 text-sm text-gray-600", children: "Loading transactions..." })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ jsxs114("div", { className: "p-4 text-center", children: [
-      /* @__PURE__ */ jsx133("p", { className: "text-red-600 text-sm", children: error }),
-      /* @__PURE__ */ jsx133("button", { onClick: () => window.location.reload(), className: "mt-2 text-blue-600 text-sm hover:underline", children: "Retry" })
+    return /* @__PURE__ */ jsxs115("div", { className: "p-4 text-center", children: [
+      /* @__PURE__ */ jsx134("p", { className: "text-red-600 text-sm", children: error }),
+      /* @__PURE__ */ jsx134("button", { onClick: () => window.location.reload(), className: "mt-2 text-blue-600 text-sm hover:underline", children: "Retry" })
     ] });
   }
   if (transactions.length === 0) {
-    return /* @__PURE__ */ jsx133("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx133("p", { className: "text-gray-600 text-sm", children: "No transactions found" }) });
+    return /* @__PURE__ */ jsx134("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx134("p", { className: "text-gray-600 text-sm", children: "No transactions found" }) });
   }
-  return /* @__PURE__ */ jsx133("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ jsx133("div", { className: "space-y-2 p-2", children: transactions.map((tx) => /* @__PURE__ */ jsxs114(
+  return /* @__PURE__ */ jsx134("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ jsx134("div", { className: "space-y-2 p-2", children: transactions.map((tx) => /* @__PURE__ */ jsxs115(
     "div",
     {
       className: "border rounded-lg p-3 hover:bg-gray-50 cursor-pointer transition-colors",
       onClick: () => openTransaction(tx.hash),
       children: [
-        /* @__PURE__ */ jsxs114("div", { className: "flex justify-between items-start mb-2", children: [
-          /* @__PURE__ */ jsxs114("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsxs114("div", { className: "flex items-center space-x-2 mb-1", children: [
-              /* @__PURE__ */ jsx133("span", { className: "text-xs font-mono bg-gray-100 px-2 py-1 rounded", children: formatAddress3(tx.hash) }),
-              /* @__PURE__ */ jsx133(
+        /* @__PURE__ */ jsxs115("div", { className: "flex justify-between items-start mb-2", children: [
+          /* @__PURE__ */ jsxs115("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxs115("div", { className: "flex items-center space-x-2 mb-1", children: [
+              /* @__PURE__ */ jsx134("span", { className: "text-xs font-mono bg-gray-100 px-2 py-1 rounded", children: formatAddress3(tx.hash) }),
+              /* @__PURE__ */ jsx134(
                 "span",
                 {
                   className: `text-xs px-2 py-1 rounded ${tx.status === "ok" ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`,
@@ -29103,40 +29261,40 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs114("div", { className: "text-sm space-y-1", children: [
-              /* @__PURE__ */ jsxs114("div", { children: [
-                /* @__PURE__ */ jsx133("span", { className: "text-gray-600", children: "From:" }),
-                /* @__PURE__ */ jsxs114("span", { className: "font-mono ml-1", children: [
+            /* @__PURE__ */ jsxs115("div", { className: "text-sm space-y-1", children: [
+              /* @__PURE__ */ jsxs115("div", { children: [
+                /* @__PURE__ */ jsx134("span", { className: "text-gray-600", children: "From:" }),
+                /* @__PURE__ */ jsxs115("span", { className: "font-mono ml-1", children: [
                   formatAddress3(tx.from.hash),
-                  tx.from.is_contract && /* @__PURE__ */ jsx133("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
+                  tx.from.is_contract && /* @__PURE__ */ jsx134("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs114("div", { children: [
-                /* @__PURE__ */ jsx133("span", { className: "text-gray-600", children: "To:" }),
-                /* @__PURE__ */ jsxs114("span", { className: "font-mono ml-1", children: [
+              /* @__PURE__ */ jsxs115("div", { children: [
+                /* @__PURE__ */ jsx134("span", { className: "text-gray-600", children: "To:" }),
+                /* @__PURE__ */ jsxs115("span", { className: "font-mono ml-1", children: [
                   formatAddress3(tx.to.hash),
-                  tx.to.is_contract && /* @__PURE__ */ jsx133("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
+                  tx.to.is_contract && /* @__PURE__ */ jsx134("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxs114("div", { children: [
-                /* @__PURE__ */ jsx133("span", { className: "text-gray-600", children: "Value:" }),
-                /* @__PURE__ */ jsxs114("span", { className: "font-semibold ml-1", children: [
+              /* @__PURE__ */ jsxs115("div", { children: [
+                /* @__PURE__ */ jsx134("span", { className: "text-gray-600", children: "Value:" }),
+                /* @__PURE__ */ jsxs115("span", { className: "font-semibold ml-1", children: [
                   formatValue3(tx.value),
                   " LUMIA"
                 ] })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs114("div", { className: "text-right text-xs text-gray-500", children: [
-            /* @__PURE__ */ jsx133("div", { children: formatDate2(tx.timestamp) }),
-            /* @__PURE__ */ jsxs114("div", { className: "mt-1", children: [
+          /* @__PURE__ */ jsxs115("div", { className: "text-right text-xs text-gray-500", children: [
+            /* @__PURE__ */ jsx134("div", { children: formatDate2(tx.timestamp) }),
+            /* @__PURE__ */ jsxs115("div", { className: "mt-1", children: [
               "Gas: ",
               parseInt(tx.gas_used).toLocaleString()
             ] }),
-            tx.method && /* @__PURE__ */ jsx133("div", { className: "mt-1 text-blue-600", children: tx.method })
+            tx.method && /* @__PURE__ */ jsx134("div", { className: "mt-1 text-blue-600", children: tx.method })
           ] })
         ] }),
-        tx.transaction_types.length > 0 && /* @__PURE__ */ jsx133("div", { className: "flex flex-wrap gap-1 mt-2", children: tx.transaction_types.map((type, idx) => /* @__PURE__ */ jsx133("span", { className: "text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full", children: type.replace("_", " ") }, idx)) })
+        tx.transaction_types.length > 0 && /* @__PURE__ */ jsx134("div", { className: "flex flex-wrap gap-1 mt-2", children: tx.transaction_types.map((type, idx) => /* @__PURE__ */ jsx134("span", { className: "text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full", children: type.replace("_", " ") }, idx)) })
       ]
     },
     tx.hash
@@ -29462,7 +29620,7 @@ function useSendDirectTransaction() {
 init_SessionContext();
 init_account2();
 init_linkedProfiles();
-import { useCallback as useCallback37, useMemo as useMemo13, useState as useState40 } from "react";
+import { useCallback as useCallback37, useMemo as useMemo14, useState as useState40 } from "react";
 import { encodeFunctionData as encodeFunctionData3, isAddress as isAddress4, parseEther as parseEther4, parseUnits as parseUnits3 } from "viem";
 var ERC20_TRANSFER_ABI2 = [
   {
@@ -29481,7 +29639,7 @@ function useTransferToLinkedWallet() {
   const [isPending, setIsPending] = useState40(false);
   const [error, setError] = useState40(null);
   const [userOpHash, setUserOpHash] = useState40(null);
-  const linkedWallets = useMemo13(
+  const linkedWallets = useMemo14(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
   );