@agg-build/ui 1.2.11 → 1.2.12

package/dist/{chunk-ENAGASVU.mjs → chunk-U55T5BPE.mjs}

@@ -38,12 +38,31 @@ import {
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
-} from "./chunk-SJLHOAKK.mjs";
+} from "./chunk-X3KCFWXN.mjs";
 
 // src/deposit/index.tsx
 import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";
 import { SVM_CHAIN_IDS, useDepositFlow } from "@agg-build/hooks/deposit";
-import { useEffect as useEffect3, useMemo, useRef, useState as useState2 } from "react";
+import { useCallback, useEffect as useEffect3, useMemo, useRef, useState as useState2 } from "react";
+
+// src/notifications/deposit-notification-events.ts
+var AGG_DEPOSIT_NOTIFICATION_EVENT = "agg:deposit-notification";
+var dispatchAggDepositNotification = (detail) => {
+  if (typeof window === "undefined") return;
+  window.dispatchEvent(new CustomEvent(AGG_DEPOSIT_NOTIFICATION_EVENT, { detail }));
+};
+var subscribeAggDepositNotification = (handler) => {
+  if (typeof window === "undefined") return () => {
+  };
+  const handleDepositNotification = (event) => {
+    if (!(event instanceof CustomEvent)) return;
+    handler(event.detail);
+  };
+  window.addEventListener(AGG_DEPOSIT_NOTIFICATION_EVENT, handleDepositNotification);
+  return () => {
+    window.removeEventListener(AGG_DEPOSIT_NOTIFICATION_EVENT, handleDepositNotification);
+  };
+};
 
 // src/shared/constants.ts
 var USDC = {
@@ -1337,6 +1356,8 @@ function DepositModalControlled({
   );
   const [highlightedMethod, setHighlightedMethod] = useState2(defaultMethod);
   const walletSubmitInFlightRef = useRef(false);
+  const walletDepositAttemptIdRef = useRef(0);
+  const notifiedWalletDepositStatusesRef = useRef(/* @__PURE__ */ new Set());
   const [isWalletSubmitting, setIsWalletSubmitting] = useState2(false);
   const [cardProviders, setCardProviders] = useState2([]);
   const [quotesLoading, setQuotesLoading] = useState2(false);
@@ -1439,19 +1460,42 @@ function DepositModalControlled({
     fromWallet: walletFlow.walletLabel,
     gasFee: ""
   }, walletFlow.successSummary);
+  const handleWalletDepositNotification = useCallback(
+    (status, errorMessage) => {
+      if (notifiedWalletDepositStatusesRef.current.has(status)) return;
+      notifiedWalletDepositStatusesRef.current.add(status);
+      dispatchAggDepositNotification({
+        id: `wallet-${walletDepositAttemptIdRef.current}`,
+        status,
+        amount: walletFlow.amount,
+        tokenSymbol: walletToken || DEFAULT_WALLET_TOKEN,
+        errorMessage
+      });
+    },
+    [walletFlow.amount, walletToken]
+  );
   useEffect3(() => {
     if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "settled") {
+      handleWalletDepositNotification("completed");
       setStep("wallet-success");
     }
-  }, [isWalletSubmitting, step, walletFlow.transactionStatus]);
+  }, [handleWalletDepositNotification, isWalletSubmitting, step, walletFlow.transactionStatus]);
   useEffect3(() => {
     if (!onCancelWalletDeposit) return;
     if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "error") {
       walletSubmitInFlightRef.current = false;
+      handleWalletDepositNotification("failed", walletFlow.transactionErrorMessage);
       onCancelWalletDeposit();
       setStep("wallet-form");
     }
-  }, [isWalletSubmitting, onCancelWalletDeposit, step, walletFlow.transactionStatus]);
+  }, [
+    handleWalletDepositNotification,
+    isWalletSubmitting,
+    onCancelWalletDeposit,
+    step,
+    walletFlow.transactionErrorMessage,
+    walletFlow.transactionStatus
+  ]);
   const cardTokenOptions = withTokenIcons(
     mergeSelectOptionsUnique(cardFlow == null ? void 0 : cardFlow.tokenOptions, DEFAULT_CURRENCY_OPTIONS)
   );
