@embarkai/ui-kit 0.4.73 → 0.4.74

package/dist/index.cjs

@@ -5562,6 +5562,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: {
@@ -5614,22 +5620,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: {
@@ -5646,6 +5661,7 @@ var init_en = __esm({
         },
         actions: {
           connectWallet: "CONNECT WALLET",
+          addExternalWalletProfile: "ADD WALLET PROFILE",
           bridge: "BRIDGE",
           estimateQuote: "ESTIMATE QUOTE",
           bridgeAsset: "BRIDGE {{asset}}",
@@ -5670,7 +5686,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: {
@@ -5719,6 +5765,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: {
@@ -5907,6 +5971,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: {
@@ -5959,14 +6029,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",
@@ -5991,11 +6070,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",
@@ -6015,7 +6095,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: {
@@ -6025,7 +6135,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",
@@ -6045,7 +6155,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"
@@ -6059,11 +6174,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",
@@ -6246,6 +6380,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: {
@@ -6298,14 +6438,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",
@@ -6330,11 +6479,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",
@@ -6355,6 +6505,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: {
@@ -6384,7 +6564,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"
@@ -6398,11 +6583,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",
@@ -8490,7 +8694,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;
@@ -8538,9 +8744,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;
@@ -8573,6 +8782,7 @@ var init_onboarder = __esm({
             this.resizeObserver.observe(nextElRef);
             this.resizeObserver.observe(document.body);
           }
+          useOnboardingStore.getState().setWaitSecs(nextStep.waitSecs || null);
         }, 200);
       }
       /**
@@ -8584,6 +8794,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();
   }
@@ -8639,16 +8853,16 @@ function OnboardingOverlay() {
   const colorMode = useLayoutStore((st) => st.colorMode);
   const toolipElementRef = (0, import_react20.useRef)(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();
   (0, import_react20.useEffect)(() => {
     setTimeout(() => {
       if (!page) {
-        setMountIntoNode(document.body);
+        useOnboardingStore.getState().setMountIntoNode(document.body);
         return;
       }
       const lastMountIntoNode = useOnboardingStore.getState().mountIntoNode;
@@ -8656,7 +8870,7 @@ function OnboardingOverlay() {
         return;
       }
       const embarkUIContainer = document.querySelector('[data-purpose="embarkai-ui-container"]');
-      setMountIntoNode(embarkUIContainer);
+      useOnboardingStore.getState().setMountIntoNode(embarkUIContainer);
     }, 0);
   }, [page]);
   const [continueCountdown, setContinueCountdown] = (0, import_react20.useState)(null);
@@ -8670,16 +8884,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
   };
   (0, import_react20.useEffect)(() => {
-    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;
         }
@@ -8687,8 +8898,9 @@ function OnboardingOverlay() {
       });
     }, 1e3);
     return () => clearInterval(countdownInterval);
-  }, [tooltip.title]);
+  }, [waitSecs]);
   if (!mountIntoNode) return null;
+  const tourStepActions = onboarder.getCurrentStep()?.actions;
   return (0, import_react_dom.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       "div",
@@ -8756,9 +8968,32 @@ function OnboardingOverlay() {
                 borderRadius: isMobileView || tt.isOverflowX ? "var(--ui-kit-bdrs)" : "0 0 var(--ui-kit-bdrs) var(--ui-kit-bdrs)"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: " font-bold", children: tooltip.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: tooltip.description }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", {
+                  className: "font-bold",
+                  //@ts-expect-error i18n dynamic key typing
+                  children: t(tooltip.title)
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", {
+                  className: "whitespace-pre-line",
+                  //@ts-expect-error i18n dynamic key typing
+                  children: t(tooltip.description)
+                }),
+                !!tourStepActions?.length ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex grid grid-cols-2 gap-[var(--ui-kit-gap)]", children: tourStepActions.map(({ caption, onClick }, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                  Button,
+                  {
+                    variant: "default",
+                    size: "medium",
+                    className: "w-full",
+                    onClick,
+                    disabled: continueCountdown !== null,
+                    children: [
+                      continueCountdown !== null ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.LoaderIcon, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.ChevronRightIcon, { className: "h-4 w-4" }),
+                      // @ts-expect-error i18n dynamic key typing
+                      t(caption)
+                    ]
+                  },
+                  index
+                )) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                   Button,
                   {
                     variant: "default-glow",
@@ -8768,7 +9003,7 @@ function OnboardingOverlay() {
                     disabled: continueCountdown !== null,
                     children: [
                       continueCountdown !== null ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.LoaderIcon, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.ChevronRightIcon, { className: "h-4 w-4" }),
-                      String(t("passport:common.next")).toUpperCase(),
+                      String(t("passport:common.continue")).toUpperCase(),
                       " ",
                       continueCountdown !== null && continueCountdown
                     ]
@@ -8784,7 +9019,7 @@ function OnboardingOverlay() {
     mountIntoNode
   );
 }
-var import_lucide_react9, import_react20, import_react_dom, import_jsx_runtime21, EXPAND, NEXT_COUNTDOWN, TOOLTIP_MIN_WIDTH;
+var import_lucide_react9, import_react20, import_react_dom, import_jsx_runtime21, EXPAND, TOOLTIP_MIN_WIDTH;
 var init_OnboardingOverlay = __esm({
   "src/internal/components/Onboarding/OnboardingOverlay.tsx"() {
     init_i18n();
@@ -8798,7 +9033,6 @@ var init_OnboardingOverlay = __esm({
     init_onboarder();
     import_jsx_runtime21 = require("react/jsx-runtime");
     EXPAND = 16;
-    NEXT_COUNTDOWN = 4;
     TOOLTIP_MIN_WIDTH = 256;
   }
 });
@@ -9863,8 +10097,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");
@@ -9872,15 +10107,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",
@@ -9896,8 +10129,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);
@@ -9905,10 +10138,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"
       }
     ];
   }
@@ -11790,7 +12021,7 @@ function BuyMenu() {
                 size: "icon",
                 className: "flex-none",
                 onClick: () => onboarder.startTour(BUY_MENU_BINANCE_TOUR),
-                children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react19.InfoIcon, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react19.CircleQuestionMarkIcon, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -20116,6 +20347,7 @@ function SenderSelector(props) {
     pendingWalletRef.current = null;
     loginDirectWallet(pendingProfile);
   }, [directWalletIsConnected, directWalletAddress]);
+  const isWalletProfileAvailable = !!directWalletProfile?.meta?.walletName && !!directWalletProfile?.externalId;
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
     bridgeSenders.map((sender) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
       Button,
@@ -20159,6 +20391,21 @@ function SenderSelector(props) {
       },
       `sender-${sender.address}`
     )),
+    !isWalletProfileAvailable && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Highlight, { type: "info", className: "flex flex-col w-full gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "whitespace-pre-line", children: t("passport:bridgeMenu.onboarding.bridgeSenderWalletSelector.description") }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        Button,
+        {
+          variant: "default",
+          size: "large",
+          className: "w-full",
+          onClick: () => {
+            useLayoutDataStore.getState().setPage("manage-wallet" /* MANAGE_WALLET */);
+          },
+          children: t("passport:bridgeMenu.actions.addExternalWalletProfile")
+        }
+      )
+    ] }),
     walletMessage && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Highlight, { type: "info", className: "flex flex-col w-full gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: walletMessage }),
       /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
@@ -20647,12 +20894,14 @@ function getAssetBalance(asset) {
   return Number((0, import_viem13.formatUnits)(BigInt(asset.balance || "0"), asset.decimals || 18));
 }
 function isOririnChainEmbarkSupported(originChain) {
+  const activeChainId = useSession.getState().activeChainId;
   const supportedChain = [...import_read20.SUPPORTED_CHAINS].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 import_read20, import_viem13;
 var init_utils9 = __esm({
   "src/internal/components/SendMenu/hyperbridge/utils.ts"() {
+    init_SessionContext();
     import_read20 = require("@embarkai/core/read");
     import_viem13 = require("viem");
     init_chains();
@@ -21000,7 +21249,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"));
@@ -21034,6 +21283,161 @@ var init_useMenuTitle = __esm({
   }
 });
 
+// src/internal/components/SendMenu/send/useSendStore.ts
+var import_zustand15, useSendStore;
+var init_useSendStore = __esm({
+  "src/internal/components/SendMenu/send/useSendStore.ts"() {
+    import_zustand15 = require("zustand");
+    init_useFlowSelector();
+    useSendStore = (0, import_zustand15.create)((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
 function ResolveChainIcon(props) {
   const Icon2 = CHAINS_UI_META[props.chainName]?.Icon || TOKENS_ICONS.EMBARKAI;
@@ -21053,6 +21457,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
   const qc = (0, import_react_query49.useQueryClient)();
   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 } = (0, import_wagmi5.useSwitchChain)();
@@ -21175,7 +21580,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 ? (0, import_viem14.formatUnits)(externalNativeBalanceData?.value || BigInt(0), externalNativeBalanceData?.decimals || 18) : (0, import_viem14.formatUnits)(externalBalanceData?.value || BigInt(0), externalBalanceData?.decimals || 18);
   return {
     routeTokenBalance: isEmbarkSender ? embarkBalance : externalWalletBalance,
@@ -21235,83 +21640,91 @@ function SelectStep(props) {
   const isQuoteEstimationDisabled = isQuoteEstimating || !hyperlaneWarpRoutes.length || !selectedSender || !originChain || !destinationChain || !hyperRoute || isFalsyAmount || isBalanceInsufficient;
   return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)] items-center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-        "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__ */ (0, import_jsx_runtime97.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.sender") })
-        }
-      ),
       /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
-        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__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-              selectedSender?.Icon && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(selectedSender.Icon, { className: "w-6 h-6" }),
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: selectedSender?.name || "N / A" })
-            ] }),
-            selectedSender?.address && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "block text-[10px] font-mono!", children: [
-              selectedSender.address.slice(0, 6),
-              "...",
-              selectedSender.address.slice(-4)
-            ] })
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)] leading-4", children: t("passport:bridgeMenu.labels.selectSender") }),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+              Button,
+              {
+                disabled: !hyperlaneWarpRoutes.length || isQuoteEstimating,
+                variant: "secondary",
+                className: "w-full justify-between",
+                onClick: () => {
+                  useFlowSelectorStore.getState().setError(null);
+                  useBridgeStore.getState().setBridgeStep("sender-selector");
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+                    selectedSender?.Icon && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(selectedSender.Icon, { className: "w-6 h-6" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: selectedSender?.name || "N / A" })
+                  ] }),
+                  selectedSender?.address && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "block text-[10px] font-mono!", children: [
+                    selectedSender.address.slice(0, 6),
+                    "...",
+                    selectedSender.address.slice(-4)
+                  ] })
+                ]
+              }
+            )
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)] text-[10px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.selectToken") }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "w-4 h-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "flex items-center gap-[var(--ui-kit-gap)] leading-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: [
-            t("passport:common.balance"),
-            ": "
-          ] }),
-          isRouteTokenBalanceLoading && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react59.LoaderIcon, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }),
-          !isRouteTokenBalanceLoading && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: cn("font-semibold", { "text-[var(--ui-kit-bg-error)]": isBalanceInsufficient }), children: [
-            formatPrice(Number(routeTokenBalance || 0)),
-            " ",
-            selectedWarpRoute?.symbol
-          ] })
-        ] })
-      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
-        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__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SelectedWarpRoteIcon, { className: "w-6 h-6" }),
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: selectedWarpRoute.symbol })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react59.ArrowLeftRightIcon, { className: "w-6 h-6" }),
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: hyperlaneWarpRoutes.length ? t("passport:bridgeMenu.labels.selectToken") : t("passport:bridgeMenu.errors.noWarpRoutes") })
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)] text-[10px] leading-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.selectToken") }),
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: [
+                  t("passport:common.balance"),
+                  ": "
+                ] }),
+                isRouteTokenBalanceLoading && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react59.LoaderIcon, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }),
+                !isRouteTokenBalanceLoading && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: cn("font-semibold", { "text-[var(--ui-kit-bg-error)]": isBalanceInsufficient }), children: [
+                  formatPrice(Number(routeTokenBalance || 0)),
+                  " ",
+                  selectedWarpRoute?.symbol
+                ] })
+              ] })
             ] }),
