From 82aa92c8a8a36a9eaf58954bd7c37dfbfbf70573 Mon Sep 17 00:00:00 2001
From: Kahn <0xkahnchan@gmail.com>
Date: Tue, 14 Jul 2026 23:38:30 +0800
Subject: [PATCH] feat: integrate unifold perps deposits

---
 .env.example                                  |   3 +
 development/envExposedToClient.js             |   1 +
 packages/kit/package.json                     |   3 +
 .../OrderInfoPanel/PerpOrderInfoPanel.tsx     |  33 +
 .../modals/PerpsUnifoldDepositModal.tsx       |  22 +
 .../modals/PerpsUnifoldDepositModal.web.css   |   9 +
 .../modals/PerpsUnifoldDepositModal.web.tsx   | 542 ++++++++++++++
 .../TradingPanel/panels/PerpAccountPanel.tsx  |  31 +-
 packages/kit/src/views/Perp/consts/unifold.ts |   8 +
 .../Perp/hooks/useShowDepositWithdrawModal.ts |  32 +-
 yarn.lock                                     | 676 +++++++++++++++++-
 11 files changed, 1332 insertions(+), 28 deletions(-)
 create mode 100644 packages/kit/src/views/Perp/components/TradingPanel/modals/PerpsUnifoldDepositModal.tsx
 create mode 100644 packages/kit/src/views/Perp/components/TradingPanel/modals/PerpsUnifoldDepositModal.web.css
 create mode 100644 packages/kit/src/views/Perp/components/TradingPanel/modals/PerpsUnifoldDepositModal.web.tsx
 create mode 100644 packages/kit/src/views/Perp/consts/unifold.ts

diff --git a/.env.example b/.env.example
index 8c21ed984847..f8f50177f014 100644
--- a/.env.example
+++ b/.env.example
@@ -24,6 +24,9 @@ EXT_SENTRY_DSN=
 # runtime: covanlant API token
 COVALENT_KEY=
 
+# Unifold web SDK (publishable)
+UNIFOLD_PUBLISHABLE_KEY=
+
 # Jpush
 JPUSH_KEY=
 JPUSH_CHANNEL=
