@embarkai/ui-kit 0.4.74 → 0.4.76

package/dist/index.js

@@ -5274,24 +5274,9 @@ var init_Expandable2 = __esm({
 });
 
 // src/internal/components/ui/highlight.tsx
+import { forwardRef as forwardRef2 } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
-function Highlight(props) {
-  const { type = "info", children, className } = props;
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: cn(
-        "w-full text-xs rounded-[var(--ui-kit-el-bdrs)] p-[var(--ui-kit-pd)]",
-        "whitespace-pre-line",
-        type === "error" ? "break-all" : "break-normal",
-        CARD_STYLES[type],
-        className
-      ),
-      children
-    }
-  );
-}
-var CARD_STYLES;
+var CARD_STYLES, Highlight;
 var init_highlight = __esm({
   "src/internal/components/ui/highlight.tsx"() {
     init_utils2();
@@ -5301,13 +5286,30 @@ var init_highlight = __esm({
       warning: "text-[var(--ui-kit-warning)] bg-[var(--ui-kit-bg-warning)]",
       error: "text-[var(--ui-kit-error)] bg-[var(--ui-kit-bg-error)]"
     };
+    Highlight = forwardRef2((props, ref) => {
+      const { type = "info", children, className } = props;
+      return /* @__PURE__ */ jsx3(
+        "div",
+        {
+          ref,
+          className: cn(
+            "w-full text-xs rounded-[var(--ui-kit-el-bdrs)] p-[var(--ui-kit-pd)]",
+            "whitespace-pre-line",
+            type === "error" ? "break-all" : "break-normal",
+            CARD_STYLES[type],
+            className
+          ),
+          children
+        }
+      );
+    });
   }
 });
 
 // src/internal/components/ui/button.tsx
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { forwardRef as forwardRef2 } from "react";
+import { forwardRef as forwardRef3 } from "react";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var buttonVariants, BORDER_RADIUSES, Button;
 var init_button = __esm({
@@ -5381,7 +5383,7 @@ var init_button = __esm({
       large: "var(--ui-kit-el-bdrs)",
       icon: ""
     };
-    Button = forwardRef2((props, ref) => {
+    Button = forwardRef3((props, ref) => {
       const { className, variant = "default", size = "large", asChild = false, children, ...buttonProps } = props;
       const Comp = asChild ? Slot : "button";
       const isBorderGlow = variant === "secondary-glow" || variant === "default-glow";
@@ -5546,9 +5548,29 @@ var init_en = __esm({
           oops: "Oops, something went wrong. Please try again."
         },
         onboarding: {
+          embarkAI: {
+            title: "embarkAI",
+            description: "embarkAI is a crypto wallet and web3 platform that allows you to manage your digital assets, interact with decentralized applications."
+          },
+          userSection: {
+            title: "User Section",
+            description: "Your profile meta, your wallet address, and settings toolbar."
+          },
           tourButton: {
             title: "Tour Button",
-            description: 'Tours are available under the "?" buttons of embarkAI menus. Click to have menu tour'
+            description: '"?" button initiates a brief tour that explains the current embarkAI active menu features.'
+          },
+          chainButton: {
+            title: "Chain Button",
+            description: "Change the connected chain in embarkAI (if allowed by application)"
+          },
+          logoutButton: {
+            title: "Logout Button",
+            description: "Logout embarkAI and profile wallet (if connected)"
+          },
+          settingsMenu: {
+            title: "Settings Menu",
+            description: "Manage embarkAI settings and preferences."
           }
         }
       },
@@ -5589,7 +5611,25 @@ var init_en = __esm({
         send: "Send",
         receive: "Receive",
         buy: "Buy",
-        assets: "Portfolio"
+        assets: "Portfolio",
+        onboarding: {
+          sendButton: {
+            title: "Send Menu",
+            description: "Send directly to a wallet address on same chain via Send Menu, or Bridge between chains & wallets via Bridge Menu."
+          },
+          receiveButton: {
+            title: "Receive Menu",
+            description: "Receive directly to embarkAI wallet from another user on same chain via Receive Menu"
+          },
+          buyButton: {
+            title: "Buy Menu",
+            description: "Purchase crypto for fiat into embarkAI wallet via Buy Menu."
+          },
+          portfolioButton: {
+            title: "Portfolio Menu",
+            description: "Explore your crypto assets of embarkAI wallet via Portfolio Menu."
+          }
+        }
       },
       sendMenu: {
         title: "Send",
@@ -5677,7 +5717,7 @@ var init_en = __esm({
           },
           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"
+            description: "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)"
           },
           bridgeCryptoAssetSelector: {
             title: "Select asset to bridge",
@@ -5705,7 +5745,13 @@ var init_en = __esm({
         title: "Receive Asset",
         copyAddress: "Copy Address",
         warning: "Ensure sender is on the same network",
-        share: "Share this address to receive tokens"
+        share: "Share this address to receive tokens",
+        onboarding: {
+          receiveMenu: {
+            title: "Receive Menu",
+            description: "Share your address on selected chain to receive crypto assets from another user on the same chain."
+          }
+        }
       },
       buyMenu: {
         title: "Buy Crypto",
@@ -5768,7 +5814,7 @@ var init_en = __esm({
         }
       },
       portfolioMenu: {
-        title: "Your Assets",
+        title: "Assets Portfolio",
         noAssets: "No assets found",
         noBlockscout: "No Blockscout API found for chain: {{chain}}"
       },
@@ -5776,7 +5822,13 @@ var init_en = __esm({
         title: "Transactions History",
         noTransactions: "No transactions found",
         internalTransactions: "Internal Transactions",
-        comingSoon: "Transaction history for this network is coming soon"
+        comingSoon: "Transaction history for this network is coming soon",
+        onboarding: {
+          transactionsMenu: {
+            title: "Transactions History",
+            description: "On-chain transaction history for the currently selected chain."
+          }
+        }
       },
       kycMenu: {
         title: "KYC"
@@ -5810,6 +5862,12 @@ var init_en = __esm({
         initialUser: {
           welcome: "Your nickname is set as {{nickname}}",
           message: 'Change & Save on your demand, and "Continue":'
+        },
+        onboarding: {
+          nicknameMenu: {
+            title: "Nickname Menu",
+            description: "Set your nickname for your embarkAI profile. You can change it later, but there is a cooldown period between changes."
+          }
         }
       },
       profilesMenu: {
@@ -5829,7 +5887,13 @@ var init_en = __esm({
         },
         unlinkTitle: "This action cannot be undone",
         unlinkConfirm: "Type the provider ID to confirm removal",
-        unlinkPlaceholder: "Type provider ID"
+        unlinkPlaceholder: "Type provider ID",
+        onboarding: {
+          profilesMenu: {
+            title: "Profiles Menu",
+            description: "Authentication into embarkAI can be handled multiple ways via connected profiles. Manage your connected profiles."
+          }
+        }
       },
       securityMenu: {
         title: "Security",
@@ -5855,7 +5919,44 @@ var init_en = __esm({
           valutBackupMissing: "Security Key Share Vault Backup Missing. Create one to ensure your data is safe."
         },
         lastBackup: "Existing Vault Keyshare backup",
-        lastBackupMeta: "Created via {{browser}} browser under {{os}}. {{deviceName}}"
+        lastBackupMeta: "Created via {{browser}} browser under {{os}}. {{deviceName}}",
+        onboarding: {
+          securityMenu: {
+            title: "Security Menu",
+            description: "Account security, including connected applications and keyshare status."
+          },
+          keyshare: {
+            title: "Keyshare Status",
+            description: "embarkAI protection consists of two keyshare parts: one on safe server & one on your device.",
+            detailsButton: "Watch Details",
+            details: {
+              concept: {
+                title: "Core Concepts",
+                description: "- Keyshares recombination gives the access key to your account.\n\n - Losing your part will result in losing access to your account\n\n - Your keyshare part exists on your device (Local Share), but also should be backed up at Keyshare Vault so you have embarkAI access on any device."
+              },
+              server: {
+                title: "Server Keyshare",
+                description: "An embarkAI safety server keyshare part."
+              },
+              local: {
+                title: "Local Keyshare",
+                description: "Your device keyshare part. If lost, you may lose access to your account."
+              },
+              vault: {
+                title: "Vault Keyshare",
+                description: "Your device keyshare part should be backed up in Vault to ensure your embarkAI wallet is accessible. Backup can be created via Settings Account Backup menu"
+              }
+            }
+          },
+          keyshareExistingVaultBkp: {
+            title: "Existing Keyshare Vault backup",
+            description: "Your Security Key Share Vault Backup should exist and be ready. You may lose access to your account if it is missing. Create one if not done yet to ensure your data is safe."
+          },
+          connectedApps: {
+            title: "Connected Applications",
+            description: "Connected applications are apps that you have accessed by embarkAI.\n - Connected apps can be trusted to skip transactions consent.\n - You can revoke trust approval anytime, then app will require your confirmation for every transaction again."
+          }
+        }
       },
       backupMenu: {
         title: "Account Backup",
@@ -5873,7 +5974,33 @@ var init_en = __esm({
         file: "Backup File",
         fileCreate: "Download Backup File encoded by",
         fileRestore: "Restore with File",
-        cloud: "Cloud"
+        cloud: "Cloud",
+        onboarding: {
+          backupMenu: {
+            title: "Account Backup Menu",
+            description: "Your device local keyshare backup is essential for account recovery."
+          },
+          backupEncryptionMethod: {
+            title: "Encryption Method",
+            description: "Your device local keyshare backup must be encrypted with a password or a passkey, so only you can decrypt it no matter where backup is stored."
+          },
+          backupEncryptionPassword: {
+            title: "Password",
+            description: "Password is a common method to encrypt your keyshare backup. Make sure to use a strong password and remember it, as losing it may result in losing access to your account."
+          },
+          backupEncryptionPasskey: {
+            title: "Passkey",
+            description: "Passkeys are a password-free, device-locked alternative to encrypt your keyshare backup."
+          },
+          backupStatus: {
+            title: "Backup Status",
+            description: "Status indicates whether your keyshare backup is properly encrypted and stored."
+          },
+          backupAdvanced: {
+            title: "Advanced Backup Options",
+            description: "Explore advanced options to backup your device local keyshare."
+          }
+        }
       },
       restoreMenu: {
         title: "Account Recovery",
@@ -5892,7 +6019,16 @@ var init_en = __esm({
           description: "Current application is configured to use chain <b>{{preferredChain}}</b> instead of your current chain <b>{{currentChain}}</b>. <br /> Do you want to switch to the preferred chain?",
           confirmButton: "Switch to {{chain}}",
           cancelButton: "Keep Current Chain"
+        },
+        onboarding: {
+          chainMenu: {
+            title: "Chain Menu",
+            description: "Switch between different blockchain networks supported by the embarkAI."
+          }
         }
+      },
+      guardiansMenu: {
+        title: "Guardians"
       }
     };
   }
@@ -5955,9 +6091,29 @@ var init_ru = __esm({
           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: {
+          embarkAI: {
+            title: "embarkAI",
+            description: "embarkAI \u2014 \u044D\u0442\u043E \u043A\u0440\u0438\u043F\u0442\u043E\u043A\u043E\u0448\u0435\u043B\u0451\u043A \u0438 web3-\u043F\u043B\u0430\u0442\u0444\u043E\u0440\u043C\u0430, \u043F\u043E\u0437\u0432\u043E\u043B\u044F\u044E\u0449\u0430\u044F \u0443\u043F\u0440\u0430\u0432\u043B\u044F\u0442\u044C \u0446\u0438\u0444\u0440\u043E\u0432\u044B\u043C\u0438 \u0430\u043A\u0442\u0438\u0432\u0430\u043C\u0438 \u0438 \u0432\u0437\u0430\u0438\u043C\u043E\u0434\u0435\u0439\u0441\u0442\u0432\u043E\u0432\u0430\u0442\u044C \u0441 \u0434\u0435\u0446\u0435\u043D\u0442\u0440\u0430\u043B\u0438\u0437\u043E\u0432\u0430\u043D\u043D\u044B\u043C\u0438 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F\u043C\u0438."
+          },
+          userSection: {
+            title: "\u0420\u0430\u0437\u0434\u0435\u043B \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F",
+            description: "\u041C\u0435\u0442\u0430\u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u0440\u043E\u0444\u0438\u043B\u044F, \u0430\u0434\u0440\u0435\u0441 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430 \u0438 \u043F\u0430\u043D\u0435\u043B\u044C \u043D\u0430\u0441\u0442\u0440\u043E\u0435\u043A."
+          },
           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"
+          },
+          chainButton: {
+            title: "\u041A\u043D\u043E\u043F\u043A\u0430 \u0441\u0435\u0442\u0438",
+            description: "\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0451\u043D\u043D\u0443\u044E \u0441\u0435\u0442\u044C \u0432 embarkAI (\u0435\u0441\u043B\u0438 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043D\u043E \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435\u043C)"
+          },
+          logoutButton: {
+            title: "\u041A\u043D\u043E\u043F\u043A\u0430 \u0432\u044B\u0445\u043E\u0434\u0430",
+            description: "\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 embarkAI \u0438 \u043F\u0440\u043E\u0444\u0438\u043B\u044F \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430 (\u0435\u0441\u043B\u0438 \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0451\u043D)"
+          },
+          settingsMenu: {
+            title: "\u041C\u0435\u043D\u044E \u043D\u0430\u0441\u0442\u0440\u043E\u0435\u043A",
+            description: "\u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0439\u0442\u0435 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0430\u043C\u0438 \u0438 \u043F\u0440\u0435\u0434\u043F\u043E\u0447\u0442\u0435\u043D\u0438\u044F\u043C\u0438 embarkAI."
           }
         }
       },
@@ -5998,7 +6154,25 @@ var init_ru = __esm({
         send: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C",
         receive: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C",
         buy: "\u041A\u0443\u043F\u0438\u0442\u044C",
-        assets: "\u041F\u043E\u0440\u0442\u0444\u043E\u043B\u0438\u043E"
+        assets: "\u041F\u043E\u0440\u0442\u0444\u043E\u043B\u0438\u043E",
+        onboarding: {
+          sendButton: {
+            title: "\u041C\u0435\u043D\u044E \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438",
+            description: "\u041E\u0442\u043F\u0440\u0430\u0432\u044C\u0442\u0435 \u043D\u0430\u043F\u0440\u044F\u043C\u0443\u044E \u043D\u0430 \u0430\u0434\u0440\u0435\u0441 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430 \u0432 \u0442\u043E\u0439 \u0436\u0435 \u0441\u0435\u0442\u0438 \u0447\u0435\u0440\u0435\u0437 \u043C\u0435\u043D\u044E \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438 \u0438\u043B\u0438 \u0432\u044B\u043F\u043E\u043B\u043D\u0438\u0442\u0435 \u043C\u043E\u0441\u0442 \u043C\u0435\u0436\u0434\u0443 \u0441\u0435\u0442\u044F\u043C\u0438 \u0438 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430\u043C\u0438 \u0447\u0435\u0440\u0435\u0437 \u043C\u0435\u043D\u044E \u043C\u043E\u0441\u0442\u0430."
+          },
+          receiveButton: {
+            title: "\u041C\u0435\u043D\u044E \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F",
+            description: "\u041F\u043E\u043B\u0443\u0447\u0430\u0439\u0442\u0435 \u043D\u0430\u043F\u0440\u044F\u043C\u0443\u044E \u043D\u0430 \u043A\u043E\u0448\u0435\u043B\u0451\u043A embarkAI \u043E\u0442 \u0434\u0440\u0443\u0433\u043E\u0433\u043E \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F \u0432 \u0442\u043E\u0439 \u0436\u0435 \u0441\u0435\u0442\u0438 \u0447\u0435\u0440\u0435\u0437 \u043C\u0435\u043D\u044E \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F"
+          },
+          buyButton: {
+            title: "\u041C\u0435\u043D\u044E \u043F\u043E\u043A\u0443\u043F\u043A\u0438",
+            description: "\u041F\u043E\u043A\u0443\u043F\u0430\u0439\u0442\u0435 \u043A\u0440\u0438\u043F\u0442\u043E\u0432\u0430\u043B\u044E\u0442\u0443 \u0437\u0430 \u0444\u0438\u0430\u0442 \u0432 \u043A\u043E\u0448\u0435\u043B\u0451\u043A embarkAI \u0447\u0435\u0440\u0435\u0437 \u043C\u0435\u043D\u044E \u043F\u043E\u043A\u0443\u043F\u043A\u0438."
+          },
+          portfolioButton: {
+            title: "\u041C\u0435\u043D\u044E \u043F\u043E\u0440\u0442\u0444\u043E\u043B\u0438\u043E",
+            description: "\u0418\u0437\u0443\u0447\u0438\u0442\u0435 \u043A\u0440\u0438\u043F\u0442\u043E\u0430\u043A\u0442\u0438\u0432\u044B \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430 embarkAI \u0447\u0435\u0440\u0435\u0437 \u043C\u0435\u043D\u044E \u043F\u043E\u0440\u0442\u0444\u043E\u043B\u0438\u043E."
+          }
+        }
       },
       sendMenu: {
         title: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C",
@@ -6086,7 +6260,7 @@ var init_ru = __esm({
           },
           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."
+            description: "\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)."
           },
           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",
@@ -6114,7 +6288,13 @@ var init_ru = __esm({
         title: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0430\u043A\u0442\u0438\u0432",
         copyAddress: "\u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0430\u0434\u0440\u0435\u0441",
         warning: "\u0423\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044C, \u0447\u0442\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u0435\u043B\u044C \u043D\u0430\u0445\u043E\u0434\u0438\u0442\u0441\u044F \u0432 \u0442\u043E\u0439 \u0436\u0435 \u0441\u0435\u0442\u0438",
-        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"
+        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",
+        onboarding: {
+          receiveMenu: {
+            title: "\u041C\u0435\u043D\u044E \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F",
+            description: "\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u0435\u0441\u044C \u0441\u0432\u043E\u0438\u043C \u0430\u0434\u0440\u0435\u0441\u043E\u043C \u0432 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0439 \u0441\u0435\u0442\u0438, \u0447\u0442\u043E\u0431\u044B \u043F\u043E\u043B\u0443\u0447\u0430\u0442\u044C \u043A\u0440\u0438\u043F\u0442\u043E\u0430\u043A\u0442\u0438\u0432\u044B \u043E\u0442 \u0434\u0440\u0443\u0433\u043E\u0433\u043E \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F \u0432 \u0442\u043E\u0439 \u0436\u0435 \u0441\u0435\u0442\u0438."
+          }
+        }
       },
       buyMenu: {
         title: "\u041A\u0443\u043F\u0438\u0442\u044C \u043A\u0440\u0438\u043F\u0442\u043E",
@@ -6177,7 +6357,7 @@ var init_ru = __esm({
         }
       },
       portfolioMenu: {
-        title: "\u0412\u0430\u0448\u0438 \u0430\u043A\u0442\u0438\u0432\u044B",
+        title: "\u041F\u043E\u0440\u0442\u0444\u043E\u043B\u0438\u043E \u0430\u043A\u0442\u0438\u0432\u043E\u0432",
         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}}"
       },
@@ -6185,7 +6365,13 @@ var init_ru = __esm({
         title: "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0439",
         noTransactions: "\u0422\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0438 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u044B",
         internalTransactions: "\u0412\u043D\u0443\u0442\u0440\u0435\u043D\u043D\u0438\u0435 \u0422\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0438",
-        comingSoon: "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0439 \u0434\u043B\u044F \u044D\u0442\u043E\u0439 \u0441\u0435\u0442\u0438 \u0441\u043A\u043E\u0440\u043E \u0431\u0443\u0434\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430"
+        comingSoon: "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0439 \u0434\u043B\u044F \u044D\u0442\u043E\u0439 \u0441\u0435\u0442\u0438 \u0441\u043A\u043E\u0440\u043E \u0431\u0443\u0434\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430",
+        onboarding: {
+          transactionsMenu: {
+            title: "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0439",
+            description: "\u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0439 \u0432 \u0431\u043B\u043E\u043A\u0447\u0435\u0439\u043D\u0435 \u0434\u043B\u044F \u0442\u0435\u043A\u0443\u0449\u0435\u0439 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0439 \u0441\u0435\u0442\u0438."
+          }
+        }
       },
       kycMenu: {
         title: "KYC"
@@ -6219,6 +6405,12 @@ var init_ru = __esm({
         initialUser: {
           welcome: "\u0412\u0430\u0448 \u043D\u0438\u043A\u043D\u0435\u0439\u043C \u0443\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D \u043A\u0430\u043A {{nickname}}",
           message: '\u0418\u0437\u043C\u0435\u043D\u0438\u0442\u0435 \u0438 \u0441\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u0435 \u043F\u043E \u0432\u0430\u0448\u0435\u043C\u0443 \u0436\u0435\u043B\u0430\u043D\u0438\u044E, \u0438 \u0437\u0430\u0442\u0435\u043C "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C":'
+        },
+        onboarding: {
+          nicknameMenu: {
+            title: "\u041C\u0435\u043D\u044E \u043D\u0438\u043A\u043D\u0435\u0439\u043C\u0430",
+            description: "\u0423\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u0435 \u043D\u0438\u043A\u043D\u0435\u0439\u043C \u0434\u043B\u044F \u0432\u0430\u0448\u0435\u0433\u043E \u043F\u0440\u043E\u0444\u0438\u043B\u044F embarkAI. \u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0438\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u0435\u0433\u043E \u043F\u043E\u0437\u0436\u0435, \u043D\u043E \u043C\u0435\u0436\u0434\u0443 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u044F\u043C\u0438 \u0435\u0441\u0442\u044C \u043F\u0435\u0440\u0438\u043E\u0434 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u044F."
+          }
         }
       },
       profilesMenu: {
@@ -6238,7 +6430,13 @@ var init_ru = __esm({
         },
         unlinkTitle: "\u042D\u0442\u043E \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043D\u0435\u043B\u044C\u0437\u044F \u043E\u0442\u043C\u0435\u043D\u0438\u0442\u044C",
         unlinkConfirm: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 ID \u043F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440\u0430 \u0434\u043B\u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u044F",
-        unlinkPlaceholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 ID \u043F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440\u0430"
+        unlinkPlaceholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 ID \u043F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440\u0430",
+        onboarding: {
+          profilesMenu: {
+            title: "\u041C\u0435\u043D\u044E \u043F\u0440\u043E\u0444\u0438\u043B\u0435\u0439",
+            description: "\u0410\u0432\u0442\u043E\u0440\u0438\u0437\u0430\u0446\u0438\u044F \u0432 embarkAI \u043C\u043E\u0436\u0435\u0442 \u043E\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043B\u044F\u0442\u044C\u0441\u044F \u043D\u0435\u0441\u043A\u043E\u043B\u044C\u043A\u0438\u043C\u0438 \u0441\u043F\u043E\u0441\u043E\u0431\u0430\u043C\u0438 \u0447\u0435\u0440\u0435\u0437 \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0451\u043D\u043D\u044B\u0435 \u043F\u0440\u043E\u0444\u0438\u043B\u0438. \u0423\u043F\u0440\u0430\u0432\u043B\u044F\u0439\u0442\u0435 \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0451\u043D\u043D\u044B\u043C\u0438 \u043F\u0440\u043E\u0444\u0438\u043B\u044F\u043C\u0438."
+          }
+        }
       },
       securityMenu: {
         title: "\u0411\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u044C",
@@ -6264,7 +6462,44 @@ var init_ru = __esm({
           valutBackupMissing: "\u0420\u0435\u0437\u0435\u0440\u0432\u043D\u0430\u044F \u043A\u043E\u043F\u0438\u044F \u0432\u0430\u0448\u0435\u0439 \u043F\u0440\u0438\u0432\u0430\u0442\u043D\u043E\u0439 \u0447\u0430\u0441\u0442\u0438 \u043A\u043B\u044E\u0447\u0430 \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u0438 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442. \u0421\u043E\u0437\u0434\u0430\u0439\u0442\u0435 \u0435\u0451 \u0434\u043B\u044F \u043E\u0431\u0435\u0441\u043F\u0435\u0447\u0435\u043D\u0438\u044F \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u0438 \u0432\u0430\u0448\u0438\u0445 \u0434\u0430\u043D\u043D\u044B\u0445."
         },
         lastBackup: "\u041F\u043E\u0441\u043B\u0435\u0434\u043D\u044F\u044F \u0440\u0435\u0437\u0435\u0440\u0432\u043D\u0430\u044F \u043A\u043E\u043F\u0438\u044F Keyshare Vault",
-        lastBackupMeta: "\u0421\u043E\u0437\u0434\u0430\u043D\u043E \u0447\u0435\u0440\u0435\u0437 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 {{browser}} \u043F\u043E\u0434 \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435\u043C {{os}}. {{deviceName}}"
+        lastBackupMeta: "\u0421\u043E\u0437\u0434\u0430\u043D\u043E \u0447\u0435\u0440\u0435\u0437 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 {{browser}} \u043F\u043E\u0434 \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435\u043C {{os}}. {{deviceName}}",
+        onboarding: {
+          securityMenu: {
+            title: "\u041C\u0435\u043D\u044E \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u0438",
+            description: "\u0411\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u044C \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430, \u0432\u043A\u043B\u044E\u0447\u0430\u044F \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0451\u043D\u043D\u044B\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u0438 \u0441\u0442\u0430\u0442\u0443\u0441 \u043A\u043B\u044E\u0447\u0435\u0439."
+          },
+          keyshare: {
+            title: "\u0421\u0442\u0430\u0442\u0443\u0441 Keyshare",
+            description: "\u0417\u0430\u0449\u0438\u0442\u0430 embarkAi \u043E\u0441\u043D\u043E\u0432\u0430\u043D\u0430 \u043D\u0430 \u0434\u0432\u0443\u0445 \u0447\u0430\u0441\u0442\u044F\u0445 \u043A\u043B\u044E\u0447\u0430: \u043E\u0434\u043D\u0430 \u043D\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u0438 \u043E\u0434\u043D\u0430 \u043D\u0430 \u0432\u0430\u0448\u0435\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435. \u041E\u0431\u0435 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u044B \u0434\u043B\u044F \u0434\u043E\u0441\u0442\u0443\u043F\u0430 \u043A \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0443. \n\u0412\u0430\u0448\u0430 \u0447\u0430\u0441\u0442\u044C \u043A\u043B\u044E\u0447\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043D\u0430 \u0432\u0430\u0448\u0435\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435 (\u043B\u043E\u043A\u0430\u043B\u044C\u043D\u043E) \u0438 \u0442\u0430\u043A\u0436\u0435 \u0434\u043E\u043B\u0436\u043D\u0430 \u0431\u044B\u0442\u044C \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0430 \u0432 Vault \u0434\u043B\u044F \u0431\u043E\u043B\u044C\u0448\u0435\u0439 \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u0438",
+            detailsButton: "\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435",
+            details: {
+              concept: {
+                title: "\u041E\u0441\u043D\u043E\u0432\u043D\u044B\u0435 \u043F\u043E\u043D\u044F\u0442\u0438\u044F",
+                description: "- \u041E\u0431\u044A\u0435\u0434\u0438\u043D\u0435\u043D\u0438\u0435 \u043A\u043B\u044E\u0447\u0435\u0439 \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F \u043A \u0432\u0430\u0448\u0435\u043C\u0443 \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0443.\n\n - \u041F\u043E\u0442\u0435\u0440\u044F \u0432\u0430\u0448\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u043F\u0440\u0438\u0432\u0435\u0434\u0451\u0442 \u043A \u043F\u043E\u0442\u0435\u0440\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u0430 \u043A \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0443\n\n - \u0412\u0430\u0448\u0430 \u0447\u0430\u0441\u0442\u044C \u043A\u043B\u044E\u0447\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043D\u0430 \u0432\u0430\u0448\u0435\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435 (\u041B\u043E\u043A\u0430\u043B\u044C\u043D\u044B\u0439 Share), \u043D\u043E \u0442\u0430\u043A\u0436\u0435 \u0434\u043E\u043B\u0436\u043D\u0430 \u0431\u044B\u0442\u044C \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0430 \u0432 Keyshare Vault \u0434\u043B\u044F \u0434\u043E\u0441\u0442\u0443\u043F\u0430 \u043A embarkAI \u0441 \u043B\u044E\u0431\u043E\u0433\u043E \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0430."
+              },
+              server: {
+                title: "\u0421\u0435\u0440\u0432\u0435\u0440\u043D\u044B\u0439 Keyshare",
+                description: "\u0427\u0430\u0441\u0442\u044C \u043A\u043B\u044E\u0447\u0430 \u0445\u0440\u0430\u043D\u0438\u0442\u0441\u044F \u043D\u0430 \u0437\u0430\u0449\u0438\u0449\u0451\u043D\u043D\u043E\u043C \u0441\u0435\u0440\u0432\u0435\u0440\u0435. "
+              },
+              local: {
+                title: "\u041B\u043E\u043A\u0430\u043B\u044C\u043D\u044B\u0439 Keyshare",
+                description: "\u0427\u0430\u0441\u0442\u044C \u043A\u043B\u044E\u0447\u0430 \u0445\u0440\u0430\u043D\u0438\u0442\u0441\u044F \u043D\u0430 \u0432\u0430\u0448\u0435\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435 (\u043B\u043E\u043A\u0430\u043B\u044C\u043D\u043E) \u0434\u043B\u044F \u0434\u043E\u0441\u0442\u0443\u043F\u0430 \u043A \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0443 \u0441\u043E\u0432\u043C\u0435\u0441\u0442\u043D\u043E \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u043D\u044B\u043C \u043A\u043B\u044E\u0447\u043E\u043C. \u041F\u0440\u0438 \u0443\u0442\u0435\u0440\u0435 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u043E\u0442\u0435\u0440\u044F\u0442\u044C \u0434\u043E\u0441\u0442\u0443\u043F \u043A \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0443."
+              },
+              vault: {
+                title: "Vault Keyshare",
+                description: "\u0412\u0430\u0448\u0430 \u043B\u043E\u043A\u0430\u043B\u044C\u043D\u0430\u044F \u0447\u0430\u0441\u0442\u044C \u043A\u043B\u044E\u0447\u0430 \u0434\u043E\u043B\u0436\u043D\u0430 \u0445\u0440\u0430\u043D\u0438\u0442\u044C\u0441\u044F \u0432 Vault \u0434\u043B\u044F \u043E\u0431\u0435\u0441\u043F\u0435\u0447\u0435\u043D\u0438\u044F \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u0438 \u0438 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0441\u0442\u0438 \u0434\u0430\u043D\u043D\u044B\u0445. \u0420\u0435\u0437\u0435\u0440\u0432\u043D\u0443\u044E \u043A\u043E\u043F\u0438\u044E \u043C\u043E\u0436\u043D\u043E \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u0447\u0435\u0440\u0435\u0437 \u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 -> \u0411\u0435\u043A\u0430\u043F \u0410\u043A\u043A\u0430\u0443\u043D\u0442\u0430"
+              }
+            }
+          },
+          keyshareExistingVaultBkp: {
+            title: "\u0420\u0435\u0437\u0435\u0440\u0432\u043D\u0430\u044F \u043A\u043E\u043F\u0438\u044F Keyshare Vault",
+            description: "\u0412\u0430\u0448\u0430 \u0440\u0435\u0437\u0435\u0440\u0432\u043D\u0430\u044F \u043A\u043E\u043F\u0438\u044F \u043A\u043B\u044E\u0447\u0430 \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u0438 \u0432 Vault \u0434\u043E\u043B\u0436\u043D\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043E\u0432\u0430\u0442\u044C \u0438 \u0431\u044B\u0442\u044C \u0433\u043E\u0442\u043E\u0432\u0430. \u041F\u0440\u0438 \u0435\u0451 \u043E\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0438 \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u043E\u0442\u0435\u0440\u044F\u0442\u044C \u0434\u043E\u0441\u0442\u0443\u043F \u043A \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0443. \u0421\u043E\u0437\u0434\u0430\u0439\u0442\u0435 \u0435\u0451, \u0435\u0441\u043B\u0438 \u044D\u0442\u043E \u0435\u0449\u0451 \u043D\u0435 \u0441\u0434\u0435\u043B\u0430\u043D\u043E, \u0434\u043B\u044F \u043E\u0431\u0435\u0441\u043F\u0435\u0447\u0435\u043D\u0438\u044F \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u0438 \u0432\u0430\u0448\u0438\u0445 \u0434\u0430\u043D\u043D\u044B\u0445."
+          },
+          connectedApps: {
+            title: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0451\u043D\u043D\u044B\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F",
+            description: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0451\u043D\u043D\u044B\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u2014 \u044D\u0442\u043E \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F, \u043A \u043A\u043E\u0442\u043E\u0440\u044B\u043C \u0432\u044B \u043F\u043E\u043B\u0443\u0447\u0430\u043B\u0438 \u0434\u043E\u0441\u0442\u0443\u043F \u0447\u0435\u0440\u0435\u0437 embarkAI.\n - \u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0451\u043D\u043D\u044B\u043C \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F\u043C \u043C\u043E\u0436\u043D\u043E \u0434\u043E\u0432\u0435\u0440\u044F\u0442\u044C, \u0447\u0442\u043E\u0431\u044B \u043F\u0440\u043E\u043F\u0443\u0441\u043A\u0430\u0442\u044C \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u0435 \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0439.\n - \u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043E\u0442\u043E\u0437\u0432\u0430\u0442\u044C \u0434\u043E\u0432\u0435\u0440\u0438\u0435 \u0432 \u043B\u044E\u0431\u043E\u0435 \u0432\u0440\u0435\u043C\u044F, \u043F\u043E\u0441\u043B\u0435 \u0447\u0435\u0433\u043E \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u0431\u0443\u0434\u0435\u0442 \u0441\u043D\u043E\u0432\u0430 \u0442\u0440\u0435\u0431\u043E\u0432\u0430\u0442\u044C \u0432\u0430\u0448\u0435\u0433\u043E \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u0434\u043B\u044F \u043A\u0430\u0436\u0434\u043E\u0439 \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u0438."
+          }
+        }
       },
       backupMenu: {
         title: "\u0411\u0435\u043A\u0430\u043F \u0410\u043A\u043A\u0430\u0443\u043D\u0442\u0430",
@@ -6282,7 +6517,33 @@ var init_ru = __esm({
         file: "\u0411\u0435\u043A\u0430\u043F-\u0444\u0430\u0439\u043B",
         fileCreate: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u0411\u0435\u043A\u0430\u043F-\u0444\u0430\u0439\u043B, \u0437\u0430\u0448\u0438\u0444\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0447\u0435\u0440\u0435\u0437",
         fileRestore: "\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C \u0441 \u043F\u043E\u043C\u043E\u0449\u044C\u044E \u0411\u0435\u043A\u0430\u043F-\u0444\u0430\u0439\u043B\u0430",
-        cloud: "\u041E\u0431\u043B\u0430\u043A\u043E"
+        cloud: "\u041E\u0431\u043B\u0430\u043A\u043E",
+        onboarding: {
+          backupMenu: {
+            title: "\u041C\u0435\u043D\u044E \u0431\u0435\u043A\u0430\u043F\u0430 \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430",
+            description: "\u0420\u0435\u0437\u0435\u0440\u0432\u043D\u0430\u044F \u043A\u043E\u043F\u0438\u044F \u043B\u043E\u043A\u0430\u043B\u044C\u043D\u043E\u0433\u043E \u043A\u043B\u044E\u0447\u0430 \u043D\u0430 \u0432\u0430\u0448\u0435\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u0430 \u0434\u043B\u044F \u0432\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430."
+          },
+          backupEncryptionMethod: {
+            title: "\u041C\u0435\u0442\u043E\u0434 \u0448\u0438\u0444\u0440\u043E\u0432\u0430\u043D\u0438\u044F",
+            description: "\u0420\u0435\u0437\u0435\u0440\u0432\u043D\u0430\u044F \u043A\u043E\u043F\u0438\u044F \u043B\u043E\u043A\u0430\u043B\u044C\u043D\u043E\u0433\u043E \u043A\u043B\u044E\u0447\u0430 \u043D\u0430 \u0432\u0430\u0448\u0435\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435 \u0434\u043E\u043B\u0436\u043D\u0430 \u0431\u044B\u0442\u044C \u0437\u0430\u0448\u0438\u0444\u0440\u043E\u0432\u0430\u043D\u0430 \u043F\u0430\u0440\u043E\u043B\u0435\u043C \u0438\u043B\u0438 passkey, \u0447\u0442\u043E\u0431\u044B \u0442\u043E\u043B\u044C\u043A\u043E \u0432\u044B \u043C\u043E\u0433\u043B\u0438 \u0435\u0451 \u0440\u0430\u0441\u0448\u0438\u0444\u0440\u043E\u0432\u0430\u0442\u044C, \u043D\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043C\u043E \u043E\u0442 \u043C\u0435\u0441\u0442\u0430 \u0445\u0440\u0430\u043D\u0435\u043D\u0438\u044F."
+          },
+          backupEncryptionPassword: {
+            title: "\u041F\u0430\u0440\u043E\u043B\u044C",
+            description: "\u041F\u0430\u0440\u043E\u043B\u044C \u2014 \u0440\u0430\u0441\u043F\u0440\u043E\u0441\u0442\u0440\u0430\u043D\u0451\u043D\u043D\u044B\u0439 \u0441\u043F\u043E\u0441\u043E\u0431 \u0448\u0438\u0444\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0440\u0435\u0437\u0435\u0440\u0432\u043D\u043E\u0439 \u043A\u043E\u043F\u0438\u0438 \u043A\u043B\u044E\u0447\u0430. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u043D\u0430\u0434\u0451\u0436\u043D\u044B\u0439 \u043F\u0430\u0440\u043E\u043B\u044C \u0438 \u0437\u0430\u043F\u043E\u043C\u043D\u0438\u0442\u0435 \u0435\u0433\u043E, \u0442\u0430\u043A \u043A\u0430\u043A \u0435\u0433\u043E \u043F\u043E\u0442\u0435\u0440\u044F \u043C\u043E\u0436\u0435\u0442 \u043F\u0440\u0438\u0432\u0435\u0441\u0442\u0438 \u043A \u043F\u043E\u0442\u0435\u0440\u0435 \u0434\u043E\u0441\u0442\u0443\u043F\u0430 \u043A \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0443."
+          },
+          backupEncryptionPasskey: {
+            title: "Passkey",
+            description: "Passkey \u2014 \u044D\u0442\u043E \u0430\u043B\u044C\u0442\u0435\u0440\u043D\u0430\u0442\u0438\u0432\u0430 \u0431\u0435\u0437 \u043F\u0430\u0440\u043E\u043B\u044F, \u043F\u0440\u0438\u0432\u044F\u0437\u0430\u043D\u043D\u0430\u044F \u043A \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0443, \u0434\u043B\u044F \u0448\u0438\u0444\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0440\u0435\u0437\u0435\u0440\u0432\u043D\u043E\u0439 \u043A\u043E\u043F\u0438\u0438 \u043A\u043B\u044E\u0447\u0430."
+          },
+          backupStatus: {
+            title: "\u0421\u0442\u0430\u0442\u0443\u0441 \u0431\u0435\u043A\u0430\u043F\u0430",
+            description: "\u0421\u0442\u0430\u0442\u0443\u0441 \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u0435\u0442, \u043F\u0440\u0430\u0432\u0438\u043B\u044C\u043D\u043E \u043B\u0438 \u0437\u0430\u0448\u0438\u0444\u0440\u043E\u0432\u0430\u043D\u0430 \u0438 \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0430 \u0432\u0430\u0448\u0430 \u0440\u0435\u0437\u0435\u0440\u0432\u043D\u0430\u044F \u043A\u043E\u043F\u0438\u044F \u043A\u043B\u044E\u0447\u0430."
+          },
+          backupAdvanced: {
+            title: "\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043D\u043D\u044B\u0435 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B \u0431\u0435\u043A\u0430\u043F\u0430",
+            description: "\u0418\u0437\u0443\u0447\u0438\u0442\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043D\u043D\u044B\u0435 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B \u0434\u043B\u044F \u0440\u0435\u0437\u0435\u0440\u0432\u043D\u043E\u0433\u043E \u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u043B\u043E\u043A\u0430\u043B\u044C\u043D\u043E\u0433\u043E \u043A\u043B\u044E\u0447\u0430 \u043D\u0430 \u0432\u0430\u0448\u0435\u043C \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435."
+          }
+        }
       },
       restoreMenu: {
         title: "\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u0435 \u0410\u043A\u043A\u0430\u0443\u043D\u0442\u0430",
@@ -6301,7 +6562,16 @@ var init_ru = __esm({
           description: "\u0422\u0435\u043A\u0443\u0449\u0435\u0435 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u0435 \u043D\u0430\u0441\u0442\u0440\u043E\u0435\u043D\u043E \u043D\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u0435 \u0441\u0435\u0442\u0438 <b>{{preferredChain}}</b> \u0432\u043C\u0435\u0441\u0442\u043E \u0432\u0430\u0448\u0435\u0439 \u0442\u0435\u043A\u0443\u0449\u0435\u0439 \u0441\u0435\u0442\u0438 <b>{{currentChain}}</b>. <br /> \u0425\u043E\u0442\u0438\u0442\u0435 \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0438\u0442\u044C\u0441\u044F \u043D\u0430 \u043F\u0440\u0435\u0434\u043F\u043E\u0447\u0438\u0442\u0430\u0435\u043C\u0443\u044E \u0441\u0435\u0442\u044C?",
           confirmButton: "\u041F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0438\u0442\u044C\u0441\u044F \u043D\u0430 {{chain}}",
           cancelButton: "\u041E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0442\u0435\u043A\u0443\u0449\u0443\u044E \u0441\u0435\u0442\u044C"
+        },
+        onboarding: {
+          chainMenu: {
+            title: "\u041C\u0435\u043D\u044E \u0441\u0435\u0442\u0438",
+            description: "\u041F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0430\u0439\u0442\u0435\u0441\u044C \u043C\u0435\u0436\u0434\u0443 \u0440\u0430\u0437\u043B\u0438\u0447\u043D\u044B\u043C\u0438 \u0431\u043B\u043E\u043A\u0447\u0435\u0439\u043D-\u0441\u0435\u0442\u044F\u043C\u0438, \u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u043C\u044B\u043C\u0438 embarkAI."
+          }
         }
+      },
+      guardiansMenu: {
+        title: "\u0423\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0430-\u0441\u0442\u0440\u0430\u0436\u0438"
       }
     };
   }
@@ -6364,9 +6634,29 @@ var init_zh = __esm({
           oops: "\u54CE\u5440\uFF0C\u51FA\u4E86\u70B9\u95EE\u9898\u3002\u8BF7\u518D\u8BD5\u4E00\u6B21\u3002"
         },
         onboarding: {
+          embarkAI: {
+            title: "embarkAI",
+            description: "embarkAI \u662F\u4E00\u4E2A\u52A0\u5BC6\u94B1\u5305\u548C web3 \u5E73\u53F0\uFF0C\u5141\u8BB8\u60A8\u7BA1\u7406\u6570\u5B57\u8D44\u4EA7\u5E76\u4E0E\u53BB\u4E2D\u5FC3\u5316\u5E94\u7528\u7A0B\u5E8F\u4EA4\u4E92\u3002"
+          },
+          userSection: {
+            title: "\u7528\u6237\u533A\u57DF",
+            description: "\u60A8\u7684\u4E2A\u4EBA\u8D44\u6599\u5143\u6570\u636E\u3001\u94B1\u5305\u5730\u5740\u548C\u8BBE\u7F6E\u5DE5\u5177\u680F\u3002"
+          },
           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"
+          },
+          chainButton: {
+            title: "\u94FE\u6309\u94AE",
+            description: "\u66F4\u6539 embarkAI \u4E2D\u8FDE\u63A5\u7684\u94FE\uFF08\u5982\u679C\u5E94\u7528\u7A0B\u5E8F\u5141\u8BB8\uFF09"
+          },
+          logoutButton: {
+            title: "\u9000\u51FA\u6309\u94AE",
+            description: "\u9000\u51FA embarkAI \u548C\u4E2A\u4EBA\u8D44\u6599\u94B1\u5305\uFF08\u5982\u679C\u5DF2\u8FDE\u63A5\uFF09"
+          },
+          settingsMenu: {
+            title: "\u8BBE\u7F6E\u83DC\u5355",
+            description: "\u7BA1\u7406 embarkAI \u7684\u8BBE\u7F6E\u548C\u504F\u597D\u3002"
           }
         }
       },
@@ -6407,7 +6697,25 @@ var init_zh = __esm({
         send: "\u53D1\u9001",
         receive: "\u63A5\u6536",
         buy: "\u8D2D\u4E70",
-        assets: "\u6295\u8D44\u7EC4\u5408"
+        assets: "\u6295\u8D44\u7EC4\u5408",
+        onboarding: {
+          sendButton: {
+            title: "\u53D1\u9001\u83DC\u5355",
+            description: "\u901A\u8FC7\u53D1\u9001\u83DC\u5355\u76F4\u63A5\u53D1\u9001\u5230\u540C\u4E00\u94FE\u4E0A\u7684\u94B1\u5305\u5730\u5740\uFF0C\u6216\u901A\u8FC7\u8DE8\u94FE\u83DC\u5355\u5728\u94FE\u548C\u94B1\u5305\u4E4B\u95F4\u8FDB\u884C\u6865\u63A5\u3002"
+          },
+          receiveButton: {
+            title: "\u63A5\u6536\u83DC\u5355",
+            description: "\u901A\u8FC7\u63A5\u6536\u83DC\u5355\u76F4\u63A5\u4ECE\u540C\u4E00\u94FE\u4E0A\u7684\u5176\u4ED6\u7528\u6237\u63A5\u6536\u5230 embarkAI \u94B1\u5305"
+          },
+          buyButton: {
+            title: "\u8D2D\u4E70\u83DC\u5355",
+            description: "\u901A\u8FC7\u8D2D\u4E70\u83DC\u5355\u5C06\u6CD5\u5E01\u8D2D\u4E70\u7684\u52A0\u5BC6\u8D27\u5E01\u5B58\u5165 embarkAI \u94B1\u5305\u3002"
+          },
+          portfolioButton: {
+            title: "\u6295\u8D44\u7EC4\u5408\u83DC\u5355",
+            description: "\u901A\u8FC7\u6295\u8D44\u7EC4\u5408\u83DC\u5355\u63A2\u7D22 embarkAI \u94B1\u5305\u7684\u52A0\u5BC6\u8D44\u4EA7\u3002"
+          }
+        }
       },
       sendMenu: {
         title: "\u53D1\u9001",
@@ -6523,7 +6831,13 @@ var init_zh = __esm({
         title: "\u63A5\u6536\u8D44\u4EA7",
         copyAddress: "\u590D\u5236\u5730\u5740",
         warning: "\u786E\u4FDD\u53D1\u9001\u65B9\u4E0E\u60A8\u5728\u540C\u4E00\u7F51\u7EDC\u4E0A",
-        share: "\u5206\u4EAB\u6B64\u5730\u5740\u4EE5\u63A5\u6536\u4EE3\u5E01"
+        share: "\u5206\u4EAB\u6B64\u5730\u5740\u4EE5\u63A5\u6536\u4EE3\u5E01",
+        onboarding: {
+          receiveMenu: {
+            title: "\u63A5\u6536\u83DC\u5355",
+            description: "\u5728\u6240\u9009\u94FE\u4E0A\u5206\u4EAB\u60A8\u7684\u5730\u5740\uFF0C\u4EE5\u4FBF\u4ECE\u540C\u4E00\u94FE\u4E0A\u7684\u5176\u4ED6\u7528\u6237\u63A5\u6536\u52A0\u5BC6\u8D44\u4EA7\u3002"
+          }
+        }
       },
       buyMenu: {
         title: "\u8D2D\u4E70\u52A0\u5BC6\u8D27\u5E01",
@@ -6586,7 +6900,7 @@ var init_zh = __esm({
         }
       },
       portfolioMenu: {
-        title: "\u60A8\u7684\u8D44\u4EA7",
+        title: "\u8D44\u4EA7\u7EC4\u5408",
         noAssets: "\u672A\u627E\u5230\u8D44\u4EA7",
         noBlockscout: "\u672A\u627E\u5230\u94FE {{chain}} \u7684 Blockscout API"
       },
@@ -6594,7 +6908,13 @@ var init_zh = __esm({
         title: "\u4EA4\u6613\u8BB0\u5F55",
         noTransactions: "\u672A\u627E\u5230\u4EA4\u6613",
         internalTransactions: "\u5185\u90E8\u4EA4\u6613",
-        comingSoon: "\u8BE5\u7F51\u7EDC\u7684\u4EA4\u6613\u8BB0\u5F55\u5373\u5C06\u4E0A\u7EBF"
+        comingSoon: "\u8BE5\u7F51\u7EDC\u7684\u4EA4\u6613\u8BB0\u5F55\u5373\u5C06\u4E0A\u7EBF",
+        onboarding: {
+          transactionsMenu: {
+            title: "\u4EA4\u6613\u8BB0\u5F55",
+            description: "\u5F53\u524D\u6240\u9009\u94FE\u7684\u94FE\u4E0A\u4EA4\u6613\u5386\u53F2\u8BB0\u5F55\u3002"
+          }
+        }
       },
       kycMenu: {
         title: "KYC"
@@ -6628,6 +6948,12 @@ var init_zh = __esm({
         initialUser: {
           welcome: "\u60A8\u7684\u6635\u79F0\u5DF2\u8BBE\u7F6E\u4E3A {{nickname}}",
           message: "\u6839\u636E\u60A8\u7684\u9700\u6C42\u66F4\u6539\u5E76\u4FDD\u5B58\uFF0C\u7136\u540E\u70B9\u51FB\u201C\u7EE7\u7EED\u201D\uFF1A"
+        },
+        onboarding: {
+          nicknameMenu: {
+            title: "\u6635\u79F0\u83DC\u5355",
+            description: "\u4E3A\u60A8\u7684 embarkAI \u4E2A\u4EBA\u8D44\u6599\u8BBE\u7F6E\u6635\u79F0\u3002\u60A8\u53EF\u4EE5\u7A0D\u540E\u66F4\u6539\uFF0C\u4F46\u4E24\u6B21\u66F4\u6539\u4E4B\u95F4\u6709\u51B7\u5374\u671F\u3002"
+          }
         }
       },
       profilesMenu: {
@@ -6647,7 +6973,13 @@ var init_zh = __esm({
         },
         unlinkTitle: "\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500",
         unlinkConfirm: "\u8F93\u5165\u63D0\u4F9B\u5546 ID \u4EE5\u786E\u8BA4\u79FB\u9664",
-        unlinkPlaceholder: "\u8F93\u5165\u63D0\u4F9B\u5546 ID"
+        unlinkPlaceholder: "\u8F93\u5165\u63D0\u4F9B\u5546 ID",
+        onboarding: {
+          profilesMenu: {
+            title: "\u4E2A\u4EBA\u8D44\u6599\u83DC\u5355",
+            description: "\u901A\u8FC7\u5DF2\u8FDE\u63A5\u7684\u4E2A\u4EBA\u8D44\u6599\uFF0C\u53EF\u4EE5\u4EE5\u591A\u79CD\u65B9\u5F0F\u8FDB\u884C embarkAI \u8EAB\u4EFD\u9A8C\u8BC1\u3002\u7BA1\u7406\u60A8\u7684\u5DF2\u8FDE\u63A5\u4E2A\u4EBA\u8D44\u6599\u3002"
+          }
+        }
       },
       securityMenu: {
         title: "\u5B89\u5168",
@@ -6673,7 +7005,44 @@ var init_zh = __esm({
           valutBackupMissing: "\u5B89\u5168\u5BC6\u94A5\u5171\u4EAB\u5E93\u5907\u4EFD\u7F3A\u5931\u3002\u8BF7\u521B\u5EFA\u4E00\u4E2A\u5907\u4EFD\u4EE5\u786E\u4FDD\u60A8\u7684\u6570\u636E\u5B89\u5168\u3002"
         },
         lastBackup: "\u6700\u540E\u4E00\u6B21\u5BC6\u94A5\u5171\u4EAB\u5E93\u5907\u4EFD",
-        lastBackupMeta: "\u901A\u8FC7 {{browser}} \u6D4F\u89C8\u5668\u5728 {{os}} \u64CD\u4F5C\u7CFB\u7EDF\u4E0A\u521B\u5EFA\u3002\u8BBE\u5907\uFF1A{{deviceName}}"
+        lastBackupMeta: "\u901A\u8FC7 {{browser}} \u6D4F\u89C8\u5668\u5728 {{os}} \u64CD\u4F5C\u7CFB\u7EDF\u4E0A\u521B\u5EFA\u3002\u8BBE\u5907\uFF1A{{deviceName}}",
+        onboarding: {
+          securityMenu: {
+            title: "\u5B89\u5168\u83DC\u5355",
+            description: "\u7BA1\u7406 embarkAI \u7684\u5B89\u5168\u8BBE\u7F6E\uFF0C\u5305\u62EC\u5DF2\u8FDE\u63A5\u7684\u5E94\u7528\u7A0B\u5E8F\u548C\u5BC6\u94A5\u5171\u4EAB\u72B6\u6001\u3002"
+          },
+          keyshare: {
+            title: "\u5BC6\u94A5\u5171\u4EAB\u72B6\u6001",
+            description: "embarkAi \u7684\u4FDD\u62A4\u7531\u4E24\u4E2A\u5BC6\u94A5\u5171\u4EAB\u7EC4\u6210\uFF1A\u4E00\u4E2A\u5728\u670D\u52A1\u5668\u4E0A\uFF0C\u4E00\u4E2A\u5728\u60A8\u7684\u8BBE\u5907\u4E0A\u3002\u4E24\u8005\u90FD\u662F\u8BBF\u95EE\u60A8\u8D26\u6237\u6240\u5FC5\u9700\u7684\u3002 \n\u60A8\u7684\u5BC6\u94A5\u5171\u4EAB\u5B58\u5728\u4E8E\u60A8\u7684\u8BBE\u5907\uFF08\u672C\u5730\uFF09\u4E0A\uFF0C\u540C\u65F6\u4E5F\u5E94\u5907\u4EFD\u5230 Vault \u4EE5\u786E\u4FDD\u66F4\u9AD8\u7684\u5B89\u5168\u6027",
+            detailsButton: "\u67E5\u770B\u8BE6\u60C5",
+            details: {
+              concept: {
+                title: "\u6838\u5FC3\u6982\u5FF5",
+                description: "- \u5BC6\u94A5\u5171\u4EAB\u7684\u91CD\u65B0\u7EC4\u5408\u53EF\u4E3A\u60A8\u7684\u8D26\u6237\u63D0\u4F9B\u8BBF\u95EE\u5BC6\u94A5\u3002\n\n - \u4E22\u5931\u60A8\u7684\u90E8\u5206\u5C06\u5BFC\u81F4\u65E0\u6CD5\u8BBF\u95EE\u60A8\u7684\u8D26\u6237\n\n - \u60A8\u7684\u5BC6\u94A5\u5171\u4EAB\u90E8\u5206\u5B58\u5728\u4E8E\u60A8\u7684\u8BBE\u5907\uFF08\u672C\u5730\u5171\u4EAB\uFF09\u4E0A\uFF0C\u4F46\u4E5F\u5E94\u5728\u5BC6\u94A5\u5171\u4EAB\u5E93\u4E2D\u8FDB\u884C\u5907\u4EFD\uFF0C\u4EE5\u4FBF\u60A8\u53EF\u4EE5\u5728\u4EFB\u4F55\u8BBE\u5907\u4E0A\u8BBF\u95EE embarkAI\u3002"
+              },
+              server: {
+                title: "\u670D\u52A1\u5668\u5BC6\u94A5\u5171\u4EAB",
+                description: "\u5BC6\u94A5\u5171\u4EAB\u7684\u4E00\u90E8\u5206\u5B58\u50A8\u5728\u5B89\u5168\u670D\u52A1\u5668\u4E0A\u3002"
+              },
+              local: {
+                title: "\u672C\u5730\u5BC6\u94A5\u5171\u4EAB",
+                description: "\u5BC6\u94A5\u5171\u4EAB\u7684\u4E00\u90E8\u5206\u5B58\u50A8\u5728\u60A8\u7684\u8BBE\u5907\uFF08\u672C\u5730\uFF09\u4E0A\uFF0C\u4E0E\u670D\u52A1\u5668\u5BC6\u94A5\u5171\u4EAB\u914D\u5408\u4F7F\u7528\u4EE5\u8BBF\u95EE\u8D26\u6237\u3002\u5982\u679C\u4E22\u5931\uFF0C\u60A8\u53EF\u80FD\u4F1A\u5931\u53BB\u5BF9\u8D26\u6237\u7684\u8BBF\u95EE\u6743\u9650\u3002"
+              },
+              vault: {
+                title: "Vault \u5BC6\u94A5\u5171\u4EAB",
+                description: "\u60A8\u7684\u672C\u5730\u5BC6\u94A5\u5171\u4EAB\u90E8\u5206\u5E94\u5B58\u50A8\u5728 Vault \u4E2D\uFF0C\u4EE5\u786E\u4FDD\u6570\u636E\u5B89\u5168\u4E14\u53EF\u8BBF\u95EE\u3002\u53EF\u901A\u8FC7\u8BBE\u7F6E -> \u8D26\u6237\u5907\u4EFD\u521B\u5EFA\u5907\u4EFD"
+              }
+            }
+          },
+          keyshareExistingVaultBkp: {
+            title: "\u73B0\u6709\u5BC6\u94A5\u5171\u4EAB Vault \u5907\u4EFD",
+            description: "\u60A8\u7684\u5B89\u5168\u5BC6\u94A5\u5171\u4EAB Vault \u5907\u4EFD\u5E94\u5B58\u5728\u4E14\u5DF2\u51C6\u5907\u5C31\u7EEA\u3002\u5982\u679C\u7F3A\u5931\uFF0C\u60A8\u53EF\u80FD\u4F1A\u5931\u53BB\u5BF9\u8D26\u6237\u7684\u8BBF\u95EE\u6743\u9650\u3002\u5982\u5C1A\u672A\u521B\u5EFA\uFF0C\u8BF7\u7ACB\u5373\u521B\u5EFA\u4EE5\u786E\u4FDD\u6570\u636E\u5B89\u5168\u3002"
+          },
+          connectedApps: {
+            title: "\u5DF2\u8FDE\u63A5\u7684\u5E94\u7528\u7A0B\u5E8F",
+            description: "\u5DF2\u8FDE\u63A5\u7684\u5E94\u7528\u7A0B\u5E8F\u662F\u60A8\u901A\u8FC7 embarkAI \u8BBF\u95EE\u8FC7\u7684\u5E94\u7528\u3002\n - \u53EF\u4EE5\u4FE1\u4EFB\u5DF2\u8FDE\u63A5\u7684\u5E94\u7528\u7A0B\u5E8F\u4EE5\u8DF3\u8FC7\u4EA4\u6613\u786E\u8BA4\u3002\n - \u60A8\u53EF\u4EE5\u968F\u65F6\u64A4\u9500\u4FE1\u4EFB\uFF0C\u64A4\u9500\u540E\u8BE5\u5E94\u7528\u5C06\u518D\u6B21\u9700\u8981\u60A8\u786E\u8BA4\u6BCF\u7B14\u4EA4\u6613\u3002"
+          }
+        }
       },
       backupMenu: {
         title: "\u8D26\u6237\u5907\u4EFD",
@@ -6691,7 +7060,33 @@ var init_zh = __esm({
         file: "\u5907\u4EFD\u6587\u4EF6",
         fileCreate: "\u4E0B\u8F7D\u5907\u4EFD\u6587\u4EF6\u5DF2\u7F16\u7801",
         fileRestore: "\u4F7F\u7528\u6587\u4EF6\u6062\u590D",
-        cloud: "\u4E91\u7AEF"
+        cloud: "\u4E91\u7AEF",
+        onboarding: {
+          backupMenu: {
+            title: "\u8D26\u6237\u5907\u4EFD\u83DC\u5355",
+            description: "\u60A8\u8BBE\u5907\u4E0A\u7684\u672C\u5730\u5BC6\u94A5\u5171\u4EAB\u5907\u4EFD\u5BF9\u4E8E\u8D26\u6237\u6062\u590D\u81F3\u5173\u91CD\u8981\u3002"
+          },
+          backupEncryptionMethod: {
+            title: "\u52A0\u5BC6\u65B9\u5F0F",
+            description: "\u60A8\u8BBE\u5907\u4E0A\u7684\u672C\u5730\u5BC6\u94A5\u5171\u4EAB\u5907\u4EFD\u5FC5\u987B\u4F7F\u7528\u5BC6\u7801\u6216\u5BC6\u7801\u5BC6\u94A5\u52A0\u5BC6\uFF0C\u8FD9\u6837\u65E0\u8BBA\u5907\u4EFD\u5B58\u50A8\u5728\u4F55\u5904\uFF0C\u53EA\u6709\u60A8\u624D\u80FD\u89E3\u5BC6\u3002"
+          },
+          backupEncryptionPassword: {
+            title: "\u5BC6\u7801",
+            description: "\u5BC6\u7801\u662F\u52A0\u5BC6\u5BC6\u94A5\u5171\u4EAB\u5907\u4EFD\u7684\u5E38\u7528\u65B9\u5F0F\u3002\u8BF7\u786E\u4FDD\u4F7F\u7528\u5F3A\u5BC6\u7801\u5E76\u8BB0\u4F4F\u5B83\uFF0C\u56E0\u4E3A\u4E22\u5931\u5BC6\u7801\u53EF\u80FD\u5BFC\u81F4\u65E0\u6CD5\u8BBF\u95EE\u60A8\u7684\u8D26\u6237\u3002"
+          },
+          backupEncryptionPasskey: {
+            title: "\u5BC6\u7801\u5BC6\u94A5",
+            description: "\u5BC6\u7801\u5BC6\u94A5\u662F\u4E00\u79CD\u65E0\u9700\u5BC6\u7801\u3001\u7ED1\u5B9A\u8BBE\u5907\u7684\u66FF\u4EE3\u65B9\u6848\uFF0C\u7528\u4E8E\u52A0\u5BC6\u60A8\u7684\u5BC6\u94A5\u5171\u4EAB\u5907\u4EFD\u3002"
+          },
+          backupStatus: {
+            title: "\u5907\u4EFD\u72B6\u6001",
+            description: "\u72B6\u6001\u6307\u793A\u60A8\u7684\u5BC6\u94A5\u5171\u4EAB\u5907\u4EFD\u662F\u5426\u5DF2\u6B63\u786E\u52A0\u5BC6\u548C\u5B58\u50A8\u3002"
+          },
+          backupAdvanced: {
+            title: "\u9AD8\u7EA7\u5907\u4EFD\u9009\u9879",
+            description: "\u63A2\u7D22\u5907\u4EFD\u8BBE\u5907\u672C\u5730\u5BC6\u94A5\u5171\u4EAB\u7684\u9AD8\u7EA7\u9009\u9879\u3002"
+          }
+        }
       },
       restoreMenu: {
         title: "\u5E10\u6237\u6062\u590D",
@@ -6710,7 +7105,16 @@ var init_zh = __esm({
           description: "\u5F53\u524D\u5E94\u7528\u7A0B\u5E8F\u914D\u7F6E\u4E3A\u4F7F\u7528\u94FE <b>{{preferredChain}}</b>\uFF0C\u800C\u975E\u60A8\u5F53\u524D\u7684\u94FE <b>{{currentChain}}</b>\u3002<br /> \u662F\u5426\u5207\u6362\u5230\u9996\u9009\u94FE\uFF1F",
           confirmButton: "\u5207\u6362\u5230 {{chain}}",
           cancelButton: "\u4FDD\u6301\u5F53\u524D\u94FE"
+        },
+        onboarding: {
+          chainMenu: {
+            title: "\u94FE\u83DC\u5355",
+            description: "\u5728 embarkAI \u652F\u6301\u7684\u4E0D\u540C\u533A\u5757\u94FE\u7F51\u7EDC\u4E4B\u95F4\u5207\u6362\u3002"
+          }
         }
+      },
+      guardiansMenu: {
+        title: "\u5B88\u62A4\u8005"
       }
     };
   }
@@ -8653,22 +9057,29 @@ var init_AuthMenu2 = __esm({
   }
 });
 
-// src/internal/components/Onboarding/onboarder.ts
+// src/internal/components/Onboarding/useOnboardingStore.ts
 import { create as create4 } from "zustand";
-var useOnboardingStore, Onboarder, onboarder;
-var init_onboarder = __esm({
-  "src/internal/components/Onboarding/onboarder.ts"() {
-    init_useLayoutDataStore();
-    init_useLayoutStore();
+var useOnboardingStore;
+var init_useOnboardingStore = __esm({
+  "src/internal/components/Onboarding/useOnboardingStore.ts"() {
     useOnboardingStore = create4((set) => ({
+      isTourAvailable: false,
+      setIsTourAvailable: (isTourAvailable) => set({ isTourAvailable }),
       elRect: { x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 },
-      tooltip: { title: "", description: "" },
-      setFrame: (tooltipStore) => set(tooltipStore),
+      setElRect: (elRect) => set({ elRect }),
       mountIntoNode: document.body,
-      setMountIntoNode: (mountIntoNode) => set({ mountIntoNode }),
-      waitSecs: null,
-      setWaitSecs: (waitSecs) => set({ waitSecs })
+      setMountIntoNode: (mountIntoNode) => set({ mountIntoNode })
     }));
+  }
+});
+
+// src/internal/components/Onboarding/onboarder.ts
+var Onboarder, onboarder;
+var init_onboarder = __esm({
+  "src/internal/components/Onboarding/onboarder.ts"() {
+    init_useLayoutDataStore();
+    init_useLayoutStore();
+    init_useOnboardingStore();
     Onboarder = class {
       tour = null;
       tourPointer = 0;
@@ -8679,11 +9090,12 @@ var init_onboarder = __esm({
       domObserver = new MutationObserver(([domMutation]) => {
         if (this.domObserverTimer) clearTimeout(this.domObserverTimer);
         this.domObserverTimer = setTimeout(() => {
-          const { elId, title, description } = this.tour[this.tourPointer];
+          const elId = this.tour[this.tourPointer]?.elId;
           const elementRef = this.elements.get(elId)?.deref();
           if (!elementRef) return;
           const { x, y, width, height } = elementRef.getBoundingClientRect();
-          useOnboardingStore.getState().setFrame({ elRect: { x, y, width, height }, tooltip: { title, description } });
+          elementRef.scrollIntoView({ behavior: "smooth", block: "center", inline: "center" });
+          useOnboardingStore.getState().setElRect({ x, y, width, height });
         }, 200);
       });
       /** deferred resize observer */
@@ -8693,17 +9105,16 @@ var init_onboarder = __esm({
         this.resizeObserverTimer = setTimeout(() => {
           for (const entry of entries) {
             const element = entry.target;
-            let frameData;
-            const { elId, title, description } = this.tour[this.tourPointer];
+            let elRectData;
+            const elId = this.tour[this.tourPointer]?.elId;
             if (!element || element.nodeName === "BODY") {
               const elementRef = this.elements.get(elId)?.deref();
-              const { x, y, width, height } = elementRef.getBoundingClientRect();
-              frameData = { elRect: { x, y, width, height }, tooltip: { title, description } };
+              elRectData = elementRef.getBoundingClientRect();
             } else {
-              const { x, y, width, height } = element.getBoundingClientRect();
-              frameData = { elRect: { x, y, width, height }, tooltip: { title, description } };
+              elRectData = element.getBoundingClientRect();
+              element.scrollIntoView({ behavior: "smooth", block: "center", inline: "center" });
             }
-            useOnboardingStore.getState().setFrame(frameData);
+            useOnboardingStore.getState().setElRect(elRectData);
           }
         }, 200);
       });
@@ -8720,17 +9131,13 @@ var init_onboarder = __esm({
           this.resizeObserver.observe(startElRef);
           this.resizeObserver.observe(document.body);
         }
-        useOnboardingStore.getState().setWaitSecs(tour[0].waitSecs || null);
       }
       endTour() {
         this.tour = null;
         this.tourPointer = 0;
         this.domObserver.disconnect();
         this.resizeObserver.disconnect();
-        useOnboardingStore.getState().setFrame({
-          elRect: { x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 },
-          tooltip: { title: "", description: "" }
-        });
+        useOnboardingStore.getState().setElRect({ x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 });
         setTimeout(() => {
           useLayoutDataStore.getInitialState().setIsOnboarding(false);
           useLayoutStore.getInitialState().setIsDialogForced(false);
@@ -8753,7 +9160,6 @@ var init_onboarder = __esm({
             this.resizeObserver.observe(nextElRef);
             this.resizeObserver.observe(document.body);
           }
-          useOnboardingStore.getState().setWaitSecs(nextStep.waitSecs || null);
         }, 200);
       }
       /**
@@ -8769,6 +9175,9 @@ var init_onboarder = __esm({
         if (!this.tour) return null;
         return this.tour[this.tourPointer];
       }
+      getCurrentPointer() {
+        return this.tourPointer;
+      }
     };
     onboarder = new Onboarder();
   }
@@ -8776,14 +9185,14 @@ var init_onboarder = __esm({
 
 // src/internal/components/Onboarding/OnboardingOverlay.tsx
 import { ChevronRightIcon, LoaderIcon } from "lucide-react";
-import { useEffect as useEffect12, useRef as useRef9, useState as useState5 } from "react";
+import { useEffect as useEffect12, useState as useState5 } from "react";
 import { createPortal } from "react-dom";
 import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function getTooltipXPos(params) {
   const { x, width, isMobileView, expandValue } = params;
   const frameEndX = x + width + expandValue;
   const frameWidth = isMobileView ? width : width + 2 * expandValue;
-  const ttWidth = Math.max(frameWidth, TOOLTIP_MIN_WIDTH);
+  const ttWidth = isMobileView ? Math.max(frameWidth, window.innerWidth - 4 * expandValue) : Math.max(frameWidth, TOOLTIP_MIN_WIDTH);
   const ttShiftX = isMobileView ? 0 : expandValue;
   const ttEndX = x - ttShiftX + ttWidth;
   const isTTOverflowsFrame = ttEndX > frameEndX;
@@ -8792,16 +9201,16 @@ function getTooltipXPos(params) {
     return {
       isOverflowX: true,
       width: ttWidth,
-      x: x - (ttEndX - window.innerWidth) - EXPAND
+      x: x - (ttEndX - window.innerWidth) - 2 * expandValue
       // unstick tooltip from window right edge
     };
   }
   if (isTTOverflowsFrame) {
+    const calcedX = x - ttShiftX - ttWidth / 2 + frameWidth / 2;
     return {
       isOverflowX: true,
       width: ttWidth,
-      x: x - ttShiftX - ttWidth / 2 + frameWidth / 2
-      // center tooltip over target element
+      x: calcedX < expandValue ? expandValue : calcedX
     };
   }
   return {
@@ -8811,12 +9220,14 @@ function getTooltipXPos(params) {
   };
 }
 function getTooltipYPos(params) {
-  const { y, height, isMobileView, expandValue, ttCurrentHeight = 0 } = params;
-  let topPosY = y - expandValue * 2 - ttCurrentHeight;
-  const bottomPosY = y + height + expandValue;
+  const { y, height, isMobileView, expandValue } = params;
+  let topPosY = y - expandValue * 2 - TOP_POS_OFFSET;
+  const bottomPosY = y + height + expandValue + (isMobileView ? expandValue : 0);
+  const isTopPos = isMobileView && topPosY >= EXPAND;
   return {
+    isTopPos,
     isOverflowY: topPosY < EXPAND,
-    y: isMobileView && topPosY >= EXPAND ? topPosY : bottomPosY
+    y: isTopPos ? topPosY : bottomPosY
     // topPosY >= EXPAND - unstick tooltip from window top edge
   };
 }
@@ -8826,14 +9237,14 @@ function OnboardingOverlay() {
   const isOnboarding = useLayoutDataStore((st) => st.isOnboarding);
   const isMobileView = useLayoutStore((st) => st.isMobileView);
   const colorMode = useLayoutStore((st) => st.colorMode);
-  const toolipElementRef = useRef9(null);
+  const { elRect, mountIntoNode } = useOnboardingStore();
   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
-  } = useOnboardingStore();
+    actions: tourStepActions = [],
+    waitSecs = null,
+    title,
+    description,
+    forced = false
+  } = onboarder.getCurrentStep() || {};
   useEffect12(() => {
     setTimeout(() => {
       if (!page) {
@@ -8850,16 +9261,15 @@ function OnboardingOverlay() {
   }, [page]);
   const [continueCountdown, setContinueCountdown] = useState5(null);
   const expandValue = EXPAND * (isMobileView ? 0.5 : 1);
-  const frame = {
-    x: elRect.x - expandValue,
-    y: elRect.y - expandValue,
-    width: elRect.width + expandValue * 2,
-    height: elRect.height + expandValue * (isMobileView ? 2 : 3)
-  };
-  const tt = {
-    ...getTooltipXPos({ ...elRect, isMobileView, expandValue }),
-    ...getTooltipYPos({ ...elRect, isMobileView, expandValue, ttCurrentHeight: toolipElementRef.current?.clientHeight })
+  const posParams = {
+    x: elRect.x,
+    y: elRect.y,
+    width: elRect.width,
+    height: elRect.height,
+    isMobileView,
+    expandValue
   };
+  const position = { ...getTooltipXPos(posParams), ...getTooltipYPos(posParams) };
   useEffect12(() => {
     if (!waitSecs) return;
     setContinueCountdown(waitSecs);
@@ -8875,7 +9285,6 @@ function OnboardingOverlay() {
     return () => clearInterval(countdownInterval);
   }, [waitSecs]);
   if (!mountIntoNode) return null;
-  const tourStepActions = onboarder.getCurrentStep()?.actions;
   return createPortal(
     /* @__PURE__ */ jsxs17(
       "div",
@@ -8912,10 +9321,10 @@ function OnboardingOverlay() {
                       fill: "black",
                       style: {
                         transition: "x 0.3s ease, y 0.3s ease, width 0.3s ease, height 0.3s ease",
-                        x: frame.x,
-                        y: frame.y,
-                        width: frame.width,
-                        height: frame.height
+                        x: elRect.x - expandValue,
+                        y: elRect.y - expandValue,
+                        width: elRect.width + expandValue * 2,
+                        height: elRect.height + expandValue * (isMobileView ? 2 : 3)
                       }
                     }
                   )
@@ -8924,47 +9333,58 @@ function OnboardingOverlay() {
               ]
             }
           ),
-          isOnboarding && /* @__PURE__ */ jsxs17(
+          /* @__PURE__ */ jsxs17(
             "div",
             {
-              ref: toolipElementRef,
               className: cn(
-                "absolute flex flex-col gap-1 p-[var(--ui-kit-pd)]",
+                "absolute flex flex-col gap-1 p-[12px]",
                 "text-center text-sm",
                 "text-[var(--ui-kit-success)] bg-[var(--ui-kit-bg-success)]",
-                ""
+                "overflow-hidden"
               ),
               style: {
-                width: tt.width,
-                top: 0,
-                left: 0,
-                transition: "transform 0.3s ease, width 0.3s ease",
-                transform: `translate(${tt.x}px, ${tt.y}px)`,
-                borderRadius: isMobileView || tt.isOverflowX ? "var(--ui-kit-bdrs)" : "0 0 var(--ui-kit-bdrs) var(--ui-kit-bdrs)"
+                willChange: "top, left, width, height, transform",
+                width: isOnboarding ? position.width : 0,
+                height: isOnboarding ? "auto" : 0,
+                top: isOnboarding ? position.y : window.innerHeight / 2,
+                left: isOnboarding ? position.x : window.innerWidth / 2,
+                transition: "top 0.3s ease, left 0.3s ease, width 0.3s ease",
+                transform: position.isTopPos ? `translateY(calc(-100% + ${TOP_POS_OFFSET}px))` : "translateY(0)",
+                borderRadius: isMobileView || position.isOverflowX ? "var(--ui-kit-bdrs)" : "0 0 var(--ui-kit-bdrs) var(--ui-kit-bdrs)"
               },
               children: [
-                /* @__PURE__ */ jsx21("p", {
-                  className: "font-bold",
-                  //@ts-expect-error i18n dynamic key typing
-                  children: t(tooltip.title)
-                }),
-                /* @__PURE__ */ jsx21("p", {
-                  className: "whitespace-pre-line",
-                  //@ts-expect-error i18n dynamic key typing
-                  children: t(tooltip.description)
-                }),
+                /* @__PURE__ */ jsx21("p", { className: "font-bold", children: t(title) }),
+                /* @__PURE__ */ jsx21("p", { className: "whitespace-pre-line", children: t(description) }),
+                !forced && /* @__PURE__ */ jsx21(
+                  Button,
+                  {
+                    size: "small",
+                    variant: "ghost",
+                    onClick: () => {
+                      setContinueCountdown(null);
+                      onboarder.endTour();
+                    },
+                    className: cn(
+                      "text-[var(--ui-kit-success)]",
+                      "absolute top-2 right-2 text-[10px]"
+                      // colorMode === 'dark' ? 'text-[var(--ui-kit-fg-inverted)]' : 'text-[var(--ui-kit-fg)]'
+                    ),
+                    children: t("passport:common.hide")
+                  }
+                ),
                 !!tourStepActions?.length ? /* @__PURE__ */ jsx21("div", { className: "flex grid grid-cols-2 gap-[var(--ui-kit-gap)]", children: tourStepActions.map(({ caption, onClick }, index) => /* @__PURE__ */ jsxs17(
                   Button,
                   {
                     variant: "default",
                     size: "medium",
-                    className: "w-full",
+                    className: cn("w-full", isMobileView && "text-[10px]"),
                     onClick,
                     disabled: continueCountdown !== null,
                     children: [
-                      continueCountdown !== null ? /* @__PURE__ */ jsx21(LoaderIcon, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx21(ChevronRightIcon, { className: "h-4 w-4" }),
+                      continueCountdown !== null && /* @__PURE__ */ jsx21(LoaderIcon, { className: "h-4 w-4 animate-spin" }),
                       // @ts-expect-error i18n dynamic key typing
-                      t(caption)
+                      t(caption),
+                      continueCountdown === null && /* @__PURE__ */ jsx21(ChevronRightIcon, { className: "h-4 w-4" })
                     ]
                   },
                   index
@@ -8973,14 +9393,15 @@ function OnboardingOverlay() {
                   {
                     variant: "default-glow",
                     size: "medium",
-                    className: "w-full",
+                    className: cn("w-full", isMobileView && "text-[10px]"),
                     onClick: () => onboarder.next(),
                     disabled: continueCountdown !== null,
                     children: [
-                      continueCountdown !== null ? /* @__PURE__ */ jsx21(LoaderIcon, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx21(ChevronRightIcon, { className: "h-4 w-4" }),
+                      continueCountdown !== null && /* @__PURE__ */ jsx21(LoaderIcon, { className: "h-4 w-4 animate-spin" }),
                       String(t("passport:common.continue")).toUpperCase(),
                       " ",
-                      continueCountdown !== null && continueCountdown
+                      continueCountdown !== null && continueCountdown,
+                      continueCountdown === null && /* @__PURE__ */ jsx21(ChevronRightIcon, { className: "h-4 w-4" })
                     ]
                   }
                 )
@@ -8994,7 +9415,7 @@ function OnboardingOverlay() {
     mountIntoNode
   );
 }
-var EXPAND, TOOLTIP_MIN_WIDTH;
+var EXPAND, TOOLTIP_MIN_WIDTH, TOP_POS_OFFSET;
 var init_OnboardingOverlay = __esm({
   "src/internal/components/Onboarding/OnboardingOverlay.tsx"() {
     init_i18n();
@@ -9003,8 +9424,24 @@ var init_OnboardingOverlay = __esm({
     init_utils2();
     init_button();
     init_onboarder();
+    init_useOnboardingStore();
     EXPAND = 16;
-    TOOLTIP_MIN_WIDTH = 256;
+    TOOLTIP_MIN_WIDTH = 320;
+    TOP_POS_OFFSET = 112;
+  }
+});
+
+// src/internal/components/Onboarding/useOnboardingTouirAvailable.ts
+import { useEffect as useEffect13 } from "react";
+function useOnboardingTourAvailable(isAvailable) {
+  useEffect13(() => {
+    useOnboardingStore.getState().setIsTourAvailable(isAvailable);
+    return () => useOnboardingStore.getState().setIsTourAvailable(false);
+  }, [isAvailable]);
+}
+var init_useOnboardingTouirAvailable = __esm({
+  "src/internal/components/Onboarding/useOnboardingTouirAvailable.ts"() {
+    init_useOnboardingStore();
   }
 });
 
@@ -9013,18 +9450,20 @@ var init_Onboarding = __esm({
   "src/internal/components/Onboarding/index.ts"() {
     init_OnboardingOverlay();
     init_onboarder();
+    init_useOnboardingStore();
+    init_useOnboardingTouirAvailable();
   }
 });
 
 // src/internal/components/ui/switch.tsx
-import { forwardRef as forwardRef3, useState as useState6 } from "react";
+import { forwardRef as forwardRef4, useState as useState6 } from "react";
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var Switch;
 var init_switch = __esm({
   "src/internal/components/ui/switch.tsx"() {
     init_useLayoutStore();
     init_utils2();
-    Switch = forwardRef3((props, ref) => {
+    Switch = forwardRef4((props, ref) => {
       const { className, labels, ...inputProps } = props;
       const colorMode = useLayoutStore((st) => st.colorMode);
       const [labelW, setLabelW] = useState6(0);
@@ -9496,11 +9935,11 @@ var init_priceFormatter = __esm({
 
 // src/internal/components/BuyMenu/useBuyMenuStore.ts
 import { keys, noop } from "lodash-es";
-import { useEffect as useEffect13 } from "react";
+import { useEffect as useEffect14 } from "react";
 import { create as create5 } from "zustand";
 import { persist } from "zustand/middleware";
 function useBuyMenuParams() {
-  useEffect13(() => {
+  useEffect14(() => {
     const { pageParams, setPageParams } = useLayoutDataStore.getState();
     if (!pageParams || !keys(pageParams).length) return;
     const { amount, crypto: crypto2, onRampWidgetRedirected } = pageParams || {};
@@ -10097,15 +10536,12 @@ var init_onboarding_setup = __esm({
         elId: "buymenu-binance-estimate" /* binanceEstimate */,
         title: "passport:buyMenu.onboarding.binanceEstimate.title",
         description: "passport:buyMenu.onboarding.binanceEstimate.description",
+        forced: true,
+        // no hide button for this step, user must click "Next" to proceed
         onNext: () => {
           useBuyMenuStore.getState().setIsProviderSummary(false);
           useBinanceStore.getState().setQuoteData(null);
         }
-      },
-      {
-        elId: "buymenu-tour-button" /* tourButton */,
-        title: "passport:common.onboarding.tourButton.title",
-        description: "passport:common.onboarding.tourButton.description"
       }
     ];
   }
@@ -10317,7 +10753,7 @@ function BinanceSummary(props) {
           /* @__PURE__ */ jsxs33("span", { className: "font-bold", children: [
             formatPrice(srcQueryAmount),
             " ",
-            selectedFiat.toUpperCase()
+            selectedFiat?.toUpperCase()
           ] })
         ] }),
         /* @__PURE__ */ jsxs33("div", { className: "flex justify-between text-xs leading-5", children: [
@@ -10325,7 +10761,7 @@ function BinanceSummary(props) {
           /* @__PURE__ */ jsxs33("span", { className: "font-bold", children: [
             formatPrice(cryptoToRecieve),
             " ",
-            selectedCrypto.toUpperCase()
+            selectedCrypto?.toUpperCase()
           ] })
         ] }),
         /* @__PURE__ */ jsxs33(Highlight, { type: "info", className: "", children: [
@@ -10364,7 +10800,7 @@ function BinanceSummary(props) {
               !!quoteData?.totalAmount && /* @__PURE__ */ jsxs33("strong", { children: [
                 formatPrice(Number(quoteData.totalAmount)),
                 " ",
-                selectedCrypto.toUpperCase()
+                selectedCrypto?.toUpperCase()
               ] })
             ]
           }
@@ -10566,7 +11002,7 @@ import { useInfiniteQuery } from "@tanstack/react-query";
 import dayjs from "dayjs";
 import { debounce as debounce4 } from "lodash-es";
 import { DownloadIcon, ExternalLinkIcon, LoaderIcon as LoaderIcon3 } from "lucide-react";
-import { useCallback as useCallback12, useEffect as useEffect14, useMemo as useMemo4 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect15, useMemo as useMemo4 } from "react";
 import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
 function getStatusVariant(status) {
   switch (status) {
@@ -10608,7 +11044,7 @@ function BinanceTxHistoryItem(props) {
   } = txPayload || {};
   const statusInfo = STATUS_CODE_TO_MESSAGE[txStatus];
   const badgeVariant = getStatusVariant(txStatus);
-  const TokenIcon = TOKENS_ICONS[cryptoCurrency.toUpperCase()] || TOKENS_ICONS["EMBARKAI"];
+  const TokenIcon = TOKENS_ICONS[cryptoCurrency?.toUpperCase()] || TOKENS_ICONS["EMBARKAI"];
   return /* @__PURE__ */ jsxs34(
     "div",
     {
@@ -10707,7 +11143,7 @@ function BinanceTxHistory() {
     }, 200),
     []
   );
-  useEffect14(() => {
+  useEffect15(() => {
     if (isTxDataLoading || !txList?.length || txList.length > 10) return;
     updateExpandable();
   }, [isTxDataLoading, txList]);
@@ -10754,11 +11190,11 @@ var init_BinanceTxHistory = __esm({
 
 // src/internal/components/BuyMenu/binance/useBinanceSseTracing.ts
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { useEffect as useEffect15, useRef as useRef10 } from "react";
+import { useEffect as useEffect16, useRef as useRef9 } from "react";
 function useBinanceSseTxTracing(walletAddress) {
   const qc = useQueryClient4();
-  const debounceRef = useRef10(null);
-  useEffect15(() => {
+  const debounceRef = useRef9(null);
+  useEffect16(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
     if (!iframeManager) return;
@@ -10800,7 +11236,7 @@ var init_utils6 = __esm({
 // src/internal/components/BuyMenu/binance/Binance.tsx
 import { useMutation as useMutation6, useQuery as useQuery3, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
 import { LoaderIcon as LoaderIcon4 } from "lucide-react";
-import { useEffect as useEffect16 } from "react";
+import { useEffect as useEffect17 } from "react";
 import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
 function Binance() {
   const qc = useQueryClient5();
@@ -10822,7 +11258,7 @@ function Binance() {
   } = useBuyMenuStore();
   const paymentMode = useBinanceStore((st) => st.paymentMode);
   const isCurrurenciesSelected = !!selectedCrypto && !!selectedFiat;
-  useEffect16(() => {
+  useEffect17(() => {
     if (!isCurrurenciesSelected) return;
     useBuyMenuStore.getState().setRenderKey(`${selectedCrypto}-${selectedFiat}-${Date.now()}`);
   }, [isCurrurenciesSelected]);
@@ -10857,7 +11293,7 @@ function Binance() {
   });
   const paymentModes = paymentModesData?.data?.paymentMethods || [];
   const selectedPaymentMode = paymentModes?.find((el) => getPayMethodID(el) === paymentMode) || null;
-  useEffect16(() => {
+  useEffect17(() => {
     useBuyMenuStore.getState().setMinAmount(Number(selectedPaymentMode?.fiatMinLimit || "0"));
   }, [selectedPaymentMode]);
   const { mutate: estimateQuote, isPending: isQuoteEstimating } = useMutation6({
@@ -10885,22 +11321,22 @@ function Binance() {
     }
   });
   const availableFiats = (tradingPairsData?.data?.fiatCurrencies || []).map((ticker) => ({ ticker }));
-  useEffect16(() => {
+  useEffect17(() => {
     if (!!selectedFiat || !availableFiats?.length) return;
     const targetFiat = availableFiats.find((item) => PREFERRED_FIATS.includes(item.ticker)) || availableFiats[0];
     useBuyMenuStore.getState().setSelectedFiat(targetFiat.ticker);
   }, [availableFiats, selectedFiat]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!!selectedCrypto || !networkAvailableCryptoList?.length) return;
     const targetCrypto = networkAvailableCryptoList.find((item) => PREFERRED_CRYPTOS.includes(item.cryptoCurrency)) || networkAvailableCryptoList[0];
     useBuyMenuStore.getState().setSelectedCrypto(targetCrypto.cryptoCurrency);
   }, [networkAvailableCryptoList, selectedCrypto]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!!paymentMode || !paymentModes.length) return;
     const targetPaymentMode = paymentModes.find((item) => item.payMethodCode === PREFERRED_PAYMENT_METHOD) || paymentModes[0];
     useBinanceStore.getState().setPaymentMode(getPayMethodID(targetPaymentMode));
   }, [paymentModes]);
-  useEffect16(() => {
+  useEffect17(() => {
     return () => {
       useBinanceStore.getState().setPaymentMode(null);
       qc.resetQueries({ queryKey: [QUERY_KEYS2.binanceTradingPairs] });
@@ -10948,8 +11384,8 @@ function Binance() {
   const minimumAmountWarningMsg = srcInputAmount < fiatMinimum ? (
     // @ts-expect-error i18n typings
     t("passport:buyMenu.inputPlaceholder.providerMin", {
-      minimum: fiatMinimum.toFixed(2),
-      currency: selectedFiat.toUpperCase(),
+      minimum: fiatMinimum?.toFixed(2),
+      currency: selectedFiat?.toUpperCase(),
       provider: "BINANCE CONNECT"
     })
   ) : void 0;
@@ -11419,11 +11855,11 @@ var init_networks = __esm({
 
 // src/internal/components/BuyMenu/finchpay/useFinchpaySseTxTracing.ts
 import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
-import { useEffect as useEffect17, useRef as useRef11 } from "react";
+import { useEffect as useEffect18, useRef as useRef10 } from "react";
 function useFinchpaySseTxTracing(walletAddress) {
   const qc = useQueryClient6();
-  const debounceRef = useRef11(null);
-  useEffect17(() => {
+  const debounceRef = useRef10(null);
+  useEffect18(() => {
     if (!walletAddress) return;
     const iframeManager = getIframeManager();
     if (!iframeManager) return;
@@ -11472,7 +11908,7 @@ var init_utils7 = __esm({
 // src/internal/components/BuyMenu/finchpay/FinchPay.tsx
 import { useQuery as useQuery4, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
 import { DollarSign, LoaderIcon as LoaderIcon6 } from "lucide-react";
-import { useEffect as useEffect18 } from "react";
+import { useEffect as useEffect19 } from "react";
 import { Fragment as Fragment12, jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
 function FinchPay() {
   const qc = useQueryClient7();
@@ -11548,11 +11984,11 @@ function FinchPay() {
     })
   });
   const minimum = Number(limitsData?.min_amount || "0");
-  useEffect18(() => {
+  useEffect19(() => {
     if (minimum <= 0) return;
     useBuyMenuStore.getState().setMinAmount(minimum);
   }, [minimum]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (srcInputAmount >= minimum) return;
     useBuyMenuStore.getState().setRenderKey(`finchpay-input-minimum-warning-${Date.now()}`);
   }, [minimum, srcInputAmount]);
@@ -11580,23 +12016,23 @@ function FinchPay() {
       // defaults to CARD estimation, widgetUrl
     })
   });
-  useEffect18(() => {
+  useEffect19(() => {
     const { error: errorTitle, message: errorMessage } = handleErrors([currenciesError, limitsError, estimateError]);
     if (!errorTitle && !errorMessage) return;
     console.error(`[BuyModal][Binance] ${errorTitle}: ${errorMessage}`);
     useBuyMenuStore.getState().setError(errorMessage);
   }, [currenciesError, limitsError, estimateError]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!!selectedFiat || currenciesData.fiats.length === 0) return;
     const fallbackFiat = currenciesData.fiats[0];
     const targetFiat = currenciesData.fiats.find((f) => f.ticker.toUpperCase() === "USD") || fallbackFiat;
     useBuyMenuStore.getState().setSelectedFiat(targetFiat.ticker);
   }, [currenciesData, selectedFiat]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (!!selectedCrypto || currenciesData.currentNetworkCoins.length === 0) return;
     useBuyMenuStore.getState().setSelectedCrypto(currenciesData.currentNetworkCoins[0].ticker);
   }, [currenciesData, selectedCrypto]);
-  useEffect18(() => {
+  useEffect19(() => {
     return () => {
       qc.resetQueries({ queryKey: [QUERY_KEYS2.finchPayCurrencies] });
       qc.resetQueries({ queryKey: [QUERY_KEYS2.finchPayLimits] });
@@ -11850,7 +12286,7 @@ var init_ProviderSelector = __esm({
 });
 
 // src/internal/components/BuyMenu/useHandleInputAmount.ts
-import { useEffect as useEffect19, useRef as useRef12 } from "react";
+import { useEffect as useEffect20, useRef as useRef11 } from "react";
 var ON_INPUT_QUERY_DELAY, useHandleInputAmount;
 var init_useHandleInputAmount = __esm({
   "src/internal/components/BuyMenu/useHandleInputAmount.ts"() {
@@ -11858,12 +12294,12 @@ var init_useHandleInputAmount = __esm({
     init_useBuyMenuStore();
     ON_INPUT_QUERY_DELAY = 1500;
     useHandleInputAmount = () => {
-      const lastRampProviderRef = useRef12(DEFAULT_PROVIDER2);
+      const lastRampProviderRef = useRef11(DEFAULT_PROVIDER2);
       const rampProvider = useBuyMenuStore((st) => st.rampProvider);
       const srcInputAmount = useBuyMenuStore((st) => st.srcInputAmount);
       const minAmount = useBuyMenuStore((st) => st.minAmount);
-      const queryAmountTimer = useRef12(null);
-      useEffect19(() => {
+      const queryAmountTimer = useRef11(null);
+      useEffect20(() => {
         if (queryAmountTimer.current) clearTimeout(queryAmountTimer.current);
         queryAmountTimer.current = setTimeout(() => {
           const checkedValue = Math.ceil(Math.max(Number(srcInputAmount), Number(minAmount)));
@@ -11871,7 +12307,7 @@ var init_useHandleInputAmount = __esm({
           useBuyMenuStore.getState().setSrcQueryAmount(checkedValue);
         }, ON_INPUT_QUERY_DELAY);
       }, [minAmount, srcInputAmount]);
-      useEffect19(() => {
+      useEffect20(() => {
         if (lastRampProviderRef.current === rampProvider) return;
         const {
           setIsProviderSummary,
@@ -11894,7 +12330,7 @@ var init_useHandleInputAmount = __esm({
 });
 
 // src/internal/components/BuyMenu/BuyMenu.tsx
-import { ArrowLeft as ArrowLeft3, CircleQuestionMarkIcon } from "lucide-react";
+import { ArrowLeft as ArrowLeft3 } from "lucide-react";
 import { Fragment as Fragment14, jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
 function BuyMenu() {
   const { t } = useT();
@@ -11915,6 +12351,7 @@ function BuyMenu() {
   const ProviderComponent = RAMP_PROVIDERS[rampProvider];
   const showExtras = !isCryptoSelector && !isFiatSelector && !isProviderSummary && !isProviderSelector && !isPaymentModeSelector;
   const showProviderTrigger = showExtras && !isTransactionHistory;
+  useOnboardingTourAvailable(showProviderTrigger);
   return /* @__PURE__ */ jsx46(
     "div",
     {
@@ -11973,30 +12410,17 @@ function BuyMenu() {
             }
           ),
           /* @__PURE__ */ jsx46("span", { className: "block flex-none text-xl font-semibold", children: t("passport:buyMenu.title") }),
-          showExtras && /* @__PURE__ */ jsxs40("div", { className: "flex-1 h-8 flex items-center justify-end gap-[var(--ui-kit-gap)]", children: [
-            showProviderTrigger && /* @__PURE__ */ jsx46(
-              Button,
-              {
-                ref: (inst) => onboarder.registerElement("buymenu-tour-button" /* tourButton */, inst),
-                variant: "ghost",
-                size: "icon",
-                className: "flex-none",
-                onClick: () => onboarder.startTour(BUY_MENU_BINANCE_TOUR),
-                children: /* @__PURE__ */ jsx46(CircleQuestionMarkIcon, { className: "h-4 w-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx46(
-              Switch,
-              {
-                labels: { checked: "PURCHASE", unchecked: "HISTORY" },
-                checked: isTransactionHistory,
-                onChange: () => {
-                  useBuyMenuStore.getState().setError(null);
-                  useBuyMenuStore.getState().setIsTransactionHistory();
-                }
+          showExtras && /* @__PURE__ */ jsx46("div", { className: "flex-1 h-8 flex items-center justify-end gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ jsx46(
+            Switch,
+            {
+              labels: { checked: "PURCHASE", unchecked: "HISTORY" },
+              checked: isTransactionHistory,
+              onChange: () => {
+                useBuyMenuStore.getState().setError(null);
+                useBuyMenuStore.getState().setIsTransactionHistory();
               }
-            )
-          ] })
+            }
+          ) })
         ] }),
         showProviderTrigger && /* @__PURE__ */ jsxs40(Fragment14, { children: [
           /* @__PURE__ */ jsx46("span", { className: "block text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:buyMenu.selectProvider") }),
@@ -12041,7 +12465,6 @@ var init_BuyMenu = __esm({
     init_switch();
     init_ProviderSelector();
     init_contants();
-    init_onboarding_setup();
     init_useBuyMenuStore();
     init_useHandleInputAmount();
   }
@@ -12395,6 +12818,20 @@ var init_ChainItem = __esm({
   }
 });
 
+// src/internal/components/ChainsMenu/onboarding.setup.ts
+var CHAIN_MENU_TOUR;
+var init_onboarding_setup2 = __esm({
+  "src/internal/components/ChainsMenu/onboarding.setup.ts"() {
+    CHAIN_MENU_TOUR = [
+      {
+        elId: "embarkai-chain-menu-onboarding" /* chainMenu */,
+        title: "passport:chainMenu.onboarding.chainMenu.title",
+        description: "passport:chainMenu.onboarding.chainMenu.description"
+      }
+    ];
+  }
+});
+
 // src/internal/components/ChainsMenu/ChainsMenu.tsx
 import { PAYMASTER_CACHE_TTL_MS } from "@embarkai/core";
 import { getChainConfig as getChainConfig8, SUPPORTED_MAINNETS as SUPPORTED_MAINNETS2 } from "@embarkai/core/read";
@@ -12403,12 +12840,13 @@ import { ArrowLeft as ArrowLeft4 } from "lucide-react";
 import { useMemo as useMemo5, useState as useState10 } from "react";
 import { jsx as jsx54, jsxs as jsxs48 } from "react/jsx-runtime";
 function ChainsMenu() {
+  const { t } = useT();
   const config = useProviderConfig().config;
   const activeChainId = useSession((st) => st.activeChainId);
+  const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const [isTestnets, setIsTestnets] = useState10(false);
   const [nextChainId, setNextChainId] = useState10(null);
-  const { t } = useT();
-  const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
+  useOnboardingTourAvailable(true);
   const visibleNetworks = useMemo5(() => {
     return NETWORK_OPTIONS.filter(
       (option) => option.isActive && (isTestnets ? true : SUPPORTED_MAINNETS2.includes(option.chainId))
@@ -12439,6 +12877,7 @@ function ChainsMenu() {
   return /* @__PURE__ */ jsx54(
     "div",
     {
+      ref: (inst) => onboarder.registerElement("embarkai-chain-menu-onboarding" /* chainMenu */, inst),
       style: {
         "--ui-kit-scrollbar-mah": `${maxScrollHeight}px`,
         "--ui-kit-list-scrollbar-pd-r": "var(--ui-kit-pd)"
@@ -12493,6 +12932,7 @@ var init_ChainsMenu = __esm({
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_Expandable2();
+    init_Onboarding();
     init_button();
     init_switch();
     init_ChainItem();
@@ -12593,6 +13033,7 @@ var init_ChainsMenu2 = __esm({
   "src/internal/components/ChainsMenu/index.ts"() {
     init_ChainsMenu();
     init_ChainSwitchRequest();
+    init_onboarding_setup2();
   }
 });
 
@@ -13267,7 +13708,7 @@ var init_guardian_backup = __esm({
 });
 
 // src/internal/components/DevicesMenu/DeviceManageScreen.tsx
-import { useCallback as useCallback14, useEffect as useEffect20, useRef as useRef13, useState as useState12 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect21, useRef as useRef12, useState as useState12 } from "react";
 import { ArrowLeft as ArrowLeft7, Cpu, Download, HardDrive, Loader2 as Loader23, Trash2, Upload } from "lucide-react";
 import { Fragment as Fragment15, jsx as jsx57, jsxs as jsxs51 } from "react/jsx-runtime";
 function formatSize(bytes) {
@@ -13282,19 +13723,19 @@ function DeviceManageScreen() {
   const userId = session?.mpcUserId || "";
   const deviceId = pageParams?.deviceId;
   const deviceName = pageParams?.deviceName;
-  const guardianRef = useRef13(null);
+  const guardianRef = useRef12(null);
   const [screen, setScreen] = useState12({ step: "connecting" });
   const [actionState, setActionState] = useState12(null);
   const [password, setPassword] = useState12("");
   const [statusMessage, setStatusMessage] = useState12(null);
   const [errorMessage, setErrorMessage] = useState12(null);
   const [waitingConfirm, setWaitingConfirm] = useState12(false);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!statusMessage) return;
     const t = setTimeout(() => setStatusMessage(null), 3e3);
     return () => clearTimeout(t);
   }, [statusMessage]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!deviceId || !isWebSerialAvailable()) {
       setScreen({ step: "error", message: "WebSerial not available" });
       return;
@@ -14422,7 +14863,7 @@ var init_cloudStorage = __esm({
 
 // src/internal/components/KeyshareRestoreMenu/hooks/useCreateBackup.ts
 import { useMutation as useMutation9, useQueryClient as useQueryClient9 } from "@tanstack/react-query";
-import { useCallback as useCallback17, useEffect as useEffect21 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect22 } from "react";
 function useCreateBackup() {
   const qc = useQueryClient9();
   const session = useSession((st) => st.session);
@@ -14431,7 +14872,7 @@ function useCreateBackup() {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const restorePassword = useRestoreStore((st) => st.restorePassword);
   const selectedCloudProvider = useRestoreStore((st) => st.selectedCloudProvider);
-  useEffect21(() => {
+  useEffect22(() => {
     if (!hasServerVault) {
       useRestoreStore.getState().setMethod("server");
       useLayoutStore.getState().setIsDialogForced(true);
@@ -14726,7 +15167,7 @@ var init_useRestoreAccount = __esm({
 });
 
 // src/internal/components/KeyshareRestoreMenu/hooks/useValidateFileBackup.ts
-import { useEffect as useEffect22 } from "react";
+import { useEffect as useEffect23 } from "react";
 function validateRestoreFileFormat(parsedData) {
   if (typeof parsedData !== "object" || parsedData === null) return false;
   const data = parsedData;
@@ -14736,7 +15177,7 @@ function useValidateFileBackup() {
   const restoreFile = useRestoreStore((st) => st.restoreFile);
   const setError = useRestoreStore((st) => st.setError);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
-  useEffect22(() => {
+  useEffect23(() => {
     if (!restoreFile) {
       return;
     }
@@ -14853,16 +15294,80 @@ var init_MethodSelector = __esm({
         { method: "cloud", label: "passport:backupMenu.cloud", Icon: Cloud, disabled: true }
       ];
       if (isWebSerialAvailable()) {
-        methods.push({ method: "guardian", label: "Guardian", Icon: Cpu3 });
+        methods.push({ method: "guardian", label: "passport:guardiansMenu.title", Icon: Cpu3 });
       }
       return methods;
     };
   }
 });
 
+// src/internal/components/KeyshareRestoreMenu/onboarding.setup.ts
+var KEYSHARE_BACKUP_MENU_TOUR;
+var init_onboarding_setup3 = __esm({
+  "src/internal/components/KeyshareRestoreMenu/onboarding.setup.ts"() {
+    init_hooks();
+    KEYSHARE_BACKUP_MENU_TOUR = [
+      {
+        elId: "embarkai-keyshare-backup-menu-onboarding" /* backupMenu */,
+        title: "passport:backupMenu.onboarding.backupMenu.title",
+        description: "passport:backupMenu.onboarding.backupMenu.description",
+        onNext: () => {
+          const { setSuccess, setError, setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
+          setSuccess(null);
+          setError(null);
+          setRestoreFile(null);
+          setRestorePassword("");
+          setShowPassword(false);
+          setUsePasskey(false);
+          setMethod("server");
+        }
+      },
+      {
+        elId: "embarkai-keyshare-backup-method-onboarding" /* backupEncryptionMethodSelector */,
+        title: "passport:backupMenu.onboarding.backupEncryptionMethod.title",
+        description: "passport:backupMenu.onboarding.backupEncryptionMethod.description",
+        onNext: () => {
+          const { setRestorePassword, setShowPassword } = useRestoreStore.getState();
+          setRestorePassword("<your-strong-password>");
+          setShowPassword(true);
+        }
+      },
+      {
+        elId: "embarkai-keyshare-backup-menu-onboarding" /* backupMenu */,
+        title: "passport:backupMenu.onboarding.backupEncryptionPassword.title",
+        description: "passport:backupMenu.onboarding.backupEncryptionPassword.description",
+        onNext: () => {
+          const { setRestorePassword, setShowPassword } = useRestoreStore.getState();
+          setRestorePassword("");
+          setShowPassword(false);
+          useRestoreStore.getState().setUsePasskey(true);
+        }
+      },
+      {
+        elId: "embarkai-keyshare-backup-menu-onboarding" /* backupMenu */,
+        title: "passport:backupMenu.onboarding.backupEncryptionPasskey.title",
+        description: "passport:backupMenu.onboarding.backupEncryptionPasskey.description",
+        onNext: () => {
+          useRestoreStore.getState().setUsePasskey(false);
+        }
+      },
+      {
+        elId: "embarkai-keyshare-backup-status-onboarding" /* backupStatus */,
+        title: "passport:backupMenu.onboarding.backupStatus.title",
+        description: "passport:backupMenu.onboarding.backupStatus.description"
+      },
+      {
+        elId: "embarkai-keyshare-backup-advanced-onboarding" /* backupAdvanced */,
+        title: "passport:backupMenu.onboarding.backupAdvanced.title",
+        description: "passport:backupMenu.onboarding.backupAdvanced.description"
+      }
+    ];
+  }
+});
+
 // src/internal/components/KeyshareRestoreMenu/components/PasswordPasskey.tsx
 import { ChevronRight as ChevronRight2, Eye, EyeOff, Info as Info3, Key as Key4, Loader as Loader8, Plus } from "lucide-react";
-import { useEffect as useEffect23, useRef as useRef14 } from "react";
+import { useEffect as useEffect24, useRef as useRef13 } from "react";
 import { Fragment as Fragment18, jsx as jsx61, jsxs as jsxs55 } from "react/jsx-runtime";
 function PasswordPasskey(props) {
   const { t } = useT();
@@ -14877,7 +15382,7 @@ function PasswordPasskey(props) {
     onCreatePasskey
   } = props;
   const hasServerVault = useSession((st) => st.hasServerVault);
-  const actionRef = useRef14(null);
+  const actionRef = useRef13(null);
   const {
     showPassword,
     restorePassword,
@@ -14891,46 +15396,55 @@ function PasswordPasskey(props) {
   } = useRestoreStore();
   const { config } = useProviderConfig();
   const isPasskeyEnabled = config.current.passkey.enabled;
-  useEffect23(() => {
+  useEffect24(() => {
     if (!isPasskeyEnabled && usePasskey) setUsePasskey(false);
   }, [isPasskeyEnabled, usePasskey]);
   return /* @__PURE__ */ jsxs55(Fragment18, { children: [
-    mode === "backup" && isPasskeyEnabled && /* @__PURE__ */ jsxs55("div", { className: "flex items-center justify-center px-[var(--ui-kit-pd)]", children: [
-      /* @__PURE__ */ jsxs55(
-        Button,
-        {
-          size: "medium",
-          variant: "ghost",
-          onClick: () => {
-            setUsePasskey(false);
-            setRestoreFile(null);
-            setRestorePassword("");
-          },
-          className: cn(usePasskey ? "opacity-50" : "opacity-100"),
-          children: [
-            /* @__PURE__ */ jsx61(opt_default, { className: "w-4 h-4 inline-block mr-1" }),
-            t("passport:common.password")
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs55(
-        Button,
-        {
-          size: "medium",
-          variant: "ghost",
-          onClick: () => {
-            setUsePasskey(true);
-            setRestoreFile(null);
-            setRestorePassword("");
-          },
-          className: cn(usePasskey ? "opacity-100" : "opacity-50"),
-          children: [
-            /* @__PURE__ */ jsx61(Key4, { className: "w-4 h-4 inline-block mr-1" }),
-            t("passport:common.passkey")
-          ]
-        }
-      )
-    ] }),
+    mode === "backup" && isPasskeyEnabled && /* @__PURE__ */ jsxs55(
+      "div",
+      {
+        ref: (inst) => onboarder.registerElement("embarkai-keyshare-backup-method-onboarding" /* backupEncryptionMethodSelector */, inst),
+        className: "flex items-center justify-center px-[var(--ui-kit-pd)]",
+        children: [
+          /* @__PURE__ */ jsxs55(
+            Button,
+            {
+              ref: (inst) => onboarder.registerElement("embarkai-keyshare-backup-method-password-onboarding" /* backupEncryptionMethodPassword */, inst),
+              size: "medium",
+              variant: "ghost",
+              onClick: () => {
+                setUsePasskey(false);
+                setRestoreFile(null);
+                setRestorePassword("");
+              },
+              className: cn(usePasskey ? "opacity-50" : "opacity-100"),
+              children: [
+                /* @__PURE__ */ jsx61(opt_default, { className: "w-4 h-4 inline-block mr-1" }),
+                t("passport:common.password")
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs55(
+            Button,
+            {
+              ref: (inst) => onboarder.registerElement("embarkai-keyshare-backup-method-passkey-onboarding" /* backupEncryptionMethodPasskey */, inst),
+              size: "medium",
+              variant: "ghost",
+              onClick: () => {
+                setUsePasskey(true);
+                setRestoreFile(null);
+                setRestorePassword("");
+              },
+              className: cn(usePasskey ? "opacity-100" : "opacity-50"),
+              children: [
+                /* @__PURE__ */ jsx61(Key4, { className: "w-4 h-4 inline-block mr-1" }),
+                t("passport:common.passkey")
+              ]
+            }
+          )
+        ]
+      }
+    ),
     !hasServerVault && /* @__PURE__ */ jsx61("span", { className: "block w-full text-[10px] py-1 text-center text-[var(--ui-kit-fg-muted)]", children: usePasskey ? /* @__PURE__ */ jsxs55(Fragment18, { children: [
       t("passport:backupMenu.passkeyMsg"),
       " ",
@@ -15053,6 +15567,7 @@ var init_PasswordPasskey = __esm({
     init_i18n();
     init_utils2();
     init_icons();
+    init_Onboarding();
     init_button();
     init_highlight();
     init_input();
@@ -15219,7 +15734,7 @@ var init_File = __esm({
 import { useQueryClient as useQueryClient10 } from "@tanstack/react-query";
 import dayjs3 from "dayjs";
 import { Download as Download3, Key as Key5, Upload as Upload3 } from "lucide-react";
-import { useEffect as useEffect24 } from "react";
+import { useEffect as useEffect25 } from "react";
 import { Fragment as Fragment21, jsx as jsx64, jsxs as jsxs58 } from "react/jsx-runtime";
 function Server(props) {
   const { isLoading, mode = "restore", serverHandler, createPasskeyHandler } = props;
@@ -15229,7 +15744,7 @@ function Server(props) {
   const usePasskey = useRestoreStore((st) => st.usePasskey);
   const setUsePasskey = useRestoreStore((st) => st.setUsePasskey);
   const serverRecoveryStatus = qc.getQueryData([CHECK_BACKUP_QUERY_KEY, address]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (mode === "backup" || !serverRecoveryStatus?.created?.encryptionMethod) return;
     setUsePasskey(serverRecoveryStatus.created.encryptionMethod === "passkey");
   }, [mode, serverRecoveryStatus, setUsePasskey]);
@@ -15252,16 +15767,24 @@ function Server(props) {
         ) : t("passport:backupMenu.vaultRestore")
       }
     ),
-    !!serverRecoveryStatus?.created?.at && /* @__PURE__ */ jsxs58(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)]", children: [
-      serverRecoveryStatus.created.encryptionMethod === "password" ? /* @__PURE__ */ jsx64(opt_default, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx64(Key5, { className: "w-4 h-4" }),
-      /* @__PURE__ */ jsxs58("span", { className: "flex-1 block", children: [
-        t("passport:backupMenu.vaultRecoveryStatus"),
-        " ",
-        /* @__PURE__ */ jsx64("strong", { children: serverRecoveryStatus.created.encryptionMethod?.toUpperCase() }),
-        /* @__PURE__ */ jsx64("br", {}),
-        /* @__PURE__ */ jsx64("strong", { children: dayjs3(serverRecoveryStatus.created.at).format("MMMM DD, YYYY HH:mm") })
-      ] })
-    ] })
+    !!serverRecoveryStatus?.created?.at && /* @__PURE__ */ jsxs58(
+      Highlight,
+      {
+        ref: (inst) => onboarder.registerElement("embarkai-keyshare-backup-status-onboarding" /* backupStatus */, inst),
+        type: "info",
+        className: "flex gap-[var(--ui-kit-gap)]",
+        children: [
+          serverRecoveryStatus.created.encryptionMethod === "password" ? /* @__PURE__ */ jsx64(opt_default, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx64(Key5, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsxs58("span", { className: "flex-1 block", children: [
+            t("passport:backupMenu.vaultRecoveryStatus"),
+            " ",
+            /* @__PURE__ */ jsx64("strong", { children: serverRecoveryStatus.created.encryptionMethod?.toUpperCase() }),
+            /* @__PURE__ */ jsx64("br", {}),
+            /* @__PURE__ */ jsx64("strong", { children: dayjs3(serverRecoveryStatus.created.at).format("MMMM DD, YYYY HH:mm") })
+          ] })
+        ]
+      }
+    )
   ] });
 }
 var init_Server = __esm({
@@ -15269,6 +15792,7 @@ var init_Server = __esm({
     init_SessionContext();
     init_useT();
     init_icons();
+    init_Onboarding();
     init_highlight();
     init_PasswordPasskey();
     init_constants5();
@@ -15412,7 +15936,7 @@ var init_select = __esm({
 // src/internal/components/KeyshareRestoreMenu/methods/Cloud.tsx
 import { useQuery as useQuery7 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft10, CloudDownload, CloudUpload, Loader as Loader9 } from "lucide-react";
-import { useEffect as useEffect25 } from "react";
+import { useEffect as useEffect26 } from "react";
 import { Fragment as Fragment22, jsx as jsx66, jsxs as jsxs60 } from "react/jsx-runtime";
 function Cloud2(props) {
   const { isLoading, mode = "restore", cloudHandler } = props;
@@ -15433,7 +15957,7 @@ function Cloud2(props) {
       return availableProviders.map((p) => ({ id: p.id, name: p.name, available: p.isAvailable() }));
     }
   });
-  useEffect25(() => {
+  useEffect26(() => {
     if (isCloudProvidersLoading) return;
     if (!!cloudProvidersError) {
       console.error("[KeyshareBackup] Failed to load cloud providers:", cloudProvidersError);
@@ -15673,7 +16197,7 @@ var init_methods = __esm({
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
 import { useMutation as useMutation11, useQuery as useQuery8, useQueryClient as useQueryClient11 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle2, CheckCircle2, CloudDownload as CloudDownload2, Loader as Loader10, UserCircle as UserCircle2 } from "lucide-react";
-import { useEffect as useEffect26 } from "react";
+import { useEffect as useEffect27 } from "react";
 import { useDisconnect } from "wagmi";
 import { Fragment as Fragment24, jsx as jsx68, jsxs as jsxs62 } from "react/jsx-runtime";
 var RESTORE_COMPONENTS, KeyshareRestoreMenu;
@@ -15710,7 +16234,7 @@ var init_KeyshareRestoreMenu = __esm({
       const error = useRestoreStore((st) => st.error);
       const success = useRestoreStore((st) => st.success);
       const currentRestoreMethod = useRestoreStore((st) => st.method);
-      useEffect26(() => {
+      useEffect27(() => {
         const { setIsDialogForced } = useLayoutStore.getState();
         const { setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
         setIsDialogForced(true);
@@ -15750,7 +16274,7 @@ var init_KeyshareRestoreMenu = __esm({
         queryFn: async () => await getShareRecoveryStats()
       });
       const hasServerBackup = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-      useEffect26(() => {
+      useEffect27(() => {
         if (!!hasServerBackup) useRestoreStore.getState().setMethod("server");
       }, [hasServerBackup]);
       const { mutate: disconnect, isPending: isDisconnecting } = useMutation11({
@@ -15897,7 +16421,7 @@ var init_KeyshareRestoreMenu = __esm({
 // src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx
 import { useQuery as useQuery9 } from "@tanstack/react-query";
 import { AlertCircle as AlertCircle3, ArrowLeft as ArrowLeft11, CheckCircle2 as CheckCircle22, Loader as Loader11, LockIcon } from "lucide-react";
-import { useEffect as useEffect27 } from "react";
+import { useEffect as useEffect28 } from "react";
 import { Fragment as Fragment25, jsx as jsx69, jsxs as jsxs63 } from "react/jsx-runtime";
 function KeyshareBackupMenu() {
   const address = useSession((st) => st.address);
@@ -15906,9 +16430,10 @@ function KeyshareBackupMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const currentBackupMethod = useRestoreStore((st) => st.method);
+  const usePasskey = useRestoreStore((st) => st.usePasskey);
   const error = useRestoreStore((st) => st.error);
   const success = useRestoreStore((st) => st.success);
-  useEffect27(() => {
+  useEffect28(() => {
     const { setSuccess, setError, setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
     return () => {
       setSuccess(null);
@@ -15926,8 +16451,9 @@ function KeyshareBackupMenu() {
     queryKey: [CHECK_BACKUP_QUERY_KEY, address],
     queryFn: async () => await getShareRecoveryStats()
   });
+  useOnboardingTourAvailable(!isRecoveryLoading && currentBackupMethod === "server" && !usePasskey);
   const hasRecoveryData = serverRecoveryStatus?.created || serverRecoveryStatus?.devices?.length > 0;
-  useEffect27(() => {
+  useEffect28(() => {
     if (!!hasRecoveryData) useRestoreStore.getState().setMethod("server");
   }, [hasRecoveryData]);
   const {
@@ -15944,6 +16470,7 @@ function KeyshareBackupMenu() {
   return /* @__PURE__ */ jsx69(
     "div",
     {
+      ref: (inst) => onboarder.registerElement("embarkai-keyshare-backup-menu-onboarding" /* backupMenu */, inst),
       style: { "--ui-kit-scrollbar-mah": `${maxScrollHeight}px` },
       className: "list-scrollbar-y w-full",
       children: /* @__PURE__ */ jsxs63(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)] p-[var(--ui-kit-pd)]", children: [
@@ -15952,60 +16479,67 @@ function KeyshareBackupMenu() {
           /* @__PURE__ */ jsx69(LockIcon, { className: "w-6 h-6" }),
           /* @__PURE__ */ jsx69("span", { className: "font-bold text-xl leading-6", children: t("passport:backupMenu.title") })
         ] }),
-        !isRecoveryLoading && !!hasRecoveryData && /* @__PURE__ */ jsxs63("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
-          /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-            /* @__PURE__ */ jsx69(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                title: "Back",
-                onClick: () => {
-                  const {
-                    setSuccess,
-                    setError,
-                    setRestorePassword,
-                    setRestoreFile,
-                    setShowPassword,
-                    setUsePasskey,
-                    setMethod,
-                    setSelectedCloudProvider
-                  } = useRestoreStore.getState();
-                  setRestorePassword("");
-                  setRestoreFile(null);
-                  setShowPassword(false);
-                  setSelectedCloudProvider(null);
-                  setUsePasskey(false);
-                  setError(null);
-                  setSuccess(null);
-                  setMethod(null);
-                  setPage("settings" /* SETTINGS */);
-                },
-                children: /* @__PURE__ */ jsx69(ArrowLeft11, { className: "h-4 w-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx69("span", { className: "text-xl font-semibold leading-8", children: t("passport:backupMenu.title") })
-          ] }),
-          /* @__PURE__ */ jsx69(
-            Switch,
-            {
-              name: "advanced-restore-flow-toggle",
-              labels: { checked: t("passport:common.standard"), unchecked: t("passport:common.advanced") },
-              checked: currentBackupMethod !== "server",
-              onChange: () => {
-                const { setError, setRestorePassword, setRestoreFile, setMethod } = useRestoreStore.getState();
-                if (!!error) setError(null);
-                if (currentBackupMethod === "server") {
-                  setRestorePassword("");
-                  setMethod(null);
-                } else {
-                  setRestoreFile(null);
-                  setMethod("server");
+        !isRecoveryLoading && !!hasRecoveryData && /* @__PURE__ */ jsxs63(
+          "div",
+          {
+            ref: (inst) => onboarder.registerElement("embarkai-keyshare-backup-advanced-onboarding" /* backupAdvanced */, inst),
+            className: "flex items-center justify-between gap-[var(--ui-kit-gap)]",
+            children: [
+              /* @__PURE__ */ jsxs63("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+                /* @__PURE__ */ jsx69(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    title: "Back",
+                    onClick: () => {
+                      const {
+                        setSuccess,
+                        setError,
+                        setRestorePassword,
+                        setRestoreFile,
+                        setShowPassword,
+                        setUsePasskey,
+                        setMethod,
+                        setSelectedCloudProvider
+                      } = useRestoreStore.getState();
+                      setRestorePassword("");
+                      setRestoreFile(null);
+                      setShowPassword(false);
+                      setSelectedCloudProvider(null);
+                      setUsePasskey(false);
+                      setError(null);
+                      setSuccess(null);
+                      setMethod(null);
+                      setPage("settings" /* SETTINGS */);
+                    },
+                    children: /* @__PURE__ */ jsx69(ArrowLeft11, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsx69("span", { className: "text-xl font-semibold leading-8", children: t("passport:backupMenu.title") })
+              ] }),
+              /* @__PURE__ */ jsx69(
+                Switch,
+                {
+                  name: "advanced-restore-flow-toggle",
+                  labels: { checked: t("passport:common.standard"), unchecked: t("passport:common.advanced") },
+                  checked: currentBackupMethod !== "server",
+                  onChange: () => {
+                    const { setError, setRestorePassword, setRestoreFile, setMethod } = useRestoreStore.getState();
+                    if (!!error) setError(null);
+                    if (currentBackupMethod === "server") {
+                      setRestorePassword("");
+                      setMethod(null);
+                    } else {
+                      setRestoreFile(null);
+                      setMethod("server");
+                    }
+                  }
                 }
-              }
-            }
-          )
-        ] }),
+              )
+            ]
+          }
+        ),
         !isRecoveryLoading && !!hasRecoveryData && !currentBackupMethod && /* @__PURE__ */ jsx69(MethodSelector, { mode: "backup", serverRecoveryStatus }),
         (!isRecoveryLoading || !hasServerVault) && !!currentBackupMethod && /* @__PURE__ */ jsx69(Fragment25, { children: /* @__PURE__ */ jsx69(
           BackupComponent,
@@ -16055,6 +16589,7 @@ var init_KeyshareBackupMenu = __esm({
     init_useLayoutStore();
     init_vaultClient();
     init_Expandable2();
+    init_Onboarding();
     init_button();
     init_highlight();
     init_switch();
@@ -16076,11 +16611,12 @@ var init_KeyshareRestoreMenu2 = __esm({
   "src/internal/components/KeyshareRestoreMenu/index.ts"() {
     init_KeyshareRestoreMenu();
     init_KeyshareBackupMenu();
+    init_onboarding_setup3();
   }
 });
 
 // src/hooks/useColorMode.ts
-import { useCallback as useCallback18, useEffect as useEffect28 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect29 } from "react";
 function useColorMode() {
   const {
     config: { current: config }
@@ -16095,7 +16631,7 @@ function useColorMode() {
     },
     [handleStoreColorMode]
   );
-  useEffect28(() => {
+  useEffect29(() => {
     let targetColorMode = localStorage.getItem(LOCAL_COLOR_MODE_KEY);
     if (!targetColorMode && !preferedColorMode) {
       const systemMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
@@ -16212,17 +16748,17 @@ var init_SumsubIframeManager = __esm({
 });
 
 // src/internal/components/KYC/useSumsubIframe.ts
-import { useEffect as useEffect29, useRef as useRef15, useState as useState17 } from "react";
+import { useEffect as useEffect30, useRef as useRef14, useState as useState17 } from "react";
 function useSumsubIframe({ iframeUrl }) {
   const config = useProviderConfig().config;
   const { colorMode } = useColorMode();
-  const iframeRef = useRef15(null);
+  const iframeRef = useRef14(null);
   const [isLoading, setIsLoading] = useState17(true);
   const [error, setError] = useState17(null);
   const [height, setHeight] = useState17(0);
   const [status, setStatus] = useState17("");
   const levelName = config.current?.kyc?.options?.levelName;
-  useEffect29(() => {
+  useEffect30(() => {
     setError(null);
     setIsLoading(true);
     setStatus("Preparing verification...");
@@ -16540,20 +17076,51 @@ var init_useProvidersList = __esm({
   }
 });
 
+// src/internal/components/MainMenu/onboarding.setup.ts
+var MAIN_MENU_TOUR;
+var init_onboarding_setup4 = __esm({
+  "src/internal/components/MainMenu/onboarding.setup.ts"() {
+    MAIN_MENU_TOUR = [
+      {
+        elId: "mainmenu-send-button" /* sendButton */,
+        title: "passport:main.onboarding.sendButton.title",
+        description: "passport:main.onboarding.sendButton.description"
+      },
+      {
+        elId: "mainmenu-receive-button" /* receiveButton */,
+        title: "passport:main.onboarding.receiveButton.title",
+        description: "passport:main.onboarding.receiveButton.description"
+      },
+      {
+        elId: "mainmenu-buy-button" /* buyButton */,
+        title: "passport:main.onboarding.buyButton.title",
+        description: "passport:main.onboarding.buyButton.description"
+      },
+      {
+        elId: "mainmenu-portfolio-button" /* portfolioButton */,
+        title: "passport:main.onboarding.portfolioButton.title",
+        description: "passport:main.onboarding.portfolioButton.description"
+      }
+    ];
+  }
+});
+
 // src/internal/components/MainMenu/MainMenu.tsx
 import { ChevronLeft, ChevronRight as ChevronRight3, DollarSign as DollarSign2, Wallet2 as Wallet23 } from "lucide-react";
-import { useEffect as useEffect30 } from "react";
+import { useEffect as useEffect31 } from "react";
 import { jsx as jsx74, jsxs as jsxs68 } from "react/jsx-runtime";
 function MainMenu() {
   const address = useSession((st) => st.address);
   const { t } = useT();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setTransitionPageHeight = useLayoutDataStore((st) => st.setTransitionPageHeight);
-  useEffect30(() => setTransitionPageHeight(DEFAULT_MAIN_MENU_HEIGHT), []);
+  useEffect31(() => setTransitionPageHeight(DEFAULT_MAIN_MENU_HEIGHT), []);
+  useOnboardingTourAvailable(true);
   useProvidersList();
-  return /* @__PURE__ */ jsx74("div", { className: "w-full p-[var(--ui-kit-pd)] flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ jsx74("div", { className: "w-full grid grid-cols-4 gap-0 md:gap-[var(--ui-kit-gap)] py-[10px] md:py-1", children: MAIN_MENU_BUTTONS.map(({ id, label, icon: Icon2 }) => /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsx74("div", { className: "w-full p-[var(--ui-kit-pd)] flex flex-col gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ jsx74("div", { className: "w-full grid grid-cols-4 gap-0 md:gap-[var(--ui-kit-gap)] py-[10px] md:py-1", children: MAIN_MENU_BUTTONS.map(({ id, onboardingId, label, icon: Icon2 }) => /* @__PURE__ */ jsxs68(
     Button,
     {
+      ref: (inst) => onboarder.registerElement(onboardingId, inst),
       size: "large",
       variant: "ghost",
       disabled: !address,
@@ -16575,12 +17142,33 @@ var init_MainMenu = __esm({
     init_constants();
     init_useLayoutDataStore();
     init_useProvidersList();
+    init_Onboarding();
     init_button();
     MAIN_MENU_BUTTONS = [
-      { id: "send" /* SEND */, label: "passport:main.send", icon: ChevronRight3 },
-      { id: "receive" /* RECEIVE */, label: "passport:main.receive", icon: ChevronLeft },
-      { id: "buy" /* BUY */, label: "passport:main.buy", icon: DollarSign2 },
-      { id: "assets" /* ASSETS */, label: "passport:main.assets", icon: Wallet23 }
+      {
+        id: "send" /* SEND */,
+        onboardingId: "mainmenu-send-button" /* sendButton */,
+        label: "passport:main.send",
+        icon: ChevronRight3
+      },
+      {
+        id: "receive" /* RECEIVE */,
+        onboardingId: "mainmenu-receive-button" /* receiveButton */,
+        label: "passport:main.receive",
+        icon: ChevronLeft
+      },
+      {
+        id: "buy" /* BUY */,
+        onboardingId: "mainmenu-buy-button" /* buyButton */,
+        label: "passport:main.buy",
+        icon: DollarSign2
+      },
+      {
+        id: "assets" /* ASSETS */,
+        onboardingId: "mainmenu-portfolio-button" /* portfolioButton */,
+        label: "passport:main.assets",
+        icon: Wallet23
+      }
     ];
   }
 });
@@ -16589,6 +17177,7 @@ var init_MainMenu = __esm({
 var init_MainMenu2 = __esm({
   "src/internal/components/MainMenu/index.ts"() {
     init_MainMenu();
+    init_onboarding_setup4();
   }
 });
 
@@ -17096,7 +17685,7 @@ var init_EmailNotConnectedWarning = __esm({
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts
 import { useQueryClient as useQueryClient15 } from "@tanstack/react-query";
-import React22, { useEffect as useEffect31 } from "react";
+import React22, { useEffect as useEffect32 } from "react";
 function normalizeSocialLinkError(message) {
   if (message === "X_ALREADY_LINKED") {
     return "This X account is already linked to another account";
@@ -17172,7 +17761,7 @@ function useLinkSocial() {
     [config.social?.providers]
   );
   const [socialLinkStarted, setSocialLinkStarted] = React22.useState(false);
-  useEffect31(() => {
+  useEffect32(() => {
     const key = providerType?.toLowerCase();
     console.log("[useLinkSocial] Effect triggered:", { key, linkIsLoading, socialLinkStarted, isWalletLinking });
     if (isWalletLinking) {
@@ -17255,7 +17844,7 @@ var init_telegram2 = __esm({
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts
 import { useQueryClient as useQueryClient16 } from "@tanstack/react-query";
-import { useCallback as useCallback20, useEffect as useEffect32, useState as useState18 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect33, useState as useState18 } from "react";
 function useLinkTelegram() {
   const {
     config: { current: config },
@@ -17314,7 +17903,7 @@ function useLinkTelegram() {
     }
   }, [config.social?.providers]);
   const [telegramLinkStarted, setTelegramLinkStarted] = useState18(false);
-  useEffect32(() => {
+  useEffect33(() => {
     console.log("[useLinkTelegram] Effect triggered:", {
       providerType,
       linkIsLoading,
@@ -17331,7 +17920,7 @@ function useLinkTelegram() {
       handleLinkTelegram();
     }
   }, [providerType, handleLinkTelegram, linkIsLoading, telegramLinkStarted, isWalletLinking]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (providerType !== "telegram") {
       setTelegramLinkStarted(false);
     }
@@ -17350,6 +17939,20 @@ var init_useLinkTelegram = __esm({
   }
 });
 
+// src/internal/components/ManageWalletMenu/onboarding.setup.ts
+var MANAGE_WALLET_MENU_TOUR;
+var init_onboarding_setup5 = __esm({
+  "src/internal/components/ManageWalletMenu/onboarding.setup.ts"() {
+    MANAGE_WALLET_MENU_TOUR = [
+      {
+        elId: "embarkai-profiles-menu-onboarding" /* profilesMenu */,
+        title: "passport:profilesMenu.onboarding.profilesMenu.title",
+        description: "passport:profilesMenu.onboarding.profilesMenu.description"
+      }
+    ];
+  }
+});
+
 // src/internal/components/ManageWalletMenu/ProviderCard.tsx
 import { CheckCircle as CheckCircle3, Clock, Trash2 as Trash23 } from "lucide-react";
 import { jsx as jsx78, jsxs as jsxs72 } from "react/jsx-runtime";
@@ -17548,10 +18151,12 @@ function ManageWalletMenu() {
   useLinkSocial();
   const showCurrentProviders = !isProvidersLoading && !providersError && (providerType !== "email" && providerType !== "passkey" || providerType === null);
   const showExtraProvidersUi = !isProvidersLoading && !providersError && (providerType === "email" || providerType === "passkey");
+  useOnboardingTourAvailable(!showExtraProvidersUi && providerType === null);
   const combinedAlertMessage = alert2?.message || providersError?.message || null;
   return /* @__PURE__ */ jsx79(
     "div",
     {
+      ref: (inst) => onboarder.registerElement("embarkai-profiles-menu-onboarding" /* profilesMenu */, inst),
       style: {
         "--ui-kit-scrollbar-mah": `${maxScrollHeight}px`,
         "--ui-kit-list-scrollbar-pd-r": "var(--ui-kit-pd)"
@@ -17609,6 +18214,7 @@ var init_ManageWallet = __esm({
     init_constants();
     init_telegramBrowser();
     init_Expandable2();
+    init_Onboarding();
     init_button();
     init_highlight();
     init_AddProvider();
@@ -17751,6 +18357,7 @@ var init_ManageWalletMenu = __esm({
     init_UnlinkProviderMenu();
     init_useStore();
     init_useProvidersList();
+    init_onboarding_setup5();
   }
 });
 
@@ -17852,11 +18459,11 @@ var init_useNicknameStore = __esm({
 // src/internal/components/NicknameMenu/useNicknameAvailability.ts
 import { useMutation as useMutation16 } from "@tanstack/react-query";
 import { debounce as debounce5 } from "lodash-es";
-import { useCallback as useCallback21, useEffect as useEffect33 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect34 } from "react";
 function useNicknameAvailability(currentNickname) {
   const { t } = useT();
   const nicknameValue = useNicknameStore((st) => st.nicknameValue);
-  useEffect33(() => {
+  useEffect34(() => {
     if (!currentNickname) return;
     useNicknameStore.getState().setNicknameValue(currentNickname);
   }, [currentNickname]);
@@ -17878,7 +18485,7 @@ function useNicknameAvailability(currentNickname) {
     }
   });
   const debouncedCheckAvailability = useCallback21(debounce5(checkAvailability, DEBOUNCE_MS), [checkAvailability]);
-  useEffect33(() => {
+  useEffect34(() => {
     if (!currentNickname) return;
     const normalizedInputValue = normalizeNickname(nicknameValue);
     const { valid: isNicknameValid } = validateNickname(nicknameValue);
@@ -18067,6 +18674,20 @@ var init_NicknameEditForm = __esm({
   }
 });
 
+// src/internal/components/NicknameMenu/onboarding.setup.ts
+var NICKNAME_MENU_TOUR;
+var init_onboarding_setup6 = __esm({
+  "src/internal/components/NicknameMenu/onboarding.setup.ts"() {
+    NICKNAME_MENU_TOUR = [
+      {
+        elId: "embarkai-nickname-menu-onboarding" /* nicknameMenu */,
+        title: "passport:nicknameMenu.onboarding.nicknameMenu.title",
+        description: "passport:nicknameMenu.onboarding.nicknameMenu.description"
+      }
+    ];
+  }
+});
+
 // src/internal/components/NicknameMenu/NicknameMenu.tsx
 import { useQuery as useQuery13 } from "@tanstack/react-query";
 import dayjs4 from "dayjs";
@@ -18075,6 +18696,7 @@ import { jsx as jsx82, jsxs as jsxs76 } from "react/jsx-runtime";
 function NicknameMenu() {
   const { isInitialUser } = usePageParams().current;
   const { t } = useT();
+  useOnboardingTourAvailable(true);
   const address = useSession((st) => st.address);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const nicknameRenderKey = useNicknameStore((st) => st.renderKey);
@@ -18093,6 +18715,7 @@ function NicknameMenu() {
   return /* @__PURE__ */ jsx82(
     "div",
     {
+      ref: (inst) => onboarder.registerElement("embarkai-nickname-menu-onboarding" /* nicknameMenu */, inst),
       style: { "--ui-kit-scrollbar-mah": `${maxScrollHeight}px` },
       className: "list-scrollbar-y w-full",
       children: /* @__PURE__ */ jsxs76(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)] p-[var(--ui-kit-pd)]", children: [
@@ -18175,6 +18798,7 @@ var init_NicknameMenu = __esm({
     init_useLayoutStore();
     init_nickname_cooldown();
     init_Expandable2();
+    init_Onboarding();
     init_button();
     init_highlight();
     init_NicknameEditForm();
@@ -18186,6 +18810,7 @@ var init_NicknameMenu = __esm({
 var init_NicknameMenu2 = __esm({
   "src/internal/components/NicknameMenu/index.ts"() {
     init_NicknameMenu();
+    init_onboarding_setup6();
   }
 });
 
@@ -18504,7 +19129,7 @@ var init_utils8 = __esm({
 // src/internal/hooks/useBlockscoutAssets/useBlockscoutAssets.ts
 import { createBlockscoutClient as createBlockscoutClient2, nonBlockscoutClient } from "@embarkai/core";
 import { useQuery as useQuery16, useQueryClient as useQueryClient19 } from "@tanstack/react-query";
-import { useCallback as useCallback23, useMemo as useMemo10, useRef as useRef16 } from "react";
+import { useCallback as useCallback23, useMemo as useMemo10, useRef as useRef15 } from "react";
 function useBlockscoutAssets(options) {
   const { address, chainId, enabled = true, detectSecurityTokens = true } = options;
   const qc = useQueryClient19();
@@ -18519,7 +19144,7 @@ function useBlockscoutAssets(options) {
     () => blockscoutApiUrl ? createBlockscoutClient2({ baseUrl: blockscoutApiUrl }) : null,
     [blockscoutApiUrl]
   );
-  const lastRefreshRef = useRef16(0);
+  const lastRefreshRef = useRef15(0);
   const {
     data: watchTokenAssets = [],
     isLoading: watchTokensLoading,
@@ -19232,10 +19857,25 @@ var init_nickname_fingerprint = __esm({
   }
 });
 
+// src/internal/components/ReceiveMenu/onboarding.setup.ts
+var RECEIVE_MENU_ONBOARDING_ID, RECEIVE_MENU_TOUR;
+var init_onboarding_setup7 = __esm({
+  "src/internal/components/ReceiveMenu/onboarding.setup.ts"() {
+    RECEIVE_MENU_ONBOARDING_ID = "embarkai-receive-menu-onboarding";
+    RECEIVE_MENU_TOUR = [
+      {
+        elId: RECEIVE_MENU_ONBOARDING_ID,
+        title: "passport:receiveMenu.onboarding.receiveMenu.title",
+        description: "passport:receiveMenu.onboarding.receiveMenu.description"
+      }
+    ];
+  }
+});
+
 // src/internal/components/ReceiveMenu/ReceiveMenu.tsx
 import { ArrowLeft as ArrowLeft17, CheckCircle2 as CheckCircle23, Copy as Copy2, Info as Info5, Loader as Loader17, Shield } from "lucide-react";
 import QRCode from "qrcode";
-import { useCallback as useCallback25, useEffect as useEffect34, useMemo as useMemo11, useState as useState21 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect35, useMemo as useMemo11, useState as useState21 } from "react";
 import { Fragment as Fragment31, jsx as jsx86, jsxs as jsxs80 } from "react/jsx-runtime";
 function ReceiveMenu() {
   const session = useSession((st) => st.session);
@@ -19249,6 +19889,7 @@ function ReceiveMenu() {
   const [qrCodeUrl, setQrCodeUrl] = useState21("");
   const [copied, setCopied] = useState21(false);
   const [fingerprintCopied, setFingerprintCopied] = useState21(false);
+  useOnboardingTourAvailable(true);
   const fingerprint = useMemo11(() => {
     if (!session?.ownerAddress) return null;
     try {
@@ -19257,7 +19898,7 @@ function ReceiveMenu() {
       return null;
     }
   }, [session?.ownerAddress]);
-  useEffect34(() => {
+  useEffect35(() => {
     if (open && address) {
       QRCode.toDataURL(address, {
         width: 200,
@@ -19293,6 +19934,7 @@ function ReceiveMenu() {
   return /* @__PURE__ */ jsxs80(
     "div",
     {
+      ref: (inst) => onboarder.registerElement(RECEIVE_MENU_ONBOARDING_ID, inst),
       style: {
         "--ui-kit-scrollbar-mah": `${maxScrollHeight}px`,
         "--ui-kit-list-scrollbar-pd-r": "var(--ui-kit-pd)"
@@ -19348,8 +19990,10 @@ var init_ReceiveMenu = __esm({
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_nickname_fingerprint();
+    init_Onboarding();
     init_button();
     init_highlight();
+    init_onboarding_setup7();
   }
 });
 
@@ -19357,6 +20001,82 @@ var init_ReceiveMenu = __esm({
 var init_ReceiveMenu2 = __esm({
   "src/internal/components/ReceiveMenu/index.ts"() {
     init_ReceiveMenu();
+    init_onboarding_setup7();
+  }
+});
+
+// src/internal/components/SecurityMenu/onboarding.setup.ts
+var CONNECTED_APPS_TOUR, KEYSHARE_TOUR, SECURITY_MENU_TOUR;
+var init_onboarding_setup8 = __esm({
+  "src/internal/components/SecurityMenu/onboarding.setup.ts"() {
+    init_Onboarding();
+    CONNECTED_APPS_TOUR = [
+      {
+        elId: "embarkai-security-menu-connected-apps-onboarding" /* connectedApps */,
+        title: "passport:securityMenu.onboarding.connectedApps.title",
+        description: "passport:securityMenu.onboarding.connectedApps.description"
+      }
+    ];
+    KEYSHARE_TOUR = [
+      {
+        elId: "embarkai-security-menu-keyshare-onboarding" /* keyshare */,
+        title: "passport:securityMenu.onboarding.keyshare.details.concept.title",
+        description: "passport:securityMenu.onboarding.keyshare.details.concept.description"
+      },
+      {
+        elId: "embarkai-security-menu-keyshare-details-server-onboarding" /* keyshareDetailsServer */,
+        title: "passport:securityMenu.onboarding.keyshare.details.server.title",
+        description: "passport:securityMenu.onboarding.keyshare.details.server.description"
+      },
+      {
+        elId: "embarkai-security-menu-keyshare-details-local-onboarding" /* keyshareDetailsLocal */,
+        title: "passport:securityMenu.onboarding.keyshare.details.local.title",
+        description: "passport:securityMenu.onboarding.keyshare.details.local.description"
+      },
+      {
+        elId: "embarkai-security-menu-keyshare-details-vault-onboarding" /* keyshareDetailsVault */,
+        title: "passport:securityMenu.onboarding.keyshare.details.vault.title",
+        description: "passport:securityMenu.onboarding.keyshare.details.vault.description"
+      },
+      {
+        elId: "embarkai-security-menu-keyshare-existing-backup-onboarding" /* keyshareExistingVaultBkp */,
+        title: "passport:securityMenu.onboarding.keyshareExistingVaultBkp.title",
+        description: "passport:securityMenu.onboarding.keyshareExistingVaultBkp.description"
+      },
+      ...CONNECTED_APPS_TOUR
+    ];
+    SECURITY_MENU_TOUR = [
+      {
+        elId: "embarkai-security-menu-onboarding" /* securityMenu */,
+        title: "passport:securityMenu.onboarding.securityMenu.title",
+        description: "passport:securityMenu.onboarding.securityMenu.description"
+      },
+      /** KEYSHARE */
+      {
+        elId: "embarkai-security-menu-keyshare-onboarding" /* keyshare */,
+        title: "passport:securityMenu.onboarding.keyshare.title",
+        description: "passport:securityMenu.onboarding.keyshare.description",
+        actions: [
+          {
+            caption: "passport:securityMenu.onboarding.keyshare.detailsButton",
+            onClick: () => {
+              onboarder.endTour();
+              setTimeout(() => onboarder.startTour(KEYSHARE_TOUR), 220);
+            }
+          },
+          {
+            caption: "passport:common.continue",
+            onClick: () => onboarder.next()
+          }
+        ]
+      },
+      {
+        elId: "embarkai-security-menu-keyshare-existing-backup-onboarding" /* keyshareExistingVaultBkp */,
+        title: "passport:securityMenu.onboarding.keyshareExistingVaultBkp.title",
+        description: "passport:securityMenu.onboarding.keyshareExistingVaultBkp.description"
+      },
+      ...CONNECTED_APPS_TOUR
+    ];
   }
 });
 
@@ -19416,7 +20136,7 @@ var init_useConnectedApps = __esm({
 // src/internal/components/SecurityMenu/ConnectedApps/ConnectedApps.tsx
 import dayjs5 from "dayjs";
 import { AppWindowMac, ExternalLinkIcon as ExternalLinkIcon2, InfoIcon as InfoIcon4, LoaderIcon as LoaderIcon10, ShieldBanIcon, ShieldCheckIcon } from "lucide-react";
-import { useEffect as useEffect35 } from "react";
+import { useEffect as useEffect36 } from "react";
 import { Fragment as Fragment32, jsx as jsx87, jsxs as jsxs81 } from "react/jsx-runtime";
 function Application(props) {
   const {
@@ -19516,27 +20236,43 @@ function Application(props) {
 function ConnectedApps() {
   const { t } = useT();
   const { data: connectedApps = [], isLoading: isConnectedAppsLoading } = useConnectedApps();
-  useEffect35(() => {
+  useEffect36(() => {
     if (!connectedApps.length || isConnectedAppsLoading) return;
     useSecurityStore.getState().setRenderKey(`connected-apps-loaded-${Date.now()}`);
   }, [connectedApps, isConnectedAppsLoading]);
   if (!isConnectedAppsLoading && connectedApps.length === 0)
-    return /* @__PURE__ */ jsxs81(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)] ", children: [
-      /* @__PURE__ */ jsx87(InfoIcon4, { className: "w-4 h-4" }),
-      /* @__PURE__ */ jsx87("span", { children: t("passport:securityMenu.connectedApps.noConnectedApps") })
-    ] });
+    return /* @__PURE__ */ jsxs81(
+      Highlight,
+      {
+        ref: (inst) => onboarder.registerElement("embarkai-security-menu-connected-apps-onboarding" /* connectedApps */, inst),
+        type: "info",
+        className: "flex gap-[var(--ui-kit-gap)] ",
+        children: [
+          /* @__PURE__ */ jsx87(InfoIcon4, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx87("span", { children: t("passport:securityMenu.connectedApps.noConnectedApps") })
+        ]
+      }
+    );
   return /* @__PURE__ */ jsxs81(Fragment32, { children: [
     /* @__PURE__ */ jsxs81("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
       /* @__PURE__ */ jsx87("span", { className: "leading-4 text-xs", children: t("passport:securityMenu.connectedApps.connectedApps") }),
       isConnectedAppsLoading && /* @__PURE__ */ jsx87(LoaderIcon10, { className: "h-4 w-4 animate-spin" })
     ] }),
-    /* @__PURE__ */ jsx87("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: connectedApps.map((app, index) => /* @__PURE__ */ jsx87(Application, { ...app }, index)) })
+    /* @__PURE__ */ jsx87(
+      "div",
+      {
+        ref: (inst) => onboarder.registerElement("embarkai-security-menu-connected-apps-onboarding" /* connectedApps */, inst),
+        className: "w-full flex flex-col gap-[var(--ui-kit-gap)]",
+        children: connectedApps.map((app, index) => /* @__PURE__ */ jsx87(Application, { ...app }, index))
+      }
+    )
   ] });
 }
 var init_ConnectedApps = __esm({
   "src/internal/components/SecurityMenu/ConnectedApps/ConnectedApps.tsx"() {
     init_utils2();
     init_i18n();
+    init_Onboarding();
     init_button();
     init_highlight();
     init_useSecurityStore();
@@ -19652,42 +20388,44 @@ var init_ConnectedApps2 = __esm({
 
 // src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx
 import { Loader as Loader19 } from "lucide-react";
+import { forwardRef as forwardRef5 } from "react";
 import { jsx as jsx89, jsxs as jsxs83 } from "react/jsx-runtime";
-function KeyshareStatus(props) {
-  const { isLoading, content, icon: Icon2, children } = props;
-  if (isLoading) return /* @__PURE__ */ jsx89(Loader19, { className: "w-4 h-4 animate-spin" });
-  return /* @__PURE__ */ jsxs83("div", { className: "group relative w-full h-full", children: [
-    children,
-    /* @__PURE__ */ jsx89(
-      "div",
-      {
-        className: cn(
-          "absolute -top-2 -right-2 w-6 h-6 flex items-center justify-center",
-          "rounded-full bg-[var(--ui-kit-bg)]"
-          //   'border border-[var(--ui-kit-bd)]'
-        ),
-        children: /* @__PURE__ */ jsx89(Icon2, { className: "w-4 h-4" })
-      }
-    ),
-    /* @__PURE__ */ jsx89(
-      "div",
-      {
-        style: { transform: "translateY(calc(var(--ui-kit-gap) * -4))" },
-        className: cn(
-          "transition-opacity pointer-events-none z-50",
-          "absolute top-0 right-0 max-w-full",
-          "px-2 py-1 bg-[var(--ui-kit-bg)] text-[var(--ui-kit-fg)] text-[10px] rounded-[var(--ui-kit-el-bdrs)]",
-          "border border-[var(--ui-kit-bd)]",
-          "opacity-0 group-hover:opacity-100"
-        ),
-        children: content
-      }
-    )
-  ] });
-}
+var KeyshareStatus;
 var init_KeyshareStatus = __esm({
   "src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx"() {
     init_utils2();
+    KeyshareStatus = forwardRef5((props, ref) => {
+      const { isLoading, content, icon: Icon2, children } = props;
+      if (isLoading) return /* @__PURE__ */ jsx89(Loader19, { className: "w-4 h-4 animate-spin" });
+      return /* @__PURE__ */ jsxs83("div", { ref, className: "group relative w-full h-full", children: [
+        children,
+        /* @__PURE__ */ jsx89(
+          "div",
+          {
+            className: cn(
+              "absolute -top-2 -right-2 w-6 h-6 flex items-center justify-center",
+              "rounded-full bg-[var(--ui-kit-bg)]"
+              //   'border border-[var(--ui-kit-bd)]'
+            ),
+            children: /* @__PURE__ */ jsx89(Icon2, { className: "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx89(
+          "div",
+          {
+            style: { transform: "translateY(calc(var(--ui-kit-gap) * -4))" },
+            className: cn(
+              "transition-opacity pointer-events-none z-50",
+              "absolute top-0 right-0 max-w-full",
+              "px-2 py-1 bg-[var(--ui-kit-bg)] text-[var(--ui-kit-fg)] text-[10px] rounded-[var(--ui-kit-el-bdrs)]",
+              "border border-[var(--ui-kit-bd)]",
+              "opacity-0 group-hover:opacity-100"
+            ),
+            children: content
+          }
+        )
+      ] });
+    });
   }
 });
 
@@ -19720,24 +20458,33 @@ function LastBackup(props) {
   } = createdRecoveryStats || {};
   const hasBackupData = backup?.server?.enabled && backup.server.lastBackup || !backup.server.lastBackup && recoveryCreatedAt || backup.cloud.enabled && backup.cloud?.lastBackup || backup.local.enabled && backup.local.lastBackup;
   if (!hasBackupData || !createdRecoveryStats) return null;
-  return /* @__PURE__ */ jsxs84(Highlight, { type: "info", className: "text-[10px] leading-4", children: [
-    /* @__PURE__ */ jsxs84("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-      /* @__PURE__ */ jsx90(DatabaseBackup, { className: "w-4 h-4 flex-none" }),
-      /* @__PURE__ */ jsx90("span", { className: "font-medium text-xs", children: t("passport:securityMenu.lastBackup") })
-    ] }),
-    recoveryCreatedAt && /* @__PURE__ */ jsxs84(Fragment33, { children: [
-      /* @__PURE__ */ jsx90("span", { className: "block font-mono! ", children: t("passport:securityMenu.lastBackupMeta", {
-        browser: cleanStringArtifacts(recoveryBrowser || "unknown"),
-        os: parseOS(recoveryUa) || "unknown os",
-        deviceName: cleanStringArtifacts(recoveryDeviceName || recoveryDeviceId || "")
-      }) }),
-      /* @__PURE__ */ jsx90("span", { className: "block font-mono! text-[var(--ui-kit-fg-muted)]", children: dayjs6(recoveryCreatedAt).format("MMMM DD, YYYY HH:mm") })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs84(
+    Highlight,
+    {
+      ref: (inst) => onboarder.registerElement("embarkai-security-menu-keyshare-existing-backup-onboarding" /* keyshareExistingVaultBkp */, inst),
+      type: "info",
+      className: "text-[10px] leading-4",
+      children: [
+        /* @__PURE__ */ jsxs84("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
+          /* @__PURE__ */ jsx90(DatabaseBackup, { className: "w-4 h-4 flex-none" }),
+          /* @__PURE__ */ jsx90("span", { className: "font-medium text-xs", children: t("passport:securityMenu.lastBackup") })
+        ] }),
+        recoveryCreatedAt && /* @__PURE__ */ jsxs84(Fragment33, { children: [
+          /* @__PURE__ */ jsx90("span", { className: "block font-mono! ", children: t("passport:securityMenu.lastBackupMeta", {
+            browser: cleanStringArtifacts(recoveryBrowser || "unknown"),
+            os: parseOS(recoveryUa) || "unknown os",
+            deviceName: cleanStringArtifacts(recoveryDeviceName || recoveryDeviceId || "")
+          }) }),
+          /* @__PURE__ */ jsx90("span", { className: "block font-mono! text-[var(--ui-kit-fg-muted)]", children: dayjs6(recoveryCreatedAt).format("MMMM DD, YYYY HH:mm") })
+        ] })
+      ]
+    }
+  );
 }
 var init_LastBackup = __esm({
   "src/internal/components/SecurityMenu/Keyshare/LastBackup.tsx"() {
     init_useT();
+    init_Onboarding();
     init_highlight();
     {
     }
@@ -19779,15 +20526,15 @@ var init_useKeyshareRecoveryStats = __esm({
 });
 
 // src/internal/components/SecurityMenu/Keyshare/Keyshare.tsx
-import { Cloud as Cloud3, Laptop, LoaderIcon as LoaderIcon11, Server as Server2 } from "lucide-react";
-import { useEffect as useEffect36 } from "react";
+import { Cloud as Cloud3, DatabaseBackupIcon, Laptop, LoaderIcon as LoaderIcon11, Server as Server2 } from "lucide-react";
+import { useEffect as useEffect37 } from "react";
 import { Fragment as Fragment34, jsx as jsx91, jsxs as jsxs85 } from "react/jsx-runtime";
 function Keyshare() {
   const userId = useSession((st) => st?.session?.mpcUserId);
   const { t } = useT();
   const serverHasKeyshare = jwtTokenManager2.getHasKeyshare() ?? false;
   const { data: recoveryData, isLoading: isRecoveryLoading } = useKeyshareRecoveryStats();
-  useEffect36(() => {
+  useEffect37(() => {
     if (!recoveryData?.keyshareInfo || isRecoveryLoading) return;
     useSecurityStore.getState().setRenderKey(`keyshare-loaded-${Date.now()}`);
   }, [recoveryData, isRecoveryLoading]);
@@ -19801,63 +20548,86 @@ function Keyshare() {
       isRecoveryLoading && /* @__PURE__ */ jsx91(LoaderIcon11, { className: "h-4 w-4 animate-spin" })
     ] }),
     !isRecoveryLoading && /* @__PURE__ */ jsxs85(Fragment34, { children: [
-      /* @__PURE__ */ jsxs85("div", { className: "grid grid-cols-3 gap-[var(--ui-kit-gap)] px-[var(--ui-kit-gap)]", children: [
-        /* @__PURE__ */ jsx91(
-          KeyshareStatus,
-          {
-            content: serverHasKeyshare ? t("passport:securityMenu.keyshareStatus.serverReady") : t("passport:securityMenu.keyshareStatus.serverMissing"),
-            icon: serverHasKeyshare ? PositiveIcon : NegativeIcon,
-            children: /* @__PURE__ */ jsxs85(
-              Highlight,
+      /* @__PURE__ */ jsxs85(
+        "div",
+        {
+          ref: (inst) => onboarder.registerElement("embarkai-security-menu-keyshare-onboarding" /* keyshare */, inst),
+          className: "grid grid-cols-3 gap-[var(--ui-kit-gap)] px-[var(--ui-kit-gap)]",
+          children: [
+            /* @__PURE__ */ jsx91(
+              KeyshareStatus,
               {
-                type: serverHasKeyshare ? "success" : "warning",
-                className: "w-full h-full flex flex-col items-center gap-0",
-                children: [
-                  /* @__PURE__ */ jsx91(Cloud3, { className: "h-6 w-6" }),
-                  /* @__PURE__ */ jsx91("span", { className: "text-[10px] font-medium leading-4", children: "Server Share" })
-                ]
+                ref: (inst) => onboarder.registerElement("embarkai-security-menu-keyshare-details-server-onboarding" /* keyshareDetailsServer */, inst),
+                icon: serverHasKeyshare ? PositiveIcon : NegativeIcon,
+                content: serverHasKeyshare ? t("passport:securityMenu.keyshareStatus.serverReady") : t("passport:securityMenu.keyshareStatus.serverMissing"),
+                children: /* @__PURE__ */ jsxs85(
+                  Highlight,
+                  {
+                    type: serverHasKeyshare ? "success" : "warning",
+                    className: "w-full h-full flex flex-col items-center gap-0",
+                    children: [
+                      /* @__PURE__ */ jsx91(Cloud3, { className: "h-6 w-6" }),
+                      /* @__PURE__ */ jsx91("span", { className: "text-[10px] font-medium leading-4", children: "Server Share" })
+                    ]
+                  }
+                )
               }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx91(
-          KeyshareStatus,
-          {
-            content: localInfo?.hasKeyshare ? t("passport:securityMenu.keyshareStatus.localReady") : t("passport:securityMenu.keyshareStatus.localMissing"),
-            icon: localInfo?.hasKeyshare ? PositiveIcon : NegativeIcon,
-            children: /* @__PURE__ */ jsxs85(
-              Highlight,
+            ),
+            /* @__PURE__ */ jsx91(
+              KeyshareStatus,
               {
-                type: localInfo?.hasKeyshare ? "success" : "warning",
-                className: "w-full h-full flex flex-col items-center gap-0",
-                children: [
-                  /* @__PURE__ */ jsx91(Laptop, { className: "h-6 w-6" }),
-                  /* @__PURE__ */ jsx91("span", { className: "text-[10px] font-medium leading-4", children: "Local Share" })
-                ]
+                ref: (inst) => onboarder.registerElement("embarkai-security-menu-keyshare-details-local-onboarding" /* keyshareDetailsLocal */, inst),
+                icon: localInfo?.hasKeyshare ? PositiveIcon : NegativeIcon,
+                content: localInfo?.hasKeyshare ? t("passport:securityMenu.keyshareStatus.localReady") : t("passport:securityMenu.keyshareStatus.localMissing"),
+                children: /* @__PURE__ */ jsxs85(
+                  Highlight,
+                  {
+                    type: localInfo?.hasKeyshare ? "success" : "warning",
+                    className: "w-full h-full flex flex-col items-center gap-0",
+                    children: [
+                      /* @__PURE__ */ jsx91(Laptop, { className: "h-6 w-6" }),
+                      /* @__PURE__ */ jsx91("span", { className: "text-[10px] font-medium leading-4", children: "Local Share" })
+                    ]
+                  }
+                )
               }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx91(
-          KeyshareStatus,
-          {
-            content: hasServerBackup ? t("passport:securityMenu.keyshareStatus.valutBackupCreated") : t("passport:securityMenu.keyshareStatus.valutBackupMissing"),
-            icon: hasServerBackup ? PositiveIcon : NegativeIcon,
-            children: /* @__PURE__ */ jsxs85(
-              Highlight,
+            ),
+            /* @__PURE__ */ jsx91(
+              KeyshareStatus,
               {
-                type: hasServerBackup ? "success" : "warning",
-                className: "w-full h-full flex flex-col items-center gap-0",
-                children: [
-                  /* @__PURE__ */ jsx91(Server2, { className: "h-6 w-6" }),
-                  /* @__PURE__ */ jsx91("span", { className: "text-[10px] font-medium leading-4", children: "Vault Backup" })
-                ]
+                ref: (inst) => onboarder.registerElement("embarkai-security-menu-keyshare-details-vault-onboarding" /* keyshareDetailsVault */, inst),
+                icon: hasServerBackup ? PositiveIcon : NegativeIcon,
+                content: hasServerBackup ? t("passport:securityMenu.keyshareStatus.valutBackupCreated") : t("passport:securityMenu.keyshareStatus.valutBackupMissing"),
+                children: /* @__PURE__ */ jsxs85(
+                  Highlight,
+                  {
+                    type: hasServerBackup ? "success" : "warning",
+                    className: "w-full h-full flex flex-col items-center gap-0",
+                    children: [
+                      /* @__PURE__ */ jsx91(Server2, { className: "h-6 w-6" }),
+                      /* @__PURE__ */ jsx91("span", { className: "text-[10px] font-medium leading-4", children: "Vault Backup" })
+                    ]
+                  }
+                )
               }
             )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx91(LastBackup, { backup, createdRecoveryStats })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx91(LastBackup, { backup, createdRecoveryStats }),
+      /* @__PURE__ */ jsxs85(
+        Button,
+        {
+          variant: "secondary",
+          size: "medium",
+          className: "w-full",
+          onClick: () => useLayoutDataStore.getState().setPage("keysare-backup" /* KEYSARE_BACKUP */),
+          children: [
+            /* @__PURE__ */ jsx91(DatabaseBackupIcon, { className: "h-4 w-4" }),
+            t("passport:backupMenu.title")
+          ]
+        }
+      )
     ] })
   ] });
 }
@@ -19867,7 +20637,10 @@ var init_Keyshare = __esm({
     init_useT();
     init_icons();
     init_auth();
+    init_useLayoutDataStore();
     init_vaultClient();
+    init_Onboarding();
+    init_button();
     init_highlight();
     init_useSecurityStore();
     init_KeyshareStatus();
@@ -19896,9 +20669,11 @@ function SecurityMenu() {
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const appToUntrust = useSecurityStore((st) => st.appToUntrust);
   const renderKey = useSecurityStore((st) => st.renderKey);
+  useOnboardingTourAvailable(!appToUntrust);
   return /* @__PURE__ */ jsx92(
     "div",
     {
+      ref: (inst) => onboarder.registerElement("embarkai-security-menu-onboarding" /* securityMenu */, inst),
       style: {
         "--ui-kit-scrollbar-mah": `${maxScrollHeight}px`,
         "--ui-kit-list-scrollbar-pd-r": "var(--ui-kit-pd)"
@@ -19941,6 +20716,7 @@ var init_SecurityMenu = __esm({
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_Expandable2();
+    init_Onboarding();
     init_button();
     init_ConnectedApps2();
     init_Keyshare2();
@@ -19954,6 +20730,7 @@ var init_SecurityMenu2 = __esm({
     init_SecurityMenu();
     init_ConnectedApps2();
     init_Keyshare2();
+    init_onboarding_setup8();
   }
 });
 
@@ -20193,7 +20970,7 @@ var init_useBridgeStore = __esm({
 // src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx
 import { useConnectModal } from "@rainbow-me/rainbowkit";
 import { useMutation as useMutation19 } from "@tanstack/react-query";
-import { useEffect as useEffect37, useRef as useRef17, useState as useState22 } from "react";
+import { useEffect as useEffect38, useRef as useRef16, useState as useState22 } from "react";
 import { useSignMessage } from "wagmi";
 import { jsx as jsx93, jsxs as jsxs87 } from "react/jsx-runtime";
 function SenderSelector(props) {
@@ -20204,12 +20981,12 @@ function SenderSelector(props) {
   const { openConnectModal } = useConnectModal();
   const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
   const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
-  const pendingWalletRef = useRef17(null);
+  const pendingWalletRef = useRef16(null);
   const originChain = useBridgeStore((st) => st.originChain);
   const bridgeSender = useBridgeStore((st) => st.bridgeSender);
   const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
   const [walletMessage, setWalletMessage] = useState22(null);
-  useEffect37(() => {
+  useEffect38(() => {
     useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
   }, [walletMessage]);
   const { mutate: loginDirectWallet, isPending: isDirectWalletLoggingIn } = useMutation19({
@@ -20265,7 +21042,7 @@ function SenderSelector(props) {
       setWalletMessage(error instanceof Error ? error.message : "Wallet login failed. Please try again.");
     }
   });
-  useEffect37(() => {
+  useEffect38(() => {
     const pendingProfile = pendingWalletRef.current;
     if (!pendingProfile || !directWalletIsConnected || !directWalletAddress) return;
     if (directWalletAddress.toLowerCase() !== pendingProfile.externalId?.toLowerCase()) return;
@@ -20454,12 +21231,12 @@ var init_wallets = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts
-import { useEffect as useEffect38, useRef as useRef18 } from "react";
+import { useEffect as useEffect39, useRef as useRef17 } from "react";
 function useAvailableSenders() {
   const address = useSession((st) => st.address);
   const { profiles } = useLinkedProfiles();
-  const lastCalcedSenders = useRef18([]);
-  useEffect38(() => {
+  const lastCalcedSenders = useRef17([]);
+  useEffect39(() => {
     const sendersAccumulator = [
       {
         type: "embarkai-wallet",
@@ -20826,7 +21603,7 @@ var init_utils9 = __esm({
 // src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts
 import { useInfiniteQuery as useInfiniteQuery3 } from "@tanstack/react-query";
 import { debounce as debounce7 } from "lodash-es";
-import { useCallback as useCallback26, useEffect as useEffect39, useMemo as useMemo12 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect40, useMemo as useMemo12 } from "react";
 function useHyperlaneHistory() {
   const address = useSession((st) => st.address);
   const page = useLayoutDataStore((st) => st.page);
@@ -20852,7 +21629,7 @@ function useHyperlaneHistory() {
     }, 250),
     []
   );
-  useEffect39(() => {
+  useEffect40(() => {
     if (isBridgeTxHistoryLoading || txList.length === 0) return;
     updateExpandable();
   }, [isBridgeTxHistoryLoading, txList]);
@@ -21092,7 +21869,7 @@ var init_useBridge = __esm({
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts
 import { useQuery as useQuery20 } from "@tanstack/react-query";
-import { useEffect as useEffect40 } from "react";
+import { useEffect as useEffect41 } from "react";
 function useHyperlaneRoutes() {
   const address = useSession((st) => st.address);
   const page = useLayoutDataStore((st) => st.page);
@@ -21112,7 +21889,7 @@ function useHyperlaneRoutes() {
       return warpRoutes;
     }
   });
-  useEffect40(() => {
+  useEffect41(() => {
     if (!errorWarpRoutes) return;
     useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
     const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
@@ -21121,7 +21898,7 @@ function useHyperlaneRoutes() {
     setOriginChain(null);
     setDestinationChain(null);
   }, [errorWarpRoutes]);
-  useEffect40(() => {
+  useEffect41(() => {
     if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
     const warpRouteToAutoSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
     if (!warpRouteToAutoSelect) return;
@@ -21154,13 +21931,13 @@ var init_useHyperlaneRoutes = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts
-import { useEffect as useEffect41 } from "react";
+import { useEffect as useEffect42 } from "react";
 function useMenuTitle(warpRoutes) {
   const { t } = useT();
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
   const hyperRoute = useBridgeStore((st) => st.hyperRoute);
   const hyperRouteMeta = warpRoutes?.length ? warpRoutes.find((route) => route.routeId === hyperRoute) : null;
-  useEffect41(() => {
+  useEffect42(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case bridgeStep === "sender-selector":
@@ -21210,8 +21987,6 @@ var init_useSendStore = __esm({
       //
       txStep: "input",
       //
-      // sendError: null,
-      //
       setRecipient: (recipient) => {
         useFlowSelectorStore.getState().setError(null);
         set({ recipient });
@@ -21230,14 +22005,16 @@ var init_useSendStore = __esm({
         useFlowSelectorStore.getState().setError(null);
         useFlowSelectorStore.getState().setRenderKey(`send-${txStep}-${Date.now()}`);
         set({ txStep });
-      }
+      },
+      /** RESET */
+      reset: () => set({ recipient: "", amount: "", selectedAsset: null, txStep: "input" })
     }));
   }
 });
 
 // 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({
+var init_onboarding_setup9 = __esm({
   "src/internal/components/SendMenu/onboarding.setup.ts"() {
     init_useBridgeStore();
     init_useSendStore();
@@ -21274,6 +22051,8 @@ var init_onboarding_setup2 = __esm({
         elId: "sendmenu-crypto-summary" /* sendCryptoSummary */,
         title: "passport:sendMenu.onboarding.sendCryptoSummary.title",
         description: "passport:sendMenu.onboarding.sendCryptoSummary.description",
+        forced: true,
+        // no hide button for this step, user must click "Next" to proceed
         onNext: () => {
           const { setAmount, setRecipient, setSelectedAsset, setTxStep } = useSendStore.getState();
           setTxStep("input");
@@ -21281,11 +22060,6 @@ var init_onboarding_setup2 = __esm({
           setAmount("");
           setSelectedAsset(null);
         }
-      },
-      {
-        elId: "sendmenu-tour-button" /* tourButton */,
-        title: "passport:common.onboarding.tourButton.title",
-        description: "passport:common.onboarding.tourButton.description"
       }
     ];
     BRIDGE_MENU_TOUR = [
@@ -21336,16 +22110,13 @@ var init_onboarding_setup2 = __esm({
         elId: "bridgemenu-crypto-menu-estimate-details-menu" /* bridgeEstimatedQuoteMenu */,
         title: "passport:bridgeMenu.onboarding.bridgeEstimatedQuoteMenu.title",
         description: "passport:bridgeMenu.onboarding.bridgeEstimatedQuoteMenu.description",
+        forced: true,
+        // no hide button for this step, user must click "Next" to proceed
         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"
       }
     ];
   }
@@ -21367,7 +22138,7 @@ var init_ResolveChainIcon = __esm({
 // src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
 import { CHAINS_BROWSERS_TRANSPORTS as CHAINS_BROWSERS_TRANSPORTS2 } from "@embarkai/core";
 import { useQuery as useQuery21, useQueryClient as useQueryClient23 } from "@tanstack/react-query";
-import { useCallback as useCallback28, useEffect as useEffect42 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect43 } from "react";
 import { createPublicClient as createPublicClient2, erc20Abi as erc20Abi3, formatUnits as formatUnits8, http as http3 } from "viem";
 import { useSwitchChain as useSwitchChain2 } from "wagmi";
 function useBridgeBalance(hyperlaneWarpRoutes) {
@@ -21473,7 +22244,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
     },
     [refreshBalances, qc]
   );
-  useEffect42(() => {
+  useEffect43(() => {
     if (!bridgeSender || !originChain) return;
     switch (bridgeSender) {
       case "embarkai-wallet":
@@ -22434,7 +23205,7 @@ var init_steps = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx
-import { useEffect as useEffect43 } from "react";
+import { useEffect as useEffect44 } from "react";
 import { jsx as jsx103, jsxs as jsxs95 } from "react/jsx-runtime";
 function HyperlaneBridge() {
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
@@ -22442,7 +23213,7 @@ function HyperlaneBridge() {
   const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
   const { directWalletProfile } = useAvailableSenders();
   useMenuTitle(hyperlaneWarpRoutes);
-  useEffect43(() => {
+  useEffect44(() => {
     return () => {
       useBridgeStore.getState().resetSelections();
     };
@@ -22488,14 +23259,14 @@ var init_HyperlaneBridge = __esm({
 });
 
 // src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx
-import { useRef as useRef19 } from "react";
+import { useRef as useRef18 } from "react";
 import { jsx as jsx104 } from "react/jsx-runtime";
 function BridgeHistorySwitch(props) {
   const { disabled } = props;
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
   const isUiLocked = useFlowSelectorStore((st) => st.isUiLocked);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  const lastBridgeStepRef = useRef19(null);
+  const lastBridgeStepRef = useRef18(null);
   if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
     return null;
   }
@@ -22597,7 +23368,7 @@ var init_useErc3643Compliance = __esm({
 
 // src/hooks/useNicknameResolve.ts
 import { useQuery as useQuery22 } from "@tanstack/react-query";
-import { useEffect as useEffect44, useMemo as useMemo14, useState as useState24 } from "react";
+import { useEffect as useEffect45, useMemo as useMemo14, useState as useState24 } from "react";
 function looksLikeNickname(input) {
   if (!input) return false;
   if (input.startsWith("0x")) return false;
@@ -22611,7 +23382,7 @@ function useNicknameResolve(input, options) {
   const [isDebouncing, setIsDebouncing] = useState24(false);
   const normalized = normalizeNickname(input);
   const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
-  useEffect44(() => {
+  useEffect45(() => {
     if (!isNicknameInput || !enabled) {
       setDebouncedInput("");
       setIsDebouncing(false);
@@ -23071,7 +23842,7 @@ var init_AssetList = __esm({
 
 // src/internal/components/SendMenu/send/components/NicknameData.tsx
 import { AtSign, CheckCircle2 as CheckCircle24, ShieldAlert, ShieldCheck as ShieldCheck2 } from "lucide-react";
-import { useEffect as useEffect45 } from "react";
+import { useEffect as useEffect46 } from "react";
 import { jsx as jsx108, jsxs as jsxs99 } from "react/jsx-runtime";
 function NicknameData(props) {
   const { resolvedNicknameData, isNicknameInput } = props;
@@ -23084,11 +23855,11 @@ function NicknameData(props) {
     isWalletNotSetup,
     isFrozen
   } = resolvedNicknameData;
-  useEffect45(() => {
+  useEffect46(() => {
     if (!resolvedNicknameData?.data?.fingerprint || !isNicknameInput) return;
     useFlowSelectorStore.getState().setRenderKey(`nickname-resolved-${Date.now()}`);
   }, [resolvedNicknameData, isNicknameInput]);
-  useEffect45(() => {
+  useEffect46(() => {
     if (isResolving) return;
     let errMessage = null;
     switch (true) {
@@ -23658,7 +24429,7 @@ var init_sendSteps = __esm({
 
 // src/internal/components/SendMenu/send/SendMenu.tsx
 import { CheckCircle2 as CheckCircle26, Loader as Loader27 } from "lucide-react";
-import { useEffect as useEffect46, useMemo as useMemo15 } from "react";
+import { useEffect as useEffect47, useMemo as useMemo15 } from "react";
 import { parseUnits as parseUnits2 } from "viem";
 import { Fragment as Fragment41, jsx as jsx111, jsxs as jsxs102 } from "react/jsx-runtime";
 function SendMenu() {
@@ -23679,25 +24450,16 @@ function SendMenu() {
     userOpHash,
     reset
   } = useSendTransaction();
-  useEffect46(() => {
+  useEffect47(() => {
     useFlowSelectorStore.getState().setIsUiLocked(isAssetsLoading || isTransactionPending);
   }, [isAssetsLoading, isTransactionPending]);
-  useEffect46(() => {
+  useEffect47(() => {
     useFlowSelectorStore.getState().setError(sendTransactionError || null);
   }, [sendTransactionError]);
-  const {
-    recipient,
-    setRecipient,
-    amount,
-    setAmount,
-    selectedAsset,
-    setSelectedAsset,
-    txStep,
-    setTxStep
-  } = useSendStore();
+  const { txStep, recipient, amount, selectedAsset, setSelectedAsset } = useSendStore();
   const isNft = isNftAsset3(selectedAsset);
   const isSecurity = isSecurityToken2(selectedAsset);
-  useEffect46(() => {
+  useEffect47(() => {
     const shouldDefaultAsset = assets.length > 0 && !selectedAsset;
     if (!shouldDefaultAsset) return;
     const chainNativeCurrency = useSession.getState().chainConfig?.nativeCurrency;
@@ -23707,13 +24469,10 @@ function SendMenu() {
     if (isBalance(erc20)) return setSelectedAsset(erc20);
     setSelectedAsset(assets[0]);
   }, [assets, selectedAsset]);
-  useEffect46(
+  useEffect47(
     () => () => {
-      setSelectedAsset(null);
-      setRecipient("");
-      setAmount("");
+      useSendStore.getState().reset();
       reset();
-      setTxStep("input");
     },
     []
   );
@@ -23735,7 +24494,7 @@ function SendMenu() {
     enabled: isSecurity && !!effectiveAddress && !!complianceAmount,
     chainId: activeChainId
   });
-  useEffect46(() => {
+  useEffect47(() => {
     const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
     switch (true) {
       case txStep === "select-asset":
@@ -23834,9 +24593,9 @@ var init_send = __esm({
 
 // src/internal/components/SendMenu/useSendMenuParams.ts
 import { keys as keys2 } from "lodash-es";
-import { useEffect as useEffect47 } from "react";
+import { useEffect as useEffect48 } from "react";
 function useSendMenuParams() {
-  useEffect47(() => {
+  useEffect48(() => {
     const { pageParams, setPageParams } = useLayoutDataStore.getState();
     if (!pageParams || !keys2(pageParams).length) return;
     console.log("[SEND PARAMS]", pageParams);
@@ -23883,8 +24642,8 @@ var init_useSendMenuParams = __esm({
 });
 
 // src/internal/components/SendMenu/SendFlowSelector.tsx
-import { ArrowLeft as ArrowLeft19, ArrowRightIcon as ArrowRightIcon2, ArrowRightLeftIcon as ArrowRightLeftIcon2, CircleQuestionMarkIcon as CircleQuestionMarkIcon2, InfoIcon as InfoIcon6 } from "lucide-react";
-import { useEffect as useEffect48 } from "react";
+import { ArrowLeft as ArrowLeft19, ArrowRightIcon as ArrowRightIcon2, ArrowRightLeftIcon as ArrowRightLeftIcon2, InfoIcon as InfoIcon6 } from "lucide-react";
+import { useEffect as useEffect49 } from "react";
 import { jsx as jsx112, jsxs as jsxs103 } from "react/jsx-runtime";
 function SelectorFlowButtons() {
   const { t } = useT();
@@ -23946,7 +24705,8 @@ function SendFlowSelector() {
   const selectorFlow = useFlowSelectorStore((st) => st.flow);
   const sendStep = useSendStore((st) => st.txStep);
   const bridgeStep = useBridgeStore((st) => st.bridgeStep);
-  useEffect48(
+  useOnboardingTourAvailable(sendStep === "input" && bridgeStep === "select");
+  useEffect49(
     () => () => {
       useFlowSelectorStore.getState().setError(null);
     },
@@ -24000,29 +24760,7 @@ function SendFlowSelector() {
             ),
             /* @__PURE__ */ jsx112("span", { className: "text-xl font-semibold", children: menuTitle })
           ] }),
-          /* @__PURE__ */ jsxs103("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
-            isSendFlowInitialState && /* @__PURE__ */ jsx112(
-              Button,
-              {
-                ref: (inst) => onboarder.registerElement("sendmenu-tour-button" /* tourButton */, inst),
-                variant: "ghost",
-                size: "icon",
-                className: "flex-none",
-                onClick: () => {
-                  switch (selectorFlow) {
-                    case "send":
-                      onboarder.startTour(SEND_MENU_TOUR);
-                      break;
-                    case "bridge":
-                      onboarder.startTour(BRIDGE_MENU_TOUR);
-                      break;
-                  }
-                },
-                children: /* @__PURE__ */ jsx112(CircleQuestionMarkIcon2, { className: "h-4 w-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx112(BridgeHistorySwitch, {})
-          ] })
+          /* @__PURE__ */ jsx112("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ jsx112(BridgeHistorySwitch, {}) })
         ] }),
         isSendFlowInitialState && /* @__PURE__ */ jsx112(SelectorFlowButtons, {}),
         SELECTOR_FLOW[selectorFlow],
@@ -24059,7 +24797,6 @@ var init_SendFlowSelector = __esm({
     init_button();
     init_highlight();
     init_hyperbridge();
-    init_onboarding_setup2();
     init_send();
     init_useFlowSelector();
     init_useSendMenuParams();
@@ -24071,10 +24808,20 @@ var init_SendFlowSelector = __esm({
 });
 
 // src/internal/components/SendMenu/index.ts
+function getSendMenuFlowState() {
+  return useFlowSelectorStore.getState().flow;
+}
+function resetSendMenuState() {
+  useSendStore.getState().reset();
+  useBridgeStore.getState().resetSelections();
+}
 var init_SendMenu2 = __esm({
   "src/internal/components/SendMenu/index.ts"() {
+    init_hyperbridge();
+    init_send();
+    init_useFlowSelector();
     init_SendFlowSelector();
-    init_onboarding_setup2();
+    init_onboarding_setup9();
   }
 });
 
@@ -24137,10 +24884,25 @@ var init_constants8 = __esm({
   }
 });
 
+// src/internal/components/SettingsMenu/onboarding.setup.ts
+var SETTINGS_MENU_ONBOARDING_ID, SETTINGS_MENU_TOUR;
+var init_onboarding_setup10 = __esm({
+  "src/internal/components/SettingsMenu/onboarding.setup.ts"() {
+    SETTINGS_MENU_ONBOARDING_ID = "embarkai-settings-menu-onboarding";
+    SETTINGS_MENU_TOUR = [
+      {
+        elId: SETTINGS_MENU_ONBOARDING_ID,
+        title: "passport:common.onboarding.settingsMenu.title",
+        description: "passport:common.onboarding.settingsMenu.description"
+      }
+    ];
+  }
+});
+
 // src/internal/components/SettingsMenu/SettingsMenu.tsx
 import { useQuery as useQuery24 } from "@tanstack/react-query";
 import { ArrowLeft as ArrowLeft20, HardDrive as HardDrive3 } from "lucide-react";
-import { useEffect as useEffect49 } from "react";
+import { useEffect as useEffect50 } from "react";
 import { jsx as jsx113, jsxs as jsxs104 } from "react/jsx-runtime";
 function useSettingsButtons() {
   const config = useProviderConfig().config;
@@ -24157,9 +24919,9 @@ function useSettingsButtons() {
     }
   });
   if (proMode) {
-    settingsButtons.push({ id: "devices" /* DEVICES */, name: "Guardians", Icon: HardDrive3 });
+    settingsButtons.push({ id: "devices" /* DEVICES */, name: "passport:guardiansMenu.title", Icon: HardDrive3 });
   }
-  useEffect49(() => {
+  useEffect50(() => {
     const cssvEl = document.querySelector(".embarkai-ui-scope");
     if (!cssvEl || !window?.getComputedStyle) {
       return;
@@ -24176,6 +24938,7 @@ function useSettingsButtons() {
 function SettingsMenu() {
   const address = useSession((st) => st.address);
   const { t } = useT();
+  useOnboardingTourAvailable(true);
   const settingsNotifications = useLayoutDataStore((st) => st.settingsNotifications);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -24191,6 +24954,7 @@ function SettingsMenu() {
   return /* @__PURE__ */ jsxs104(
     "div",
     {
+      ref: (inst) => onboarder.registerElement(SETTINGS_MENU_ONBOARDING_ID, inst),
       style: {
         "--ui-kit-scrollbar-mah": `${maxScrollHeight}px`,
         "--ui-kit-list-scrollbar-pd-r": "var(--ui-kit-pd)"
@@ -24235,8 +24999,10 @@ var init_SettingsMenu = __esm({
     init_pro_mode();
     init_utils2();
     init_useProvidersList();
+    init_Onboarding();
     init_button();
     init_constants8();
+    init_onboarding_setup10();
   }
 });
 
@@ -24244,6 +25010,7 @@ var init_SettingsMenu = __esm({
 var init_SettingsMenu2 = __esm({
   "src/internal/components/SettingsMenu/index.ts"() {
     init_SettingsMenu();
+    init_onboarding_setup10();
   }
 });
 
@@ -24906,6 +25673,20 @@ var init_api4 = __esm({
   }
 });
 
+// src/internal/components/TransactionsMenu/onboarding.setup.ts
+var TRANSACTIONS_MENU_TOUR;
+var init_onboarding_setup11 = __esm({
+  "src/internal/components/TransactionsMenu/onboarding.setup.ts"() {
+    TRANSACTIONS_MENU_TOUR = [
+      {
+        elId: "embarkai-transactions-menu-onboarding" /* transactionsMenu */,
+        title: "passport:transactionsMenu.onboarding.transactionsMenu.title",
+        description: "passport:transactionsMenu.onboarding.transactionsMenu.description"
+      }
+    ];
+  }
+});
+
 // src/internal/components/TransactionsMenu/utils.ts
 function formatIntl(price, fractionDigits) {
   const formatter = Intl.NumberFormat("en-US", {
@@ -25105,6 +25886,7 @@ function TransactionsMenu() {
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
   const { t } = useT();
+  useOnboardingTourAvailable(true);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
   const [expandedGroups, setExpandedGroups] = useState27({});
@@ -25128,6 +25910,7 @@ function TransactionsMenu() {
   return /* @__PURE__ */ jsx116(
     "div",
     {
+      ref: (inst) => onboarder.registerElement("embarkai-transactions-menu-onboarding" /* transactionsMenu */, inst),
       style: {
         "--ui-kit-scrollbar-mah": `${maxScrollHeight}px`,
         "--ui-kit-list-scrollbar-pd-r": "var(--ui-kit-pd)"
@@ -25151,11 +25934,11 @@ function TransactionsMenu() {
         ] }),
         !historySupported && /* @__PURE__ */ jsx116(Highlight, { type: "warning", children: /* @__PURE__ */ jsx116("span", { children: t("passport:transactionsMenu.comingSoon") }) }),
         historySupported && isTxHistoryLoading && /* @__PURE__ */ jsx116("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx116(Loader28, { className: "w-4 h-4 animate-spin" }) }),
+        historySupported && !isTxHistoryLoading && !txHistoryResolvedError && txHistoryGroups.length === 0 && /* @__PURE__ */ jsx116(Highlight, { type: "info", children: /* @__PURE__ */ jsx116("span", { children: t("passport:transactionsMenu.noTransactions") }) }),
         historySupported && !isTxHistoryLoading && txHistoryResolvedError && /* @__PURE__ */ jsxs107(Highlight, { type: "error", className: "flex gap-[var(--ui-kit-gap)]", children: [
           /* @__PURE__ */ jsx116(XCircle, { className: "w-4 h-4 flex-none" }),
           /* @__PURE__ */ jsx116("span", { className: "block w-full flex-1 text-center text-xs", children: txHistoryResolvedError })
         ] }),
-        historySupported && !isTxHistoryLoading && !txHistoryResolvedError && txHistoryGroups.length === 0 && /* @__PURE__ */ jsx116(Highlight, { type: "warning", children: /* @__PURE__ */ jsx116("span", { children: t("passport:transactionsMenu.noTransactions") }) }),
         historySupported && !isTxHistoryLoading && !txHistoryResolvedError && txHistoryGroups.length > 0 && /* @__PURE__ */ jsx116("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: txHistoryGroups.map((group) => /* @__PURE__ */ jsx116(
           TransactionsGroup,
           {
@@ -25176,6 +25959,7 @@ var init_TransactionsMenu = __esm({
     init_useLayoutDataStore();
     init_useLayoutStore();
     init_Expandable2();
+    init_Onboarding();
     init_button();
     init_highlight();
     init_api4();
@@ -25188,6 +25972,7 @@ var init_TransactionsMenu = __esm({
 var init_TransactionsMenu2 = __esm({
   "src/internal/components/TransactionsMenu/index.ts"() {
     init_TransactionsMenu();
+    init_onboarding_setup11();
   }
 });
 
@@ -25359,7 +26144,7 @@ var init_PageMap = __esm({
 });
 
 // src/internal/hooks/usePageMapper.tsx
-import { useCallback as useCallback31, useEffect as useEffect50 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect51 } from "react";
 import { jsx as jsx117 } from "react/jsx-runtime";
 function usePageMapper() {
   const page = useLayoutDataStore((st) => st.page);
@@ -25392,7 +26177,7 @@ function usePageMapper() {
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
   );
-  useEffect50(() => {
+  useEffect51(() => {
     if (page === null) return closeDialog();
     const pageItem = PAGE_MAP[page];
     if (!pageItem) {
@@ -25415,20 +26200,20 @@ var init_usePageMapper = __esm({
 });
 
 // src/internal/hooks/useSettingsNotifications.ts
-import { useEffect as useEffect51 } from "react";
+import { useEffect as useEffect52 } from "react";
 function useSettingsNotifications() {
   const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
   const providers = jwtTokenManager2.getProviders();
   const hasEmail = providers.includes("email");
   const { data: userProfile = null } = useUserProfile();
-  useEffect51(() => {
+  useEffect52(() => {
     const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
     setSettingsNotifications({
       ...COMPLETE_KYC_PROGRESS,
       status: isKYCVerified ? "resolved" : "active"
     });
   }, [userProfile, setSettingsNotifications]);
-  useEffect51(() => {
+  useEffect52(() => {
     setSettingsNotifications({
       ...EMAIL_NOT_CONNECTED_NOTIFICATION,
       status: hasEmail ? "resolved" : "active"
@@ -25460,7 +26245,7 @@ var init_package = __esm({
   "package.json"() {
     package_default = {
       name: "@embarkai/ui-kit",
-      version: "0.4.74",
+      version: "0.4.76",
       description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
       type: "module",
       main: "./dist/index.cjs",
@@ -25630,6 +26415,7 @@ function Footer() {
           /* @__PURE__ */ jsxs108(
             Button,
             {
+              ref: (inst) => onboarder.registerElement(FOOTER_ONBOARDING_CHAIN_BUTTON, inst),
               size: "small",
               variant: "ghost",
               disabled: !address || isDisconnecting,
@@ -25650,6 +26436,7 @@ function Footer() {
           !!address ? /* @__PURE__ */ jsxs108(
             Button,
             {
+              ref: (inst) => onboarder.registerElement(FOOTER_ONBOARDING_LOGOUT_BUTTON, inst),
               className: "text-xs",
               size: "small",
               variant: "ghost",
@@ -25676,6 +26463,7 @@ function Footer() {
     }
   );
 }
+var FOOTER_ONBOARDING_CHAIN_BUTTON, FOOTER_ONBOARDING_LOGOUT_BUTTON, FOOTER_TOUR;
 var init_Footer = __esm({
   "src/internal/components/Footer/Footer.tsx"() {
     init_package();
@@ -25690,7 +26478,22 @@ var init_Footer = __esm({
     init_utils2();
     init_useExternalWalletStore();
     init_constants5();
+    init_Onboarding();
     init_button();
+    FOOTER_ONBOARDING_CHAIN_BUTTON = "embark-footer-chain-button";
+    FOOTER_ONBOARDING_LOGOUT_BUTTON = "embark-footer-logout-button";
+    FOOTER_TOUR = [
+      {
+        elId: FOOTER_ONBOARDING_CHAIN_BUTTON,
+        title: "passport:common.onboarding.chainButton.title",
+        description: "passport:common.onboarding.chainButton.description"
+      },
+      {
+        elId: FOOTER_ONBOARDING_LOGOUT_BUTTON,
+        title: "passport:common.onboarding.logoutButton.title",
+        description: "passport:common.onboarding.logoutButton.description"
+      }
+    ];
   }
 });
 
@@ -25698,12 +26501,73 @@ var init_Footer = __esm({
 var init_Footer2 = __esm({
   "src/internal/components/Footer/index.ts"() {
     init_Footer();
+    init_Footer();
+  }
+});
+
+// src/internal/components/Header/onborading.setup.ts
+var EMBARKAI_HEADER_ONBOARDING_ID, EMBARKAI_HEADER_TOUR_BUTTON_ID, ONBOARDING_TOURS;
+var init_onborading_setup = __esm({
+  "src/internal/components/Header/onborading.setup.ts"() {
+    init_BuyMenu2();
+    init_ChainsMenu2();
+    init_Dialog2();
+    init_Footer2();
+    init_KeyshareRestoreMenu2();
+    init_MainMenu2();
+    init_ManageWalletMenu();
+    init_NicknameMenu2();
+    init_ReceiveMenu2();
+    init_SecurityMenu2();
+    init_SendMenu2();
+    init_SettingsMenu2();
+    init_TransactionsMenu2();
+    EMBARKAI_HEADER_ONBOARDING_ID = "embark-header-user-section";
+    EMBARKAI_HEADER_TOUR_BUTTON_ID = "embark-header-tour-button-section";
+    ONBOARDING_TOURS = {
+      ["main-menu" /* MAIN_MENU */]: () => [
+        {
+          elId: EMBARKAI_DIALOG_ONBOARDING_ID,
+          title: "passport:common.onboarding.embarkAI.title",
+          description: "passport:common.onboarding.embarkAI.description"
+        },
+        {
+          elId: EMBARKAI_HEADER_ONBOARDING_ID,
+          title: "passport:common.onboarding.userSection.title",
+          description: "passport:common.onboarding.userSection.description"
+        },
+        ...MAIN_MENU_TOUR,
+        ...FOOTER_TOUR
+      ],
+      ["settings" /* SETTINGS */]: () => SETTINGS_MENU_TOUR,
+      ["buy" /* BUY */]: () => BUY_MENU_BINANCE_TOUR,
+      ["send" /* SEND */]: () => {
+        resetSendMenuState();
+        const sendTour = [];
+        switch (getSendMenuFlowState()) {
+          case "send":
+            sendTour.push(...SEND_MENU_TOUR);
+            break;
+          case "bridge":
+            sendTour.push(...BRIDGE_MENU_TOUR);
+            break;
+        }
+        return sendTour;
+      },
+      ["receive" /* RECEIVE */]: () => RECEIVE_MENU_TOUR,
+      ["security" /* SECURITY */]: () => SECURITY_MENU_TOUR,
+      ["keysare-backup" /* KEYSARE_BACKUP */]: () => KEYSHARE_BACKUP_MENU_TOUR,
+      ["transactions" /* TRANSACTIONS */]: () => TRANSACTIONS_MENU_TOUR,
+      ["nickname-settings" /* NICKNAME_SETTINGS */]: () => NICKNAME_MENU_TOUR,
+      ["manage-wallet" /* MANAGE_WALLET */]: () => MANAGE_WALLET_MENU_TOUR,
+      ["chain" /* CHAIN */]: () => CHAIN_MENU_TOUR
+    };
   }
 });
 
 // src/internal/components/Header/Header.tsx
-import { Copy as Copy4, Loader as Loader30 } from "lucide-react";
-import { useCallback as useCallback32, useRef as useRef20, useState as useState28 } from "react";
+import { CircleQuestionMarkIcon as CircleQuestionMarkIcon2, Copy as Copy4, Loader as Loader30 } from "lucide-react";
+import { useCallback as useCallback32, useRef as useRef19, useState as useState28 } from "react";
 import { Fragment as Fragment43, jsx as jsx119, jsxs as jsxs109 } from "react/jsx-runtime";
 function formatAddress2(addr) {
   if (!addr) return "";
@@ -25713,12 +26577,13 @@ function Header() {
   const config = useProviderConfig().config;
   const address = useSession((st) => st.address);
   const chainConfig = useSession((st) => st.chainConfig);
-  const { t } = useT();
+  const embarkPage = useLayoutDataStore((st) => st.page);
+  const isOnboardingTourAvailable = useOnboardingStore((st) => st.isTourAvailable);
   const proMode = useProMode();
   const [proToast, setProToast] = useState28(false);
   const [copied, setCopied] = useState28(false);
-  const clickCountRef = useRef20(0);
-  const clickTimerRef = useRef20(null);
+  const clickCountRef = useRef19(0);
+  const clickTimerRef = useRef19(null);
   const handleAvatarClick = useCallback32(() => {
     clickCountRef.current += 1;
     if (clickTimerRef.current) {
@@ -25740,10 +26605,11 @@ function Header() {
   const { data: profile, isLoading: isProfileLoading } = useUserProfile();
   const avatar = profile?.avatar || jwtTokenManager2.getAvatar();
   const displayName = profile?.nicknameDisplay || profile?.displayName || jwtTokenManager2.getDisplayName();
-  const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */ jsx119("div", { className: "flex-none w-4 h-4 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ jsx119("span", { className: "text-[var(--ui-kit-fg-inverted)] text-xs font-bold", children: chainConfig.name.charAt(0) }) }));
+  const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || null;
   return /* @__PURE__ */ jsxs109(
     "div",
     {
+      ref: (inst) => onboarder.registerElement(EMBARKAI_HEADER_ONBOARDING_ID, inst),
       style: { borderBottom: "1px solid var(--ui-kit-bd)" },
       className: "w-full flex flex-col gap-[var(--ui-kit-gap)] p-[var(--ui-kit-pd)] pt-5",
       children: [
@@ -25788,26 +26654,36 @@ function Header() {
         ] }),
         !!address && /* @__PURE__ */ jsxs109("div", { className: "w-full flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
           /* @__PURE__ */ jsxs109("div", { className: "flex items-center w-fit text-[10px] px-2 leading-6 text-[var(--ui-kit-fg)] gap-2", children: [
-            /* @__PURE__ */ jsx119("span", { children: formatAddress2(address) }),
-            /* @__PURE__ */ jsx119(ChainIcon, { className: "flex-none w-4 h-4" })
+            !!ChainIcon ? /* @__PURE__ */ jsx119(ChainIcon, { className: "flex-none w-6 h-6" }) : /* @__PURE__ */ jsx119("div", { className: "flex-none w-6 h-6 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ jsx119("span", { className: "text-[var(--ui-kit-fg-inverted)] text-sm font-bold", children: chainConfig.name.charAt(0) }) }),
+            /* @__PURE__ */ jsx119("span", { className: cn("transition-colors", copied && "text-[var(--ui-kit-bg-success)]"), children: formatAddress2(address) })
           ] }),
-          /* @__PURE__ */ jsx119("div", { className: "w-fit flex items-center gap-[var(--ui-kit-gap)] justify-between", children: /* @__PURE__ */ jsxs109(
-            Button,
-            {
-              size: "small",
-              variant: "ghost",
-              className: "text-[10px] px-2 text-[var(--ui-kit-fg)]",
-              onClick: async () => {
-                await navigator.clipboard.writeText(address);
-                setCopied(true);
-                setTimeout(() => setCopied(false), 1500);
-              },
-              children: [
-                copied ? /* @__PURE__ */ jsx119(PositiveIcon, {}) : /* @__PURE__ */ jsx119(Copy4, { className: "w-4 h-4" }),
-                /* @__PURE__ */ jsx119("span", { className: "uppercase", children: t("passport:common.copy") })
-              ]
-            }
-          ) })
+          /* @__PURE__ */ jsxs109("div", { className: "w-fit flex items-center", children: [
+            /* @__PURE__ */ jsx119(
+              Button,
+              {
+                size: "small",
+                variant: "ghost",
+                className: "text-[10px] px-2",
+                onClick: async () => {
+                  await navigator.clipboard.writeText(address);
+                  setCopied(true);
+                  setTimeout(() => setCopied(false), 1500);
+                },
+                children: copied ? /* @__PURE__ */ jsx119(PositiveIcon, {}) : /* @__PURE__ */ jsx119(Copy4, { className: "w-4 h-4" })
+              }
+            ),
+            !!isOnboardingTourAvailable && ONBOARDING_TOURS[embarkPage] && /* @__PURE__ */ jsx119(
+              Button,
+              {
+                ref: (inst) => onboarder.registerElement(EMBARKAI_HEADER_TOUR_BUTTON_ID, inst),
+                size: "small",
+                variant: "ghost",
+                className: "text-[10px] px-2",
+                onClick: () => onboarder.startTour(ONBOARDING_TOURS[embarkPage]()),
+                children: /* @__PURE__ */ jsx119(CircleQuestionMarkIcon2, { className: "w-4 h-4" })
+              }
+            )
+          ] })
         ] }),
         proToast && /* @__PURE__ */ jsx119("div", { className: "text-xs text-center text-[var(--ui-kit-primary)] font-medium animate-pulse", children: "Pro Mode activated" })
       ]
@@ -25820,15 +26696,17 @@ var init_Header = __esm({
     init_networks3();
     init_ProviderContext();
     init_SessionContext();
-    init_useT();
     init_icons();
     init_auth();
+    init_useLayoutDataStore();
     init_useUserProfile();
     init_pro_mode();
     init_utils2();
     init_BalanceView2();
     init_KYC();
+    init_Onboarding();
     init_button();
+    init_onborading_setup();
   }
 });
 
@@ -25836,6 +26714,7 @@ var init_Header = __esm({
 var init_Header2 = __esm({
   "src/internal/components/Header/index.ts"() {
     init_Header();
+    init_onborading_setup();
   }
 });
 
@@ -25843,7 +26722,7 @@ var init_Header2 = __esm({
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { merge as merge2 } from "lodash-es";
 import { ArrowLeft as ArrowLeft23, SlidersHorizontal, X } from "lucide-react";
-import { forwardRef as forwardRef4 } from "react";
+import { forwardRef as forwardRef6 } from "react";
 import { jsx as jsx120, jsxs as jsxs110 } from "react/jsx-runtime";
 function useDecideContentStyles() {
   const isMobileView = useLayoutStore((st) => st.isMobileView);
@@ -25866,7 +26745,7 @@ var init_dialog = __esm({
     init_button();
     Dialog = DialogPrimitive.Root;
     DialogPortal = DialogPrimitive.Portal;
-    DialogOverlay = forwardRef4(
+    DialogOverlay = forwardRef6(
       ({ className, closing, ...props }, ref) => /* @__PURE__ */ jsx120(
         DialogPrimitive.Overlay,
         {
@@ -25888,7 +26767,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 = forwardRef4(
+    DialogContent = forwardRef6(
       ({ className, children, colorMode, ...props }, ref) => {
         const { t, i18n } = useT();
         const isSessionLoading = useSession((st) => st.isLoading);
@@ -26000,7 +26879,7 @@ var init_dialog = __esm({
     DialogHeader.displayName = "DialogHeader";
     DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx120("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
     DialogFooter.displayName = "DialogFooter";
-    DialogTitle = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx120(
+    DialogTitle = forwardRef6(({ className, ...props }, ref) => /* @__PURE__ */ jsx120(
       DialogPrimitive.Title,
       {
         ref,
@@ -26009,7 +26888,7 @@ var init_dialog = __esm({
       }
     ));
     DialogTitle.displayName = DialogPrimitive.Title.displayName;
-    DialogDescription = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx120(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+    DialogDescription = forwardRef6(({ className, ...props }, ref) => /* @__PURE__ */ jsx120(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
     DialogDescription.displayName = DialogPrimitive.Description.displayName;
   }
 });
@@ -26025,7 +26904,7 @@ var init_visually_hidden = __esm({
 
 // src/internal/components/Dialog/Dialog.tsx
 import { AnimatePresence, motion } from "framer-motion";
-import { useEffect as useEffect52 } from "react";
+import { useEffect as useEffect53 } from "react";
 import { jsx as jsx122, jsxs as jsxs111 } from "react/jsx-runtime";
 function Dialog2() {
   const config = useProviderConfig().config;
@@ -26037,7 +26916,7 @@ function Dialog2() {
   const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  useEffect52(() => setIsSettings(!!session), [session, setIsSettings]);
+  useEffect53(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useBackupStatusChanges();
@@ -26054,27 +26933,36 @@ function Dialog2() {
         if (isDialogForced) return;
         if (!open) setPage(null);
       },
-      children: /* @__PURE__ */ jsxs111(DialogContent, { colorMode, className, children: [
-        /* @__PURE__ */ jsx122(VisuallyHidden, { children: /* @__PURE__ */ jsx122(DialogTitle, { children: dialogTitle }) }),
-        /* @__PURE__ */ jsx122(DialogDescription, { className: "sr-only", children: dialogDescription }),
-        !isHeaderHidden && /* @__PURE__ */ jsx122(Header, {}),
-        /* @__PURE__ */ jsx122(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx122(
-          motion.div,
-          {
-            initial: { opacity: 0, height: transitionPageHeight },
-            animate: { opacity: 1, height: "auto" },
-            exit: { opacity: 0, height: transitionPageHeight },
-            style: { overflow: "hidden" },
-            transition: Y_ANIMATION_SETUP,
-            children: dialogContent
-          },
-          page || "empty"
-        ) }),
-        /* @__PURE__ */ jsx122(Footer, {})
-      ] })
+      children: /* @__PURE__ */ jsxs111(
+        DialogContent,
+        {
+          ref: (inst) => onboarder.registerElement(EMBARKAI_DIALOG_ONBOARDING_ID, inst),
+          colorMode,
+          className,
+          children: [
+            /* @__PURE__ */ jsx122(VisuallyHidden, { children: /* @__PURE__ */ jsx122(DialogTitle, { children: dialogTitle }) }),
+            /* @__PURE__ */ jsx122(DialogDescription, { className: "sr-only", children: dialogDescription }),
+            !isHeaderHidden && /* @__PURE__ */ jsx122(Header, {}),
+            /* @__PURE__ */ jsx122(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx122(
+              motion.div,
+              {
+                initial: { opacity: 0, height: transitionPageHeight },
+                animate: { opacity: 1, height: "auto" },
+                exit: { opacity: 0, height: transitionPageHeight },
+                style: { overflow: "hidden" },
+                transition: Y_ANIMATION_SETUP,
+                children: dialogContent
+              },
+              page || "empty"
+            ) }),
+            /* @__PURE__ */ jsx122(Footer, {})
+          ]
+        }
+      )
     }
   );
 }
+var EMBARKAI_DIALOG_ONBOARDING_ID;
 var init_Dialog = __esm({
   "src/internal/components/Dialog/Dialog.tsx"() {
     init_ProviderContext();
@@ -26090,8 +26978,10 @@ var init_Dialog = __esm({
     init_useSettingsNotifications();
     init_Footer2();
     init_Header2();
+    init_Onboarding();
     init_dialog();
     init_visually_hidden();
+    EMBARKAI_DIALOG_ONBOARDING_ID = "embark-main-dialog-content";
   }
 });
 
@@ -26103,7 +26993,7 @@ var init_Dialog2 = __esm({
 });
 
 // src/internal/components/DirectWalletHandler.tsx
-import { useEffect as useEffect53 } from "react";
+import { useEffect as useEffect54 } from "react";
 import { useAccount } from "wagmi";
 function DirectWalletHandler() {
   const walletMode = useProviderConfig().config.current?.wallet?.mode || "linked";
@@ -26115,13 +27005,13 @@ function DirectWalletHandler() {
   const setExternalChainId = useExternalWalletStore((st) => st.setExternalChainId);
   const setConfigMode = useExternalWalletStore((st) => st.setConfigMode);
   const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
-  useEffect53(() => {
+  useEffect54(() => {
     setConfigMode(walletMode);
     if (walletMode !== "both") {
       setActiveMode(walletMode);
     }
   }, [walletMode, setConfigMode, setActiveMode]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (isConnected && address && !isExternalConnected && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -26130,17 +27020,17 @@ function DirectWalletHandler() {
       });
     }
   }, [isConnected, address, isExternalConnected, connector, chain?.id, setExternalWallet]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (isExternalConnected && !isConnected) {
       clearExternalWallet();
     }
   }, [isConnected, isExternalConnected, clearExternalWallet]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (isExternalConnected && isConnected && chain?.id) {
       setExternalChainId(chain.id);
     }
   }, [chain?.id, isConnected, isExternalConnected, setExternalChainId]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (isExternalConnected && isConnected && address && address !== externalAddress && connector && chain?.id) {
       setExternalWallet({
         address,
@@ -26215,7 +27105,7 @@ var init_TssManager = __esm({
 // src/internal/components/WalletConnectHandler.tsx
 import { useConnectModal as useConnectModal2 } from "@rainbow-me/rainbowkit";
 import { useMutation as useMutation23, useQueryClient as useQueryClient27 } from "@tanstack/react-query";
-import React28, { useCallback as useCallback34, useEffect as useEffect54 } from "react";
+import React28, { useCallback as useCallback34, useEffect as useEffect55 } from "react";
 import { useAccount as useAccount2, useDisconnect as useDisconnect4, useSignMessage as useSignMessage2 } from "wagmi";
 function WalletConnectHandler() {
   const qc = useQueryClient27();
@@ -26270,7 +27160,7 @@ function WalletConnectHandler() {
   const [hasStartedLinking, setHasStartedLinking] = React28.useState(false);
   const [modalWasOpened, setModalWasOpened] = React28.useState(false);
   const [pendingModalOpen, setPendingModalOpen] = React28.useState(false);
-  useEffect54(() => {
+  useEffect55(() => {
     if (isWalletLinking && !hasStartedLinking) {
       console.log("[WalletConnectHandler] Starting wallet link flow:", {
         isConnected,
@@ -26308,18 +27198,18 @@ function WalletConnectHandler() {
     setProviderType,
     walletMode
   ]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (pendingModalOpen && !isConnected && openConnectModal) {
       setPendingModalOpen(false);
       openConnectModal();
     }
   }, [pendingModalOpen, isConnected, openConnectModal]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (connectModalOpen && hasStartedLinking) {
       setModalWasOpened(true);
     }
   }, [connectModalOpen, hasStartedLinking]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (modalWasOpened && !connectModalOpen && !isConnected && isWalletLinking) {
       console.log("[WalletConnectHandler] Modal closed without connecting");
       onLinkingComplete(false);
@@ -26327,7 +27217,7 @@ function WalletConnectHandler() {
       setModalWasOpened(false);
     }
   }, [connectModalOpen, modalWasOpened, isConnected, isWalletLinking]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (isWalletLinking) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet linking timed out, resetting state");
@@ -26447,7 +27337,7 @@ function WalletConnectHandler() {
       setPage(passportWalletAddress ? "manage-wallet" /* MANAGE_WALLET */ : "auth" /* AUTH */);
     }
   });
-  useEffect54(() => {
+  useEffect55(() => {
     if (!!chain?.id && isConnected && walletAddress && isWalletLinking && hasStartedLinking && modalWasOpened && !pendingModalOpen) {
       console.log("[WalletConnectHandler] handleWalletSign triggered");
       if (!passportWalletAddress) {
@@ -26457,7 +27347,7 @@ function WalletConnectHandler() {
       handleWalletSign({ chainId: chain.id, signingWalletAddress: walletAddress });
     }
   }, [chain, isConnected, walletAddress, isWalletLinking, hasStartedLinking, modalWasOpened, pendingModalOpen]);
-  useEffect54(() => {
+  useEffect55(() => {
     if (isConnected && !chain?.id && isWalletLinking && hasStartedLinking && !connectModalOpen && !isWalletSigning) {
       const timeout = setTimeout(() => {
         console.warn("[WalletConnectHandler] Wallet connected but chain info missing, resetting");
@@ -29317,9 +30207,9 @@ import {
   createContext,
   useCallback as useCallback35,
   useContext,
-  useEffect as useEffect55,
+  useEffect as useEffect56,
   useMemo as useMemo17,
-  useRef as useRef21
+  useRef as useRef20
 } from "react";
 import { jsx as jsx126 } from "react/jsx-runtime";
 function clearLegacyWagmiStorage() {
@@ -29339,9 +30229,9 @@ function clearLegacyWagmiStorage() {
 }
 function Provider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
-  const callbacksRef = useRef21(callbacks);
-  useEffect55(() => notifyNoProjetctId(projectId), [projectId]);
-  const config = useRef21(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
+  const callbacksRef = useRef20(callbacks);
+  useEffect56(() => notifyNoProjetctId(projectId), [projectId]);
+  const config = useRef20(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
   const updateConfig = useCallback35((updates) => {
     const prev = config.current;
     const next = { ...prev };
@@ -29381,7 +30271,7 @@ function Provider(props) {
     const next = updates ? { ...prev, ...updates } : void 0;
     callbacksRef.current = next;
   }, []);
-  useEffect55(() => {
+  useEffect56(() => {
     if (typeof window === "undefined" || !projectId) return;
     const mergedConfig = merge3(DEFAULT_PROVIDER_CONFIG, initialConfig);
     updateConfig(mergedConfig);
@@ -29401,7 +30291,7 @@ function Provider(props) {
       useSession.getState().setActiveChainId(mergedConfig.network.chainId);
     }
   }, [projectId, initialConfig]);
-  useEffect55(() => {
+  useEffect56(() => {
     if (typeof window === "undefined" || !projectId) return;
     try {
       initSdkErrorTracking();
@@ -29470,7 +30360,7 @@ var init_ProviderContext = __esm({
 });
 
 // src/styles/built.css
-var built_default = `.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.embarkai-ui-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-2{right:.5rem}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-2{top:.5rem}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .min-h-12{min-height:3rem}.embarkai-ui-scope .w-0{width:0}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-fit{width:-moz-fit-content;width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-px{width:1px}.embarkai-ui-scope .min-w-0{min-width:0}.embarkai-ui-scope .min-w-10{min-width:2.5rem}.embarkai-ui-scope .min-w-16{min-width:4rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .max-w-\\[100px\\]{max-width:100px}.embarkai-ui-scope .max-w-\\[144px\\]{max-width:144px}.embarkai-ui-scope .max-w-\\[150px\\]{max-width:150px}.embarkai-ui-scope .max-w-\\[160px\\]{max-width:160px}.embarkai-ui-scope .max-w-\\[256px\\]{max-width:256px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[calc\\(50\\%-8px\\)\\]{max-width:calc(50% - 8px)}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{transform:scale(1);box-shadow:0 0 16px var(--ui-kit-bg-warning)}50%{transform:scale(.97);box-shadow:0 0 4px var(--ui-kit-bg-warning)}}.embarkai-ui-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse{50%{opacity:.5}}.embarkai-ui-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.embarkai-ui-scope .animate-spin{animation:spin 1s linear infinite}.embarkai-ui-scope .cursor-default{cursor:default}.embarkai-ui-scope .cursor-help{cursor:help}.embarkai-ui-scope .cursor-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .resize{resize:both}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[calc\\(var\\(--ui-kit-el-bdrs\\)_\\/_2\\)\\]{border-radius:calc(var(--ui-kit-el-bdrs)/2)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary-h\\)\\]{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-transparent{background-color:transparent}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{-o-object-fit:contain;object-fit:contain}.embarkai-ui-scope .object-cover{-o-object-fit:cover;object-fit:cover}.embarkai-ui-scope .p-0{padding:0}.embarkai-ui-scope .p-1{padding:.25rem}.embarkai-ui-scope .p-2{padding:.5rem}.embarkai-ui-scope .p-3{padding:.75rem}.embarkai-ui-scope .p-4{padding:1rem}.embarkai-ui-scope .p-5{padding:1.25rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-2{padding-left:.5rem;padding-right:.5rem}.embarkai-ui-scope .px-3{padding-left:.75rem;padding-right:.75rem}.embarkai-ui-scope .px-4{padding-left:1rem;padding-right:1rem}.embarkai-ui-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.embarkai-ui-scope .px-8{padding-left:2rem;padding-right:2rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-left:var(--ui-kit-gap);padding-right:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-top:0;padding-bottom:0}.embarkai-ui-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.embarkai-ui-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.embarkai-ui-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.embarkai-ui-scope .py-4{padding-top:1rem;padding-bottom:1rem}.embarkai-ui-scope .py-8{padding-top:2rem;padding-bottom:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-top:var(--ui-kit-gap);padding-bottom:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-top:var(--ui-kit-pd);padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pb-2{padding-bottom:.5rem}.embarkai-ui-scope .pb-5{padding-bottom:1.25rem}.embarkai-ui-scope .pb-6{padding-bottom:1.5rem}.embarkai-ui-scope .pb-\\[var\\(--ui-kit-pd\\)\\]{padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .pr-8{padding-right:2rem}.embarkai-ui-scope .pt-3{padding-top:.75rem}.embarkai-ui-scope .pt-4{padding-top:1rem}.embarkai-ui-scope .pt-5{padding-top:1.25rem}.embarkai-ui-scope .text-left{text-align:left}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-right{text-align:right}.embarkai-ui-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.embarkai-ui-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.embarkai-ui-scope .text-2xl{font-size:1.5rem;line-height:2rem}.embarkai-ui-scope .text-\\[10px\\]{font-size:10px}.embarkai-ui-scope .text-\\[14px\\]{font-size:14px}.embarkai-ui-scope .text-\\[16px\\]{font-size:16px}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:1rem}.embarkai-ui-scope .font-bold{font-weight:700}.embarkai-ui-scope .font-medium{font-weight:500}.embarkai-ui-scope .font-normal{font-weight:400}.embarkai-ui-scope .font-semibold{font-weight:600}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .leading-3{line-height:.75rem}.embarkai-ui-scope .leading-4{line-height:1rem}.embarkai-ui-scope .leading-5{line-height:1.25rem}.embarkai-ui-scope .leading-6{line-height:1.5rem}.embarkai-ui-scope .leading-7{line-height:1.75rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.embarkai-ui-scope .shadow,.embarkai-ui-scope .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .blur{--tw-blur:blur(8px)}.embarkai-ui-scope .blur,.embarkai-ui-scope .grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .grayscale{--tw-grayscale:grayscale(100%)}.embarkai-ui-scope .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[color\\2c box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .duration-200{transition-duration:.2s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.embarkai-ui-scope{--ui-kit-ff:var(--embark-ui-ff,-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif);--ui-kit-maw:var(--embark-ui-maw,384px);--ui-kit-pd:var(--embark-ui-pd,12px);--ui-kit-gap:var(--embark-ui-gap,10px);--ui-kit-bdrs:var(--embark-ui-bdrs,20px);--ui-kit-el-bdrs:var(--embark-ui-element-bdrs,10px);--ui-kit-backdrop-blur:var(--embark-ui-backdrop-blur,10px)}.embarkai-ui-scope[data-current-theme-mode=light]{--ui-kit-overlay:var(--embark-ui-overlay,hsla(0,0%,100%,.8));--ui-kit-bg:var(--embark-ui-bg,#fff);--ui-kit-fg:var(--embark-ui-fg,#000);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#fff);--ui-kit-fg-muted:var(--embark-ui-fg-muted,rgba(0,0,0,.6));--ui-kit-primary:var(--embark-ui-primary,#000);--ui-kit-primary-h:var(--embark-ui-primary-h,rgba(0,0,0,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,rgba(0,0,0,.6));--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-secondary-h:var(--embark-ui-secondary-h,hsla(0,0%,89%,.8));--ui-kit-secondary-a:var(--embark-ui-secondary-a,hsla(0,0%,89%,.6));--ui-kit-bd:var(--embark-ui-bd,#ebebeb);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#a9a9a9);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,rgba(0,0,0,.8));--ui-kit-bg:var(--embark-ui-bg,#1a1a1a);--ui-kit-fg:var(--embark-ui-fg,#fff);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#000);--ui-kit-fg-muted:var(--embark-ui-fg-muted,hsla(0,0%,100%,.6));--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-primary-h:var(--embark-ui-primary-h,hsla(0,0%,100%,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,hsla(0,0%,100%,.6));--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-secondary-h:var(--embark-ui-secondary-h,rgba(42,42,42,.6));--ui-kit-secondary-a:var(--embark-ui-secondary-a,rgba(42,42,42,.4));--ui-kit-bd:var(--embark-ui-bd,#3a3a3a);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#4a4a4a);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope,.embarkai-ui-scope *{margin:0;box-sizing:border-box;font-family:var(--ui-kit-ff);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope button,.embarkai-ui-scope h1,.embarkai-ui-scope h2,.embarkai-ui-scope h3,.embarkai-ui-scope h4,.embarkai-ui-scope h5,.embarkai-ui-scope h6,.embarkai-ui-scope input,.embarkai-ui-scope p,.embarkai-ui-scope select,.embarkai-ui-scope textarea{font-family:var(--ui-kit-ff)!important;margin:0}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{border-style:solid;outline:none!important;appearance:none!important;-webkit-appearance:none;-moz-appearance:none}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0 4px 20px var(--ui-kit-shadow-c),inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s ease}.embarkai-ui-scope .account-connect-button:hover{transform:scale(1.02)}.embarkai-ui-scope .account-connect-button:active{transform:scale(1)}@keyframes lumia-mobile-dialog-fade-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes lumia-mobile-dialog-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.embarkai-ui-scope .animate-mobile-dialog-in{animation:lumia-mobile-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-mobile-dialog-out{animation:lumia-mobile-dialog-fade-out 375ms ease}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.embarkai-ui-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0);overflow-y:auto;overflow-x:hidden;max-height:var(--ui-kit-scrollbar-mah,300px)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--ui-kit-bd)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.embarkai-ui-scope .noScrollbars::-webkit-scrollbar{display:none}.embarkai-ui-scope div[data-radix-popper-content-wrapper]{z-index:10000!important}@keyframes rotateShine{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.embarkai-ui-scope .button-shine-outline{position:absolute;top:0;left:0;width:100%;height:100%;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask-composite:exclude}.embarkai-ui-scope .button-shine-outline-shiner{pointer-events:none;position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0,var(--ui-kit-fg) 8%,transparent 24%);animation:rotateShine 3s linear infinite}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\:bg-transparent::file-selector-button{background-color:transparent}.embarkai-ui-scope .file\\:px-\\[var\\(--ui-kit-pd\\)\\]::file-selector-button{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .file\\:text-\\[16px\\]::file-selector-button{font-size:16px}.embarkai-ui-scope .file\\:text-base::file-selector-button{font-size:1rem;line-height:1.5rem}.embarkai-ui-scope .file\\:font-medium::file-selector-button{font-weight:500}.embarkai-ui-scope .file\\:text-\\[var\\(--ui-kit-fg-inverted\\)\\]::file-selector-button{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::-moz-placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .focus-within\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus-within{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus-within\\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .hover\\:bg-\\[\\#002c15\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#081f2c\\]:hover{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary-h\\)\\]:hover{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .hover\\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .file\\:hover\\:opacity-90:hover::file-selector-button{opacity:.9}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus\\:bg-transparent:focus{background-color:transparent}.embarkai-ui-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-\\[2px\\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.embarkai-ui-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:active{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .active\\:opacity-60:active{opacity:.6}.embarkai-ui-scope .file\\:active\\:opacity-80:active::file-selector-button{opacity:.8}.embarkai-ui-scope .disabled\\:cursor-default:disabled{cursor:default}.embarkai-ui-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.embarkai-ui-scope .disabled\\:opacity-50:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover:disabled{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:hover:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:hover\\:opacity-50:hover:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:active:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:active\\:opacity-50:active:disabled{opacity:.5}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.embarkai-ui-scope .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-\\[size\\=default\\]\\:h-12[data-size=default]{height:3rem}.embarkai-ui-scope .data-\\[size\\=sm\\]\\:h-10[data-size=sm]{height:2.5rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom],.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right],.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--ui-kit-bd-intense\\)\\][data-state=checked]{border-color:var(--ui-kit-bd-intense)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--ui-kit-secondary\\)\\][data-state=checked]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--ui-kit-fg\\)\\][data-state=checked]{color:var(--ui-kit-fg)}.embarkai-ui-scope .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1[data-slot=select-value]>*){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex[data-slot=select-value]>*){display:flex}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center[data-slot=select-value]>*){align-items:center}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}@media (min-width:640px){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}.embarkai-ui-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:768px){.embarkai-ui-scope .md\\:h-8{height:2rem}.embarkai-ui-scope .md\\:w-8{width:2rem}.embarkai-ui-scope .md\\:gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope .md\\:py-1{padding-top:.25rem;padding-bottom:.25rem}}.embarkai-ui-scope :is(.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}`;
+var built_default = `.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.embarkai-ui-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-2{right:.5rem}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-2{top:.5rem}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .min-h-12{min-height:3rem}.embarkai-ui-scope .w-0{width:0}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-fit{width:-moz-fit-content;width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-px{width:1px}.embarkai-ui-scope .min-w-0{min-width:0}.embarkai-ui-scope .min-w-10{min-width:2.5rem}.embarkai-ui-scope .min-w-16{min-width:4rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .max-w-\\[100px\\]{max-width:100px}.embarkai-ui-scope .max-w-\\[144px\\]{max-width:144px}.embarkai-ui-scope .max-w-\\[150px\\]{max-width:150px}.embarkai-ui-scope .max-w-\\[160px\\]{max-width:160px}.embarkai-ui-scope .max-w-\\[256px\\]{max-width:256px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[calc\\(50\\%-8px\\)\\]{max-width:calc(50% - 8px)}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{transform:scale(1);box-shadow:0 0 16px var(--ui-kit-bg-warning)}50%{transform:scale(.97);box-shadow:0 0 4px var(--ui-kit-bg-warning)}}.embarkai-ui-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse{50%{opacity:.5}}.embarkai-ui-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.embarkai-ui-scope .animate-spin{animation:spin 1s linear infinite}.embarkai-ui-scope .cursor-default{cursor:default}.embarkai-ui-scope .cursor-help{cursor:help}.embarkai-ui-scope .cursor-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .resize{resize:both}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[calc\\(var\\(--ui-kit-el-bdrs\\)_\\/_2\\)\\]{border-radius:calc(var(--ui-kit-el-bdrs)/2)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary-h\\)\\]{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-transparent{background-color:transparent}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{-o-object-fit:contain;object-fit:contain}.embarkai-ui-scope .object-cover{-o-object-fit:cover;object-fit:cover}.embarkai-ui-scope .p-0{padding:0}.embarkai-ui-scope .p-1{padding:.25rem}.embarkai-ui-scope .p-2{padding:.5rem}.embarkai-ui-scope .p-3{padding:.75rem}.embarkai-ui-scope .p-4{padding:1rem}.embarkai-ui-scope .p-5{padding:1.25rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[12px\\]{padding:12px}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-2{padding-left:.5rem;padding-right:.5rem}.embarkai-ui-scope .px-3{padding-left:.75rem;padding-right:.75rem}.embarkai-ui-scope .px-4{padding-left:1rem;padding-right:1rem}.embarkai-ui-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.embarkai-ui-scope .px-8{padding-left:2rem;padding-right:2rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-left:var(--ui-kit-gap);padding-right:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-top:0;padding-bottom:0}.embarkai-ui-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.embarkai-ui-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.embarkai-ui-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.embarkai-ui-scope .py-4{padding-top:1rem;padding-bottom:1rem}.embarkai-ui-scope .py-8{padding-top:2rem;padding-bottom:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-top:var(--ui-kit-gap);padding-bottom:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-top:var(--ui-kit-pd);padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pb-2{padding-bottom:.5rem}.embarkai-ui-scope .pb-5{padding-bottom:1.25rem}.embarkai-ui-scope .pb-6{padding-bottom:1.5rem}.embarkai-ui-scope .pb-\\[var\\(--ui-kit-pd\\)\\]{padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .pr-8{padding-right:2rem}.embarkai-ui-scope .pt-3{padding-top:.75rem}.embarkai-ui-scope .pt-4{padding-top:1rem}.embarkai-ui-scope .pt-5{padding-top:1.25rem}.embarkai-ui-scope .text-left{text-align:left}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-right{text-align:right}.embarkai-ui-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.embarkai-ui-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.embarkai-ui-scope .text-2xl{font-size:1.5rem;line-height:2rem}.embarkai-ui-scope .text-\\[10px\\]{font-size:10px}.embarkai-ui-scope .text-\\[14px\\]{font-size:14px}.embarkai-ui-scope .text-\\[16px\\]{font-size:16px}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:1rem}.embarkai-ui-scope .font-bold{font-weight:700}.embarkai-ui-scope .font-medium{font-weight:500}.embarkai-ui-scope .font-normal{font-weight:400}.embarkai-ui-scope .font-semibold{font-weight:600}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .leading-3{line-height:.75rem}.embarkai-ui-scope .leading-4{line-height:1rem}.embarkai-ui-scope .leading-5{line-height:1.25rem}.embarkai-ui-scope .leading-6{line-height:1.5rem}.embarkai-ui-scope .leading-7{line-height:1.75rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.embarkai-ui-scope .shadow,.embarkai-ui-scope .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .blur{--tw-blur:blur(8px)}.embarkai-ui-scope .blur,.embarkai-ui-scope .grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .grayscale{--tw-grayscale:grayscale(100%)}.embarkai-ui-scope .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[color\\2c box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .duration-200{transition-duration:.2s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.embarkai-ui-scope{--ui-kit-ff:var(--embark-ui-ff,-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif);--ui-kit-maw:var(--embark-ui-maw,384px);--ui-kit-pd:var(--embark-ui-pd,12px);--ui-kit-gap:var(--embark-ui-gap,10px);--ui-kit-bdrs:var(--embark-ui-bdrs,20px);--ui-kit-el-bdrs:var(--embark-ui-element-bdrs,10px);--ui-kit-backdrop-blur:var(--embark-ui-backdrop-blur,10px)}.embarkai-ui-scope[data-current-theme-mode=light]{--ui-kit-overlay:var(--embark-ui-overlay,hsla(0,0%,100%,.8));--ui-kit-bg:var(--embark-ui-bg,#fff);--ui-kit-fg:var(--embark-ui-fg,#000);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#fff);--ui-kit-fg-muted:var(--embark-ui-fg-muted,rgba(0,0,0,.6));--ui-kit-primary:var(--embark-ui-primary,#000);--ui-kit-primary-h:var(--embark-ui-primary-h,rgba(0,0,0,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,rgba(0,0,0,.6));--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-secondary-h:var(--embark-ui-secondary-h,hsla(0,0%,89%,.8));--ui-kit-secondary-a:var(--embark-ui-secondary-a,hsla(0,0%,89%,.6));--ui-kit-bd:var(--embark-ui-bd,#ebebeb);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#a9a9a9);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,rgba(0,0,0,.8));--ui-kit-bg:var(--embark-ui-bg,#1a1a1a);--ui-kit-fg:var(--embark-ui-fg,#fff);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#000);--ui-kit-fg-muted:var(--embark-ui-fg-muted,hsla(0,0%,100%,.6));--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-primary-h:var(--embark-ui-primary-h,hsla(0,0%,100%,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,hsla(0,0%,100%,.6));--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-secondary-h:var(--embark-ui-secondary-h,rgba(42,42,42,.6));--ui-kit-secondary-a:var(--embark-ui-secondary-a,rgba(42,42,42,.4));--ui-kit-bd:var(--embark-ui-bd,#3a3a3a);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#4a4a4a);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope,.embarkai-ui-scope *{margin:0;box-sizing:border-box;font-family:var(--ui-kit-ff);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope button,.embarkai-ui-scope h1,.embarkai-ui-scope h2,.embarkai-ui-scope h3,.embarkai-ui-scope h4,.embarkai-ui-scope h5,.embarkai-ui-scope h6,.embarkai-ui-scope input,.embarkai-ui-scope p,.embarkai-ui-scope select,.embarkai-ui-scope textarea{font-family:var(--ui-kit-ff)!important;margin:0}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{border-style:solid;outline:none!important;appearance:none!important;-webkit-appearance:none;-moz-appearance:none}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0 4px 20px var(--ui-kit-shadow-c),inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s ease}.embarkai-ui-scope .account-connect-button:hover{transform:scale(1.02)}.embarkai-ui-scope .account-connect-button:active{transform:scale(1)}@keyframes lumia-mobile-dialog-fade-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes lumia-mobile-dialog-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.embarkai-ui-scope .animate-mobile-dialog-in{animation:lumia-mobile-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-mobile-dialog-out{animation:lumia-mobile-dialog-fade-out 375ms ease}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.embarkai-ui-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0);overflow-y:auto;overflow-x:hidden;max-height:var(--ui-kit-scrollbar-mah,300px)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--ui-kit-bd)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.embarkai-ui-scope .noScrollbars::-webkit-scrollbar{display:none}.embarkai-ui-scope div[data-radix-popper-content-wrapper]{z-index:10000!important}@keyframes rotateShine{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.embarkai-ui-scope .button-shine-outline{position:absolute;top:0;left:0;width:100%;height:100%;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask-composite:exclude}.embarkai-ui-scope .button-shine-outline-shiner{pointer-events:none;position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0,var(--ui-kit-fg) 8%,transparent 24%);animation:rotateShine 3s linear infinite}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\:bg-transparent::file-selector-button{background-color:transparent}.embarkai-ui-scope .file\\:px-\\[var\\(--ui-kit-pd\\)\\]::file-selector-button{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .file\\:text-\\[16px\\]::file-selector-button{font-size:16px}.embarkai-ui-scope .file\\:text-base::file-selector-button{font-size:1rem;line-height:1.5rem}.embarkai-ui-scope .file\\:font-medium::file-selector-button{font-weight:500}.embarkai-ui-scope .file\\:text-\\[var\\(--ui-kit-fg-inverted\\)\\]::file-selector-button{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::-moz-placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .focus-within\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus-within{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus-within\\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .hover\\:bg-\\[\\#002c15\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#081f2c\\]:hover{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary-h\\)\\]:hover{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .hover\\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .file\\:hover\\:opacity-90:hover::file-selector-button{opacity:.9}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus\\:bg-transparent:focus{background-color:transparent}.embarkai-ui-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-\\[2px\\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.embarkai-ui-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:active{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .active\\:opacity-60:active{opacity:.6}.embarkai-ui-scope .file\\:active\\:opacity-80:active::file-selector-button{opacity:.8}.embarkai-ui-scope .disabled\\:cursor-default:disabled{cursor:default}.embarkai-ui-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.embarkai-ui-scope .disabled\\:opacity-50:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover:disabled{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:hover:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:hover\\:opacity-50:hover:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:active:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:active\\:opacity-50:active:disabled{opacity:.5}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.embarkai-ui-scope .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-\\[size\\=default\\]\\:h-12[data-size=default]{height:3rem}.embarkai-ui-scope .data-\\[size\\=sm\\]\\:h-10[data-size=sm]{height:2.5rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom],.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right],.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--ui-kit-bd-intense\\)\\][data-state=checked]{border-color:var(--ui-kit-bd-intense)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--ui-kit-secondary\\)\\][data-state=checked]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--ui-kit-fg\\)\\][data-state=checked]{color:var(--ui-kit-fg)}.embarkai-ui-scope .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1[data-slot=select-value]>*){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex[data-slot=select-value]>*){display:flex}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center[data-slot=select-value]>*){align-items:center}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}@media (min-width:640px){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}.embarkai-ui-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:768px){.embarkai-ui-scope .md\\:h-8{height:2rem}.embarkai-ui-scope .md\\:w-8{width:2rem}.embarkai-ui-scope .md\\:gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope .md\\:py-1{padding-top:.25rem;padding-bottom:.25rem}}.embarkai-ui-scope :is(.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}`;
 
 // src/index.ts
 init_ProviderContext();
@@ -29490,7 +30380,7 @@ init_useLayoutStore();
 init_pro_mode();
 init_utils2();
 import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader31, Shield as Shield3 } from "lucide-react";
-import { useEffect as useEffect56, useMemo as useMemo18 } from "react";
+import { useEffect as useEffect57, useMemo as useMemo18 } from "react";
 import { Fragment as Fragment46, jsx as jsx127, jsxs as jsxs113 } from "react/jsx-runtime";
 function getFormattedStatus(label, status, showStatus) {
   const isStatus = showStatus && status && status !== "idle" && status !== "ready";
@@ -29510,7 +30400,7 @@ function ConnectWalletButton(props) {
   const colorMode = useLayoutStore((st) => st.colorMode);
   const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
   const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
-  useEffect56(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  useEffect57(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const { data: profile, isLoading: isProfileLoading } = useUserProfile();
   const displayName = profile?.nicknameDisplay || profile?.displayName || jwtTokenManager2.getDisplayName();
   const indicators = useMemo18(() => {
@@ -30156,13 +31046,13 @@ var Hash = ({
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
 init_base2();
-import { useEffect as useEffect58, useState as useState32 } from "react";
+import { useEffect as useEffect59, useState as useState32 } from "react";
 import { jsx as jsx133, jsxs as jsxs117 } from "react/jsx-runtime";
 var TransactionsList = ({ address, itemsCount = 10 }) => {
   const [transactions, setTransactions] = useState32([]);
   const [loading, setLoading] = useState32(true);
   const [error, setError] = useState32(null);
-  useEffect58(() => {
+  useEffect59(() => {
     const fetchTransactions2 = async () => {
       try {
         setLoading(true);
@@ -31025,8 +31915,8 @@ function useSmartAccountTransactions() {
 // src/index.ts
 init_iframe_manager();
 init_Onboarding();
+init_Header2();
 init_BuyMenu2();
-init_SendMenu2();
 
 // src/internal/assets/index.ts
 init_networks2();
@@ -31058,8 +31948,6 @@ autorun();
 export {
   AccountAbstractionError,
   Address,
-  BRIDGE_MENU_TOUR,
-  BUY_MENU_BINANCE_TOUR,
   ConnectWalletButton,
   ErrorCodes,
   Hash,
@@ -31067,10 +31955,10 @@ export {
   LOCAL_STORAGE_I18N_KEY,
   LangToggle,
   NETWORKS_ICONS,
+  ONBOARDING_TOURS,
   PASSPORT_TRANSLATIONS,
   PageKey,
   Provider,
-  SEND_MENU_TOUR,
   SessionExpiredError,
   TOKENS_ICONS,
   ThemeToggle,