-            !!selectedWarpRoute?.chainPair && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-              Badge,
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+              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__ */ (0, import_jsx_runtime97.jsxs)(import_react71.Fragment, { children: [
-                  chIdx > 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react59.ArrowLeftRightIcon, { className: "w-4 h-4 " }),
-                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(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__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SelectedWarpRoteIcon, { className: "w-6 h-6" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: selectedWarpRoute.symbol })
+                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react59.ArrowLeftRightIcon, { className: "w-6 h-6" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: hyperlaneWarpRoutes.length ? t("passport:bridgeMenu.labels.selectToken") : t("passport:bridgeMenu.errors.noWarpRoutes") })
+                  ] }),
+                  !!selectedWarpRoute?.chainPair && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+                    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__ */ (0, import_jsx_runtime97.jsxs)(import_react71.Fragment, { children: [
+                        chIdx > 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react59.ArrowLeftRightIcon, { className: "w-4 h-4 " }),
+                        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
+                      ] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
+                    }
+                  )
+                ]
               }
             )
           ]
@@ -21320,82 +21733,87 @@ function SelectStep(props) {
       /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
         "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__ */ (0, import_jsx_runtime97.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.fromChain") }),
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.toChain") })
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+              "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__ */ (0, import_jsx_runtime97.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.fromChain") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.toChain") })
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "w-full flex items-center justify-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Badge, { variant: "outline", size: "large", className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center", children: originChain ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ResolveChainIcon, { chainName: originChain, className: "w-6 h-6" }),
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "block max-w-[100px] truncate", children: CHAINS_UI_META[originChain]?.chainLabel })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "N/A" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+                Button,
+                {
+                  size: "icon",
+                  disabled: !hyperlaneWarpRoutes.length || isQuoteEstimating,
+                  variant: "ghost",
+                  onClick: swapChains,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react59.ArrowRightLeftIcon, { className: "w-4 h-4 " })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Badge, { variant: "outline", size: "large", className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center", children: destinationChain ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ResolveChainIcon, { chainName: destinationChain, className: "w-6 h-6" }),
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "block max-w-[100px] truncate", children: CHAINS_UI_META[destinationChain]?.chainLabel })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "N/A" }) })
+            ] })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "w-full flex items-center justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Badge, { variant: "outline", size: "large", className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center", children: originChain ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ResolveChainIcon, { chainName: originChain, className: "w-6 h-6" }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "block max-w-[100px] truncate", children: CHAINS_UI_META[originChain]?.chainLabel })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "N/A" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-          Button,
-          {
-            size: "icon",
-            disabled: !hyperlaneWarpRoutes.length || isQuoteEstimating,
-            variant: "ghost",
-            onClick: swapChains,
-            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react59.ArrowRightLeftIcon, { className: "w-4 h-4 " })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Badge, { variant: "outline", size: "large", className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center", children: destinationChain ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ResolveChainIcon, { chainName: destinationChain, className: "w-6 h-6" }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "block max-w-[100px] truncate", children: CHAINS_UI_META[destinationChain]?.chainLabel })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "N/A" }) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)] leading-4", children: t("passport:common.amount") }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-        Input,
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+        "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__ */ (0, import_jsx_runtime97.jsx)(
-            Button,
-            {
-              size: "small",
-              variant: "ghost",
-              disabled: isBalanceInsufficient,
-              onClick: () => useBridgeStore.getState().setAmount(Number(routeTokenBalance || 0).toString()),
-              children: String(t("passport:common.max")).toUpperCase()
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
-        "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__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)] leading-4", children: t("passport:bridgeMenu.labels.optionalRecipient") }),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)] text-[10px] leading-4", children: t("passport:common.amount") }),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+              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__ */ (0, import_jsx_runtime97.jsx)(
+                  Button,
+                  {
+                    size: "small",
+                    variant: "ghost",
+                    disabled: isBalanceInsufficient,
+                    onClick: () => useBridgeStore.getState().setAmount(Number(routeTokenBalance || 0).toString()),
+                    children: String(t("passport:common.max")).toUpperCase()
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)] text-[10px] leading-4", children: t("passport:bridgeMenu.labels.optionalRecipient") }),
             /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
               Input,
               {
@@ -21430,6 +21848,7 @@ function SelectStep(props) {
     !isError && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
       Button,
       {
+        ref: (inst) => onboarder.registerElement("bridgemenu-crypto-menu-estimate-quote-button" /* bridgeEstimateQuoteButton */, inst),
         size: "large",
         variant: "default",
         className: "w-full",
@@ -21452,6 +21871,7 @@ var init_SelectStep = __esm({
     import_react71 = require("react");
     init_priceFormatter();
     init_utils2();
+    init_Onboarding();
     init_badge();
     init_button();
     init_input();
@@ -21515,97 +21935,104 @@ function ConfirmStep(props) {
     return routeId === hyperRoute && chainPairNames.includes(originChain) && chainPairNames.includes(destinationChain);
   });
   const isConfirmationDisabled = !quote || isAssetBridging || !userConsent;
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: P_CN, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:common.asset") }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: selectedWarpRoute.symbol })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: P_CN, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:bridgeMenu.quote.sender") }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: bridgeSender.name + " (" + (bridgeSender?.address || "").slice(0, 6) + "..." + (bridgeSender?.address || "").slice(-4) + ")" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: P_CN, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:bridgeMenu.labels.fromChain") }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: CHAINS_UI_META[originChain].chainLabel })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: P_CN, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:bridgeMenu.labels.toChain") }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: CHAINS_UI_META[destinationChain].chainLabel })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: P_CN, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:bridgeMenu.quote.amount") }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: formatPrice(Number(quote.amount)) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:bridgeMenu.quote.igpFee") }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("strong", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: formatPrice(Number(quote.igpFee)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { children: [
-            " ",
-            quote.igpSymbol
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:bridgeMenu.quote.localFee") }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("strong", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: formatPrice(Number(quote.localFee)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { children: [
-            " ",
-            quote.localSymbol
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+    "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__ */ (0, import_jsx_runtime99.jsxs)(Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: P_CN, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:common.asset") }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: selectedWarpRoute.symbol })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: P_CN, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:bridgeMenu.quote.sender") }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: bridgeSender.name + " (" + (bridgeSender?.address || "").slice(0, 6) + "..." + (bridgeSender?.address || "").slice(-4) + ")" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: P_CN, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:bridgeMenu.labels.fromChain") }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: CHAINS_UI_META[originChain].chainLabel })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: P_CN, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:bridgeMenu.labels.toChain") }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: CHAINS_UI_META[destinationChain].chainLabel })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: P_CN, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:bridgeMenu.quote.amount") }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: formatPrice(Number(quote.amount)) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:bridgeMenu.quote.igpFee") }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("strong", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: formatPrice(Number(quote.igpFee)) }),
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { children: [
+                " ",
+                quote.igpSymbol
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:bridgeMenu.quote.localFee") }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("strong", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: formatPrice(Number(quote.localFee)) }),
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { children: [
+                " ",
+                quote.localSymbol
+              ] })
+            ] })
+          ] }),
+          quote.tokenFee && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: P_CN, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:bridgeMenu.quote.tokenFee") }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: formatPrice(Number(quote.tokenFee)) })
           ] })