diff --git a/development/envExposedToClient.js b/development/envExposedToClient.js
index fc7288e8b8b7..818c30214137 100644
--- a/development/envExposedToClient.js
+++ b/development/envExposedToClient.js
@@ -24,6 +24,7 @@ function buildEnvExposedToClientDangerously({ platform }) {
     'WORKFLOW_GITHUB_SHA',
     'STORYBOOK_ENABLED',
     'WALLETCONNECT_PROJECT_ID',
+    'UNIFOLD_PUBLISHABLE_KEY',
     'SENTRY_DSN_EXT',
     'SENTRY_DSN_DESKTOP',
     'SENTRY_DSN_MAS',
diff --git a/packages/kit/package.json b/packages/kit/package.json
index 78e3c1983769..f0fa0a7e190c 100644
--- a/packages/kit/package.json
+++ b/packages/kit/package.json
@@ -5,7 +5,10 @@
   "main": "src/index.tsx",
   "dependencies": {
     "@onekeyhq/components": "*",
+    "@tanstack/react-query": "5.101.2",
     "@types/url-parse": "^1.4.8",
+    "@unifold/core": "0.1.67",
+    "@unifold/ui-react": "0.1.67",
     "date-fns": "2.30.0",
     "expo-camera": "16.1.10",
     "fuse.js": "^7.0.0",
diff --git a/packages/kit/src/views/Perp/components/OrderInfoPanel/PerpOrderInfoPanel.tsx b/packages/kit/src/views/Perp/components/OrderInfoPanel/PerpOrderInfoPanel.tsx
index 0fea4d72c276..36fd2924295e 100644
--- a/packages/kit/src/views/Perp/components/OrderInfoPanel/PerpOrderInfoPanel.tsx
+++ b/packages/kit/src/views/Perp/components/OrderInfoPanel/PerpOrderInfoPanel.tsx
@@ -5,10 +5,12 @@ import { useIntl } from 'react-intl';
 
 import type { ITabContainerRef } from '@onekeyhq/components';
 import {
+  Button,
   DebugRenderTracker,
   SizableText,
   Tabs,
   XStack,
+  useThemeName,
 } from '@onekeyhq/components';
 import backgroundApiProxy from '@onekeyhq/kit/src/background/instance/backgroundApiProxy';
 import { useHyperliquidActions } from '@onekeyhq/kit/src/states/jotai/contexts/hyperliquid';
@@ -37,6 +39,7 @@ import { isSpotInstrument } from '@onekeyhq/shared/src/utils/perpsUtils';
 import { usePerpsAccountScopedCacheAddress } from '../../hooks/usePerpsAccountScopedCacheAddress';
 import { isHyperLiquidUnifiedAccountMode } from '../../utils';
 import { getPerpsAccountScopedListData } from '../../utils/accountScopedData';
+import { showPerpsUnifoldDepositTracker } from '../TradingPanel/modals/PerpsUnifoldDepositModal';
 
 import { PerpAccountList } from './List/PerpAccountList';
 import { PerpOpenOrdersList } from './List/PerpOpenOrdersList';
@@ -175,6 +178,8 @@ function TabBarItem({
 function PerpOrderInfoPanel() {
   const tabsRef = useRef<ITabContainerRef | null>(null);
   const actions = useHyperliquidActions();
+  const themeName = useThemeName();
+  const [currentUser] = usePerpsActiveAccountAtom();
   const [tradeRouteViewState] = useTradeRouteViewStateAtom();
   const [pendingInfoPanelTab, setPendingInfoPanelTab] =
     usePerpsPendingInfoPanelTabAtom();
@@ -210,6 +215,16 @@ function PerpOrderInfoPanel() {
     tabsRef.current?.jumpToTab('Open Orders');
   };
 
+  const handleOpenDepositTracker = () => {
+    if (!currentUser?.accountId || !currentUser.accountAddress) {
+      return;
+    }
+    showPerpsUnifoldDepositTracker({
+      selectedAccount: currentUser,
+      theme: themeName === 'dark' ? 'dark' : 'light',
+    });
+  };
+
   return (
     <Tabs.Container
       ref={tabsRef as any}
@@ -240,6 +255,24 @@ function PerpOrderInfoPanel() {
             padding: 0,
             cursor: 'default',
           }}
+          renderToolbar={() =>
+            activeTab === 'Account' && platformEnv.isWeb ? (
+              <XStack pr="$3">
+                <Button
+                  testID="perp-account-deposit-tracker"
+                  size="small"
+                  variant="tertiary"
+                  icon="ClockTimeHistoryOutline"
+                  disabled={
+                    !currentUser?.accountId || !currentUser.accountAddress
+                  }
+                  onPress={handleOpenDepositTracker}
+                >
+                  Deposit Tracker
+                </Button>
+              </XStack>
+            ) : null
+          }
         />
       )}
     >
diff --git a/packages/kit/src/views/Perp/components/TradingPanel/modals/PerpsUnifoldDepositModal.tsx b/packages/kit/src/views/Perp/components/TradingPanel/modals/PerpsUnifoldDepositModal.tsx
new file mode 100644
index 000000000000..d7124effccba
--- /dev/null
+++ b/packages/kit/src/views/Perp/components/TradingPanel/modals/PerpsUnifoldDepositModal.tsx
@@ -0,0 +1,22 @@
+// cspell: words unifold Unifold
+import { Toast } from '@onekeyhq/components';
+import type { IPerpsActiveAccountAtom } from '@onekeyhq/kit-bg/src/states/jotai/atoms';
+
+export function showPerpsUnifoldDepositDialog({
+  onOneKeyWalletPress,
+}: {
+  selectedAccount: IPerpsActiveAccountAtom;
+  onOneKeyWalletPress: () => void;
+}) {
+  onOneKeyWalletPress();
+}
+
+export function showPerpsUnifoldDepositTracker(_params: {
+  selectedAccount: IPerpsActiveAccountAtom;
+  theme: 'light' | 'dark';
+}) {
+  Toast.message({
+    title: 'Unifold demo',
+    message: 'Deposit Tracker is available in the web Unifold SDK demo.',
+  });
+}
diff --git a/packages/kit/src/views/Perp/components/TradingPanel/modals/PerpsUnifoldDepositModal.web.css b/packages/kit/src/views/Perp/components/TradingPanel/modals/PerpsUnifoldDepositModal.web.css
new file mode 100644
index 000000000000..5ec656f4b54d
--- /dev/null
+++ b/packages/kit/src/views/Perp/components/TradingPanel/modals/PerpsUnifoldDepositModal.web.css
@@ -0,0 +1,9 @@
+@media (max-width: 639px) {
+  body.perps-unifold-modal-open [role='dialog'].\!uf-h-full {
+    top: 50% !important;
+    height: auto !important;
+    max-height: calc(100vh - 32px) !important;
+    max-height: calc(100dvh - 32px) !important;
+    overflow-y: auto !important;
+  }
+}
diff --git a/packages/kit/src/views/Perp/components/TradingPanel/modals/PerpsUnifoldDepositModal.web.tsx b/packages/kit/src/views/Perp/components/TradingPanel/modals/PerpsUnifoldDepositModal.web.tsx
new file mode 100644
index 000000000000..f967d90a847e
--- /dev/null
+++ b/packages/kit/src/views/Perp/components/TradingPanel/modals/PerpsUnifoldDepositModal.web.tsx
@@ -0,0 +1,542 @@
+// cspell: words cashapp onramps unifold Unifold
+import { useCallback, useMemo, useState } from 'react';
+
+import {
+  QueryClient,
+  QueryClientProvider,
+  useQuery,
+} from '@tanstack/react-query';
+import {
+  getExchanges,
+  getIntegrationExchanges,
+  getPreferredIconUrl,
+  getProjectConfig,
+} from '@unifold/core';
+import { DepositModal, ThemeProvider } from '@unifold/ui-react';
+import '@unifold/ui-react/styles-base.css';
+import '@unifold/ui-react/styles.css';
+import { createRoot } from 'react-dom/client';
+
+import {
+  Dialog,
+  Icon,
+  Image,
+  SegmentControl,
+  SizableText,
+  Stack,
+  Toast,
+  XStack,
+  YStack,
+  useThemeName,
+} from '@onekeyhq/components';
+import { Token } from '@onekeyhq/kit/src/components/Token';
+import type { IPerpsActiveAccountAtom } from '@onekeyhq/kit-bg/src/states/jotai/atoms';
+import { USDC_TOKEN_INFO } from '@onekeyhq/shared/types/hyperliquid/perp.constants';
+
+import {
+  UNIFOLD_HYPERCORE_CHAIN_ID,
+  UNIFOLD_HYPERCORE_USDC_PERP_ADDRESS,
+  UNIFOLD_HYPERCORE_USDC_PERP_SYMBOL,
+  UNIFOLD_PERPS_PUBLISHABLE_KEY,
+} from '../../../consts/unifold';
+
+import './PerpsUnifoldDepositModal.web.css';
+
+const unifoldQueryClient = new QueryClient();
+const UNIFOLD_QUERY_STALE_TIME = 5 * 60 * 1000;
+const PERPS_UNIFOLD_MODAL_OPEN_CLASS = 'perps-unifold-modal-open';
+
+type IPerpsDepositAction =
+  | 'onekey'
+  | 'transfer'
+  | 'card'
+  | 'exchangePay'
+  | 'exchangeConnect'
+  | 'cashApp'
+  | 'tracker';
+
+type IUnifoldInitialScreen =
+  | 'transfer'
+  | 'card'
+  | 'cashapp'
+  | 'tracker'
+  | 'pay_with_exchange'
+  | 'exchange_connect';
+
+type IUnifoldThemeMode = 'light' | 'dark';
+type IPerpsDepositMethod = 'crypto' | 'cash';
+
+const UNIFOLD_SCREEN_MAP: Partial<
+  Record<IPerpsDepositAction, IUnifoldInitialScreen>
+> = {
+  transfer: 'transfer',
+  card: 'card',
+  exchangePay: 'pay_with_exchange',
+  exchangeConnect: 'exchange_connect',
+  cashApp: 'cashapp',
+  tracker: 'tracker',
+};
+
+const PERPS_DEPOSIT_ACTIONS: Array<{
+  value: IPerpsDepositAction;
+  title: string;
+  subtitle: string;
+  icon: Parameters<typeof Icon>[0]['name'];
+}> = [
+  {
+    value: 'onekey',
+    title: 'Connected Wallet',
+    subtitle: 'Min $5 • Instant',
+    icon: 'WalletCryptoOutline',
+  },
+  {
+    value: 'transfer',
+    title: 'Transfer Crypto',
+    subtitle: 'No limit • Instant',
+    icon: 'QrCodeOutline',
+  },
+  {
+    value: 'card',
+    title: 'Deposit with Card',
+    subtitle: '$50,000 limit',
+    icon: 'CreditCardOutline',
+  },
+  {
+    value: 'exchangePay',
+    title: 'Pay with Exchange',
+    subtitle: 'Transfer from exchange',
+    icon: 'SwitchHorOutline',
+  },
+  {
+    value: 'exchangeConnect',
+    title: 'Connect Exchange',
+    subtitle: 'No limit • 2 min',
+    icon: 'StoreOutline',
+  },
+  {
+    value: 'cashApp',
+    title: 'Pay with Cash App',
+    subtitle: 'Deposit via Cash App',
+    icon: 'DollarOutline',
+  },
+  {
+    value: 'tracker',
+    title: 'Deposit Tracker',
+    subtitle: 'Track your deposit progress',
+    icon: 'ClockTimeHistoryOutline',
+  },
+];
+
+const PERPS_DEPOSIT_ACTION_GROUPS: Record<
+  IPerpsDepositMethod,
+  IPerpsDepositAction[]
+> = {
+  crypto: ['onekey', 'transfer', 'exchangeConnect'],
+  cash: ['card', 'exchangePay', 'cashApp', 'tracker'],
+};
+
+function usePerpsDepositHintLogos() {
+  const { data: projectConfig } = useQuery({
+    queryKey: ['unifold', 'project-config', UNIFOLD_PERPS_PUBLISHABLE_KEY],
+    queryFn: () => getProjectConfig(UNIFOLD_PERPS_PUBLISHABLE_KEY),
+    enabled: Boolean(UNIFOLD_PERPS_PUBLISHABLE_KEY),
+    staleTime: UNIFOLD_QUERY_STALE_TIME,
+  });
+  const { data: integrationExchanges } = useQuery({
+    queryKey: [
+      'unifold',
+      'integration-exchanges',
+      UNIFOLD_PERPS_PUBLISHABLE_KEY,
+    ],
+    queryFn: () => getIntegrationExchanges(UNIFOLD_PERPS_PUBLISHABLE_KEY),
+    enabled: Boolean(UNIFOLD_PERPS_PUBLISHABLE_KEY),
+    staleTime: UNIFOLD_QUERY_STALE_TIME,
+  });
+  const { data: exchangeProviders } = useQuery({
+    queryKey: ['unifold', 'exchange-providers', UNIFOLD_PERPS_PUBLISHABLE_KEY],
+    queryFn: () => getExchanges(undefined, UNIFOLD_PERPS_PUBLISHABLE_KEY),
+    enabled: Boolean(UNIFOLD_PERPS_PUBLISHABLE_KEY),
+    staleTime: UNIFOLD_QUERY_STALE_TIME,
+  });
+
+  return useMemo<Partial<Record<IPerpsDepositAction, string[]>>>(() => {
+    const transferLogos = (projectConfig?.transfer_crypto.networks ?? [])
+      .toSorted((a, b) => a.position - b.position)
+      .flatMap((network) => {
+        const iconUrl = getPreferredIconUrl(network.icon_urls, 'png');
+        return iconUrl ? [iconUrl] : [];
+      });
+    const exchangeLogos = (integrationExchanges?.data ?? [])
+      .filter((exchange) => exchange.enabled)
+      .flatMap((exchange) => {
+        const iconUrl =
+          getPreferredIconUrl(exchange.icon_urls, 'png') || exchange.icon_url;
+        return iconUrl ? [iconUrl] : [];
+      });
+    const cardLogos = (projectConfig?.payment_networks.networks ?? []).flatMap(
+      (network) => {
+        const iconUrl = getPreferredIconUrl(network.icon_urls, 'svg');
+        return iconUrl ? [iconUrl] : [];
+      },
+    );
+    const payWithExchangeLogos = (exchangeProviders?.data ?? [])
+      .filter((exchange) => exchange.enabled)
+      .slice(0, 3)
+      .flatMap((exchange) => {
+        const iconUrl =
+          getPreferredIconUrl(exchange.icon_urls, 'svg') || exchange.icon_url;
+        return iconUrl ? [iconUrl] : [];
+      });
+    const cashAppLogo = projectConfig?.asset_cdn_url
+      ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/cashapp.svg`
+      : undefined;
+
+    return {
+      transfer: transferLogos,
+      card: cardLogos,
+      exchangePay: payWithExchangeLogos,
+      exchangeConnect: exchangeLogos,
+      cashApp: cashAppLogo ? [cashAppLogo] : [],
+    };
+  }, [exchangeProviders, integrationExchanges, projectConfig]);
+}
+
+function PerpsDepositMethodLabel({
+  method,
+  active,
+}: {
+  method: IPerpsDepositMethod;
+  active: boolean;
+}) {
+  return (
+    <XStack alignItems="center" justifyContent="center" gap="$1">
+      <Stack width="$5" height="$5" alignItems="center" justifyContent="center">
+        <Icon
+          name={method === 'crypto' ? 'BitcoinOutline' : 'DollarOutline'}
+          color={active ? '$iconInverse' : '$icon'}
+          size="$4"
+        />
+      </Stack>
+      <SizableText
+        size="$bodySmMedium"
+        color={active ? '$textInverse' : '$text'}
+        numberOfLines={1}
+      >
+        {method === 'crypto' ? 'Use Crypto' : 'Use Cash'}
+      </SizableText>
+    </XStack>
+  );
+}
+
+function PerpsDepositHintDots({
+  action,
+  logos,
+}: {
+  action: IPerpsDepositAction;
+  logos?: string[];
+}) {
+  if (!logos?.length) {
+    return null;
+  }
+
+  if (action === 'card') {
+    return (
+      <XStack alignItems="center" gap="$1.5">
+        {logos.map((logo) => (
+          <Image
+            key={logo}
+            w="$5"
+            h="$5"
+            resizeMode="contain"
+            source={{ uri: logo }}
+          />
+        ))}
+      </XStack>
+    );
+  }
+
+  if (action === 'cashApp') {
+    return (
+      <Image w="$4.5" h="$4.5" borderRadius="$1" source={{ uri: logos[0] }} />
+    );
+  }
+
+  if (action === 'exchangeConnect' || action === 'exchangePay') {
+    return (
+      <XStack alignItems="center">
+        {logos.map((logo, index) => (
+          <Image
+            key={logo}
+            w="$5"
+            h="$5"
+            borderRadius="$full"
+            borderWidth="$px"
+            borderColor="$bgApp"
+            source={{ uri: logo }}
+            {...(index === 0 ? undefined : { ml: '$-1.5' })}
+          />
+        ))}
+      </XStack>
+    );
+  }
+
+  return (
+    <XStack alignItems="center">
+      {logos.map((tokenImageUri, index) => (
+        <Token
+          key={tokenImageUri}
+          size="xxs"
+          tokenImageUri={tokenImageUri}
+          w="$4.5"
+          h="$4.5"
+          borderWidth="$px"
+          borderColor="$bgApp"
+          {...(index === 0 ? undefined : { ml: '$-1' })}
+        />
+      ))}
+    </XStack>
+  );
+}
+
+function PerpsDepositActionRow({
+  action,
+  hintLogos,
+  onPress,
+}: {
+  action: (typeof PERPS_DEPOSIT_ACTIONS)[number];
+  hintLogos?: string[];
+  onPress: (action: IPerpsDepositAction) => void;
+}) {
+  const handlePress = useCallback(() => {
+    onPress(action.value);
+  }, [action.value, onPress]);
+
+  return (
+    <XStack
+      minHeight="$13"
+      borderRadius="$3"
+      px="$3"
+      py="$2.5"
+      alignItems="center"
+      gap="$2.5"
+      cursor="pointer"
+      hoverStyle={{ bg: '$bgHover' }}
+      pressStyle={{ bg: '$bgActive' }}
+      onPress={handlePress}
+    >
+      <Stack width="$7" alignItems="center">
+        <Icon name={action.icon} color="$icon" size="$5" />
+      </Stack>
+      <YStack flex={1} minWidth={0}>
+        <SizableText size="$bodySmMedium" color="$text" numberOfLines={1}>
+          {action.title}
+        </SizableText>
+        <SizableText size="$bodyXs" color="$textSubdued" numberOfLines={1}>
+          {action.subtitle}
+        </SizableText>
+      </YStack>
+      <PerpsDepositHintDots action={action.value} logos={hintLogos} />
+      <Icon name="ChevronRightSmallOutline" color="$iconSubdued" size="$4" />
+    </XStack>
+  );
+}
+
+function PerpsUnifoldDepositModal({
+  selectedAccount,
+  onOneKeyWalletPress,
+  onOpenChange,
+}: {
+  selectedAccount: IPerpsActiveAccountAtom;
+  onOneKeyWalletPress: () => void;
+  onOpenChange: (open: boolean) => void;
+}) {
+  const themeName = useThemeName();
+  const [method, setMethod] = useState<IPerpsDepositMethod>('crypto');
+  const hintLogos = usePerpsDepositHintLogos();
+  const unifoldTheme: IUnifoldThemeMode =
+    themeName === 'dark' ? 'dark' : 'light';
+
+  const handleActionPress = useCallback(
+    (action: IPerpsDepositAction) => {
+      if (action === 'onekey') {
+        onOpenChange(false);
+        onOneKeyWalletPress();
+        return;
+      }
+
+      const nextScreen = UNIFOLD_SCREEN_MAP[action];
+      if (nextScreen) {
+        onOpenChange(false);
+        showStandaloneUnifoldDepositModal({
+          selectedAccount,
+          initialScreen: nextScreen,
+          theme: unifoldTheme,
+        });
+      }
+    },
+    [onOneKeyWalletPress, onOpenChange, selectedAccount, unifoldTheme],
+  );
+
+  const actions = PERPS_DEPOSIT_ACTIONS.filter((action) =>
+    PERPS_DEPOSIT_ACTION_GROUPS[method].includes(action.value),
+  );
+
+  return (
+    <YStack gap="$3" pb="$4" width="100%">
+      <SegmentControl
+        value={method}
+        onChange={(value) => {
+          setMethod(value as IPerpsDepositMethod);
+        }}
+        options={[
+          {
+            value: 'crypto',
+            label: (
+              <PerpsDepositMethodLabel
+                method="crypto"
+                active={method === 'crypto'}
+              />
+            ),
+          },
+          {
+            value: 'cash',
+            label: (
+              <PerpsDepositMethodLabel
+                method="cash"
+                active={method === 'cash'}
+              />
+            ),
+          },
+        ]}
+        fullWidth
+      />
+      <YStack gap="$1">
+        {actions.map((action) => (
+          <PerpsDepositActionRow
+            key={action.value}
+            action={action}
+            hintLogos={hintLogos[action.value]}
+            onPress={handleActionPress}
+          />
+        ))}
+      </YStack>
+    </YStack>
+  );
+}
+
+function showStandaloneUnifoldDepositModal({
+  selectedAccount,
+  initialScreen,
+  theme,
+}: {
+  selectedAccount: IPerpsActiveAccountAtom;
+  initialScreen: IUnifoldInitialScreen;
+  theme: IUnifoldThemeMode;
+}) {
+  if (!UNIFOLD_PERPS_PUBLISHABLE_KEY) {
+    Toast.error({ title: 'Unifold is not configured' });
+    return;
+  }
+
+  const container = document.createElement('div');
+  document.body.appendChild(container);
+  document.body.classList.add(PERPS_UNIFOLD_MODAL_OPEN_CLASS);
+  const root = createRoot(container);
+
+  const close = () => {
+    root.unmount();
+    container.remove();
+    document.body.classList.remove(PERPS_UNIFOLD_MODAL_OPEN_CLASS);
+  };
+
+  root.render(
+    <QueryClientProvider client={unifoldQueryClient}>
+      <ThemeProvider mode={theme}>
+        <DepositModal
+          open
+          onOpenChange={(open) => {
+            if (!open) {
+              close();
+            }
+          }}
+          userId={
+            selectedAccount.accountAddress || selectedAccount.accountId || ''
+          }
+          publishableKey={UNIFOLD_PERPS_PUBLISHABLE_KEY}
+          modalTitle="Deposit Crypto"
+          destinationChainType="ethereum"
+          destinationChainId={UNIFOLD_HYPERCORE_CHAIN_ID}
+          destinationTokenAddress={UNIFOLD_HYPERCORE_USDC_PERP_ADDRESS}
+          destinationTokenSymbol={UNIFOLD_HYPERCORE_USDC_PERP_SYMBOL}
+          recipientAddress={selectedAccount.accountAddress || ''}
+          defaultSourceChainType="ethereum"
+          defaultSourceChainId="42161"
+          defaultSourceTokenAddress={USDC_TOKEN_INFO.address}
+          defaultSourceSymbol={USDC_TOKEN_INFO.symbol}
+          theme={theme}
+          initialScreen={initialScreen}
+          displayMode="stacked"
+          transferInputVariant="double_input"
+          browserWalletAmountQuickSelect="percentage"
+          enableTransferCrypto
+          enableConnectWallet
+          enableFiatOnramp
+          enablePayWithExchange
+          enableConnectExchange
+          enableCashApp
+          onDepositSuccess={({ message }) => {
+            Toast.success({ title: message || 'Deposit submitted' });
+          }}
+          onDepositError={({ message }) => {
+            Toast.error({ title: message || 'Deposit failed' });
+          }}
+        />
+      </ThemeProvider>
+    </QueryClientProvider>,
+  );
+}
+
+export function showPerpsUnifoldDepositTracker({
+  selectedAccount,
+  theme,
+}: {
+  selectedAccount: IPerpsActiveAccountAtom;
+  theme: 'light' | 'dark';
+}) {
+  showStandaloneUnifoldDepositModal({
+    selectedAccount,
+    initialScreen: 'tracker',
+    theme,
+  });
+}
+
+export function showPerpsUnifoldDepositDialog({
+  selectedAccount,
+  onOneKeyWalletPress,
+}: {
+  selectedAccount: IPerpsActiveAccountAtom;
+  onOneKeyWalletPress: () => void;
+}) {
+  if (!UNIFOLD_PERPS_PUBLISHABLE_KEY) {
+    onOneKeyWalletPress();
+    return;
+  }
+
+  const dialog = Dialog.show({
+    title: 'Deposit',
+    showFooter: false,
+    renderContent: (
+      <QueryClientProvider client={unifoldQueryClient}>
+        <PerpsUnifoldDepositModal
+          selectedAccount={selectedAccount}
+          onOneKeyWalletPress={onOneKeyWalletPress}
+          onOpenChange={(open) => {
+            if (!open) {
+              void dialog.close();
+            }
+          }}
+        />
+      </QueryClientProvider>
+    ),
+  });
+}
diff --git a/packages/kit/src/views/Perp/components/TradingPanel/panels/PerpAccountPanel.tsx b/packages/kit/src/views/Perp/components/TradingPanel/panels/PerpAccountPanel.tsx
index 73021456c10d..5033090c5ac3 100644
--- a/packages/kit/src/views/Perp/components/TradingPanel/panels/PerpAccountPanel.tsx
+++ b/packages/kit/src/views/Perp/components/TradingPanel/panels/PerpAccountPanel.tsx
@@ -13,7 +13,6 @@ import {
   XStack,
   YStack,
   useClipboard,
-  useInTabDialog,
 } from '@onekeyhq/components';
 import { openHyperLiquidExplorerUrl } from '@onekeyhq/kit/src/utils/explorerUtils';
 import {
@@ -27,10 +26,10 @@ import platformEnv from '@onekeyhq/shared/src/platformEnv';
 import accountUtils from '@onekeyhq/shared/src/utils/accountUtils';
 import { numberFormat } from '@onekeyhq/shared/src/utils/numberUtils';
 
+import { useShowDepositWithdrawModal } from '../../../hooks/useShowDepositWithdrawModal';
 import { useShowPortfolio } from '../../../hooks/useShowPortfolio';
 import { getPortfolioTitle } from '../../Portfolio/PerpPortfolioModal';
 import { PerpsAccountNumberValue } from '../components/PerpsAccountNumberValue';
-import { showDepositWithdrawDialog } from '../modals/DepositWithdrawModal';
 
 export function PerpAccountDebugInfo() {
   const [accountSummary] = usePerpsActiveAccountSummaryAtom();
@@ -102,13 +101,11 @@ function PerpAccountPanel() {
   const [computedValue] = usePerpsComputedAccountValueAtom();
   const [selectedAccount] = usePerpsActiveAccountAtom();
   const userAddress = selectedAccount.accountAddress;
-  const dialogInTab = useInTabDialog();
   const intl = useIntl();
   const { copyText } = useClipboard();
   const { showPortfolio } = useShowPortfolio();
-  const isDepositDisabled = accountUtils.isWatchingAccount({
-    accountId: selectedAccount.accountId || '',
-  });
+  const { showDepositWithdrawModal, isDepositDisabled } =
+    useShowDepositWithdrawModal();
 
   const unrealizedPnlInfo = useMemo(() => {
     const pnlBn = new BigNumber(accountSummary?.totalUnrealizedPnl || '0');
@@ -275,17 +272,7 @@ function PerpAccountPanel() {
             h={36}
             variant="secondary"
             disabled={isDepositDisabled}
-            onPress={() =>
-              isDepositDisabled
-                ? undefined
-                : showDepositWithdrawDialog(
-                    {
-                      actionType: 'deposit',
-                    },
-                    dialogInTab,
-                    intl,
-                  )
-            }
+            onPress={() => void showDepositWithdrawModal('deposit')}
             alignItems="center"
             justifyContent="center"
             childrenAsText={false}
@@ -306,15 +293,7 @@ function PerpAccountPanel() {
             title={intl.formatMessage({
               id: ETranslations.perp_trade_withdraw,
             })}
-            onPress={() =>
-              showDepositWithdrawDialog(
-                {
-                  actionType: 'withdraw',
-                },
-                dialogInTab,
-                intl,
-              )
-            }
+            onPress={() => void showDepositWithdrawModal('withdraw')}
           />
           <IconButton
             testID="perp-icon-btn"
diff --git a/packages/kit/src/views/Perp/consts/unifold.ts b/packages/kit/src/views/Perp/consts/unifold.ts
new file mode 100644
index 000000000000..b9a0d6610ae6
--- /dev/null
+++ b/packages/kit/src/views/Perp/consts/unifold.ts
@@ -0,0 +1,8 @@
+// cspell: words hypercore unifold Unifold
+export const UNIFOLD_PERPS_PUBLISHABLE_KEY =
+  process.env.UNIFOLD_PUBLISHABLE_KEY || '';
+
+export const UNIFOLD_HYPERCORE_CHAIN_ID = '1337';
+export const UNIFOLD_HYPERCORE_USDC_PERP_ADDRESS =
+  '0x00000000000000000000000000000000';
+export const UNIFOLD_HYPERCORE_USDC_PERP_SYMBOL = 'USDC (Perp)';
diff --git a/packages/kit/src/views/Perp/hooks/useShowDepositWithdrawModal.ts b/packages/kit/src/views/Perp/hooks/useShowDepositWithdrawModal.ts
index d2453084e8ee..71d0e74db1b9 100644
--- a/packages/kit/src/views/Perp/hooks/useShowDepositWithdrawModal.ts
+++ b/packages/kit/src/views/Perp/hooks/useShowDepositWithdrawModal.ts
@@ -13,6 +13,7 @@ import { EModalRoutes } from '@onekeyhq/shared/src/routes';
 import { EModalPerpRoutes } from '@onekeyhq/shared/src/routes/perp';
 import accountUtils from '@onekeyhq/shared/src/utils/accountUtils';
 
+import { showPerpsUnifoldDepositDialog } from '../components/TradingPanel/modals/PerpsUnifoldDepositModal';
 import { loadPerpsDepositWithdrawModal } from '../utils/preloadPerpsDepositWithdrawModal';
 
 type IPerpsDepositWithdrawActionType = 'deposit' | 'withdraw';
@@ -39,7 +40,7 @@ export function useShowDepositWithdrawModal() {
     });
   }, []);
 
-  const showModal = useCallback(
+  const openDepositWithdrawForm = useCallback(
     async (actionType: IPerpsDepositWithdrawActionType = 'deposit') => {
       if (actionType === 'deposit' && getLatestDepositDisabled()) {
         return;
@@ -64,5 +65,34 @@ export function useShowDepositWithdrawModal() {
     [gtMd, getLatestDepositDisabled, dialogInTab, intl, navigation],
   );
 
+  const showModal = useCallback(
+    async (actionType: IPerpsDepositWithdrawActionType = 'deposit') => {
+      if (actionType === 'deposit' && getLatestDepositDisabled()) {
+        return;
+      }
+
+      if (actionType !== 'deposit') {
+        await openDepositWithdrawForm(actionType);
+        return;
+      }
+
+      const selectedAccount = jotaiDefaultStore.get(
+        perpsActiveAccountAtom.atom(),
+      );
+      if (!selectedAccount.accountId || !selectedAccount.accountAddress) {
+        await openDepositWithdrawForm(actionType);
+        return;
+      }
+
+      showPerpsUnifoldDepositDialog({
+        selectedAccount,
+        onOneKeyWalletPress: () => {
+          void openDepositWithdrawForm('deposit');
+        },
+      });
+    },
+    [getLatestDepositDisabled, openDepositWithdrawForm],
+  );
+
   return { showDepositWithdrawModal: showModal, isDepositDisabled };
 }
diff --git a/yarn.lock b/yarn.lock
index 48616e6d879c..97732ac50b7d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10164,11 +10164,14 @@ __metadata:
   resolution: "@onekeyhq/kit@workspace:packages/kit"
   dependencies:
     "@onekeyhq/components": "npm:*"
+    "@tanstack/react-query": "npm:5.101.2"
     "@types/d3-scale": "npm:^4.0.3"
     "@types/d3-shape": "npm:^3.1.1"
     "@types/mime": "npm:^3"
     "@types/socket.io-client": "npm:^3.0.0"
     "@types/url-parse": "npm:^1.4.8"
+    "@unifold/core": "npm:0.1.67"
+    "@unifold/ui-react": "npm:0.1.67"
     date-fns: "npm:2.30.0"
     expo-camera: "npm:16.1.10"
     fuse.js: "npm:^7.0.0"
@@ -12771,6 +12774,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/number@npm:1.1.2":
+  version: 1.1.2
+  resolution: "@radix-ui/number@npm:1.1.2"
+  checksum: 10/61062fa9e93dee7073d8523304802bfbae6dcc78608197b3c13a1dfd69a6d0795469885a017a39f83f9f50e33cf6bad1f8d51f35125c86a67841bf49ccf66491
+  languageName: node
+  linkType: hard
+
 "@radix-ui/primitive@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/primitive@npm:1.1.0"
@@ -12778,6 +12788,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/primitive@npm:1.1.4":
+  version: 1.1.4
+  resolution: "@radix-ui/primitive@npm:1.1.4"
+  checksum: 10/983f49f953b39eca8cc0fa26f429375bd153535371a222255814ee7b9d2ff89c6ab3c73399eb77c027944d76289e7bc4eec03121c1f782a93d27623de11ad135
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-arrow@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/react-arrow@npm:1.1.0"
@@ -12797,6 +12814,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-arrow@npm:1.1.10":
+  version: 1.1.10
+  resolution: "@radix-ui/react-arrow@npm:1.1.10"
+  dependencies:
+    "@radix-ui/react-primitive": "npm:2.1.6"
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10/2c5da7968a1a065010682cb5ffff02478fdc709d53dd11b9f1c7ff1d30b3466bc5cf6d97d7e843d7c5c57c9fea1cba458b6c132f28a2e9991de746b942267a66
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-collection@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/react-collection@npm:1.1.0"
@@ -12819,6 +12855,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-collection@npm:1.1.10":
+  version: 1.1.10
+  resolution: "@radix-ui/react-collection@npm:1.1.10"
+  dependencies:
+    "@radix-ui/react-compose-refs": "npm:1.1.3"
+    "@radix-ui/react-context": "npm:1.1.4"
+    "@radix-ui/react-primitive": "npm:2.1.6"
+    "@radix-ui/react-slot": "npm:1.3.0"
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10/789b992691cecd4ef9377991a0a0e0f495ed72b39d1c3d901215480723cdd0c7e7ad7ae66a61e952cd4b119d9e7d92d100f37232e90396b1446c336ddf531df4
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-compose-refs@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/react-compose-refs@npm:1.1.0"
@@ -12832,6 +12890,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-compose-refs@npm:1.1.3":
+  version: 1.1.3
+  resolution: "@radix-ui/react-compose-refs@npm:1.1.3"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/e6c296ee4f816f65feb5f8511217c3521ad822c8a995f320792fe5d909266a982ab3d14b62dab705eab0cb36d82eb0a2895886bb259268dc25898ea43d68a224
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-context@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/react-context@npm:1.1.0"
@@ -12858,6 +12929,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-context@npm:1.1.4":
+  version: 1.1.4
+  resolution: "@radix-ui/react-context@npm:1.1.4"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/c33c48a9da69610327fff7e2cf00ad0e5161dcd5a54740f0f61e343e1278714db77618c3911353cbf7bf5fee78da46226ae5f3ab8903ddf68accf232943f0049
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-dialog@npm:^1.0.5":
   version: 1.1.2
   resolution: "@radix-ui/react-dialog@npm:1.1.2"
@@ -12903,6 +12987,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-direction@npm:1.1.2":
+  version: 1.1.2
+  resolution: "@radix-ui/react-direction@npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/c2c44fcecfb36dd1b4e75f523531185b4aeb4c46bc6b3512411de6f0b7414cdbf14cf6042fb571df81ae3ada722be94c1883520d7e7f12c02a17642335cfdc6a
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-dismissable-layer@npm:1.1.1":
   version: 1.1.1
   resolution: "@radix-ui/react-dismissable-layer@npm:1.1.1"
@@ -12926,6 +13023,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-dismissable-layer@npm:1.1.13":
+  version: 1.1.13
+  resolution: "@radix-ui/react-dismissable-layer@npm:1.1.13"
+  dependencies:
+    "@radix-ui/primitive": "npm:1.1.4"
+    "@radix-ui/react-compose-refs": "npm:1.1.3"
+    "@radix-ui/react-primitive": "npm:2.1.6"
+    "@radix-ui/react-use-callback-ref": "npm:1.1.2"
+    "@radix-ui/react-use-escape-keydown": "npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10/037db144c25f73db1994dfbe3468670a1280c2b7d98f7b051e87038cf516f7388d990de05e2cc63c0603d271a0af94d4fc530a16716c31806695d8124f6265cd
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-dropdown-menu@npm:^2.0.6":
   version: 2.1.2
   resolution: "@radix-ui/react-dropdown-menu@npm:2.1.2"
@@ -12964,6 +13084,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-focus-guards@npm:1.1.4":
+  version: 1.1.4
+  resolution: "@radix-ui/react-focus-guards@npm:1.1.4"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/da18237044a8f270fd69f5634fb0d812c0dc5e035e5e6ca9c7c4b5ab4a6f1bce746ed25bacfdf001cb37ce1b362a92b2802d354d18b7fc048d3a9474f84e577c
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-focus-scope@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/react-focus-scope@npm:1.1.0"
@@ -12985,6 +13118,27 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-focus-scope@npm:1.1.10":
+  version: 1.1.10
+  resolution: "@radix-ui/react-focus-scope@npm:1.1.10"
+  dependencies:
+    "@radix-ui/react-compose-refs": "npm:1.1.3"
+    "@radix-ui/react-primitive": "npm:2.1.6"
+    "@radix-ui/react-use-callback-ref": "npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10/de7b7b046eb3b8469e1888915a1eefc8f5b01b86355398f6c6cc881f7ecea676c0a2864199a1cc9cb6d0df246770b6373fe308548c41be1ac1de0d54cd208c71
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-id@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/react-id@npm:1.1.0"
@@ -13000,6 +13154,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-id@npm:1.1.2":
+  version: 1.1.2
+  resolution: "@radix-ui/react-id@npm:1.1.2"
+  dependencies:
+    "@radix-ui/react-use-layout-effect": "npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/d58d0cb53238cef22a880c9fa49ad5510022f0b52aa852842c5ff29abc9dd205e547b58a747682f778adceb9d6f2a548d0897bd27964f4edc903a96707b6e472
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-menu@npm:2.1.2":
   version: 2.1.2
   resolution: "@radix-ui/react-menu@npm:2.1.2"
@@ -13064,6 +13233,54 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-popper@npm:1.3.1":
+  version: 1.3.1
+  resolution: "@radix-ui/react-popper@npm:1.3.1"
+  dependencies:
+    "@floating-ui/react-dom": "npm:^2.0.0"
+    "@radix-ui/react-arrow": "npm:1.1.10"
+    "@radix-ui/react-compose-refs": "npm:1.1.3"
+    "@radix-ui/react-context": "npm:1.1.4"
+    "@radix-ui/react-primitive": "npm:2.1.6"
+    "@radix-ui/react-use-callback-ref": "npm:1.1.2"
+    "@radix-ui/react-use-layout-effect": "npm:1.1.2"
+    "@radix-ui/react-use-rect": "npm:1.1.2"
+    "@radix-ui/react-use-size": "npm:1.1.2"
+    "@radix-ui/rect": "npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10/ab0c36428fbec88e636510a841f30a2f0994e5dcfae225caa76e067af7956ef5c2b52eb13df6569eedc9cf3ee434572ef6a993b2c5854d2d84859d4922dcca6b
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-portal@npm:1.1.12":
+  version: 1.1.12
+  resolution: "@radix-ui/react-portal@npm:1.1.12"
+  dependencies:
+    "@radix-ui/react-primitive": "npm:2.1.6"
+    "@radix-ui/react-use-layout-effect": "npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10/6ee50011f91996162bfedde40b0babfdb754ca0fe8e3d28f37d3e6cf0187850a28099c86ec883fcd52f5f3b8c010a9227c0039868917e6c8ba0b5d537ef49669
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-portal@npm:1.1.2":
   version: 1.1.2
   resolution: "@radix-ui/react-portal@npm:1.1.2"
@@ -13104,6 +13321,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-presence@npm:1.1.6":
+  version: 1.1.6
+  resolution: "@radix-ui/react-presence@npm:1.1.6"
+  dependencies:
+    "@radix-ui/react-use-layout-effect": "npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10/3ce1a1ee37406a7a58717908085b8bc2b8d4f9b725fa1bcc62cefd8032fc6929777a93899ed9a12527bf2f62dbcbf99ae7cd98cc0c99f78859dccfd0cc003ca0
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-primitive@npm:2.0.0":
   version: 2.0.0
   resolution: "@radix-ui/react-primitive@npm:2.0.0"
@@ -13123,6 +13359,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-primitive@npm:2.1.6":
+  version: 2.1.6
+  resolution: "@radix-ui/react-primitive@npm:2.1.6"
+  dependencies:
+    "@radix-ui/react-slot": "npm:1.3.0"
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10/598acfbd07924d6023901772cd01106b8c3ed0cf925c5906c1bed5b2107f8dd43b6b18e08b692dc748b4ad291193ae654e52ac1f4a551b9ae8354eeb557f3265
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-roving-focus@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/react-roving-focus@npm:1.1.0"
@@ -13150,6 +13405,46 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-select@npm:^2.0.0":
+  version: 2.3.1
+  resolution: "@radix-ui/react-select@npm:2.3.1"
+  dependencies:
+    "@radix-ui/number": "npm:1.1.2"
+    "@radix-ui/primitive": "npm:1.1.4"
+    "@radix-ui/react-collection": "npm:1.1.10"
+    "@radix-ui/react-compose-refs": "npm:1.1.3"
+    "@radix-ui/react-context": "npm:1.1.4"
+    "@radix-ui/react-direction": "npm:1.1.2"
+    "@radix-ui/react-dismissable-layer": "npm:1.1.13"
+    "@radix-ui/react-focus-guards": "npm:1.1.4"
+    "@radix-ui/react-focus-scope": "npm:1.1.10"
+    "@radix-ui/react-id": "npm:1.1.2"
+    "@radix-ui/react-popper": "npm:1.3.1"
+    "@radix-ui/react-portal": "npm:1.1.12"
+    "@radix-ui/react-presence": "npm:1.1.6"
+    "@radix-ui/react-primitive": "npm:2.1.6"
+    "@radix-ui/react-slot": "npm:1.3.0"
+    "@radix-ui/react-use-callback-ref": "npm:1.1.2"
+    "@radix-ui/react-use-controllable-state": "npm:1.2.3"
+    "@radix-ui/react-use-layout-effect": "npm:1.1.2"
+    "@radix-ui/react-use-previous": "npm:1.1.2"
+    "@radix-ui/react-visually-hidden": "npm:1.2.6"
+    aria-hidden: "npm:^1.2.4"
+    react-remove-scroll: "npm:^2.7.2"
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10/eb4357a0cb64630f501de94c6ec289d3a74d5778d61293c0ce7e7470fa2dcaa8116d8a40c1a76d9bd54ebb1d12ca116a3424b42d260612c0aa457e83a5fdb825
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-slot@npm:1.1.0, @radix-ui/react-slot@npm:^1.0.2":
   version: 1.1.0
   resolution: "@radix-ui/react-slot@npm:1.1.0"
@@ -13165,6 +13460,51 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-slot@npm:1.3.0":
+  version: 1.3.0
+  resolution: "@radix-ui/react-slot@npm:1.3.0"
+  dependencies:
+    "@radix-ui/react-compose-refs": "npm:1.1.3"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/9426062f8e48377c10c8338f5e8cee9c9318960d588754777aa01fe51c5f251db22e88239796e8edd60a8b2e6551a0a8448650c7ae4167eadcf606e83a11b32e
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-tooltip@npm:^1.0.7":
+  version: 1.2.10
+  resolution: "@radix-ui/react-tooltip@npm:1.2.10"
+  dependencies:
+    "@radix-ui/primitive": "npm:1.1.4"
+    "@radix-ui/react-compose-refs": "npm:1.1.3"
+    "@radix-ui/react-context": "npm:1.1.4"
+    "@radix-ui/react-dismissable-layer": "npm:1.1.13"
+    "@radix-ui/react-id": "npm:1.1.2"
+    "@radix-ui/react-popper": "npm:1.3.1"
+    "@radix-ui/react-portal": "npm:1.1.12"
+    "@radix-ui/react-presence": "npm:1.1.6"
+    "@radix-ui/react-primitive": "npm:2.1.6"
+    "@radix-ui/react-slot": "npm:1.3.0"
+    "@radix-ui/react-use-controllable-state": "npm:1.2.3"
+    "@radix-ui/react-visually-hidden": "npm:1.2.6"
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10/55398c6eeaa9f0892ffb0b4213e40c712325a00f9fb078fc3daf5d25fdb5aa95302788c3d13d9f40aa5c153eeed979430c3d437974b4bb89bb1e1252f6950e78
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-use-callback-ref@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/react-use-callback-ref@npm:1.1.0"
@@ -13178,6 +13518,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-use-callback-ref@npm:1.1.2":
+  version: 1.1.2
+  resolution: "@radix-ui/react-use-callback-ref@npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/d2a06a7e1f5e2778f49c4ae2579d6fb4d10edcaf71368364988159a54fe8ac4f384c6597541c0d37294ec5ebf43ce4613944fa8c9810f7ab5c4bb110dfc69cdf
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-use-controllable-state@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/react-use-controllable-state@npm:1.1.0"
@@ -13193,6 +13546,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-use-controllable-state@npm:1.2.3":
+  version: 1.2.3
+  resolution: "@radix-ui/react-use-controllable-state@npm:1.2.3"
+  dependencies:
+    "@radix-ui/react-use-effect-event": "npm:0.0.3"
+    "@radix-ui/react-use-layout-effect": "npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/9bac87cf5655c3b1a947d0c241c9db6b598a2d8c7bf8d1c3c22760b37d84b4c3558ced53337806b5b7835bc20011d400175f7766e38e3575c5fd8222eb335802
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-use-effect-event@npm:0.0.3":
+  version: 0.0.3
+  resolution: "@radix-ui/react-use-effect-event@npm:0.0.3"
+  dependencies:
+    "@radix-ui/react-use-layout-effect": "npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/53b4e813cb68b5c603cb2ccaa5822474f846ee46a7aa5e172f29842bea135521c20d69bf12a14e5522cc385ee3724b9e3bfbf8d2d01f1933e472bd9fa80478ca
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-use-escape-keydown@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/react-use-escape-keydown@npm:1.1.0"
@@ -13208,6 +13592,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-use-escape-keydown@npm:1.1.2":
+  version: 1.1.2
+  resolution: "@radix-ui/react-use-escape-keydown@npm:1.1.2"
+  dependencies:
+    "@radix-ui/react-use-callback-ref": "npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/934ad362c80c7b3bfc4d183c229048b81538c3cc37cdc2398388783b7666afbd59591cc3674776cfee6cf67cc0df6f4c6a2602a4b7574ce9ab2bc78b0297f3ac
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-use-layout-effect@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/react-use-layout-effect@npm:1.1.0"
@@ -13221,6 +13620,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-use-layout-effect@npm:1.1.2":
+  version: 1.1.2
+  resolution: "@radix-ui/react-use-layout-effect@npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/4ecffaec7a1b40634ffa90b5e0b5492980532a59c3315e2e57f91fb54736abed6dcb60acddbe5bb01a8a6b43a226e97d7581e816f061c8df619ed0f188308355
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-use-previous@npm:1.1.2":
+  version: 1.1.2
+  resolution: "@radix-ui/react-use-previous@npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/fd8ddf7a42f33134d6f86f42d8792ba3833b84fd1f6c052084312f50c53f97bb38c22599f39d77ee6075a901c8c53c2594349ac651023fa15d41788bfb56df79
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-use-rect@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/react-use-rect@npm:1.1.0"
@@ -13236,6 +13661,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-use-rect@npm:1.1.2":
+  version: 1.1.2
+  resolution: "@radix-ui/react-use-rect@npm:1.1.2"
+  dependencies:
+    "@radix-ui/rect": "npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/abe6a7f4c41adee3c348639080f6d79dd0cb32785af33974cd99ca69619dc3be3b6cd7fef33278b81c786d39f2c3ccaf073178dd16eeaa530607d5ec4e261995
+  languageName: node
+  linkType: hard
+
 "@radix-ui/react-use-size@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/react-use-size@npm:1.1.0"
@@ -13251,6 +13691,40 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/react-use-size@npm:1.1.2":
+  version: 1.1.2
+  resolution: "@radix-ui/react-use-size@npm:1.1.2"
+  dependencies:
+    "@radix-ui/react-use-layout-effect": "npm:1.1.2"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/4f44eba535f86ea93264f85ae1ac29e6cf540fa7ae58f460a1d89cb9ce57e42a66f68ca3dceb297605b34b35d2d37ace8e45c15b2f1ea1189fda14bb8a8f142c
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-visually-hidden@npm:1.2.6":
+  version: 1.2.6
+  resolution: "@radix-ui/react-visually-hidden@npm:1.2.6"
+  dependencies:
+    "@radix-ui/react-primitive": "npm:2.1.6"
+  peerDependencies:
+    "@types/react": "*"
+    "@types/react-dom": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10/fb5bb60decf7ef61563a3a9ca062c4996b08b6442addf33ef9fdbdc45e2c0336cb01ae809294777d684b80635a0e3f65b91c9feac039dc8c5e534549affbb3d3
+  languageName: node
+  linkType: hard
+
 "@radix-ui/rect@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/rect@npm:1.1.0"
@@ -13258,6 +13732,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@radix-ui/rect@npm:1.1.2":
+  version: 1.1.2
+  resolution: "@radix-ui/rect@npm:1.1.2"
+  checksum: 10/16545afcbeee59ddf0e3cc38df1fc21aaa135ada8479606636cc94929c8deba0118962272a02b76ea1a8ddb45f3e69b9ad82eb25f257d286f3688a65aa572f8d
+  languageName: node
+  linkType: hard
+
 "@randlabs/communication-bridge@npm:1.0.1":
   version: 1.0.1
   resolution: "@randlabs/communication-bridge@npm:1.0.1"
@@ -18532,6 +19013,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@tanstack/query-core@npm:5.101.2":
+  version: 5.101.2
+  resolution: "@tanstack/query-core@npm:5.101.2"
+  checksum: 10/567af5e3c21628745a08c1a5054d838597bc620dcbbeabe20cdd6ccffdcca85a8d38128f6e80829b6e04d10f79ca793a7dd8fddc8a3d6bef10c2d580ae214c7d
+  languageName: node
+  linkType: hard
+
+"@tanstack/react-query@npm:5.101.2, @tanstack/react-query@npm:^5.90.11":
+  version: 5.101.2
+  resolution: "@tanstack/react-query@npm:5.101.2"
+  dependencies:
+    "@tanstack/query-core": "npm:5.101.2"
+  peerDependencies:
+    react: ^18 || ^19
+  checksum: 10/0837c176b6afb01e3632010bbd8bdfeee7f46c4a25a50ed2ba9ddddce11c34431161d80dd8e53a2f55190c2313bbfb22a84a77308e6ccf29877b4818de68c4b3
+  languageName: node
+  linkType: hard
+
 "@testing-library/dom@npm:^10.4.1":
   version: 10.4.1
   resolution: "@testing-library/dom@npm:10.4.1"
@@ -20219,6 +20718,42 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@unifold/core@npm:0.1.67":
+  version: 0.1.67
+  resolution: "@unifold/core@npm:0.1.67"
+  dependencies:
+    "@tanstack/react-query": "npm:^5.90.11"
+  peerDependencies:
+    react: ^18.2.0 || ^19.0.0
+  checksum: 10/6f333aca2a7cd955ab2e66914ee709c5de8f84e83f49a94d33ee75d0acf5af47e13a9bce420d8cbc5a96e39d5a1c5360e07e7597577eb370df33d2d69ae06be1
+  languageName: node
+  linkType: hard
+
+"@unifold/ui-react@npm:0.1.67":
+  version: 0.1.67
+  resolution: "@unifold/ui-react@npm:0.1.67"
+  dependencies:
+    "@radix-ui/react-dialog": "npm:^1.0.5"
+    "@radix-ui/react-select": "npm:^2.0.0"
+    "@radix-ui/react-slot": "npm:^1.0.2"
+    "@radix-ui/react-tooltip": "npm:^1.0.7"
+    "@tanstack/react-query": "npm:^5.90.11"
+    "@unifold/core": "npm:0.1.67"
+    class-variance-authority: "npm:^0.7.0"
+    clsx: "npm:^2.0.0"
+    fuse.js: "npm:^7.4.0"
+    lucide-react: "npm:^0.454.0"
+    mipd: "npm:^0.0.7"
+    qr-code-styling: "npm:^1.6.0-rc.1"
+    tailwind-merge: "npm:^2.0.0"
+  peerDependencies:
+    "@solana/web3.js": ^1.87.0
+    react: ^18.2.0 || ^19.0.0
+    react-dom: ^18.2.0 || ^19.0.0
+  checksum: 10/a4601e73baac472a9891109e582255a237bedc641645a973c9bcc5a07e9fb204fd66f5778fd546f2c57e05564c050c1379e5fda65d6906064c4edb8506a54f27
+  languageName: node
+  linkType: hard
+
 "@unimodules/core@npm:*":
   version: 7.2.0
   resolution: "@unimodules/core@npm:7.2.0"
@@ -21966,6 +22501,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"aria-hidden@npm:^1.2.4":
+  version: 1.2.6
+  resolution: "aria-hidden@npm:1.2.6"
+  dependencies:
+    tslib: "npm:^2.0.0"
+  checksum: 10/1914e5a36225dccdb29f0b88cc891eeca736cdc5b0c905ab1437b90b28b5286263ed3a221c75b7dc788f25b942367be0044b2ac8ccf073a72e07a50b1d964202
+  languageName: node
+  linkType: hard
+
 "aria-query@npm:5.3.0, aria-query@npm:^5.3.0":
   version: 5.3.0
   resolution: "aria-query@npm:5.3.0"
@@ -24899,6 +25443,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"class-variance-authority@npm:^0.7.0":
+  version: 0.7.1
+  resolution: "class-variance-authority@npm:0.7.1"
+  dependencies:
+    clsx: "npm:^2.1.1"
+  checksum: 10/27a1face3f5ee88caa7813743461977aef5110830dc8e8960e7c9570598b37ffb8b2760b4e5d738dc827b0eb9058ddd204e9002e9af0ef39b6851f6ea9aa82c1
+  languageName: node
+  linkType: hard
+
 "classnames@npm:^2.2.6, classnames@npm:^2.3.0":
   version: 2.5.1
   resolution: "classnames@npm:2.5.1"
@@ -25079,7 +25632,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clsx@npm:^2.0.0":
+"clsx@npm:^2.0.0, clsx@npm:^2.1.1":
   version: 2.1.1
   resolution: "clsx@npm:2.1.1"
   checksum: 10/cdfb57fa6c7649bbff98d9028c2f0de2f91c86f551179541cf784b1cfdc1562dcb951955f46d54d930a3879931a980e32a46b598acaea274728dbe068deca919
@@ -31589,6 +32142,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fuse.js@npm:^7.4.0":
+  version: 7.4.2
+  resolution: "fuse.js@npm:7.4.2"
+  checksum: 10/1605bb929331056f9215a8f0a19b2d22615d9195e17794f41254bdeeb77b0145ed0ad6b6842227b329783a4ab53586d795924e7a4a3fb664295f365ef6e2405c
+  languageName: node
+  linkType: hard
+
 "fwd-stream@npm:^1.0.4":
   version: 1.0.4
   resolution: "fwd-stream@npm:1.0.4"
@@ -36574,6 +37134,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lucide-react@npm:^0.454.0":
+  version: 0.454.0
+  resolution: "lucide-react@npm:0.454.0"
+  peerDependencies:
+    react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc
+  checksum: 10/90b40271182e15fefc9cbc6aca4645a49691f73b1887daffb0c9d048f61c89a1c1d7eac1096a37ba627bdce91e8aa49fcf43a5cf0ebd255117ce848d71a56dd1
+  languageName: node
+  linkType: hard
+
 "lz-string@npm:^1.5.0":
   version: 1.5.0
   resolution: "lz-string@npm:1.5.0"
@@ -41060,6 +41629,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"qr-code-styling@npm:^1.6.0-rc.1":
+  version: 1.9.2
+  resolution: "qr-code-styling@npm:1.9.2"
+  dependencies:
+    qrcode-generator: "npm:^1.4.4"
+  checksum: 10/0b94629511935adaf1f777df96e486fcf897e3a632fe4d3259b58405fd98ea61635694ae08eebd4efab81e2e2e68f4ee6fde095018c7b472b5063ce0967519d2
+  languageName: node
+  linkType: hard
+
+"qrcode-generator@npm:^1.4.4":
+  version: 1.5.2
+  resolution: "qrcode-generator@npm:1.5.2"
+  checksum: 10/79a8d466227922cd066364a5d0e58b78f45051463594159f95987f7e8925d6e2c67ec776d38eaeda74d3e4d95ea79c74c4261b6bc19790f55b3d562888765d71
+  languageName: node
+  linkType: hard
+
 "qrcode-terminal@npm:0.11.0":
   version: 0.11.0
   resolution: "qrcode-terminal@npm:0.11.0"
@@ -42453,6 +43038,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-remove-scroll-bar@npm:^2.3.7":
+  version: 2.3.8
+  resolution: "react-remove-scroll-bar@npm:2.3.8"
+  dependencies:
+    react-style-singleton: "npm:^2.2.2"
+    tslib: "npm:^2.0.0"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/6c0f8cff98b9f49a4ee2263f1eedf12926dced5ce220fbe83bd93544460e2a7ec8ec39b35d1b2a75d2fced0b2d64afeb8e66f830431ca896e05a20585f9fc350
+  languageName: node
+  linkType: hard
+
 "react-remove-scroll@npm:2.5.5":
   version: 2.5.5
   resolution: "react-remove-scroll@npm:2.5.5"
@@ -42491,6 +43092,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-remove-scroll@npm:^2.7.2":
+  version: 2.7.2
+  resolution: "react-remove-scroll@npm:2.7.2"
+  dependencies:
+    react-remove-scroll-bar: "npm:^2.3.7"
+    react-style-singleton: "npm:^2.2.3"
+    tslib: "npm:^2.1.0"
+    use-callback-ref: "npm:^1.3.3"
+    use-sidecar: "npm:^1.1.3"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/6a7858f9a3eb57128abb64479ced78283b0cbee0b43c2b87e42711e75c564c27d1d3dd2b81f2ea95c80cb9e6b6965d1c9e2332f6a7e7b753cd8aeb02b9b97704
+  languageName: node
+  linkType: hard
+
 "react-server-dom-webpack@npm:19.1.0":
   version: 19.1.0
   resolution: "react-server-dom-webpack@npm:19.1.0"
@@ -42523,6 +43143,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-style-singleton@npm:^2.2.2, react-style-singleton@npm:^2.2.3":
+  version: 2.2.3
+  resolution: "react-style-singleton@npm:2.2.3"
+  dependencies:
+    get-nonce: "npm:^1.0.0"
+    tslib: "npm:^2.0.0"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/62498094ff3877a37f351b29e6cad9e38b2eb1ac3c0cb27ebf80aee96554f80b35e17bdb552bcd7ac8b7cb9904fea93ea5668f2057c73d38f90b5d46bb9b27ab
+  languageName: node
+  linkType: hard
+
 "react-test-renderer@npm:19.0.0":
   version: 19.0.0
   resolution: "react-test-renderer@npm:19.0.0"
@@ -46195,6 +46831,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tailwind-merge@npm:^2.0.0":
+  version: 2.6.1
+  resolution: "tailwind-merge@npm:2.6.1"
+  checksum: 10/b68e9e63f0d8e4f8e8b9801b978c2d6c78136a20e407586b3bf4c905759ccbfa4ba9d0b6af06b0241816578866cb3dce660078fc29847a8a1dfabb87d315b80b
+  languageName: node
+  linkType: hard
+
 "tamagui-loader@npm:1.108.0":
   version: 1.108.0
   resolution: "tamagui-loader@npm:1.108.0"
@@ -47947,6 +48590,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"use-callback-ref@npm:^1.3.3":
+  version: 1.3.3
+  resolution: "use-callback-ref@npm:1.3.3"
+  dependencies:
+    tslib: "npm:^2.0.0"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/adf06a7b6a27d3651c325ac9b66d2b82ccacaed7450b85b211d123e91d9a23cb5a587fcc6db5b4fd07ac7233e5abf024d30cf02ddc2ec46bca712151c0836151
+  languageName: node
+  linkType: hard
+
 "use-debounce@npm:^9.0.4":
   version: 9.0.4
   resolution: "use-debounce@npm:9.0.4"
@@ -48010,6 +48668,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"use-sidecar@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "use-sidecar@npm:1.1.3"
+  dependencies:
+    detect-node-es: "npm:^1.1.0"
+    tslib: "npm:^2.0.0"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10/2fec05eb851cdfc4a4657b1dfb434e686f346c3265ffc9db8a974bb58f8128bd4a708a3cc00e8f51655fccf81822ed4419ebed42f41610589e3aab0cf2492edb
+  languageName: node
+  linkType: hard
+
 "use-suspender@npm:^2.0.0-beta.0":
   version: 2.0.0-beta.0
   resolution: "use-suspender@npm:2.0.0-beta.0"