@embarkai/ui-kit 0.4.32 → 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();
@@ -18118,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";
@@ -18215,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);
@@ -18309,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);
@@ -19054,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);
@@ -19250,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;
   }
@@ -20048,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"));
@@ -20106,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(
@@ -20229,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);
@@ -20927,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";
@@ -21044,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) => {
@@ -21194,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);
@@ -23909,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();
@@ -24281,7 +24304,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.32",
+      version: "0.4.33",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -24379,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);
@@ -24950,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();
@@ -25464,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() : "";
@@ -28281,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();
@@ -28294,7 +28410,7 @@ 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 useMemo13 } from "react";
-import { Fragment as Fragment48, jsx as jsx127, jsxs as jsxs110 } from "react/jsx-runtime";
+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;
@@ -28330,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",
@@ -28353,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",
@@ -28378,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(
@@ -28412,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(
@@ -28434,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(
@@ -28457,7 +28573,7 @@ function ConnectWalletButton(props) {
             )
           ] })
         ] }),
-        !!settingsNotifications.length && /* @__PURE__ */ jsx127(
+        !!settingsNotifications.length && /* @__PURE__ */ jsx128(
           "div",
           {
             className: cn(
@@ -28535,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" })
         }
       )
     }
@@ -28564,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,
@@ -28680,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;
@@ -28702,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",
@@ -28720,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,
@@ -28731,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" })
       }
     )
   ] });
@@ -28740,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,
@@ -28855,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(
@@ -28892,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",
@@ -28917,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",
@@ -28936,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}`,
@@ -28947,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",
@@ -28960,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."
@@ -29000,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;
@@ -29024,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",
@@ -29042,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,
@@ -29053,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" })
       }
     )
   ] });
@@ -29062,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);
@@ -29113,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"}`,
@@ -29145,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