-        ] })
-      ] }),
-      quote.tokenFee && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: P_CN, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: t("passport:bridgeMenu.quote.tokenFee") }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: formatPrice(Number(quote.tokenFee)) })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Highlight, { type: "warning", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "text-xs", children: t("passport:bridgeMenu.quote.recipient") }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-        "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__ */ (0, import_jsx_runtime99.jsxs)(Highlight, { type: "warning", className: "flex flex-col gap-[var(--ui-kit-gap)] w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "text-xs", children: t("passport:bridgeMenu.quote.recipient") }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+            "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__ */ (0, import_jsx_runtime99.jsx)("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__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "text-xs text-[var(--ui-kit-bg-error)]", children: t("passport:bridgeMenu.consent.lostFunds") }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("label", { className: "flex items-center gap-[var(--ui-kit-gap)] text-xs cursor-pointer", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Checkbox, { checked: userConsent, onCheckedChange: () => setUserConsent((prev) => !prev) }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: t("passport:bridgeMenu.actions.confirmBridge", {
-          amount: quote.amount,
-          asset: selectedWarpRoute.symbol,
-          destinationChain: CHAINS_UI_META[destinationChain].chainLabel
-        }) })
-      ] })
-    ] }),
-    !isError && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
-      Button,
-      {
-        size: "large",
-        variant: "default",
-        disabled: isConfirmationDisabled,
-        onClick: () => bridgeAsset(),
-        className: "w-full",
-        children: [
-          isAssetBridging && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lucide_react61.LoaderIcon, { className: "h-4 w-4 animate-spin" }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: (bridgeTxStatus || t("passport:common.continue")).toUpperCase() })
-        ]
-      }
-    )
-  ] });
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("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__ */ (0, import_jsx_runtime99.jsx)("strong", { className: "text-xs text-[var(--ui-kit-bg-error)]", children: t("passport:bridgeMenu.consent.lostFunds") }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("label", { className: "flex items-center gap-[var(--ui-kit-gap)] text-xs cursor-pointer", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Checkbox, { checked: userConsent, onCheckedChange: () => setUserConsent((prev) => !prev) }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("strong", { children: t("passport:bridgeMenu.actions.confirmBridge", {
+              amount: quote.amount,
+              asset: selectedWarpRoute.symbol,
+              destinationChain: CHAINS_UI_META[destinationChain].chainLabel
+            }) })
+          ] })
+        ] }),
+        !isError && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+          Button,
+          {
+            size: "large",
+            variant: "default",
+            disabled: isConfirmationDisabled,
+            onClick: () => bridgeAsset(),
+            className: "w-full",
+            children: [
+              isAssetBridging && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lucide_react61.LoaderIcon, { className: "h-4 w-4 animate-spin" }),
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: (bridgeTxStatus || t("passport:common.continue")).toUpperCase() })
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 var import_lucide_react61, import_react72, import_jsx_runtime99, P_CN;
 var init_ConfirmStep = __esm({
@@ -21616,6 +22043,7 @@ var init_ConfirmStep = __esm({
     import_react72 = require("react");
     init_priceFormatter();
     init_utils2();
+    init_Onboarding();
     init_button();
     init_checkbox();
     init_highlight();
@@ -21988,7 +22416,6 @@ var init_HistoryStep = __esm({
 function SelectAssetRoute(props) {
   const { hyperlaneWarpRoutes } = props;
   const { t } = useT();
-  const [isTokenSymbolSelector, setIsTokenSymbolSelector] = (0, import_react73.useState)(false);
   const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
   const tokenList = (0, import_react73.useMemo)(() => {
     const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
@@ -21998,47 +22425,30 @@ function SelectAssetRoute(props) {
       Icon: TOKENS_ICONS[symbol.toUpperCase()] || TOKENS_ICONS.EMBARKAI
     }));
   }, [hyperlaneWarpRoutes]);
-  if (isTokenSymbolSelector) {
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "w-full grid grid-cols-1 gap-[var(--ui-kit-gap)]", children: tokenList.map((asset, assetIdx) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
-      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__ */ (0, import_jsx_runtime102.jsx)(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__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.selectToken") }),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-      Button,
-      {
-        variant: "secondary",
-        className: "w-full",
-        onClick: () => {
-          setIsTokenSymbolSelector(true);
-          useFlowSelectorStore.getState().setRenderKey(`hyperlane-route-asset-selector-${Date.now()}`);
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.selectToken") }),
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "w-full grid grid-cols-2 gap-[var(--ui-kit-gap)]", children: tokenList.map((asset, assetIdx) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+        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__ */ (0, import_jsx_runtime102.jsx)(asset.Icon, { className: "w-6 h-6" }),
+            asset.symbol
+          ]
         },
-        children: selectedAsset ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(selectedAsset.Icon, { className: "w-6 h-6" }),
-          selectedAsset.symbol
-        ] }) : t("passport:bridgeMenu.actions.selectAsset")
-      }
-    ),
-    availableChainPairs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+        `hyperlane-route-token-${asset.symbol}-${assetIdx}`
+      )) })
+    ] }),
+    availableChainPairs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:bridgeMenu.labels.availableChainPairs") }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: availableChainPairs.map(([fromChain, toChain]) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+      availableChainPairs.map(([fromChain, toChain]) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
         Button,
         {
           variant: "secondary",
@@ -22083,7 +22493,7 @@ function SelectAssetRoute(props) {
           ]
         },
         `hyperlane-route-chain-pair-${fromChain.chainName}-${toChain.chainName}`
-      )) })
+      ))
     ] })
   ] });
 }
@@ -22126,7 +22536,7 @@ function HyperlaneBridge() {
       useBridgeStore.getState().resetSelections();
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
     bridgeStep === "sender-selector" && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SenderSelector, { directWalletProfile }),
     bridgeStep === "select" && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       SelectStep,
@@ -22653,45 +23063,6 @@ var init_NftDisplayCard = __esm({
   }
 });
 