@@ -1575,6 +1619,8 @@ function DepositModalControlled({
       setSendChainId("");
       setSendToken("");
       walletSubmitInFlightRef.current = false;
+      walletDepositAttemptIdRef.current = 0;
+      notifiedWalletDepositStatusesRef.current = /* @__PURE__ */ new Set();
       setIsWalletSubmitting(false);
       setCardProviders([]);
       setQuotesLoading(false);
@@ -1631,6 +1677,8 @@ function DepositModalControlled({
           var _a2, _b2;
           if (walletSubmitInFlightRef.current) return;
           walletSubmitInFlightRef.current = true;
+          walletDepositAttemptIdRef.current += 1;
+          notifiedWalletDepositStatusesRef.current = /* @__PURE__ */ new Set();
           setIsWalletSubmitting(true);
           setStep("wallet-processing");
           const walletChainIdNum = walletChainId ? Number(walletChainId) : void 0;
@@ -2409,7 +2457,7 @@ var WithdrawModal = (props) => {
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/onboarding/index.tsx
-import { useCallback as useCallback5, useEffect as useEffect5, useState as useState8 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect5, useState as useState8 } from "react";
 import { useLabels as useLabels20 } from "@agg-build/hooks";
 import * as Dialog3 from "@radix-ui/react-dialog";
 
@@ -2429,7 +2477,7 @@ var ONBOARDING_STEPS = {
 var ONCHAIN_VENUES = [Venue.polymarket, Venue.opinion, Venue.predict];
 
 // src/onboarding/steps/how-it-works.tsx
-import { useCallback, useRef as useRef2, useState as useState4 } from "react";
+import { useCallback as useCallback2, useRef as useRef2, useState as useState4 } from "react";
 import { useLabels as useLabels15 } from "@agg-build/hooks";
 import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 var defaultIcons = {
@@ -2443,7 +2491,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
   const scrollRef = useRef2(null);
   const [showTopGradient, setShowTopGradient] = useState4(false);
   const [showBottomGradient, setShowBottomGradient] = useState4(true);
-  const handleScroll = useCallback(() => {
+  const handleScroll = useCallback2(() => {
     const el = scrollRef.current;
     if (!el) return;
     setShowTopGradient(el.scrollTop > 0);
@@ -2512,7 +2560,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
 HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
-import { useCallback as useCallback2, useRef as useRef3, useState as useState5 } from "react";
+import { useCallback as useCallback3, useRef as useRef3, useState as useState5 } from "react";
 import { useLabels as useLabels16 } from "@agg-build/hooks";
 import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 var ProfileSetupStep = ({ onContinue }) => {
@@ -2521,11 +2569,11 @@ var ProfileSetupStep = ({ onContinue }) => {
   const [avatarFile, setAvatarFile] = useState5();
   const [avatarPreview, setAvatarPreview] = useState5();
   const fileInputRef = useRef3(null);
-  const handleAvatarClick = useCallback2(() => {
+  const handleAvatarClick = useCallback3(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = useCallback2((e) => {
+  const handleFileChange = useCallback3((e) => {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (!file) return;
@@ -2537,7 +2585,7 @@ var ProfileSetupStep = ({ onContinue }) => {
     };
     reader.readAsDataURL(file);
   }, []);
-  const handleContinue = useCallback2(() => {
+  const handleContinue = useCallback3(() => {
     onContinue({
       username,
       avatarFile,
@@ -2779,7 +2827,7 @@ ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
 import { Venue as Venue3 } from "@agg-build/sdk";
-import { useCallback as useCallback3, useState as useState6 } from "react";
+import { useCallback as useCallback4, useState as useState6 } from "react";
 import { useLabels as useLabels18 } from "@agg-build/hooks";
 import * as Dialog from "@radix-ui/react-dialog";
 import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
@@ -2794,10 +2842,10 @@ var ConnectKalshiModal = ({
   const [verifying, setVerifying] = useState6(false);
   const [error, setError] = useState6();
   const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
-  const handleCancel = useCallback3(() => {
+  const handleCancel = useCallback4(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleVerify = useCallback3(() => __async(null, null, function* () {
+  const handleVerify = useCallback4(() => __async(null, null, function* () {
     if (!canVerify || verifying) return;
     setVerifying(true);
     setError(void 0);
@@ -2826,7 +2874,7 @@ var ConnectKalshiModal = ({
     privateKey,
     verifying
   ]);
-  const handleOpenChange = useCallback3(
+  const handleOpenChange = useCallback4(
     (value) => {
       if (value) {
         setApiKeyId("");
@@ -3029,7 +3077,7 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-import { useCallback as useCallback4, useState as useState7 } from "react";
+import { useCallback as useCallback5, useState as useState7 } from "react";
 import { useLabels as useLabels19 } from "@agg-build/hooks";
 import * as Dialog2 from "@radix-ui/react-dialog";
 import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
@@ -3041,10 +3089,10 @@ var ConnectOnchainModal = ({
   const labels = useLabels19();
   const [connecting, setConnecting] = useState7(false);
   const [error, setError] = useState7();
-  const handleCancel = useCallback4(() => {
+  const handleCancel = useCallback5(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleConnect = useCallback4(() => __async(null, null, function* () {
+  const handleConnect = useCallback5(() => __async(null, null, function* () {
     if (connecting) return;
     setConnecting(true);
     setError(void 0);
@@ -3059,7 +3107,7 @@ var ConnectOnchainModal = ({
       setConnecting(false);
     }
   }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = useCallback4(
+  const handleOpenChange = useCallback5(
     (value) => {
       if (value) {
         setError(void 0);
@@ -3169,30 +3217,30 @@ var OnboardingModal = ({
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = useCallback5(() => {
+  const handleHowItWorksContinue = useCallback6(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = useCallback5(
+  const handleProfileContinue = useCallback6(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = useCallback5(() => {
+  const handleConnectContinue = useCallback6(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = useCallback5(() => {
+  const handleOpenOnchainModal = useCallback6(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = useCallback5(() => __async(null, null, function* () {
+  const handleOnchainConnect = useCallback6(() => __async(null, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  const handleOpenKalshiModal = useCallback5(() => {
+  const handleOpenKalshiModal = useCallback6(() => {
     setKalshiModalOpen(true);
   }, []);
-  const handleKalshiVerify = useCallback5(
+  const handleKalshiVerify = useCallback6(
     (credentials) => __async(null, null, function* () {
       yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
       setKalshiConnected(true);
@@ -3246,26 +3294,25 @@ var OnboardingModal = ({
 OnboardingModal.displayName = "OnboardingModal";
 
 // src/profile/index.tsx
-import { Venue as Venue4 } from "@agg-build/sdk";
-import { useState as useState10, useEffect as useEffect7, useCallback as useCallback8, useMemo as useMemo2 } from "react";
+import { useState as useState10, useEffect as useEffect7, useCallback as useCallback9, useMemo as useMemo2 } from "react";
 import { useAggClient as useAggClient2, useAggAuthState as useAggAuthState2 } from "@agg-build/hooks";
 
 // src/profile/profile-modal.constants.ts
 var PROFILE_TAB_KEYS = {
-  ABOUT: "about",
-  ACCOUNTS_WALLETS: "accounts-wallets"
+  PROFILE_ACCOUNTS: "profile-accounts",
+  TRADING_ACCESS: "trading-access"
 };
 var PROFILE_TAB_ITEMS = [
-  { value: PROFILE_TAB_KEYS.ABOUT, label: "About", icon: "profile-about-tab" },
   {
-    value: PROFILE_TAB_KEYS.ACCOUNTS_WALLETS,
-    label: "Accounts & wallets",
-    icon: "profile-accounts-wallets-tab"
-  }
+    value: PROFILE_TAB_KEYS.PROFILE_ACCOUNTS,
+    label: "Profile & accounts",
+    icon: "profile-about-tab"
+  },
+  { value: PROFILE_TAB_KEYS.TRADING_ACCESS, label: "Trading access", icon: "shield-trust" }
 ];
 
 // src/profile/tabs/about-tab.tsx
-import { useCallback as useCallback6, useRef as useRef4 } from "react";
+import { useCallback as useCallback7, useRef as useRef4 } from "react";
 import { useLabels as useLabels21 } from "@agg-build/hooks";
 import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
 var AboutTab = ({
@@ -3279,11 +3326,11 @@ var AboutTab = ({
 }) => {
   const labels = useLabels21();
   const fileInputRef = useRef4(null);
-  const handleAvatarClick = useCallback6(() => {
+  const handleAvatarClick = useCallback7(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = useCallback6(
+  const handleFileChange = useCallback7(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -3299,69 +3346,67 @@ var AboutTab = ({
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
   const hasAvatarPreview = Boolean(resolvedPreview);
-  return /* @__PURE__ */ jsxs23("div", { className: "agg-profile-about flex flex-col gap-8", children: [
-    /* @__PURE__ */ jsxs23("div", { className: "agg-profile-avatar-section flex w-full flex-col items-stretch sm:items-start", children: [
-      /* @__PURE__ */ jsxs23(
-        "button",
-        {
-          type: "button",
-          onClick: handleAvatarClick,
-          className: cn(
-            "agg-profile-avatar-trigger",
-            "group relative flex items-center justify-center self-start",
-            "h-[80px] w-[80px]",
-            "rounded-agg-full",
-            "bg-agg-secondary-hover",
-            !hasAvatarPreview && "hover:bg-agg-tertiary",
-            "transition-colors cursor-pointer",
-            "overflow-hidden"
-          ),
-          "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
-          children: [
-            !hasAvatarPreview ? /* @__PURE__ */ jsx23(
-              "svg",
-              {
-                "aria-hidden": true,
-                viewBox: "0 0 80 80",
-                className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-                children: /* @__PURE__ */ jsx23(
-                  "circle",
-                  {
-                    cx: "40",
-                    cy: "40",
-                    r: "39.5",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "1",
-                    strokeDasharray: "8 8"
-                  }
-                )
-              }
-            ) : null,
-            resolvedPreview ? /* @__PURE__ */ jsx23(
-              RemoteImage,
-              {
-                src: resolvedPreview,
-                alt: labels.onboarding.profileSetup.profilePreviewAlt,
-                className: "h-full w-full object-cover"
-              }
-            ) : /* @__PURE__ */ jsx23(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx23(
-        "input",
-        {
-          ref: fileInputRef,
-          type: "file",
-          accept: "image/*",
-          onChange: handleFileChange,
-          className: "hidden",
-          "aria-hidden": "true"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs23("div", { className: "agg-form-section flex flex-col gap-2", children: [
+  return /* @__PURE__ */ jsx23("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ jsxs23("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
+    /* @__PURE__ */ jsxs23(
+      "button",
+      {
+        type: "button",
+        onClick: handleAvatarClick,
+        className: cn(
+          "agg-profile-avatar-trigger",
+          "group relative flex items-center justify-center self-start",
+          "h-[80px] w-[80px]",
+          "rounded-agg-full",
+          "bg-agg-secondary-hover",
+          !hasAvatarPreview && "hover:bg-agg-tertiary",
+          "transition-colors cursor-pointer",
+          "overflow-hidden"
+        ),
+        "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
+        children: [
+          !hasAvatarPreview ? /* @__PURE__ */ jsx23(
+            "svg",
+            {
+              "aria-hidden": true,
+              viewBox: "0 0 80 80",
+              className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
+              children: /* @__PURE__ */ jsx23(
+                "circle",
+                {
+                  cx: "40",
+                  cy: "40",
+                  r: "39.5",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "1",
+                  strokeDasharray: "8 8"
+                }
+              )
+            }
+          ) : null,
+          resolvedPreview ? /* @__PURE__ */ jsx23(
+            RemoteImage,
+            {
+              src: resolvedPreview,
+              alt: labels.onboarding.profileSetup.profilePreviewAlt,
+              className: "h-full w-full object-cover"
+            }
+          ) : /* @__PURE__ */ jsx23(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx23(
+      "input",
+      {
+        ref: fileInputRef,
+        type: "file",
+        accept: "image/*",
+        onChange: handleFileChange,
+        className: "hidden",
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxs23("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
       /* @__PURE__ */ jsx23(
         "label",
         {
@@ -3379,7 +3424,7 @@ var AboutTab = ({
           value: draftUsername,
           onChange: (e) => onDraftUsernameChange(e.target.value),
           className: cn(
-            "w-full px-4 py-3",
+            "h-10 w-full px-3 py-2.5",
             "rounded-agg-sm",
             "border border-agg-separator",
             "bg-agg-secondary text-agg-foreground",
@@ -3392,27 +3437,33 @@ var AboutTab = ({
         }
       )
     ] })
-  ] });
+  ] }) });
 };
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-import { useCallback as useCallback7, useEffect as useEffect6, useState as useState9 } from "react";
-import { useAggClient, useDepositAddresses as useDepositAddresses2 } from "@agg-build/hooks";
 import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
 var SectionTitle = ({ children }) => /* @__PURE__ */ jsx24("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
 var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx24(
   "div",
   {
     className: cn(
-      "flex items-center justify-between",
+      "flex h-12 items-center justify-between",
       "rounded-agg-lg border border-agg-separator bg-agg-secondary",
-      "px-5 py-3",
+      "px-5",
       className
     ),
     children
   }
 );
+var AccountIdentity = ({
+  icon,
+  label,
+  iconClassName
+}) => /* @__PURE__ */ jsxs24("div", { className: "flex min-w-0 items-center gap-3", children: [
+  /* @__PURE__ */ jsx24("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ jsx24(Icon, { name: icon, size: "small", color: "currentColor" }) }),
+  /* @__PURE__ */ jsx24("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label })
+] });
 var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
   "button",
   {
@@ -3431,8 +3482,145 @@ var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
     children: "Disconnect"
   }
 );
-var TRADING_ACCESS_VENUES = ["kalshi", "polymarket", "opinion", "predict"];
+var VerifiedBadge = () => /* @__PURE__ */ jsx24(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
+var ConnectedAccountRow = ({
+  icon,
+  label,
+  connectedLabel,
+  connected,
+  iconClassName,
+  onConnect,
+  onDisconnect
+}) => {
+  const displayLabel = connected ? connectedLabel != null ? connectedLabel : label : label;
+  return /* @__PURE__ */ jsxs24(AccountRow, { className: "agg-social-account-row gap-4", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ jsx24(AccountIdentity, { icon, label: displayLabel, iconClassName }),
+      connected ? /* @__PURE__ */ jsx24(VerifiedBadge, {}) : null
+    ] }),
+    connected ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnect })
+  ] });
+};
+var AccountsWalletsTab = ({
+  socialAccounts,
+  email,
+  wallets = [],
+  onConnectTwitter,
+  onDisconnectTwitter,
+  onConnectGoogle,
+  onDisconnectGoogle,
+  onConnectApple,
+  onDisconnectApple,
+  onDisconnectWallet,
+  onConnectEmail
+}) => {
+  const twitter = socialAccounts == null ? void 0 : socialAccounts.twitter;
+  const google = socialAccounts == null ? void 0 : socialAccounts.google;
+  const apple = socialAccounts == null ? void 0 : socialAccounts.apple;
+  const hasEmail = Boolean(email);
+  return /* @__PURE__ */ jsxs24("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx24(SectionTitle, { children: "Connected accounts" }),
+      /* @__PURE__ */ jsxs24("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx24(
+          ConnectedAccountRow,
+          {
+            icon: "google",
+            iconClassName: "text-agg-foreground",
+            label: "Google",
+            connected: google == null ? void 0 : google.connected,
+            connectedLabel: google == null ? void 0 : google.handle,
+            onConnect: onConnectGoogle,
+            onDisconnect: onDisconnectGoogle
+          }
+        ),
+        /* @__PURE__ */ jsx24(
+          ConnectedAccountRow,
+          {
+            icon: "apple",
+            iconClassName: "text-agg-foreground",
+            label: "Apple",
+            connected: apple == null ? void 0 : apple.connected,
+            connectedLabel: apple == null ? void 0 : apple.handle,
+            onConnect: onConnectApple,
+            onDisconnect: onDisconnectApple
+          }
+        ),
+        /* @__PURE__ */ jsx24(
+          ConnectedAccountRow,
+          {
+            icon: "twitter",
+            iconClassName: "text-agg-foreground",
+            label: "X (Twitter)",
+            connected: twitter == null ? void 0 : twitter.connected,
+            connectedLabel: twitter == null ? void 0 : twitter.handle,
+            onConnect: onConnectTwitter,
+            onDisconnect: onDisconnectTwitter
+          }
+        ),
+        /* @__PURE__ */ jsx24(
+          ConnectedAccountRow,
+          {
+            icon: "email",
+            iconClassName: "text-agg-foreground",
+            label: "Email address",
+            connected: hasEmail,
+            connectedLabel: email != null ? email : void 0,
+            onConnect: onConnectEmail
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs24("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx24(SectionTitle, { children: "Wallets" }),
+      /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-2", children: wallets.length > 0 ? wallets.map((wallet) => {
+        var _a;
+        return /* @__PURE__ */ jsx24(AccountRow, { className: "gap-4", children: /* @__PURE__ */ jsxs24("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ jsx24(
+            AccountIdentity,
+            {
+              icon: "wallet",
+              iconClassName: "text-agg-foreground",
+              label: (_a = wallet.displayAddress) != null ? _a : wallet.address
+            }
+          ),
+          /* @__PURE__ */ jsx24(VerifiedBadge, {})
+        ] }) }, `${wallet.chain}:${wallet.address}`);
+      }) : null })
+    ] })
+  ] });
+};
+AccountsWalletsTab.displayName = "AccountsWalletsTab";
+
+// src/profile/tabs/trading-access-tab.tsx
+import { useAggClient, useDepositAddresses as useDepositAddresses2, useLabels as useLabels22 } from "@agg-build/hooks";
+import { useCallback as useCallback8, useEffect as useEffect6, useState as useState9 } from "react";
+import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
+var TRADING_ACCESS_VENUES = [
+  "kalshi",
+  "polymarket",
+  "opinion",
+  "probable",
+  "limitless",
+  "predict",
+  "myriad",
+  "hyperliquid"
+];
+var UNAVAILABLE_VENUES = /* @__PURE__ */ new Set([]);
+var SectionTitle2 = ({ children }) => /* @__PURE__ */ jsx25("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccessRow = ({ children }) => /* @__PURE__ */ jsx25(
+  "div",
+  {
+    className: cn(
+      "flex h-12 items-center justify-between gap-4",
+      "rounded-agg-lg border border-agg-separator bg-agg-secondary",
+      "px-5"
+    ),
+    children
+  }
+);
 var VerifyIdentityButton = ({ onError }) => {
+  const labels = useLabels22();
   const client = useAggClient();
   const [isInitiating, setIsInitiating] = useState9(false);
   const [needsDepositAddress, setNeedsDepositAddress] = useState9(false);
@@ -3455,148 +3643,64 @@ var VerifyIdentityButton = ({ onError }) => {
     });
   }, [isReady, isInitiating, client, onError]);
   useEffect6(() => {
-    if (isTimedOut && isInitiating) {
-      setIsInitiating(false);
-      setNeedsDepositAddress(false);
-      onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
-    }
+    if (!isTimedOut || !isInitiating) return;
+    setIsInitiating(false);
+    setNeedsDepositAddress(false);
+    onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
   }, [isTimedOut, isInitiating, onError]);
-  const handleClick = useCallback7(() => {
+  const handleClick = useCallback8(() => {
     setIsInitiating(true);
     setNeedsDepositAddress(true);
   }, []);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "button",
     {
       type: "button",
       disabled: isInitiating,
       onClick: handleClick,
       className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap disabled:cursor-not-allowed disabled:opacity-60",
-      children: isInitiating ? /* @__PURE__ */ jsx24("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : "Verify Identity"
+      children: isInitiating ? /* @__PURE__ */ jsx25("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : labels.trading.kycVerify
     }
   );
 };
-var TradingAccessSection = ({
+var AvailableStatus = () => /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ jsx25(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" }),
+  /* @__PURE__ */ jsx25("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
+] });
+var TradingAccessTab = ({
   venueAccounts,
   onKycError
 }) => {
-  return /* @__PURE__ */ jsxs24("div", { className: "agg-trading-access-section flex flex-col gap-3", children: [
-    /* @__PURE__ */ jsx24(SectionTitle, { children: "Trading access" }),
-    /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-2", children: TRADING_ACCESS_VENUES.map((venue) => {
+  const labels = useLabels22();
+  return /* @__PURE__ */ jsxs25("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx25(SectionTitle2, { children: "Venues" }),
+    /* @__PURE__ */ jsx25("div", { className: "flex flex-col gap-3", children: TRADING_ACCESS_VENUES.map((venue) => {
       var _a;
-      const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((va) => va.venue === venue);
+      const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((account) => account.venue === venue);
       const isKalshi = venue === "kalshi";
       const isVerified = (venueAccount == null ? void 0 : venueAccount.kycStatus) === "verified";
+      const isUnavailable = UNAVAILABLE_VENUES.has(venue);
       const displayName = (_a = venueLogoLabels[venue]) != null ? _a : venue;
-      return /* @__PURE__ */ jsxs24(AccountRow, { children: [
-        /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx24(VenueLogo, { venue, size: "small" }),
-          /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName })
+      return /* @__PURE__ */ jsxs25(AccessRow, { children: [
+        /* @__PURE__ */ jsxs25("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ jsx25(VenueLogo, { venue, size: "small" }),
+          /* @__PURE__ */ jsx25("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
         ] }),
-        isKalshi && !isVerified ? /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx24("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: "KYC required" }),
-          /* @__PURE__ */ jsx24(VerifyIdentityButton, { onError: onKycError })
-        ] }) : isKalshi && isVerified ? /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx24("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: "Verified" }),
-          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx24(
-              Icon,
-              {
-                name: "check-badge",
-                size: "small",
-                color: "var(--agg-color-primary, #536dfe)"
-              }
-            ),
-            /* @__PURE__ */ jsx24("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
-          ] })
-        ] }) : /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx24(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" }),
-          /* @__PURE__ */ jsx24("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
-        ] })
+        isKalshi && !isVerified ? /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx25("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.kycRequired }),
+          /* @__PURE__ */ jsx25(VerifyIdentityButton, { onError: onKycError })
+        ] }) : isKalshi && isVerified ? /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx25("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.verified }),
+          /* @__PURE__ */ jsx25(AvailableStatus, {})
+        ] }) : isUnavailable ? /* @__PURE__ */ jsx25("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.venueUnavailableInRegion }) : /* @__PURE__ */ jsx25(AvailableStatus, {})
       ] }, venue);
     }) })
   ] });
 };
-var AccountsWalletsTab = ({
-  exchanges: _exchanges,
-  socialAccounts,
-  email,
-  venueAccounts,
-  onKycError,
-  onDisconnectExchange: _onDisconnectExchange,
-  onConnectTwitter,
-  onDisconnectTwitter,
-  onConnectGoogle,
-  onDisconnectGoogle,
-  onConnectApple,
-  onDisconnectApple,
-  onConnectDiscord: _onConnectDiscord,
-  onDisconnectDiscord: _onDisconnectDiscord,
-  onConnectTelegram: _onConnectTelegram,
-  onDisconnectTelegram: _onDisconnectTelegram,
-  onConnectEmail
-}) => {
-  const twitter = socialAccounts == null ? void 0 : socialAccounts.twitter;
-  const google = socialAccounts == null ? void 0 : socialAccounts.google;
-  const apple = socialAccounts == null ? void 0 : socialAccounts.apple;
-  return /* @__PURE__ */ jsxs24("div", { className: "agg-accounts-wallets-tab flex flex-col gap-8", children: [
-    /* @__PURE__ */ jsx24(TradingAccessSection, { venueAccounts, onKycError }),
-    /* @__PURE__ */ jsxs24("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx24(SectionTitle, { children: "Social Accounts" }),
-      /* @__PURE__ */ jsxs24("div", { className: "agg-social-accounts-list flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxs24(AccountRow, { className: "agg-social-account-row", children: [
-          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx24("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx24(Icon, { name: "google", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Google" })
-          ] }),
-          (google == null ? void 0 : google.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectGoogle }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectGoogle })
-        ] }),
-        /* @__PURE__ */ jsxs24(AccountRow, { className: "agg-social-account-row", children: [
-          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx24("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx24(Icon, { name: "apple", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Apple" })
-          ] }),
-          (apple == null ? void 0 : apple.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectApple }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectApple })
-        ] }),
-        /* @__PURE__ */ jsxs24(AccountRow, { className: "agg-social-account-row", children: [
-          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx24("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx24(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
-          ] }),
-          (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnectTwitter })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx24(SectionTitle, { children: "Email Address" }),
-      /* @__PURE__ */ jsxs24(
-        "button",
-        {
-          type: "button",
-          onClick: onConnectEmail,
-          className: cn(
-            "flex items-center justify-between",
-            "rounded-agg-lg border border-agg-separator bg-agg-secondary",
-            "px-5 py-3",
-            "cursor-pointer hover:bg-agg-secondary-hover"
-          ),
-          children: [
-            /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx24("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ jsx24(Icon, { name: "email", size: "small", color: "currentColor" }) }),
-              /* @__PURE__ */ jsx24("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
-            ] }),
-            /* @__PURE__ */ jsx24(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-AccountsWalletsTab.displayName = "AccountsWalletsTab";
+TradingAccessTab.displayName = "TradingAccessTab";
 
 // src/profile/index.tsx
-import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
-var EVM_WALLET_VENUES = [Venue4.polymarket, Venue4.predict, Venue4.opinion];
+import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -3604,21 +3708,15 @@ var ProfileModal = ({
   avatarPreview,
   onSave,
   onDeleteProfile,
-  exchanges,
   socialAccounts,
   wallets,
   email,
-  onDisconnectExchange: onDisconnectExchangeProp,
   onConnectTwitter,
   onDisconnectTwitter,
   onConnectGoogle,
   onDisconnectGoogle,
   onConnectApple,
   onDisconnectApple,
-  onConnectDiscord,
-  onDisconnectDiscord,
-  onConnectTelegram,
-  onDisconnectTelegram,
   onDisconnectWallet,
   onConnectEmail,
   onKycError
@@ -3627,7 +3725,7 @@ var ProfileModal = ({
   const client = useAggClient2();
   const { user, startAuth } = useAggAuthState2();
   const toastCtx = useOptionalToast();
-  const [activeTab, setActiveTab] = useState10(PROFILE_TAB_KEYS.ABOUT);
+  const [activeTab, setActiveTab] = useState10(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
   const [draftUsername, setDraftUsername] = useState10(resolvedInitialUsername);
   const [draftAvatarFile, setDraftAvatarFile] = useState10();
@@ -3638,11 +3736,11 @@ var ProfileModal = ({
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  const handleOpenChange = useCallback8(
+  const handleOpenChange = useCallback9(
     (isOpen) => {
       var _a2;
       if (!isOpen) {
-        setActiveTab(PROFILE_TAB_KEYS.ABOUT);
+        setActiveTab(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
         setIsSaving(false);
         setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
         setDraftAvatarFile(void 0);
@@ -3662,7 +3760,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = useCallback8(
+  const handleDraftAvatarChange = useCallback9(
     (file, preview) => {
       const ACCEPTED_AVATAR_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
       if (file && !ACCEPTED_AVATAR_TYPES.includes(file.type)) {
@@ -3677,7 +3775,7 @@ var ProfileModal = ({
   );
   const originalUsername = (_b = username != null ? username : user == null ? void 0 : user.username) != null ? _b : "";
   const hasChanges = draftUsername !== originalUsername || draftAvatarFile !== void 0;
-  const handleSave = useCallback8(() => __async(null, null, function* () {
+  const handleSave = useCallback9(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     setIsSaving(true);
     try {
@@ -3732,7 +3830,7 @@ var ProfileModal = ({
     originalUsername,
     toastCtx
   ]);
-  const handleCancel = useCallback8(() => {
+  const handleCancel = useCallback9(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
   const isAccountConnected = (providers) => {
@@ -3776,7 +3874,7 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
-  const handleConnectTwitter = useCallback8(() => __async(null, null, function* () {
+  const handleConnectTwitter = useCallback9(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "twitter",
       redirectUrl: resolveRedirectUrl()
@@ -3786,7 +3884,7 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectTwitter, startAuth]);
-  const handleConnectGoogle = useCallback8(() => __async(null, null, function* () {
+  const handleConnectGoogle = useCallback9(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "google",
       redirectUrl: resolveRedirectUrl()
@@ -3796,7 +3894,7 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectGoogle, startAuth]);
-  const handleConnectApple = useCallback8(() => __async(null, null, function* () {
+  const handleConnectApple = useCallback9(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "apple",
       redirectUrl: resolveRedirectUrl()
@@ -3806,22 +3904,22 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectApple, startAuth]);
-  const handleDisconnectTwitter = useCallback8(() => __async(null, null, function* () {
+  const handleDisconnectTwitter = useCallback9(() => __async(null, null, function* () {
     yield client.disconnectAccount("twitter");
     yield client.getCurrentUser();
     onDisconnectTwitter == null ? void 0 : onDisconnectTwitter();
   }), [client, onDisconnectTwitter]);
-  const handleDisconnectGoogle = useCallback8(() => __async(null, null, function* () {
+  const handleDisconnectGoogle = useCallback9(() => __async(null, null, function* () {
     yield client.disconnectAccount("google");
     yield client.getCurrentUser();
     onDisconnectGoogle == null ? void 0 : onDisconnectGoogle();
   }), [client, onDisconnectGoogle]);
-  const handleDisconnectApple = useCallback8(() => __async(null, null, function* () {
+  const handleDisconnectApple = useCallback9(() => __async(null, null, function* () {
     yield client.disconnectAccount("apple");
     yield client.getCurrentUser();
     onDisconnectApple == null ? void 0 : onDisconnectApple();
   }), [client, onDisconnectApple]);
-  const handleConnectEmail = useCallback8(() => __async(null, null, function* () {
+  const handleConnectEmail = useCallback9(() => __async(null, null, function* () {
     var _a2;
     const typedEmail = typeof window !== "undefined" ? (_a2 = window.prompt("Enter your email to receive a magic link")) == null ? void 0 : _a2.trim() : void 0;
     if (!typedEmail) return;
@@ -3832,7 +3930,7 @@ var ProfileModal = ({
     });
     onConnectEmail == null ? void 0 : onConnectEmail();
   }), [onConnectEmail, startAuth]);
-  const handleDisconnectWallet = useCallback8(
+  const handleDisconnectWallet = useCallback9(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
@@ -3896,30 +3994,7 @@ var ProfileModal = ({
       };
     })) != null ? _b2 : [];
   }, [user == null ? void 0 : user.wallets, wallets]);
-  const resolvedExchanges = useMemo2(() => {
-    var _a2, _b2;
-    if (exchanges !== void 0) return exchanges;
-    const walletAccount = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.find(
-      (a) => a.provider.toLowerCase() === "wallet"
-    );
-    if (!walletAccount) return [];
-    const addr = walletAccount.providerAccountId;
-    const displayAddress = (_b2 = shortenAddress(addr)) != null ? _b2 : addr;
-    return EVM_WALLET_VENUES.map((venue) => ({ venue, displayAddress, verified: false }));
-  }, [exchanges, user == null ? void 0 : user.accounts]);
-  const handleDisconnectExchange = useCallback8(
-    (venue) => __async(null, null, function* () {
-      if (exchanges !== void 0) {
-        onDisconnectExchangeProp == null ? void 0 : onDisconnectExchangeProp(venue);
-        return;
-      }
-      yield client.disconnectAccount("wallet");
-      yield client.getCurrentUser();
-      onDisconnectExchangeProp == null ? void 0 : onDisconnectExchangeProp(venue);
-    }),
-    [client, exchanges, onDisconnectExchangeProp]
-  );
-  return /* @__PURE__ */ jsx25(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsx26(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs26(
     Modal.Container,
     {
       maxWidth: "800px",
@@ -3928,8 +4003,8 @@ var ProfileModal = ({
         container: cn("agg-profile-modal", "min-h-[37.5rem]")
       },
       children: [
-        /* @__PURE__ */ jsx25(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
-        /* @__PURE__ */ jsx25("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx26(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
+        /* @__PURE__ */ jsx26("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ jsx26(
           Tabs,
           {
             className: "w-full [&>div]:w-full",
@@ -3938,14 +4013,14 @@ var ProfileModal = ({
             items: PROFILE_TAB_ITEMS.map((tab) => ({
               value: tab.value,
               label: tab.label,
-              icon: /* @__PURE__ */ jsx25(Icon, { name: tab.icon, size: "small" })
+              icon: /* @__PURE__ */ jsx26(Icon, { name: tab.icon, size: "small" })
             })),
             value: activeTab,
             onChange: (val) => setActiveTab(val)
           }
         ) }),
-        /* @__PURE__ */ jsx25(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs25("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
-          /* @__PURE__ */ jsx25("div", { className: "shrink-0", children: /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx26(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs26("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
+          /* @__PURE__ */ jsx26("div", { className: "shrink-0", children: /* @__PURE__ */ jsx26(
             "nav",
             {
               className: cn(
@@ -3961,7 +4036,7 @@ var ProfileModal = ({
               "aria-label": "Profile sections",
               children: PROFILE_TAB_ITEMS.map((tab) => {
                 const isActive = activeTab === tab.value;
-                return /* @__PURE__ */ jsxs25(
+                return /* @__PURE__ */ jsxs26(
                   "button",
                   {
                     type: "button",
@@ -3977,9 +4052,9 @@ var ProfileModal = ({
                       isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
                     ),
                     children: [
-                      isActive ? /* @__PURE__ */ jsx25("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                      /* @__PURE__ */ jsx25(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                      /* @__PURE__ */ jsx25("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                      isActive ? /* @__PURE__ */ jsx26("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                      /* @__PURE__ */ jsx26(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                      /* @__PURE__ */ jsx26("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
                     ]
                   },
                   tab.value
@@ -3987,54 +4062,47 @@ var ProfileModal = ({
               })
             }
           ) }),
-          /* @__PURE__ */ jsxs25("div", { className: "agg-profile-content min-w-0 flex-1", children: [
-            activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ jsx25(
-              AboutTab,
-              {
-                username: username != null ? username : user == null ? void 0 : user.username,
-                avatarPreview: (_i = user == null ? void 0 : user.avatarUrl) != null ? _i : avatarPreview,
-                onDeleteProfile,
-                draftUsername,
-                onDraftUsernameChange: setDraftUsername,
-                draftAvatarFile,
-                onDraftAvatarChange: handleDraftAvatarChange,
-                draftAvatarPreview,
-                avatarError: avatarTypeError
-              }
-            ) : null,
-            activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ jsx25(
-              AccountsWalletsTab,
-              {
-                exchanges: resolvedExchanges,
-                venueAccounts: user == null ? void 0 : user.venueAccounts,
-                onKycError,
-                socialAccounts: resolvedSocialAccounts,
-                wallets: resolvedWallets,
-                email: resolvedEmail,
-                onDisconnectExchange: (venue) => {
-                  void handleDisconnectExchange(venue);
-                },
-                onConnectTwitter: providerActionMap.twitter.connect,
-                onDisconnectTwitter: providerActionMap.twitter.disconnect,
-                onConnectGoogle: providerActionMap.google.connect,
-                onDisconnectGoogle: providerActionMap.google.disconnect,
-                onConnectApple: providerActionMap.apple.connect,
-                onDisconnectApple: providerActionMap.apple.disconnect,
-                onConnectDiscord,
-                onDisconnectDiscord,
-                onConnectTelegram,
-                onDisconnectTelegram,
-                onDisconnectWallet: (wallet) => {
-                  void handleDisconnectWallet(wallet);
-                },
-                onConnectEmail: providerActionMap.email.connect
-              }
-            ) : null
+          /* @__PURE__ */ jsxs26("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+            activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ jsxs26("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
+              /* @__PURE__ */ jsx26(
+                AboutTab,
+                {
+                  username: username != null ? username : user == null ? void 0 : user.username,
+                  avatarPreview: (_i = user == null ? void 0 : user.avatarUrl) != null ? _i : avatarPreview,
+                  onDeleteProfile,
+                  draftUsername,
+                  onDraftUsernameChange: setDraftUsername,
+                  draftAvatarFile,
+                  onDraftAvatarChange: handleDraftAvatarChange,
+                  draftAvatarPreview,
+                  avatarError: avatarTypeError
+                }
+              ),
+              /* @__PURE__ */ jsx26(
+                AccountsWalletsTab,
+                {
+                  socialAccounts: resolvedSocialAccounts,
+                  wallets: resolvedWallets,
+                  email: resolvedEmail,
+                  onConnectTwitter: providerActionMap.twitter.connect,
+                  onDisconnectTwitter: providerActionMap.twitter.disconnect,
+                  onConnectGoogle: providerActionMap.google.connect,
+                  onDisconnectGoogle: providerActionMap.google.disconnect,
+                  onConnectApple: providerActionMap.apple.connect,
+                  onDisconnectApple: providerActionMap.apple.disconnect,
+                  onDisconnectWallet: (wallet) => {
+                    void handleDisconnectWallet(wallet);
+                  },
+                  onConnectEmail: providerActionMap.email.connect
+                }
+              )
+            ] }) : null,
+            activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ jsx26(TradingAccessTab, { venueAccounts: user == null ? void 0 : user.venueAccounts, onKycError }) : null
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxs25(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
-          /* @__PURE__ */ jsx25(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-          /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsxs26(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
+          /* @__PURE__ */ jsx26(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+          /* @__PURE__ */ jsx26(
             Button,
             {
               variant: "primary",
@@ -4042,7 +4110,7 @@ var ProfileModal = ({
               disabled: !hasChanges,
               isLoading: isSaving,
               onClick: handleSave,
-              children: "Save Changes"
+              children: "Save changes"
             }
           )
         ] })
@@ -4053,33 +4121,33 @@ var ProfileModal = ({
 ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
-import { useLabels as useLabels22 } from "@agg-build/hooks";
-import { useCallback as useCallback9 } from "react";
-import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
+import { useLabels as useLabels23 } from "@agg-build/hooks";
+import { useCallback as useCallback10 } from "react";
+import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
 var GeoBlockModal = ({
   open,
   onOpenChange,
   onConfirm,
   classNames
 }) => {
-  const labels = useLabels22();
-  const handleConfirm = useCallback9(() => {
+  const labels = useLabels23();
+  const handleConfirm = useCallback10(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(
     Modal,
     {
       open,
       onOpenChange,
       "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ jsxs26(
+      children: /* @__PURE__ */ jsxs27(
         Modal.Container,
         {
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(
               Modal.Header,
               {
                 title: "",
@@ -4091,19 +4159,19 @@ var GeoBlockModal = ({
                 }
               }
             ),
-            /* @__PURE__ */ jsx26(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-8", children: [
-              /* @__PURE__ */ jsx26(
+            /* @__PURE__ */ jsx27(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-8", children: [
+              /* @__PURE__ */ jsx27(
                 Icon,
                 {
                   name: "internet-security",
                   className: "h-[60px] w-[60px] text-agg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-                /* @__PURE__ */ jsx26("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
-                /* @__PURE__ */ jsx26("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
+              /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                /* @__PURE__ */ jsx27("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
+                /* @__PURE__ */ jsx27("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
               ] }),
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27(
                 Button,
                 {
                   variant: "secondary",
@@ -4123,6 +4191,7 @@ var GeoBlockModal = ({
 GeoBlockModal.displayName = "GeoBlockModal";
 
 export {
+  subscribeAggDepositNotification,
   CARD_NETWORK_OPTIONS,
   clearPendingCardSession,
   getPendingCardSession,