@embarkai/ui-kit 0.4.122 → 0.4.124

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -5407,96 +5407,17 @@ var init_ErrorBoundary2 = __esm({
5407
5407
  }
5408
5408
  });
5409
5409
 
5410
- // src/internal/hooks/useLayoutDataStore.ts
5411
- var import_zustand3, PageKey, useLayoutDataStore;
5412
- var init_useLayoutDataStore = __esm({
5413
- "src/internal/hooks/useLayoutDataStore.ts"() {
5410
+ // src/internal/hooks/useBalanceViewStore.ts
5411
+ var import_zustand3, useBalanceViewStore;
5412
+ var init_useBalanceViewStore = __esm({
5413
+ "src/internal/hooks/useBalanceViewStore.ts"() {
5414
5414
  import_zustand3 = require("zustand");
5415
- init_constants();
5416
- PageKey = /* @__PURE__ */ ((PageKey3) => {
5417
- PageKey3["AUTH"] = "auth";
5418
- PageKey3["USER_ACTIVITY"] = "user-activity";
5419
- PageKey3["LANGUAGES"] = "languages";
5420
- PageKey3["MAIN_MENU"] = "main-menu";
5421
- PageKey3["ACTIVITY_LOG"] = "activity-log";
5422
- PageKey3["SETTINGS"] = "settings";
5423
- PageKey3["SEND"] = "send";
5424
- PageKey3["RECEIVE"] = "receive";
5425
- PageKey3["BUY"] = "buy";
5426
- PageKey3["KYC"] = "kyc";
5427
- PageKey3["TRANSACTIONS"] = "transactions";
5428
- PageKey3["ASSETS"] = "assets";
5429
- PageKey3["MANAGE_WALLET"] = "manage-wallet";
5430
- PageKey3["UNLINK_PROVIDER"] = "unlink-provider";
5431
- PageKey3["SECURITY"] = "security";
5432
- PageKey3["KEYSARE_BACKUP"] = "keysare-backup";
5433
- PageKey3["KEYSHARE_RESTORE"] = "keyshare-restore";
5434
- PageKey3["CHAIN"] = "chain";
5435
- PageKey3["CHAIN_SWITCH_REQUEST"] = "chain-switch-request";
5436
- PageKey3["NICKNAME_SETTINGS"] = "nickname-settings";
5437
- PageKey3["DEVICES"] = "devices";
5438
- PageKey3["DEVICE_LINK"] = "device-link";
5439
- PageKey3["DEVICE_MANAGE"] = "device-manage";
5440
- PageKey3["DEVICE_RESTORE"] = "device-restore";
5441
- PageKey3["CONNECT_EXTERNAL_WALLET"] = "connect-external-wallet";
5442
- return PageKey3;
5443
- })(PageKey || {});
5444
- useLayoutDataStore = (0, import_zustand3.create)((set) => ({
5445
- page: null,
5446
- pageParams: null,
5447
- postAuthNavigation: null,
5448
- langOpenedFromMenu: null,
5449
- walletMenuOpenedFrom: null,
5450
- chainMenuOpenedFrom: null,
5415
+ useBalanceViewStore = (0, import_zustand3.create)((set) => ({
5451
5416
  cryptoRate: 1,
5452
5417
  cryptoSymbol: "LUMIA",
5453
5418
  fiatBalance: 0,
5454
5419
  fiatSymbol: "USD",
5455
- balance: { decimals: 18, formatted: "0.0", symbol: "LUMIA", value: BigInt(0) },
5456
- transitionPageHeight: DEFAULT_AUTH_MENU_HEIGHT,
5457
- settingsNotifications: [],
5458
- pendingWalletLogin: null,
5459
- isOnboarding: false,
5460
- setPageParams: (pageOptions) => set({ pageParams: pageOptions }),
5461
- setPostAuthNavigation: (postAuthNavigation) => set({ postAuthNavigation }),
5462
- openPostAuthNavigation: () => {
5463
- let navigation = null;
5464
- set((state) => {
5465
- navigation = state.postAuthNavigation;
5466
- if (!navigation) return state;
5467
- return {
5468
- page: navigation.page,
5469
- pageParams: navigation.params ?? null,
5470
- postAuthNavigation: null
5471
- };
5472
- });
5473
- return !!navigation;
5474
- },
5475
- setPage: (page) => set((prev) => ({
5476
- page,
5477
- // Save the page from which specific menus were opened
5478
- langOpenedFromMenu: page === "languages" /* LANGUAGES */ ? prev.page : null,
5479
- walletMenuOpenedFrom: page === "connect-external-wallet" /* CONNECT_EXTERNAL_WALLET */ ? prev.page : null,
5480
- chainMenuOpenedFrom: page === "chain" /* CHAIN */ ? prev.page : null
5481
- })),
5482
- setCryptoRate: (lumiaRate) => set({ cryptoRate: lumiaRate }),
5483
- setCryptoSymbol: (cryptoSymbol) => set({ cryptoSymbol }),
5484
- setFiatBalance: (usdBalance) => set({ fiatBalance: usdBalance }),
5485
- setFiatSymbol: (fiatSymbol) => set({ fiatSymbol }),
5486
- setBalance: (balance) => set({ balance }),
5487
- setTransitionPageHeight: (transitionPageHeight) => set({ transitionPageHeight }),
5488
- setSettingsNotifications: (notification) => set((prev) => {
5489
- const actions = notification.status === "active" ? "add" : "remove";
5490
- const exists = prev.settingsNotifications.find((n) => n.id === notification.id);
5491
- if (actions === "add") {
5492
- if (exists) return prev;
5493
- return { settingsNotifications: [...prev.settingsNotifications, notification] };
5494
- }
5495
- const filtered = prev.settingsNotifications.filter((n) => n.id !== notification.id);
5496
- return { settingsNotifications: filtered };
5497
- }),
5498
- setPendingWalletLogin: (pendingWalletLogin) => set({ pendingWalletLogin }),
5499
- setIsOnboarding: (isOnboarding) => set({ isOnboarding })
5420
+ balance: { decimals: 18, formatted: "0.0", symbol: "LUMIA", value: BigInt(0) }
5500
5421
  }));
5501
5422
  }
5502
5423
  });
@@ -5591,7 +5512,7 @@ function BalanceFeedProvider() {
5591
5512
  const [balanceSymbol, setBalanceSymbol] = (0, import_react5.useState)(null);
5592
5513
  const blockscoutApiUrl = (0, import_react5.useMemo)(() => getBlockscoutApiUrl(chainConfig), [chainConfig]);
5593
5514
  (0, import_react5.useEffect)(() => {
5594
- useLayoutDataStore.getState().setCryptoSymbol(chainConfig?.nativeCurrency?.symbol || "LUMIA");
5515
+ useBalanceViewStore.setState({ cryptoSymbol: chainConfig?.nativeCurrency?.symbol || "LUMIA" });
5595
5516
  const showBalanceAsSymbol = getShowBalanceAsValue(config?.current?.showBalanceAs || null, chainConfig?.id || 0);
5596
5517
  setBalanceSymbol(showBalanceAsSymbol || chainConfig.nativeCurrency.symbol);
5597
5518
  }, [config, embarkaiAddress, chainConfig]);
@@ -5644,12 +5565,13 @@ function BalanceFeedProvider() {
5644
5565
  const nativeSymbol = chainConfig?.nativeCurrency?.symbol || "LUMIA";
5645
5566
  const rate = Number(cryptoRate?.price || "1");
5646
5567
  const formattedBalance = Number((0, import_viem2.formatUnits)(BigInt(nativeBalance?.value || "0"), nativeBalance?.decimals || 18));
5647
- const { setCryptoRate, setFiatBalance, setBalance, setCryptoSymbol, setFiatSymbol } = useLayoutDataStore.getState();
5648
- setCryptoRate(rate);
5649
- setCryptoSymbol(nativeSymbol);
5650
- setFiatSymbol("USD");
5651
- setFiatBalance(formattedBalance * rate);
5652
- setBalance(nativeBalance || { decimals: 18, formatted: "0", symbol: nativeSymbol, value: BigInt(0) });
5568
+ useBalanceViewStore.setState({
5569
+ cryptoRate: rate,
5570
+ cryptoSymbol: nativeSymbol,
5571
+ fiatSymbol: "USD",
5572
+ fiatBalance: formattedBalance * rate,
5573
+ balance: nativeBalance || { decimals: 18, formatted: "0", symbol: nativeSymbol, value: BigInt(0) }
5574
+ });
5653
5575
  }, [isNativeBalanceFeedEnabled, nativeBalance, cryptoRate, chainConfig]);
5654
5576
  const {
5655
5577
  balanceQuery: projectAssetBalanceQueryFn,
@@ -5668,16 +5590,18 @@ function BalanceFeedProvider() {
5668
5590
  (0, import_react5.useEffect)(() => {
5669
5591
  if (!isProjectAssetBalanceEnabled || !projectAssetBalance) return;
5670
5592
  const { cryptoFiatRate, fiatFormatted, cryptoFormatted, cryptoSymbol, fiatSymbol } = projectAssetBalance;
5671
- const { setCryptoRate, setFiatBalance, setBalance, setCryptoSymbol, setFiatSymbol } = useLayoutDataStore.getState();
5672
- if (!!cryptoSymbol) setCryptoSymbol(cryptoSymbol);
5673
- if (!!fiatSymbol) setFiatSymbol(fiatSymbol);
5674
- setCryptoRate(cryptoFiatRate || 1);
5675
- setFiatBalance(fiatFormatted || 0);
5676
- setBalance({
5677
- decimals: 18,
5678
- formatted: cryptoFormatted?.toString() || "0",
5679
- symbol: cryptoSymbol?.toUpperCase(),
5680
- value: BigInt(Math.floor((cryptoFormatted || 0) * 10 ** 18))
5593
+ useBalanceViewStore.setState({
5594
+ ...!!cryptoSymbol && { cryptoSymbol },
5595
+ ...!!fiatSymbol && { fiatSymbol },
5596
+ cryptoRate: cryptoFiatRate || 1,
5597
+ fiatBalance: fiatFormatted || 0,
5598
+ // conversions to fit BalanceItem interface
5599
+ balance: {
5600
+ decimals: 18,
5601
+ formatted: cryptoFormatted?.toString() || "0",
5602
+ symbol: cryptoSymbol?.toUpperCase(),
5603
+ value: BigInt(Math.floor((cryptoFormatted || 0) * 10 ** 18))
5604
+ }
5681
5605
  });
5682
5606
  }, [isProjectAssetBalanceEnabled, projectAssetBalance]);
5683
5607
  const isCustomAssetBalanceEnabled = !isNativeBalanceFeedEnabled && !isProjectAssetBalanceEnabled;
@@ -5746,12 +5670,13 @@ function BalanceFeedProvider() {
5746
5670
  if (!!isCustomAssetBalanceEnabled && isCustomBalanceLoading) return;
5747
5671
  const rate = Number(cryptoRate?.price || "1");
5748
5672
  const formattedBalance = Number((0, import_viem2.formatUnits)(BigInt(customBalance?.value || "0"), customBalance?.decimals || 18));
5749
- const { setCryptoRate, setFiatBalance, setBalance, setCryptoSymbol, setFiatSymbol } = useLayoutDataStore.getState();
5750
- setCryptoRate(rate);
5751
- setCryptoSymbol(customBalance.symbol);
5752
- setFiatSymbol("USD");
5753
- setFiatBalance(formattedBalance * rate);
5754
- setBalance(customBalance);
5673
+ useBalanceViewStore.setState({
5674
+ cryptoRate: rate,
5675
+ cryptoSymbol: customBalance.symbol,
5676
+ fiatSymbol: "USD",
5677
+ fiatBalance: formattedBalance * rate,
5678
+ balance: customBalance
5679
+ });
5755
5680
  }, [
5756
5681
  isCustomAssetBalanceEnabled,
5757
5682
  customBalance,
@@ -5773,7 +5698,7 @@ var init_BalanceFeedProvider = __esm({
5773
5698
  import_react_query2 = require("@tanstack/react-query");
5774
5699
  import_react5 = require("react");
5775
5700
  import_viem2 = require("viem");
5776
- init_useLayoutDataStore();
5701
+ init_useBalanceViewStore();
5777
5702
  init_constants2();
5778
5703
  init_useAssetRate();
5779
5704
  }
@@ -5919,6 +5844,87 @@ var init_helpers = __esm({
5919
5844
  }
5920
5845
  });
5921
5846
 
5847
+ // src/internal/hooks/useLayoutDataStore.ts
5848
+ var import_zustand4, PageKey, RETURNABLE_MENUS, useLayoutDataStore;
5849
+ var init_useLayoutDataStore = __esm({
5850
+ "src/internal/hooks/useLayoutDataStore.ts"() {
5851
+ import_zustand4 = require("zustand");
5852
+ init_constants();
5853
+ PageKey = /* @__PURE__ */ ((PageKey2) => {
5854
+ PageKey2["AUTH"] = "auth";
5855
+ PageKey2["USER_ACTIVITY"] = "user-activity";
5856
+ PageKey2["LANGUAGES"] = "languages";
5857
+ PageKey2["MAIN_MENU"] = "main-menu";
5858
+ PageKey2["ACTIVITY_LOG"] = "activity-log";
5859
+ PageKey2["SETTINGS"] = "settings";
5860
+ PageKey2["SEND"] = "send";
5861
+ PageKey2["RECEIVE"] = "receive";
5862
+ PageKey2["BUY"] = "buy";
5863
+ PageKey2["KYC"] = "kyc";
5864
+ PageKey2["TRANSACTIONS"] = "transactions";
5865
+ PageKey2["ASSETS"] = "assets";
5866
+ PageKey2["MANAGE_WALLET"] = "manage-wallet";
5867
+ PageKey2["UNLINK_PROVIDER"] = "unlink-provider";
5868
+ PageKey2["SECURITY"] = "security";
5869
+ PageKey2["KEYSARE_BACKUP"] = "keysare-backup";
5870
+ PageKey2["KEYSHARE_RESTORE"] = "keyshare-restore";
5871
+ PageKey2["CHAIN"] = "chain";
5872
+ PageKey2["CHAIN_SWITCH_REQUEST"] = "chain-switch-request";
5873
+ PageKey2["NICKNAME_SETTINGS"] = "nickname-settings";
5874
+ PageKey2["DEVICES"] = "devices";
5875
+ PageKey2["DEVICE_LINK"] = "device-link";
5876
+ PageKey2["DEVICE_MANAGE"] = "device-manage";
5877
+ PageKey2["DEVICE_RESTORE"] = "device-restore";
5878
+ PageKey2["CONNECT_EXTERNAL_WALLET"] = "connect-external-wallet";
5879
+ return PageKey2;
5880
+ })(PageKey || {});
5881
+ RETURNABLE_MENUS = ["languages" /* LANGUAGES */, "connect-external-wallet" /* CONNECT_EXTERNAL_WALLET */, "chain" /* CHAIN */];
5882
+ useLayoutDataStore = (0, import_zustand4.create)((set) => ({
5883
+ page: null,
5884
+ pageParams: null,
5885
+ postAuthNavigation: null,
5886
+ openedFromPage: null,
5887
+ transitionPageHeight: DEFAULT_AUTH_MENU_HEIGHT,
5888
+ settingsNotifications: [],
5889
+ pendingWalletLogin: null,
5890
+ isOnboarding: false,
5891
+ setPageParams: (pageOptions) => set({ pageParams: pageOptions }),
5892
+ setPostAuthNavigation: (postAuthNavigation) => set({ postAuthNavigation }),
5893
+ openPostAuthNavigation: () => {
5894
+ let navigation = null;
5895
+ set((state) => {
5896
+ navigation = state.postAuthNavigation;
5897
+ if (!navigation) return state;
5898
+ return {
5899
+ page: navigation.page,
5900
+ pageParams: navigation.params ?? null,
5901
+ postAuthNavigation: null
5902
+ };
5903
+ });
5904
+ return !!navigation;
5905
+ },
5906
+ setPage: (page) => set((prev) => ({
5907
+ page,
5908
+ // Save the page from which specific menus were opened
5909
+ openedFromPage: !!page && RETURNABLE_MENUS.includes(page) ? prev.page && RETURNABLE_MENUS.includes(prev.page) ? prev.openedFromPage : prev.page : null
5910
+ })),
5911
+ setTransitionPageHeight: (transitionPageHeight) => set({ transitionPageHeight }),
5912
+ setSettingsNotifications: (notification) => set((prev) => {
5913
+ const actions = notification.status === "active" ? "add" : "remove";
5914
+ const exists = prev.settingsNotifications.find((n) => n.id === notification.id);
5915
+ if (actions === "add") {
5916
+ if (exists) return prev;
5917
+ return { settingsNotifications: [...prev.settingsNotifications, notification] };
5918
+ }
5919
+ const filtered = prev.settingsNotifications.filter((n) => n.id !== notification.id);
5920
+ return { settingsNotifications: filtered };
5921
+ }),
5922
+ setPendingWalletLogin: (pendingWalletLogin) => set({ pendingWalletLogin }),
5923
+ setIsOnboarding: (isOnboarding) => set({ isOnboarding })
5924
+ }));
5925
+ }
5926
+ });
5927
+
5922
5928
  // src/internal/components/ChainSync/ChainSync.tsx
5923
5929
  function ChainSync() {
5924
5930
  const { config, callbacksRef } = useProviderConfig();
@@ -7334,24 +7340,19 @@ var init_useDetectMaxScrollHeight = __esm({
7334
7340
 
7335
7341
  // src/internal/hooks/useListenIframeAuthEvents.ts
7336
7342
  function useListenIframeAuthEvents() {
7337
- const setPage = useLayoutDataStore((state) => state.setPage);
7338
- const setIsIframeReady = useSession((state) => state.setIsIframeReady);
7339
- const handleIframeMessage = (0, import_react12.useCallback)(
7340
- (event) => {
7341
- const type = event.data?.type?.startsWith?.("LUMIA_PASSPORT_") ? event.data.type.replace("LUMIA_PASSPORT_", "IFRAME_MSG_") : event.data?.type;
7342
- if (type === "IFRAME_MSG_IFRAME_READY") {
7343
- console.log("[ IFRAME MESSAGE CACTHED ] Iframe is ready");
7344
- setIsIframeReady(true);
7345
- } else if (type === "IFRAME_MSG_SHOW_IFRAME") {
7346
- console.log("[ IFRAME MESSAGE CACTHED ] Consent screen shown - hiding auth modal");
7347
- } else if (type === "IFRAME_MSG_HIDE_IFRAME") {
7348
- console.log("[ IFRAME MESSAGE CACTHED ] Consent screen hidden");
7349
- } else if (event.data?.type === "KEYSHARE_RECOVERY_NEEDED") {
7350
- console.log("[ IFRAME MESSAGE CACTHED] recovery neede");
7351
- }
7352
- },
7353
- [setPage, setIsIframeReady]
7354
- );
7343
+ const handleIframeMessage = (0, import_react12.useCallback)((event) => {
7344
+ const type = event.data?.type?.startsWith?.("LUMIA_PASSPORT_") ? event.data.type.replace("LUMIA_PASSPORT_", "IFRAME_MSG_") : event.data?.type;
7345
+ if (type === "IFRAME_MSG_IFRAME_READY") {
7346
+ console.log("[ IFRAME MESSAGE CACTHED ] Iframe is ready");
7347
+ useSession.getState().setIsIframeReady(true);
7348
+ } else if (type === "IFRAME_MSG_SHOW_IFRAME") {
7349
+ console.log("[ IFRAME MESSAGE CACTHED ] Consent screen shown - hiding auth modal");
7350
+ } else if (type === "IFRAME_MSG_HIDE_IFRAME") {
7351
+ console.log("[ IFRAME MESSAGE CACTHED ] Consent screen hidden");
7352
+ } else if (event.data?.type === "KEYSHARE_RECOVERY_NEEDED") {
7353
+ console.log("[ IFRAME MESSAGE CACTHED] recovery neede");
7354
+ }
7355
+ }, []);
7355
7356
  (0, import_react12.useEffect)(() => {
7356
7357
  window.addEventListener("message", handleIframeMessage);
7357
7358
  return () => window.removeEventListener("message", handleIframeMessage);
@@ -7362,7 +7363,6 @@ var init_useListenIframeAuthEvents = __esm({
7362
7363
  "src/internal/hooks/useListenIframeAuthEvents.ts"() {
7363
7364
  init_SessionContext();
7364
7365
  import_react12 = require("react");
7365
- init_useLayoutDataStore();
7366
7366
  }
7367
7367
  });
7368
7368
 
@@ -9682,12 +9682,12 @@ var init_api = __esm({
9682
9682
  });
9683
9683
 
9684
9684
  // src/internal/components/ActivityLogMenu/useActivityLogFilters.ts
9685
- var import_zustand4, import_middleware, useActivityLogFilters;
9685
+ var import_zustand5, import_middleware, useActivityLogFilters;
9686
9686
  var init_useActivityLogFilters = __esm({
9687
9687
  "src/internal/components/ActivityLogMenu/useActivityLogFilters.ts"() {
9688
- import_zustand4 = require("zustand");
9688
+ import_zustand5 = require("zustand");
9689
9689
  import_middleware = require("zustand/middleware");
9690
- useActivityLogFilters = (0, import_zustand4.create)()(
9690
+ useActivityLogFilters = (0, import_zustand5.create)()(
9691
9691
  (0, import_middleware.persist)(() => ({}), {
9692
9692
  name: "embark-user-activity-filters"
9693
9693
  // unique name for the storage
@@ -9842,11 +9842,11 @@ var init_highlight = __esm({
9842
9842
  });
9843
9843
 
9844
9844
  // src/internal/components/AuthMenu/useAuthStore.ts
9845
- var import_zustand5, useAuthStore;
9845
+ var import_zustand6, useAuthStore;
9846
9846
  var init_useAuthStore = __esm({
9847
9847
  "src/internal/components/AuthMenu/useAuthStore.ts"() {
9848
- import_zustand5 = require("zustand");
9849
- useAuthStore = (0, import_zustand5.create)((set) => ({
9848
+ import_zustand6 = require("zustand");
9849
+ useAuthStore = (0, import_zustand6.create)((set) => ({
9850
9850
  step: "signin",
9851
9851
  alert: null,
9852
9852
  email: "",
@@ -11773,16 +11773,16 @@ var init_AuthMenu2 = __esm({
11773
11773
  });
11774
11774
 
11775
11775
  // src/internal/components/Onboarding/useOnboardingStore.ts
11776
- var import_zustand6, useOnboardingStore;
11776
+ var import_zustand7, useOnboardingStore;
11777
11777
  var init_useOnboardingStore = __esm({
11778
11778
  "src/internal/components/Onboarding/useOnboardingStore.ts"() {
11779
- import_zustand6 = require("zustand");
11780
- useOnboardingStore = (0, import_zustand6.create)((set) => ({
11779
+ import_zustand7 = require("zustand");
11780
+ useOnboardingStore = (0, import_zustand7.create)((set) => ({
11781
11781
  isTourAvailable: false,
11782
11782
  setIsTourAvailable: (isTourAvailable) => set({ isTourAvailable }),
11783
- elRect: { x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 },
11783
+ elRect: { x: 0, y: 0, width: 0, height: 0 },
11784
11784
  setElRect: (elRect) => set({ elRect }),
11785
- mountIntoNode: document.body,
11785
+ mountIntoNode: null,
11786
11786
  setMountIntoNode: (mountIntoNode) => set({ mountIntoNode })
11787
11787
  }));
11788
11788
  }
@@ -11802,7 +11802,8 @@ var init_onboarder = __esm({
11802
11802
  elements = /* @__PURE__ */ new Map();
11803
11803
  /** deferred DOM observer */
11804
11804
  domObserverTimer = null;
11805
- domObserver = new MutationObserver(([domMutation]) => {
11805
+ domObserver = null;
11806
+ onDomMutation = ([domMutation]) => {
11806
11807
  if (this.domObserverTimer) clearTimeout(this.domObserverTimer);
11807
11808
  this.domObserverTimer = setTimeout(() => {
11808
11809
  const elId = this.tour[this.tourPointer]?.elId;
@@ -11812,10 +11813,11 @@ var init_onboarder = __esm({
11812
11813
  elementRef.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
11813
11814
  useOnboardingStore.getState().setElRect({ x, y, width, height });
11814
11815
  }, 200);
11815
- });
11816
+ };
11816
11817
  /** deferred resize observer */
11817
11818
  resizeObserverTimer = null;
11818
- resizeObserver = new ResizeObserver((entries) => {
11819
+ resizeObserver = null;
11820
+ onResize = (entries) => {
11819
11821
  if (this.resizeObserverTimer) clearTimeout(this.resizeObserverTimer);
11820
11822
  this.resizeObserverTimer = setTimeout(() => {
11821
11823
  for (const entry of entries) {
@@ -11832,16 +11834,19 @@ var init_onboarder = __esm({
11832
11834
  useOnboardingStore.getState().setElRect(elRectData);
11833
11835
  }
11834
11836
  }, 200);
11835
- });
11837
+ };
11836
11838
  /** TOUR */
11837
11839
  startTour(tour) {
11838
11840
  if (!tour || tour.length === 0) return;
11839
11841
  this.tourPointer = 0;
11840
11842
  this.tour = tour;
11843
+ useOnboardingStore.getState().setElRect({ x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 });
11841
11844
  useLayoutDataStore.getInitialState().setIsOnboarding(true);
11842
11845
  useLayoutStore.getInitialState().setIsDialogForced(true);
11843
11846
  const startElRef = this.elements.get(tour[0].elId)?.deref();
11844
11847
  if (!!startElRef) {
11848
+ this.domObserver ??= new MutationObserver(this.onDomMutation);
11849
+ this.resizeObserver ??= new ResizeObserver(this.onResize);
11845
11850
  this.domObserver.observe(startElRef, { childList: true, subtree: true });
11846
11851
  this.resizeObserver.observe(startElRef);
11847
11852
  this.resizeObserver.observe(document.body);
@@ -11850,8 +11855,8 @@ var init_onboarder = __esm({
11850
11855
  endTour() {
11851
11856
  this.tour = null;
11852
11857
  this.tourPointer = 0;
11853
- this.domObserver.disconnect();
11854
- this.resizeObserver.disconnect();
11858
+ this.domObserver?.disconnect();
11859
+ this.resizeObserver?.disconnect();
11855
11860
  useOnboardingStore.getState().setElRect({ x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 });
11856
11861
  setTimeout(() => {
11857
11862
  useLayoutDataStore.getInitialState().setIsOnboarding(false);
@@ -11863,14 +11868,16 @@ var init_onboarder = __esm({
11863
11868
  const curStep = this.tour[this.tourPointer];
11864
11869
  curStep?.onNext?.();
11865
11870
  if (this.tourPointer === this.tour.length - 1) return this.endTour();
11866
- this.resizeObserver.disconnect();
11867
- this.domObserver.disconnect();
11871
+ this.resizeObserver?.disconnect();
11872
+ this.domObserver?.disconnect();
11868
11873
  setTimeout(() => {
11869
11874
  const nextStepPointer = this.tourPointer + 1;
11870
11875
  this.tourPointer = nextStepPointer;
11871
11876
  const nextStep = this.tour[nextStepPointer];
11872
11877
  const nextElRef = this.elements.get(nextStep.elId)?.deref();
11873
11878
  if (!!nextElRef) {
11879
+ this.domObserver ??= new MutationObserver(this.onDomMutation);
11880
+ this.resizeObserver ??= new ResizeObserver(this.onResize);
11874
11881
  this.domObserver.observe(nextElRef, { childList: true, subtree: true });
11875
11882
  this.resizeObserver.observe(nextElRef);
11876
11883
  this.resizeObserver.observe(document.body);
@@ -12713,12 +12720,12 @@ function useBuyMenuParams() {
12713
12720
  setPageParams(null);
12714
12721
  }, []);
12715
12722
  }
12716
- var import_lodash_es7, import_react29, import_zustand7, import_middleware2, DEFAULT_MENU_SWITCHES, DEFAULT_AMOUNT, DEFAULT_PROVIDER, useBuyMenuStore;
12723
+ var import_lodash_es7, import_react29, import_zustand8, import_middleware2, DEFAULT_MENU_SWITCHES, DEFAULT_AMOUNT, DEFAULT_PROVIDER, useBuyMenuStore;
12717
12724
  var init_useBuyMenuStore = __esm({
12718
12725
  "src/internal/components/BuyMenu/useBuyMenuStore.ts"() {
12719
12726
  import_lodash_es7 = require("lodash-es");
12720
12727
  import_react29 = require("react");
12721
- import_zustand7 = require("zustand");
12728
+ import_zustand8 = require("zustand");
12722
12729
  import_middleware2 = require("zustand/middleware");
12723
12730
  init_useLayoutDataStore();
12724
12731
  DEFAULT_MENU_SWITCHES = {
@@ -12731,7 +12738,7 @@ var init_useBuyMenuStore = __esm({
12731
12738
  };
12732
12739
  DEFAULT_AMOUNT = 20;
12733
12740
  DEFAULT_PROVIDER = "binance";
12734
- useBuyMenuStore = (0, import_zustand7.create)()(
12741
+ useBuyMenuStore = (0, import_zustand8.create)()(
12735
12742
  (0, import_middleware2.persist)(
12736
12743
  (set) => ({
12737
12744
  /** boolean flags */
@@ -13148,11 +13155,11 @@ var init_FiatSelector = __esm({
13148
13155
  });
13149
13156
 
13150
13157
  // src/internal/components/BuyMenu/binance/useBinanceStore.ts
13151
- var import_zustand8, useBinanceStore;
13158
+ var import_zustand9, useBinanceStore;
13152
13159
  var init_useBinanceStore = __esm({
13153
13160
  "src/internal/components/BuyMenu/binance/useBinanceStore.ts"() {
13154
- import_zustand8 = require("zustand");
13155
- useBinanceStore = (0, import_zustand8.create)((set) => ({
13161
+ import_zustand9 = require("zustand");
13162
+ useBinanceStore = (0, import_zustand9.create)((set) => ({
13156
13163
  paymentMode: null,
13157
13164
  setPaymentMode: (paymentMode) => set({ paymentMode }),
13158
13165
  quoteData: null,
@@ -15527,8 +15534,8 @@ function ChainsMenu() {
15527
15534
  variant: "ghost",
15528
15535
  title: t("passport:common.back"),
15529
15536
  onClick: () => {
15530
- const chainMenuOpenedFrom = useLayoutDataStore.getState().chainMenuOpenedFrom;
15531
- useLayoutDataStore.getState().setPage(chainMenuOpenedFrom || "settings" /* SETTINGS */);
15537
+ const openedFromPage = useLayoutDataStore.getState().openedFromPage;
15538
+ useLayoutDataStore.getState().setPage(openedFromPage || "settings" /* SETTINGS */);
15532
15539
  },
15533
15540
  children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react24.ArrowLeft, { className: "h-4 w-4" })
15534
15541
  }
@@ -16124,11 +16131,11 @@ var init_wallet = __esm({
16124
16131
  });
16125
16132
 
16126
16133
  // src/internal/stores/useExternalWalletStore.ts
16127
- var import_zustand9, useExternalWalletStore;
16134
+ var import_zustand10, useExternalWalletStore;
16128
16135
  var init_useExternalWalletStore = __esm({
16129
16136
  "src/internal/stores/useExternalWalletStore.ts"() {
16130
- import_zustand9 = require("zustand");
16131
- useExternalWalletStore = (0, import_zustand9.create)((set) => ({
16137
+ import_zustand10 = require("zustand");
16138
+ useExternalWalletStore = (0, import_zustand10.create)((set) => ({
16132
16139
  configMode: "linked",
16133
16140
  activeMode: "linked",
16134
16141
  externalAddress: null,
@@ -16351,12 +16358,12 @@ var init_email = __esm({
16351
16358
  });
16352
16359
 
16353
16360
  // src/internal/components/ManageWalletMenu/hooks/useStore.ts
16354
- var import_zustand10, useManageWalletStore;
16361
+ var import_zustand11, useManageWalletStore;
16355
16362
  var init_useStore = __esm({
16356
16363
  "src/internal/components/ManageWalletMenu/hooks/useStore.ts"() {
16357
- import_zustand10 = require("zustand");
16364
+ import_zustand11 = require("zustand");
16358
16365
  init_useLayoutStore();
16359
- useManageWalletStore = (0, import_zustand10.create)((set) => ({
16366
+ useManageWalletStore = (0, import_zustand11.create)((set) => ({
16360
16367
  alert: null,
16361
16368
  emailStep: "input",
16362
16369
  email: "",
@@ -17626,7 +17633,7 @@ function ConnectExternalWalletMenu() {
17626
17633
  return await signOnce(true);
17627
17634
  }
17628
17635
  };
17629
- const walletMenuOpenedFrom = useLayoutDataStore((st) => st.walletMenuOpenedFrom);
17636
+ const openedFromPage = useLayoutDataStore((st) => st.openedFromPage);
17630
17637
  const { data: providers = [] } = (0, import_react_query26.useQuery)({
17631
17638
  retry: false,
17632
17639
  enabled: !!embarkAiAddress,
@@ -17637,7 +17644,7 @@ function ConnectExternalWalletMenu() {
17637
17644
  const { mutateAsync: onLinkingComplete } = (0, import_react_query26.useMutation)({
17638
17645
  mutationFn: async (success) => {
17639
17646
  useManageWalletStore.getState().setProviderType(null);
17640
- useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "manage-wallet" /* MANAGE_WALLET */);
17647
+ useLayoutDataStore.getState().setPage(openedFromPage || "manage-wallet" /* MANAGE_WALLET */);
17641
17648
  if (!success) return;
17642
17649
  await qc.invalidateQueries({ queryKey: [PROVIDERS_QUERY_KEY, embarkAiAddress] });
17643
17650
  await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, embarkAiAddress] });
@@ -17659,7 +17666,7 @@ function ConnectExternalWalletMenu() {
17659
17666
  }
17660
17667
  };
17661
17668
  const completeExternalConnect = (connector, address, chainId) => {
17662
- useLayoutDataStore.getState().setPage(walletMenuOpenedFrom || "manage-wallet" /* MANAGE_WALLET */);
17669
+ useLayoutDataStore.getState().setPage(openedFromPage || "manage-wallet" /* MANAGE_WALLET */);
17663
17670
  keepOrReleaseExternalWallet(connector, address, chainId);
17664
17671
  };
17665
17672
  const { mutateAsync: loginOrLinkWallet, isPending: isLoginOrLinkWallet } = (0, import_react_query26.useMutation)({
@@ -17829,7 +17836,7 @@ function ConnectExternalWalletMenu() {
17829
17836
  size: "icon",
17830
17837
  title: t("passport:common.back"),
17831
17838
  disabled: isConnectingExternalWallet || isLoginOrLinkWallet,
17832
- onClick: () => useLayoutDataStore.getState().setPage(walletMenuOpenedFrom ?? "manage-wallet" /* MANAGE_WALLET */),
17839
+ onClick: () => useLayoutDataStore.getState().setPage(openedFromPage ?? "manage-wallet" /* MANAGE_WALLET */),
17833
17840
  children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react33.ArrowLeft, { className: "h-4 w-4" })
17834
17841
  }
17835
17842
  ),
@@ -19238,11 +19245,11 @@ var init_DevicesMenu = __esm({
19238
19245
  });
19239
19246
 
19240
19247
  // src/internal/components/KeyshareRestoreMenu/hooks/useRestoreStore.ts
19241
- var import_zustand11, useRestoreStore;
19248
+ var import_zustand12, useRestoreStore;
19242
19249
  var init_useRestoreStore = __esm({
19243
19250
  "src/internal/components/KeyshareRestoreMenu/hooks/useRestoreStore.ts"() {
19244
- import_zustand11 = require("zustand");
19245
- useRestoreStore = (0, import_zustand11.create)((set) => ({
19251
+ import_zustand12 = require("zustand");
19252
+ useRestoreStore = (0, import_zustand12.create)((set) => ({
19246
19253
  method: null,
19247
19254
  // recoveryData: null,
19248
19255
  showPassword: false,
@@ -21774,7 +21781,7 @@ var init_KYC = __esm({
21774
21781
  function LanguagesMenu() {
21775
21782
  const config = useProviderConfig().config;
21776
21783
  const { t, i18n } = useT();
21777
- const langOpenedFromMenu = useLayoutDataStore((st) => st.langOpenedFromMenu);
21784
+ const openedFromPage = useLayoutDataStore((st) => st.openedFromPage);
21778
21785
  const languageList = getAvailableLanguages(config.current.translations);
21779
21786
  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
21780
21787
  /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
@@ -21784,7 +21791,7 @@ function LanguagesMenu() {
21784
21791
  variant: "ghost",
21785
21792
  size: "icon",
21786
21793
  title: "Back",
21787
- onClick: () => useLayoutDataStore.getState().setPage(langOpenedFromMenu),
21794
+ onClick: () => useLayoutDataStore.getState().setPage(openedFromPage || "main-menu" /* MAIN_MENU */),
21788
21795
  children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react50.ArrowLeft, { className: "h-4 w-4" })
21789
21796
  }
21790
21797
  ),
@@ -21799,7 +21806,7 @@ function LanguagesMenu() {
21799
21806
  onClick: () => {
21800
21807
  i18n.changeLanguage(langKey);
21801
21808
  localStorage.setItem(LOCAL_STORAGE_I18N_KEY, langKey);
21802
- useLayoutDataStore.getState().setPage(langOpenedFromMenu);
21809
+ useLayoutDataStore.getState().setPage(openedFromPage);
21803
21810
  },
21804
21811
  children: [
21805
21812
  /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: LANGUAGES[langKey]?.name }),
@@ -22449,11 +22456,11 @@ function BalanceView(props) {
22449
22456
  const { className } = props;
22450
22457
  const config = useProviderConfig().config;
22451
22458
  const showFiatBalance = !!config.current?.features?.showActiveBalanceAsFiat;
22452
- const balance = useLayoutDataStore((st) => st.balance);
22453
- const cryptoSymbol = useLayoutDataStore((st) => st.cryptoSymbol);
22459
+ const balance = useBalanceViewStore((st) => st.balance);
22460
+ const cryptoSymbol = useBalanceViewStore((st) => st.cryptoSymbol);
22454
22461
  const cryptoBalance = Number((0, import_viem10.formatUnits)(balance?.value || BigInt(0), balance?.decimals || 18));
22455
- const fiatBalance = useLayoutDataStore((st) => st.fiatBalance);
22456
- const fiatSymbol = useLayoutDataStore((st) => st.fiatSymbol);
22462
+ const fiatBalance = useBalanceViewStore((st) => st.fiatBalance);
22463
+ const fiatSymbol = useBalanceViewStore((st) => st.fiatSymbol);
22457
22464
  const BalanceIcon = showFiatBalance ? TOKENS_ICONS[cryptoSymbol] : null;
22458
22465
  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
22459
22466
  "p",
@@ -22479,7 +22486,7 @@ var import_viem10, import_jsx_runtime93, BALANCE_PREFIXES;
22479
22486
  var init_BalanceView = __esm({
22480
22487
  "src/internal/components/BalanceView/BalanceView.tsx"() {
22481
22488
  init_tokens();
22482
- init_useLayoutDataStore();
22489
+ init_useBalanceViewStore();
22483
22490
  init_priceFormatter();
22484
22491
  init_utils();
22485
22492
  init_ProviderContext();
@@ -23115,11 +23122,11 @@ var init_nickname_validation = __esm({
23115
23122
  });
23116
23123
 
23117
23124
  // src/internal/components/NicknameMenu/useNicknameStore.ts
23118
- var import_zustand12, useNicknameStore;
23125
+ var import_zustand13, useNicknameStore;
23119
23126
  var init_useNicknameStore = __esm({
23120
23127
  "src/internal/components/NicknameMenu/useNicknameStore.ts"() {
23121
- import_zustand12 = require("zustand");
23122
- useNicknameStore = (0, import_zustand12.create)((set) => ({
23128
+ import_zustand13 = require("zustand");
23129
+ useNicknameStore = (0, import_zustand13.create)((set) => ({
23123
23130
  nicknameValue: "",
23124
23131
  setNicknameValue: (nicknameValue) => set({ nicknameValue }),
23125
23132
  availability: null,
@@ -23801,17 +23808,17 @@ var init_onboarding_setup8 = __esm({
23801
23808
  });
23802
23809
 
23803
23810
  // src/internal/components/SecurityMenu/useSecurityStore.ts
23804
- var import_zustand13, DEFAULT_SECURITY_STORE, useSecurityStore;
23811
+ var import_zustand14, DEFAULT_SECURITY_STORE, useSecurityStore;
23805
23812
  var init_useSecurityStore = __esm({
23806
23813
  "src/internal/components/SecurityMenu/useSecurityStore.ts"() {
23807
- import_zustand13 = require("zustand");
23814
+ import_zustand14 = require("zustand");
23808
23815
  DEFAULT_SECURITY_STORE = {
23809
23816
  showConnectedApps: false,
23810
23817
  appToUntrust: null,
23811
23818
  // connected app can be untrusted
23812
23819
  showAssetsPolicies: false
23813
23820
  };
23814
- useSecurityStore = (0, import_zustand13.create)((set) => ({
23821
+ useSecurityStore = (0, import_zustand14.create)((set) => ({
23815
23822
  title: "",
23816
23823
  ...DEFAULT_SECURITY_STORE
23817
23824
  }));
@@ -24467,14 +24474,14 @@ function useWatchFormData() {
24467
24474
  setShowFormErrors
24468
24475
  };
24469
24476
  }
24470
- var import_react76, import_zustand14, usePolicyForm, usePolicyFormValidation;
24477
+ var import_react76, import_zustand15, usePolicyForm, usePolicyFormValidation;
24471
24478
  var init_usePolicyForm = __esm({
24472
24479
  "src/internal/components/SecurityMenu/UserPolicies/usePolicyForm.ts"() {
24473
24480
  import_react76 = require("react");
24474
- import_zustand14 = require("zustand");
24481
+ import_zustand15 = require("zustand");
24475
24482
  init_utils10();
24476
- usePolicyForm = (0, import_zustand14.create)(() => null);
24477
- usePolicyFormValidation = (0, import_zustand14.create)(() => ({}));
24483
+ usePolicyForm = (0, import_zustand15.create)(() => null);
24484
+ usePolicyFormValidation = (0, import_zustand15.create)(() => ({}));
24478
24485
  }
24479
24486
  });
24480
24487
 
@@ -25157,10 +25164,10 @@ var init_SecurityMenu2 = __esm({
25157
25164
  });
25158
25165
 
25159
25166
  // src/internal/components/SendMenu/hyperbridge/useBridgeStore.ts
25160
- var import_zustand15, import_middleware3, RESETABLE_STATES, useBridgeStore;
25167
+ var import_zustand16, import_middleware3, RESETABLE_STATES, useBridgeStore;
25161
25168
  var init_useBridgeStore = __esm({
25162
25169
  "src/internal/components/SendMenu/hyperbridge/useBridgeStore.ts"() {
25163
- import_zustand15 = require("zustand");
25170
+ import_zustand16 = require("zustand");
25164
25171
  import_middleware3 = require("zustand/middleware");
25165
25172
  RESETABLE_STATES = {
25166
25173
  bridgeTxStatus: null,
@@ -25172,7 +25179,7 @@ var init_useBridgeStore = __esm({
25172
25179
  isQuoteEstimating: false,
25173
25180
  bridgeHistoryItem: null
25174
25181
  };
25175
- useBridgeStore = (0, import_zustand15.create)()(
25182
+ useBridgeStore = (0, import_zustand16.create)()(
25176
25183
  (0, import_middleware3.persist)(
25177
25184
  (set, get) => ({
25178
25185
  bridgeSenders: [],
@@ -25383,12 +25390,12 @@ var init_useAvailableSenders = __esm({
25383
25390
  });
25384
25391
 
25385
25392
  // src/internal/components/SendMenu/useFlowSelector.ts
25386
- var import_zustand16, import_middleware4, useFlowSelectorStore;
25393
+ var import_zustand17, import_middleware4, useFlowSelectorStore;
25387
25394
  var init_useFlowSelector = __esm({
25388
25395
  "src/internal/components/SendMenu/useFlowSelector.ts"() {
25389
- import_zustand16 = require("zustand");
25396
+ import_zustand17 = require("zustand");
25390
25397
  import_middleware4 = require("zustand/middleware");
25391
- useFlowSelectorStore = (0, import_zustand16.create)()(
25398
+ useFlowSelectorStore = (0, import_zustand17.create)()(
25392
25399
  (0, import_middleware4.persist)(
25393
25400
  (set) => ({
25394
25401
  flow: "send",
@@ -25814,11 +25821,11 @@ var init_useHyperlaneHistory = __esm({
25814
25821
  });
25815
25822
 
25816
25823
  // src/internal/components/SendMenu/hyperbridge/hooks/useOperationHashesStore.ts
25817
- var import_zustand17, useOperationHashesStore;
25824
+ var import_zustand18, useOperationHashesStore;
25818
25825
  var init_useOperationHashesStore = __esm({
25819
25826
  "src/internal/components/SendMenu/hyperbridge/hooks/useOperationHashesStore.ts"() {
25820
- import_zustand17 = require("zustand");
25821
- useOperationHashesStore = (0, import_zustand17.create)((set) => ({
25827
+ import_zustand18 = require("zustand");
25828
+ useOperationHashesStore = (0, import_zustand18.create)((set) => ({
25822
25829
  hyperlaneDatabaseTx: null,
25823
25830
  operationHashes: [],
25824
25831
  setHyperlaneDatabaseTx: (hyperlaneDatabaseTx) => set({ hyperlaneDatabaseTx }),
@@ -26151,12 +26158,12 @@ var init_useMenuTitle = __esm({
26151
26158
  });
26152
26159
 
26153
26160
  // src/internal/components/SendMenu/send/useSendStore.ts
26154
- var import_zustand18, useSendStore;
26161
+ var import_zustand19, useSendStore;
26155
26162
  var init_useSendStore = __esm({
26156
26163
  "src/internal/components/SendMenu/send/useSendStore.ts"() {
26157
- import_zustand18 = require("zustand");
26164
+ import_zustand19 = require("zustand");
26158
26165
  init_useFlowSelector();
26159
- useSendStore = (0, import_zustand18.create)((set) => ({
26166
+ useSendStore = (0, import_zustand19.create)((set) => ({
26160
26167
  recipient: "",
26161
26168
  //
26162
26169
  amount: "",
@@ -30417,13 +30424,99 @@ var init_useSettingsNotifications = __esm({
30417
30424
  }
30418
30425
  });
30419
30426
 
30427
+ // src/internal/assets/embark-ai-dark.svg
30428
+ var React32, import_jsx_runtime132, SvgEmbarkAiDark, embark_ai_dark_default;
30429
+ var init_embark_ai_dark = __esm({
30430
+ "src/internal/assets/embark-ai-dark.svg"() {
30431
+ React32 = __toESM(require("react"));
30432
+ import_jsx_runtime132 = require("react/jsx-runtime");
30433
+ SvgEmbarkAiDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("svg", { width: 873, height: 152, viewBox: "0 0 873 152", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
30434
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("g", { clipPath: "url(#clip0_753_38)", children: [
30435
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", { d: "M245.901 51.1463C256.917 51.1463 265.796 54.985 272.537 62.6407C279.278 70.2963 282.288 80.0021 281.59 91.7582H220.901C221.359 98.2796 223.976 103.732 228.71 108.116C233.466 112.5 239.4 114.681 246.533 114.681C251.769 114.681 256.416 113.482 260.451 111.061C264.509 108.662 267.432 105.412 269.243 101.333H280.347C277.991 108.553 273.715 114.289 267.563 118.542C261.411 122.795 254.234 124.933 246.032 124.933C235.233 124.933 226.485 121.377 219.744 114.245C213.003 107.113 209.644 98.3887 209.644 88.0721C209.644 77.7556 213.069 69.0094 219.897 61.8555C226.725 54.7015 235.386 51.1245 245.901 51.1245V51.1463ZM262.197 67.1773C257.725 63.295 252.227 61.3538 245.661 61.3538C239.094 61.3538 233.575 63.3168 229.059 67.2646C224.544 71.1905 221.926 76.207 221.184 82.2704H270.29C269.374 76.1198 266.669 71.1033 262.197 67.1991V67.1773Z", fill: "#ffffff" }),
30436
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", { d: "M379.584 51.2773C387.743 51.2773 394.157 53.9383 398.847 59.2383C403.537 64.5384 405.893 71.5178 405.893 80.1767V123.079H395.204V81.1364C395.204 75.1603 393.611 70.4055 390.448 66.8285C387.285 63.2733 382.944 61.4848 377.425 61.4848C371.905 61.4848 367.019 63.6659 363.288 68.0499C359.558 72.4121 357.704 77.9739 357.704 84.6698V123.057H347.014V81.1146C347.014 75.0512 345.422 70.231 342.258 66.6758C339.095 63.1206 334.798 61.3758 329.366 61.463C323.214 61.5503 318.349 64.1458 314.771 69.2059C311.215 74.266 309.427 80.0895 309.427 86.6764V123.057H298.803V52.9568H309.143V64.9091H309.427C311.695 60.8305 314.728 57.5371 318.524 55.0506C322.319 52.5424 326.704 51.2992 331.656 51.2992C337.066 51.2992 341.8 52.6514 345.814 55.3342C349.85 58.0169 352.861 61.7029 354.846 66.3705H355.129C357.398 61.8338 360.605 58.1914 364.772 55.4432C368.938 52.6951 373.869 51.321 379.562 51.321L379.584 51.2773Z", fill: "#ffffff" }),
30437
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", { d: "M465.362 51.1464C475.68 51.0591 484.232 54.5053 491.016 61.5284C497.801 68.5297 501.182 77.3849 501.182 88.094C501.182 98.8031 497.823 107.506 491.082 114.551C484.341 121.596 475.767 125.063 465.362 124.976C459.384 124.889 454.039 123.558 449.284 120.985C444.528 118.411 440.732 114.965 437.853 110.603H437.569V123.1H426.945V20.6548H437.569V66.065H437.853C440.667 61.5284 444.463 57.9078 449.24 55.2032C454.018 52.4987 459.384 51.1464 465.362 51.1464ZM463.9 114.681C471.775 114.681 478.167 112.13 483.097 107.004C488.028 101.878 490.493 95.5751 490.493 88.094C490.493 80.6129 488.028 74.2659 483.097 69.0967C478.167 63.9276 471.775 61.3539 463.9 61.3539C456.025 61.3539 449.785 63.9276 444.899 69.0967C440.012 74.2659 437.569 80.5911 437.569 88.094C437.569 95.5969 440.012 101.9 444.899 107.004C449.785 112.108 456.112 114.681 463.9 114.681Z", fill: "#ffffff" }),
30438
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", { d: "M577.993 65.52V52.9569H588.486V123.079H577.993V110.036H577.579C571.427 119.895 562.243 124.867 550.07 124.955C539.751 125.042 531.2 121.596 524.415 114.573C517.631 107.55 514.249 98.6943 514.249 87.9852C514.249 77.2761 517.609 68.4208 524.35 61.4632C531.091 54.5055 539.708 51.0594 550.223 51.1466C556.2 51.2339 561.545 52.5643 566.3 55.0944C571.056 57.6463 574.808 61.1142 577.579 65.52H577.993ZM551.684 114.682C559.363 114.682 565.668 112.086 570.598 106.873C575.528 101.661 577.993 95.3573 577.993 87.9634C577.993 80.5695 575.55 74.1571 570.663 69.0534C565.777 63.9496 559.45 61.3759 551.662 61.3759C543.874 61.3759 537.243 63.9278 532.312 69.0534C527.382 74.1789 524.917 80.4823 524.917 87.9634C524.917 95.4445 527.382 101.791 532.312 106.961C537.243 112.13 543.7 114.704 551.662 114.704L551.684 114.682Z", fill: "#ffffff" }),
30439
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", { d: "M646.275 52.9565H658.644V63.6439H645.86C638.443 63.6439 632.575 65.9122 628.255 70.4925C623.936 75.051 621.755 81.4415 621.755 89.6861V123.079H611.131V52.9565H621.471V66.9155H621.885C625.921 57.6023 634.037 52.9565 646.253 52.9565H646.275Z", fill: "#ffffff" }),
30440
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", { d: "M718.069 80.3075H718.898C724.221 80.3075 728.322 81.7034 731.223 84.4734C734.125 87.2434 735.564 91.3002 735.564 96.6221V123.079H724.875V98.0834C724.875 92.936 722.279 90.3842 717.087 90.3842H683.339V123.079H672.715V20.6548H683.339V80.3075H705.983L724.308 52.9567H736.11L718.047 80.3075H718.069Z", fill: "#ffffff" }),
30441
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", { d: "M845.644 123.078H833.427L821.473 95.3787H774.526L762.724 123.078H750.508L792.175 27.8086H803.846L845.644 123.078ZM797.869 40.7206L779.108 84.8004H816.891L797.869 40.7206Z", fill: "#ffffff" }),
30442
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", { d: "M862.114 123.078V27.8086H873.022V123.078H862.114Z", fill: "#ffffff" }),
30443
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", { d: "M78.0984 35.29H157.811C157.811 15.8129 142.017 0 122.514 0H42.8014C42.8014 19.4771 58.5956 35.29 78.0984 35.29Z", fill: "url(#paint0_radial_753_38)" }),
30444
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", { d: "M122.536 58.3442H43.434C43.434 38.8671 27.6398 23.0542 8.13706 23.0542H0V58.3442H42.8014C42.8014 77.8213 58.5956 93.6342 78.0984 93.6342H157.811C157.811 74.1571 142.017 58.3442 122.514 58.3442H122.536Z", fill: "url(#paint1_radial_753_38)" }),
30445
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", { d: "M122.536 116.71H43.4122C43.2159 97.4073 27.5089 81.8125 8.13706 81.8125H0V117.103H42.8232C43.0195 136.405 58.7265 152 78.0984 152H157.811C157.811 132.523 142.017 116.71 122.514 116.71H122.536Z", fill: "url(#paint2_radial_753_38)" })
30446
+ ] }),
30447
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("defs", { children: [
30448
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("radialGradient", { id: "paint0_radial_753_38", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(155.237 -5.71446) scale(164.617 164.585)", children: [
30449
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { stopColor: "#CCFFF8" }),
30450
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
30451
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { offset: 1, stopColor: "#D13AFF" })
30452
+ ] }),
30453
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("radialGradient", { id: "paint1_radial_753_38", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(145.158 -12.672) scale(185.429 185.392)", children: [
30454
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { stopColor: "#CCFFF8" }),
30455
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
30456
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { offset: 1, stopColor: "#D13AFF" })
30457
+ ] }),
30458
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("radialGradient", { id: "paint2_radial_753_38", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(98.8446 35.3335) scale(138.221 138.194)", children: [
30459
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { stopColor: "#CCFFF8" }),
30460
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
30461
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { offset: 1, stopColor: "#D13AFF" })
30462
+ ] }),
30463
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("clipPath", { id: "clip0_753_38", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("rect", { width: 873, height: 152, fill: "white" }) })
30464
+ ] })
30465
+ ] });
30466
+ embark_ai_dark_default = SvgEmbarkAiDark;
30467
+ }
30468
+ });
30469
+
30470
+ // src/internal/assets/embark-ai-light.svg
30471
+ var React33, import_jsx_runtime133, SvgEmbarkAiLight, embark_ai_light_default;
30472
+ var init_embark_ai_light = __esm({
30473
+ "src/internal/assets/embark-ai-light.svg"() {
30474
+ React33 = __toESM(require("react"));
30475
+ import_jsx_runtime133 = require("react/jsx-runtime");
30476
+ SvgEmbarkAiLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("svg", { width: 873, height: 152, viewBox: "0 0 873 152", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
30477
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("g", { clipPath: "url(#clip0_753_38)", children: [
30478
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M245.901 51.1463C256.917 51.1463 265.796 54.985 272.537 62.6407C279.278 70.2963 282.288 80.0021 281.59 91.7582H220.901C221.359 98.2796 223.976 103.732 228.71 108.116C233.466 112.5 239.4 114.681 246.533 114.681C251.769 114.681 256.416 113.482 260.451 111.061C264.509 108.662 267.432 105.412 269.243 101.333H280.347C277.991 108.553 273.715 114.289 267.563 118.542C261.411 122.795 254.234 124.933 246.032 124.933C235.233 124.933 226.485 121.377 219.744 114.245C213.003 107.113 209.644 98.3887 209.644 88.0721C209.644 77.7556 213.069 69.0094 219.897 61.8555C226.725 54.7015 235.386 51.1245 245.901 51.1245V51.1463ZM262.197 67.1773C257.725 63.295 252.227 61.3538 245.661 61.3538C239.094 61.3538 233.575 63.3168 229.059 67.2646C224.544 71.1905 221.926 76.207 221.184 82.2704H270.29C269.374 76.1198 266.669 71.1033 262.197 67.1991V67.1773Z", fill: "#2B2959" }),
30479
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M379.584 51.2773C387.743 51.2773 394.157 53.9383 398.847 59.2383C403.537 64.5384 405.893 71.5178 405.893 80.1767V123.079H395.204V81.1364C395.204 75.1603 393.611 70.4055 390.448 66.8285C387.285 63.2733 382.944 61.4848 377.425 61.4848C371.905 61.4848 367.019 63.6659 363.288 68.0499C359.558 72.4121 357.704 77.9739 357.704 84.6698V123.057H347.014V81.1146C347.014 75.0512 345.422 70.231 342.258 66.6758C339.095 63.1206 334.798 61.3758 329.366 61.463C323.214 61.5503 318.349 64.1458 314.771 69.2059C311.215 74.266 309.427 80.0895 309.427 86.6764V123.057H298.803V52.9568H309.143V64.9091H309.427C311.695 60.8305 314.728 57.5371 318.524 55.0506C322.319 52.5424 326.704 51.2992 331.656 51.2992C337.066 51.2992 341.8 52.6514 345.814 55.3342C349.85 58.0169 352.861 61.7029 354.846 66.3705H355.129C357.398 61.8338 360.605 58.1914 364.772 55.4432C368.938 52.6951 373.869 51.321 379.562 51.321L379.584 51.2773Z", fill: "#2B2959" }),
30480
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M465.362 51.1464C475.68 51.0591 484.232 54.5053 491.016 61.5284C497.801 68.5297 501.182 77.3849 501.182 88.094C501.182 98.8031 497.823 107.506 491.082 114.551C484.341 121.596 475.767 125.063 465.362 124.976C459.384 124.889 454.039 123.558 449.284 120.985C444.528 118.411 440.732 114.965 437.853 110.603H437.569V123.1H426.945V20.6548H437.569V66.065H437.853C440.667 61.5284 444.463 57.9078 449.24 55.2032C454.018 52.4987 459.384 51.1464 465.362 51.1464ZM463.9 114.681C471.775 114.681 478.167 112.13 483.097 107.004C488.028 101.878 490.493 95.5751 490.493 88.094C490.493 80.6129 488.028 74.2659 483.097 69.0967C478.167 63.9276 471.775 61.3539 463.9 61.3539C456.025 61.3539 449.785 63.9276 444.899 69.0967C440.012 74.2659 437.569 80.5911 437.569 88.094C437.569 95.5969 440.012 101.9 444.899 107.004C449.785 112.108 456.112 114.681 463.9 114.681Z", fill: "#2B2959" }),
30481
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M577.993 65.52V52.9569H588.486V123.079H577.993V110.036H577.579C571.427 119.895 562.243 124.867 550.07 124.955C539.751 125.042 531.2 121.596 524.415 114.573C517.631 107.55 514.249 98.6943 514.249 87.9852C514.249 77.2761 517.609 68.4208 524.35 61.4632C531.091 54.5055 539.708 51.0594 550.223 51.1466C556.2 51.2339 561.545 52.5643 566.3 55.0944C571.056 57.6463 574.808 61.1142 577.579 65.52H577.993ZM551.684 114.682C559.363 114.682 565.668 112.086 570.598 106.873C575.528 101.661 577.993 95.3573 577.993 87.9634C577.993 80.5695 575.55 74.1571 570.663 69.0534C565.777 63.9496 559.45 61.3759 551.662 61.3759C543.874 61.3759 537.243 63.9278 532.312 69.0534C527.382 74.1789 524.917 80.4823 524.917 87.9634C524.917 95.4445 527.382 101.791 532.312 106.961C537.243 112.13 543.7 114.704 551.662 114.704L551.684 114.682Z", fill: "#2B2959" }),
30482
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M646.275 52.9565H658.644V63.6439H645.86C638.443 63.6439 632.575 65.9122 628.255 70.4925C623.936 75.051 621.755 81.4415 621.755 89.6861V123.079H611.131V52.9565H621.471V66.9155H621.885C625.921 57.6023 634.037 52.9565 646.253 52.9565H646.275Z", fill: "#2B2959" }),
30483
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M718.069 80.3075H718.898C724.221 80.3075 728.322 81.7034 731.223 84.4734C734.125 87.2434 735.564 91.3002 735.564 96.6221V123.079H724.875V98.0834C724.875 92.936 722.279 90.3842 717.087 90.3842H683.339V123.079H672.715V20.6548H683.339V80.3075H705.983L724.308 52.9567H736.11L718.047 80.3075H718.069Z", fill: "#2B2959" }),
30484
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M845.644 123.078H833.427L821.473 95.3787H774.526L762.724 123.078H750.508L792.175 27.8086H803.846L845.644 123.078ZM797.869 40.7206L779.108 84.8004H816.891L797.869 40.7206Z", fill: "#2B2959" }),
30485
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M862.114 123.078V27.8086H873.022V123.078H862.114Z", fill: "#2B2959" }),
30486
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M78.0984 35.29H157.811C157.811 15.8129 142.017 0 122.514 0H42.8014C42.8014 19.4771 58.5956 35.29 78.0984 35.29Z", fill: "url(#paint0_radial_753_38)" }),
30487
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M122.536 58.3442H43.434C43.434 38.8671 27.6398 23.0542 8.13706 23.0542H0V58.3442H42.8014C42.8014 77.8213 58.5956 93.6342 78.0984 93.6342H157.811C157.811 74.1571 142.017 58.3442 122.514 58.3442H122.536Z", fill: "url(#paint1_radial_753_38)" }),
30488
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M122.536 116.71H43.4122C43.2159 97.4073 27.5089 81.8125 8.13706 81.8125H0V117.103H42.8232C43.0195 136.405 58.7265 152 78.0984 152H157.811C157.811 132.523 142.017 116.71 122.514 116.71H122.536Z", fill: "url(#paint2_radial_753_38)" })
30489
+ ] }),
30490
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("defs", { children: [
30491
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("radialGradient", { id: "paint0_radial_753_38", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(155.237 -5.71446) scale(164.617 164.585)", children: [
30492
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { stopColor: "#CCFFF8" }),
30493
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
30494
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { offset: 1, stopColor: "#D13AFF" })
30495
+ ] }),
30496
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("radialGradient", { id: "paint1_radial_753_38", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(145.158 -12.672) scale(185.429 185.392)", children: [
30497
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { stopColor: "#CCFFF8" }),
30498
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
30499
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { offset: 1, stopColor: "#D13AFF" })
30500
+ ] }),
30501
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("radialGradient", { id: "paint2_radial_753_38", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(98.8446 35.3335) scale(138.221 138.194)", children: [
30502
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { stopColor: "#CCFFF8" }),
30503
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
30504
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { offset: 1, stopColor: "#D13AFF" })
30505
+ ] }),
30506
+ /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("clipPath", { id: "clip0_753_38", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("rect", { width: 873, height: 152, fill: "white" }) })
30507
+ ] })
30508
+ ] });
30509
+ embark_ai_light_default = SvgEmbarkAiLight;
30510
+ }
30511
+ });
30512
+
30420
30513
  // package.json
30421
30514
  var package_default;
30422
30515
  var init_package = __esm({
30423
30516
  "package.json"() {
30424
30517
  package_default = {
30425
30518
  name: "@embarkai/ui-kit",
30426
- version: "0.4.122",
30519
+ version: "0.4.124",
30427
30520
  description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
30428
30521
  type: "module",
30429
30522
  main: "./dist/index.cjs",
@@ -30534,6 +30627,7 @@ function Footer() {
30534
30627
  const address = useSession((st) => st.address);
30535
30628
  const chainConfig = useSession((st) => st.chainConfig);
30536
30629
  const isDialogForced = useLayoutStore((st) => st.isDialogForced);
30630
+ const colorMode = useLayoutStore((st) => st.colorMode);
30537
30631
  const { mutate: wagmiDisconnect } = useSafeDisconnect({
30538
30632
  mutation: {
30539
30633
  onSuccess: () => {
@@ -30581,15 +30675,16 @@ function Footer() {
30581
30675
  useLayoutStore.getState().setIsDialogForced(false);
30582
30676
  }
30583
30677
  });
30584
- const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "flex-none w-4 h-4 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-[var(--ui-kit-fg-inverted)] text-xs font-bold", children: chainConfig.name.charAt(0) }) }));
30585
- return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
30678
+ const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex-none w-4 h-4 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-[var(--ui-kit-fg-inverted)] text-xs font-bold", children: chainConfig.name.charAt(0) }) }));
30679
+ const EmbarkAiLogo = EMBARKAI_LOGOS[colorMode];
30680
+ return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
30586
30681
  "div",
30587
30682
  {
30588
30683
  style: { borderTop: "1px solid var(--ui-kit-bd)" },
30589
30684
  className: "relative w-full flex flex-col items-center p-[var(--ui-kit-pd)] pb-5",
30590
30685
  children: [
30591
- /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: cn2("w-full flex justify-between", !!address ? "justify-between" : "justify-center"), children: [
30592
- /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
30686
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn2("w-full flex justify-between", !!address ? "justify-between" : "justify-center"), children: [
30687
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
30593
30688
  Button,
30594
30689
  {
30595
30690
  ref: (inst) => onboarder.registerElement(FOOTER_ONBOARDING_CHAIN_BUTTON, inst),
@@ -30605,12 +30700,12 @@ function Footer() {
30605
30700
  useLayoutDataStore.getState().setPage("chain" /* CHAIN */);
30606
30701
  },
30607
30702
  children: [
30608
- /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(ChainIcon, { className: "flex-none w-6 h-6" }),
30609
- /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-xs font-bold", children: chainConfig.name || "EmbarkAI Wallet" })
30703
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ChainIcon, { className: "flex-none w-6 h-6" }),
30704
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-xs font-bold", children: chainConfig.name || "EmbarkAI Wallet" })
30610
30705
  ]
30611
30706
  }
30612
30707
  ),
30613
- !!address ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
30708
+ !!address ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
30614
30709
  Button,
30615
30710
  {
30616
30711
  ref: (inst) => onboarder.registerElement(FOOTER_ONBOARDING_LOGOUT_BUTTON, inst),
@@ -30620,29 +30715,36 @@ function Footer() {
30620
30715
  onClick: () => disconnect(address),
30621
30716
  disabled: isDisconnecting || isDialogForced,
30622
30717
  children: [
30623
- /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { children: t("passport:auth.logout") }),
30624
- isDisconnecting ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react85.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react85.LogOut, { className: "w-4 h-4" })
30718
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: t("passport:auth.logout") }),
30719
+ isDisconnecting ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react85.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react85.LogOut, { className: "w-4 h-4" })
30625
30720
  ]
30626
30721
  }
30627
30722
  ) : null
30628
30723
  ] }),
30629
- /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
30630
- "span",
30724
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
30725
+ "div",
30631
30726
  {
30632
30727
  className: cn2(
30633
- "absolute block bottom-0 left-1/2 -translate-x-1/2",
30634
- "font-mono text-[8px] leading-5 text-[var(--ui-kit-fg-muted)]"
30728
+ "flex items-center gap-1 w-fit h-5",
30729
+ "absolute bottom-0 left-1/2 -translate-x-1/2",
30730
+ "opacity-60"
30731
+ // 'text-[var(--ui-kit-fg-muted)]'
30635
30732
  ),
30636
- children: `v${package_default.version}`
30733
+ children: [
30734
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(EmbarkAiLogo, { className: "h-2.5 w-auto" }),
30735
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "block font-mono text-[8px] leading-3 ", children: `${package_default.version}` })
30736
+ ]
30637
30737
  }
30638
30738
  )
30639
30739
  ]
30640
30740
  }
30641
30741
  );
30642
30742
  }
30643
- var import_react_query60, import_lucide_react85, import_jsx_runtime132, FOOTER_ONBOARDING_CHAIN_BUTTON, FOOTER_ONBOARDING_LOGOUT_BUTTON, FOOTER_TOUR;
30743
+ var import_react_query60, import_lucide_react85, import_jsx_runtime134, FOOTER_ONBOARDING_CHAIN_BUTTON, FOOTER_ONBOARDING_LOGOUT_BUTTON, EMBARKAI_LOGOS, FOOTER_TOUR;
30644
30744
  var init_Footer = __esm({
30645
30745
  "src/internal/components/Footer/Footer.tsx"() {
30746
+ init_embark_ai_dark();
30747
+ init_embark_ai_light();
30646
30748
  init_package();
30647
30749
  init_networks3();
30648
30750
  init_ProviderContext();
@@ -30660,9 +30762,13 @@ var init_Footer = __esm({
30660
30762
  init_constants5();
30661
30763
  init_Onboarding();
30662
30764
  init_button();
30663
- import_jsx_runtime132 = require("react/jsx-runtime");
30765
+ import_jsx_runtime134 = require("react/jsx-runtime");
30664
30766
  FOOTER_ONBOARDING_CHAIN_BUTTON = "embark-footer-chain-button";
30665
30767
  FOOTER_ONBOARDING_LOGOUT_BUTTON = "embark-footer-logout-button";
30768
+ EMBARKAI_LOGOS = {
30769
+ dark: embark_ai_dark_default,
30770
+ light: embark_ai_light_default
30771
+ };
30666
30772
  FOOTER_TOUR = [
30667
30773
  {
30668
30774
  elId: FOOTER_ONBOARDING_CHAIN_BUTTON,
@@ -30786,35 +30892,35 @@ function Header() {
30786
30892
  const avatar = profile?.avatar || import_auth25.jwtTokenManager.getAvatar();
30787
30893
  const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth25.jwtTokenManager.getDisplayName();
30788
30894
  const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || null;
30789
- return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
30895
+ return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
30790
30896
  "div",
30791
30897
  {
30792
30898
  ref: (inst) => onboarder.registerElement(EMBARKAI_HEADER_ONBOARDING_ID, inst),
30793
30899
  style: { borderBottom: "1px solid var(--ui-kit-bd)" },
30794
30900
  className: "w-full flex flex-col gap-[var(--ui-kit-gap)] p-[var(--ui-kit-pd)] pt-5",
30795
30901
  children: [
30796
- /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
30797
- /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
30902
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
30903
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
30798
30904
  "div",
30799
30905
  {
30800
30906
  className: "relative flex-none w-12 h-12 flex items-center justify-center cursor-pointer select-none",
30801
30907
  onClick: handleAvatarClick,
30802
30908
  children: [
30803
- proMode && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "absolute -top-1 -right-1 text-[8px] font-bold px-1 rounded bg-[var(--ui-kit-primary)] text-[var(--ui-kit-fg-inverted)] leading-3", children: "PRO" }),
30804
- avatar ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("img", { src: avatar, alt: displayName, className: "w-full h-full object-cover rounded-full" }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(lumia_default2, { className: "w-12 h-12" })
30909
+ proMode && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "absolute -top-1 -right-1 text-[8px] font-bold px-1 rounded bg-[var(--ui-kit-primary)] text-[var(--ui-kit-fg-inverted)] leading-3", children: "PRO" }),
30910
+ avatar ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("img", { src: avatar, alt: displayName, className: "w-full h-full object-cover rounded-full" }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(lumia_default2, { className: "w-12 h-12" })
30805
30911
  ]
30806
30912
  }
30807
30913
  ),
30808
- /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
30914
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
30809
30915
  "div",
30810
30916
  {
30811
30917
  style: { width: "calc(100% - 48px - var(--ui-kit-gap))" },
30812
30918
  className: "flex-1 flex flex-col justify-center gap-1",
30813
30919
  children: [
30814
- isProfileLoading && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react86.Loader, { className: "w-4 h-4 animate-spin" }),
30815
- !!address && !isProfileLoading && !!profile && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
30816
- /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
30817
- /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
30920
+ isProfileLoading && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react86.Loader, { className: "w-4 h-4 animate-spin" }),
30921
+ !!address && !isProfileLoading && !!profile && /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
30922
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
30923
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
30818
30924
  "span",
30819
30925
  {
30820
30926
  className: cn2(
@@ -30824,21 +30930,21 @@ function Header() {
30824
30930
  children: displayName || config.current?.ui?.title || "EmbarkAI"
30825
30931
  }
30826
30932
  ),
30827
- /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(KYCStatus, {})
30933
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(KYCStatus, {})
30828
30934
  ] }),
30829
- /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(BalanceView, {})
30935
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(BalanceView, {})
30830
30936
  ] })
30831
30937
  ]
30832
30938
  }
30833
30939
  )
30834
30940
  ] }),
30835
- !!address && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "w-full flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
30836
- /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center w-fit text-[10px] px-2 leading-6 text-[var(--ui-kit-fg)] gap-2", children: [
30837
- !!ChainIcon ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(ChainIcon, { className: "flex-none w-6 h-6" }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex-none w-6 h-6 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "text-[var(--ui-kit-fg-inverted)] text-sm font-bold", children: chainConfig.name.charAt(0) }) }),
30838
- /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: cn2("transition-colors", copied && "text-[var(--ui-kit-bg-success)]"), children: formatAddress3(address) })
30941
+ !!address && /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "w-full flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
30942
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center w-fit text-[10px] px-2 leading-6 text-[var(--ui-kit-fg)] gap-2", children: [
30943
+ !!ChainIcon ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ChainIcon, { className: "flex-none w-6 h-6" }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex-none w-6 h-6 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-[var(--ui-kit-fg-inverted)] text-sm font-bold", children: chainConfig.name.charAt(0) }) }),
30944
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: cn2("transition-colors", copied && "text-[var(--ui-kit-bg-success)]"), children: formatAddress3(address) })
30839
30945
  ] }),
30840
- /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "w-fit flex items-center", children: [
30841
- /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
30946
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "w-fit flex items-center", children: [
30947
+ /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
30842
30948
  Button,
30843
30949
  {
30844
30950
  size: "small",
@@ -30849,10 +30955,10 @@ function Header() {
30849
30955
  setCopied(true);
30850
30956
  setTimeout(() => setCopied(false), 1500);
30851
30957
  },
30852
- children: copied ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(PositiveIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react86.Copy, { className: "w-4 h-4" })
30958
+ children: copied ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(PositiveIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react86.Copy, { className: "w-4 h-4" })
30853
30959
  }
30854
30960
  ),
30855
- !!isOnboardingTourAvailable && ONBOARDING_TOURS[embarkPage] && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
30961
+ !!isOnboardingTourAvailable && ONBOARDING_TOURS[embarkPage] && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
30856
30962
  Button,
30857
30963
  {
30858
30964
  ref: (inst) => onboarder.registerElement(EMBARKAI_HEADER_TOUR_BUTTON_ID, inst),
@@ -30860,17 +30966,17 @@ function Header() {
30860
30966
  variant: "ghost",
30861
30967
  className: "text-[10px] px-2",
30862
30968
  onClick: () => onboarder.startTour(ONBOARDING_TOURS[embarkPage]({ config: config.current })),
30863
- children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react86.CircleQuestionMarkIcon, { className: "w-4 h-4" })
30969
+ children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react86.CircleQuestionMarkIcon, { className: "w-4 h-4" })
30864
30970
  }
30865
30971
  )
30866
30972
  ] })
30867
30973
  ] }),
30868
- proToast && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "text-xs text-center text-[var(--ui-kit-primary)] font-medium animate-pulse", children: "Pro Mode activated" })
30974
+ proToast && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "text-xs text-center text-[var(--ui-kit-primary)] font-medium animate-pulse", children: "Pro Mode activated" })
30869
30975
  ]
30870
30976
  }
30871
30977
  );
30872
30978
  }
30873
- var import_lucide_react86, import_react103, import_jsx_runtime133;
30979
+ var import_lucide_react86, import_react103, import_jsx_runtime135;
30874
30980
  var init_Header = __esm({
30875
30981
  "src/internal/components/Header/Header.tsx"() {
30876
30982
  init_lumia2();
@@ -30890,7 +30996,7 @@ var init_Header = __esm({
30890
30996
  init_Onboarding();
30891
30997
  init_button();
30892
30998
  init_onborading_setup();
30893
- import_jsx_runtime133 = require("react/jsx-runtime");
30999
+ import_jsx_runtime135 = require("react/jsx-runtime");
30894
31000
  }
30895
31001
  });
30896
31002
 
@@ -30913,7 +31019,7 @@ function useDecideContentStyles() {
30913
31019
  style: (0, import_lodash_es17.merge)({}, mobileStyles)
30914
31020
  };
30915
31021
  }
30916
- var DialogPrimitive, import_lodash_es17, import_lucide_react87, import_react104, import_jsx_runtime134, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
31022
+ var DialogPrimitive, import_lodash_es17, import_lucide_react87, import_react104, import_jsx_runtime136, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
30917
31023
  var init_dialog = __esm({
30918
31024
  "src/internal/components/ui/dialog.tsx"() {
30919
31025
  init_utils();
@@ -30926,11 +31032,11 @@ var init_dialog = __esm({
30926
31032
  init_useLayoutDataStore();
30927
31033
  init_useLayoutStore();
30928
31034
  init_button();
30929
- import_jsx_runtime134 = require("react/jsx-runtime");
31035
+ import_jsx_runtime136 = require("react/jsx-runtime");
30930
31036
  Dialog = DialogPrimitive.Root;
30931
31037
  DialogPortal = DialogPrimitive.Portal;
30932
31038
  DialogOverlay = (0, import_react104.forwardRef)(
30933
- ({ className, closing, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
31039
+ ({ className, closing, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
30934
31040
  DialogPrimitive.Overlay,
30935
31041
  {
30936
31042
  ref,
@@ -30962,7 +31068,7 @@ var init_dialog = __esm({
30962
31068
  const { isMobileView, isClosing, style } = useDecideContentStyles();
30963
31069
  const animationCnPrefix = isMobileView ? "animate-mobile-dialog" : "animate-dialog";
30964
31070
  const dialogAnimationCn = isClosing ? `${animationCnPrefix}-out` : `${animationCnPrefix}-in`;
30965
- return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DialogPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
31071
+ return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DialogPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
30966
31072
  "div",
30967
31073
  {
30968
31074
  "data-purpose": "embarkai-ui-container",
@@ -30970,8 +31076,8 @@ var init_dialog = __esm({
30970
31076
  "data-current-theme-mode": colorMode,
30971
31077
  style: { ...style, outline: "none" },
30972
31078
  children: [
30973
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DialogOverlay, { closing: isClosing }),
30974
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
31079
+ /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DialogOverlay, { closing: isClosing }),
31080
+ /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
30975
31081
  "div",
30976
31082
  {
30977
31083
  className: cn2(
@@ -30983,7 +31089,7 @@ var init_dialog = __esm({
30983
31089
  // allows to embuff embark content menu via --ui-kit-content-maw
30984
31090
  isMobileView ? "items-end w-[100dvw] h-[100dvh]" : "items-center w-[var(--ui-kit-content-maw,var(--ui-kit-maw))] mx-auto"
30985
31091
  ),
30986
- children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
31092
+ children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
30987
31093
  DialogPrimitive.Content,
30988
31094
  {
30989
31095
  ref,
@@ -31000,7 +31106,7 @@ var init_dialog = __esm({
31000
31106
  ...props,
31001
31107
  children: [
31002
31108
  children,
31003
- !isDialogForced && /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
31109
+ !isDialogForced && /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
31004
31110
  "div",
31005
31111
  {
31006
31112
  className: cn2(
@@ -31008,7 +31114,7 @@ var init_dialog = __esm({
31008
31114
  "absolute right-[var(--ui-kit-pd)] top-[var(--ui-kit-pd)]"
31009
31115
  ),
31010
31116
  children: [
31011
- !isSessionLoading && /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
31117
+ !isSessionLoading && /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
31012
31118
  Button,
31013
31119
  {
31014
31120
  variant: "ghost",
@@ -31016,12 +31122,12 @@ var init_dialog = __esm({
31016
31122
  className: "relative w-4 h-4",
31017
31123
  onClick: () => setPage("languages" /* LANGUAGES */),
31018
31124
  children: [
31019
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "sr-only", children: t("passport:common.language") }),
31020
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "w-4 h-4 leading-4 block text-[10px] font-bold", children: getLanguageIcon(i18n.resolvedLanguage) || i18n.resolvedLanguage?.toUpperCase() })
31125
+ /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "sr-only", children: t("passport:common.language") }),
31126
+ /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "w-4 h-4 leading-4 block text-[10px] font-bold", children: getLanguageIcon(i18n.resolvedLanguage) || i18n.resolvedLanguage?.toUpperCase() })
31021
31127
  ]
31022
31128
  }
31023
31129
  ),
31024
- isSettings && /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
31130
+ isSettings && /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
31025
31131
  Button,
31026
31132
  {
31027
31133
  variant: "ghost",
@@ -31029,9 +31135,9 @@ var init_dialog = __esm({
31029
31135
  className: "relative w-4 h-4",
31030
31136
  onClick: () => setPage("settings" /* SETTINGS */),
31031
31137
  children: [
31032
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "sr-only", children: t("passport:common.settings") }),
31033
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react87.SlidersHorizontal, { className: "w-4 h-4" }),
31034
- !!settingsNotifications.length && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
31138
+ /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "sr-only", children: t("passport:common.settings") }),
31139
+ /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_lucide_react87.SlidersHorizontal, { className: "w-4 h-4" }),
31140
+ !!settingsNotifications.length && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
31035
31141
  "div",
31036
31142
  {
31037
31143
  className: cn2(
@@ -31045,9 +31151,9 @@ var init_dialog = __esm({
31045
31151
  ]
31046
31152
  }
31047
31153
  ),
31048
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(Button, { variant: "ghost", size: "icon", className: "w-4 h-4", children: [
31049
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react87.X, { className: "h-4 w-4" }),
31050
- /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "sr-only", children: t("passport:common.close") })
31154
+ /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(Button, { variant: "ghost", size: "icon", className: "w-4 h-4", children: [
31155
+ /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_lucide_react87.X, { className: "h-4 w-4" }),
31156
+ /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "sr-only", children: t("passport:common.close") })
31051
31157
  ] }) })
31052
31158
  ]
31053
31159
  }
@@ -31063,11 +31169,11 @@ var init_dialog = __esm({
31063
31169
  }
31064
31170
  );
31065
31171
  DialogContent.displayName = DialogPrimitive.Content.displayName;
31066
- DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: cn2("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
31172
+ DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: cn2("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
31067
31173
  DialogHeader.displayName = "DialogHeader";
31068
- DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: cn2("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
31174
+ DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: cn2("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
31069
31175
  DialogFooter.displayName = "DialogFooter";
31070
- DialogTitle = (0, import_react104.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
31176
+ DialogTitle = (0, import_react104.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
31071
31177
  DialogPrimitive.Title,
31072
31178
  {
31073
31179
  ref,
@@ -31076,17 +31182,17 @@ var init_dialog = __esm({
31076
31182
  }
31077
31183
  ));
31078
31184
  DialogTitle.displayName = DialogPrimitive.Title.displayName;
31079
- DialogDescription = (0, import_react104.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DialogPrimitive.Description, { ref, className: cn2("text-sm text-muted-foreground", className), ...props }));
31185
+ DialogDescription = (0, import_react104.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DialogPrimitive.Description, { ref, className: cn2("text-sm text-muted-foreground", className), ...props }));
31080
31186
  DialogDescription.displayName = DialogPrimitive.Description.displayName;
31081
31187
  }
31082
31188
  });
31083
31189
 
31084
31190
  // src/internal/components/ui/visually-hidden.tsx
31085
- var import_jsx_runtime135, VisuallyHidden;
31191
+ var import_jsx_runtime137, VisuallyHidden;
31086
31192
  var init_visually_hidden = __esm({
31087
31193
  "src/internal/components/ui/visually-hidden.tsx"() {
31088
- import_jsx_runtime135 = require("react/jsx-runtime");
31089
- VisuallyHidden = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "sr-only absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", children });
31194
+ import_jsx_runtime137 = require("react/jsx-runtime");
31195
+ VisuallyHidden = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "sr-only absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", children });
31090
31196
  }
31091
31197
  });
31092
31198
 
@@ -31108,7 +31214,7 @@ function Dialog2() {
31108
31214
  useListenIframeAuthEvents();
31109
31215
  useAllowExternalModalsScroll(isDialogOpen);
31110
31216
  const isHeaderHidden = !session || page === "keysare-backup" /* KEYSARE_BACKUP */ && !hasServerVault;
31111
- return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
31217
+ return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
31112
31218
  Dialog,
31113
31219
  {
31114
31220
  open: isDialogOpen,
@@ -31120,17 +31226,17 @@ function Dialog2() {
31120
31226
  setPage(null);
31121
31227
  }
31122
31228
  },
31123
- children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
31229
+ children: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
31124
31230
  DialogContent,
31125
31231
  {
31126
31232
  ref: (inst) => onboarder.registerElement(EMBARKAI_DIALOG_ONBOARDING_ID, inst),
31127
31233
  colorMode,
31128
31234
  className,
31129
31235
  children: [
31130
- /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DialogTitle, { children: "embarkAI" }) }),
31131
- /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DialogDescription, { className: "sr-only", children: "embarkAI wallet" }),
31132
- !isHeaderHidden && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Header, {}),
31133
- /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_react105.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
31236
+ /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(DialogTitle, { children: "embarkAI" }) }),
31237
+ /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(DialogDescription, { className: "sr-only", children: "embarkAI wallet" }),
31238
+ !isHeaderHidden && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Header, {}),
31239
+ /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_react105.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
31134
31240
  import_react105.motion.div,
31135
31241
  {
31136
31242
  style: { overflow: "hidden" },
@@ -31138,7 +31244,7 @@ function Dialog2() {
31138
31244
  animate: { opacity: 1, height: "auto" },
31139
31245
  exit: { opacity: 0, height: transitionPageHeight },
31140
31246
  transition: Y_ANIMATION_SETUP,
31141
- children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
31247
+ children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
31142
31248
  "div",
31143
31249
  {
31144
31250
  ref: (inst) => onboarder.registerElement(`${EMBARKAI_DIALOG_ONBOARDING_ID}-${page}`, inst),
@@ -31153,14 +31259,14 @@ function Dialog2() {
31153
31259
  },
31154
31260
  page || "empty"
31155
31261
  ) }),
31156
- /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Footer, {})
31262
+ /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Footer, {})
31157
31263
  ]
31158
31264
  }
31159
31265
  )
31160
31266
  }
31161
31267
  );
31162
31268
  }
31163
- var import_react105, import_react106, import_jsx_runtime136;
31269
+ var import_react105, import_react106, import_jsx_runtime138;
31164
31270
  var init_Dialog = __esm({
31165
31271
  "src/internal/components/Dialog/Dialog.tsx"() {
31166
31272
  init_ProviderContext();
@@ -31182,7 +31288,7 @@ var init_Dialog = __esm({
31182
31288
  init_Onboarding();
31183
31289
  init_dialog();
31184
31290
  init_visually_hidden();
31185
- import_jsx_runtime136 = require("react/jsx-runtime");
31291
+ import_jsx_runtime138 = require("react/jsx-runtime");
31186
31292
  }
31187
31293
  });
31188
31294
 
@@ -31310,32 +31416,32 @@ function waitForStoreHydration() {
31310
31416
  }
31311
31417
  function SessionProvider({ children }) {
31312
31418
  const config = useProviderConfig().config;
31313
- return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(import_react109.Fragment, {
31419
+ return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_react109.Fragment, {
31314
31420
  /** dApp's router might have its own error boundaries setup via imported @embarkai/ui-kitErrorBoundary */
31315
31421
  children: [
31316
31422
  children,
31317
- /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(ErrorBoundary, { children: [
31318
- config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(DirectWalletHandler, {}),
31319
- /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(BalanceFeedProvider, {}),
31320
- /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(ChainSync, {}),
31321
- /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
31423
+ /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(ErrorBoundary, { children: [
31424
+ config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(DirectWalletHandler, {}),
31425
+ /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(BalanceFeedProvider, {}),
31426
+ /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ChainSync, {}),
31427
+ /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
31322
31428
  TssManagerWithRef,
31323
31429
  {
31324
31430
  mpcPin: void 0
31325
31431
  }
31326
31432
  ),
31327
- /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Dialog2, {}),
31328
- /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(OnboardingOverlay, {})
31433
+ /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Dialog2, {}),
31434
+ /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(OnboardingOverlay, {})
31329
31435
  ] })
31330
31436
  ]
31331
31437
  });
31332
31438
  }
31333
- var import_read22, import_react109, import_zustand19, import_middleware5, import_jsx_runtime137, useSession, requireActiveChainId;
31439
+ var import_read22, import_react109, import_zustand20, import_middleware5, import_jsx_runtime139, useSession, requireActiveChainId;
31334
31440
  var init_SessionContext = __esm({
31335
31441
  "src/context/SessionContext.tsx"() {
31336
31442
  import_read22 = require("@embarkai/core/read");
31337
31443
  import_react109 = require("react");
31338
- import_zustand19 = require("zustand");
31444
+ import_zustand20 = require("zustand");
31339
31445
  import_middleware5 = require("zustand/middleware");
31340
31446
  init_ErrorBoundary2();
31341
31447
  init_BalanceFeedProvider2();
@@ -31345,8 +31451,8 @@ var init_SessionContext = __esm({
31345
31451
  init_Onboarding();
31346
31452
  init_TssManager();
31347
31453
  init_ProviderContext();
31348
- import_jsx_runtime137 = require("react/jsx-runtime");
31349
- useSession = (0, import_zustand19.create)()(
31454
+ import_jsx_runtime139 = require("react/jsx-runtime");
31455
+ useSession = (0, import_zustand20.create)()(
31350
31456
  (0, import_middleware5.persist)(
31351
31457
  (set) => ({
31352
31458
  isLoading: false,
@@ -33892,9 +33998,9 @@ function Provider(props) {
33892
33998
  }),
33893
33999
  [config, updateConfig, callbacks, updateCallbacks]
33894
34000
  );
33895
- return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_wagmi9.WagmiProvider, { config: wagmiConfig3.current, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(SessionProvider, { children }) }) });
34001
+ return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_wagmi9.WagmiProvider, { config: wagmiConfig3.current, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(SessionProvider, { children }) }) });
33896
34002
  }
33897
- var import_core9, import_error_tracking4, import_lodash_es18, import_react110, import_wagmi9, import_jsx_runtime138, UIContext, useProviderConfig;
34003
+ var import_core9, import_error_tracking4, import_lodash_es18, import_react110, import_wagmi9, import_jsx_runtime140, UIContext, useProviderConfig;
33898
34004
  var init_ProviderContext = __esm({
33899
34005
  "src/context/ProviderContext.tsx"() {
33900
34006
  import_core9 = require("@embarkai/core");
@@ -33906,7 +34012,7 @@ var init_ProviderContext = __esm({
33906
34012
  init_iframe_manager();
33907
34013
  init_SessionContext();
33908
34014
  init_utils14();
33909
- import_jsx_runtime138 = require("react/jsx-runtime");
34015
+ import_jsx_runtime140 = require("react/jsx-runtime");
33910
34016
  UIContext = (0, import_react110.createContext)(void 0);
33911
34017
  useProviderConfig = () => {
33912
34018
  const ctx = (0, import_react110.useContext)(UIContext);
@@ -34021,7 +34127,7 @@ __export(index_exports, {
34021
34127
  module.exports = __toCommonJS(index_exports);
34022
34128
 
34023
34129
  // src/styles/built.css
34024
- 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 .sticky{position:sticky}.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-1{right:.25rem}.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{top:.25rem}.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 .col-span-2{grid-column:span 2/span 2}.embarkai-ui-scope .float-right{float:right}.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-\\[30dvw\\]{width:30dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[60dvw\\]{width:60dvw}.embarkai-ui-scope .w-\\[var\\(--ui-kit-content-maw\\2c var\\(--ui-kit-maw\\)\\)\\]{width:var(--ui-kit-content-maw,var(--ui-kit-maw))}.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-7xl{max-width:80rem}.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-\\[420px\\]{max-width:420px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[calc\\(100\\%-48px-var\\(--ui-kit-gap\\)\\)\\]{max-width:calc(100% - 48px - var(--ui-kit-gap))}.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{box-shadow:inset 0 0 16px var(--ui-kit-bg-warning)}50%{box-shadow:inset 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-not-allowed{cursor:not-allowed}.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-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-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-10{padding-left:2.5rem;padding-right:2.5rem}.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-light{font-weight:300}.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-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-bd\\)\\]{--tw-shadow:inset 0 0 0 1px var(--ui-kit-bd);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-fg\\)\\]{--tw-shadow:inset 0 0 0 1px var(--ui-kit-fg);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .ring-0{--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 .ring-offset-0{--tw-ring-offset-width:0px}.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-\\[width\\]{transition-property:width;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 .duration-500{transition-duration:.5s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--w3m-z-index:10001!important}.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-secondary:var(--embark-ui-secondary,#e4e4e4);--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-secondary:var(--embark-ui-secondary,#2a2a2a);--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 forwards}@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 forwards}.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\\: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-\\[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\\:border-\\[var\\(--ui-kit-bd\\)\\]:focus-within{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .focus-within\\:opacity-100:focus-within{opacity:1}.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-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-within\\:hover\\:opacity-100:hover:focus-within{opacity:1}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.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\\: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\\: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 :is(.group:hover .group-hover\\:opacity-80){opacity:.8}.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 .md\\:text-3xl{font-size:1.875rem;line-height:2.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}`;
34130
+ 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 .sticky{position:sticky}.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-1{right:.25rem}.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{top:.25rem}.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 .col-span-2{grid-column:span 2/span 2}.embarkai-ui-scope .float-right{float:right}.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-2\\.5{height:.625rem}.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-\\[30dvw\\]{width:30dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[60dvw\\]{width:60dvw}.embarkai-ui-scope .w-\\[var\\(--ui-kit-content-maw\\2c var\\(--ui-kit-maw\\)\\)\\]{width:var(--ui-kit-content-maw,var(--ui-kit-maw))}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-auto{width:auto}.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-7xl{max-width:80rem}.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-\\[420px\\]{max-width:420px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[calc\\(100\\%-48px-var\\(--ui-kit-gap\\)\\)\\]{max-width:calc(100% - 48px - var(--ui-kit-gap))}.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{box-shadow:inset 0 0 16px var(--ui-kit-bg-warning)}50%{box-shadow:inset 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-not-allowed{cursor:not-allowed}.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-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-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-10{padding-left:2.5rem;padding-right:2.5rem}.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-light{font-weight:300}.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-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-bd\\)\\]{--tw-shadow:inset 0 0 0 1px var(--ui-kit-bd);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-fg\\)\\]{--tw-shadow:inset 0 0 0 1px var(--ui-kit-fg);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .ring-0{--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 .ring-offset-0{--tw-ring-offset-width:0px}.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-\\[width\\]{transition-property:width;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 .duration-500{transition-duration:.5s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--w3m-z-index:10001!important}.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-secondary:var(--embark-ui-secondary,#e4e4e4);--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-secondary:var(--embark-ui-secondary,#2a2a2a);--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 forwards}@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 forwards}.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\\: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-\\[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\\:border-\\[var\\(--ui-kit-bd\\)\\]:focus-within{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .focus-within\\:opacity-100:focus-within{opacity:1}.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-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-within\\:hover\\:opacity-100:hover:focus-within{opacity:1}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.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\\: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\\: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 :is(.group:hover .group-hover\\:opacity-80){opacity:.8}.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 .md\\:text-3xl{font-size:1.875rem;line-height:2.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}`;
34025
34131
 
34026
34132
  // src/index.ts
34027
34133
  var import_core10 = require("@embarkai/core");
@@ -34043,7 +34149,7 @@ init_useLayoutStore();
34043
34149
  init_useUserProfile();
34044
34150
  init_pro_mode();
34045
34151
  init_utils();
34046
- var import_jsx_runtime139 = (
34152
+ var import_jsx_runtime141 = (
34047
34153
  /** external Buttons can be provided */
34048
34154
  require("react/jsx-runtime")
34049
34155
  );
@@ -34077,18 +34183,18 @@ function ConnectWalletButton(props) {
34077
34183
  }, [session, address, hasServerVault]);
34078
34184
  const proMode = useProMode();
34079
34185
  const isConnecting = connectButtonLabel !== label || isLoading;
34080
- return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { "data-current-theme-mode": colorMode, className: cn2("embarkai-ui-scope w-fit h-fit", className), children: !address ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_jsx_runtime139.Fragment, { children: ConnectButton ? /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
34186
+ return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { "data-current-theme-mode": colorMode, className: cn2("embarkai-ui-scope w-fit h-fit", className), children: !address ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_jsx_runtime141.Fragment, { children: ConnectButton ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
34081
34187
  ConnectButton,
34082
34188
  {
34083
34189
  type: "button",
34084
34190
  disabled: isConnecting,
34085
34191
  onClick: () => setPage("auth" /* AUTH */),
34086
34192
  children: [
34087
- isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_lucide_react88.Loader, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(embarkAI_default2, { className: "w-6 h-6" }),
34193
+ isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_lucide_react88.Loader, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(embarkAI_default2, { className: "w-6 h-6" }),
34088
34194
  connectButtonLabel.toUpperCase()
34089
34195
  ]
34090
34196
  }
34091
- ) : /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
34197
+ ) : /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
34092
34198
  Button,
34093
34199
  {
34094
34200
  type: "button",
@@ -34105,11 +34211,11 @@ function ConnectWalletButton(props) {
34105
34211
  "disabled:hover:bg-[var(--ui-kit-bg)] disabled:active:bg-[var(--ui-kit-bg)]"
34106
34212
  ),
34107
34213
  children: [
34108
- isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_lucide_react88.Loader, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(embarkAI_default2, { className: "w-6 h-6" }),
34214
+ isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_lucide_react88.Loader, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(embarkAI_default2, { className: "w-6 h-6" }),
34109
34215
  connectButtonLabel.toUpperCase()
34110
34216
  ]
34111
34217
  }
34112
- ) }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
34218
+ ) }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
34113
34219
  "button",
34114
34220
  {
34115
34221
  type: "button",
@@ -34122,26 +34228,26 @@ function ConnectWalletButton(props) {
34122
34228
  "rounded-[var(--ui-kit-bdrs)] p-4 max-w-sm min-w-[256px]"
34123
34229
  ),
34124
34230
  children: [
34125
- /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "relative w-12 h-12 rounded-full bg-[var(--ui-kit-fg)] flex items-center justify-center flex-shrink-0", children: [
34126
- proMode && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "absolute -top-1 -right-1 text-[8px] font-bold px-1 rounded bg-[var(--ui-kit-primary)] text-[var(--ui-kit-fg-inverted)] leading-3 z-10", children: "PRO" }),
34127
- profile?.avatar ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("img", { src: profile.avatar, alt: "User avatar", className: "w-full h-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(lumia_default2, { className: "w-12 h-12" })
34231
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "relative w-12 h-12 rounded-full bg-[var(--ui-kit-fg)] flex items-center justify-center flex-shrink-0", children: [
34232
+ proMode && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "absolute -top-1 -right-1 text-[8px] font-bold px-1 rounded bg-[var(--ui-kit-primary)] text-[var(--ui-kit-fg-inverted)] leading-3 z-10", children: "PRO" }),
34233
+ profile?.avatar ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("img", { src: profile.avatar, alt: "User avatar", className: "w-full h-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(lumia_default2, { className: "w-12 h-12" })
34128
34234
  ] }),
34129
- /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
34130
- /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
34131
- isProfileLoading ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_lucide_react88.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
34132
- /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(KYCStatus, {})
34235
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
34236
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
34237
+ isProfileLoading ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_lucide_react88.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
34238
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(KYCStatus, {})
34133
34239
  ] }),
34134
- /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(BalanceView, {})
34240
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(BalanceView, {})
34135
34241
  ] }),
34136
- /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex items-center space-x-1", children: [
34137
- /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "group relative", children: [
34138
- /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
34242
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex items-center space-x-1", children: [
34243
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "group relative", children: [
34244
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
34139
34245
  import_lucide_react88.Cloud,
34140
34246
  {
34141
34247
  className: `w-3 h-3 ${indicators.server ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
34142
34248
  }
34143
34249
  ),
34144
- /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
34250
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
34145
34251
  "div",
34146
34252
  {
34147
34253
  className: cn2(
@@ -34156,14 +34262,14 @@ function ConnectWalletButton(props) {
34156
34262
  }
34157
34263
  )
34158
34264
  ] }),
34159
- /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "group relative", children: [
34160
- /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
34265
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "group relative", children: [
34266
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
34161
34267
  import_lucide_react88.Laptop,
34162
34268
  {
34163
34269
  className: `w-3 h-3 ${indicators.local ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
34164
34270
  }
34165
34271
  ),
34166
- /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
34272
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
34167
34273
  "div",
34168
34274
  {
34169
34275
  className: cn2(
@@ -34178,14 +34284,14 @@ function ConnectWalletButton(props) {
34178
34284
  }
34179
34285
  )
34180
34286
  ] }),
34181
- /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "group relative", children: [
34182
- /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
34287
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "group relative", children: [
34288
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
34183
34289
  import_lucide_react88.Shield,
34184
34290
  {
34185
34291
  className: `w-3 h-3 ${indicators.backup ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
34186
34292
  }
34187
34293
  ),
34188
- /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
34294
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
34189
34295
  "div",
34190
34296
  {
34191
34297
  className: cn2(
@@ -34201,7 +34307,7 @@ function ConnectWalletButton(props) {
34201
34307
  )
34202
34308
  ] })
34203
34309
  ] }),
34204
- !!settingsNotifications.length && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
34310
+ !!settingsNotifications.length && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
34205
34311
  "div",
34206
34312
  {
34207
34313
  className: cn2(
@@ -34222,17 +34328,17 @@ init_SessionContext();
34222
34328
 
34223
34329
  // src/hooks/childAppHooks.ts
34224
34330
  init_SessionContext();
34225
- init_useLayoutDataStore();
34331
+ init_useBalanceViewStore();
34226
34332
  init_useLayoutStore();
34227
34333
  var useIsMobileView = () => {
34228
34334
  return useLayoutStore((st) => st.isMobileView);
34229
34335
  };
34230
34336
  var useBalance = () => {
34231
- const walletBalance = useLayoutDataStore((st) => st.balance);
34232
- const fiatBalance = useLayoutDataStore((st) => st.fiatBalance);
34233
- const cryptoRate = useLayoutDataStore((st) => st.cryptoRate);
34234
- const fiatSymbol = useLayoutDataStore((st) => st.fiatSymbol);
34235
- const cryptoSymbol = useLayoutDataStore((st) => st.cryptoSymbol);
34337
+ const walletBalance = useBalanceViewStore((st) => st.balance);
34338
+ const fiatBalance = useBalanceViewStore((st) => st.fiatBalance);
34339
+ const cryptoRate = useBalanceViewStore((st) => st.cryptoRate);
34340
+ const fiatSymbol = useBalanceViewStore((st) => st.fiatSymbol);
34341
+ const cryptoSymbol = useBalanceViewStore((st) => st.cryptoSymbol);
34236
34342
  return { walletBalance, fiatBalance, cryptoRate, fiatSymbol, cryptoSymbol };
34237
34343
  };
34238
34344
  var useIFrameReady = () => useSession((st) => st.isIframeReady);
@@ -34258,24 +34364,24 @@ var import_lucide_react89 = require("lucide-react");
34258
34364
  init_useColorMode();
34259
34365
  init_button();
34260
34366
  init_utils();
34261
- var import_jsx_runtime140 = require("react/jsx-runtime");
34367
+ var import_jsx_runtime142 = require("react/jsx-runtime");
34262
34368
  function ThemeToggle(props) {
34263
34369
  const { className, ...btnProps } = props;
34264
34370
  const { colorMode, setColorMode } = useColorMode();
34265
- return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
34371
+ return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
34266
34372
  "div",
34267
34373
  {
34268
34374
  className: cn2("embarkai-ui-scope", className),
34269
34375
  "data-current-theme-mode": colorMode,
34270
34376
  style: { width: "fit-content", height: "fit-content" },
34271
- children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
34377
+ children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
34272
34378
  Button,
34273
34379
  {
34274
34380
  ...btnProps,
34275
34381
  variant: "ghost",
34276
34382
  onClick: () => setColorMode(colorMode === "light" ? "dark" : "light"),
34277
34383
  title: `Current theme: ${colorMode}. Click to switch.`,
34278
- children: colorMode === "dark" ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_lucide_react89.Sun, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_lucide_react89.Moon, { className: "w-4 h-4" })
34384
+ children: colorMode === "dark" ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_lucide_react89.Sun, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_lucide_react89.Moon, { className: "w-4 h-4" })
34279
34385
  }
34280
34386
  )
34281
34387
  }
@@ -34287,18 +34393,18 @@ init_i18n();
34287
34393
  init_button();
34288
34394
  init_useLayoutDataStore();
34289
34395
  init_utils();
34290
- var import_jsx_runtime141 = require("react/jsx-runtime");
34396
+ var import_jsx_runtime143 = require("react/jsx-runtime");
34291
34397
  function LangToggle(props) {
34292
34398
  const { className, ...btnProps } = props;
34293
34399
  const { i18n } = useT();
34294
34400
  const setPage = useLayoutDataStore((st) => st.setPage);
34295
- return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
34401
+ return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
34296
34402
  "div",
34297
34403
  {
34298
34404
  className: cn2("embarkai-ui-scope", className),
34299
34405
  "data-mbark-language": i18n.resolvedLanguage || "en",
34300
34406
  style: { width: "fit-content", height: "fit-content" },
34301
- children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
34407
+ children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
34302
34408
  Button,
34303
34409
  {
34304
34410
  ...btnProps,
@@ -34317,17 +34423,17 @@ init_useLayoutDataStore();
34317
34423
 
34318
34424
  // src/internal/components/UserOpStatus.tsx
34319
34425
  var import_lucide_react91 = require("lucide-react");
34320
- var React34 = __toESM(require("react"), 1);
34426
+ var React36 = __toESM(require("react"), 1);
34321
34427
  init_getUserOperationByHash();
34322
34428
  init_getUserOperationReceipt();
34323
34429
  init_cn();
34324
34430
 
34325
34431
  // src/internal/components/Address.tsx
34326
34432
  var import_lucide_react90 = require("lucide-react");
34327
- var React33 = __toESM(require("react"), 1);
34433
+ var React35 = __toESM(require("react"), 1);
34328
34434
  init_cn();
34329
34435
  init_button();
34330
- var import_jsx_runtime142 = require("react/jsx-runtime");
34436
+ var import_jsx_runtime144 = require("react/jsx-runtime");
34331
34437
  function toExplorerAddressUrl(address, chain) {
34332
34438
  const base = chain?.blockExplorers?.default?.url;
34333
34439
  if (!base) return null;
@@ -34348,12 +34454,12 @@ var Address = ({
34348
34454
  }) => {
34349
34455
  const addr = address || "";
34350
34456
  const explorer = toExplorerAddressUrl(addr, chain || void 0);
34351
- const [copied, setCopied] = React33.useState(false);
34352
- if (!addr) return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", { className: cn("text-muted-foreground", className), children: "\u2014" });
34353
- return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: cn("flex items-center gap-2", className), style: { listStyle: "none" }, children: [
34354
- label && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("span", { className: "text-sm font-medium", children: label }),
34355
- /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("code", { className: "text-xs bg-background px-2 py-1 rounded select-all", children: truncate ? short(addr) : addr }),
34356
- showCopy && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
34457
+ const [copied, setCopied] = React35.useState(false);
34458
+ if (!addr) return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: cn("text-muted-foreground", className), children: "\u2014" });
34459
+ return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: cn("flex items-center gap-2", className), style: { listStyle: "none" }, children: [
34460
+ label && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "text-sm font-medium", children: label }),
34461
+ /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("code", { className: "text-xs bg-background px-2 py-1 rounded select-all", children: truncate ? short(addr) : addr }),
34462
+ showCopy && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
34357
34463
  Button,
34358
34464
  {
34359
34465
  variant: "ghost",
@@ -34367,10 +34473,10 @@ var Address = ({
34367
34473
  } catch {
34368
34474
  }
34369
34475
  },
34370
- children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_lucide_react90.Copy, { className: "h-4 w-4" })
34476
+ children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react90.Copy, { className: "h-4 w-4" })
34371
34477
  }
34372
34478
  ),
34373
- showExplorer && explorer && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
34479
+ showExplorer && explorer && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
34374
34480
  "a",
34375
34481
  {
34376
34482
  href: explorer,
@@ -34378,7 +34484,7 @@ var Address = ({
34378
34484
  rel: "noreferrer noopener",
34379
34485
  className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
34380
34486
  title: "Open in explorer",
34381
- children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_lucide_react90.ExternalLink, { className: "h-4 w-4" })
34487
+ children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react90.ExternalLink, { className: "h-4 w-4" })
34382
34488
  }
34383
34489
  )
34384
34490
  ] });
@@ -34387,7 +34493,7 @@ var Address = ({
34387
34493
  // src/internal/components/UserOpStatus.tsx
34388
34494
  init_badge();
34389
34495
  init_button();
34390
- var import_jsx_runtime143 = require("react/jsx-runtime");
34496
+ var import_jsx_runtime145 = require("react/jsx-runtime");
34391
34497
  var UserOpStatus = ({
34392
34498
  userOpHash,
34393
34499
  chain,
@@ -34399,20 +34505,20 @@ var UserOpStatus = ({
34399
34505
  externalState
34400
34506
  }) => {
34401
34507
  const useExternalState = !!externalState;
34402
- const [internalReceipt, setInternalReceipt] = React34.useState(null);
34403
- const [internalMempool, setInternalMempool] = React34.useState(null);
34404
- const [internalError, setInternalError] = React34.useState(null);
34405
- const [attempt, setAttempt] = React34.useState(0);
34406
- const [internalRefreshing, setInternalRefreshing] = React34.useState(false);
34407
- const [timedOut, setTimedOut] = React34.useState(false);
34408
- const [rejected, setRejected] = React34.useState(false);
34409
- const intervalRef = React34.useRef(null);
34410
- const startTimeRef = React34.useRef(Date.now());
34508
+ const [internalReceipt, setInternalReceipt] = React36.useState(null);
34509
+ const [internalMempool, setInternalMempool] = React36.useState(null);
34510
+ const [internalError, setInternalError] = React36.useState(null);
34511
+ const [attempt, setAttempt] = React36.useState(0);
34512
+ const [internalRefreshing, setInternalRefreshing] = React36.useState(false);
34513
+ const [timedOut, setTimedOut] = React36.useState(false);
34514
+ const [rejected, setRejected] = React36.useState(false);
34515
+ const intervalRef = React36.useRef(null);
34516
+ const startTimeRef = React36.useRef(Date.now());
34411
34517
  const receipt = useExternalState ? externalState.receipt ?? null : internalReceipt;
34412
34518
  const mempool = useExternalState ? externalState.mempool ?? null : internalMempool;
34413
34519
  const error = useExternalState ? externalState.error ?? null : internalError;
34414
34520
  const refreshing = useExternalState ? externalState.isPolling ?? false : internalRefreshing;
34415
- const tick = React34.useCallback(async () => {
34521
+ const tick = React36.useCallback(async () => {
34416
34522
  if (useExternalState) return;
34417
34523
  const elapsed = Date.now() - startTimeRef.current;
34418
34524
  if (elapsed > maxPollTimeMs) {
@@ -34455,7 +34561,7 @@ var UserOpStatus = ({
34455
34561
  setAttempt((x) => x + 1);
34456
34562
  }
34457
34563
  }, [userOpHash, chainId, maxPollTimeMs, useExternalState]);
34458
- React34.useEffect(() => {
34564
+ React36.useEffect(() => {
34459
34565
  if (useExternalState) return;
34460
34566
  console.log("[UserOpStatus] Initializing polling for UserOp hash:", userOpHash);
34461
34567
  startTimeRef.current = Date.now();
@@ -34467,7 +34573,7 @@ var UserOpStatus = ({
34467
34573
  setAttempt(0);
34468
34574
  setInternalRefreshing(false);
34469
34575
  }, [userOpHash, useExternalState]);
34470
- React34.useEffect(() => {
34576
+ React36.useEffect(() => {
34471
34577
  if (useExternalState) {
34472
34578
  console.log("[UserOpStatus] Using external state, skipping internal polling");
34473
34579
  return;
@@ -34502,35 +34608,35 @@ var UserOpStatus = ({
34502
34608
  const stateBadge = () => {
34503
34609
  if (receipt) {
34504
34610
  const ok = !!receipt.success;
34505
- return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: ok ? "success" : "destructive", children: [
34506
- ok ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.CheckCircle2, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-3 w-3" }),
34611
+ return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Badge, { variant: ok ? "success" : "destructive", children: [
34612
+ ok ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.CheckCircle2, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.AlertCircle, { className: "h-3 w-3" }),
34507
34613
  ok ? "Included" : "Failed"
34508
34614
  ] });
34509
34615
  }
34510
34616
  if (rejected) {
34511
- return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: "destructive", children: [
34512
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-3 w-3" }),
34617
+ return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Badge, { variant: "destructive", children: [
34618
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.AlertCircle, { className: "h-3 w-3" }),
34513
34619
  " Rejected by bundler"
34514
34620
  ] });
34515
34621
  }
34516
34622
  if (timedOut) {
34517
- return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: "warning", children: [
34518
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-3 w-3" }),
34623
+ return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Badge, { variant: "warning", children: [
34624
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.AlertCircle, { className: "h-3 w-3" }),
34519
34625
  " Timeout - may be rejected"
34520
34626
  ] });
34521
34627
  }
34522
34628
  if (mempool) {
34523
- return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: "outline", children: [
34524
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.Clock, { className: "h-3 w-3" }),
34629
+ return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Badge, { variant: "outline", children: [
34630
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.Clock, { className: "h-3 w-3" }),
34525
34631
  " Pending in bundler"
34526
34632
  ] });
34527
34633
  }
34528
- return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: "secondary", children: [
34529
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.Clock, { className: "h-3 w-3" }),
34634
+ return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Badge, { variant: "secondary", children: [
34635
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.Clock, { className: "h-3 w-3" }),
34530
34636
  " Waiting"
34531
34637
  ] });
34532
34638
  };
34533
- return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
34639
+ return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
34534
34640
  "div",
34535
34641
  {
34536
34642
  className: cn(
@@ -34539,20 +34645,20 @@ var UserOpStatus = ({
34539
34645
  ),
34540
34646
  style: { textAlign: "left", listStyle: "none" },
34541
34647
  children: [
34542
- /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
34543
- /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex items-center gap-2", children: [
34648
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
34649
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center gap-2", children: [
34544
34650
  stateBadge(),
34545
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: "text-xs text-muted-foreground", children: "This is a UserOperation hash (EIP-4337), not a L2 tx hash." })
34651
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-xs text-muted-foreground", children: "This is a UserOperation hash (EIP-4337), not a L2 tx hash." })
34546
34652
  ] }),
34547
- /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Button, { variant: "ghost", size: "small", onClick: () => tick(), disabled: refreshing, className: "h-8", children: [
34548
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.RefreshCw, { className: cn("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
34549
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: "text-xs", children: "Refresh" })
34653
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Button, { variant: "ghost", size: "small", onClick: () => tick(), disabled: refreshing, className: "h-8", children: [
34654
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.RefreshCw, { className: cn("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
34655
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-xs", children: "Refresh" })
34550
34656
  ] })
34551
34657
  ] }),
34552
- /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
34553
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "UO Hash" }),
34554
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("code", { className: "text-xs font-mono flex-1 select-all", children: userOpHash }),
34555
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
34658
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
34659
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "UO Hash" }),
34660
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("code", { className: "text-xs font-mono flex-1 select-all", children: userOpHash }),
34661
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
34556
34662
  Button,
34557
34663
  {
34558
34664
  variant: "ghost",
@@ -34564,14 +34670,14 @@ var UserOpStatus = ({
34564
34670
  } catch {
34565
34671
  }
34566
34672
  },
34567
- children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.Copy, { className: "h-3.5 w-3.5" })
34673
+ children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.Copy, { className: "h-3.5 w-3.5" })
34568
34674
  }
34569
34675
  )
34570
34676
  ] }),
34571
- receipt && receipt.receipt?.transactionHash && /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "flex items-center gap-2 mb-3", children: [
34572
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "Tx Hash" }),
34573
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("code", { className: "text-xs font-mono flex-1 select-all", children: receipt.receipt.transactionHash }),
34574
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
34677
+ receipt && receipt.receipt?.transactionHash && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center gap-2 mb-3", children: [
34678
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "Tx Hash" }),
34679
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("code", { className: "text-xs font-mono flex-1 select-all", children: receipt.receipt.transactionHash }),
34680
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
34575
34681
  Button,
34576
34682
  {
34577
34683
  variant: "ghost",
@@ -34583,10 +34689,10 @@ var UserOpStatus = ({
34583
34689
  } catch {
34584
34690
  }
34585
34691
  },
34586
- children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.Copy, { className: "h-3.5 w-3.5" })
34692
+ children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.Copy, { className: "h-3.5 w-3.5" })
34587
34693
  }
34588
34694
  ),
34589
- chain?.blockExplorers?.default?.url && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
34695
+ chain?.blockExplorers?.default?.url && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
34590
34696
  "a",
34591
34697
  {
34592
34698
  href: `${chain.blockExplorers.default.url}/tx/${receipt.receipt.transactionHash}`,
@@ -34594,11 +34700,11 @@ var UserOpStatus = ({
34594
34700
  rel: "noreferrer noopener",
34595
34701
  className: "inline-flex items-center justify-center h-8 w-8 rounded-md hover:bg-accent text-foreground",
34596
34702
  title: "Open in explorer",
34597
- children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.ExternalLink, { className: "h-3.5 w-3.5" })
34703
+ children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.ExternalLink, { className: "h-3.5 w-3.5" })
34598
34704
  }
34599
34705
  )
34600
34706
  ] }),
34601
- receipt && /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "text-xs text-muted-foreground mb-3", children: [
34707
+ receipt && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "text-xs text-muted-foreground mb-3", children: [
34602
34708
  "Block ",
34603
34709
  parseInt(receipt.receipt?.blockNumber || "0x0", 16),
34604
34710
  " \u2022 Gas Used",
@@ -34607,32 +34713,32 @@ var UserOpStatus = ({
34607
34713
  " \u2022 Success ",
34608
34714
  String(!!receipt.success)
34609
34715
  ] }),
34610
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("div", { className: "text-xs text-muted-foreground", children: !receipt && !timedOut && !rejected && /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("span", { className: "ml-2", children: [
34716
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "text-xs text-muted-foreground", children: !receipt && !timedOut && !rejected && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("span", { className: "ml-2", children: [
34611
34717
  "\u2022 Polling for ",
34612
34718
  Math.round((Date.now() - startTimeRef.current) / 1e3),
34613
34719
  "s"
34614
34720
  ] }) }),
34615
- mempool && /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "text-sm text-muted-foreground mt-2", style: { listStyle: "none" }, children: [
34616
- /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { children: [
34721
+ mempool && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "text-sm text-muted-foreground mt-2", style: { listStyle: "none" }, children: [
34722
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { children: [
34617
34723
  "Seen by bundler at ",
34618
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Address, { address: mempool.entryPoint, chain, showExplorer: true, truncate: false })
34724
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Address, { address: mempool.entryPoint, chain, showExplorer: true, truncate: false })
34619
34725
  ] }),
34620
- /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { children: [
34726
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { children: [
34621
34727
  "sender ",
34622
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Address, { address: mempool.sender, chain, truncate: false })
34728
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Address, { address: mempool.sender, chain, truncate: false })
34623
34729
  ] })
34624
34730
  ] }),
34625
- error && /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
34626
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
34731
+ error && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
34732
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
34627
34733
  " ",
34628
34734
  error
34629
34735
  ] }),
34630
- rejected && /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
34631
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
34736
+ rejected && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
34737
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
34632
34738
  "UserOperation was dropped from bundler mempool. This usually means it was invalid or replaced."
34633
34739
  ] }),
34634
- timedOut && /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
34635
- /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
34740
+ timedOut && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
34741
+ /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
34636
34742
  "Stopped polling after ",
34637
34743
  Math.round(maxPollTimeMs / 1e3),
34638
34744
  "s. UserOperation may have been rejected by the bundler."
@@ -34644,10 +34750,10 @@ var UserOpStatus = ({
34644
34750
 
34645
34751
  // src/internal/components/Hash.tsx
34646
34752
  var import_lucide_react92 = require("lucide-react");
34647
- var React35 = __toESM(require("react"), 1);
34753
+ var React37 = __toESM(require("react"), 1);
34648
34754
  init_cn();
34649
34755
  init_button();
34650
- var import_jsx_runtime144 = require("react/jsx-runtime");
34756
+ var import_jsx_runtime146 = require("react/jsx-runtime");
34651
34757
  function toExplorerUrl(kind, value, chain) {
34652
34758
  const base = chain?.blockExplorers?.default?.url;
34653
34759
  if (!base) return null;
@@ -34670,12 +34776,12 @@ var Hash = ({
34670
34776
  }) => {
34671
34777
  const value = hash || "";
34672
34778
  const explorer = toExplorerUrl(kind, value, chain || void 0);
34673
- const [copied, setCopied] = React35.useState(false);
34674
- if (!value) return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: cn("text-muted-foreground", className), children: "\u2014" });
34675
- return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: cn("flex items-center gap-2", className), children: [
34676
- label && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "text-sm font-medium", children: label }),
34677
- /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("code", { className: "text-xs bg-background px-2 py-1 rounded break-all", children: truncate ? short2(value) : value }),
34678
- showCopy && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
34779
+ const [copied, setCopied] = React37.useState(false);
34780
+ if (!value) return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: cn("text-muted-foreground", className), children: "\u2014" });
34781
+ return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: cn("flex items-center gap-2", className), children: [
34782
+ label && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: "text-sm font-medium", children: label }),
34783
+ /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("code", { className: "text-xs bg-background px-2 py-1 rounded break-all", children: truncate ? short2(value) : value }),
34784
+ showCopy && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
34679
34785
  Button,
34680
34786
  {
34681
34787
  variant: "ghost",
@@ -34689,10 +34795,10 @@ var Hash = ({
34689
34795
  } catch {
34690
34796
  }
34691
34797
  },
34692
- children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react92.Copy, { className: "h-4 w-4" })
34798
+ children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_lucide_react92.Copy, { className: "h-4 w-4" })
34693
34799
  }
34694
34800
  ),
34695
- showExplorer && explorer && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
34801
+ showExplorer && explorer && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
34696
34802
  "a",
34697
34803
  {
34698
34804
  href: explorer,
@@ -34700,7 +34806,7 @@ var Hash = ({
34700
34806
  rel: "noreferrer noopener",
34701
34807
  className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
34702
34808
  title: "Open in explorer",
34703
- children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react92.ExternalLink, { className: "h-4 w-4" })
34809
+ children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_lucide_react92.ExternalLink, { className: "h-4 w-4" })
34704
34810
  }
34705
34811
  )
34706
34812
  ] });
@@ -34709,7 +34815,7 @@ var Hash = ({
34709
34815
  // src/internal/components/TransactionsMenu/TransactionsList.tsx
34710
34816
  var import_react112 = require("react");
34711
34817
  init_base3();
34712
- var import_jsx_runtime145 = require("react/jsx-runtime");
34818
+ var import_jsx_runtime147 = require("react/jsx-runtime");
34713
34819
  var TransactionsList = ({ address, itemsCount = 10 }) => {
34714
34820
  const [transactions, setTransactions] = (0, import_react112.useState)([]);
34715
34821
  const [loading, setLoading] = (0, import_react112.useState)(true);
@@ -34760,31 +34866,31 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
34760
34866
  window.open(`${explorerUrl}/tx/${txHash}`, "_blank");
34761
34867
  };
34762
34868
  if (loading) {
34763
- return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "p-4 text-center", children: [
34764
- /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "animate-spin inline-block w-6 h-6 border-2 border-current border-t-transparent rounded-full" }),
34765
- /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "mt-2 text-sm text-gray-600", children: "Loading transactions..." })
34869
+ return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "p-4 text-center", children: [
34870
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "animate-spin inline-block w-6 h-6 border-2 border-current border-t-transparent rounded-full" }),
34871
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "mt-2 text-sm text-gray-600", children: "Loading transactions..." })
34766
34872
  ] });
34767
34873
  }
34768
34874
  if (error) {
34769
- return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "p-4 text-center", children: [
34770
- /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "text-red-600 text-sm", children: error }),
34771
- /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("button", { onClick: () => window.location.reload(), className: "mt-2 text-blue-600 text-sm hover:underline", children: "Retry" })
34875
+ return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "p-4 text-center", children: [
34876
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-red-600 text-sm", children: error }),
34877
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("button", { onClick: () => window.location.reload(), className: "mt-2 text-blue-600 text-sm hover:underline", children: "Retry" })
34772
34878
  ] });
34773
34879
  }
34774
34880
  if (transactions.length === 0) {
34775
- return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "p-4 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: "text-gray-600 text-sm", children: "No transactions found" }) });
34881
+ return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "p-4 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-gray-600 text-sm", children: "No transactions found" }) });
34776
34882
  }
34777
- return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "space-y-2 p-2", children: transactions.map((tx) => /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
34883
+ return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "space-y-2 p-2", children: transactions.map((tx) => /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
34778
34884
  "div",
34779
34885
  {
34780
34886
  className: "border rounded-lg p-3 hover:bg-gray-50 cursor-pointer transition-colors",
34781
34887
  onClick: () => openTransaction(tx.hash),
34782
34888
  children: [
34783
- /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex justify-between items-start mb-2", children: [
34784
- /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex-1", children: [
34785
- /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center space-x-2 mb-1", children: [
34786
- /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-xs font-mono bg-gray-100 px-2 py-1 rounded", children: formatAddress4(tx.hash) }),
34787
- /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
34889
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex justify-between items-start mb-2", children: [
34890
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex-1", children: [
34891
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-center space-x-2 mb-1", children: [
34892
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-xs font-mono bg-gray-100 px-2 py-1 rounded", children: formatAddress4(tx.hash) }),
34893
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
34788
34894
  "span",
34789
34895
  {
34790
34896
  className: `text-xs px-2 py-1 rounded ${tx.status === "ok" ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`,
@@ -34792,40 +34898,40 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
34792
34898
  }
34793
34899
  )
34794
34900
  ] }),
34795
- /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "text-sm space-y-1", children: [
34796
- /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { children: [
34797
- /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-gray-600", children: "From:" }),
34798
- /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("span", { className: "font-mono ml-1", children: [
34901
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "text-sm space-y-1", children: [
34902
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { children: [
34903
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-gray-600", children: "From:" }),
34904
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("span", { className: "font-mono ml-1", children: [
34799
34905
  formatAddress4(tx.from.hash),
34800
- tx.from.is_contract && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
34906
+ tx.from.is_contract && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
34801
34907
  ] })
34802
34908
  ] }),
34803
- /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { children: [
34804
- /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-gray-600", children: "To:" }),
34805
- /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("span", { className: "font-mono ml-1", children: [
34909
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { children: [
34910
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-gray-600", children: "To:" }),
34911
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("span", { className: "font-mono ml-1", children: [
34806
34912
  formatAddress4(tx.to.hash),
34807
- tx.to.is_contract && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
34913
+ tx.to.is_contract && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
34808
34914
  ] })
34809
34915
  ] }),
34810
- /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { children: [
34811
- /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-gray-600", children: "Value:" }),
34812
- /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("span", { className: "font-semibold ml-1", children: [
34916
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { children: [
34917
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-gray-600", children: "Value:" }),
34918
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("span", { className: "font-semibold ml-1", children: [
34813
34919
  formatValue3(tx.value),
34814
34920
  " LUMIA"
34815
34921
  ] })
34816
34922
  ] })
34817
34923
  ] })
34818
34924
  ] }),
34819
- /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "text-right text-xs text-gray-500", children: [
34820
- /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { children: formatDate2(tx.timestamp) }),
34821
- /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "mt-1", children: [
34925
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "text-right text-xs text-gray-500", children: [
34926
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { children: formatDate2(tx.timestamp) }),
34927
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "mt-1", children: [
34822
34928
  "Gas: ",
34823
34929
  parseInt(tx.gas_used).toLocaleString()
34824
34930
  ] }),
34825
- tx.method && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "mt-1 text-blue-600", children: tx.method })
34931
+ tx.method && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "mt-1 text-blue-600", children: tx.method })
34826
34932
  ] })
34827
34933
  ] }),
34828
- tx.transaction_types.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "flex flex-wrap gap-1 mt-2", children: tx.transaction_types.map((type, idx) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full", children: type.replace("_", " ") }, idx)) })
34934
+ tx.transaction_types.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "flex flex-wrap gap-1 mt-2", children: tx.transaction_types.map((type, idx) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full", children: type.replace("_", " ") }, idx)) })
34829
34935
  ]
34830
34936
  },
34831
34937
  tx.hash
@@ -34838,7 +34944,7 @@ init_vaultClient();
34838
34944
  init_useSendTransaction();
34839
34945
 
34840
34946
  // src/hooks/useUserOpStatus.ts
34841
- var React37 = __toESM(require("react"), 1);
34947
+ var React39 = __toESM(require("react"), 1);
34842
34948
  init_bundler();
34843
34949
  function useUserOpStatus(options = {}) {
34844
34950
  const {
@@ -34850,23 +34956,23 @@ function useUserOpStatus(options = {}) {
34850
34956
  onReceipt,
34851
34957
  onTxHash
34852
34958
  } = options;
34853
- const [state, setState] = React37.useState("waiting");
34854
- const [receipt, setReceipt] = React37.useState(null);
34855
- const [mempool, setMempool] = React37.useState(null);
34856
- const [txHash, setTxHash] = React37.useState(null);
34857
- const [error, setError] = React37.useState(null);
34858
- const [isPolling, setIsPolling] = React37.useState(false);
34859
- const intervalRef = React37.useRef(null);
34860
- const startTimeRef = React37.useRef(Date.now());
34861
- const prevStateRef = React37.useRef("waiting");
34862
- const extractMempoolInfo = React37.useCallback((m) => {
34959
+ const [state, setState] = React39.useState("waiting");
34960
+ const [receipt, setReceipt] = React39.useState(null);
34961
+ const [mempool, setMempool] = React39.useState(null);
34962
+ const [txHash, setTxHash] = React39.useState(null);
34963
+ const [error, setError] = React39.useState(null);
34964
+ const [isPolling, setIsPolling] = React39.useState(false);
34965
+ const intervalRef = React39.useRef(null);
34966
+ const startTimeRef = React39.useRef(Date.now());
34967
+ const prevStateRef = React39.useRef("waiting");
34968
+ const extractMempoolInfo = React39.useCallback((m) => {
34863
34969
  if (!m) return null;
34864
34970
  const entryPoint = m.entryPoint || m?.userOperation?.entryPoint || null;
34865
34971
  const sender = m.sender || m?.userOperation?.sender || null;
34866
34972
  if (!entryPoint && !sender) return null;
34867
34973
  return { entryPoint, sender };
34868
34974
  }, []);
34869
- const updateState = React37.useCallback(
34975
+ const updateState = React39.useCallback(
34870
34976
  (newState) => {
34871
34977
  setState(newState);
34872
34978
  if (prevStateRef.current !== newState) {
@@ -34876,7 +34982,7 @@ function useUserOpStatus(options = {}) {
34876
34982
  },
34877
34983
  [onStateChange]
34878
34984
  );
34879
- const tick = React37.useCallback(async () => {
34985
+ const tick = React39.useCallback(async () => {
34880
34986
  if (!userOpHash || !enabled) return;
34881
34987
  if (receipt) {
34882
34988
  console.log("[useUserOpStatus] Already have receipt, skipping tick");
@@ -34939,7 +35045,7 @@ function useUserOpStatus(options = {}) {
34939
35045
  setIsPolling(false);
34940
35046
  }
34941
35047
  }, [userOpHash, enabled, receipt, maxPollTimeMs, extractMempoolInfo, updateState, onTxHash, onReceipt]);
34942
- React37.useEffect(() => {
35048
+ React39.useEffect(() => {
34943
35049
  if (!userOpHash || !enabled) return;
34944
35050
  console.log("[useUserOpStatus] Initializing for UserOp hash:", userOpHash);
34945
35051
  startTimeRef.current = Date.now();
@@ -34951,7 +35057,7 @@ function useUserOpStatus(options = {}) {
34951
35057
  setError(null);
34952
35058
  setIsPolling(false);
34953
35059
  }, [userOpHash, enabled]);
34954
- React37.useEffect(() => {
35060
+ React39.useEffect(() => {
34955
35061
  if (!userOpHash || !enabled) {
34956
35062
  console.log("[useUserOpStatus] Not starting polling - no hash or disabled");
34957
35063
  return;
@@ -34987,7 +35093,7 @@ function useUserOpStatus(options = {}) {
34987
35093
  }
34988
35094
  };
34989
35095
  }, [userOpHash, enabled, pollMs]);
34990
- const refresh = React37.useCallback(async () => {
35096
+ const refresh = React39.useCallback(async () => {
34991
35097
  await tick();
34992
35098
  }, [tick]);
34993
35099
  return {