-// src/internal/components/SendMenu/send/useSendStore.ts
-var import_zustand15, useSendStore;
-var init_useSendStore = __esm({
-  "src/internal/components/SendMenu/send/useSendStore.ts"() {
-    import_zustand15 = require("zustand");
-    init_useFlowSelector();
-    useSendStore = (0, import_zustand15.create)((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
 function getAssetBalance3(asset) {
   if (isNftAsset3(asset)) return "1";
@@ -23069,7 +23440,7 @@ function InputSendStep(props) {
     setError(null);
     return true;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
     /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:sendMenu.selectAsset") }),
     /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
       Button,
@@ -23217,134 +23588,141 @@ function ConfirmSendStep(props) {
       useFlowSelectorStore.getState().setError(error?.message || "Transaction failed");
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
-    isNicknameInput && isFrozen && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.AlertTriangle, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "This handle is frozen. Proceed with caution." })
-    ] }),
-    isSecurity && erc3643CanTransfer && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.Shield, { className: "h-4 w-4 flex-shrink-0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "Security token compliance verified" })
-    ] }),
-    !isNft && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between leading-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: [
-        selectedAsset.symbol,
-        " Balance"
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "text-sm font-bold", children: [
-        formatPrice(balance),
-        " ",
-        selectedAsset.symbol
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)]", children: isNicknameInput && nicknameData ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-start gap-[var(--ui-kit-gap)]", children: [
-        nicknameData.avatarSvg ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
-          "img",
-          {
-            src: nicknameData.avatarSvg,
-            alt: nicknameData.handle,
-            className: "w-12 h-12 rounded-full object-cover flex-shrink-0"
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "w-12 h-12 rounded-full bg-[var(--ui-kit-secondary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.AtSign, { className: "w-6 h-6" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-1 flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "font-medium text-[14px] leading-4 truncate", children: nicknameData.handle }),
-          nicknameData.fingerprint && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
-            "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__ */ (0, import_jsx_runtime110.jsxs)(
+    "div",
+    {
+      ref: (inst) => onboarder.registerElement("sendmenu-crypto-summary" /* sendCryptoSummary */, inst),
+      className: "flex flex-col gap-[var(--ui-kit-gap)]",
+      children: [
+        isNicknameInput && isFrozen && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.AlertTriangle, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "This handle is frozen. Proceed with caution." })
+        ] }),
+        isSecurity && erc3643CanTransfer && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.Shield, { className: "h-4 w-4 flex-shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: "Security token compliance verified" })
+        ] }),
+        !isNft && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between leading-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: [
+            selectedAsset.symbol,
+            " Balance"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "text-sm font-bold", children: [
+            formatPrice(balance),
+            " ",
+            selectedAsset.symbol
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Highlight, { type: "info", className: "flex flex-col gap-[var(--ui-kit-gap)]", children: isNicknameInput && nicknameData ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-start gap-[var(--ui-kit-gap)]", children: [
+            nicknameData.avatarSvg ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              "img",
+              {
+                src: nicknameData.avatarSvg,
+                alt: nicknameData.handle,
+                className: "w-12 h-12 rounded-full object-cover flex-shrink-0"
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "w-12 h-12 rounded-full bg-[var(--ui-kit-secondary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.AtSign, { className: "w-6 h-6" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-1 flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "font-medium text-[14px] leading-4 truncate", children: nicknameData.handle }),
+              nicknameData.fingerprint && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+                "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__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.ShieldCheck, { className: "w-4 h-4 flex-shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.ShieldAlert, { className: "w-4 h-4 flex-shrink-0" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { children: [
+                      "Fingerprint: ",
+                      nicknameData.fingerprint
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: isFingerprintVerified ? "Verified" : "FAILED" })
+                  ]
+                }
               ),
-              children: [
-                isFingerprintVerified ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.ShieldCheck, { className: "w-4 h-4 flex-shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.ShieldAlert, { className: "w-4 h-4 flex-shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { children: [
-                  "Fingerprint: ",
-                  nicknameData.fingerprint
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: isFingerprintVerified ? "Verified" : "FAILED" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: `${resolvedAddress.slice(0, 6)}...${resolvedAddress.slice(-4)} : ` })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "border-t border-[var(--ui-kit-bd)] py-[var(--ui-kit-pd)] text-[10px]", children: [
-        isNft ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between items-start", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "NFT:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "text-right", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "font-semibold block", children: selectedAsset.nftMetadata?.name || selectedAsset.name }),
-            selectedAsset.tokenId && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: [
-              "#",
-              selectedAsset.tokenId.length > 10 ? `${selectedAsset.tokenId.slice(0, 8)}...` : selectedAsset.tokenId
+              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: `${resolvedAddress.slice(0, 6)}...${resolvedAddress.slice(-4)} : ` })
             ] })
-          ] })
-        ] }) : (
-          // Fungible token details
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:common.amount") }),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "text-sm font-bold", children: [
-              amount,
-              " ",
-              selectedAsset.symbol
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "border-t border-[var(--ui-kit-bd)] py-[var(--ui-kit-pd)] text-[10px]", children: [
+            isNft ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between items-start", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "NFT:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "text-right", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "font-semibold block", children: selectedAsset.nftMetadata?.name || selectedAsset.name }),
+                selectedAsset.tokenId && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("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__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:common.amount") }),
+                /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "text-sm font-bold", children: [
+                  amount,
+                  " ",
+                  selectedAsset.symbol
+                ] })
+              ] })
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:common.network") }),
+              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-sm font-bold", children: chainConfig.name })
             ] })
           ] })
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:common.network") }),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-sm font-bold", children: chainConfig.name })
-        ] })
-      ] })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("h3", { className: "font-medium mb-3 text-[var(--ui-kit-fg)]", children: "Transaction Details" }),
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "space-y-2 text-sm text-[var(--ui-kit-fg)]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "To:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "font-mono text-xs", children: `${effectiveAddress.slice(0, 6)}...${effectiveAddress.slice(-4)}` })
-        ] }),
-        isNft ? (
-          // NFT details
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_jsx_runtime110.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between items-start", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "NFT:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "text-right", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "font-semibold block", children: selectedAsset.nftMetadata?.name || selectedAsset.name }),
-              selectedAsset.tokenId && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "text-xs text-[var(--ui-kit-fg-muted)]", children: [
-                "#",
-                selectedAsset.tokenId.length > 10 ? `${selectedAsset.tokenId.slice(0, 8)}...` : selectedAsset.tokenId
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("h3", { className: "font-medium mb-3 text-[var(--ui-kit-fg)]", children: "Transaction Details" }),
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "space-y-2 text-sm text-[var(--ui-kit-fg)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "To:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "font-mono text-xs", children: `${effectiveAddress.slice(0, 6)}...${effectiveAddress.slice(-4)}` })
+            ] }),
+            isNft ? (
+              // NFT details
+              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_jsx_runtime110.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between items-start", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "NFT:" }),
+                /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "text-right", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "font-semibold block", children: selectedAsset.nftMetadata?.name || selectedAsset.name }),
+                  selectedAsset.tokenId && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("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__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:common.amount") }),
+                /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "font-semibold", children: [
+                  amount,
+                  " ",
+                  selectedAsset.symbol
+                ] })
               ] })
