@embarkai/ui-kit 0.4.72 → 0.4.74

package/dist/index.js

@@ -5544,6 +5544,12 @@ var init_en = __esm({
         selectNone: "Select None",
         errors: {
           oops: "Oops, something went wrong. Please try again."
+        },
+        onboarding: {
+          tourButton: {
+            title: "Tour Button",
+            description: 'Tours are available under the "?" buttons of embarkAI menus. Click to have menu tour'
+          }
         }
       },
       auth: {
@@ -5596,22 +5602,31 @@ var init_en = __esm({
         actions: {
           send: "SEND",
           confirm: "CONFIRM SEND"
+        },
+        onboarding: {
+          sendMenu: {
+            title: "Send Menu",
+            description: "Select a crypto asset to send and enter the recipient address and amount."
+          },
+          sendCryptoSummary: {
+            title: "Send Summary",
+            description: "Review the details of your crypto transfer before confirming, then confirm the transaction."
+          }
         }
       },
       bridgeMenu: {
-        title: "Bridge Asset",
+        title: "Bridge asset",
         labels: {
-          sender: "Sender",
           bridgeAsset: "Bridge {{asset}}",
-          selectTokenAndRoute: "Select Token & Route",
-          selectToken: "Select Asset",
+          selectSender: "Select sender wallet",
+          selectToken: "Select asset for bridging",
           estimations: "Estimations",
           estimatedFee: "Estimated Fee",
-          availableChainPairs: "Select Chain Pairs",
-          toChain: "To Chain",
-          fromChain: "From Chain",
+          availableChainPairs: "Select chain pair",
+          toChain: "To chain",
+          fromChain: "From chain",
           optionalRecipient: "Recipient (optional, if empty - destination chain address = sender address on origin chain)",
-          confirm: "Confirm Bridge",
+          confirm: "Confirm bridge",
           bridgeTransactions: "Bridge TXs"
         },
         quote: {
@@ -5628,6 +5643,7 @@ var init_en = __esm({
         },
         actions: {
           connectWallet: "CONNECT WALLET",
+          addExternalWalletProfile: "ADD WALLET PROFILE",
           bridge: "BRIDGE",
           estimateQuote: "ESTIMATE QUOTE",
           bridgeAsset: "BRIDGE {{asset}}",
@@ -5652,7 +5668,37 @@ var init_en = __esm({
           noConnections: "No connections found between {{originChain}} & {{destinationChain}}",
           wrongNetwork: " Please switch embarkAi to origin chain to proceed with bridging",
           noHistory: "No bridge history yet. Bridge your assets to see the history here.",
-          unsupportedNetwork: "Briging from {{originChain}} not yet supported by {{sender}}. Swap network pair, or select different token route, or change sender wallet"
+          unsupportedNetwork: 'Bridging from {{originChain}} not yet possible by {{sender}}. Try swapping network pair, or select different token route, or change sender wallet, or if sender is embarkAI make sure it is switched to the corresponding "From Chain" network.'
+        },
+        onboarding: {
+          bridgeMenu: {
+            title: "Bridge Menu",
+            description: "Sending via Bridging provides a way to send crypto assets across different blockchain networks."
+          },
+          bridgeSenderWalletSelector: {
+            title: "Select sender wallet",
+            description: "EmbarkAI can be authenticated by external wallet as auth-profile provider (Settings -> Profiles).\n External wallet profile can be used as sender (tx signer) for bridging crypto into embarkAI.\n Add external wallet profile if not done yet (Settings -> Profiles) and proceed with provided instructions"
+          },
+          bridgeCryptoAssetSelector: {
+            title: "Select asset to bridge",
+            description: "Bridging happens from one blockchain network to another.\n With this selector pick the asset you want to bridge, then pick the chain pair from available for the asset."
+          },
+          bridgeChainPairSwapper: {
+            title: "Set origin & destination chains for bridging",
+            description: 'Bridge route (chain pair) is used to be bidirectional, meaning that the origin and destination chains can be swapped.\n Use the "\u21C4" button to set the origin and destination chains for bridging.'
+          },
+          bridgeAmountRecipientInputs: {
+            title: "Set amount & optional recipient for bridging",
+            description: "Enter the amount you want to bridge and optionally specify a recipient address. If recipient is empty: destination chain address = sender address on origin chain"
+          },
+          bridgeEstimateQuoteButton: {
+            title: "Estimate quote for bridging",
+            description: "'Get an estimation of the bridging transaction before actual bridging. This helps you make an informed decision before proceeding with the bridge.'"
+          },
+          bridgeEstimatedQuoteMenu: {
+            title: "Estimated bridging quote",
+            description: "Make sure to check bridge setup & the estimated quote for bridging, then confirm the transaction."
+          }
         }
       },
       receiveMenu: {
@@ -5701,6 +5747,24 @@ var init_en = __esm({
         inputPlaceholder: {
           selectCurrencies: "Select crypto and fiat",
           providerMin: "{{provider}}: Minimum {{minimum}} {{currency}} required"
+        },
+        onboarding: {
+          buyMenu: {
+            title: "Buy Menu",
+            description: "Here you can make crypto purchases."
+          },
+          providerSelector: {
+            title: "Select a Provider",
+            description: "Cick here to choose a provider for your crypto purchase."
+          },
+          binanceMenu: {
+            title: "Set Purchase Details",
+            description: "Click here to set the details of your crypto purchase."
+          },
+          binanceEstimate: {
+            title: "Confirm your purchase",
+            description: "Review the details of your purchase before confirming."
+          }
         }
       },
       portfolioMenu: {
@@ -5889,6 +5953,12 @@ var init_ru = __esm({
         selectNone: "\u0421\u043D\u044F\u0442\u044C \u0432\u044B\u0431\u043E\u0440",
         errors: {
           oops: "\u0423\u043F\u0441, \u0447\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A. \u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0441\u043D\u043E\u0432\u0430."
+        },
+        onboarding: {
+          tourButton: {
+            title: "\u041A\u043D\u043E\u043F\u043A\u0430 \u0442\u0443\u0440\u0430",
+            description: "\u0422\u0443\u0440\u044B \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B \u043F\u043E\u0434 \u043A\u043D\u043E\u043F\u043A\u0430\u043C\u0438 \xAB?\xBB \u043C\u0435\u043D\u044E embarkAI. \u041D\u0430\u0436\u043C\u0438\u0442\u0435, \u0447\u0442\u043E\u0431\u044B \u043F\u0440\u043E\u0439\u0442\u0438 \u0442\u0443\u0440 \u043F\u043E \u043C\u0435\u043D\u044E"
+          }
         }
       },
       auth: {
@@ -5941,14 +6011,23 @@ var init_ru = __esm({
         actions: {
           send: "\u041E\u0422\u041F\u0420\u0410\u0412\u0418\u0422\u042C",
           confirm: "\u041F\u041E\u0414\u0422\u0412\u0415\u0420\u0414\u0418\u0422\u042C \u041E\u0422\u041F\u0420\u0410\u0412\u041A\u0423"
+        },
+        onboarding: {
+          sendMenu: {
+            title: "\u041C\u0435\u043D\u044E \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438",
+            description: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u0440\u0438\u043F\u0442\u043E\u0430\u043A\u0442\u0438\u0432 \u0434\u043B\u044F \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438 \u0438 \u0432\u0432\u0435\u0434\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u0435\u043B\u044F \u0438 \u0441\u0443\u043C\u043C\u0443."
+          },
+          sendCryptoSummary: {
+            title: "\u0421\u0432\u043E\u0434\u043A\u0430 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438",
+            description: "\u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0434\u0435\u0442\u0430\u043B\u0438 \u043F\u0435\u0440\u0435\u0432\u043E\u0434\u0430 \u043F\u0435\u0440\u0435\u0434 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u0435\u043C, \u0437\u0430\u0442\u0435\u043C \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u044E."
+          }
         }
       },
       bridgeMenu: {
         title: "\u041F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u044C \u0410\u043A\u0442\u0438\u0432",
         labels: {
-          sender: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u0435\u043B\u044C",
           bridgeAsset: "\u041F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u044C {{asset}}",
-          selectTokenAndRoute: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0442\u043E\u043A\u0435\u043D \u0438 \u043C\u0430\u0440\u0448\u0440\u0443\u0442",
+          selectSender: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u043E\u0448\u0435\u043B\u0451\u043A-\u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u0435\u043B\u044C",
           selectToken: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u043C\u0430\u0440\u0448\u0440\u0443\u0442 \u0442\u043E\u043A\u0435\u043D\u0430",
           estimations: "\u041E\u0446\u0435\u043D\u043A\u0438",
           estimatedFee: "\u041E\u0436\u0438\u0434\u0430\u0435\u043C\u0430\u044F \u043A\u043E\u043C\u0438\u0441\u0441\u0438\u044F",
@@ -5973,11 +6052,12 @@ var init_ru = __esm({
         },
         actions: {
           connectWallet: "\u041F\u041E\u0414\u041A\u041B\u042E\u0427\u0418\u0422\u042C \u041A\u041E\u0428\u0415\u041B\u0401\u041A",
+          addExternalWalletProfile: "\u0414\u041E\u0411\u0410\u0412\u0418\u0422\u042C \u041F\u0420\u041E\u0424\u0418\u041B\u042C \u041A\u041E\u0428\u0415\u041B\u042C\u041A\u0410",
           bridge: "\u041F\u0415\u0420\u0415\u041C\u0415\u0421\u0422\u0418\u0422\u042C",
           estimateQuote: "\u0420\u0410\u0421\u0421\u0427\u0418\u0422\u0410\u0422\u042C \u0421\u0422\u041E\u0418\u041C\u041E\u0421\u0422\u042C",
           bridgeAsset: "\u041F\u0415\u0420\u0415\u041C\u0415\u0421\u0422\u0418\u0422\u042C {{asset}}",
           selectAsset: "\u0412\u042B\u0411\u0420\u0410\u0422\u042C \u0410\u041A\u0422\u0418\u0412",
-          confirmBridge: "\u041F\u041E\u0414\u0422\u0412\u0415\u0420\u0414\u0418\u0422\u042C \u041F\u0415\u0420\u0415\u041C\u0415\u0429\u0415\u041D\u0418\u0415"
+          confirmBridge: "\u042F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044E \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u0435 {{amount}} {{asset}} \u0432 {{destinationChain}}"
         },
         statuses: {
           balanceInsufficient: "\u041D\u0435\u0434\u043E\u0441\u0442\u0430\u0442\u043E\u0447\u043D\u043E \u0441\u0440\u0435\u0434\u0441\u0442\u0432",
@@ -5997,7 +6077,37 @@ var init_ru = __esm({
           noConnections: "\u0421\u043E\u0435\u0434\u0438\u043D\u0435\u043D\u0438\u0439 \u043C\u0435\u0436\u0434\u0443 {{originChain}} \u0438 {{destinationChain}} \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E",
           wrongNetwork: " \u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0438\u0442\u0435 EmbarkAI \u043D\u0430 \u0438\u0441\u0445\u043E\u0434\u043D\u0443\u044E \u0441\u0435\u0442\u044C \u0434\u043B\u044F \u043F\u0440\u043E\u0434\u043E\u043B\u0436\u0435\u043D\u0438\u044F \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u044F",
           noHistory: "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u0439 \u043F\u0443\u0441\u0442\u0430. \u041F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u0435 \u0432\u0430\u0448\u0438 \u0430\u043A\u0442\u0438\u0432\u044B, \u0447\u0442\u043E\u0431\u044B \u0443\u0432\u0438\u0434\u0435\u0442\u044C \u0438\u0441\u0442\u043E\u0440\u0438\u044E \u0437\u0434\u0435\u0441\u044C.",
-          unsupportedNetwork: "\u041F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u0435 \u0438\u0437 \u0441\u0435\u0442\u0438 {{originChain}} \u043D\u0435 \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u0434\u043B\u044F {{sender}}. \u041F\u043E\u043C\u0435\u043D\u044F\u0439\u0442\u0435 \u0441\u0435\u0442\u0438 \u043C\u0435\u0441\u0442\u0430\u043C\u0438, \u0432\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u0440\u0443\u0433\u043E\u0439 \u043C\u0430\u0440\u0448\u0440\u0443\u0442 \u0442\u043E\u043A\u0435\u043D\u0430 \u0438\u043B\u0438 \u0441\u043C\u0435\u043D\u0438\u0442\u0435 \u043A\u043E\u0448\u0435\u043B\u0451\u043A \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u0435\u043B\u044F"
+          unsupportedNetwork: "\u041F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u0435 \u0438\u0437 {{originChain}} \u043D\u0435 \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E \u0434\u043B\u044F {{sender}}. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0438\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u0430\u0440\u0443 \u0441\u0435\u0442\u0435\u0439, \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u0434\u0440\u0443\u0433\u043E\u0439 \u043C\u0430\u0440\u0448\u0440\u0443\u0442 \u0442\u043E\u043A\u0435\u043D\u0430, \u0441\u043C\u0435\u043D\u0438\u0442\u044C \u043A\u043E\u0448\u0435\u043B\u0451\u043A \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u0435\u043B\u044F \u0438\u043B\u0438, \u0435\u0441\u043B\u0438 \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u0435\u043B\u044C \u2014 EmbarkAI, \u0443\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044C, \u0447\u0442\u043E \u043E\u043D \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0435\u043D \u043D\u0430 \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044E\u0449\u0443\u044E \u0441\u0435\u0442\u044C \xAB\u0418\u0437 \u0441\u0435\u0442\u0438\xBB."
+        },
+        onboarding: {
+          bridgeMenu: {
+            title: "\u041C\u0435\u043D\u044E \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u044F",
+            description: "\u041E\u0442\u043F\u0440\u0430\u0432\u043A\u0430 \u0447\u0435\u0440\u0435\u0437 \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u0435 \u043E\u0431\u0435\u0441\u043F\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0441\u043F\u043E\u0441\u043E\u0431 \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438 \u043A\u0440\u0438\u043F\u0442\u043E\u0430\u043A\u0442\u0438\u0432\u043E\u0432 \u0447\u0435\u0440\u0435\u0437 \u0440\u0430\u0437\u043D\u044B\u0435 \u0431\u043B\u043E\u043A\u0447\u0435\u0439\u043D-\u0441\u0435\u0442\u0438."
+          },
+          bridgeSenderWalletSelector: {
+            title: "\u0412\u044B\u0431\u043E\u0440 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430-\u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u0435\u043B\u044F",
+            description: "EmbarkAI \u043C\u043E\u0436\u0435\u0442 \u0431\u044B\u0442\u044C \u0430\u0443\u0442\u0435\u043D\u0442\u0438\u0444\u0438\u0446\u0438\u0440\u043E\u0432\u0430\u043D \u0432\u043D\u0435\u0448\u043D\u0438\u043C \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u043E\u043C \u043A\u0430\u043A \u043F\u043E\u0441\u0442\u0430\u0432\u0449\u0438\u043A \u043F\u0440\u043E\u0444\u0438\u043B\u044F \u0430\u0443\u0442\u0435\u043D\u0442\u0438\u0444\u0438\u043A\u0430\u0446\u0438\u0438 (\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 -> \u041F\u0440\u043E\u0444\u0438\u043B\u0438).\n \u041F\u0440\u043E\u0444\u0438\u043B\u044C \u0432\u043D\u0435\u0448\u043D\u0435\u0433\u043E \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430 \u043C\u043E\u0436\u0435\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u043A\u0430\u043A \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u0435\u043B\u044C (\u043F\u043E\u0434\u043F\u0438\u0441\u0430\u043D\u0442 \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0439) \u0434\u043B\u044F \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u044F \u043A\u0440\u0438\u043F\u0442\u043E\u0432\u0430\u043B\u044E\u0442\u044B \u0432 embarkAI.\n \u0414\u043E\u0431\u0430\u0432\u044C\u0442\u0435 \u043F\u0440\u043E\u0444\u0438\u043B\u044C \u0432\u043D\u0435\u0448\u043D\u0435\u0433\u043E \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430, \u0435\u0441\u043B\u0438 \u044D\u0442\u043E \u0435\u0449\u0451 \u043D\u0435 \u0441\u0434\u0435\u043B\u0430\u043D\u043E (\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 -> \u041F\u0440\u043E\u0444\u0438\u043B\u0438), \u0438 \u0441\u043B\u0435\u0434\u0443\u0439\u0442\u0435 \u0438\u043D\u0441\u0442\u0440\u0443\u043A\u0446\u0438\u044F\u043C."
+          },
+          bridgeCryptoAssetSelector: {
+            title: "\u0412\u044B\u0431\u043E\u0440 \u0430\u043A\u0442\u0438\u0432\u0430 \u0434\u043B\u044F \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u044F",
+            description: "\u041F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u0435 \u043F\u0440\u043E\u0438\u0441\u0445\u043E\u0434\u0438\u0442 \u0438\u0437 \u043E\u0434\u043D\u043E\u0439 \u0431\u043B\u043E\u043A\u0447\u0435\u0439\u043D-\u0441\u0435\u0442\u0438 \u0432 \u0434\u0440\u0443\u0433\u0443\u044E.\n \u0421 \u043F\u043E\u043C\u043E\u0449\u044C\u044E \u044D\u0442\u043E\u0433\u043E \u0441\u0435\u043B\u0435\u043A\u0442\u043E\u0440\u0430 \u0432\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0430\u043A\u0442\u0438\u0432, \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u0445\u043E\u0442\u0438\u0442\u0435 \u043F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u044C, \u0437\u0430\u0442\u0435\u043C \u0432\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0443\u044E \u0434\u043B\u044F \u043D\u0435\u0433\u043E \u043F\u0430\u0440\u0443 \u0441\u0435\u0442\u0435\u0439."
+          },
+          bridgeChainPairSwapper: {
+            title: "\u0423\u0441\u0442\u0430\u043D\u043E\u0432\u043A\u0430 \u0438\u0441\u0445\u043E\u0434\u043D\u043E\u0439 \u0438 \u0446\u0435\u043B\u0435\u0432\u043E\u0439 \u0441\u0435\u0442\u0438",
+            description: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u044F (\u043F\u0430\u0440\u0430 \u0441\u0435\u0442\u0435\u0439) \u044F\u0432\u043B\u044F\u0435\u0442\u0441\u044F \u0434\u0432\u0443\u043D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043D\u044B\u043C, \u0442\u043E \u0435\u0441\u0442\u044C \u0438\u0441\u0445\u043E\u0434\u043D\u0443\u044E \u0438 \u0446\u0435\u043B\u0435\u0432\u0443\u044E \u0441\u0435\u0442\u0438 \u043C\u043E\u0436\u043D\u043E \u043F\u043E\u043C\u0435\u043D\u044F\u0442\u044C \u043C\u0435\u0441\u0442\u0430\u043C\u0438.\n \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u043A\u043D\u043E\u043F\u043A\u0443 \xAB\u21C4\xBB \u0434\u043B\u044F \u0443\u0441\u0442\u0430\u043D\u043E\u0432\u043A\u0438 \u0438\u0441\u0445\u043E\u0434\u043D\u043E\u0439 \u0438 \u0446\u0435\u043B\u0435\u0432\u043E\u0439 \u0441\u0435\u0442\u0435\u0439."
+          },
+          bridgeAmountRecipientInputs: {
+            title: "\u0423\u0441\u0442\u0430\u043D\u043E\u0432\u043A\u0430 \u0441\u0443\u043C\u043C\u044B \u0438 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u0435\u043B\u044F",
+            description: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0441\u0443\u043C\u043C\u0443 \u0434\u043B\u044F \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u044F \u0438 \u043F\u0440\u0438 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E\u0441\u0442\u0438 \u0443\u043A\u0430\u0436\u0438\u0442\u0435 \u0430\u0434\u0440\u0435\u0441 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u0435\u043B\u044F. \u0415\u0441\u043B\u0438 \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u0435\u043B\u044C \u043D\u0435 \u0443\u043A\u0430\u0437\u0430\u043D: \u0430\u0434\u0440\u0435\u0441 \u0432 \u0446\u0435\u043B\u0435\u0432\u043E\u0439 \u0441\u0435\u0442\u0438 \u0441\u043E\u0432\u043F\u0430\u0434\u0430\u0435\u0442 \u0441 \u0430\u0434\u0440\u0435\u0441\u043E\u043C \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u0435\u043B\u044F \u0432 \u0438\u0441\u0445\u043E\u0434\u043D\u043E\u0439 \u0441\u0435\u0442\u0438."
+          },
+          bridgeEstimateQuoteButton: {
+            title: "\u041E\u0446\u0435\u043D\u043A\u0430 \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u0438 \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u044F",
+            description: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u0435 \u043F\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043B\u044C\u043D\u0443\u044E \u043E\u0446\u0435\u043D\u043A\u0443 \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0438 \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u044F \u0434\u043E \u0444\u0430\u043A\u0442\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u0432\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F. \u042D\u0442\u043E \u043F\u043E\u043C\u043E\u0436\u0435\u0442 \u043F\u0440\u0438\u043D\u044F\u0442\u044C \u043E\u0431\u043E\u0441\u043D\u043E\u0432\u0430\u043D\u043D\u043E\u0435 \u0440\u0435\u0448\u0435\u043D\u0438\u0435 \u043F\u0435\u0440\u0435\u0434 \u043F\u0440\u043E\u0434\u043E\u043B\u0436\u0435\u043D\u0438\u0435\u043C."
+          },
+          bridgeEstimatedQuoteMenu: {
+            title: "\u0420\u0430\u0441\u0447\u0451\u0442\u043D\u0430\u044F \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u044F",
+            description: "\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u043F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u043F\u0435\u0440\u0435\u043C\u0435\u0449\u0435\u043D\u0438\u044F \u0438 \u0440\u0430\u0441\u0447\u0451\u0442\u043D\u0443\u044E \u0441\u0442\u043E\u0438\u043C\u043E\u0441\u0442\u044C, \u0437\u0430\u0442\u0435\u043C \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u044E."
+          }
         }
       },
       receiveMenu: {
@@ -6007,7 +6117,7 @@ var init_ru = __esm({
         share: "\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u0435\u0441\u044C \u044D\u0442\u0438\u043C \u0430\u0434\u0440\u0435\u0441\u043E\u043C, \u0447\u0442\u043E\u0431\u044B \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0442\u043E\u043A\u0435\u043D\u044B"
       },
       buyMenu: {
-        title: "\u041A\u0443\u043F\u0438\u0442\u044C \u043A\u0440\u0438\u043F\u0442\u043E\u0432\u0430\u043B\u044E\u0442\u0443",
+        title: "\u041A\u0443\u043F\u0438\u0442\u044C \u043A\u0440\u0438\u043F\u0442\u043E",
         provider: "Onramp-\u0441\u0435\u0440\u0432\u0438\u0441",
         selectProvider: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 Onramp-\u0441\u0435\u0440\u0432\u0438\u0441",
         selectCrypto: "\u041A\u0440\u0438\u043F\u0442\u043E\u0432\u0430\u043B\u044E\u0442\u0430",
@@ -6027,7 +6137,12 @@ var init_ru = __esm({
           exchangeRate: "\u041A\u0443\u0440\u0441 \u043E\u0431\u043C\u0435\u043D\u0430",
           networkFee: "\u0421\u0435\u0442\u0435\u0432\u043E\u0439 \u0441\u0431\u043E\u0440",
           serviceFee: "\u0421\u0435\u0440\u0432\u0438\u0441\u043D\u044B\u0439 \u0441\u0431\u043E\u0440",
-          paymentMethod: "\u0421\u043F\u043E\u0441\u043E\u0431 \u043E\u043F\u043B\u0430\u0442\u044B"
+          paymentMethod: "\u0421\u043F\u043E\u0441\u043E\u0431 \u043E\u043F\u043B\u0430\u0442\u044B",
+          toAddress: {
+            receiver: "\u0412\u041D\u0418\u041C\u0410\u041D\u0418\u0415! \u0410\u0434\u0440\u0435\u0441 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F",
+            message: "\u0412\u044B \u0441\u043E\u0431\u0438\u0440\u0430\u0435\u0442\u0435\u0441\u044C \u043A\u0443\u043F\u0438\u0442\u044C \u043A\u0440\u0438\u043F\u0442\u043E\u0432\u0430\u043B\u044E\u0442\u0443 \u043D\u0430 \u0432\u043D\u0435\u0448\u043D\u0438\u0439 \u0430\u0434\u0440\u0435\u0441, \u0430 \u043D\u0435 \u043D\u0430 \u0432\u0430\u0448 \u0430\u0434\u0440\u0435\u0441 embarkAI.",
+            suggestion: "\u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0443\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044C, \u0447\u0442\u043E \u044D\u0442\u043E \u0432\u0430\u0448 \u043F\u0440\u0430\u0432\u0438\u043B\u044C\u043D\u044B\u0439 \u0430\u0434\u0440\u0435\u0441 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430, \u0438\u043D\u0430\u0447\u0435 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u043E\u0442\u0435\u0440\u044F\u0442\u044C \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430."
+          }
         },
         transactionHistory: {
           details: "\u0414\u0435\u0442\u0430\u043B\u0438"
@@ -6041,11 +6156,30 @@ var init_ru = __esm({
         inputPlaceholder: {
           selectCurrencies: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043A\u0440\u0438\u043F\u0442\u043E\u0432\u0430\u043B\u044E\u0442\u0443 \u0438 \u0444\u0438\u0430\u0442",
           providerMin: "{{provider}}: \u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F \u043C\u0438\u043D\u0438\u043C\u0443\u043C {{minimum}} {{currency}}"
+        },
+        onboarding: {
+          buyMenu: {
+            title: "\u041C\u0435\u043D\u044E \u043F\u043E\u043A\u0443\u043F\u043A\u0438",
+            description: "\u0417\u0434\u0435\u0441\u044C \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0441\u043E\u0432\u0435\u0440\u0448\u0430\u0442\u044C \u043F\u043E\u043A\u0443\u043F\u043A\u0438 \u043A\u0440\u0438\u043F\u0442\u043E\u0432\u0430\u043B\u044E\u0442\u044B."
+          },
+          providerSelector: {
+            title: "\u0412\u044B\u0431\u043E\u0440 \u043F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440\u0430",
+            description: "\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0437\u0434\u0435\u0441\u044C, \u0447\u0442\u043E\u0431\u044B \u0432\u044B\u0431\u0440\u0430\u0442\u044C \u043F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440\u0430 \u0434\u043B\u044F \u043F\u043E\u043A\u0443\u043F\u043A\u0438 \u043A\u0440\u0438\u043F\u0442\u043E\u0432\u0430\u043B\u044E\u0442\u044B."
+          },
+          binanceMenu: {
+            title: "\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0430 \u0434\u0435\u0442\u0430\u043B\u0435\u0439 \u043F\u043E\u043A\u0443\u043F\u043A\u0438",
+            description: "\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0437\u0434\u0435\u0441\u044C, \u0447\u0442\u043E\u0431\u044B \u0437\u0430\u0434\u0430\u0442\u044C \u0434\u0435\u0442\u0430\u043B\u0438 \u043F\u043E\u043A\u0443\u043F\u043A\u0438 \u043A\u0440\u0438\u043F\u0442\u043E\u0432\u0430\u043B\u044E\u0442\u044B."
+          },
+          binanceEstimate: {
+            title: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u0435 \u043F\u043E\u043A\u0443\u043F\u043A\u0438",
+            description: "\u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0434\u0435\u0442\u0430\u043B\u0438 \u043F\u043E\u043A\u0443\u043F\u043A\u0438 \u043F\u0435\u0440\u0435\u0434 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u0435\u043C."
+          }
         }
       },
       portfolioMenu: {
         title: "\u0412\u0430\u0448\u0438 \u0430\u043A\u0442\u0438\u0432\u044B",
-        noAssets: "\u0410\u043A\u0442\u0438\u0432\u044B \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u044B"
+        noAssets: "\u0410\u043A\u0442\u0438\u0432\u044B \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u044B",
+        noBlockscout: "Blockscout API \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D \u0434\u043B\u044F \u0441\u0435\u0442\u0438: {{chain}}"
       },
       transactionsMenu: {
         title: "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0439",
@@ -6228,6 +6362,12 @@ var init_zh = __esm({
         selectNone: "\u5168\u4E0D\u9009",
         errors: {
           oops: "\u54CE\u5440\uFF0C\u51FA\u4E86\u70B9\u95EE\u9898\u3002\u8BF7\u518D\u8BD5\u4E00\u6B21\u3002"
+        },
+        onboarding: {
+          tourButton: {
+            title: "\u5BFC\u89C8\u6309\u9215",
+            description: "\u5BFC\u89C8\u529F\u80FD\u53EF\u5728 embarkAI \u83DC\u5355\u7684\u201C\uFF1F\u201D\u6309\u9215\u4E0B\u627E\u5230\u3002\u70B9\u51FB\u5373\u53EF\u5F00\u59CB\u83DC\u5355\u5BFC\u89C8"
+          }
         }
       },
       auth: {
@@ -6280,14 +6420,23 @@ var init_zh = __esm({
         actions: {
           send: "\u53D1\u9001",
           confirm: "\u786E\u8BA4\u53D1\u9001"
+        },
+        onboarding: {
+          sendMenu: {
+            title: "\u53D1\u9001\u83DC\u5355",
+            description: "\u9009\u62E9\u8981\u53D1\u9001\u7684\u52A0\u5BC6\u8D44\u4EA7\uFF0C\u7136\u540E\u8F93\u5165\u6536\u6B3E\u5730\u5740\u548C\u91D1\u989D\u3002"
+          },
+          sendCryptoSummary: {
+            title: "\u53D1\u9001\u6458\u8981",
+            description: "\u5728\u786E\u8BA4\u524D\u67E5\u770B\u52A0\u5BC6\u8F6C\u8D26\u8BE6\u60C5\uFF0C\u7136\u540E\u786E\u8BA4\u4EA4\u6613\u3002"
+          }
         }
       },
       bridgeMenu: {
         title: "\u8DE8\u94FE\u8D44\u4EA7",
         labels: {
-          sender: "\u53D1\u9001\u65B9",
           bridgeAsset: "\u8DE8\u94FE {{asset}}",
-          selectTokenAndRoute: "\u9009\u62E9\u4EE3\u5E01\u548C\u8DEF\u7531",
+          selectSender: "\u9009\u62E9\u53D1\u9001\u65B9\u94B1\u5305",
           selectToken: "\u9009\u62E9\u4EE3\u5E01\u8DEF\u7531",
           estimations: "\u9884\u4F30",
           estimatedFee: "\u9884\u4F30\u624B\u7EED\u8D39",
@@ -6312,11 +6461,12 @@ var init_zh = __esm({
         },
         actions: {
           connectWallet: "\u8FDE\u63A5\u9489\u5305",
+          addExternalWalletProfile: "\u6DFB\u52A0\u5916\u90E8\u94B1\u5305\u914D\u7F6E\u6587\u4EF6",
           bridge: "\u8DE8\u94FE",
           estimateQuote: "\u4F30\u7B97\u62A5\u4EF7",
           bridgeAsset: "\u8DE8\u94FE {{asset}}",
           selectAsset: "\u9009\u62E9\u8D44\u4EA7",
-          confirmBridge: "\u786E\u8BA4\u8DE8\u94FE"
+          confirmBridge: "\u6211\u786E\u8BA4\u5C06 {{amount}} {{asset}} \u8DE8\u94FE\u5230 {{destinationChain}}"
         },
         statuses: {
           balanceInsufficient: "\u4F59\u989D\u4E0D\u8DB3",
@@ -6337,6 +6487,36 @@ var init_zh = __esm({
           wrongNetwork: " \u8BF7\u5C06 EmbarkAI \u5207\u6362\u81F3\u6E90\u94FE\u4EE5\u7EE7\u7EED\u8DE8\u94FE\u64CD\u4F5C",
           noHistory: "\u6682\u65E0\u8DE8\u94FE\u8BB0\u5F55\u3002\u8DE8\u94FE\u60A8\u7684\u8D44\u4EA7\u540E\uFF0C\u5386\u53F2\u8BB0\u5F55\u5C06\u663E\u793A\u5728\u6B64\u5904\u3002",
           unsupportedNetwork: "{{sender}} \u5C1A\u4E0D\u652F\u6301\u4ECE {{originChain}} \u8DE8\u94FE\u3002\u8BF7\u5207\u6362\u7F51\u7EDC\u5BF9\u3001\u9009\u62E9\u4E0D\u540C\u7684\u4EE3\u5E01\u8DEF\u7531\u6216\u66F4\u6362\u53D1\u9001\u9489\u5305"
+        },
+        onboarding: {
+          bridgeMenu: {
+            title: "\u8DE8\u94FE\u83DC\u5355",
+            description: "\u901A\u8FC7\u8DE8\u94FE\u53D1\u9001\u53EF\u4EE5\u5728\u4E0D\u540C\u533A\u5757\u94FE\u7F51\u7EDC\u4E4B\u95F4\u8F6C\u79FB\u52A0\u5BC6\u8D44\u4EA7\u3002"
+          },
+          bridgeSenderWalletSelector: {
+            title: "\u9009\u62E9\u53D1\u9001\u65B9\u9489\u5305",
+            description: "EmbarkAI \u53EF\u4EE5\u901A\u8FC7\u5916\u90E8\u9489\u5305\u8FDB\u884C\u8EAB\u4EFD\u9A8C\u8BC1\uFF0C\u4F5C\u4E3A\u8EAB\u4EFD\u9A8C\u8BC1\u914D\u7F6E\u6587\u4EF6\u63D0\u4F9B\u5546\uFF08\u8BBE\u7F6E -> \u914D\u7F6E\u6587\u4EF6\uFF09\u3002\n \u5916\u90E8\u9489\u5305\u914D\u7F6E\u6587\u4EF6\u53EF\u7528\u4F5C\u8DE8\u94FE\u52A0\u5BC6\u8D44\u4EA7\u5230 embarkAI \u7684\u53D1\u9001\u65B9\uFF08\u4EA4\u6613\u7B7E\u540D\u8005\uFF09\u3002\n \u5982\u5C1A\u672A\u6DFB\u52A0\u5916\u90E8\u9489\u5305\u914D\u7F6E\u6587\u4EF6\uFF0C\u8BF7\u524D\u5F80\uFF08\u8BBE\u7F6E -> \u914D\u7F6E\u6587\u4EF6\uFF09\u6DFB\u52A0\u5E76\u6309\u7167\u63D0\u793A\u64CD\u4F5C\u3002"
+          },
+          bridgeCryptoAssetSelector: {
+            title: "\u9009\u62E9\u8DE8\u94FE\u8D44\u4EA7",
+            description: "\u8DE8\u94FE\u64CD\u4F5C\u53D1\u751F\u5728\u4E00\u4E2A\u533A\u5757\u94FE\u7F51\u7EDC\u5230\u53E6\u4E00\u4E2A\u4E4B\u95F4\u3002\n \u4F7F\u7528\u6B64\u9009\u62E9\u5668\u9009\u62E9\u8981\u8DE8\u94FE\u7684\u8D44\u4EA7\uFF0C\u7136\u540E\u4ECE\u8BE5\u8D44\u4EA7\u53EF\u7528\u7684\u94FE\u5BF9\u4E2D\u8FDB\u884C\u9009\u62E9\u3002"
+          },
+          bridgeChainPairSwapper: {
+            title: "\u8BBE\u7F6E\u6E90\u94FE\u548C\u76EE\u6807\u94FE",
+            description: "\u8DE8\u94FE\u8DEF\u7531\uFF08\u94FE\u5BF9\uFF09\u662F\u53CC\u5411\u7684\uFF0C\u5373\u6E90\u94FE\u548C\u76EE\u6807\u94FE\u53EF\u4EE5\u4E92\u6362\u3002\n \u4F7F\u7528\u201C\u21C4\u201D\u6309\u9215\u8BBE\u7F6E\u6E90\u94FE\u548C\u76EE\u6807\u94FE\u3002"
+          },
+          bridgeAmountRecipientInputs: {
+            title: "\u8BBE\u7F6E\u91D1\u989D\u548C\u53EF\u9009\u6536\u6B3E\u4EBA",
+            description: "\u8F93\u5165\u8981\u8DE8\u94FE\u7684\u91D1\u989D\uFF0C\u5E76\u53EF\u9009\u62E9\u6027\u5730\u6307\u5B9A\u6536\u6B3E\u4EBA\u5730\u5740\u3002\u82E5\u6536\u6B3E\u4EBA\u4E3A\u7A7A\uFF1A\u76EE\u6807\u94FE\u5730\u5740\u7B49\u4E8E\u6E90\u94FE\u4E0A\u7684\u53D1\u9001\u65B9\u5730\u5740\u3002"
+          },
+          bridgeEstimateQuoteButton: {
+            title: "\u4F30\u7B97\u8DE8\u94FE\u8D39\u7528",
+            description: "\u5728\u5B9E\u9645\u6267\u884C\u8DE8\u94FE\u524D\u83B7\u53D6\u9884\u4F30\u62A5\u4EF7\uFF0C\u5E2E\u52A9\u60A8\u5728\u7EE7\u7EED\u524D\u505A\u51FA\u660E\u667A\u51B3\u7B56\u3002"
+          },
+          bridgeEstimatedQuoteMenu: {
+            title: "\u4F30\u7B97\u8DE8\u94FE\u62A5\u4EF7",
+            description: "\u8BF7\u52A1\u5FC5\u68C0\u67E5\u8DE8\u94FE\u8BBE\u7F6E\u548C\u9884\u4F30\u62A5\u4EF7\uFF0C\u7136\u540E\u786E\u8BA4\u4EA4\u6613\u3002"
+          }
         }
       },
       receiveMenu: {
@@ -6366,7 +6546,12 @@ var init_zh = __esm({
           exchangeRate: "\u6C47\u7387",
           networkFee: "\u7F51\u7EDC\u8D39\u7528",
           serviceFee: "\u670D\u52A1\u8D39",
-          paymentMethod: "\u4ED8\u6B3E\u65B9\u5F0F"
+          paymentMethod: "\u4ED8\u6B3E\u65B9\u5F0F",
+          toAddress: {
+            receiver: "\u6CE8\u610F\uFF01\u6536\u6B3E\u5730\u5740",
+            message: "\u60A8\u5373\u5C06\u5411\u5916\u90E8\u5730\u5740\u8D2D\u4E70\u52A0\u5BC6\u8D27\u5E01\uFF0C\u800C\u975E\u60A8\u7684 embarkAI \u5730\u5740\u3002",
+            suggestion: "\u8BF7\u786E\u8BA4\u8FD9\u662F\u60A8\u6B63\u786E\u7684\u9489\u5305\u5730\u5740\uFF0C\u5426\u5219\u60A8\u7684\u8D44\u91D1\u53EF\u80FD\u4E22\u5931\u3002"
+          }
         },
         transactionHistory: {
           details: "\u8BE6\u60C5"
@@ -6380,11 +6565,30 @@ var init_zh = __esm({
         inputPlaceholder: {
           selectCurrencies: "\u9009\u62E9\u52A0\u5BC6\u8D27\u5E01\u548C\u6CD5\u5E01",
           providerMin: "{{provider}}\uFF1A\u6700\u4F4E\u9700\u8981 {{minimum}} {{currency}}"
+        },
+        onboarding: {
+          buyMenu: {
+            title: "\u8D2D\u4E70\u83DC\u5355",
+            description: "\u5728\u8FD9\u91CC\u60A8\u53EF\u4EE5\u8D2D\u4E70\u52A0\u5BC6\u8D27\u5E01\u3002"
+          },
+          providerSelector: {
+            title: "\u9009\u62E9\u670D\u52A1\u5546",
+            description: "\u70B9\u51FB\u6B64\u5904\u9009\u62E9\u60A8\u8D2D\u4E70\u52A0\u5BC6\u8D27\u5E01\u7684\u670D\u52A1\u5546\u3002"
+          },
+          binanceMenu: {
+            title: "\u8BBE\u7F6E\u8D2D\u4E70\u8BE6\u60C5",
+            description: "\u70B9\u51FB\u6B64\u5904\u8BBE\u7F6E\u52A0\u5BC6\u8D27\u5E01\u8D2D\u4E70\u7684\u8BE6\u60C5\u3002"
+          },
+          binanceEstimate: {
+            title: "\u786E\u8BA4\u8D2D\u4E70",
+            description: "\u5728\u786E\u8BA4\u524D\u67E5\u770B\u8D2D\u4E70\u8BE6\u60C5\u3002"
+          }
         }
       },
       portfolioMenu: {
         title: "\u60A8\u7684\u8D44\u4EA7",
-        noAssets: "\u672A\u627E\u5230\u8D44\u4EA7"
+        noAssets: "\u672A\u627E\u5230\u8D44\u4EA7",
+        noBlockscout: "\u672A\u627E\u5230\u94FE {{chain}} \u7684 Blockscout API"
       },
       transactionsMenu: {
         title: "\u4EA4\u6613\u8BB0\u5F55",
@@ -8459,24 +8663,49 @@ var init_onboarder = __esm({
     useOnboardingStore = create4((set) => ({
       elRect: { x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 },
       tooltip: { title: "", description: "" },
-      setStore: (tooltipStore) => set(tooltipStore),
+      setFrame: (tooltipStore) => set(tooltipStore),
       mountIntoNode: document.body,
-      setMountIntoNode: (mountIntoNode) => set({ mountIntoNode })
+      setMountIntoNode: (mountIntoNode) => set({ mountIntoNode }),
+      waitSecs: null,
+      setWaitSecs: (waitSecs) => set({ waitSecs })
     }));
     Onboarder = class {
       tour = null;
       tourPointer = 0;
       // index of the current step in the tour
       elements = /* @__PURE__ */ new Map();
-      resizeObserver = new ResizeObserver(([entry]) => {
-        const element = entry.target;
-        if (!element) {
-          console.warn("[ONBOARDER] No element provided to setOverlay");
-          return;
-        }
-        const { title, description } = this.tour[this.tourPointer];
-        const { x, y, width, height } = element.getBoundingClientRect();
-        useOnboardingStore.getState().setStore({ elRect: { x, y, width, height }, tooltip: { title, description } });
+      /** deferred DOM observer */
+      domObserverTimer = null;
+      domObserver = new MutationObserver(([domMutation]) => {
+        if (this.domObserverTimer) clearTimeout(this.domObserverTimer);
+        this.domObserverTimer = setTimeout(() => {
+          const { elId, title, description } = this.tour[this.tourPointer];
+          const elementRef = this.elements.get(elId)?.deref();
+          if (!elementRef) return;
+          const { x, y, width, height } = elementRef.getBoundingClientRect();
+          useOnboardingStore.getState().setFrame({ elRect: { x, y, width, height }, tooltip: { title, description } });
+        }, 200);
+      });
+      /** deferred resize observer */
+      resizeObserverTimer = null;
+      resizeObserver = new ResizeObserver((entries) => {
+        if (this.resizeObserverTimer) clearTimeout(this.resizeObserverTimer);
+        this.resizeObserverTimer = setTimeout(() => {
+          for (const entry of entries) {
+            const element = entry.target;
+            let frameData;
+            const { elId, title, description } = this.tour[this.tourPointer];
+            if (!element || element.nodeName === "BODY") {
+              const elementRef = this.elements.get(elId)?.deref();
+              const { x, y, width, height } = elementRef.getBoundingClientRect();
+              frameData = { elRect: { x, y, width, height }, tooltip: { title, description } };
+            } else {
+              const { x, y, width, height } = element.getBoundingClientRect();
+              frameData = { elRect: { x, y, width, height }, tooltip: { title, description } };
+            }
+            useOnboardingStore.getState().setFrame(frameData);
+          }
+        }, 200);
       });
       /** TOUR */
       startTour(tour) {
@@ -8486,18 +8715,26 @@ var init_onboarder = __esm({
         useLayoutDataStore.getInitialState().setIsOnboarding(true);
         useLayoutStore.getInitialState().setIsDialogForced(true);
         const startElRef = this.elements.get(tour[0].elId)?.deref();
-        this.resizeObserver.observe(startElRef);
+        if (!!startElRef) {
+          this.domObserver.observe(startElRef, { childList: true, subtree: true });
+          this.resizeObserver.observe(startElRef);
+          this.resizeObserver.observe(document.body);
+        }
+        useOnboardingStore.getState().setWaitSecs(tour[0].waitSecs || null);
       }
       endTour() {
         this.tour = null;
         this.tourPointer = 0;
+        this.domObserver.disconnect();
         this.resizeObserver.disconnect();
-        useOnboardingStore.getState().setStore({
+        useOnboardingStore.getState().setFrame({
           elRect: { x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 },
           tooltip: { title: "", description: "" }
         });
-        useLayoutDataStore.getInitialState().setIsOnboarding(false);
-        useLayoutStore.getInitialState().setIsDialogForced(false);
+        setTimeout(() => {
+          useLayoutDataStore.getInitialState().setIsOnboarding(false);
+          useLayoutStore.getInitialState().setIsDialogForced(false);
+        }, 200);
       }
       next() {
         if (!this.tour) return;
@@ -8505,12 +8742,18 @@ var init_onboarder = __esm({
         curStep?.onNext?.();
         if (this.tourPointer === this.tour.length - 1) return this.endTour();
         this.resizeObserver.disconnect();
+        this.domObserver.disconnect();
         setTimeout(() => {
           const nextStepPointer = this.tourPointer + 1;
           this.tourPointer = nextStepPointer;
           const nextStep = this.tour[nextStepPointer];
           const nextElRef = this.elements.get(nextStep.elId)?.deref();
-          if (!!nextElRef) this.resizeObserver.observe(nextElRef);
+          if (!!nextElRef) {
+            this.domObserver.observe(nextElRef, { childList: true, subtree: true });
+            this.resizeObserver.observe(nextElRef);
+            this.resizeObserver.observe(document.body);
+          }
+          useOnboardingStore.getState().setWaitSecs(nextStep.waitSecs || null);
         }, 200);
       }
       /**
@@ -8522,33 +8765,79 @@ var init_onboarder = __esm({
         if (!onboardingElementId || !elementRef) return;
         this.elements.set(onboardingElementId, new WeakRef(elementRef));
       }
+      getCurrentStep() {
+        if (!this.tour) return null;
+        return this.tour[this.tourPointer];
+      }
     };
     onboarder = new Onboarder();
   }
 });
 
 // src/internal/components/Onboarding/OnboardingOverlay.tsx
-import { ChevronRightIcon } from "lucide-react";
-import { useEffect as useEffect12 } from "react";
+import { ChevronRightIcon, LoaderIcon } from "lucide-react";
+import { useEffect as useEffect12, useRef as useRef9, useState as useState5 } from "react";
 import { createPortal } from "react-dom";
 import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+function getTooltipXPos(params) {
+  const { x, width, isMobileView, expandValue } = params;
+  const frameEndX = x + width + expandValue;
+  const frameWidth = isMobileView ? width : width + 2 * expandValue;
+  const ttWidth = Math.max(frameWidth, TOOLTIP_MIN_WIDTH);
+  const ttShiftX = isMobileView ? 0 : expandValue;
+  const ttEndX = x - ttShiftX + ttWidth;
+  const isTTOverflowsFrame = ttEndX > frameEndX;
+  const isTTOverflowsWindow = ttEndX > window.innerWidth;
+  if (isTTOverflowsWindow) {
+    return {
+      isOverflowX: true,
+      width: ttWidth,
+      x: x - (ttEndX - window.innerWidth) - EXPAND
+      // unstick tooltip from window right edge
+    };
+  }
+  if (isTTOverflowsFrame) {
+    return {
+      isOverflowX: true,
+      width: ttWidth,
+      x: x - ttShiftX - ttWidth / 2 + frameWidth / 2
+      // center tooltip over target element
+    };
+  }
+  return {
+    isOverflowX: isTTOverflowsFrame || isTTOverflowsWindow,
+    width: ttWidth,
+    x: x - ttShiftX
+  };
+}
+function getTooltipYPos(params) {
+  const { y, height, isMobileView, expandValue, ttCurrentHeight = 0 } = params;
+  let topPosY = y - expandValue * 2 - ttCurrentHeight;
+  const bottomPosY = y + height + expandValue;
+  return {
+    isOverflowY: topPosY < EXPAND,
+    y: isMobileView && topPosY >= EXPAND ? topPosY : bottomPosY
+    // topPosY >= EXPAND - unstick tooltip from window top edge
+  };
+}
 function OnboardingOverlay() {
   const { t } = useT();
   const page = useLayoutDataStore((st) => st.page);
   const isOnboarding = useLayoutDataStore((st) => st.isOnboarding);
   const isMobileView = useLayoutStore((st) => st.isMobileView);
   const colorMode = useLayoutStore((st) => st.colorMode);
+  const toolipElementRef = useRef9(null);
   const {
+    waitSecs,
     elRect,
     tooltip,
     /** if embark is opened, onboard overlay has to be portaled into embark's dialog node to keep layers & pointer-events normal structure */
-    mountIntoNode,
-    setMountIntoNode
+    mountIntoNode
   } = useOnboardingStore();
   useEffect12(() => {
     setTimeout(() => {
       if (!page) {
-        setMountIntoNode(document.body);
+        useOnboardingStore.getState().setMountIntoNode(document.body);
         return;
       }
       const lastMountIntoNode = useOnboardingStore.getState().mountIntoNode;
@@ -8556,21 +8845,37 @@ function OnboardingOverlay() {
         return;
       }
       const embarkUIContainer = document.querySelector('[data-purpose="embarkai-ui-container"]');
-      setMountIntoNode(embarkUIContainer);
+      useOnboardingStore.getState().setMountIntoNode(embarkUIContainer);
     }, 0);
   }, [page]);
-  if (!mountIntoNode) return null;
+  const [continueCountdown, setContinueCountdown] = useState5(null);
+  const expandValue = EXPAND * (isMobileView ? 0.5 : 1);
   const frame = {
-    x: elRect.x - EXPAND,
-    y: elRect.y - EXPAND,
-    width: elRect.width + 2 * EXPAND,
-    height: elRect.height + EXPAND * (isMobileView ? 2 : 3)
+    x: elRect.x - expandValue,
+    y: elRect.y - expandValue,
+    width: elRect.width + expandValue * 2,
+    height: elRect.height + expandValue * (isMobileView ? 2 : 3)
   };
   const tt = {
-    x: elRect.x - (isMobileView ? 0 : EXPAND),
-    y: isMobileView ? elRect.y - EXPAND - TOOLTIP_OFFSET : elRect.y + elRect.height + EXPAND,
-    width: isMobileView ? elRect.width : elRect.width + 2 * EXPAND
+    ...getTooltipXPos({ ...elRect, isMobileView, expandValue }),
+    ...getTooltipYPos({ ...elRect, isMobileView, expandValue, ttCurrentHeight: toolipElementRef.current?.clientHeight })
   };
+  useEffect12(() => {
+    if (!waitSecs) return;
+    setContinueCountdown(waitSecs);
+    const countdownInterval = setInterval(() => {
+      setContinueCountdown((prev) => {
+        if (prev <= 1 || prev === null) {
+          clearInterval(countdownInterval);
+          return null;
+        }
+        return prev - 1;
+      });
+    }, 1e3);
+    return () => clearInterval(countdownInterval);
+  }, [waitSecs]);
+  if (!mountIntoNode) return null;
+  const tourStepActions = onboarder.getCurrentStep()?.actions;
   return createPortal(
     /* @__PURE__ */ jsxs17(
       "div",
@@ -8622,6 +8927,7 @@ function OnboardingOverlay() {
           isOnboarding && /* @__PURE__ */ jsxs17(
             "div",
             {
+              ref: toolipElementRef,
               className: cn(
                 "absolute flex flex-col gap-1 p-[var(--ui-kit-pd)]",
                 "text-center text-sm",
@@ -8629,25 +8935,52 @@ function OnboardingOverlay() {
                 ""
               ),
               style: {
-                transition: "top 0.3s ease",
                 width: tt.width,
-                top: tt.y,
-                left: tt.x,
-                borderRadius: isMobileView ? "var(--ui-kit-bdrs)" : "0 0 var(--ui-kit-bdrs) var(--ui-kit-bdrs)"
+                top: 0,
+                left: 0,
+                transition: "transform 0.3s ease, width 0.3s ease",
+                transform: `translate(${tt.x}px, ${tt.y}px)`,
+                borderRadius: isMobileView || tt.isOverflowX ? "var(--ui-kit-bdrs)" : "0 0 var(--ui-kit-bdrs) var(--ui-kit-bdrs)"
               },
               children: [
-                /* @__PURE__ */ jsx21("p", { className: " font-bold", children: tooltip.title }),
-                /* @__PURE__ */ jsx21("p", { children: tooltip.description }),
-                /* @__PURE__ */ jsxs17(
+                /* @__PURE__ */ jsx21("p", {
+                  className: "font-bold",
+                  //@ts-expect-error i18n dynamic key typing
+                  children: t(tooltip.title)
+                }),
+                /* @__PURE__ */ jsx21("p", {
+                  className: "whitespace-pre-line",
+                  //@ts-expect-error i18n dynamic key typing
+                  children: t(tooltip.description)
+                }),
+                !!tourStepActions?.length ? /* @__PURE__ */ jsx21("div", { className: "flex grid grid-cols-2 gap-[var(--ui-kit-gap)]", children: tourStepActions.map(({ caption, onClick }, index) => /* @__PURE__ */ jsxs17(
+                  Button,
+                  {
+                    variant: "default",
+                    size: "medium",
+                    className: "w-full",
+                    onClick,
+                    disabled: continueCountdown !== null,
+                    children: [
+                      continueCountdown !== null ? /* @__PURE__ */ jsx21(LoaderIcon, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx21(ChevronRightIcon, { className: "h-4 w-4" }),
+                      // @ts-expect-error i18n dynamic key typing
+                      t(caption)
+                    ]
+                  },
+                  index
+                )) }) : /* @__PURE__ */ jsxs17(
                   Button,
                   {
                     variant: "default-glow",
                     size: "medium",
                     className: "w-full",
                     onClick: () => onboarder.next(),
+                    disabled: continueCountdown !== null,
                     children: [
-                      /* @__PURE__ */ jsx21(ChevronRightIcon, { className: "h-4 w-4" }),
-                      String(t("passport:common.continue")).toUpperCase()
+                      continueCountdown !== null ? /* @__PURE__ */ jsx21(LoaderIcon, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx21(ChevronRightIcon, { className: "h-4 w-4" }),
+                      String(t("passport:common.continue")).toUpperCase(),
+                      " ",
+                      continueCountdown !== null && continueCountdown
                     ]
                   }
                 )
@@ -8661,7 +8994,7 @@ function OnboardingOverlay() {
     mountIntoNode
   );
 }
-var EXPAND, TOOLTIP_OFFSET;
+var EXPAND, TOOLTIP_MIN_WIDTH;
 var init_OnboardingOverlay = __esm({
   "src/internal/components/Onboarding/OnboardingOverlay.tsx"() {
     init_i18n();
@@ -8670,8 +9003,8 @@ var init_OnboardingOverlay = __esm({
     init_utils2();
     init_button();
     init_onboarder();
-    EXPAND = 24;
-    TOOLTIP_OFFSET = 96;
+    EXPAND = 16;
+    TOOLTIP_MIN_WIDTH = 256;
   }
 });
 
@@ -8684,7 +9017,7 @@ var init_Onboarding = __esm({
 });
 
 // src/internal/components/ui/switch.tsx
-import { forwardRef as forwardRef3, useState as useState5 } from "react";
+import { forwardRef as forwardRef3, useState as useState6 } from "react";
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var Switch;
 var init_switch = __esm({
@@ -8694,7 +9027,7 @@ var init_switch = __esm({
     Switch = forwardRef3((props, ref) => {
       const { className, labels, ...inputProps } = props;
       const colorMode = useLayoutStore((st) => st.colorMode);
-      const [labelW, setLabelW] = useState5(0);
+      const [labelW, setLabelW] = useState6(0);
       return /* @__PURE__ */ jsx22(
         "div",
         {
@@ -9272,7 +9605,7 @@ var init_useBuyMenuStore = __esm({
 // src/internal/components/BuyMenu/components/CryptoSelector.tsx
 import { debounce as debounce2, toPairs } from "lodash-es";
 import { InfoIcon, PointerIcon, SearchIcon } from "lucide-react";
-import { useCallback as useCallback10, useMemo as useMemo2, useState as useState6 } from "react";
+import { useCallback as useCallback10, useMemo as useMemo2, useState as useState7 } from "react";
 import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 function CryptoItem(props) {
   const { symbol, network } = props;
@@ -9310,8 +9643,8 @@ function CryptoSelector(props) {
   const { coins } = props;
   const { t } = useT();
   const chainConfig = useSession((st) => st.chainConfig);
-  const [searchValue, setSearchValue] = useState6("");
-  const [target, setTarget] = useState6("");
+  const [searchValue, setSearchValue] = useState7("");
+  const [target, setTarget] = useState7("");
   const setSearchDebounced = useCallback10(
     debounce2((value) => {
       setTarget(value);
@@ -9497,7 +9830,7 @@ var init_ResolvedFiatIcon = __esm({
 // src/internal/components/BuyMenu/components/FiatSelector.tsx
 import { debounce as debounce3 } from "lodash-es";
 import { PointerIcon as PointerIcon2, SearchIcon as SearchIcon2 } from "lucide-react";
-import { useCallback as useCallback11, useMemo as useMemo3, useState as useState7 } from "react";
+import { useCallback as useCallback11, useMemo as useMemo3, useState as useState8 } from "react";
 import { Fragment as Fragment9, jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
 function getCurrencyName(ticker, locale = "en") {
   try {
@@ -9535,8 +9868,8 @@ function FiatSelector(props) {
   const { fiats } = props;
   const { t, i18n } = useT();
   const locale = i18n.resolvedLanguage || "en";
-  const [searchValue, setSearchValue] = useState7("");
-  const [target, setTarget] = useState7("");
+  const [searchValue, setSearchValue] = useState8("");
+  const [target, setTarget] = useState8("");
   const setSearchDebounced = useCallback11(
     debounce3((value) => {
       setTarget(value);
@@ -9725,14 +10058,14 @@ var init_components = __esm({
 var BUY_MENU_BINANCE_TOUR;
 var init_onboarding_setup = __esm({
   "src/internal/components/BuyMenu/onboarding.setup.ts"() {
-    init_useLayoutDataStore();
     init_useBinanceStore();
     init_useBuyMenuStore();
     BUY_MENU_BINANCE_TOUR = [
       {
         elId: "buymenu-page" /* buymenu */,
-        title: "Buy Menu",
-        description: "Here you can make crypto purchases.",
+        title: "passport:buyMenu.onboarding.buyMenu.title",
+        description: "passport:buyMenu.onboarding.buyMenu.description",
+        waitSecs: 6,
         onNext: () => {
           const { setRampProvider, rampProvider } = useBuyMenuStore.getState();
           if (rampProvider !== "binance") setRampProvider("binance");
@@ -9740,15 +10073,13 @@ var init_onboarding_setup = __esm({
       },
       {
         elId: "buymenu-provider-selector" /* providerSelector */,
-        title: "Select a Provider",
-        description: "Cick here to choose a provider for your crypto purchase.",
-        onNext: () => {
-        }
+        title: "passport:buyMenu.onboarding.providerSelector.title",
+        description: "passport:buyMenu.onboarding.providerSelector.description"
       },
       {
         elId: "buymenu-binance-menu" /* binanceMenu */,
-        title: "Set Purchase Details",
-        description: "Click here to set the details of your crypto purchase.",
+        title: "passport:buyMenu.onboarding.binanceMenu.title",
+        description: "passport:buyMenu.onboarding.binanceMenu.description",
         onNext: () => {
           useBinanceStore.getState().setQuoteData({
             totalAmount: "0.12345678",
@@ -9764,13 +10095,17 @@ var init_onboarding_setup = __esm({
       },
       {
         elId: "buymenu-binance-estimate" /* binanceEstimate */,
-        title: "Confirm your purchase",
-        description: "Review the details of your purchase before confirming.",
+        title: "passport:buyMenu.onboarding.binanceEstimate.title",
+        description: "passport:buyMenu.onboarding.binanceEstimate.description",
         onNext: () => {
           useBuyMenuStore.getState().setIsProviderSummary(false);
-          useLayoutDataStore.getState().setPage("buy" /* BUY */);
           useBinanceStore.getState().setQuoteData(null);
         }
+      },
+      {
+        elId: "buymenu-tour-button" /* tourButton */,
+        title: "passport:common.onboarding.tourButton.title",
+        description: "passport:common.onboarding.tourButton.description"
       }
     ];
   }
@@ -9904,7 +10239,7 @@ var init_config = __esm({
 
 // src/internal/components/BuyMenu/binance/BinanceSummary.tsx
 import { useMutation as useMutation5, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
-import { InfoIcon as InfoIcon3, LoaderIcon } from "lucide-react";
+import { InfoIcon as InfoIcon3, LoaderIcon as LoaderIcon2 } from "lucide-react";
 import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
 function BinanceSummary(props) {
   const { payment } = props;
@@ -10024,7 +10359,7 @@ function BinanceSummary(props) {
             variant: "default",
             onClick: () => checkoutFundWalletOrder(),
             children: [
-              redirecting && /* @__PURE__ */ jsx38(LoaderIcon, { size: 16, className: "animate-spin" }),
+              redirecting && /* @__PURE__ */ jsx38(LoaderIcon2, { size: 16, className: "animate-spin" }),
               /* @__PURE__ */ jsx38("span", { children: redirecting ? "REDIRECTING..." : String(t("passport:buyMenu.actions.confirmPurchase")).toUpperCase() }),
               !!quoteData?.totalAmount && /* @__PURE__ */ jsxs33("strong", { children: [
                 formatPrice(Number(quoteData.totalAmount)),
@@ -10230,7 +10565,7 @@ var init_statuses = __esm({
 import { useInfiniteQuery } from "@tanstack/react-query";
 import dayjs from "dayjs";
 import { debounce as debounce4 } from "lodash-es";
-import { DownloadIcon, ExternalLinkIcon, LoaderIcon as LoaderIcon2 } from "lucide-react";
+import { DownloadIcon, ExternalLinkIcon, LoaderIcon as LoaderIcon3 } from "lucide-react";
 import { useCallback as useCallback12, useEffect as useEffect14, useMemo as useMemo4 } from "react";
 import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 function getStatusVariant(status) {
@@ -10380,7 +10715,7 @@ function BinanceTxHistory() {
     return /* @__PURE__ */ jsx40(Highlight, { children: t("passport:buyMenu.noItems.noTransactions") });
   }
   return /* @__PURE__ */ jsxs34("div", { className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
-    isTxDataLoading ? /* @__PURE__ */ jsx40("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx40(LoaderIcon2, { className: "w-4 h-4 animate-spin" }) }) : txList.map((tx) => /* @__PURE__ */ jsx40(BinanceTxHistoryItem, { ...tx }, tx.id)),
+    isTxDataLoading ? /* @__PURE__ */ jsx40("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx40(LoaderIcon3, { className: "w-4 h-4 animate-spin" }) }) : txList.map((tx) => /* @__PURE__ */ jsx40(BinanceTxHistoryItem, { ...tx }, tx.id)),
     hasNextPage && /* @__PURE__ */ jsxs34(
       Button,
       {
@@ -10390,7 +10725,7 @@ function BinanceTxHistory() {
         className: "w-full",
         onClick: () => fetchNextPage(),
         children: [
-          isTxDataFetching ? /* @__PURE__ */ jsx40(LoaderIcon2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx40(DownloadIcon, { className: "w-4 h-4" }),
+          isTxDataFetching ? /* @__PURE__ */ jsx40(LoaderIcon3, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx40(DownloadIcon, { className: "w-4 h-4" }),
           t("passport:common.loadMore")
         ]
       }
@@ -10419,10 +10754,10 @@ var init_BinanceTxHistory = __esm({
 
 // src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { useEffect as useEffect15, useRef as useRef9 } from "react";
+import { useEffect as useEffect15, useRef as useRef10 } from "react";
 function useBinanceSseTxTracing(walletAddress) {
   const qc = useQueryClient4();
-  const debounceRef = useRef9(null);
+  const debounceRef = useRef10(null);
   useEffect15(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
@@ -10464,7 +10799,7 @@ var init_utils6 = __esm({
 
 // src/internal/components/BuyMenu/binance/Binance.tsx
 import { useMutation as useMutation6, useQuery as useQuery3, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
-import { LoaderIcon as LoaderIcon3 } from "lucide-react";
+import { LoaderIcon as LoaderIcon4 } from "lucide-react";
 import { useEffect as useEffect16 } from "react";
 import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 function Binance() {
@@ -10680,7 +11015,7 @@ function Binance() {
             variant: "default",
             onClick: () => estimateQuote(),
             children: [
-              (isDataLoading || srcInputAmount < fiatMinimum) && /* @__PURE__ */ jsx41(LoaderIcon3, { className: "w-4 h-4 animate-spin" }),
+              (isDataLoading || srcInputAmount < fiatMinimum) && /* @__PURE__ */ jsx41(LoaderIcon4, { className: "w-4 h-4 animate-spin" }),
               !isPaymentModesLoading && !isQuoteEstimating && srcInputAmount < fiatMinimum && /* @__PURE__ */ jsx41("span", { children: String(t("passport:buyMenu.actions.limitsCheck")).toUpperCase() }),
               !isPaymentModesLoading && !isQuoteEstimating && srcInputAmount >= fiatMinimum && /* @__PURE__ */ jsx41("span", { children: String(
                 isDataLoading ? t("passport:common.loading") : t("passport:buyMenu.actions.estimateFees")
@@ -10896,8 +11231,8 @@ var init_FinchPaySummary = __esm({
 // src/internal/components/BuyMenu/finchpay/FinchPayTxHistory.tsx
 import { useInfiniteQuery as useInfiniteQuery2 } from "@tanstack/react-query";
 import dayjs2 from "dayjs";
-import { LoaderIcon as LoaderIcon4 } from "lucide-react";
-import { useCallback as useCallback13, useState as useState8 } from "react";
+import { LoaderIcon as LoaderIcon5 } from "lucide-react";
+import { useCallback as useCallback13, useState as useState9 } from "react";
 import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
 function getStatusVariant2(status) {
   switch (status) {
@@ -10977,7 +11312,7 @@ function FinchPayTxHistoryItem(props) {
 function FinchPayTxHistory() {
   const { t } = useT();
   const walletAddress = useSession((st) => st.address);
-  const [cursor, setCursor] = useState8(1);
+  const [cursor, setCursor] = useState9(1);
   const {
     data: txData,
     isLoading: isTxDataLoading,
@@ -11014,7 +11349,7 @@ function FinchPayTxHistory() {
     [fetchNextPage]
   );
   if (isTxDataLoading) {
-    return /* @__PURE__ */ jsx43("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx43(LoaderIcon4, { className: "w-4 h-4 animate-spin" }) });
+    return /* @__PURE__ */ jsx43("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx43(LoaderIcon5, { className: "w-4 h-4 animate-spin" }) });
   }
   if (!isTxDataLoading && txList.length === 0) {
     return /* @__PURE__ */ jsx43(Highlight, { children: t("passport:buyMenu.noItems.noTransactions") });
@@ -11046,7 +11381,7 @@ function FinchPayTxHistory() {
           }
         )
       ] }),
-      isTxDataFetching ? /* @__PURE__ */ jsx43(LoaderIcon4, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsxs37("span", { className: "text-xs leading-4 text-[var(--ui-kit-fg-muted)]", children: [
+      isTxDataFetching ? /* @__PURE__ */ jsx43(LoaderIcon5, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsxs37("span", { className: "text-xs leading-4 text-[var(--ui-kit-fg-muted)]", children: [
         cursor,
         " / ",
         pageCount
@@ -11084,10 +11419,10 @@ var init_networks = __esm({
 
 // src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts
 import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
-import { useEffect as useEffect17, useRef as useRef10 } from "react";
+import { useEffect as useEffect17, useRef as useRef11 } from "react";
 function useFinchpaySseTxTracing(walletAddress) {
   const qc = useQueryClient6();
-  const debounceRef = useRef10(null);
+  const debounceRef = useRef11(null);
   useEffect17(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
@@ -11136,7 +11471,7 @@ var init_utils7 = __esm({
 
 // src/internal/components/BuyMenu/finchpay/FinchPay.tsx
 import { useQuery as useQuery4, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
-import { DollarSign, LoaderIcon as LoaderIcon5 } from "lucide-react";
+import { DollarSign, LoaderIcon as LoaderIcon6 } from "lucide-react";
 import { useEffect as useEffect18 } from "react";
 import { Fragment as Fragment12, jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
 function FinchPay() {
@@ -11371,7 +11706,7 @@ function FinchPay() {
         variant: "default",
         onClick: () => useBuyMenuStore.getState().setIsProviderSummary(true),
         children: [
-          isFinchpayDataLoading && /* @__PURE__ */ jsx44(LoaderIcon5, { className: "w-4 h-4 animate-spin" }),
+          isFinchpayDataLoading && /* @__PURE__ */ jsx44(LoaderIcon6, { className: "w-4 h-4 animate-spin" }),
           /* @__PURE__ */ jsx44("span", { children: String(t("passport:common.confirm")).toUpperCase() }),
           estimateData?.to_amount && /* @__PURE__ */ jsxs38("span", { children: [
             formatPrice(Number(estimateData.to_amount)),
@@ -11515,7 +11850,7 @@ var init_ProviderSelector = __esm({
 });
 
 // src/internal/components/BuyMenu/useHandleInputAmount.ts
-import { useEffect as useEffect19, useRef as useRef11 } from "react";
+import { useEffect as useEffect19, useRef as useRef12 } from "react";
 var ON_INPUT_QUERY_DELAY, useHandleInputAmount;
 var init_useHandleInputAmount = __esm({
   "src/internal/components/BuyMenu/useHandleInputAmount.ts"() {
@@ -11523,11 +11858,11 @@ var init_useHandleInputAmount = __esm({
     init_useBuyMenuStore();
     ON_INPUT_QUERY_DELAY = 1500;
     useHandleInputAmount = () => {
-      const lastRampProviderRef = useRef11(DEFAULT_PROVIDER2);
+      const lastRampProviderRef = useRef12(DEFAULT_PROVIDER2);
       const rampProvider = useBuyMenuStore((st) => st.rampProvider);
       const srcInputAmount = useBuyMenuStore((st) => st.srcInputAmount);
       const minAmount = useBuyMenuStore((st) => st.minAmount);
-      const queryAmountTimer = useRef11(null);
+      const queryAmountTimer = useRef12(null);
       useEffect19(() => {
         if (queryAmountTimer.current) clearTimeout(queryAmountTimer.current);
         queryAmountTimer.current = setTimeout(() => {
@@ -11559,7 +11894,7 @@ var init_useHandleInputAmount = __esm({
 });
 
 // src/internal/components/BuyMenu/BuyMenu.tsx
-import { ArrowLeft as ArrowLeft3, InfoIcon as InfoIcon4 } from "lucide-react";
+import { ArrowLeft as ArrowLeft3, CircleQuestionMarkIcon } from "lucide-react";
 import { Fragment as Fragment14, jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
 function BuyMenu() {
   const { t } = useT();
@@ -11642,11 +11977,12 @@ function BuyMenu() {
             showProviderTrigger && /* @__PURE__ */ jsx46(
               Button,
               {
+                ref: (inst) => onboarder.registerElement("buymenu-tour-button" /* tourButton */, inst),
                 variant: "ghost",
                 size: "icon",
                 className: "flex-none",
                 onClick: () => onboarder.startTour(BUY_MENU_BINANCE_TOUR),
-                children: /* @__PURE__ */ jsx46(InfoIcon4, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx46(CircleQuestionMarkIcon, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ jsx46(
@@ -12064,13 +12400,13 @@ import { PAYMASTER_CACHE_TTL_MS } from "@embarkai/core";
 import { getChainConfig as getChainConfig8, SUPPORTED_MAINNETS as SUPPORTED_MAINNETS2 } from "@embarkai/core/read";
 import { useQuery as useQuery5 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft4 } from "lucide-react";
-import { useMemo as useMemo5, useState as useState9 } from "react";
+import { useMemo as useMemo5, useState as useState10 } from "react";
 import { jsx as jsx54, jsxs as jsxs48 } from "react/jsx-runtime";
 function ChainsMenu() {
   const config = useProviderConfig().config;
   const activeChainId = useSession((st) => st.activeChainId);
-  const [isTestnets, setIsTestnets] = useState9(false);
-  const [nextChainId, setNextChainId] = useState9(null);
+  const [isTestnets, setIsTestnets] = useState10(false);
+  const [nextChainId, setNextChainId] = useState10(null);
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const visibleNetworks = useMemo5(() => {
@@ -12319,7 +12655,7 @@ var init_devices = __esm({
 });
 
 // src/internal/components/DevicesMenu/DeviceLinkScreen.tsx
-import { useState as useState10 } from "react";
+import { useState as useState11 } from "react";
 import { ArrowLeft as ArrowLeft6, Loader2 as Loader22 } from "lucide-react";
 import { jsx as jsx56, jsxs as jsxs50 } from "react/jsx-runtime";
 function getErrorMessage(err) {
@@ -12341,8 +12677,8 @@ function DeviceLinkScreen() {
   const setPage = useLayoutDataStore((s) => s.setPage);
   const maxScrollHeight = useLayoutStore((s) => s.maxScrollHeight);
   const { mutate: link, isPending } = useLinkDevice();
-  const [code, setCode] = useState10("");
-  const [error, setError] = useState10(null);
+  const [code, setCode] = useState11("");
+  const [error, setError] = useState11(null);
   const isValid = code.length === 6 && VALID_CHARS.test(code);
   function handleCodeChange(value) {
     const upper = value.toUpperCase().slice(0, 6);
@@ -12931,7 +13267,7 @@ var init_guardian_backup = __esm({
 });
 
 // src/internal/components/DevicesMenu/DeviceManageScreen.tsx
-import { useCallback as useCallback14, useEffect as useEffect20, useRef as useRef12, useState as useState11 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect20, useRef as useRef13, useState as useState12 } from "react";
 import { ArrowLeft as ArrowLeft7, Cpu, Download, HardDrive, Loader2 as Loader23, Trash2, Upload } from "lucide-react";
 import { Fragment as Fragment15, jsx as jsx57, jsxs as jsxs51 } from "react/jsx-runtime";
 function formatSize(bytes) {
@@ -12946,13 +13282,13 @@ function DeviceManageScreen() {
   const userId = session?.mpcUserId || "";
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const guardianRef = useRef12(null);
-  const [screen, setScreen] = useState11({ step: "connecting" });
-  const [actionState, setActionState] = useState11(null);
-  const [password, setPassword] = useState11("");
-  const [statusMessage, setStatusMessage] = useState11(null);
-  const [errorMessage, setErrorMessage] = useState11(null);
-  const [waitingConfirm, setWaitingConfirm] = useState11(false);
+  const guardianRef = useRef13(null);
+  const [screen, setScreen] = useState12({ step: "connecting" });
+  const [actionState, setActionState] = useState12(null);
+  const [password, setPassword] = useState12("");
+  const [statusMessage, setStatusMessage] = useState12(null);
+  const [errorMessage, setErrorMessage] = useState12(null);
+  const [waitingConfirm, setWaitingConfirm] = useState12(false);
   useEffect20(() => {
     if (!statusMessage) return;
     const t = setTimeout(() => setStatusMessage(null), 3e3);
@@ -13223,7 +13559,7 @@ var init_DeviceManageScreen = __esm({
 });
 
 // src/internal/components/DevicesMenu/DeviceRestoreScreen.tsx
-import { useCallback as useCallback15, useState as useState12 } from "react";
+import { useCallback as useCallback15, useState as useState13 } from "react";
 import { AlertTriangle as AlertTriangle3, ArrowLeft as ArrowLeft8, Download as Download2, Loader2 as Loader24 } from "lucide-react";
 import { Fragment as Fragment16, jsx as jsx58, jsxs as jsxs52 } from "react/jsx-runtime";
 function DeviceRestoreScreen() {
@@ -13235,10 +13571,10 @@ function DeviceRestoreScreen() {
   const keyshareId = pageParams?.keyshareId;
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const [password, setPassword] = useState12("");
-  const [isWorking, setIsWorking] = useState12(false);
-  const [statusMessage, setStatusMessage] = useState12(null);
-  const [errorMessage, setErrorMessage] = useState12(null);
+  const [password, setPassword] = useState13("");
+  const [isWorking, setIsWorking] = useState13(false);
+  const [statusMessage, setStatusMessage] = useState13(null);
+  const [errorMessage, setErrorMessage] = useState13(null);
   const handleRestore = useCallback15(async () => {
     if (!password || !keyshareId || !userId) return;
     const iframe4 = getIframeManager();
@@ -13339,7 +13675,7 @@ var init_DeviceRestoreScreen = __esm({
 });
 
 // src/internal/components/DevicesMenu/DevicesMenu.tsx
-import { useState as useState13 } from "react";
+import { useState as useState14 } from "react";
 import { ArrowLeft as ArrowLeft9, Cpu as Cpu2, Monitor, CheckCircle, Trash2 as Trash22, Loader2 as Loader25, RefreshCw, HardDrive as HardDrive2 } from "lucide-react";
 import { jsx as jsx59, jsxs as jsxs53 } from "react/jsx-runtime";
 function DeviceIcon({ deviceType }) {
@@ -13351,8 +13687,8 @@ function truncateAddress(address) {
   return `${address.slice(0, 6)}...${address.slice(-4)}`;
 }
 function DeviceRow({ device }) {
-  const [confirmingUnlink, setConfirmingUnlink] = useState13(false);
-  const [unlinkError, setUnlinkError] = useState13(null);
+  const [confirmingUnlink, setConfirmingUnlink] = useState14(false);
+  const [unlinkError, setUnlinkError] = useState14(null);
   const { mutate: unlink, isPending } = useUnlinkDevice();
   if (confirmingUnlink) {
     return /* @__PURE__ */ jsxs53("div", { className: "flex flex-col gap-2 p-3 rounded-lg bg-[var(--ui-kit-bg)]", children: [
@@ -14526,7 +14862,7 @@ var init_MethodSelector = __esm({
 
 // src/internal/components/KeyshareRestoreMenu/components/PasswordPasskey.tsx
 import { ChevronRight as ChevronRight2, Eye, EyeOff, Info as Info3, Key as Key4, Loader as Loader8, Plus } from "lucide-react";
-import { useEffect as useEffect23, useRef as useRef13 } from "react";
+import { useEffect as useEffect23, useRef as useRef14 } from "react";
 import { Fragment as Fragment18, jsx as jsx61, jsxs as jsxs55 } from "react/jsx-runtime";
 function PasswordPasskey(props) {
   const { t } = useT();
@@ -14541,7 +14877,7 @@ function PasswordPasskey(props) {
     onCreatePasskey
   } = props;
   const hasServerVault = useSession((st) => st.hasServerVault);
-  const actionRef = useRef13(null);
+  const actionRef = useRef14(null);
   const {
     showPassword,
     restorePassword,
@@ -15173,7 +15509,7 @@ var init_Cloud = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/methods/Guardian.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 import { Cpu as Cpu4, Loader2 as Loader26 } from "lucide-react";
 import { Fragment as Fragment23, jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
 function Guardian(props) {
@@ -15182,8 +15518,8 @@ function Guardian(props) {
   const session = useSession((st) => st.session);
   const recoveryUserId = useSession((st) => st.recoveryUserId);
   const { onRestoreSuccess } = useOnRestoreSuccess();
-  const [isWorking, setIsWorking] = useState15(false);
-  const [step, setStep] = useState15("idle");
+  const [isWorking, setIsWorking] = useState16(false);
+  const [step, setStep] = useState16("idle");
   const handleGuardianBackup = async () => {
     if (!restorePassword) {
       setError("Please enter a password");
@@ -15876,15 +16212,15 @@ var init_SumsubIframeManager = __esm({
 });
 
 // src/internal/components/KYC/useSumsubIframe.ts
-import { useEffect as useEffect29, useRef as useRef14, useState as useState16 } from "react";
+import { useEffect as useEffect29, useRef as useRef15, useState as useState17 } from "react";
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
-  const iframeRef = useRef14(null);
-  const [isLoading, setIsLoading] = useState16(true);
-  const [error, setError] = useState16(null);
-  const [height, setHeight] = useState16(0);
-  const [status, setStatus] = useState16("");
+  const iframeRef = useRef15(null);
+  const [isLoading, setIsLoading] = useState17(true);
+  const [error, setError] = useState17(null);
+  const [height, setHeight] = useState17(0);
+  const [status, setStatus] = useState17("");
   const levelName = config.current?.kyc?.options?.levelName;
   useEffect29(() => {
     setError(null);
@@ -15937,7 +16273,7 @@ var init_useSumsubIframe = __esm({
 });
 
 // src/internal/components/KYC/SumsubIframe.tsx
-import { LoaderIcon as LoaderIcon6 } from "lucide-react";
+import { LoaderIcon as LoaderIcon7 } from "lucide-react";
 import { Fragment as Fragment26, jsx as jsx70, jsxs as jsxs64 } from "react/jsx-runtime";
 var SumsubIframe;
 var init_SumsubIframe = __esm({
@@ -15950,7 +16286,7 @@ var init_SumsubIframe = __esm({
       const { iframeRef, isLoading, error, height, status } = useSumsubIframe({ iframeUrl });
       return /* @__PURE__ */ jsxs64(Fragment26, { children: [
         isLoading && /* @__PURE__ */ jsxs64("div", { className: "rounded-[10px] p-6 text-center", children: [
-          /* @__PURE__ */ jsx70(LoaderIcon6, { className: "w-4 h-4 animate-spin mx-auto" }),
+          /* @__PURE__ */ jsx70(LoaderIcon7, { className: "w-4 h-4 animate-spin mx-auto" }),
           /* @__PURE__ */ jsx70("p", { className: "text-sm text-[var(--ui-kit-text-secondary)] mt-2", children: status || "Loading KYC verification..." })
         ] }),
         error && /* @__PURE__ */ jsx70("div", { className: "rounded-[10px] p-4 text-center bg-[var(--ui-kit-bg-error)] border border-[var(--ui-kit-error)]", children: /* @__PURE__ */ jsx70("div", { className: "text-sm text-[var(--ui-kit-error)]", children: error }) }),
@@ -16919,7 +17255,7 @@ var init_telegram2 = __esm({
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts
 import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
-import { useCallback as useCallback20, useEffect as useEffect32, useState as useState17 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect32, useState as useState18 } from "react";
 function useLinkTelegram() {
   const {
     config: { current: config },
@@ -16977,7 +17313,7 @@ function useLinkTelegram() {
       setLinkIsLoading(false);
     }
   }, [config.social?.providers]);
-  const [telegramLinkStarted, setTelegramLinkStarted] = useState17(false);
+  const [telegramLinkStarted, setTelegramLinkStarted] = useState18(false);
   useEffect32(() => {
     console.log("[useLinkTelegram] Effect triggered:", {
       providerType,
@@ -17298,7 +17634,7 @@ var init_ManageWallet = __esm({
 // src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
 import { useMutation as useMutation15, useQueryClient as useQueryClient17 } from "@tanstack/react-query";
 import { Key as Key6, Loader as Loader14 } from "lucide-react";
-import { useState as useState18 } from "react";
+import { useState as useState19 } from "react";
 import { useDisconnect as useDisconnect2 } from "wagmi";
 import { jsx as jsx80, jsxs as jsxs74 } from "react/jsx-runtime";
 function UnlinkProviderMenu() {
@@ -17310,7 +17646,7 @@ function UnlinkProviderMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { confirmUnlink, setConfirmUnlink, setAlert } = useManageWalletStore();
-  const [confirmInput, setConfirmInput] = useState18("");
+  const [confirmInput, setConfirmInput] = useState19("");
   const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = useMutation15({
     mutationFn: async () => {
       if (!confirmUnlink) {
@@ -17570,8 +17906,8 @@ var init_useNicknameAvailability = __esm({
 
 // src/internal/components/NicknameMenu/NicknameEditForm.tsx
 import { useMutation as useMutation17, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
-import { AtSignIcon, CheckIcon as CheckIcon2, CopyIcon, LoaderIcon as LoaderIcon7, SaveIcon } from "lucide-react";
-import { useCallback as useCallback22, useState as useState19 } from "react";
+import { AtSignIcon, CheckIcon as CheckIcon2, CopyIcon, LoaderIcon as LoaderIcon8, SaveIcon } from "lucide-react";
+import { useCallback as useCallback22, useState as useState20 } from "react";
 import { Fragment as Fragment29, jsx as jsx81, jsxs as jsxs75 } from "react/jsx-runtime";
 function NicknameEditForm(props) {
   const { isInitialUser, nicknameInfo } = props;
@@ -17584,7 +17920,7 @@ function NicknameEditForm(props) {
   const nicknameValue = useNicknameStore((st) => st.nicknameValue);
   const nicknameAvailability = useNicknameStore((st) => st.availability);
   const { isCheckingAvailability } = useNicknameAvailability(nicknameInfo ? nicknameInfo.handle : "");
-  const [isNicknameCopied, setIsNicknameCopied] = useState19(false);
+  const [isNicknameCopied, setIsNicknameCopied] = useState20(false);
   const {
     mutate: changeNickname2,
     isError: isNicknameChangeError,
@@ -17677,7 +18013,7 @@ function NicknameEditForm(props) {
           className: cn("w-12", {
             "bg-[var(--ui-kit-bg-success)] text-[var(--ui-kit-success)]": isNicknameAvailalable
           }),
-          children: isCheckingAvailability || isNicknameChanging ? /* @__PURE__ */ jsx81(LoaderIcon7, { className: "w-4 h-4 animate-spin" }) : isNicknameChangeSuccess ? /* @__PURE__ */ jsx81(CheckIcon2, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx81(SaveIcon, { className: "w-4 h-4" })
+          children: isCheckingAvailability || isNicknameChanging ? /* @__PURE__ */ jsx81(LoaderIcon8, { className: "w-4 h-4 animate-spin" }) : isNicknameChangeSuccess ? /* @__PURE__ */ jsx81(CheckIcon2, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx81(SaveIcon, { className: "w-4 h-4" })
         }
       )
     ] }) }) : /* @__PURE__ */ jsxs75("div", { className: "w-full flex items-center justify-between px-[var(--ui-kit-pd)] h-12 bg-[var(--ui-kit-secondary)] rounded-[var(--ui-kit-el-bdrs)]", children: [
@@ -18168,7 +18504,7 @@ var init_utils8 = __esm({
 // src/internal/hooks/useBlockscoutAssets/useBlockscoutAssets.ts
 import { createBlockscoutClient as createBlockscoutClient2, nonBlockscoutClient } from "@embarkai/core";
 import { useQuery as useQuery16, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
-import { useCallback as useCallback23, useMemo as useMemo10, useRef as useRef15 } from "react";
+import { useCallback as useCallback23, useMemo as useMemo10, useRef as useRef16 } from "react";
 function useBlockscoutAssets(options) {
   const { address, chainId, enabled = true, detectSecurityTokens = true } = options;
   const qc = useQueryClient19();
@@ -18183,7 +18519,7 @@ function useBlockscoutAssets(options) {
     () => blockscoutApiUrl ? createBlockscoutClient2({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
-  const lastRefreshRef = useRef15(0);
+  const lastRefreshRef = useRef16(0);
   const {
     data: watchTokenAssets = [],
     isLoading: watchTokensLoading,
@@ -18535,7 +18871,7 @@ var init_BalanceView2 = __esm({
 
 // src/internal/components/PortfolioMenu/PortfolioItem.tsx
 import { useQuery as useQuery17 } from "@tanstack/react-query";
-import { LoaderIcon as LoaderIcon8, ShieldAlertIcon, SparklesIcon } from "lucide-react";
+import { LoaderIcon as LoaderIcon9, ShieldAlertIcon, SparklesIcon } from "lucide-react";
 import { formatUnits as formatUnits6 } from "viem";
 import { Fragment as Fragment30, jsx as jsx84, jsxs as jsxs78 } from "react/jsx-runtime";
 function openInExplorer(address) {
@@ -18688,7 +19024,7 @@ function PortfolioItem(props) {
                 asset.symbol
               ] })
             ] }),
-            isRateLoading && /* @__PURE__ */ jsx84(LoaderIcon8, { className: "h-4 w-4 animate-spin" }),
+            isRateLoading && /* @__PURE__ */ jsx84(LoaderIcon9, { className: "h-4 w-4 animate-spin" }),
             !isRateLoading && !!usdRenderBalance && /* @__PURE__ */ jsxs78("span", { className: "text-xs", children: [
               /* @__PURE__ */ jsx84("span", { children: "$" }),
               /* @__PURE__ */ jsx84("span", { children: formatPrice(usdRenderBalance) })
@@ -18899,7 +19235,7 @@ var init_nickname_fingerprint = __esm({
 // src/internal/components/ReceiveMenu/ReceiveMenu.tsx
 import { ArrowLeft as ArrowLeft17, CheckCircle2 as CheckCircle23, Copy as Copy2, Info as Info5, Loader as Loader17, Shield } from "lucide-react";
 import QRCode from "qrcode";
-import { useCallback as useCallback25, useEffect as useEffect34, useMemo as useMemo11, useState as useState20 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect34, useMemo as useMemo11, useState as useState21 } from "react";
 import { Fragment as Fragment31, jsx as jsx86, jsxs as jsxs80 } from "react/jsx-runtime";
 function ReceiveMenu() {
   const session = useSession((st) => st.session);
@@ -18910,9 +19246,9 @@ function ReceiveMenu() {
   const { t } = useT();
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const open = page === "receive";
-  const [qrCodeUrl, setQrCodeUrl] = useState20("");
-  const [copied, setCopied] = useState20(false);
-  const [fingerprintCopied, setFingerprintCopied] = useState20(false);
+  const [qrCodeUrl, setQrCodeUrl] = useState21("");
+  const [copied, setCopied] = useState21(false);
+  const [fingerprintCopied, setFingerprintCopied] = useState21(false);
   const fingerprint = useMemo11(() => {
     if (!session?.ownerAddress) return null;
     try {
@@ -19079,7 +19415,7 @@ var init_useConnectedApps = __esm({
 
 // src/internal/components/SecurityMenu/ConnectedApps/ConnectedApps.tsx
 import dayjs5 from "dayjs";
-import { AppWindowMac, ExternalLinkIcon as ExternalLinkIcon2, InfoIcon as InfoIcon5, LoaderIcon as LoaderIcon9, ShieldBanIcon, ShieldCheckIcon } from "lucide-react";
+import { AppWindowMac, ExternalLinkIcon as ExternalLinkIcon2, InfoIcon as InfoIcon4, LoaderIcon as LoaderIcon10, ShieldBanIcon, ShieldCheckIcon } from "lucide-react";
 import { useEffect as useEffect35 } from "react";
 import { Fragment as Fragment32, jsx as jsx87, jsxs as jsxs81 } from "react/jsx-runtime";
 function Application(props) {
@@ -19186,13 +19522,13 @@ function ConnectedApps() {
   }, [connectedApps, isConnectedAppsLoading]);
   if (!isConnectedAppsLoading && connectedApps.length === 0)
     return /* @__PURE__ */ jsxs81(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)] ", children: [
-      /* @__PURE__ */ jsx87(InfoIcon5, { className: "w-4 h-4" }),
+      /* @__PURE__ */ jsx87(InfoIcon4, { className: "w-4 h-4" }),
       /* @__PURE__ */ jsx87("span", { children: t("passport:securityMenu.connectedApps.noConnectedApps") })
     ] });
   return /* @__PURE__ */ jsxs81(Fragment32, { children: [
     /* @__PURE__ */ jsxs81("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ jsx87("span", { className: "leading-4 text-xs", children: t("passport:securityMenu.connectedApps.connectedApps") }),
-      isConnectedAppsLoading && /* @__PURE__ */ jsx87(LoaderIcon9, { className: "h-4 w-4 animate-spin" })
+      isConnectedAppsLoading && /* @__PURE__ */ jsx87(LoaderIcon10, { className: "h-4 w-4 animate-spin" })
     ] }),
     /* @__PURE__ */ jsx87("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: connectedApps.map((app, index) => /* @__PURE__ */ jsx87(Application, { ...app }, index)) })
   ] });
@@ -19443,7 +19779,7 @@ var init_useKeyshareRecoveryStats = __esm({
 });
 
 // src/internal/components/SecurityMenu/Keyshare/Keyshare.tsx
-import { Cloud as Cloud3, Laptop, LoaderIcon as LoaderIcon10, Server as Server2 } from "lucide-react";
+import { Cloud as Cloud3, Laptop, LoaderIcon as LoaderIcon11, Server as Server2 } from "lucide-react";
 import { useEffect as useEffect36 } from "react";
 import { Fragment as Fragment34, jsx as jsx91, jsxs as jsxs85 } from "react/jsx-runtime";
 function Keyshare() {
@@ -19462,7 +19798,7 @@ function Keyshare() {
   return /* @__PURE__ */ jsxs85(Fragment34, { children: [
     /* @__PURE__ */ jsxs85("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ jsx91("span", { className: "text-xs leading-4", children: t("passport:securityMenu.keyshareStatus.title") }),
-      isRecoveryLoading && /* @__PURE__ */ jsx91(LoaderIcon10, { className: "h-4 w-4 animate-spin" })
+      isRecoveryLoading && /* @__PURE__ */ jsx91(LoaderIcon11, { className: "h-4 w-4 animate-spin" })
     ] }),
     !isRecoveryLoading && /* @__PURE__ */ jsxs85(Fragment34, { children: [
       /* @__PURE__ */ jsxs85("div", { className: "grid grid-cols-3 gap-[var(--ui-kit-gap)] px-[var(--ui-kit-gap)]", children: [
@@ -19857,7 +20193,7 @@ var init_useBridgeStore = __esm({
 // src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx
 import { useConnectModal } from "@rainbow-me/rainbowkit";
 import { useMutation as useMutation19 } from "@tanstack/react-query";
-import { useEffect as useEffect37, useRef as useRef16, useState as useState21 } from "react";
+import { useEffect as useEffect37, useRef as useRef17, useState as useState22 } from "react";
 import { useSignMessage } from "wagmi";
 import { jsx as jsx93, jsxs as jsxs87 } from "react/jsx-runtime";
 function SenderSelector(props) {
@@ -19868,11 +20204,11 @@ function SenderSelector(props) {
   const { openConnectModal } = useConnectModal();
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
-  const pendingWalletRef = useRef16(null);
+  const pendingWalletRef = useRef17(null);
   const originChain = useBridgeStore((st) => st.originChain);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
-  const [walletMessage, setWalletMessage] = useState21(null);
+  const [walletMessage, setWalletMessage] = useState22(null);
   useEffect37(() => {
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [walletMessage]);
@@ -19936,6 +20272,7 @@ function SenderSelector(props) {
     pendingWalletRef.current = null;
     loginDirectWallet(pendingProfile);
   }, [directWalletIsConnected, directWalletAddress]);
+  const isWalletProfileAvailable = !!directWalletProfile?.meta?.walletName && !!directWalletProfile?.externalId;
   return /* @__PURE__ */ jsxs87("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
     bridgeSenders.map((sender) => /* @__PURE__ */ jsxs87(
       Button,
@@ -19979,6 +20316,21 @@ function SenderSelector(props) {
       },
       `sender-${sender.address}`
     )),
+    !isWalletProfileAvailable && /* @__PURE__ */ jsxs87(Highlight, { type: "info", className: "flex flex-col w-full gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ jsx93("span", { className: "whitespace-pre-line", children: t("passport:bridgeMenu.onboarding.bridgeSenderWalletSelector.description") }),
+      /* @__PURE__ */ jsx93(
+        Button,
+        {
+          variant: "default",
+          size: "large",
+          className: "w-full",
+          onClick: () => {
+            useLayoutDataStore.getState().setPage("manage-wallet" /* MANAGE_WALLET */);
+          },
+          children: t("passport:bridgeMenu.actions.addExternalWalletProfile")
+        }
+      )
+    ] }),
     walletMessage && /* @__PURE__ */ jsxs87(Highlight, { type: "info", className: "flex flex-col w-full gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ jsx93("span", { children: walletMessage }),
       /* @__PURE__ */ jsx93(
@@ -20102,11 +20454,11 @@ var init_wallets = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts
-import { useEffect as useEffect38, useRef as useRef17 } from "react";
+import { useEffect as useEffect38, useRef as useRef18 } from "react";
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
   const { profiles } = useLinkedProfiles();
-  const lastCalcedSenders = useRef17([]);
+  const lastCalcedSenders = useRef18([]);
   useEffect38(() => {
     const sendersAccumulator = [
       {
@@ -20460,11 +20812,13 @@ function getAssetBalance(asset) {
   return Number(formatUnits7(BigInt(asset.balance || "0"), asset.decimals || 18));
 }
 function isOririnChainEmbarkSupported(originChain) {
+  const activeChainId = useSession.getState().activeChainId;
   const supportedChain = [...SUPPORTED_CHAINS2].map(([chainId]) => chainId);
-  return supportedChain.includes(CHAINS_UI_META[originChain].chainID);
+  return supportedChain.includes(CHAINS_UI_META[originChain].chainID) && activeChainId === CHAINS_UI_META[originChain].chainID;
 }
 var init_utils9 = __esm({
   "src/internal/components/SendMenu/hyperbridge/utils.ts"() {
+    init_SessionContext();
     init_chains();
   }
 });
@@ -20810,7 +21164,7 @@ function useMenuTitle(warpRoutes) {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "sender-selector":
-        updateMenuTitle(t("passport:bridgeMenu.labels.sender"));
+        updateMenuTitle(t("passport:bridgeMenu.labels.selectSender"));
         break;
       case bridgeStep === "select-token":
         updateMenuTitle(t("passport:bridgeMenu.labels.selectToken"));
@@ -20842,6 +21196,161 @@ var init_useMenuTitle = __esm({
   }
 });
 
+// src/internal/components/SendMenu/send/useSendStore.ts
+import { create as create15 } from "zustand";
+var useSendStore;
+var init_useSendStore = __esm({
+  "src/internal/components/SendMenu/send/useSendStore.ts"() {
+    init_useFlowSelector();
+    useSendStore = create15((set) => ({
+      recipient: "",
+      //
+      amount: "",
+      selectedAsset: null,
+      //
+      txStep: "input",
+      //
+      // sendError: null,
+      //
+      setRecipient: (recipient) => {
+        useFlowSelectorStore.getState().setError(null);
+        set({ recipient });
+      },
+      //
+      setAmount: (amount) => {
+        useFlowSelectorStore.getState().setError(null);
+        set({ amount });
+      },
+      setSelectedAsset: (selectedAsset) => {
+        useFlowSelectorStore.getState().setError(null);
+        set({ selectedAsset });
+      },
+      //
+      setTxStep: (txStep) => {
+        useFlowSelectorStore.getState().setError(null);
+        useFlowSelectorStore.getState().setRenderKey(`send-${txStep}-${Date.now()}`);
+        set({ txStep });
+      }
+    }));
+  }
+});
+
+// src/internal/components/SendMenu/onboarding.setup.ts
+var TOUR_SEND_ASSET, TOUR_BRIDGE_QUOTE, SEND_MENU_TOUR, BRIDGE_MENU_TOUR;
+var init_onboarding_setup2 = __esm({
+  "src/internal/components/SendMenu/onboarding.setup.ts"() {
+    init_useBridgeStore();
+    init_useSendStore();
+    TOUR_SEND_ASSET = {
+      name: "USDT",
+      symbol: "USDT",
+      address: "0xee7Fc418f5659a366b548b4E205d374C1F0B46e7",
+      balance: "1000",
+      formattedBalance: "1000",
+      type: "erc20"
+    };
+    TOUR_BRIDGE_QUOTE = {
+      amount: "123",
+      igpFee: "0.123",
+      localFee: "0.456",
+      igpSymbol: "USDT",
+      localSymbol: "USDT"
+    };
+    SEND_MENU_TOUR = [
+      {
+        elId: "sendmenu-page" /* sendMenu */,
+        title: "passport:sendMenu.onboarding.sendMenu.title",
+        description: "passport:sendMenu.onboarding.sendMenu.description",
+        waitSecs: 4,
+        onNext: () => {
+          const { setAmount, setRecipient, setSelectedAsset, setTxStep } = useSendStore.getState();
+          setSelectedAsset(TOUR_SEND_ASSET);
+          setAmount("123");
+          setRecipient("0x1234567890123456789012345678901234567890");
+          setTxStep("confirm");
+        }
+      },
+      {
+        elId: "sendmenu-crypto-summary" /* sendCryptoSummary */,
+        title: "passport:sendMenu.onboarding.sendCryptoSummary.title",
+        description: "passport:sendMenu.onboarding.sendCryptoSummary.description",
+        onNext: () => {
+          const { setAmount, setRecipient, setSelectedAsset, setTxStep } = useSendStore.getState();
+          setTxStep("input");
+          setRecipient("");
+          setAmount("");
+          setSelectedAsset(null);
+        }
+      },
+      {
+        elId: "sendmenu-tour-button" /* tourButton */,
+        title: "passport:common.onboarding.tourButton.title",
+        description: "passport:common.onboarding.tourButton.description"
+      }
+    ];
+    BRIDGE_MENU_TOUR = [
+      {
+        elId: "sendmenu-page" /* sendMenu */,
+        title: "passport:bridgeMenu.onboarding.bridgeMenu.title",
+        description: "passport:bridgeMenu.onboarding.bridgeMenu.description",
+        waitSecs: 5,
+        onNext: () => {
+          const { setHyperRoute, setBridgeAssetSymbol, setOriginChain, setDestinationChain } = useBridgeStore.getState();
+          setHyperRoute("USDT/ethereum-lumiaprism");
+          setBridgeAssetSymbol("USDT");
+          setOriginChain("lumiaprism");
+          setDestinationChain("ethereum");
+        }
+      },
+      {
+        elId: "bridgemenu-sender-wallet-selector" /* bridgeSenderWalletSelector */,
+        title: "passport:bridgeMenu.onboarding.bridgeSenderWalletSelector.title",
+        description: "passport:bridgeMenu.onboarding.bridgeSenderWalletSelector.description"
+      },
+      {
+        elId: "bridgemenu-crypto-menu-asset-selector" /* bridgeCryptoAssetSelector */,
+        title: "passport:bridgeMenu.onboarding.bridgeCryptoAssetSelector.title",
+        description: "passport:bridgeMenu.onboarding.bridgeCryptoAssetSelector.description"
+      },
+      {
+        elId: "bridgemenu-crypto-menu-chain-pair-swapper" /* bridgeChainPairSwapper */,
+        title: "passport:bridgeMenu.onboarding.bridgeChainPairSwapper.title",
+        description: "passport:bridgeMenu.onboarding.bridgeChainPairSwapper.description"
+      },
+      {
+        elId: "bridgemenu-crypto-menu-amount-recipient-inputs" /* bridgeAmountRecipientInputs */,
+        title: "passport:bridgeMenu.onboarding.bridgeAmountRecipientInputs.title",
+        description: "passport:bridgeMenu.onboarding.bridgeAmountRecipientInputs.description"
+      },
+      {
+        elId: "bridgemenu-crypto-menu-estimate-quote-button" /* bridgeEstimateQuoteButton */,
+        title: "passport:bridgeMenu.onboarding.bridgeEstimateQuoteButton.title",
+        description: "passport:bridgeMenu.onboarding.bridgeEstimateQuoteButton.description",
+        onNext: () => {
+          const { setQuote, setBridgeStep } = useBridgeStore.getState();
+          setQuote(TOUR_BRIDGE_QUOTE);
+          setBridgeStep("confirm");
+        }
+      },
+      {
+        elId: "bridgemenu-crypto-menu-estimate-details-menu" /* bridgeEstimatedQuoteMenu */,
+        title: "passport:bridgeMenu.onboarding.bridgeEstimatedQuoteMenu.title",
+        description: "passport:bridgeMenu.onboarding.bridgeEstimatedQuoteMenu.description",
+        onNext: () => {
+          const { setQuote, setBridgeStep } = useBridgeStore.getState();
+          setQuote(null);
+          setBridgeStep("select");
+        }
+      },
+      {
+        elId: "sendmenu-tour-button" /* tourButton */,
+        title: "passport:common.onboarding.tourButton.title",
+        description: "passport:common.onboarding.tourButton.description"
+      }
+    ];
+  }
+});
+
 // src/internal/components/SendMenu/hyperbridge/components/ResolveChainIcon.tsx
 import { jsx as jsx96 } from "react/jsx-runtime";
 function ResolveChainIcon(props) {
@@ -20865,6 +21374,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
   const qc = useQueryClient23();
   const { t } = useT();
   const address = useSession((st) => st.address);
+  const activeChainId = useSession((st) => st.activeChainId);
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletChainId = useExternalWalletStore((st) => st.externalChainId);
   const { switchChainAsync } = useSwitchChain2();
@@ -20987,7 +21497,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
         break;
     }
   }, [bridgeSender, originChain, directWalletChainId, switchChainAsync]);
-  const embarkBalance = embarkTokenBalanace ? getAssetBalance(embarkTokenBalanace) : 0;
+  const embarkBalance = CHAINS_UI_META[originChain].chainID === activeChainId && embarkTokenBalanace ? getAssetBalance(embarkTokenBalanace) : 0;
   const externalWalletBalance = isSelectedTokenNative ? formatUnits8(externalNativeBalanceData?.value || BigInt(0), externalNativeBalanceData?.decimals || 18) : formatUnits8(externalBalanceData?.value || BigInt(0), externalBalanceData?.decimals || 18);
   return {
     routeTokenBalance: isEmbarkSender ? embarkBalance : externalWalletBalance,
@@ -21012,7 +21522,7 @@ var init_useBridgeBalance = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx
-import { ArrowLeftRightIcon, ArrowRightLeftIcon, LoaderIcon as LoaderIcon11, Wallet2Icon as Wallet2Icon2, XIcon } from "lucide-react";
+import { ArrowLeftRightIcon, ArrowRightLeftIcon, LoaderIcon as LoaderIcon12, Wallet2Icon as Wallet2Icon2, XIcon } from "lucide-react";
 import { Fragment as Fragment36 } from "react";
 import { Fragment as Fragment37, jsx as jsx97, jsxs as jsxs90 } from "react/jsx-runtime";
 function SelectStep(props) {
@@ -21038,90 +21548,41 @@ function SelectStep(props) {
   const SelectedWarpRoteIcon = TOKENS_ICONS[(selectedWarpRoute?.symbol || "null_icon").toUpperCase()] || TOKENS_ICONS.EMBARKAI;
   const isError = useFlowSelectorStore((st) => !!st.error);
   if (isLoadingWarpRoutes) {
-    return /* @__PURE__ */ jsx97("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx97(LoaderIcon11, { className: "w-4 h-4 animate-spin" }) });
+    return /* @__PURE__ */ jsx97("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx97(LoaderIcon12, { className: "w-4 h-4 animate-spin" }) });
   }
   const isBalanceInsufficient = !routeTokenBalance || Number(amount || 0) > Number(routeTokenBalance || 0);
   const isFalsyAmount = !amount || !Number(amount) || Number(amount) <= 0;
   const isQuoteEstimationDisabled = isQuoteEstimating || !hyperlaneWarpRoutes.length || !selectedSender || !originChain || !destinationChain || !hyperRoute || isFalsyAmount || isBalanceInsufficient;
   return /* @__PURE__ */ jsxs90("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)] items-center", children: [
     /* @__PURE__ */ jsxs90("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx97(
-        "div",
-        {
-          className: cn(
-            "flex items-center justify-between gap-[var(--ui-kit-gap)]",
-            "text-[10px] text-[var(--ui-kit-fg-muted)] leading-4"
-          ),
-          children: /* @__PURE__ */ jsx97("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.sender") })
-        }
-      ),
-      /* @__PURE__ */ jsxs90(
-        Button,
-        {
-          disabled: !hyperlaneWarpRoutes.length || isQuoteEstimating,
-          variant: "secondary",
-          className: "w-full justify-between",
-          onClick: () => {
-            useFlowSelectorStore.getState().setError(null);
-            useBridgeStore.getState().setBridgeStep("sender-selector");
-          },
-          children: [
-            /* @__PURE__ */ jsxs90("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-              selectedSender?.Icon && /* @__PURE__ */ jsx97(selectedSender.Icon, { className: "w-6 h-6" }),
-              /* @__PURE__ */ jsx97("span", { children: selectedSender?.name || "N / A" })
-            ] }),
-            selectedSender?.address && /* @__PURE__ */ jsxs90("span", { className: "block text-[10px] font-mono!", children: [
-              selectedSender.address.slice(0, 6),
-              "...",
-              selectedSender.address.slice(-4)
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs90("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)] text-[10px]", children: [
-        /* @__PURE__ */ jsx97("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.selectToken") }),
-        /* @__PURE__ */ jsx97("span", { className: "w-4 h-4" }),
-        /* @__PURE__ */ jsxs90("span", { className: "flex items-center gap-[var(--ui-kit-gap)] leading-4", children: [
-          /* @__PURE__ */ jsxs90("span", { className: "text-[var(--ui-kit-fg-muted)]", children: [
-            t("passport:common.balance"),
-            ": "
-          ] }),
-          isRouteTokenBalanceLoading && /* @__PURE__ */ jsx97(LoaderIcon11, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }),
-          !isRouteTokenBalanceLoading && /* @__PURE__ */ jsxs90("span", { className: cn("font-semibold", { "text-[var(--ui-kit-bg-error)]": isBalanceInsufficient }), children: [
-            formatPrice(Number(routeTokenBalance || 0)),
-            " ",
-            selectedWarpRoute?.symbol
-          ] })
-        ] })
-      ] }),
       /* @__PURE__ */ jsxs90(
-        Button,
+        "div",
         {
-          disabled: !hyperlaneWarpRoutes.length || isQuoteEstimating,
-          variant: "secondary",
-          className: "w-full justify-between",
-          onClick: () => {
-            useFlowSelectorStore.getState().setError(null);
-            useBridgeStore.getState().setBridgeStep("select-token");
-          },
+          ref: (inst) => onboarder.registerElement("bridgemenu-sender-wallet-selector" /* bridgeSenderWalletSelector */, inst),
+          className: "flex flex-col gap-[var(--ui-kit-gap)]",
           children: [
-            selectedWarpRoute ? /* @__PURE__ */ jsxs90("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-              /* @__PURE__ */ jsx97(SelectedWarpRoteIcon, { className: "w-6 h-6" }),
-              /* @__PURE__ */ jsx97("span", { children: selectedWarpRoute.symbol })
-            ] }) : /* @__PURE__ */ jsxs90("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-              /* @__PURE__ */ jsx97(ArrowLeftRightIcon, { className: "w-6 h-6" }),
-              /* @__PURE__ */ jsx97("span", { children: hyperlaneWarpRoutes.length ? t("passport:bridgeMenu.labels.selectToken") : t("passport:bridgeMenu.errors.noWarpRoutes") })
-            ] }),
-            !!selectedWarpRoute?.chainPair && /* @__PURE__ */ jsx97(
-              Badge,
+            /* @__PURE__ */ jsx97("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)] leading-4", children: t("passport:bridgeMenu.labels.selectSender") }),
+            /* @__PURE__ */ jsxs90(
+              Button,
               {
-                variant: "outline",
-                size: "medium",
-                className: "bg-[var(--ui-kit-bg)] flex items-center gap-[var(--ui-kit-gap)]",
-                children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ jsxs90(Fragment36, { children: [
-                  chIdx > 0 && /* @__PURE__ */ jsx97(ArrowLeftRightIcon, { className: "w-4 h-4 " }),
-                  /* @__PURE__ */ jsx97(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
-                ] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
+                disabled: !hyperlaneWarpRoutes.length || isQuoteEstimating,
+                variant: "secondary",
+                className: "w-full justify-between",
+                onClick: () => {
+                  useFlowSelectorStore.getState().setError(null);
+                  useBridgeStore.getState().setBridgeStep("sender-selector");
+                },
+                children: [
+                  /* @__PURE__ */ jsxs90("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+                    selectedSender?.Icon && /* @__PURE__ */ jsx97(selectedSender.Icon, { className: "w-6 h-6" }),
+                    /* @__PURE__ */ jsx97("span", { children: selectedSender?.name || "N / A" })
+                  ] }),
+                  selectedSender?.address && /* @__PURE__ */ jsxs90("span", { className: "block text-[10px] font-mono!", children: [
+                    selectedSender.address.slice(0, 6),
+                    "...",
+                    selectedSender.address.slice(-4)
+                  ] })
+                ]
               }
             )
           ]
@@ -21130,82 +21591,144 @@ function SelectStep(props) {
       /* @__PURE__ */ jsxs90(
         "div",
         {
-          className: cn(
-            "flex items-center justify-between gap-[var(--ui-kit-gap)]",
-            "text-[10px] text-[var(--ui-kit-fg-muted)] leading-4"
-          ),
+          ref: (inst) => onboarder.registerElement("bridgemenu-crypto-menu-asset-selector" /* bridgeCryptoAssetSelector */, inst),
+          className: "flex flex-col gap-[var(--ui-kit-gap)]",
           children: [
-            /* @__PURE__ */ jsx97("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.fromChain") }),
-            /* @__PURE__ */ jsx97("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.toChain") })
-          ]
-        }
+            /* @__PURE__ */ jsxs90("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)] text-[10px] leading-4", children: [
+              /* @__PURE__ */ jsx97("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.selectToken") }),
+              /* @__PURE__ */ jsxs90("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+                /* @__PURE__ */ jsxs90("span", { className: "text-[var(--ui-kit-fg-muted)]", children: [
+                  t("passport:common.balance"),
+                  ": "
+                ] }),
+                isRouteTokenBalanceLoading && /* @__PURE__ */ jsx97(LoaderIcon12, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }),
+                !isRouteTokenBalanceLoading && /* @__PURE__ */ jsxs90("span", { className: cn("font-semibold", { "text-[var(--ui-kit-bg-error)]": isBalanceInsufficient }), children: [
+                  formatPrice(Number(routeTokenBalance || 0)),
+                  " ",
+                  selectedWarpRoute?.symbol
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs90(
+              Button,
+              {
+                disabled: !hyperlaneWarpRoutes.length || isQuoteEstimating,
+                variant: "secondary",
+                className: "w-full justify-between",
+                onClick: () => {
+                  useFlowSelectorStore.getState().setError(null);
+                  useBridgeStore.getState().setBridgeStep("select-token");
+                },
+                children: [
+                  selectedWarpRoute ? /* @__PURE__ */ jsxs90("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+                    /* @__PURE__ */ jsx97(SelectedWarpRoteIcon, { className: "w-6 h-6" }),
+                    /* @__PURE__ */ jsx97("span", { children: selectedWarpRoute.symbol })
+                  ] }) : /* @__PURE__ */ jsxs90("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+                    /* @__PURE__ */ jsx97(ArrowLeftRightIcon, { className: "w-6 h-6" }),
+                    /* @__PURE__ */ jsx97("span", { children: hyperlaneWarpRoutes.length ? t("passport:bridgeMenu.labels.selectToken") : t("passport:bridgeMenu.errors.noWarpRoutes") })
+                  ] }),
+                  !!selectedWarpRoute?.chainPair && /* @__PURE__ */ jsx97(
+                    Badge,
+                    {
+                      variant: "outline",
+                      size: "medium",
+                      className: "bg-[var(--ui-kit-bg)] flex items-center gap-[var(--ui-kit-gap)]",
+                      children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ jsxs90(Fragment36, { children: [
+                        chIdx > 0 && /* @__PURE__ */ jsx97(ArrowLeftRightIcon, { className: "w-4 h-4 " }),
+                        /* @__PURE__ */ jsx97(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
+                      ] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
       ),
-      /* @__PURE__ */ jsxs90("div", { className: "w-full flex items-center justify-center", children: [
-        /* @__PURE__ */ jsx97(Badge, { variant: "outline", size: "large", className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center", children: originChain ? /* @__PURE__ */ jsxs90(Fragment37, { children: [
-          /* @__PURE__ */ jsx97(ResolveChainIcon, { chainName: originChain, className: "w-6 h-6" }),
-          /* @__PURE__ */ jsx97("span", { className: "block max-w-[100px] truncate", children: CHAINS_UI_META[originChain]?.chainLabel })
-        ] }) : /* @__PURE__ */ jsx97("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "N/A" }) }),
-        /* @__PURE__ */ jsx97(
-          Button,
-          {
-            size: "icon",
-            disabled: !hyperlaneWarpRoutes.length || isQuoteEstimating,
-            variant: "ghost",
-            onClick: swapChains,
-            children: /* @__PURE__ */ jsx97(ArrowRightLeftIcon, { className: "w-4 h-4 " })
-          }
-        ),
-        /* @__PURE__ */ jsx97(Badge, { variant: "outline", size: "large", className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center", children: destinationChain ? /* @__PURE__ */ jsxs90(Fragment37, { children: [
-          /* @__PURE__ */ jsx97(ResolveChainIcon, { chainName: destinationChain, className: "w-6 h-6" }),
-          /* @__PURE__ */ jsx97("span", { className: "block max-w-[100px] truncate", children: CHAINS_UI_META[destinationChain]?.chainLabel })
-        ] }) : /* @__PURE__ */ jsx97("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "N/A" }) })
-      ] }),
-      /* @__PURE__ */ jsx97("span", { className: "text-[var(--ui-kit-fg-muted)] leading-4", children: t("passport:common.amount") }),
-      /* @__PURE__ */ jsx97(
-        Input,
+      /* @__PURE__ */ jsxs90(
+        "div",
         {
-          type: "text",
-          disabled: isQuoteEstimating || !originChain || !destinationChain || !hyperRoute,
-          placeholder: t("passport:common.amount"),
-          onChange: (e) => {
-            useFlowSelectorStore.getState().setError(null);
-            let { value } = e.target;
-            const regex = /^(0|[1-9]\d*)(\.\d{0,5})?$/;
-            if (value.length > 1 && value.startsWith("0") && !value.startsWith("0.")) {
-              value = value.slice(1);
-            }
-            if (regex.test(value) || value === "") {
-              if (value === "") {
-                useBridgeStore.getState().setAmount("0");
-              } else {
-                useBridgeStore.getState().setAmount(value);
+          ref: (inst) => onboarder.registerElement("bridgemenu-crypto-menu-chain-pair-swapper" /* bridgeChainPairSwapper */, inst),
+          className: "flex flex-col gap-[var(--ui-kit-gap)]",
+          children: [
+            /* @__PURE__ */ jsxs90(
+              "div",
+              {
+                className: cn(
+                  "flex items-center justify-between gap-[var(--ui-kit-gap)]",
+                  "text-[10px] text-[var(--ui-kit-fg-muted)] leading-4"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx97("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.fromChain") }),
+                  /* @__PURE__ */ jsx97("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.toChain") })
+                ]
               }
-            }
-          },
-          value: amount,
-          element: /* @__PURE__ */ jsx97(
-            Button,
-            {
-              size: "small",
-              variant: "ghost",
-              disabled: isBalanceInsufficient,
-              onClick: () => useBridgeStore.getState().setAmount(Number(routeTokenBalance || 0).toString()),
-              children: String(t("passport:common.max")).toUpperCase()
-            }
-          )
+            ),
+            /* @__PURE__ */ jsxs90("div", { className: "w-full flex items-center justify-center", children: [
+              /* @__PURE__ */ jsx97(Badge, { variant: "outline", size: "large", className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center", children: originChain ? /* @__PURE__ */ jsxs90(Fragment37, { children: [
+                /* @__PURE__ */ jsx97(ResolveChainIcon, { chainName: originChain, className: "w-6 h-6" }),
+                /* @__PURE__ */ jsx97("span", { className: "block max-w-[100px] truncate", children: CHAINS_UI_META[originChain]?.chainLabel })
+              ] }) : /* @__PURE__ */ jsx97("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "N/A" }) }),
+              /* @__PURE__ */ jsx97(
+                Button,
+                {
+                  size: "icon",
+                  disabled: !hyperlaneWarpRoutes.length || isQuoteEstimating,
+                  variant: "ghost",
+                  onClick: swapChains,
+                  children: /* @__PURE__ */ jsx97(ArrowRightLeftIcon, { className: "w-4 h-4 " })
+                }
+              ),
+              /* @__PURE__ */ jsx97(Badge, { variant: "outline", size: "large", className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center", children: destinationChain ? /* @__PURE__ */ jsxs90(Fragment37, { children: [
+                /* @__PURE__ */ jsx97(ResolveChainIcon, { chainName: destinationChain, className: "w-6 h-6" }),
+                /* @__PURE__ */ jsx97("span", { className: "block max-w-[100px] truncate", children: CHAINS_UI_META[destinationChain]?.chainLabel })
+              ] }) : /* @__PURE__ */ jsx97("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "N/A" }) })
+            ] })
+          ]
         }
       ),
       /* @__PURE__ */ jsxs90(
         "div",
         {
-          className: cn(
-            //
-            "w-full flex flex-col",
-            "text-[10px]",
-            "gap-[var(--ui-kit-gap)] pb-[var(--ui-kit-pd)]"
-          ),
+          ref: (inst) => onboarder.registerElement("bridgemenu-crypto-menu-amount-recipient-inputs" /* bridgeAmountRecipientInputs */, inst),
+          className: "flex flex-col gap-[var(--ui-kit-gap)]",
           children: [
-            /* @__PURE__ */ jsx97("span", { className: "text-[var(--ui-kit-fg-muted)] leading-4", children: t("passport:bridgeMenu.labels.optionalRecipient") }),
+            /* @__PURE__ */ jsx97("span", { className: "text-[var(--ui-kit-fg-muted)] text-[10px] leading-4", children: t("passport:common.amount") }),
+            /* @__PURE__ */ jsx97(
+              Input,
+              {
+                type: "text",
+                disabled: isQuoteEstimating || !originChain || !destinationChain || !hyperRoute,
+                placeholder: t("passport:common.amount"),
+                onChange: (e) => {
+                  useFlowSelectorStore.getState().setError(null);
+                  let { value } = e.target;
+                  const regex = /^(0|[1-9]\d*)(\.\d{0,5})?$/;
+                  if (value.length > 1 && value.startsWith("0") && !value.startsWith("0.")) {
+                    value = value.slice(1);
+                  }
+                  if (regex.test(value) || value === "") {
+                    if (value === "") {
+                      useBridgeStore.getState().setAmount("0");
+                    } else {
+                      useBridgeStore.getState().setAmount(value);
+                    }
+                  }
+                },
+                value: amount,
+                element: /* @__PURE__ */ jsx97(
+                  Button,
+                  {
+                    size: "small",
+                    variant: "ghost",
+                    disabled: isBalanceInsufficient,
+                    onClick: () => useBridgeStore.getState().setAmount(Number(routeTokenBalance || 0).toString()),
+                    children: String(t("passport:common.max")).toUpperCase()
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx97("span", { className: "text-[var(--ui-kit-fg-muted)] text-[10px] leading-4", children: t("passport:bridgeMenu.labels.optionalRecipient") }),
             /* @__PURE__ */ jsx97(
               Input,
               {
@@ -21240,13 +21763,14 @@ function SelectStep(props) {
     !isError && /* @__PURE__ */ jsxs90(
       Button,
       {
+        ref: (inst) => onboarder.registerElement("bridgemenu-crypto-menu-estimate-quote-button" /* bridgeEstimateQuoteButton */, inst),
         size: "large",
         variant: "default",
         className: "w-full",
         onClick: () => handleQuoteEstimation(amount),
         disabled: isQuoteEstimationDisabled,
         children: [
-          isQuoteEstimating && /* @__PURE__ */ jsx97(LoaderIcon11, { className: "h-4 w-4 animate-spin" }),
+          isQuoteEstimating && /* @__PURE__ */ jsx97(LoaderIcon12, { className: "h-4 w-4 animate-spin" }),
           /* @__PURE__ */ jsx97("span", { children: isBalanceInsufficient ? t("passport:bridgeMenu.statuses.balanceInsufficient").toUpperCase() : t("passport:bridgeMenu.actions.estimateQuote").toUpperCase() })
         ]
       }
@@ -21259,6 +21783,7 @@ var init_SelectStep = __esm({
     init_i18n();
     init_priceFormatter();
     init_utils2();
+    init_Onboarding();
     init_badge();
     init_button();
     init_input();
@@ -21301,12 +21826,12 @@ var init_checkbox = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx
-import { LoaderIcon as LoaderIcon12 } from "lucide-react";
-import { useState as useState22 } from "react";
+import { LoaderIcon as LoaderIcon13 } from "lucide-react";
+import { useState as useState23 } from "react";
 import { jsx as jsx99, jsxs as jsxs91 } from "react/jsx-runtime";
 function ConfirmStep(props) {
   const { isAssetBridging, bridgeAsset, hyperlaneWarpRoutes } = props;
-  const [userConsent, setUserConsent] = useState22(false);
+  const [userConsent, setUserConsent] = useState23(false);
   const { t } = useT();
   const address = useSession((st) => st.address);
   const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
@@ -21323,97 +21848,104 @@ function ConfirmStep(props) {
     return routeId === hyperRoute && chainPairNames.includes(originChain) && chainPairNames.includes(destinationChain);
   });
   const isConfirmationDisabled = !quote || isAssetBridging || !userConsent;
-  return /* @__PURE__ */ jsxs91("div", { className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
-    /* @__PURE__ */ jsxs91(Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
-      /* @__PURE__ */ jsxs91("p", { className: P_CN, children: [
-        /* @__PURE__ */ jsx99("span", { children: t("passport:common.asset") }),
-        /* @__PURE__ */ jsx99("strong", { children: selectedWarpRoute.symbol })
-      ] }),
-      /* @__PURE__ */ jsxs91("p", { className: P_CN, children: [
-        /* @__PURE__ */ jsx99("span", { children: t("passport:bridgeMenu.quote.sender") }),
-        /* @__PURE__ */ jsx99("strong", { children: bridgeSender.name + " (" + (bridgeSender?.address || "").slice(0, 6) + "..." + (bridgeSender?.address || "").slice(-4) + ")" })
-      ] }),
-      /* @__PURE__ */ jsxs91("p", { className: P_CN, children: [
-        /* @__PURE__ */ jsx99("span", { children: t("passport:bridgeMenu.labels.fromChain") }),
-        /* @__PURE__ */ jsx99("strong", { children: CHAINS_UI_META[originChain].chainLabel })
-      ] }),
-      /* @__PURE__ */ jsxs91("p", { className: P_CN, children: [
-        /* @__PURE__ */ jsx99("span", { children: t("passport:bridgeMenu.labels.toChain") }),
-        /* @__PURE__ */ jsx99("strong", { children: CHAINS_UI_META[destinationChain].chainLabel })
-      ] }),
-      /* @__PURE__ */ jsxs91("p", { className: P_CN, children: [
-        /* @__PURE__ */ jsx99("span", { children: t("passport:bridgeMenu.quote.amount") }),
-        /* @__PURE__ */ jsx99("strong", { children: formatPrice(Number(quote.amount)) })
-      ] }),
-      /* @__PURE__ */ jsxs91("p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
-        /* @__PURE__ */ jsx99("span", { children: t("passport:bridgeMenu.quote.igpFee") }),
-        /* @__PURE__ */ jsxs91("strong", { children: [
-          /* @__PURE__ */ jsx99("span", { children: formatPrice(Number(quote.igpFee)) }),
-          /* @__PURE__ */ jsxs91("span", { children: [
-            " ",
-            quote.igpSymbol
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs91("p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
-        /* @__PURE__ */ jsx99("span", { children: t("passport:bridgeMenu.quote.localFee") }),
-        /* @__PURE__ */ jsxs91("strong", { children: [
-          /* @__PURE__ */ jsx99("span", { children: formatPrice(Number(quote.localFee)) }),
-          /* @__PURE__ */ jsxs91("span", { children: [
-            " ",
-            quote.localSymbol
+  return /* @__PURE__ */ jsxs91(
+    "div",
+    {
+      ref: (inst) => onboarder.registerElement("bridgemenu-crypto-menu-estimate-details-menu" /* bridgeEstimatedQuoteMenu */, inst),
+      className: "flex flex-col gap-[var(--ui-kit-gap)] w-full",
+      children: [
+        /* @__PURE__ */ jsxs91(Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
+          /* @__PURE__ */ jsxs91("p", { className: P_CN, children: [
+            /* @__PURE__ */ jsx99("span", { children: t("passport:common.asset") }),
+            /* @__PURE__ */ jsx99("strong", { children: selectedWarpRoute.symbol })
+          ] }),
+          /* @__PURE__ */ jsxs91("p", { className: P_CN, children: [
+            /* @__PURE__ */ jsx99("span", { children: t("passport:bridgeMenu.quote.sender") }),
+            /* @__PURE__ */ jsx99("strong", { children: bridgeSender.name + " (" + (bridgeSender?.address || "").slice(0, 6) + "..." + (bridgeSender?.address || "").slice(-4) + ")" })
+          ] }),
+          /* @__PURE__ */ jsxs91("p", { className: P_CN, children: [
+            /* @__PURE__ */ jsx99("span", { children: t("passport:bridgeMenu.labels.fromChain") }),
+            /* @__PURE__ */ jsx99("strong", { children: CHAINS_UI_META[originChain].chainLabel })
+          ] }),
+          /* @__PURE__ */ jsxs91("p", { className: P_CN, children: [
+            /* @__PURE__ */ jsx99("span", { children: t("passport:bridgeMenu.labels.toChain") }),
+            /* @__PURE__ */ jsx99("strong", { children: CHAINS_UI_META[destinationChain].chainLabel })
+          ] }),
+          /* @__PURE__ */ jsxs91("p", { className: P_CN, children: [
+            /* @__PURE__ */ jsx99("span", { children: t("passport:bridgeMenu.quote.amount") }),
+            /* @__PURE__ */ jsx99("strong", { children: formatPrice(Number(quote.amount)) })
+          ] }),
+          /* @__PURE__ */ jsxs91("p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
+            /* @__PURE__ */ jsx99("span", { children: t("passport:bridgeMenu.quote.igpFee") }),
+            /* @__PURE__ */ jsxs91("strong", { children: [
+              /* @__PURE__ */ jsx99("span", { children: formatPrice(Number(quote.igpFee)) }),
+              /* @__PURE__ */ jsxs91("span", { children: [
+                " ",
+                quote.igpSymbol
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs91("p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
+            /* @__PURE__ */ jsx99("span", { children: t("passport:bridgeMenu.quote.localFee") }),
+            /* @__PURE__ */ jsxs91("strong", { children: [
+              /* @__PURE__ */ jsx99("span", { children: formatPrice(Number(quote.localFee)) }),
+              /* @__PURE__ */ jsxs91("span", { children: [
+                " ",
+                quote.localSymbol
+              ] })
+            ] })
+          ] }),
+          quote.tokenFee && /* @__PURE__ */ jsxs91("p", { className: P_CN, children: [
+            /* @__PURE__ */ jsx99("span", { children: t("passport:bridgeMenu.quote.tokenFee") }),
+            /* @__PURE__ */ jsx99("strong", { children: formatPrice(Number(quote.tokenFee)) })
           ] })
-        ] })
-      ] }),
-      quote.tokenFee && /* @__PURE__ */ jsxs91("p", { className: P_CN, children: [
-        /* @__PURE__ */ jsx99("span", { children: t("passport:bridgeMenu.quote.tokenFee") }),
-        /* @__PURE__ */ jsx99("strong", { children: formatPrice(Number(quote.tokenFee)) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs91(Highlight, { type: "warning", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
-      /* @__PURE__ */ jsx99("strong", { className: "text-xs", children: t("passport:bridgeMenu.quote.recipient") }),
-      /* @__PURE__ */ jsx99(
-        "span",
-        {
-          className: cn(
-            "w-full flex items-center justify-center h-8",
-            "px-[var(--ui-kit-pd)]",
-            "bg-[var(--ui-kit-bg)] text-[var(--ui-kit-fg)]",
-            "rounded-[var(--ui-kit-el-bdrs)]"
+        ] }),
+        /* @__PURE__ */ jsxs91(Highlight, { type: "warning", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
+          /* @__PURE__ */ jsx99("strong", { className: "text-xs", children: t("passport:bridgeMenu.quote.recipient") }),
+          /* @__PURE__ */ jsx99(
+            "span",
+            {
+              className: cn(
+                "w-full flex items-center justify-center h-8",
+                "px-[var(--ui-kit-pd)]",
+                "bg-[var(--ui-kit-bg)] text-[var(--ui-kit-fg)]",
+                "rounded-[var(--ui-kit-el-bdrs)]"
+              ),
+              children: (recipient || address).slice(0, 10) + "..." + (recipient || address).slice(-8)
+            }
           ),
-          children: (recipient || address).slice(0, 10) + "..." + (recipient || address).slice(-8)
-        }
-      ),
-      /* @__PURE__ */ jsx99("strong", { className: "text-xs", children: t("passport:bridgeMenu.consent.recipient", {
-        address: (recipient || address).slice(0, 6) + "..." + (recipient || address).slice(-4),
-        destinationChain: CHAINS_UI_META[destinationChain].chainLabel,
-        asset: selectedWarpRoute.symbol
-      }) }),
-      /* @__PURE__ */ jsx99("strong", { className: "text-xs text-[var(--ui-kit-bg-error)]", children: t("passport:bridgeMenu.consent.lostFunds") }),
-      /* @__PURE__ */ jsxs91("label", { className: "flex items-center gap-[var(--ui-kit-gap)] text-xs cursor-pointer", children: [
-        /* @__PURE__ */ jsx99(Checkbox, { checked: userConsent, onCheckedChange: () => setUserConsent((prev) => !prev) }),
-        /* @__PURE__ */ jsx99("strong", { children: t("passport:bridgeMenu.actions.confirmBridge", {
-          amount: quote.amount,
-          asset: selectedWarpRoute.symbol,
-          destinationChain: CHAINS_UI_META[destinationChain].chainLabel
-        }) })
-      ] })
-    ] }),
-    !isError && /* @__PURE__ */ jsxs91(
-      Button,
-      {
-        size: "large",
-        variant: "default",
-        disabled: isConfirmationDisabled,
-        onClick: () => bridgeAsset(),
-        className: "w-full",
-        children: [
-          isAssetBridging && /* @__PURE__ */ jsx99(LoaderIcon12, { className: "h-4 w-4 animate-spin" }),
-          /* @__PURE__ */ jsx99("span", { children: (bridgeTxStatus || t("passport:common.continue")).toUpperCase() })
-        ]
-      }
-    )
-  ] });
+          /* @__PURE__ */ jsx99("strong", { className: "text-xs", children: t("passport:bridgeMenu.consent.recipient", {
+            address: (recipient || address).slice(0, 6) + "..." + (recipient || address).slice(-4),
+            destinationChain: CHAINS_UI_META[destinationChain].chainLabel,
+            asset: selectedWarpRoute.symbol
+          }) }),
+          /* @__PURE__ */ jsx99("strong", { className: "text-xs text-[var(--ui-kit-bg-error)]", children: t("passport:bridgeMenu.consent.lostFunds") }),
+          /* @__PURE__ */ jsxs91("label", { className: "flex items-center gap-[var(--ui-kit-gap)] text-xs cursor-pointer", children: [
+            /* @__PURE__ */ jsx99(Checkbox, { checked: userConsent, onCheckedChange: () => setUserConsent((prev) => !prev) }),
+            /* @__PURE__ */ jsx99("strong", { children: t("passport:bridgeMenu.actions.confirmBridge", {
+              amount: quote.amount,
+              asset: selectedWarpRoute.symbol,
+              destinationChain: CHAINS_UI_META[destinationChain].chainLabel
+            }) })
+          ] })
+        ] }),
+        !isError && /* @__PURE__ */ jsxs91(
+          Button,
+          {
+            size: "large",
+            variant: "default",
+            disabled: isConfirmationDisabled,
+            onClick: () => bridgeAsset(),
+            className: "w-full",
+            children: [
+              isAssetBridging && /* @__PURE__ */ jsx99(LoaderIcon13, { className: "h-4 w-4 animate-spin" }),
+              /* @__PURE__ */ jsx99("span", { children: (bridgeTxStatus || t("passport:common.continue")).toUpperCase() })
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 var P_CN;
 var init_ConfirmStep = __esm({
@@ -21422,6 +21954,7 @@ var init_ConfirmStep = __esm({
     init_i18n();
     init_priceFormatter();
     init_utils2();
+    init_Onboarding();
     init_button();
     init_checkbox();
     init_highlight();
@@ -21525,7 +22058,7 @@ var init_SuccessStep = __esm({
 // src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx
 import { useQueryClient as useQueryClient24 } from "@tanstack/react-query";
 import dayjs7 from "dayjs";
-import { ArrowRightIcon, DownloadIcon as DownloadIcon2, ExternalLinkIcon as ExternalLinkIcon3, InfoIcon as InfoIcon6, LoaderIcon as LoaderIcon13 } from "lucide-react";
+import { ArrowRightIcon, DownloadIcon as DownloadIcon2, ExternalLinkIcon as ExternalLinkIcon3, InfoIcon as InfoIcon5, LoaderIcon as LoaderIcon14 } from "lucide-react";
 import { jsx as jsx101, jsxs as jsxs93 } from "react/jsx-runtime";
 function HistoryDetailsStep() {
   const { t } = useT();
@@ -21732,7 +22265,7 @@ function HistoryItem(props) {
               setBridgeStep("tx-history-details");
             },
             children: [
-              /* @__PURE__ */ jsx101(InfoIcon6, { className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx101(InfoIcon5, { className: "w-4 h-4" }),
               /* @__PURE__ */ jsx101("span", { className: "text-xs leading-5", children: t("passport:common.details") })
             ]
           }
@@ -21751,7 +22284,7 @@ function HistoryStep() {
     return /* @__PURE__ */ jsx101(Highlight, { type: "info", className: "w-full text-center text-[10px] text-[var(--ui-kit-fg-muted)] leading-4", children: t("passport:bridgeMenu.errors.noHistory") });
   }
   return /* @__PURE__ */ jsxs93("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
-    isLoading && /* @__PURE__ */ jsx101("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx101(LoaderIcon13, { className: "w-4 h-4 animate-spin" }) }),
+    isLoading && /* @__PURE__ */ jsx101("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx101(LoaderIcon14, { className: "w-4 h-4 animate-spin" }) }),
     !isLoading && txList.map((item) => /* @__PURE__ */ jsx101(HistoryItem, { ...item }, item.id)),
     hasNextPage && /* @__PURE__ */ jsxs93(
       Button,
@@ -21762,7 +22295,7 @@ function HistoryStep() {
         className: "w-full",
         onClick: () => fetchNextPage(),
         children: [
-          isTxDataFetching ? /* @__PURE__ */ jsx101(LoaderIcon13, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx101(DownloadIcon2, { className: "w-4 h-4" }),
+          isTxDataFetching ? /* @__PURE__ */ jsx101(LoaderIcon14, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx101(DownloadIcon2, { className: "w-4 h-4" }),
           t("passport:common.loadMore")
         ]
       }
@@ -21791,12 +22324,11 @@ var init_HistoryStep = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx
 import { ArrowLeftRightIcon as ArrowLeftRightIcon2 } from "lucide-react";
-import { useMemo as useMemo13, useState as useState23 } from "react";
-import { Fragment as Fragment38, jsx as jsx102, jsxs as jsxs94 } from "react/jsx-runtime";
+import { useMemo as useMemo13 } from "react";
+import { jsx as jsx102, jsxs as jsxs94 } from "react/jsx-runtime";
 function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
-  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = useState23(false);
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
   const tokenList = useMemo13(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
@@ -21806,47 +22338,30 @@ function SelectAssetRoute(props) {
       Icon: TOKENS_ICONS[symbol.toUpperCase()] || TOKENS_ICONS.EMBARKAI
     }));
   }, [hyperlaneWarpRoutes]);
-  if (isTokenSymbolSelector) {
-    return /* @__PURE__ */ jsx102("div", { className: "w-full grid grid-cols-1 gap-[var(--ui-kit-gap)]", children: tokenList.map((asset, assetIdx) => /* @__PURE__ */ jsxs94(
-      Button,
-      {
-        variant: selectedAssetSymbol === asset.symbol ? "default" : "outline",
-        className: "w-full justify-start",
-        onClick: () => {
-          useBridgeStore.getState().setBridgeAssetSymbol(asset.symbol);
-          setIsTokenSymbolSelector(false);
-          useFlowSelectorStore.getState().setRenderKey(`hyperlane-route-token-${asset.symbol}-${Date.now()}`);
-        },
-        children: [
-          /* @__PURE__ */ jsx102(asset.Icon, { className: "w-6 h-6" }),
-          asset.symbol
-        ]
-      },
-      `hyperlane-route-token-${asset.symbol}-${assetIdx}`
-    )) });
-  }
-  const selectedAsset = tokenList.find((t2) => t2.symbol === selectedAssetSymbol);
   const availableChainPairs = hyperlaneWarpRoutes.filter((route) => route.symbol.toUpperCase() === selectedAssetSymbol).map((route) => route.chainPair);
   return /* @__PURE__ */ jsxs94("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
-    /* @__PURE__ */ jsx102("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.selectToken") }),
-    /* @__PURE__ */ jsx102(
-      Button,
-      {
-        variant: "secondary",
-        className: "w-full",
-        onClick: () => {
-          setIsTokenSymbolSelector(true);
-          useFlowSelectorStore.getState().setRenderKey(`hyperlane-route-asset-selector-${Date.now()}`);
+    /* @__PURE__ */ jsxs94("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ jsx102("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.selectToken") }),
+      /* @__PURE__ */ jsx102("div", { className: "w-full grid grid-cols-2 gap-[var(--ui-kit-gap)]", children: tokenList.map((asset, assetIdx) => /* @__PURE__ */ jsxs94(
+        Button,
+        {
+          variant: selectedAssetSymbol === asset.symbol ? "default" : "outline",
+          className: "w-full justify-start",
+          onClick: () => {
+            useBridgeStore.getState().setBridgeAssetSymbol(asset.symbol);
+            useFlowSelectorStore.getState().setRenderKey(`hyperlane-route-token-${asset.symbol}-${Date.now()}`);
+          },
+          children: [
+            /* @__PURE__ */ jsx102(asset.Icon, { className: "w-6 h-6" }),
+            asset.symbol
+          ]
         },
-        children: selectedAsset ? /* @__PURE__ */ jsxs94(Fragment38, { children: [
-          /* @__PURE__ */ jsx102(selectedAsset.Icon, { className: "w-6 h-6" }),
-          selectedAsset.symbol
-        ] }) : t("passport:bridgeMenu.actions.selectAsset")
-      }
-    ),
-    availableChainPairs.length > 0 && /* @__PURE__ */ jsxs94(Fragment38, { children: [
+        `hyperlane-route-token-${asset.symbol}-${assetIdx}`
+      )) })
+    ] }),
+    availableChainPairs.length > 0 && /* @__PURE__ */ jsxs94("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ jsx102("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.availableChainPairs") }),
-      /* @__PURE__ */ jsx102("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: availableChainPairs.map(([fromChain, toChain]) => /* @__PURE__ */ jsxs94(
+      availableChainPairs.map(([fromChain, toChain]) => /* @__PURE__ */ jsxs94(
         Button,
         {
           variant: "secondary",
@@ -21891,7 +22406,7 @@ function SelectAssetRoute(props) {
           ]
         },
         `hyperlane-route-chain-pair-${fromChain.chainName}-${toChain.chainName}`
-      )) })
+      ))
     ] })
   ] });
 }
@@ -21920,7 +22435,7 @@ var init_steps = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx
 import { useEffect as useEffect43 } from "react";
-import { Fragment as Fragment39, jsx as jsx103, jsxs as jsxs95 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs95 } from "react/jsx-runtime";
 function HyperlaneBridge() {
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const { swapDirection, handleQuoteEstimation, bridgeAsset, isAssetBridging } = useBridge();
@@ -21932,7 +22447,7 @@ function HyperlaneBridge() {
       useBridgeStore.getState().resetSelections();
     };
   }, []);
-  return /* @__PURE__ */ jsxs95(Fragment39, { children: [
+  return /* @__PURE__ */ jsxs95("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
     bridgeStep === "sender-selector" && /* @__PURE__ */ jsx103(SenderSelector, { directWalletProfile }),
     bridgeStep === "select" && /* @__PURE__ */ jsx103(
       SelectStep,
@@ -21973,14 +22488,14 @@ var init_HyperlaneBridge = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx
-import { useRef as useRef18 } from "react";
+import { useRef as useRef19 } from "react";
 import { jsx as jsx104 } from "react/jsx-runtime";
 function BridgeHistorySwitch(props) {
   const { disabled } = props;
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
   const isUiLocked = useFlowSelectorStore((st) => st.isUiLocked);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const lastBridgeStepRef = useRef18(null);
+  const lastBridgeStepRef = useRef19(null);
   if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
     return null;
   }
@@ -22452,48 +22967,9 @@ var init_NftDisplayCard = __esm({
   }
 });
 
-// src/internal/components/SendMenu/send/useSendStore.ts
-import { create as create15 } from "zustand";
-var useSendStore;
-var init_useSendStore = __esm({
-  "src/internal/components/SendMenu/send/useSendStore.ts"() {
-    init_useFlowSelector();
-    useSendStore = create15((set) => ({
-      recipient: "",
-      //
-      amount: "",
-      selectedAsset: null,
-      //
-      txStep: "input",
-      //
-      // sendError: null,
-      //
-      setRecipient: (recipient) => {
-        useFlowSelectorStore.getState().setError(null);
-        set({ recipient });
-      },
-      //
-      setAmount: (amount) => {
-        useFlowSelectorStore.getState().setError(null);
-        set({ amount });
-      },
-      setSelectedAsset: (selectedAsset) => {
-        useFlowSelectorStore.getState().setError(null);
-        set({ selectedAsset });
-      },
-      //
-      setTxStep: (txStep) => {
-        useFlowSelectorStore.getState().setError(null);
-        useFlowSelectorStore.getState().setRenderKey(`send-${txStep}-${Date.now()}`);
-        set({ txStep });
-      }
-    }));
-  }
-});
-
 // src/internal/components/SendMenu/send/components/AssetList.tsx
 import { formatUnits as formatUnits10 } from "viem";
-import { Fragment as Fragment40, jsx as jsx107, jsxs as jsxs98 } from "react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx107, jsxs as jsxs98 } from "react/jsx-runtime";
 function getAssetBalance3(asset) {
   if (isNftAsset3(asset)) return "1";
   const balance = Number(formatUnits10(BigInt(asset?.balance || "0"), asset?.decimals || 18));
@@ -22530,13 +23006,13 @@ function AssetListItem(props) {
             " \xB7 ",
             truncateMiddle(asset.address, 6, 4)
           ] }),
-          /* @__PURE__ */ jsx107("span", { className: "block text-lg font-bold", children: isNft ? /* @__PURE__ */ jsxs98(Fragment40, { children: [
+          /* @__PURE__ */ jsx107("span", { className: "block text-lg font-bold", children: isNft ? /* @__PURE__ */ jsxs98(Fragment38, { children: [
             asset.symbol,
             asset.tokenId && /* @__PURE__ */ jsxs98("span", { className: "ml-1", children: [
               "#",
               asset.tokenId.length > 6 ? `${asset.tokenId.slice(0, 4)}...` : asset.tokenId
             ] })
-          ] }) : /* @__PURE__ */ jsxs98(Fragment40, { children: [
+          ] }) : /* @__PURE__ */ jsxs98(Fragment38, { children: [
             BALANCE_PREFIXES[asset.symbol] || null,
             /* @__PURE__ */ jsx107("span", { children: getAssetBalance3(asset) }),
             " ",
@@ -22561,20 +23037,20 @@ function AssetList(props) {
   const tokenAssets = transferableAssets.filter((a) => a.type === "erc20");
   const securityAssets = transferableAssets.filter((a) => a.type === "erc3643");
   const nftAssets = transferableAssets.filter((a) => a.type === "erc721" || a.type === "erc1155");
-  return /* @__PURE__ */ jsxs98(Fragment40, { children: [
-    nativeAssets.length > 0 && /* @__PURE__ */ jsxs98(Fragment40, { children: [
+  return /* @__PURE__ */ jsxs98(Fragment38, { children: [
+    nativeAssets.length > 0 && /* @__PURE__ */ jsxs98(Fragment38, { children: [
       /* @__PURE__ */ jsx107("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] uppercase", children: "Crypto" }),
       nativeAssets.map((asset) => /* @__PURE__ */ jsx107(AssetListItem, { asset }, `native-${asset.symbol}`))
     ] }),
-    tokenAssets.length > 0 && /* @__PURE__ */ jsxs98(Fragment40, { children: [
+    tokenAssets.length > 0 && /* @__PURE__ */ jsxs98(Fragment38, { children: [
       /* @__PURE__ */ jsx107("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] uppercase", children: "Tokens" }),
       tokenAssets.map((asset) => /* @__PURE__ */ jsx107(AssetListItem, { asset }, `token-${asset.address}`))
     ] }),
-    securityAssets.length > 0 && /* @__PURE__ */ jsxs98(Fragment40, { children: [
+    securityAssets.length > 0 && /* @__PURE__ */ jsxs98(Fragment38, { children: [
       /* @__PURE__ */ jsx107("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] uppercase", children: "Security Tokens" }),
       securityAssets.map((asset) => /* @__PURE__ */ jsx107(AssetListItem, { asset }, `security-${asset.address}`))
     ] }),
-    nftAssets.length > 0 && /* @__PURE__ */ jsxs98(Fragment40, { children: [
+    nftAssets.length > 0 && /* @__PURE__ */ jsxs98(Fragment38, { children: [
       /* @__PURE__ */ jsx107("div", { className: "text-[10px] text-[var(--ui-kit-fg-muted)] uppercase", children: "NFTs" }),
       nftAssets.map((asset) => /* @__PURE__ */ jsx107(AssetListItem, { asset }, `nft-${asset.address}-${asset.tokenId}`))
     ] }),
@@ -22775,7 +23251,7 @@ var init_useTokenBalance = __esm({
 // src/internal/components/SendMenu/send/sendSteps/InputSendStep.tsx
 import { AlertCircle as AlertCircle4, AtSign as AtSign2, CheckCircle2 as CheckCircle25, Loader as Loader20, Wallet2 as Wallet24 } from "lucide-react";
 import { formatUnits as formatUnits12, isAddress as isAddress2 } from "viem";
-import { Fragment as Fragment41, jsx as jsx109, jsxs as jsxs100 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx109, jsxs as jsxs100 } from "react/jsx-runtime";
 function InputSendStep(props) {
   const { erc3643Compliance, isNicknameInput, resolvedNicknameData, isAssetsLoading } = props;
   const address = useSession((st) => st.address);
@@ -22874,7 +23350,7 @@ function InputSendStep(props) {
     setError(null);
     return true;
   };
-  return /* @__PURE__ */ jsxs100(Fragment41, { children: [
+  return /* @__PURE__ */ jsxs100("div", { className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
     /* @__PURE__ */ jsx109("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:sendMenu.selectAsset") }),
     /* @__PURE__ */ jsxs100(
       Button,
@@ -22938,13 +23414,13 @@ function InputSendStep(props) {
       {
         type: isComplianceLoading ? "info" : erc3643CanTransfer ? "success" : "error",
         className: "flex gap-[var(--ui-kit-gap)]",
-        children: isComplianceLoading ? /* @__PURE__ */ jsxs100(Fragment41, { children: [
+        children: isComplianceLoading ? /* @__PURE__ */ jsxs100(Fragment39, { children: [
           /* @__PURE__ */ jsx109(Loader20, { className: "h-4 w-4 animate-spin" }),
           /* @__PURE__ */ jsx109("span", { children: "Checking compliance..." })
-        ] }) : erc3643CanTransfer ? /* @__PURE__ */ jsxs100(Fragment41, { children: [
+        ] }) : erc3643CanTransfer ? /* @__PURE__ */ jsxs100(Fragment39, { children: [
           /* @__PURE__ */ jsx109(CheckCircle25, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx109("span", { children: "Transfer compliant" })
-        ] }) : /* @__PURE__ */ jsxs100(Fragment41, { children: [
+        ] }) : /* @__PURE__ */ jsxs100(Fragment39, { children: [
           /* @__PURE__ */ jsx109(AlertCircle4, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx109("span", { children: complianceError || "Transfer not allowed" })
         ] })
@@ -22984,7 +23460,7 @@ var init_InputSendStep = __esm({
 // src/internal/components/SendMenu/send/sendSteps/ConfirmSendStep.tsx
 import { useMutation as useMutation21 } from "@tanstack/react-query";
 import { AlertTriangle as AlertTriangle5, AtSign as AtSign3, Loader as Loader21, Shield as Shield2, ShieldAlert as ShieldAlert2, ShieldCheck as ShieldCheck3 } from "lucide-react";
-import { Fragment as Fragment42, jsx as jsx110, jsxs as jsxs101 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx110, jsxs as jsxs101 } from "react/jsx-runtime";
 function ConfirmSendStep(props) {
   const { sendTransaction, erc3643Compliance, isNicknameInput, resolvedNicknameData } = props;
   const { t } = useT();
@@ -23021,134 +23497,141 @@ function ConfirmSendStep(props) {
       useFlowSelectorStore.getState().setError(error?.message || "Transaction failed");
     }
   });
-  return /* @__PURE__ */ jsxs101(Fragment42, { children: [
-    isNicknameInput && isFrozen && /* @__PURE__ */ jsxs101(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx110(AlertTriangle5, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx110("span", { children: "This handle is frozen. Proceed with caution." })
-    ] }),
-    isSecurity && erc3643CanTransfer && /* @__PURE__ */ jsxs101(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx110(Shield2, { className: "h-4 w-4 flex-shrink-0" }),
-      /* @__PURE__ */ jsx110("span", { children: "Security token compliance verified" })
-    ] }),
-    !isNft && /* @__PURE__ */ jsxs101("div", { className: "flex justify-between leading-5", children: [
-      /* @__PURE__ */ jsxs101("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: [
-        selectedAsset.symbol,
-        " Balance"
-      ] }),
-      /* @__PURE__ */ jsxs101("span", { className: "text-sm font-bold", children: [
-        formatPrice(balance),
-        " ",
-        selectedAsset.symbol
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx110(Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)]", children: isNicknameInput && nicknameData ? /* @__PURE__ */ jsxs101(Fragment42, { children: [
-      /* @__PURE__ */ jsxs101("div", { className: "flex items-start gap-[var(--ui-kit-gap)]", children: [
-        nicknameData.avatarSvg ? /* @__PURE__ */ jsx110(
-          "img",
-          {
-            src: nicknameData.avatarSvg,
-            alt: nicknameData.handle,
-            className: "w-12 h-12 rounded-full object-cover flex-shrink-0"
-          }
-        ) : /* @__PURE__ */ jsx110("div", { className: "w-12 h-12 rounded-full bg-[var(--ui-kit-secondary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx110(AtSign3, { className: "w-6 h-6" }) }),
-        /* @__PURE__ */ jsxs101("div", { className: "flex flex-1 flex-col gap-1", children: [
-          /* @__PURE__ */ jsx110("span", { className: "font-medium text-[14px] leading-4 truncate", children: nicknameData.handle }),
-          nicknameData.fingerprint && /* @__PURE__ */ jsxs101(
-            "span",
-            {
-              className: cn(
-                "flex items-center gap-[var(--ui-kit-gap)] text-[10px]",
-                isFingerprintVerified ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-error)]"
+  return /* @__PURE__ */ jsxs101(
+    "div",
+    {
+      ref: (inst) => onboarder.registerElement("sendmenu-crypto-summary" /* sendCryptoSummary */, inst),
+      className: "flex flex-col gap-[var(--ui-kit-gap)]",
+      children: [
+        isNicknameInput && isFrozen && /* @__PURE__ */ jsxs101(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
+          /* @__PURE__ */ jsx110(AlertTriangle5, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx110("span", { children: "This handle is frozen. Proceed with caution." })
+        ] }),
+        isSecurity && erc3643CanTransfer && /* @__PURE__ */ jsxs101(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
+          /* @__PURE__ */ jsx110(Shield2, { className: "h-4 w-4 flex-shrink-0" }),
+          /* @__PURE__ */ jsx110("span", { children: "Security token compliance verified" })
+        ] }),
+        !isNft && /* @__PURE__ */ jsxs101("div", { className: "flex justify-between leading-5", children: [
+          /* @__PURE__ */ jsxs101("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: [
+            selectedAsset.symbol,
+            " Balance"
+          ] }),
+          /* @__PURE__ */ jsxs101("span", { className: "text-sm font-bold", children: [
+            formatPrice(balance),
+            " ",
+            selectedAsset.symbol
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx110(Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)]", children: isNicknameInput && nicknameData ? /* @__PURE__ */ jsxs101(Fragment40, { children: [
+          /* @__PURE__ */ jsxs101("div", { className: "flex items-start gap-[var(--ui-kit-gap)]", children: [
+            nicknameData.avatarSvg ? /* @__PURE__ */ jsx110(
+              "img",
+              {
+                src: nicknameData.avatarSvg,
+                alt: nicknameData.handle,
+                className: "w-12 h-12 rounded-full object-cover flex-shrink-0"
+              }
+            ) : /* @__PURE__ */ jsx110("div", { className: "w-12 h-12 rounded-full bg-[var(--ui-kit-secondary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx110(AtSign3, { className: "w-6 h-6" }) }),
+            /* @__PURE__ */ jsxs101("div", { className: "flex flex-1 flex-col gap-1", children: [
+              /* @__PURE__ */ jsx110("span", { className: "font-medium text-[14px] leading-4 truncate", children: nicknameData.handle }),
+              nicknameData.fingerprint && /* @__PURE__ */ jsxs101(
+                "span",
+                {
+                  className: cn(
+                    "flex items-center gap-[var(--ui-kit-gap)] text-[10px]",
+                    isFingerprintVerified ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-error)]"
+                  ),
+                  children: [
+                    isFingerprintVerified ? /* @__PURE__ */ jsx110(ShieldCheck3, { className: "w-4 h-4 flex-shrink-0" }) : /* @__PURE__ */ jsx110(ShieldAlert2, { className: "w-4 h-4 flex-shrink-0" }),
+                    /* @__PURE__ */ jsxs101("span", { children: [
+                      "Fingerprint: ",
+                      nicknameData.fingerprint
+                    ] }),
+                    /* @__PURE__ */ jsx110("span", { children: isFingerprintVerified ? "Verified" : "FAILED" })
+                  ]
+                }
               ),
-              children: [
-                isFingerprintVerified ? /* @__PURE__ */ jsx110(ShieldCheck3, { className: "w-4 h-4 flex-shrink-0" }) : /* @__PURE__ */ jsx110(ShieldAlert2, { className: "w-4 h-4 flex-shrink-0" }),
-                /* @__PURE__ */ jsxs101("span", { children: [
-                  "Fingerprint: ",
-                  nicknameData.fingerprint
-                ] }),
-                /* @__PURE__ */ jsx110("span", { children: isFingerprintVerified ? "Verified" : "FAILED" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx110("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: `${resolvedAddress.slice(0, 6)}...${resolvedAddress.slice(-4)} : ` })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs101("div", { className: "border-t border-[var(--ui-kit-bd)] py-[var(--ui-kit-pd)] text-[10px]", children: [
-        isNft ? /* @__PURE__ */ jsxs101("div", { className: "flex justify-between items-start", children: [
-          /* @__PURE__ */ jsx110("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "NFT:" }),
-          /* @__PURE__ */ jsxs101("div", { className: "text-right", children: [
-            /* @__PURE__ */ jsx110("span", { className: "font-semibold block", children: selectedAsset.nftMetadata?.name || selectedAsset.name }),
-            selectedAsset.tokenId && /* @__PURE__ */ jsxs101("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: [
-              "#",
-              selectedAsset.tokenId.length > 10 ? `${selectedAsset.tokenId.slice(0, 8)}...` : selectedAsset.tokenId
+              /* @__PURE__ */ jsx110("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: `${resolvedAddress.slice(0, 6)}...${resolvedAddress.slice(-4)} : ` })
             ] })
-          ] })
-        ] }) : (
-          // Fungible token details
-          /* @__PURE__ */ jsxs101("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-            /* @__PURE__ */ jsx110("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:common.amount") }),
-            /* @__PURE__ */ jsxs101("span", { className: "text-sm font-bold", children: [
-              amount,
-              " ",
-              selectedAsset.symbol
+          ] }),
+          /* @__PURE__ */ jsxs101("div", { className: "border-t border-[var(--ui-kit-bd)] py-[var(--ui-kit-pd)] text-[10px]", children: [
+            isNft ? /* @__PURE__ */ jsxs101("div", { className: "flex justify-between items-start", children: [
+              /* @__PURE__ */ jsx110("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "NFT:" }),
+              /* @__PURE__ */ jsxs101("div", { className: "text-right", children: [
+                /* @__PURE__ */ jsx110("span", { className: "font-semibold block", children: selectedAsset.nftMetadata?.name || selectedAsset.name }),
+                selectedAsset.tokenId && /* @__PURE__ */ jsxs101("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: [
+                  "#",
+                  selectedAsset.tokenId.length > 10 ? `${selectedAsset.tokenId.slice(0, 8)}...` : selectedAsset.tokenId
+                ] })
+              ] })
+            ] }) : (
+              // Fungible token details
+              /* @__PURE__ */ jsxs101("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
+                /* @__PURE__ */ jsx110("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:common.amount") }),
+                /* @__PURE__ */ jsxs101("span", { className: "text-sm font-bold", children: [
+                  amount,
+                  " ",
+                  selectedAsset.symbol
+                ] })
+              ] })
+            ),
+            /* @__PURE__ */ jsxs101("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
+              /* @__PURE__ */ jsx110("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:common.network") }),
+              /* @__PURE__ */ jsx110("span", { className: "text-sm font-bold", children: chainConfig.name })
             ] })
           ] })
-        ),
-        /* @__PURE__ */ jsxs101("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ jsx110("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:common.network") }),
-          /* @__PURE__ */ jsx110("span", { className: "text-sm font-bold", children: chainConfig.name })
-        ] })
-      ] })
-    ] }) : /* @__PURE__ */ jsxs101(Fragment42, { children: [
-      /* @__PURE__ */ jsx110("h3", { className: "font-medium mb-3 text-[var(--ui-kit-fg)]", children: "Transaction Details" }),
-      /* @__PURE__ */ jsxs101("div", { className: "space-y-2 text-sm text-[var(--ui-kit-fg)]", children: [
-        /* @__PURE__ */ jsxs101("div", { className: "flex justify-between", children: [
-          /* @__PURE__ */ jsx110("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "To:" }),
-          /* @__PURE__ */ jsx110("span", { className: "font-mono text-xs", children: `${effectiveAddress.slice(0, 6)}...${effectiveAddress.slice(-4)}` })
-        ] }),
-        isNft ? (
-          // NFT details
-          /* @__PURE__ */ jsx110(Fragment42, { children: /* @__PURE__ */ jsxs101("div", { className: "flex justify-between items-start", children: [
-            /* @__PURE__ */ jsx110("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "NFT:" }),
-            /* @__PURE__ */ jsxs101("div", { className: "text-right", children: [
-              /* @__PURE__ */ jsx110("span", { className: "font-semibold block", children: selectedAsset.nftMetadata?.name || selectedAsset.name }),
-              selectedAsset.tokenId && /* @__PURE__ */ jsxs101("span", { className: "text-xs text-[var(--ui-kit-fg-muted)]", children: [
-                "#",
-                selectedAsset.tokenId.length > 10 ? `${selectedAsset.tokenId.slice(0, 8)}...` : selectedAsset.tokenId
+        ] }) : /* @__PURE__ */ jsxs101(Fragment40, { children: [
+          /* @__PURE__ */ jsx110("h3", { className: "font-medium mb-3 text-[var(--ui-kit-fg)]", children: "Transaction Details" }),
+          /* @__PURE__ */ jsxs101("div", { className: "space-y-2 text-sm text-[var(--ui-kit-fg)]", children: [
+            /* @__PURE__ */ jsxs101("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ jsx110("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "To:" }),
+              /* @__PURE__ */ jsx110("span", { className: "font-mono text-xs", children: `${effectiveAddress.slice(0, 6)}...${effectiveAddress.slice(-4)}` })
+            ] }),
+            isNft ? (
+              // NFT details
+              /* @__PURE__ */ jsx110(Fragment40, { children: /* @__PURE__ */ jsxs101("div", { className: "flex justify-between items-start", children: [
+                /* @__PURE__ */ jsx110("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "NFT:" }),
+                /* @__PURE__ */ jsxs101("div", { className: "text-right", children: [
+                  /* @__PURE__ */ jsx110("span", { className: "font-semibold block", children: selectedAsset.nftMetadata?.name || selectedAsset.name }),
+                  selectedAsset.tokenId && /* @__PURE__ */ jsxs101("span", { className: "text-xs text-[var(--ui-kit-fg-muted)]", children: [
+                    "#",
+                    selectedAsset.tokenId.length > 10 ? `${selectedAsset.tokenId.slice(0, 8)}...` : selectedAsset.tokenId
+                  ] })
+                ] })
+              ] }) })
+            ) : (
+              // Fungible token details
+              /* @__PURE__ */ jsxs101("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
+                /* @__PURE__ */ jsx110("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:common.amount") }),
+                /* @__PURE__ */ jsxs101("span", { className: "font-semibold", children: [
+                  amount,
+                  " ",
+                  selectedAsset.symbol
+                ] })
               ] })
-            ] })
-          ] }) })
-        ) : (
-          // Fungible token details
-          /* @__PURE__ */ jsxs101("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-            /* @__PURE__ */ jsx110("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:common.amount") }),
-            /* @__PURE__ */ jsxs101("span", { className: "font-semibold", children: [
-              amount,
-              " ",
-              selectedAsset.symbol
+            ),
+            /* @__PURE__ */ jsxs101("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
+              /* @__PURE__ */ jsx110("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:common.network") }),
+              /* @__PURE__ */ jsx110("span", { children: chainConfig.name })
             ] })
           ] })
-        ),
-        /* @__PURE__ */ jsxs101("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ jsx110("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:common.network") }),
-          /* @__PURE__ */ jsx110("span", { children: chainConfig.name })
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsxs101(
-      Button,
-      {
-        onClick: () => handleConfirm(),
-        disabled: isTransactionPending,
-        className: "w-full",
-        size: "large",
-        children: [
-          isTransactionPending && /* @__PURE__ */ jsx110(Loader21, { className: "h-4 w-4 animate-spin" }),
-          t("passport:common.confirm")
-        ]
-      }
-    )
-  ] });
+        ] }) }),
+        /* @__PURE__ */ jsxs101(
+          Button,
+          {
+            onClick: () => handleConfirm(),
+            disabled: isTransactionPending,
+            className: "w-full",
+            size: "large",
+            children: [
+              isTransactionPending && /* @__PURE__ */ jsx110(Loader21, { className: "h-4 w-4 animate-spin" }),
+              t("passport:common.confirm")
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 var init_ConfirmSendStep = __esm({
   "src/internal/components/SendMenu/send/sendSteps/ConfirmSendStep.tsx"() {
@@ -23156,6 +23639,7 @@ var init_ConfirmSendStep = __esm({
     init_i18n();
     init_priceFormatter();
     init_utils2();
+    init_Onboarding();
     init_button();
     init_highlight();
     init_useFlowSelector();
@@ -23176,7 +23660,7 @@ var init_sendSteps = __esm({
 import { CheckCircle2 as CheckCircle26, Loader as Loader27 } from "lucide-react";
 import { useEffect as useEffect46, useMemo as useMemo15 } from "react";
 import { parseUnits as parseUnits2 } from "viem";
-import { Fragment as Fragment43, jsx as jsx111, jsxs as jsxs102 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx111, jsxs as jsxs102 } from "react/jsx-runtime";
 function SendMenu() {
   const address = useSession((st) => st.address);
   const activeChainId = useSession((st) => st.activeChainId);
@@ -23274,7 +23758,7 @@ function SendMenu() {
         break;
     }
   }, [txStep, selectedAsset, isNft, t]);
-  return /* @__PURE__ */ jsxs102(Fragment43, { children: [
+  return /* @__PURE__ */ jsxs102(Fragment41, { children: [
     txStep === "select-asset" && /* @__PURE__ */ jsx111(AssetList, { assets }),
     txStep === "input" && /* @__PURE__ */ jsx111(
       InputSendStep,
@@ -23301,7 +23785,7 @@ function SendMenu() {
         /* @__PURE__ */ jsx111("span", { children: t("passport:sendMenu.pendingStepMsg") })
       ] })
     ] }),
-    txStep === "success" && userOpHash && /* @__PURE__ */ jsxs102(Fragment43, { children: [
+    txStep === "success" && userOpHash && /* @__PURE__ */ jsxs102(Fragment41, { children: [
       /* @__PURE__ */ jsxs102(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
         /* @__PURE__ */ jsx111(CheckCircle26, { className: "h-4 w-4" }),
         /* @__PURE__ */ jsxs102("span", { className: "flex-1", children: [
@@ -23348,17 +23832,63 @@ var init_send = __esm({
   }
 });
 
-// src/internal/components/SendMenu/SendFlowSelector.tsx
-import { ArrowLeft as ArrowLeft19, ArrowRightIcon as ArrowRightIcon2, ArrowRightLeftIcon as ArrowRightLeftIcon2, InfoIcon as InfoIcon7 } from "lucide-react";
+// src/internal/components/SendMenu/useSendMenuParams.ts
+import { keys as keys2 } from "lodash-es";
 import { useEffect as useEffect47 } from "react";
+function useSendMenuParams() {
+  useEffect47(() => {
+    const { pageParams, setPageParams } = useLayoutDataStore.getState();
+    if (!pageParams || !keys2(pageParams).length) return;
+    console.log("[SEND PARAMS]", pageParams);
+    const { sendFlow, asset, to, amount } = pageParams || {};
+    const {
+      setAmount: setSendAmount,
+      setRecipient: setSendRecipient,
+      setSelectedAsset: setSendSelectedAsset
+    } = useSendStore.getState();
+    const { setAmount: setBridgeAmount } = useBridgeStore.getState();
+    useFlowSelectorStore.getState().setFlow(sendFlow);
+    switch (sendFlow) {
+      //
+      case "send":
+        switch (true) {
+          case !!asset:
+            setSendAmount(String(amount));
+          case !!to:
+            setSendRecipient(to);
+          case !!amount:
+            setSendSelectedAsset(asset);
+        }
+        break;
+      //
+      case "bridge":
+        switch (true) {
+          case !!amount:
+            setBridgeAmount(String(amount));
+        }
+        break;
+      default:
+        return setPageParams(null);
+    }
+    setPageParams(null);
+  }, []);
+}
+var init_useSendMenuParams = __esm({
+  "src/internal/components/SendMenu/useSendMenuParams.ts"() {
+    init_useLayoutDataStore();
+    init_useBridgeStore();
+    init_useSendStore();
+    init_useFlowSelector();
+  }
+});
+
+// src/internal/components/SendMenu/SendFlowSelector.tsx
+import { ArrowLeft as ArrowLeft19, ArrowRightIcon as ArrowRightIcon2, ArrowRightLeftIcon as ArrowRightLeftIcon2, CircleQuestionMarkIcon as CircleQuestionMarkIcon2, InfoIcon as InfoIcon6 } from "lucide-react";
+import { useEffect as useEffect48 } from "react";
 import { jsx as jsx112, jsxs as jsxs103 } from "react/jsx-runtime";
 function SelectorFlowButtons() {
   const { t } = useT();
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
-  const sendStep = useSendStore((st) => st.txStep);
-  const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const isButtonsShown = selectorFlow === "send" && sendStep === "input" || selectorFlow === "bridge" && bridgeStep === "select";
-  if (!isButtonsShown) return null;
   return /* @__PURE__ */ jsxs103(
     "div",
     {
@@ -23406,6 +23936,7 @@ function SelectorFlowButtons() {
 }
 function SendFlowSelector() {
   const { t } = useT();
+  useSendMenuParams();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const isUiLocked = useFlowSelectorStore((st) => st.isUiLocked);
@@ -23413,15 +23944,19 @@ function SendFlowSelector() {
   const error = useFlowSelectorStore((st) => st.error);
   const menuTitle = useFlowSelectorStore((st) => st.menuTitle);
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
-  useEffect47(
+  const sendStep = useSendStore((st) => st.txStep);
+  const bridgeStep = useBridgeStore((st) => st.bridgeStep);
+  useEffect48(
     () => () => {
       useFlowSelectorStore.getState().setError(null);
     },
     []
   );
+  const isSendFlowInitialState = selectorFlow === "send" && sendStep === "input" || selectorFlow === "bridge" && bridgeStep === "select";
   return /* @__PURE__ */ jsx112(
     "div",
     {
+      ref: (inst) => onboarder.registerElement("sendmenu-page" /* sendMenu */, inst),
       style: {
         "--ui-kit-scrollbar-mah": `${maxScrollHeight}px`,
         "--ui-kit-list-scrollbar-pd-r": "var(--ui-kit-pd)"
@@ -23439,8 +23974,8 @@ function SendFlowSelector() {
                 onClick: () => {
                   useFlowSelectorStore.getState().setError(null);
                   if (selectorFlow === "bridge") {
-                    const { bridgeStep, setBridgeStep } = useBridgeStore.getState();
-                    switch (bridgeStep) {
+                    const { bridgeStep: bridgeStep2, setBridgeStep } = useBridgeStore.getState();
+                    switch (bridgeStep2) {
                       case "select":
                         return setPage("main-menu" /* MAIN_MENU */);
                       // case ''
@@ -23465,13 +24000,35 @@ function SendFlowSelector() {
             ),
             /* @__PURE__ */ jsx112("span", { className: "text-xl font-semibold", children: menuTitle })
           ] }),
-          /* @__PURE__ */ jsx112(BridgeHistorySwitch, {})
+          /* @__PURE__ */ jsxs103("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+            isSendFlowInitialState && /* @__PURE__ */ jsx112(
+              Button,
+              {
+                ref: (inst) => onboarder.registerElement("sendmenu-tour-button" /* tourButton */, inst),
+                variant: "ghost",
+                size: "icon",
+                className: "flex-none",
+                onClick: () => {
+                  switch (selectorFlow) {
+                    case "send":
+                      onboarder.startTour(SEND_MENU_TOUR);
+                      break;
+                    case "bridge":
+                      onboarder.startTour(BRIDGE_MENU_TOUR);
+                      break;
+                  }
+                },
+                children: /* @__PURE__ */ jsx112(CircleQuestionMarkIcon2, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx112(BridgeHistorySwitch, {})
+          ] })
         ] }),
-        /* @__PURE__ */ jsx112(SelectorFlowButtons, {}),
+        isSendFlowInitialState && /* @__PURE__ */ jsx112(SelectorFlowButtons, {}),
         SELECTOR_FLOW[selectorFlow],
         error && /* @__PURE__ */ jsxs103(Highlight, { type: "error", className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
           /* @__PURE__ */ jsxs103("div", { className: "w-full flex gap-[var(--ui-kit-gap)]", children: [
-            /* @__PURE__ */ jsx112(InfoIcon7, { className: "h-4 w-4 flex-none" }),
+            /* @__PURE__ */ jsx112(InfoIcon6, { className: "h-4 w-4 flex-none" }),
             /* @__PURE__ */ jsx112("span", { children: error })
           ] }),
           /* @__PURE__ */ jsx112(
@@ -23498,11 +24055,14 @@ var init_SendFlowSelector = __esm({
     init_useLayoutStore();
     init_utils2();
     init_Expandable2();
+    init_Onboarding();
     init_button();
     init_highlight();
     init_hyperbridge();
+    init_onboarding_setup2();
     init_send();
     init_useFlowSelector();
+    init_useSendMenuParams();
     SELECTOR_FLOW = {
       send: /* @__PURE__ */ jsx112(SendMenu, {}),
       bridge: /* @__PURE__ */ jsx112(HyperlaneBridge, {})
@@ -23514,6 +24074,7 @@ var init_SendFlowSelector = __esm({
 var init_SendMenu2 = __esm({
   "src/internal/components/SendMenu/index.ts"() {
     init_SendFlowSelector();
+    init_onboarding_setup2();
   }
 });
 
@@ -23579,7 +24140,7 @@ var init_constants8 = __esm({
 // src/internal/components/SettingsMenu/SettingsMenu.tsx
 import { useQuery as useQuery24 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft20, HardDrive as HardDrive3 } from "lucide-react";
-import { useEffect as useEffect48 } from "react";
+import { useEffect as useEffect49 } from "react";
 import { jsx as jsx113, jsxs as jsxs104 } from "react/jsx-runtime";
 function useSettingsButtons() {
   const config = useProviderConfig().config;
@@ -23598,7 +24159,7 @@ function useSettingsButtons() {
   if (proMode) {
     settingsButtons.push({ id: "devices" /* DEVICES */, name: "Guardians", Icon: HardDrive3 });
   }
-  useEffect48(() => {
+  useEffect49(() => {
     const cssvEl = document.querySelector(".embarkai-ui-scope");
     if (!cssvEl || !window?.getComputedStyle) {
       return;
@@ -24406,7 +24967,7 @@ var init_utils11 = __esm({
 
 // src/internal/components/TransactionsMenu/TransactionsGroup.tsx
 import { ChevronDown, ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight5, ChevronUp, Copy as Copy3 } from "lucide-react";
-import { Fragment as Fragment44, jsx as jsx115, jsxs as jsxs106 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx115, jsxs as jsxs106 } from "react/jsx-runtime";
 function InternalTransaction({ internal, assetSymbol, assetDecimals }) {
   const internalSymbol = internal.assetSymbol || assetSymbol;
   const internalDecimals = internal.decimals ?? assetDecimals;
@@ -24481,7 +25042,7 @@ function TransactionsGroup(props) {
             }
           ) })
         ] }),
-        internalsToRender.length > 0 && /* @__PURE__ */ jsxs106(Fragment44, { children: [
+        internalsToRender.length > 0 && /* @__PURE__ */ jsxs106(Fragment42, { children: [
           /* @__PURE__ */ jsx115("div", { className: "w-full flex items-center h-4", children: /* @__PURE__ */ jsx115("div", { style: { borderTop: "1px solid var(--ui-kit-bd)" }, className: "flex-1" }) }),
           /* @__PURE__ */ jsxs106(
             "div",
@@ -24798,7 +25359,7 @@ var init_PageMap = __esm({
 });
 
 // src/internal/hooks/usePageMapper.tsx
-import { useCallback as useCallback31, useEffect as useEffect49 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect50 } from "react";
 import { jsx as jsx117 } from "react/jsx-runtime";
 function usePageMapper() {
   const page = useLayoutDataStore((st) => st.page);
@@ -24831,7 +25392,7 @@ function usePageMapper() {
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
   );
-  useEffect49(() => {
+  useEffect50(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -24854,20 +25415,20 @@ var init_usePageMapper = __esm({
 });
 
 // src/internal/hooks/useSettingsNotifications.ts
-import { useEffect as useEffect50 } from "react";
+import { useEffect as useEffect51 } from "react";
 function useSettingsNotifications() {
   const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
   const providers = jwtTokenManager2.getProviders();
   const hasEmail = providers.includes("email");
   const { data: userProfile = null } = useUserProfile();
-  useEffect50(() => {
+  useEffect51(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  useEffect50(() => {
+  useEffect51(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
@@ -24899,7 +25460,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.72",
+      version: "0.4.74",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -25142,8 +25703,8 @@ var init_Footer2 = __esm({
 
 // src/internal/components/Header/Header.tsx
 import { Copy as Copy4, Loader as Loader30 } from "lucide-react";
-import { useCallback as useCallback32, useRef as useRef19, useState as useState28 } from "react";
-import { Fragment as Fragment45, jsx as jsx119, jsxs as jsxs109 } from "react/jsx-runtime";
+import { useCallback as useCallback32, useRef as useRef20, useState as useState28 } from "react";
+import { Fragment as Fragment43, jsx as jsx119, jsxs as jsxs109 } from "react/jsx-runtime";
 function formatAddress2(addr) {
   if (!addr) return "";
   return `${addr.slice(0, 10)}...${addr.slice(-4)}`;
@@ -25156,8 +25717,8 @@ function Header() {
   const proMode = useProMode();
   const [proToast, setProToast] = useState28(false);
   const [copied, setCopied] = useState28(false);
-  const clickCountRef = useRef19(0);
-  const clickTimerRef = useRef19(null);
+  const clickCountRef = useRef20(0);
+  const clickTimerRef = useRef20(null);
   const handleAvatarClick = useCallback32(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
@@ -25205,7 +25766,7 @@ function Header() {
               className: "flex-1 flex flex-col justify-center gap-1",
               children: [
                 isProfileLoading && /* @__PURE__ */ jsx119(Loader30, { className: "w-4 h-4 animate-spin" }),
-                !!address && !isProfileLoading && !!profile && /* @__PURE__ */ jsxs109(Fragment45, { children: [
+                !!address && !isProfileLoading && !!profile && /* @__PURE__ */ jsxs109(Fragment43, { children: [
                   /* @__PURE__ */ jsxs109("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
                     /* @__PURE__ */ jsx119(
                       "span",
@@ -25464,7 +26025,7 @@ var init_visually_hidden = __esm({
 
 // src/internal/components/Dialog/Dialog.tsx
 import { AnimatePresence, motion } from "framer-motion";
-import { useEffect as useEffect51 } from "react";
+import { useEffect as useEffect52 } from "react";
 import { jsx as jsx122, jsxs as jsxs111 } from "react/jsx-runtime";
 function Dialog2() {
   const config = useProviderConfig().config;
@@ -25476,7 +26037,7 @@ function Dialog2() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  useEffect51(() => setIsSettings(!!session), [session, setIsSettings]);
+  useEffect52(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -25542,7 +26103,7 @@ var init_Dialog2 = __esm({
 });
 
 // src/internal/components/DirectWalletHandler.tsx
-import { useEffect as useEffect52 } from "react";
+import { useEffect as useEffect53 } from "react";
 import { useAccount } from "wagmi";
 function DirectWalletHandler() {
   const walletMode = useProviderConfig().config.current?.wallet?.mode || "linked";
@@ -25554,13 +26115,13 @@ function DirectWalletHandler() {
   const setExternalChainId = useExternalWalletStore((st) => st.setExternalChainId);
   const setConfigMode = useExternalWalletStore((st) => st.setConfigMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  useEffect52(() => {
+  useEffect53(() => {
     setConfigMode(walletMode);
     if (walletMode !== "both") {
       setActiveMode(walletMode);
     }
   }, [walletMode, setConfigMode, setActiveMode]);
-  useEffect52(() => {
+  useEffect53(() => {
     if (isConnected && address && !isExternalConnected && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25569,17 +26130,17 @@ function DirectWalletHandler() {
       });
     }
   }, [isConnected, address, isExternalConnected, connector, chain?.id, setExternalWallet]);
-  useEffect52(() => {
+  useEffect53(() => {
     if (isExternalConnected && !isConnected) {
       clearExternalWallet();
     }
   }, [isConnected, isExternalConnected, clearExternalWallet]);
-  useEffect52(() => {
+  useEffect53(() => {
     if (isExternalConnected && isConnected && chain?.id) {
       setExternalChainId(chain.id);
     }
   }, [chain?.id, isConnected, isExternalConnected, setExternalChainId]);
-  useEffect52(() => {
+  useEffect53(() => {
     if (isExternalConnected && isConnected && address && address !== externalAddress && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25654,7 +26215,7 @@ var init_TssManager = __esm({
 // src/internal/components/WalletConnectHandler.tsx
 import { useConnectModal as useConnectModal2 } from "@rainbow-me/rainbowkit";
 import { useMutation as useMutation23, useQueryClient as useQueryClient27 } from "@tanstack/react-query";
-import React28, { useCallback as useCallback34, useEffect as useEffect53 } from "react";
+import React28, { useCallback as useCallback34, useEffect as useEffect54 } from "react";
 import { useAccount as useAccount2, useDisconnect as useDisconnect4, useSignMessage as useSignMessage2 } from "wagmi";
 function WalletConnectHandler() {
   const qc = useQueryClient27();
@@ -25709,7 +26270,7 @@ function WalletConnectHandler() {
   const [hasStartedLinking, setHasStartedLinking] = React28.useState(false);
   const [modalWasOpened, setModalWasOpened] = React28.useState(false);
   const [pendingModalOpen, setPendingModalOpen] = React28.useState(false);
-  useEffect53(() => {
+  useEffect54(() => {
     if (isWalletLinking && !hasStartedLinking) {
       console.log("[WalletConnectHandler] Starting wallet link flow:", {
         isConnected,
@@ -25747,18 +26308,18 @@ function WalletConnectHandler() {
     setProviderType,
     walletMode
   ]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (pendingModalOpen && !isConnected && openConnectModal) {
       setPendingModalOpen(false);
       openConnectModal();
     }
   }, [pendingModalOpen, isConnected, openConnectModal]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (connectModalOpen && hasStartedLinking) {
       setModalWasOpened(true);
     }
   }, [connectModalOpen, hasStartedLinking]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (modalWasOpened && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
       onLinkingComplete(false);
@@ -25766,7 +26327,7 @@ function WalletConnectHandler() {
       setModalWasOpened(false);
     }
   }, [connectModalOpen, modalWasOpened, isConnected, isWalletLinking]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (isWalletLinking) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet linking timed out, resetting state");
@@ -25886,7 +26447,7 @@ function WalletConnectHandler() {
       setPage(passportWalletAddress ? "manage-wallet" /* MANAGE_WALLET */ : "auth" /* AUTH */);
     }
   });
-  useEffect53(() => {
+  useEffect54(() => {
     if (!!chain?.id && isConnected && walletAddress && isWalletLinking && hasStartedLinking && modalWasOpened && !pendingModalOpen) {
       console.log("[WalletConnectHandler] handleWalletSign triggered");
       if (!passportWalletAddress) {
@@ -25896,7 +26457,7 @@ function WalletConnectHandler() {
       handleWalletSign({ chainId: chain.id, signingWalletAddress: walletAddress });
     }
   }, [chain, isConnected, walletAddress, isWalletLinking, hasStartedLinking, modalWasOpened, pendingModalOpen]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (isConnected && !chain?.id && isWalletLinking && hasStartedLinking && !connectModalOpen && !isWalletSigning) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet connected but chain info missing, resetting");
@@ -25939,7 +26500,7 @@ import {
   getChainConfig as getChainConfig12,
   getViemChain as getViemChain2
 } from "@embarkai/core/read";
-import { Fragment as Fragment46 } from "react";
+import { Fragment as Fragment44 } from "react";
 import { create as create16 } from "zustand";
 import { persist as persist4 } from "zustand/middleware";
 import { jsx as jsx123, jsxs as jsxs112 } from "react/jsx-runtime";
@@ -25960,7 +26521,7 @@ function waitForStoreHydration() {
 }
 function SessionProvider({ children }) {
   const config = useProviderConfig().config;
-  return /* @__PURE__ */ jsxs112(Fragment46, { children: [
+  return /* @__PURE__ */ jsxs112(Fragment44, { children: [
     children,
     config.current?.wallet?.enabled && /* @__PURE__ */ jsx123(WalletConnectHandler, {}),
     config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ jsx123(DirectWalletHandler, {}),
@@ -26955,13 +27516,13 @@ async function clearLocalKeyshare(userId) {
   console.log("[clearLocalKeyshare] Keyshares are now managed by secure iframe");
   console.log("[clearLocalKeyshare] To clear keyshares, user must revoke authorization in iframe");
   if (typeof window !== "undefined" && window.localStorage) {
-    const keys2 = [
+    const keys3 = [
       `tss.${userId}.keyshare`,
       `tss.${userId}.ownerAddress`,
       `tss.${userId}.sessionId`,
       ...Object.keys(window.localStorage).filter((key) => key.startsWith(`tss.${userId}.dkg.`))
     ];
-    keys2.forEach((key) => window.localStorage.removeItem(key));
+    keys3.forEach((key) => window.localStorage.removeItem(key));
     console.log("[clearLocalKeyshare] Cleared old localStorage keys for migration");
   }
 }
@@ -28678,7 +29239,7 @@ import { darkTheme, lightTheme, RainbowKitProvider as NativeRainbowKitProvider }
 import { useMemo as useMemo16 } from "react";
 import { WagmiProvider } from "wagmi";
 import "@rainbow-me/rainbowkit/styles.css";
-import { Fragment as Fragment47, jsx as jsx124 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx124 } from "react/jsx-runtime";
 function RainbowKitProvider({ children }) {
   const config = useProviderConfig().config;
   const colorMode = useLayoutStore((st) => st.colorMode);
@@ -28710,7 +29271,7 @@ function RainbowKitProvider({ children }) {
       radii: rainbowTheme.lightMode.radii
     };
   }, [colorMode]);
-  if (!config.current?.wallet?.enabled) return /* @__PURE__ */ jsx124(Fragment47, { children });
+  if (!config.current?.wallet?.enabled) return /* @__PURE__ */ jsx124(Fragment45, { children });
   return /* @__PURE__ */ jsx124(WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ jsx124(NativeRainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
 }
 var init_RainbowKitContext = __esm({
@@ -28756,9 +29317,9 @@ import {
   createContext,
   useCallback as useCallback35,
   useContext,
-  useEffect as useEffect54,
+  useEffect as useEffect55,
   useMemo as useMemo17,
-  useRef as useRef20
+  useRef as useRef21
 } from "react";
 import { jsx as jsx126 } from "react/jsx-runtime";
 function clearLegacyWagmiStorage() {
@@ -28778,9 +29339,9 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = useRef20(callbacks);
-  useEffect54(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = useRef20(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const callbacksRef = useRef21(callbacks);
+  useEffect55(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = useRef21(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
   const updateConfig = useCallback35((updates) => {
     const prev = config.current;
     const next = { ...prev };
@@ -28820,7 +29381,7 @@ function Provider(props) {
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  useEffect54(() => {
+  useEffect55(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = merge3(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -28840,7 +29401,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       initSdkErrorTracking();
@@ -28909,7 +29470,7 @@ var init_ProviderContext = __esm({
 });
 
 // src/styles/built.css
-var built_default = `.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.embarkai-ui-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-2{right:.5rem}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-2{top:.5rem}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .min-h-12{min-height:3rem}.embarkai-ui-scope .w-0{width:0}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-fit{width:-moz-fit-content;width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-px{width:1px}.embarkai-ui-scope .min-w-0{min-width:0}.embarkai-ui-scope .min-w-10{min-width:2.5rem}.embarkai-ui-scope .min-w-16{min-width:4rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .max-w-\\[100px\\]{max-width:100px}.embarkai-ui-scope .max-w-\\[144px\\]{max-width:144px}.embarkai-ui-scope .max-w-\\[150px\\]{max-width:150px}.embarkai-ui-scope .max-w-\\[160px\\]{max-width:160px}.embarkai-ui-scope .max-w-\\[256px\\]{max-width:256px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[calc\\(50\\%-8px\\)\\]{max-width:calc(50% - 8px)}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{transform:scale(1);box-shadow:0 0 16px var(--ui-kit-bg-warning)}50%{transform:scale(.97);box-shadow:0 0 4px var(--ui-kit-bg-warning)}}.embarkai-ui-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse{50%{opacity:.5}}.embarkai-ui-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.embarkai-ui-scope .animate-spin{animation:spin 1s linear infinite}.embarkai-ui-scope .cursor-default{cursor:default}.embarkai-ui-scope .cursor-help{cursor:help}.embarkai-ui-scope .cursor-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[calc\\(var\\(--ui-kit-el-bdrs\\)_\\/_2\\)\\]{border-radius:calc(var(--ui-kit-el-bdrs)/2)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary-h\\)\\]{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-transparent{background-color:transparent}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{-o-object-fit:contain;object-fit:contain}.embarkai-ui-scope .object-cover{-o-object-fit:cover;object-fit:cover}.embarkai-ui-scope .p-0{padding:0}.embarkai-ui-scope .p-1{padding:.25rem}.embarkai-ui-scope .p-2{padding:.5rem}.embarkai-ui-scope .p-3{padding:.75rem}.embarkai-ui-scope .p-4{padding:1rem}.embarkai-ui-scope .p-5{padding:1.25rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-2{padding-left:.5rem;padding-right:.5rem}.embarkai-ui-scope .px-3{padding-left:.75rem;padding-right:.75rem}.embarkai-ui-scope .px-4{padding-left:1rem;padding-right:1rem}.embarkai-ui-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.embarkai-ui-scope .px-8{padding-left:2rem;padding-right:2rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-left:var(--ui-kit-gap);padding-right:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-top:0;padding-bottom:0}.embarkai-ui-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.embarkai-ui-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.embarkai-ui-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.embarkai-ui-scope .py-4{padding-top:1rem;padding-bottom:1rem}.embarkai-ui-scope .py-8{padding-top:2rem;padding-bottom:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-top:var(--ui-kit-gap);padding-bottom:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-top:var(--ui-kit-pd);padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pb-2{padding-bottom:.5rem}.embarkai-ui-scope .pb-5{padding-bottom:1.25rem}.embarkai-ui-scope .pb-6{padding-bottom:1.5rem}.embarkai-ui-scope .pb-\\[var\\(--ui-kit-pd\\)\\]{padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .pr-8{padding-right:2rem}.embarkai-ui-scope .pt-3{padding-top:.75rem}.embarkai-ui-scope .pt-4{padding-top:1rem}.embarkai-ui-scope .pt-5{padding-top:1.25rem}.embarkai-ui-scope .text-left{text-align:left}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-right{text-align:right}.embarkai-ui-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.embarkai-ui-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.embarkai-ui-scope .text-2xl{font-size:1.5rem;line-height:2rem}.embarkai-ui-scope .text-\\[10px\\]{font-size:10px}.embarkai-ui-scope .text-\\[14px\\]{font-size:14px}.embarkai-ui-scope .text-\\[16px\\]{font-size:16px}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:1rem}.embarkai-ui-scope .font-bold{font-weight:700}.embarkai-ui-scope .font-medium{font-weight:500}.embarkai-ui-scope .font-normal{font-weight:400}.embarkai-ui-scope .font-semibold{font-weight:600}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .leading-3{line-height:.75rem}.embarkai-ui-scope .leading-4{line-height:1rem}.embarkai-ui-scope .leading-5{line-height:1.25rem}.embarkai-ui-scope .leading-6{line-height:1.5rem}.embarkai-ui-scope .leading-7{line-height:1.75rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.embarkai-ui-scope .shadow,.embarkai-ui-scope .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .blur{--tw-blur:blur(8px)}.embarkai-ui-scope .blur,.embarkai-ui-scope .grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .grayscale{--tw-grayscale:grayscale(100%)}.embarkai-ui-scope .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[color\\2c box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .duration-200{transition-duration:.2s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.embarkai-ui-scope{--ui-kit-ff:var(--embark-ui-ff,-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif);--ui-kit-maw:var(--embark-ui-maw,384px);--ui-kit-pd:var(--embark-ui-pd,12px);--ui-kit-gap:var(--embark-ui-gap,10px);--ui-kit-bdrs:var(--embark-ui-bdrs,20px);--ui-kit-el-bdrs:var(--embark-ui-element-bdrs,10px);--ui-kit-backdrop-blur:var(--embark-ui-backdrop-blur,10px)}.embarkai-ui-scope[data-current-theme-mode=light]{--ui-kit-overlay:var(--embark-ui-overlay,hsla(0,0%,100%,.8));--ui-kit-bg:var(--embark-ui-bg,#fff);--ui-kit-fg:var(--embark-ui-fg,#000);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#fff);--ui-kit-fg-muted:var(--embark-ui-fg-muted,rgba(0,0,0,.6));--ui-kit-primary:var(--embark-ui-primary,#000);--ui-kit-primary-h:var(--embark-ui-primary-h,rgba(0,0,0,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,rgba(0,0,0,.6));--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-secondary-h:var(--embark-ui-secondary-h,hsla(0,0%,89%,.8));--ui-kit-secondary-a:var(--embark-ui-secondary-a,hsla(0,0%,89%,.6));--ui-kit-bd:var(--embark-ui-bd,#ebebeb);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#a9a9a9);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,rgba(0,0,0,.8));--ui-kit-bg:var(--embark-ui-bg,#1a1a1a);--ui-kit-fg:var(--embark-ui-fg,#fff);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#000);--ui-kit-fg-muted:var(--embark-ui-fg-muted,hsla(0,0%,100%,.6));--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-primary-h:var(--embark-ui-primary-h,hsla(0,0%,100%,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,hsla(0,0%,100%,.6));--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-secondary-h:var(--embark-ui-secondary-h,rgba(42,42,42,.6));--ui-kit-secondary-a:var(--embark-ui-secondary-a,rgba(42,42,42,.4));--ui-kit-bd:var(--embark-ui-bd,#3a3a3a);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#4a4a4a);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope,.embarkai-ui-scope *{margin:0;box-sizing:border-box;font-family:var(--ui-kit-ff);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope button,.embarkai-ui-scope h1,.embarkai-ui-scope h2,.embarkai-ui-scope h3,.embarkai-ui-scope h4,.embarkai-ui-scope h5,.embarkai-ui-scope h6,.embarkai-ui-scope input,.embarkai-ui-scope p,.embarkai-ui-scope select,.embarkai-ui-scope textarea{font-family:var(--ui-kit-ff)!important;margin:0}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{border-style:solid;outline:none!important;appearance:none!important;-webkit-appearance:none;-moz-appearance:none}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0 4px 20px var(--ui-kit-shadow-c),inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s ease}.embarkai-ui-scope .account-connect-button:hover{transform:scale(1.02)}.embarkai-ui-scope .account-connect-button:active{transform:scale(1)}@keyframes lumia-mobile-dialog-fade-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes lumia-mobile-dialog-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.embarkai-ui-scope .animate-mobile-dialog-in{animation:lumia-mobile-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-mobile-dialog-out{animation:lumia-mobile-dialog-fade-out 375ms ease}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.embarkai-ui-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0);overflow-y:auto;overflow-x:hidden;max-height:var(--ui-kit-scrollbar-mah,300px)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--ui-kit-bd)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.embarkai-ui-scope .noScrollbars::-webkit-scrollbar{display:none}.embarkai-ui-scope div[data-radix-popper-content-wrapper]{z-index:10000!important}@keyframes rotateShine{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.embarkai-ui-scope .button-shine-outline{position:absolute;top:0;left:0;width:100%;height:100%;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask-composite:exclude}.embarkai-ui-scope .button-shine-outline-shiner{pointer-events:none;position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0,var(--ui-kit-fg) 8%,transparent 24%);animation:rotateShine 3s linear infinite}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\:bg-transparent::file-selector-button{background-color:transparent}.embarkai-ui-scope .file\\:px-\\[var\\(--ui-kit-pd\\)\\]::file-selector-button{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .file\\:text-\\[16px\\]::file-selector-button{font-size:16px}.embarkai-ui-scope .file\\:text-base::file-selector-button{font-size:1rem;line-height:1.5rem}.embarkai-ui-scope .file\\:font-medium::file-selector-button{font-weight:500}.embarkai-ui-scope .file\\:text-\\[var\\(--ui-kit-fg-inverted\\)\\]::file-selector-button{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::-moz-placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .focus-within\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus-within{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus-within\\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .hover\\:bg-\\[\\#002c15\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#081f2c\\]:hover{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary-h\\)\\]:hover{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .hover\\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .file\\:hover\\:opacity-90:hover::file-selector-button{opacity:.9}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus\\:bg-transparent:focus{background-color:transparent}.embarkai-ui-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-\\[2px\\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.embarkai-ui-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:active{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .active\\:opacity-60:active{opacity:.6}.embarkai-ui-scope .file\\:active\\:opacity-80:active::file-selector-button{opacity:.8}.embarkai-ui-scope .disabled\\:cursor-default:disabled{cursor:default}.embarkai-ui-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.embarkai-ui-scope .disabled\\:opacity-50:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover:disabled{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:hover:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:hover\\:opacity-50:hover:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:active:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:active\\:opacity-50:active:disabled{opacity:.5}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.embarkai-ui-scope .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-\\[size\\=default\\]\\:h-12[data-size=default]{height:3rem}.embarkai-ui-scope .data-\\[size\\=sm\\]\\:h-10[data-size=sm]{height:2.5rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom],.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right],.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--ui-kit-bd-intense\\)\\][data-state=checked]{border-color:var(--ui-kit-bd-intense)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--ui-kit-secondary\\)\\][data-state=checked]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--ui-kit-fg\\)\\][data-state=checked]{color:var(--ui-kit-fg)}.embarkai-ui-scope .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1[data-slot=select-value]>*){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex[data-slot=select-value]>*){display:flex}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center[data-slot=select-value]>*){align-items:center}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}@media (min-width:640px){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}.embarkai-ui-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:768px){.embarkai-ui-scope .md\\:h-8{height:2rem}.embarkai-ui-scope .md\\:w-8{width:2rem}.embarkai-ui-scope .md\\:gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope .md\\:py-1{padding-top:.25rem;padding-bottom:.25rem}}.embarkai-ui-scope :is(.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}`;
+var built_default = `.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.embarkai-ui-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-2{right:.5rem}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-2{top:.5rem}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .min-h-12{min-height:3rem}.embarkai-ui-scope .w-0{width:0}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-fit{width:-moz-fit-content;width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-px{width:1px}.embarkai-ui-scope .min-w-0{min-width:0}.embarkai-ui-scope .min-w-10{min-width:2.5rem}.embarkai-ui-scope .min-w-16{min-width:4rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .max-w-\\[100px\\]{max-width:100px}.embarkai-ui-scope .max-w-\\[144px\\]{max-width:144px}.embarkai-ui-scope .max-w-\\[150px\\]{max-width:150px}.embarkai-ui-scope .max-w-\\[160px\\]{max-width:160px}.embarkai-ui-scope .max-w-\\[256px\\]{max-width:256px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[calc\\(50\\%-8px\\)\\]{max-width:calc(50% - 8px)}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{transform:scale(1);box-shadow:0 0 16px var(--ui-kit-bg-warning)}50%{transform:scale(.97);box-shadow:0 0 4px var(--ui-kit-bg-warning)}}.embarkai-ui-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse{50%{opacity:.5}}.embarkai-ui-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.embarkai-ui-scope .animate-spin{animation:spin 1s linear infinite}.embarkai-ui-scope .cursor-default{cursor:default}.embarkai-ui-scope .cursor-help{cursor:help}.embarkai-ui-scope .cursor-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .resize{resize:both}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[calc\\(var\\(--ui-kit-el-bdrs\\)_\\/_2\\)\\]{border-radius:calc(var(--ui-kit-el-bdrs)/2)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary-h\\)\\]{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-transparent{background-color:transparent}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{-o-object-fit:contain;object-fit:contain}.embarkai-ui-scope .object-cover{-o-object-fit:cover;object-fit:cover}.embarkai-ui-scope .p-0{padding:0}.embarkai-ui-scope .p-1{padding:.25rem}.embarkai-ui-scope .p-2{padding:.5rem}.embarkai-ui-scope .p-3{padding:.75rem}.embarkai-ui-scope .p-4{padding:1rem}.embarkai-ui-scope .p-5{padding:1.25rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-2{padding-left:.5rem;padding-right:.5rem}.embarkai-ui-scope .px-3{padding-left:.75rem;padding-right:.75rem}.embarkai-ui-scope .px-4{padding-left:1rem;padding-right:1rem}.embarkai-ui-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.embarkai-ui-scope .px-8{padding-left:2rem;padding-right:2rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-left:var(--ui-kit-gap);padding-right:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-top:0;padding-bottom:0}.embarkai-ui-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.embarkai-ui-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.embarkai-ui-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.embarkai-ui-scope .py-4{padding-top:1rem;padding-bottom:1rem}.embarkai-ui-scope .py-8{padding-top:2rem;padding-bottom:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-top:var(--ui-kit-gap);padding-bottom:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-top:var(--ui-kit-pd);padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pb-2{padding-bottom:.5rem}.embarkai-ui-scope .pb-5{padding-bottom:1.25rem}.embarkai-ui-scope .pb-6{padding-bottom:1.5rem}.embarkai-ui-scope .pb-\\[var\\(--ui-kit-pd\\)\\]{padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .pr-8{padding-right:2rem}.embarkai-ui-scope .pt-3{padding-top:.75rem}.embarkai-ui-scope .pt-4{padding-top:1rem}.embarkai-ui-scope .pt-5{padding-top:1.25rem}.embarkai-ui-scope .text-left{text-align:left}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-right{text-align:right}.embarkai-ui-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.embarkai-ui-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.embarkai-ui-scope .text-2xl{font-size:1.5rem;line-height:2rem}.embarkai-ui-scope .text-\\[10px\\]{font-size:10px}.embarkai-ui-scope .text-\\[14px\\]{font-size:14px}.embarkai-ui-scope .text-\\[16px\\]{font-size:16px}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:1rem}.embarkai-ui-scope .font-bold{font-weight:700}.embarkai-ui-scope .font-medium{font-weight:500}.embarkai-ui-scope .font-normal{font-weight:400}.embarkai-ui-scope .font-semibold{font-weight:600}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .leading-3{line-height:.75rem}.embarkai-ui-scope .leading-4{line-height:1rem}.embarkai-ui-scope .leading-5{line-height:1.25rem}.embarkai-ui-scope .leading-6{line-height:1.5rem}.embarkai-ui-scope .leading-7{line-height:1.75rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.embarkai-ui-scope .shadow,.embarkai-ui-scope .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .blur{--tw-blur:blur(8px)}.embarkai-ui-scope .blur,.embarkai-ui-scope .grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .grayscale{--tw-grayscale:grayscale(100%)}.embarkai-ui-scope .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[color\\2c box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .duration-200{transition-duration:.2s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.embarkai-ui-scope{--ui-kit-ff:var(--embark-ui-ff,-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif);--ui-kit-maw:var(--embark-ui-maw,384px);--ui-kit-pd:var(--embark-ui-pd,12px);--ui-kit-gap:var(--embark-ui-gap,10px);--ui-kit-bdrs:var(--embark-ui-bdrs,20px);--ui-kit-el-bdrs:var(--embark-ui-element-bdrs,10px);--ui-kit-backdrop-blur:var(--embark-ui-backdrop-blur,10px)}.embarkai-ui-scope[data-current-theme-mode=light]{--ui-kit-overlay:var(--embark-ui-overlay,hsla(0,0%,100%,.8));--ui-kit-bg:var(--embark-ui-bg,#fff);--ui-kit-fg:var(--embark-ui-fg,#000);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#fff);--ui-kit-fg-muted:var(--embark-ui-fg-muted,rgba(0,0,0,.6));--ui-kit-primary:var(--embark-ui-primary,#000);--ui-kit-primary-h:var(--embark-ui-primary-h,rgba(0,0,0,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,rgba(0,0,0,.6));--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-secondary-h:var(--embark-ui-secondary-h,hsla(0,0%,89%,.8));--ui-kit-secondary-a:var(--embark-ui-secondary-a,hsla(0,0%,89%,.6));--ui-kit-bd:var(--embark-ui-bd,#ebebeb);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#a9a9a9);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,rgba(0,0,0,.8));--ui-kit-bg:var(--embark-ui-bg,#1a1a1a);--ui-kit-fg:var(--embark-ui-fg,#fff);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#000);--ui-kit-fg-muted:var(--embark-ui-fg-muted,hsla(0,0%,100%,.6));--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-primary-h:var(--embark-ui-primary-h,hsla(0,0%,100%,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,hsla(0,0%,100%,.6));--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-secondary-h:var(--embark-ui-secondary-h,rgba(42,42,42,.6));--ui-kit-secondary-a:var(--embark-ui-secondary-a,rgba(42,42,42,.4));--ui-kit-bd:var(--embark-ui-bd,#3a3a3a);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#4a4a4a);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope,.embarkai-ui-scope *{margin:0;box-sizing:border-box;font-family:var(--ui-kit-ff);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope button,.embarkai-ui-scope h1,.embarkai-ui-scope h2,.embarkai-ui-scope h3,.embarkai-ui-scope h4,.embarkai-ui-scope h5,.embarkai-ui-scope h6,.embarkai-ui-scope input,.embarkai-ui-scope p,.embarkai-ui-scope select,.embarkai-ui-scope textarea{font-family:var(--ui-kit-ff)!important;margin:0}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{border-style:solid;outline:none!important;appearance:none!important;-webkit-appearance:none;-moz-appearance:none}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0 4px 20px var(--ui-kit-shadow-c),inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s ease}.embarkai-ui-scope .account-connect-button:hover{transform:scale(1.02)}.embarkai-ui-scope .account-connect-button:active{transform:scale(1)}@keyframes lumia-mobile-dialog-fade-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes lumia-mobile-dialog-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.embarkai-ui-scope .animate-mobile-dialog-in{animation:lumia-mobile-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-mobile-dialog-out{animation:lumia-mobile-dialog-fade-out 375ms ease}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.embarkai-ui-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0);overflow-y:auto;overflow-x:hidden;max-height:var(--ui-kit-scrollbar-mah,300px)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--ui-kit-bd)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.embarkai-ui-scope .noScrollbars::-webkit-scrollbar{display:none}.embarkai-ui-scope div[data-radix-popper-content-wrapper]{z-index:10000!important}@keyframes rotateShine{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.embarkai-ui-scope .button-shine-outline{position:absolute;top:0;left:0;width:100%;height:100%;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask-composite:exclude}.embarkai-ui-scope .button-shine-outline-shiner{pointer-events:none;position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0,var(--ui-kit-fg) 8%,transparent 24%);animation:rotateShine 3s linear infinite}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\:bg-transparent::file-selector-button{background-color:transparent}.embarkai-ui-scope .file\\:px-\\[var\\(--ui-kit-pd\\)\\]::file-selector-button{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .file\\:text-\\[16px\\]::file-selector-button{font-size:16px}.embarkai-ui-scope .file\\:text-base::file-selector-button{font-size:1rem;line-height:1.5rem}.embarkai-ui-scope .file\\:font-medium::file-selector-button{font-weight:500}.embarkai-ui-scope .file\\:text-\\[var\\(--ui-kit-fg-inverted\\)\\]::file-selector-button{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::-moz-placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .focus-within\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus-within{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus-within\\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .hover\\:bg-\\[\\#002c15\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#081f2c\\]:hover{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary-h\\)\\]:hover{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .hover\\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .file\\:hover\\:opacity-90:hover::file-selector-button{opacity:.9}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus\\:bg-transparent:focus{background-color:transparent}.embarkai-ui-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-\\[2px\\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.embarkai-ui-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:active{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .active\\:opacity-60:active{opacity:.6}.embarkai-ui-scope .file\\:active\\:opacity-80:active::file-selector-button{opacity:.8}.embarkai-ui-scope .disabled\\:cursor-default:disabled{cursor:default}.embarkai-ui-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.embarkai-ui-scope .disabled\\:opacity-50:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover:disabled{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:hover:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:hover\\:opacity-50:hover:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:active:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:active\\:opacity-50:active:disabled{opacity:.5}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.embarkai-ui-scope .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-\\[size\\=default\\]\\:h-12[data-size=default]{height:3rem}.embarkai-ui-scope .data-\\[size\\=sm\\]\\:h-10[data-size=sm]{height:2.5rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom],.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right],.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--ui-kit-bd-intense\\)\\][data-state=checked]{border-color:var(--ui-kit-bd-intense)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--ui-kit-secondary\\)\\][data-state=checked]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--ui-kit-fg\\)\\][data-state=checked]{color:var(--ui-kit-fg)}.embarkai-ui-scope .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1[data-slot=select-value]>*){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex[data-slot=select-value]>*){display:flex}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center[data-slot=select-value]>*){align-items:center}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}@media (min-width:640px){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}.embarkai-ui-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:768px){.embarkai-ui-scope .md\\:h-8{height:2rem}.embarkai-ui-scope .md\\:w-8{width:2rem}.embarkai-ui-scope .md\\:gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope .md\\:py-1{padding-top:.25rem;padding-bottom:.25rem}}.embarkai-ui-scope :is(.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}`;
 
 // src/index.ts
 init_ProviderContext();
@@ -28929,8 +29490,8 @@ init_useLayoutStore();
 init_pro_mode();
 init_utils2();
 import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader31, Shield as Shield3 } from "lucide-react";
-import { useEffect as useEffect55, useMemo as useMemo18 } from "react";
-import { Fragment as Fragment48, jsx as jsx127, jsxs as jsxs113 } from "react/jsx-runtime";
+import { useEffect as useEffect56, useMemo as useMemo18 } from "react";
+import { Fragment as Fragment46, jsx as jsx127, jsxs as jsxs113 } from "react/jsx-runtime";
 function getFormattedStatus(label, status, showStatus) {
   const isStatus = showStatus && status && status !== "idle" && status !== "ready";
   if (!isStatus) return label;
@@ -28949,7 +29510,7 @@ function ConnectWalletButton(props) {
   const colorMode = useLayoutStore((st) => st.colorMode);
   const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
   const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
-  useEffect55(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  useEffect56(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = useUserProfile();
   const displayName = profile?.nicknameDisplay || profile?.displayName || jwtTokenManager2.getDisplayName();
   const indicators = useMemo18(() => {
@@ -28963,7 +29524,7 @@ function ConnectWalletButton(props) {
   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 ? (
     /** external Buttons can be provided */
-    /* @__PURE__ */ jsx127(Fragment48, { children: ConnectButton ? /* @__PURE__ */ jsxs113(
+    /* @__PURE__ */ jsx127(Fragment46, { children: ConnectButton ? /* @__PURE__ */ jsxs113(
       ConnectButton,
       {
         type: "button",
@@ -29595,13 +30156,13 @@ var Hash = ({
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
 init_base2();
-import { useEffect as useEffect57, useState as useState32 } from "react";
+import { useEffect as useEffect58, useState as useState32 } from "react";
 import { jsx as jsx133, jsxs as jsxs117 } from "react/jsx-runtime";
 var TransactionsList = ({ address, itemsCount = 10 }) => {
   const [transactions, setTransactions] = useState32([]);
   const [loading, setLoading] = useState32(true);
   const [error, setError] = useState32(null);
-  useEffect57(() => {
+  useEffect58(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);
@@ -30465,6 +31026,7 @@ function useSmartAccountTransactions() {
 init_iframe_manager();
 init_Onboarding();
 init_BuyMenu2();
+init_SendMenu2();
 
 // src/internal/assets/index.ts
 init_networks2();
@@ -30496,6 +31058,7 @@ autorun();
 export {
   AccountAbstractionError,
   Address,
+  BRIDGE_MENU_TOUR,
   BUY_MENU_BINANCE_TOUR,
   ConnectWalletButton,
   ErrorCodes,
@@ -30507,6 +31070,7 @@ export {
   PASSPORT_TRANSLATIONS,
   PageKey,
   Provider,
+  SEND_MENU_TOUR,
   SessionExpiredError,
   TOKENS_ICONS,
   ThemeToggle,