@embarkai/ui-kit 0.4.73 → 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",
@@ -8461,7 +8665,9 @@ var init_onboarder = __esm({
       tooltip: { title: "", description: "" },
       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;
@@ -8509,9 +8715,12 @@ var init_onboarder = __esm({
         useLayoutDataStore.getInitialState().setIsOnboarding(true);
         useLayoutStore.getInitialState().setIsDialogForced(true);
         const startElRef = this.elements.get(tour[0].elId)?.deref();
-        this.domObserver.observe(startElRef, { childList: true, subtree: true });
-        this.resizeObserver.observe(startElRef);
-        this.resizeObserver.observe(document.body);
+        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;
@@ -8544,6 +8753,7 @@ var init_onboarder = __esm({
             this.resizeObserver.observe(nextElRef);
             this.resizeObserver.observe(document.body);
           }
+          useOnboardingStore.getState().setWaitSecs(nextStep.waitSecs || null);
         }, 200);
       }
       /**
@@ -8555,6 +8765,10 @@ 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();
   }
@@ -8614,16 +8828,16 @@ function OnboardingOverlay() {
   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;
@@ -8631,7 +8845,7 @@ function OnboardingOverlay() {
         return;
       }
       const embarkUIContainer = document.querySelector('[data-purpose="embarkai-ui-container"]');
-      setMountIntoNode(embarkUIContainer);
+      useOnboardingStore.getState().setMountIntoNode(embarkUIContainer);
     }, 0);
   }, [page]);
   const [continueCountdown, setContinueCountdown] = useState5(null);
@@ -8645,16 +8859,13 @@ function OnboardingOverlay() {
   const tt = {
     ...getTooltipXPos({ ...elRect, isMobileView, expandValue }),
     ...getTooltipYPos({ ...elRect, isMobileView, expandValue, ttCurrentHeight: toolipElementRef.current?.clientHeight })
-    // y: isMobileView
-    //   ? elRect.y - expandValue * 2 - toolipElementRef.current?.clientHeight
-    //   : elRect.y + elRect.height + expandValue
   };
   useEffect12(() => {
-    setContinueCountdown(NEXT_COUNTDOWN);
+    if (!waitSecs) return;
+    setContinueCountdown(waitSecs);
     const countdownInterval = setInterval(() => {
       setContinueCountdown((prev) => {
-        if (prev === null) return null;
-        if (prev <= 1) {
+        if (prev <= 1 || prev === null) {
           clearInterval(countdownInterval);
           return null;
         }
@@ -8662,8 +8873,9 @@ function OnboardingOverlay() {
       });
     }, 1e3);
     return () => clearInterval(countdownInterval);
-  }, [tooltip.title]);
+  }, [waitSecs]);
   if (!mountIntoNode) return null;
+  const tourStepActions = onboarder.getCurrentStep()?.actions;
   return createPortal(
     /* @__PURE__ */ jsxs17(
       "div",
@@ -8731,9 +8943,32 @@ function OnboardingOverlay() {
                 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",
@@ -8743,7 +8978,7 @@ function OnboardingOverlay() {
                     disabled: continueCountdown !== null,
                     children: [
                       continueCountdown !== null ? /* @__PURE__ */ jsx21(LoaderIcon, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx21(ChevronRightIcon, { className: "h-4 w-4" }),
-                      String(t("passport:common.next")).toUpperCase(),
+                      String(t("passport:common.continue")).toUpperCase(),
                       " ",
                       continueCountdown !== null && continueCountdown
                     ]
@@ -8759,7 +8994,7 @@ function OnboardingOverlay() {
     mountIntoNode
   );
 }
-var EXPAND, NEXT_COUNTDOWN, TOOLTIP_MIN_WIDTH;
+var EXPAND, TOOLTIP_MIN_WIDTH;
 var init_OnboardingOverlay = __esm({
   "src/internal/components/Onboarding/OnboardingOverlay.tsx"() {
     init_i18n();
@@ -8769,7 +9004,6 @@ var init_OnboardingOverlay = __esm({
     init_button();
     init_onboarder();
     EXPAND = 16;
-    NEXT_COUNTDOWN = 4;
     TOOLTIP_MIN_WIDTH = 256;
   }
 });
@@ -9829,8 +10063,9 @@ var init_onboarding_setup = __esm({
     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");
@@ -9838,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",
@@ -9862,8 +10095,8 @@ 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);
           useBinanceStore.getState().setQuoteData(null);
@@ -9871,10 +10104,8 @@ var init_onboarding_setup = __esm({
       },
       {
         elId: "buymenu-tour-button" /* tourButton */,
-        title: "Tour Button",
-        description: 'Tours are available under the "Info" buttons of embarkAI menus. Click to have menu tour',
-        onNext: () => {
-        }
+        title: "passport:common.onboarding.tourButton.title",
+        description: "passport:common.onboarding.tourButton.description"
       }
     ];
   }
@@ -11663,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();
@@ -11751,7 +11982,7 @@ function BuyMenu() {
                 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(
@@ -19184,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 LoaderIcon10, 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) {
@@ -19291,7 +19522,7 @@ 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: [
@@ -20041,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,
@@ -20084,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(
@@ -20565,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();
   }
 });
@@ -20915,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"));
@@ -20947,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) {
@@ -20970,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();
@@ -21092,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,
@@ -21150,83 +21555,91 @@ function SelectStep(props) {
   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,
+        "div",
         {
-          disabled: !hyperlaneWarpRoutes.length || isQuoteEstimating,
-          variant: "secondary",
-          className: "w-full justify-between",
-          onClick: () => {
-            useFlowSelectorStore.getState().setError(null);
-            useBridgeStore.getState().setBridgeStep("sender-selector");
-          },
+          ref: (inst) => onboarder.registerElement("bridgemenu-sender-wallet-selector" /* bridgeSenderWalletSelector */, inst),
+          className: "flex flex-col gap-[var(--ui-kit-gap)]",
           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__ */ jsx97("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)] leading-4", children: t("passport:bridgeMenu.labels.selectSender") }),
+            /* @__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(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,
+        "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-crypto-menu-asset-selector" /* bridgeCryptoAssetSelector */, 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") })
+            /* @__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
+                ] })
+              ] })
             ] }),
-            !!selectedWarpRoute?.chainPair && /* @__PURE__ */ jsx97(
-              Badge,
+            /* @__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("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}`))
+                    }
+                  )
+                ]
               }
             )
           ]
@@ -21235,82 +21648,87 @@ 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-chain-pair-swapper" /* bridgeChainPairSwapper */, 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: 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") })
+                ]
+              }
+            ),
+            /* @__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: "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);
-              }
-            }
-          },
-          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: 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,
               {
@@ -21345,6 +21763,7 @@ 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",
@@ -21364,6 +21783,7 @@ var init_SelectStep = __esm({
     init_i18n();
     init_priceFormatter();
     init_utils2();
+    init_Onboarding();
     init_badge();
     init_button();
     init_input();
@@ -21428,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(LoaderIcon13, { 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({
@@ -21527,6 +21954,7 @@ var init_ConfirmStep = __esm({
     init_i18n();
     init_priceFormatter();
     init_utils2();
+    init_Onboarding();
     init_button();
     init_checkbox();
     init_highlight();
@@ -21630,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 LoaderIcon14 } 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();
@@ -21837,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") })
             ]
           }
@@ -21896,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 useState24 } 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] = useState24(false);
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
   const tokenList = useMemo13(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
@@ -21911,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",
@@ -21996,7 +22406,7 @@ function SelectAssetRoute(props) {
           ]
         },
         `hyperlane-route-chain-pair-${fromChain.chainName}-${toChain.chainName}`
-      )) })
+      ))
     ] })
   ] });
 }
@@ -22025,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();
@@ -22037,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,
@@ -22187,7 +22597,7 @@ var init_useErc3643Compliance = __esm({
 
 // src/hooks/useNicknameResolve.ts
 import { useQuery as useQuery22 } from "@tanstack/react-query";
-import { useEffect as useEffect44, useMemo as useMemo14, useState as useState25 } from "react";
+import { useEffect as useEffect44, useMemo as useMemo14, useState as useState24 } from "react";
 function looksLikeNickname(input) {
   if (!input) return false;
   if (input.startsWith("0x")) return false;
@@ -22197,8 +22607,8 @@ function looksLikeNickname(input) {
 }
 function useNicknameResolve(input, options) {
   const { enabled = true, chainId } = options;
-  const [debouncedInput, setDebouncedInput] = useState25("");
-  const [isDebouncing, setIsDebouncing] = useState25(false);
+  const [debouncedInput, setDebouncedInput] = useState24("");
+  const [isDebouncing, setIsDebouncing] = useState24(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
   useEffect44(() => {
@@ -22261,14 +22671,14 @@ var init_useNicknameResolve = __esm({
 });
 
 // src/hooks/useSendTransaction.ts
-import { useCallback as useCallback29, useState as useState26 } from "react";
+import { useCallback as useCallback29, useState as useState25 } from "react";
 import { encodeFunctionData as encodeFunctionData2, isAddress, parseEther as parseEther2, parseUnits } from "viem";
 function useSendTransaction() {
   const session = useSession((st) => st.session);
   const address = useSession((st) => st.address);
-  const [isLoading, setIsLoading] = useState26(false);
-  const [error, setError] = useState26(null);
-  const [userOpHash, setUserOpHash] = useState26(null);
+  const [isLoading, setIsLoading] = useState25(false);
+  const [error, setError] = useState25(null);
+  const [userOpHash, setUserOpHash] = useState25(null);
   const sendTransaction = useCallback29(
     async (params) => {
       if (!session || !address) {
@@ -22521,10 +22931,10 @@ var init_AssetInputIcon = __esm({
 
 // src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
 import { Image as ImageIcon2, Sparkles as Sparkles2 } from "lucide-react";
-import { useState as useState27 } from "react";
+import { useState as useState26 } from "react";
 import { jsx as jsx106, jsxs as jsxs97 } from "react/jsx-runtime";
 function NftDisplayCard({ asset }) {
-  const [imageError, setImageError] = useState27(false);
+  const [imageError, setImageError] = useState26(false);
   const nftImage = asset.image || asset.nftMetadata?.image;
   return /* @__PURE__ */ jsxs97("div", { className: "flex items-center gap-3 p-3 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-secondary)]", children: [
     nftImage && !imageError ? /* @__PURE__ */ jsx106(
@@ -22557,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));
@@ -22635,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) }),
             " ",
@@ -22666,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}`))
     ] }),
@@ -22880,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);
@@ -22979,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,
@@ -23043,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" })
         ] })
@@ -23089,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();
@@ -23126,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"() {
@@ -23261,6 +23639,7 @@ var init_ConfirmSendStep = __esm({
     init_i18n();
     init_priceFormatter();
     init_utils2();
+    init_Onboarding();
     init_button();
     init_highlight();
     init_useFlowSelector();
@@ -23281,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);
@@ -23379,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,
@@ -23406,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: [
@@ -23453,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",
     {
@@ -23511,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);
@@ -23518,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)"
@@ -23544,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 ''
@@ -23570,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(
@@ -23603,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, {})
@@ -23619,6 +24074,7 @@ var init_SendFlowSelector = __esm({
 var init_SendMenu2 = __esm({
   "src/internal/components/SendMenu/index.ts"() {
     init_SendFlowSelector();
+    init_onboarding_setup2();
   }
 });
 
@@ -23684,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;
@@ -23703,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;
@@ -24511,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;
@@ -24586,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",
@@ -24642,7 +25098,7 @@ var init_TransactionsGroup = __esm({
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
 import { useQuery as useQuery25, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft22, Loader as Loader28, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
-import { useCallback as useCallback30, useState as useState28 } from "react";
+import { useCallback as useCallback30, useState as useState27 } from "react";
 import { jsx as jsx116, jsxs as jsxs107 } from "react/jsx-runtime";
 function TransactionsMenu() {
   const qc = useQueryClient25();
@@ -24651,7 +25107,7 @@ function TransactionsMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const [expandedGroups, setExpandedGroups] = useState28({});
+  const [expandedGroups, setExpandedGroups] = useState27({});
   const historySupported = isTransactionHistorySupported(chainConfig?.id);
   const {
     data: txHistoryGroups = [],
@@ -24903,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);
@@ -24936,7 +25392,7 @@ function usePageMapper() {
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
   );
-  useEffect49(() => {
+  useEffect50(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -24959,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"
@@ -25004,7 +25460,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.73",
+      version: "0.4.74",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -25247,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 useRef20, useState as useState29 } 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)}`;
@@ -25259,8 +25715,8 @@ function Header() {
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
   const proMode = useProMode();
-  const [proToast, setProToast] = useState29(false);
-  const [copied, setCopied] = useState29(false);
+  const [proToast, setProToast] = useState28(false);
+  const [copied, setCopied] = useState28(false);
   const clickCountRef = useRef20(0);
   const clickTimerRef = useRef20(null);
   const handleAvatarClick = useCallback32(() => {
@@ -25310,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",
@@ -25569,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;
@@ -25581,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();
@@ -25647,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";
@@ -25659,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,
@@ -25674,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,
@@ -25759,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();
@@ -25814,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,
@@ -25852,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);
@@ -25871,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");
@@ -25991,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) {
@@ -26001,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");
@@ -26044,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";
@@ -26065,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, {}),
@@ -27060,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");
   }
 }
@@ -28783,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);
@@ -28815,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({
@@ -28861,7 +29317,7 @@ import {
   createContext,
   useCallback as useCallback35,
   useContext,
-  useEffect as useEffect54,
+  useEffect as useEffect55,
   useMemo as useMemo17,
   useRef as useRef21
 } from "react";
@@ -28884,7 +29340,7 @@ function clearLegacyWagmiStorage() {
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
   const callbacksRef = useRef21(callbacks);
-  useEffect54(() => notifyNoProjetctId(projectId), [projectId]);
+  useEffect55(() => notifyNoProjetctId(projectId), [projectId]);
   const config = useRef21(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
   const updateConfig = useCallback35((updates) => {
     const prev = config.current;
@@ -28925,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);
@@ -28945,7 +29401,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       initSdkErrorTracking();
@@ -29034,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;
@@ -29054,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(() => {
@@ -29068,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",
@@ -29700,13 +30156,13 @@ var Hash = ({
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
 init_base2();
-import { useEffect as useEffect57, useState as useState33 } 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] = useState33([]);
-  const [loading, setLoading] = useState33(true);
-  const [error, setError] = useState33(null);
-  useEffect57(() => {
+  const [transactions, setTransactions] = useState32([]);
+  const [loading, setLoading] = useState32(true);
+  const [error, setError] = useState32(null);
+  useEffect58(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);
@@ -30056,7 +30512,7 @@ function useDirectWallet() {
 
 // src/hooks/useSendDirectTransaction.ts
 init_useExternalWalletStore();
-import { useCallback as useCallback40, useState as useState35 } from "react";
+import { useCallback as useCallback40, useState as useState34 } from "react";
 import { isAddress as isAddress3, parseEther as parseEther3 } from "viem";
 import { useSendTransaction as useWagmiSendTransaction, useSwitchChain as useSwitchChain3 } from "wagmi";
 function useSendDirectTransaction() {
@@ -30064,9 +30520,9 @@ function useSendDirectTransaction() {
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
   const { sendTransactionAsync } = useWagmiSendTransaction();
   const { switchChainAsync } = useSwitchChain3();
-  const [isPending, setIsPending] = useState35(false);
-  const [error, setError] = useState35(null);
-  const [txHash, setTxHash] = useState35(null);
+  const [isPending, setIsPending] = useState34(false);
+  const [error, setError] = useState34(null);
+  const [txHash, setTxHash] = useState34(null);
   const sendTransaction = useCallback40(
     async (params) => {
       if (!isConnected) {
@@ -30113,7 +30569,7 @@ function useSendDirectTransaction() {
 init_SessionContext();
 init_account2();
 init_linkedProfiles();
-import { useCallback as useCallback41, useMemo as useMemo19, useState as useState36 } from "react";
+import { useCallback as useCallback41, useMemo as useMemo19, useState as useState35 } from "react";
 import { encodeFunctionData as encodeFunctionData3, isAddress as isAddress4, parseEther as parseEther4, parseUnits as parseUnits3 } from "viem";
 var ERC20_TRANSFER_ABI2 = [
   {
@@ -30129,9 +30585,9 @@ var ERC20_TRANSFER_ABI2 = [
 function useTransferToLinkedWallet() {
   const session = useSession((st) => st.session);
   const { profiles } = useLinkedProfiles();
-  const [isPending, setIsPending] = useState36(false);
-  const [error, setError] = useState36(null);
-  const [userOpHash, setUserOpHash] = useState36(null);
+  const [isPending, setIsPending] = useState35(false);
+  const [error, setError] = useState35(null);
+  const [userOpHash, setUserOpHash] = useState35(null);
   const linkedWallets = useMemo19(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
@@ -30570,6 +31026,7 @@ function useSmartAccountTransactions() {
 init_iframe_manager();
 init_Onboarding();
 init_BuyMenu2();
+init_SendMenu2();
 
 // src/internal/assets/index.ts
 init_networks2();
@@ -30601,6 +31058,7 @@ autorun();
 export {
   AccountAbstractionError,
   Address,
+  BRIDGE_MENU_TOUR,
   BUY_MENU_BINANCE_TOUR,
   ConnectWalletButton,
   ErrorCodes,
@@ -30612,6 +31070,7 @@ export {
   PASSPORT_TRANSLATIONS,
   PageKey,
   Provider,
+  SEND_MENU_TOUR,
   SessionExpiredError,
   TOKENS_ICONS,
   ThemeToggle,