-            ] })
-          ] }) })
-        ) : (
-          // Fungible token details
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:common.amount") }),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "font-semibold", children: [
-              amount,
-              " ",
-              selectedAsset.symbol
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:common.network") }),
+              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: chainConfig.name })
             ] })
           ] })
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex justify-between leading-5 gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:common.network") }),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: chainConfig.name })
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
-      Button,
-      {
-        onClick: () => handleConfirm(),
-        disabled: isTransactionPending,
-        className: "w-full",
-        size: "large",
-        children: [
-          isTransactionPending && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.Loader, { className: "h-4 w-4 animate-spin" }),
-          t("passport:common.confirm")
-        ]
-      }
-    )
-  ] });
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+          Button,
+          {
+            onClick: () => handleConfirm(),
+            disabled: isTransactionPending,
+            className: "w-full",
+            size: "large",
+            children: [
+              isTransactionPending && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react68.Loader, { className: "h-4 w-4 animate-spin" }),
+              t("passport:common.confirm")
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 var import_react_query53, import_lucide_react68, import_jsx_runtime110;
 var init_ConfirmSendStep = __esm({
@@ -23355,6 +23733,7 @@ var init_ConfirmSendStep = __esm({
     import_lucide_react68 = require("lucide-react");
     init_priceFormatter();
     init_utils2();
+    init_Onboarding();
     init_button();
     init_highlight();
     init_useFlowSelector();
@@ -23549,14 +23928,61 @@ var init_send = __esm({
   }
 });
 
+// src/internal/components/SendMenu/useSendMenuParams.ts
+function useSendMenuParams() {
+  (0, import_react81.useEffect)(() => {
+    const { pageParams, setPageParams } = useLayoutDataStore.getState();
+    if (!pageParams || !(0, import_lodash_es13.keys)(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 import_lodash_es13, import_react81;
+var init_useSendMenuParams = __esm({
+  "src/internal/components/SendMenu/useSendMenuParams.ts"() {
+    import_lodash_es13 = require("lodash-es");
+    import_react81 = require("react");
+    init_useLayoutDataStore();
+    init_useBridgeStore();
+    init_useSendStore();
+    init_useFlowSelector();
+  }
+});
+
 // src/internal/components/SendMenu/SendFlowSelector.tsx
 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__ */ (0, import_jsx_runtime112.jsxs)(
     "div",
     {
@@ -23604,6 +24030,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);
@@ -23611,15 +24038,19 @@ function SendFlowSelector() {
   const error = useFlowSelectorStore((st) => st.error);
   const menuTitle = useFlowSelectorStore((st) => st.menuTitle);
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
-  (0, import_react81.useEffect)(
+  const sendStep = useSendStore((st) => st.txStep);
+  const bridgeStep = useBridgeStore((st) => st.bridgeStep);
+  (0, import_react82.useEffect)(
     () => () => {
       useFlowSelectorStore.getState().setError(null);
     },
     []
   );
+  const isSendFlowInitialState = selectorFlow === "send" && sendStep === "input" || selectorFlow === "bridge" && bridgeStep === "select";
   return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
     "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)"
@@ -23637,8 +24068,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 ''
@@ -23663,9 +24094,31 @@ function SendFlowSelector() {
             ),
             /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: "text-xl font-semibold", children: menuTitle })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(BridgeHistorySwitch, {})
+          /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+            isSendFlowInitialState && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+              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__ */ (0, import_jsx_runtime112.jsx)(import_lucide_react70.CircleQuestionMarkIcon, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(BridgeHistorySwitch, {})
+          ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(SelectorFlowButtons, {}),
+        isSendFlowInitialState && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(SelectorFlowButtons, {}),
         SELECTOR_FLOW[selectorFlow],
         error && /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Highlight, { type: "error", className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
           /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "w-full flex gap-[var(--ui-kit-gap)]", children: [
@@ -23688,21 +24141,24 @@ function SendFlowSelector() {
     }
   );
 }
-var import_lucide_react70, import_react81, import_jsx_runtime112, SELECTOR_FLOW;
+var import_lucide_react70, import_react82, import_jsx_runtime112, SELECTOR_FLOW;
 var init_SendFlowSelector = __esm({
   "src/internal/components/SendMenu/SendFlowSelector.tsx"() {
     init_i18n();
     import_lucide_react70 = require("lucide-react");
-    import_react81 = require("react");
+    import_react82 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_utils2();
     init_Expandable2();
+    init_Onboarding();
     init_button();
     init_highlight();
     init_hyperbridge();
+    init_onboarding_setup2();
     init_send();
     init_useFlowSelector();
+    init_useSendMenuParams();
     import_jsx_runtime112 = require("react/jsx-runtime");
     SELECTOR_FLOW = {
       send: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(SendMenu, {}),
@@ -23715,6 +24171,7 @@ var init_SendFlowSelector = __esm({
 var init_SendMenu2 = __esm({
   "src/internal/components/SendMenu/index.ts"() {
     init_SendFlowSelector();
+    init_onboarding_setup2();
   }
 });
 
@@ -23748,12 +24205,12 @@ function getServerSnapshot() {
   return false;
 }
 function useProMode() {
-  return (0, import_react82.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+  return (0, import_react83.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
 }
-var import_react82, STORAGE_KEY, EVENT_NAME;
+var import_react83, STORAGE_KEY, EVENT_NAME;
 var init_pro_mode = __esm({
   "src/internal/lib/pro-mode.ts"() {
-    import_react82 = require("react");
+    import_react83 = require("react");
     STORAGE_KEY = "embarkai_pro_mode";
     EVENT_NAME = "embarkai-pro-mode-changed";
   }
@@ -23795,7 +24252,7 @@ function useSettingsButtons() {
   if (proMode) {
     settingsButtons.push({ id: "devices" /* DEVICES */, name: "Guardians", Icon: import_lucide_react72.HardDrive });
   }
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     const cssvEl = document.querySelector(".embarkai-ui-scope");
     if (!cssvEl || !window?.getComputedStyle) {
       return;
@@ -23859,7 +24316,7 @@ function SettingsMenu() {
     }
   );
 }
-var import_react_query54, import_lucide_react72, import_react83, import_jsx_runtime113;
+var import_react_query54, import_lucide_react72, import_react84, import_jsx_runtime113;
 var init_SettingsMenu = __esm({
   "src/internal/components/SettingsMenu/SettingsMenu.tsx"() {
     init_ProviderContext();
@@ -23867,7 +24324,7 @@ var init_SettingsMenu = __esm({
     init_i18n();
     import_react_query54 = require("@tanstack/react-query");
     import_lucide_react72 = require("lucide-react");
-    import_react83 = require("react");
+    import_react84 = require("react");
     init_nickname();
     init_profile();
     init_useLayoutDataStore();
@@ -24739,7 +25196,7 @@ function TransactionsMenu() {
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
-  const [expandedGroups, setExpandedGroups] = (0, import_react84.useState)({});
+  const [expandedGroups, setExpandedGroups] = (0, import_react85.useState)({});
   const historySupported = isTransactionHistorySupported(chainConfig?.id);
   const {
     data: txHistoryGroups = [],
@@ -24752,7 +25209,7 @@ function TransactionsMenu() {
     queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
     queryFn: () => getTransactionsListQuery({ address, chainConfig })
   });
-  const refreshTxHistory = (0, import_react84.useCallback)(
+  const refreshTxHistory = (0, import_react85.useCallback)(
     () => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address] }),
     [qc, chainConfig.id, address]
   );
@@ -24801,14 +25258,14 @@ function TransactionsMenu() {
     }
   );
 }
-var import_react_query55, import_lucide_react75, import_react84, import_jsx_runtime116;
+var import_react_query55, import_lucide_react75, import_react85, import_jsx_runtime116;
 var init_TransactionsMenu = __esm({
   "src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
     init_SessionContext();
     init_i18n();
     import_react_query55 = require("@tanstack/react-query");
     import_lucide_react75 = require("lucide-react");
-    import_react84 = require("react");
+    import_react85 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_Expandable2();
@@ -25006,7 +25463,7 @@ function usePageMapper() {
     setIsDialogOpen,
     setIsDialogClosing
   } = useLayoutStore();
-  const closeDialog = (0, import_react85.useCallback)(() => {
+  const closeDialog = (0, import_react86.useCallback)(() => {
     setIsDialogClosing(true);
     setTimeout(() => {
       setDialogContent(null);
@@ -25017,7 +25474,7 @@ function usePageMapper() {
       setIsDialogOpen(false);
     }, CLEAR_DIALOG_TIMEOUT);
   }, [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogForced, setIsDialogOpen, setIsDialogClosing]);
-  const openDialog = (0, import_react85.useCallback)(
+  const openDialog = (0, import_react86.useCallback)(
     (pageItem) => {
       const PageContentComponent = pageItem.component;
       setDialogTitle(pageItem.title);
@@ -25027,7 +25484,7 @@ function usePageMapper() {
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
   );
-  (0, import_react85.useEffect)(() => {
+  (0, import_react86.useEffect)(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -25038,10 +25495,10 @@ function usePageMapper() {
     openDialog(pageItem);
   }, [page, closeDialog, openDialog]);
 }
-var import_react85, import_jsx_runtime117, CLEAR_DIALOG_TIMEOUT;
+var import_react86, import_jsx_runtime117, CLEAR_DIALOG_TIMEOUT;
 var init_usePageMapper = __esm({
   "src/internal/hooks/usePageMapper.tsx"() {
-    import_react85 = require("react");
+    import_react86 = require("react");
     init_PageMap();
     init_constants();
     init_useLayoutDataStore();
@@ -25057,24 +25514,24 @@ function useSettingsNotifications() {
   const providers = import_auth23.jwtTokenManager.getProviders();
   const hasEmail = providers.includes("email");
   const { data: userProfile = null } = useUserProfile();
-  (0, import_react86.useEffect)(() => {
+  (0, import_react87.useEffect)(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  (0, import_react86.useEffect)(() => {
+  (0, import_react87.useEffect)(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
     });
   }, [hasEmail, setSettingsNotifications]);
 }
-var import_react86, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
+var import_react87, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
 var init_useSettingsNotifications = __esm({
   "src/internal/hooks/useSettingsNotifications.ts"() {
-    import_react86 = require("react");
+    import_react87 = require("react");
     init_auth();
     init_useLayoutDataStore();
     init_useUserProfile();
@@ -25097,7 +25554,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",
@@ -25350,11 +25807,11 @@ function Header() {
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
   const proMode = useProMode();
-  const [proToast, setProToast] = (0, import_react87.useState)(false);
-  const [copied, setCopied] = (0, import_react87.useState)(false);
-  const clickCountRef = (0, import_react87.useRef)(0);
-  const clickTimerRef = (0, import_react87.useRef)(null);
-  const handleAvatarClick = (0, import_react87.useCallback)(() => {
+  const [proToast, setProToast] = (0, import_react88.useState)(false);
+  const [copied, setCopied] = (0, import_react88.useState)(false);
+  const clickCountRef = (0, import_react88.useRef)(0);
+  const clickTimerRef = (0, import_react88.useRef)(null);
+  const handleAvatarClick = (0, import_react88.useCallback)(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
       clearTimeout(clickTimerRef.current);
@@ -25449,7 +25906,7 @@ function Header() {
     }
   );
 }
-var import_lucide_react77, import_react87, import_jsx_runtime119;
+var import_lucide_react77, import_react88, import_jsx_runtime119;
 var init_Header = __esm({
   "src/internal/components/Header/Header.tsx"() {
     init_lumia2();
@@ -25458,7 +25915,7 @@ var init_Header = __esm({
     init_SessionContext();
     init_useT();
     import_lucide_react77 = require("lucide-react");
-    import_react87 = require("react");
+    import_react88 = require("react");
     init_icons();
     init_auth();
     init_useUserProfile();
@@ -25486,26 +25943,26 @@ function useDecideContentStyles() {
   return {
     isClosing,
     isMobileView,
-    style: (0, import_lodash_es13.merge)({}, mobileStyles)
+    style: (0, import_lodash_es14.merge)({}, mobileStyles)
   };
 }
-var DialogPrimitive, import_lodash_es13, import_lucide_react78, import_react88, import_jsx_runtime120, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
+var DialogPrimitive, import_lodash_es14, import_lucide_react78, import_react89, import_jsx_runtime120, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
 var init_dialog = __esm({
   "src/internal/components/ui/dialog.tsx"() {
     init_utils2();
     init_SessionContext();
     init_i18n();
     DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-    import_lodash_es13 = require("lodash-es");
+    import_lodash_es14 = require("lodash-es");
     import_lucide_react78 = require("lucide-react");
-    import_react88 = require("react");
+    import_react89 = require("react");
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_button();
     import_jsx_runtime120 = require("react/jsx-runtime");
     Dialog = DialogPrimitive.Root;
     DialogPortal = DialogPrimitive.Portal;
-    DialogOverlay = (0, import_react88.forwardRef)(
+    DialogOverlay = (0, import_react89.forwardRef)(
       ({ className, closing, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
         DialogPrimitive.Overlay,
         {
@@ -25527,7 +25984,7 @@ var init_dialog = __esm({
       border: "1px solid var(--ui-kit-bd)",
       boxShadow: "var(--ui-kit-shadow, 0px 4px 10px var(--ui-kit-shadow-c, rgba(0, 0, 0, 0.1)))"
     };
-    DialogContent = (0, import_react88.forwardRef)(
+    DialogContent = (0, import_react89.forwardRef)(
       ({ className, children, colorMode, ...props }, ref) => {
         const { t, i18n } = useT();
         const isSessionLoading = useSession((st) => st.isLoading);
@@ -25639,7 +26096,7 @@ var init_dialog = __esm({
     DialogHeader.displayName = "DialogHeader";
     DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
     DialogFooter.displayName = "DialogFooter";
-    DialogTitle = (0, import_react88.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    DialogTitle = (0, import_react89.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       DialogPrimitive.Title,
       {
         ref,
@@ -25648,7 +26105,7 @@ var init_dialog = __esm({
       }
     ));
     DialogTitle.displayName = DialogPrimitive.Title.displayName;
-    DialogDescription = (0, import_react88.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+    DialogDescription = (0, import_react89.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
     DialogDescription.displayName = DialogPrimitive.Description.displayName;
   }
 });
@@ -25673,7 +26130,7 @@ function Dialog2() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  (0, import_react89.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
+  (0, import_react90.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -25711,13 +26168,13 @@ function Dialog2() {
     }
   );
 }
-var import_framer_motion, import_react89, import_jsx_runtime122;
+var import_framer_motion, import_react90, import_jsx_runtime122;
 var init_Dialog = __esm({
   "src/internal/components/Dialog/Dialog.tsx"() {
     init_ProviderContext();
     init_SessionContext();
     import_framer_motion = require("framer-motion");
-    import_react89 = require("react");
+    import_react90 = require("react");
     init_constants();
     init_useAutoConnect();
     init_useBackupStatusChanges();
@@ -25753,13 +26210,13 @@ function DirectWalletHandler() {
   const setExternalChainId = useExternalWalletStore((st) => st.setExternalChainId);
   const setConfigMode = useExternalWalletStore((st) => st.setConfigMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     setConfigMode(walletMode);
     if (walletMode !== "both") {
       setActiveMode(walletMode);
     }
   }, [walletMode, setConfigMode, setActiveMode]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isConnected && address && !isExternalConnected && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25768,17 +26225,17 @@ function DirectWalletHandler() {
       });
     }
   }, [isConnected, address, isExternalConnected, connector, chain?.id, setExternalWallet]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isExternalConnected && !isConnected) {
       clearExternalWallet();
     }
   }, [isConnected, isExternalConnected, clearExternalWallet]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isExternalConnected && isConnected && chain?.id) {
       setExternalChainId(chain.id);
     }
   }, [chain?.id, isConnected, isExternalConnected, setExternalChainId]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isExternalConnected && isConnected && address && address !== externalAddress && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -25789,10 +26246,10 @@ function DirectWalletHandler() {
   }, [address, isConnected, isExternalConnected, externalAddress, chain?.id, connector, setExternalWallet]);
   return null;
 }
-var import_react90, import_wagmi8;
+var import_react91, import_wagmi8;
 var init_DirectWalletHandler = __esm({
   "src/internal/components/DirectWalletHandler.tsx"() {
-    import_react90 = require("react");
+    import_react91 = require("react");
     import_wagmi8 = require("wagmi");
     init_ProviderContext();
     init_useExternalWalletStore();
@@ -25800,14 +26257,14 @@ var init_DirectWalletHandler = __esm({
 });
 
 // src/internal/components/TssManager.tsx
-var import_react91, TssManagerWithRef;
+var import_react92, TssManagerWithRef;
 var init_TssManager = __esm({
   "src/internal/components/TssManager.tsx"() {
     init_SessionContext();
-    import_react91 = __toESM(require("react"), 1);
+    import_react92 = __toESM(require("react"), 1);
     init_auth();
     init_clients();
-    TssManagerWithRef = import_react91.default.forwardRef((props, ref) => {
+    TssManagerWithRef = import_react92.default.forwardRef((props, ref) => {
       const { mpcPin } = props;
       const usePaymaster = useSession((st) => st.usePaymaster);
       const publicClient = useSession((st) => st.publicClient);
@@ -25815,14 +26272,14 @@ var init_TssManager = __esm({
       const setStatus = useSession((st) => st.setStatus);
       const setSession = useSession((st) => st.setSession);
       const setAddress = useSession((st) => st.setAddress);
-      const onSessionCreated = (0, import_react91.useCallback)(
+      const onSessionCreated = (0, import_react92.useCallback)(
         (session, address) => {
           setSession(session);
           setAddress(address);
         },
         [setSession, setAddress]
       );
-      const createSessionWithKeyshare = import_react91.default.useCallback(
+      const createSessionWithKeyshare = import_react92.default.useCallback(
         async (userId, hasServerKeyshare, isNewUser) => {
           setStatus("checking key management setup...");
           await ensureKeyshare(userId, hasServerKeyshare, setStatus, isNewUser);
@@ -25847,7 +26304,7 @@ var init_TssManager = __esm({
         },
         [setStatus, usePaymaster, activeChainId, publicClient, mpcPin]
       );
-      import_react91.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
+      import_react92.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
       return null;
     });
   }
@@ -25875,7 +26332,7 @@ function WalletConnectHandler() {
   const projectId = providerConfig?.projectId;
   const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
   const setPendingWalletLogin = useLayoutDataStore((st) => st.setPendingWalletLogin);
-  const onLinkingComplete = (0, import_react92.useCallback)(
+  const onLinkingComplete = (0, import_react93.useCallback)(
     async (success) => {
       setIsWalletLinking(false);
       if (!success && !passportWalletAddress) {
@@ -25904,10 +26361,10 @@ function WalletConnectHandler() {
     },
     [qc, passportWalletAddress, setProviderType, setPage, setIsWalletLinking]
   );
-  const [hasStartedLinking, setHasStartedLinking] = import_react92.default.useState(false);
-  const [modalWasOpened, setModalWasOpened] = import_react92.default.useState(false);
-  const [pendingModalOpen, setPendingModalOpen] = import_react92.default.useState(false);
-  (0, import_react92.useEffect)(() => {
+  const [hasStartedLinking, setHasStartedLinking] = import_react93.default.useState(false);
+  const [modalWasOpened, setModalWasOpened] = import_react93.default.useState(false);
+  const [pendingModalOpen, setPendingModalOpen] = import_react93.default.useState(false);
+  (0, import_react93.useEffect)(() => {
     if (isWalletLinking && !hasStartedLinking) {
       console.log("[WalletConnectHandler] Starting wallet link flow:", {
         isConnected,
@@ -25945,18 +26402,18 @@ function WalletConnectHandler() {
     setProviderType,
     walletMode
   ]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (pendingModalOpen && !isConnected && openConnectModal) {
       setPendingModalOpen(false);
       openConnectModal();
     }
   }, [pendingModalOpen, isConnected, openConnectModal]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (connectModalOpen && hasStartedLinking) {
       setModalWasOpened(true);
     }
   }, [connectModalOpen, hasStartedLinking]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (modalWasOpened && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
       onLinkingComplete(false);
@@ -25964,7 +26421,7 @@ function WalletConnectHandler() {
       setModalWasOpened(false);
     }
   }, [connectModalOpen, modalWasOpened, isConnected, isWalletLinking]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (isWalletLinking) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet linking timed out, resetting state");
@@ -26084,7 +26541,7 @@ function WalletConnectHandler() {
       setPage(passportWalletAddress ? "manage-wallet" /* MANAGE_WALLET */ : "auth" /* AUTH */);
     }
   });
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (!!chain?.id && isConnected && walletAddress && isWalletLinking && hasStartedLinking && modalWasOpened && !pendingModalOpen) {
       console.log("[WalletConnectHandler] handleWalletSign triggered");
       if (!passportWalletAddress) {
@@ -26094,7 +26551,7 @@ function WalletConnectHandler() {
       handleWalletSign({ chainId: chain.id, signingWalletAddress: walletAddress });
     }
   }, [chain, isConnected, walletAddress, isWalletLinking, hasStartedLinking, modalWasOpened, pendingModalOpen]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (isConnected && !chain?.id && isWalletLinking && hasStartedLinking && !connectModalOpen && !isWalletSigning) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet connected but chain info missing, resetting");
@@ -26116,7 +26573,7 @@ function WalletConnectHandler() {
   ]);
   return null;
 }
-var import_rainbowkit2, import_react_query57, import_react92, import_wagmi9;
+var import_rainbowkit2, import_react_query57, import_react93, import_wagmi9;
 var init_WalletConnectHandler = __esm({
   "src/internal/components/WalletConnectHandler.tsx"() {
     init_ProviderContext();
@@ -26124,7 +26581,7 @@ var init_WalletConnectHandler = __esm({
     init_linkedProfiles();
     import_rainbowkit2 = require("@rainbow-me/rainbowkit");
     import_react_query57 = require("@tanstack/react-query");
-    import_react92 = __toESM(require("react"), 1);
+    import_react93 = __toESM(require("react"), 1);
     import_wagmi9 = require("wagmi");
     init_wallet();
     init_AuthMenu2();
@@ -26152,7 +26609,7 @@ function waitForStoreHydration() {
 }
 function SessionProvider({ children }) {
   const config = useProviderConfig().config;
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_react93.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_react94.Fragment, { children: [
     children,
     config.current?.wallet?.enabled && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(WalletConnectHandler, {}),
     config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DirectWalletHandler, {}),
@@ -26168,11 +26625,11 @@ function SessionProvider({ children }) {
     /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(OnboardingOverlay, {})
   ] });
 }
-var import_read22, import_react93, import_zustand16, import_middleware4, import_jsx_runtime123, useSession, requireActiveChainId;
+var import_read22, import_react94, import_zustand16, import_middleware4, import_jsx_runtime123, useSession, requireActiveChainId;
 var init_SessionContext = __esm({
   "src/context/SessionContext.tsx"() {
     import_read22 = require("@embarkai/core/read");
-    import_react93 = require("react");
+    import_react94 = require("react");
     import_zustand16 = require("zustand");
     import_middleware4 = require("zustand/middleware");
     init_BalanceFeedProvider2();
@@ -27152,13 +27609,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");
   }
 }
@@ -28853,7 +29310,7 @@ var init_rainbowkit = __esm({
 function RainbowKitProvider({ children }) {
   const config = useProviderConfig().config;
   const colorMode = useLayoutStore((st) => st.colorMode);
-  const rainbowConfig = (0, import_react94.useMemo)(
+  const rainbowConfig = (0, import_react95.useMemo)(
     () => createRainbowConfig({
       projectId: config.current?.wallet?.walletConnectProjectId,
       allowedWallets: config.current?.wallet?.allowedWallets,
@@ -28867,7 +29324,7 @@ function RainbowKitProvider({ children }) {
       config.current?.wallet?.walletConnectProjectId
     ]
   );
-  const customTheme = (0, import_react94.useMemo)(() => {
+  const customTheme = (0, import_react95.useMemo)(() => {
     if (!config.current?.wallet?.enabled) return {};
     return colorMode === "dark" ? {
       ...(0, import_rainbowkit4.darkTheme)(),
@@ -28884,11 +29341,11 @@ function RainbowKitProvider({ children }) {
   if (!config.current?.wallet?.enabled) return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_jsx_runtime124.Fragment, { children });
   return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_wagmi11.WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_rainbowkit4.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
 }
-var import_rainbowkit4, import_react94, import_wagmi11, import_styles, import_jsx_runtime124;
+var import_rainbowkit4, import_react95, import_wagmi11, import_styles, import_jsx_runtime124;
 var init_RainbowKitContext = __esm({
   "src/context/RainbowKitContext.tsx"() {
     import_rainbowkit4 = require("@rainbow-me/rainbowkit");
-    import_react94 = require("react");
+    import_react95 = require("react");
     import_wagmi11 = require("wagmi");
     init_rainbowkit();
     init_useLayoutStore();
@@ -28944,10 +29401,10 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = (0, import_react95.useRef)(callbacks);
-  (0, import_react95.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = (0, import_react95.useRef)((0, import_lodash_es14.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
-  const updateConfig = (0, import_react95.useCallback)((updates) => {
+  const callbacksRef = (0, import_react96.useRef)(callbacks);
+  (0, import_react96.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = (0, import_react96.useRef)((0, import_lodash_es15.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const updateConfig = (0, import_react96.useCallback)((updates) => {
     const prev = config.current;
     const next = { ...prev };
     if (updates.projectId !== void 0) next.projectId = updates.projectId;
@@ -28981,14 +29438,14 @@ function Provider(props) {
     if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
     config.current = next;
   }, []);
-  const updateCallbacks = (0, import_react95.useCallback)((updates) => {
+  const updateCallbacks = (0, import_react96.useCallback)((updates) => {
     const prev = callbacksRef.current;
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  (0, import_react95.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
-    const mergedConfig = (0, import_lodash_es14.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
+    const mergedConfig = (0, import_lodash_es15.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
     if (mergedConfig.wallet?.enabled) {
       clearLegacyWagmiStorage();
@@ -29006,7 +29463,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  (0, import_react95.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       (0, import_error_tracking4.initSdkErrorTracking)();
@@ -29035,7 +29492,7 @@ function Provider(props) {
       console.error("[PROVIDER] Error setting up iframe manager:", error);
     }
   }, [projectId]);
-  const contextValue = (0, import_react95.useMemo)(
+  const contextValue = (0, import_react96.useMemo)(
     () => ({
       config,
       updateConfig,
@@ -29056,12 +29513,12 @@ function Provider(props) {
     /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(WagmiProvider2, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SessionProvider, { children }) }) })
   );
 }
-var import_error_tracking4, import_lodash_es14, import_react95, import_jsx_runtime126, UIContext, useProviderConfig;
+var import_error_tracking4, import_lodash_es15, import_react96, import_jsx_runtime126, UIContext, useProviderConfig;
 var init_ProviderContext = __esm({
   "src/context/ProviderContext.tsx"() {
     import_error_tracking4 = require("@embarkai/core/internal/error-tracking");
-    import_lodash_es14 = require("lodash-es");
-    import_react95 = require("react");
+    import_lodash_es15 = require("lodash-es");
+    import_react96 = require("react");
     init_initial();
     init_iframe_manager();
     init_RainbowKitContext();
@@ -29069,9 +29526,9 @@ var init_ProviderContext = __esm({
     init_utils12();
     init_WagmiContext();
     import_jsx_runtime126 = require("react/jsx-runtime");
-    UIContext = (0, import_react95.createContext)(void 0);
+    UIContext = (0, import_react96.createContext)(void 0);
     useProviderConfig = () => {
-      const ctx = (0, import_react95.useContext)(UIContext);
+      const ctx = (0, import_react96.useContext)(UIContext);
       if (!ctx) throw new Error("useProviderConfig must be used within a Provider");
       return ctx;
     };
@@ -29083,6 +29540,7 @@ var index_exports = {};
 __export(index_exports, {
   AccountAbstractionError: () => AccountAbstractionError,
   Address: () => Address,
+  BRIDGE_MENU_TOUR: () => BRIDGE_MENU_TOUR,
   BUY_MENU_BINANCE_TOUR: () => BUY_MENU_BINANCE_TOUR,
   ConnectWalletButton: () => ConnectWalletButton,
   ErrorCodes: () => ErrorCodes,
@@ -29094,6 +29552,7 @@ __export(index_exports, {
   PASSPORT_TRANSLATIONS: () => PASSPORT_TRANSLATIONS,
   PageKey: () => PageKey,
   Provider: () => Provider,
+  SEND_MENU_TOUR: () => SEND_MENU_TOUR,
   SessionExpiredError: () => SessionExpiredError,
   TOKENS_ICONS: () => TOKENS_ICONS,
   ThemeToggle: () => ThemeToggle,
@@ -29188,7 +29647,7 @@ init_ProviderContext();
 init_lumia2();
 init_embarkAI2();
 var import_lucide_react79 = require("lucide-react");
-var import_react96 = require("react");
+var import_react97 = require("react");
 init_SessionContext();
 init_auth();
 init_BalanceView2();
@@ -29221,10 +29680,10 @@ 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);
-  (0, import_react96.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  (0, import_react97.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = useUserProfile();
   const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth23.jwtTokenManager.getDisplayName();
-  const indicators = (0, import_react96.useMemo)(() => {
+  const indicators = (0, import_react97.useMemo)(() => {
     const userId = session?.mpcUserId;
     if (!userId) return { server: false, local: false, backup: false };
     const server = import_auth23.jwtTokenManager.getHasKeyshare() ?? false;
@@ -29863,14 +30322,14 @@ var Hash = ({
 };
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
-var import_react97 = require("react");
+var import_react98 = require("react");
 init_base2();
 var import_jsx_runtime133 = require("react/jsx-runtime");
 var TransactionsList = ({ address, itemsCount = 10 }) => {
-  const [transactions, setTransactions] = (0, import_react97.useState)([]);
-  const [loading, setLoading] = (0, import_react97.useState)(true);
-  const [error, setError] = (0, import_react97.useState)(null);
-  (0, import_react97.useEffect)(() => {
+  const [transactions, setTransactions] = (0, import_react98.useState)([]);
+  const [loading, setLoading] = (0, import_react98.useState)(true);
+  const [error, setError] = (0, import_react98.useState)(null);
+  (0, import_react98.useEffect)(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);
@@ -30161,13 +30620,13 @@ function useUserOpStatus(options = {}) {
 init_useErc3643Compliance();
 
 // src/hooks/useWalletMode.ts
-var import_react98 = require("react");
+var import_react99 = require("react");
 init_useExternalWalletStore();
 function useWalletMode() {
   const configMode = useExternalWalletStore((st) => st.configMode);
   const activeMode = useExternalWalletStore((st) => st.activeMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  const switchMode = (0, import_react98.useCallback)(
+  const switchMode = (0, import_react99.useCallback)(
     (mode) => {
       if (configMode !== "both") return;
       setActiveMode(mode);
@@ -30183,7 +30642,7 @@ function useWalletMode() {
 }
 
 // src/hooks/useDirectWallet.ts
-var import_react99 = require("react");
+var import_react100 = require("react");
 var import_rainbowkit6 = require("@rainbow-me/rainbowkit");
 var import_wagmi13 = require("wagmi");
 init_useExternalWalletStore();
@@ -30197,13 +30656,13 @@ function useDirectWallet() {
   const { disconnect: wagmiDisconnect } = (0, import_wagmi13.useDisconnect)();
   const { openConnectModal } = (0, import_rainbowkit6.useConnectModal)();
   const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
-  const connect = (0, import_react99.useCallback)(() => {
+  const connect = (0, import_react100.useCallback)(() => {
     setIsWalletLinking(true);
   }, [setIsWalletLinking]);
-  const reconnect = (0, import_react99.useCallback)(() => {
+  const reconnect = (0, import_react100.useCallback)(() => {
     if (openConnectModal) openConnectModal();
   }, [openConnectModal]);
-  const disconnect = (0, import_react99.useCallback)(() => {
+  const disconnect = (0, import_react100.useCallback)(() => {
     wagmiDisconnect();
     clearExternalWallet();
   }, [wagmiDisconnect, clearExternalWallet]);
@@ -30219,7 +30678,7 @@ function useDirectWallet() {
 }
 
 // src/hooks/useSendDirectTransaction.ts
-var import_react100 = require("react");
+var import_react101 = require("react");
 var import_viem22 = require("viem");
 var import_wagmi14 = require("wagmi");
 init_useExternalWalletStore();
@@ -30228,10 +30687,10 @@ function useSendDirectTransaction() {
   const externalChainId = useExternalWalletStore((st) => st.externalChainId);
   const { sendTransactionAsync } = (0, import_wagmi14.useSendTransaction)();
   const { switchChainAsync } = (0, import_wagmi14.useSwitchChain)();
-  const [isPending, setIsPending] = (0, import_react100.useState)(false);
-  const [error, setError] = (0, import_react100.useState)(null);
-  const [txHash, setTxHash] = (0, import_react100.useState)(null);
-  const sendTransaction = (0, import_react100.useCallback)(
+  const [isPending, setIsPending] = (0, import_react101.useState)(false);
+  const [error, setError] = (0, import_react101.useState)(null);
+  const [txHash, setTxHash] = (0, import_react101.useState)(null);
+  const sendTransaction = (0, import_react101.useCallback)(
     async (params) => {
       if (!isConnected) {
         setError("No external wallet connected");
@@ -30265,7 +30724,7 @@ function useSendDirectTransaction() {
     },
     [isConnected, externalChainId, sendTransactionAsync, switchChainAsync]
   );
-  const reset = (0, import_react100.useCallback)(() => {
+  const reset = (0, import_react101.useCallback)(() => {
     setError(null);
     setTxHash(null);
     setIsPending(false);
@@ -30274,7 +30733,7 @@ function useSendDirectTransaction() {
 }
 
 // src/hooks/useTransferToLinkedWallet.ts
-var import_react101 = require("react");
+var import_react102 = require("react");
 var import_viem23 = require("viem");
 init_SessionContext();
 init_account2();
@@ -30293,14 +30752,14 @@ var ERC20_TRANSFER_ABI2 = [
 function useTransferToLinkedWallet() {
   const session = useSession((st) => st.session);
   const { profiles } = useLinkedProfiles();
-  const [isPending, setIsPending] = (0, import_react101.useState)(false);
-  const [error, setError] = (0, import_react101.useState)(null);
-  const [userOpHash, setUserOpHash] = (0, import_react101.useState)(null);
-  const linkedWallets = (0, import_react101.useMemo)(
+  const [isPending, setIsPending] = (0, import_react102.useState)(false);
+  const [error, setError] = (0, import_react102.useState)(null);
+  const [userOpHash, setUserOpHash] = (0, import_react102.useState)(null);
+  const linkedWallets = (0, import_react102.useMemo)(
     () => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
     [profiles]
   );
-  const transfer = (0, import_react101.useCallback)(
+  const transfer = (0, import_react102.useCallback)(
     async (params) => {
       if (!session) {
         setError("No active session");
@@ -30351,7 +30810,7 @@ function useTransferToLinkedWallet() {
     },
     [session, linkedWallets]
   );
-  const reset = (0, import_react101.useCallback)(() => {
+  const reset = (0, import_react102.useCallback)(() => {
     setError(null);
     setUserOpHash(null);
     setIsPending(false);
@@ -30375,7 +30834,7 @@ function useNativeWalletSignature() {
 
 // src/hooks/useLogout.ts
 var import_auth25 = require("@embarkai/core/auth");
-var import_react102 = require("react");
+var import_react103 = require("react");
 var import_wagmi16 = require("wagmi");
 init_ProviderContext();
 init_SessionContext();
@@ -30395,7 +30854,7 @@ function useLogout() {
       }
     }
   });
-  const logout2 = (0, import_react102.useCallback)(async () => {
+  const logout2 = (0, import_react103.useCallback)(async () => {
     const { setSession, setIsLoading, setAddress, setStatus, setError } = useSession.getState();
     const prevAddress = address;
     let userId = null;
@@ -30514,7 +30973,7 @@ function useTransactions() {
 
 // src/modules/assets.ts
 init_SessionContext();
-var import_react103 = __toESM(require("react"), 1);
+var import_react104 = __toESM(require("react"), 1);
 var import_viem25 = require("viem");
 var import_wagmi18 = require("wagmi");
 var COMMON_TOKENS = [
@@ -30669,7 +31128,7 @@ function useTokenBalance2(tokenAddress, userAddress) {
     }
   });
   const { tokenInfo } = useTokenInfo(tokenAddress);
-  const formattedBalance = import_react103.default.useMemo(() => {
+  const formattedBalance = import_react104.default.useMemo(() => {
     if (!balance || !tokenInfo) return "0";
     return (0, import_viem25.formatUnits)(balance, tokenInfo.decimals);
   }, [balance, tokenInfo]);
@@ -30734,6 +31193,7 @@ function useSmartAccountTransactions() {
 init_iframe_manager();
 init_Onboarding();
 init_BuyMenu2();
+init_SendMenu2();
 
 // src/internal/assets/index.ts
 init_networks2();
@@ -30766,6 +31226,7 @@ autorun();
 0 && (module.exports = {
   AccountAbstractionError,
   Address,
+  BRIDGE_MENU_TOUR,
   BUY_MENU_BINANCE_TOUR,
   ConnectWalletButton,
   ErrorCodes,
@@ -30777,6 +31238,7 @@ autorun();
   PASSPORT_TRANSLATIONS,
   PageKey,
   Provider,
+  SEND_MENU_TOUR,
   SessionExpiredError,
   TOKENS_ICONS,
   ThemeToggle,