@agg-build/ui 4.7.3 → 4.9.0

package/dist/{chunk-2347CDTT.mjs → chunk-GG57TRNE.mjs}

@@ -2,7 +2,7 @@
 import {
   ConnectKalshiModal,
   dispatchAggDepositNotification
-} from "./chunk-XR6C3MZX.mjs";
+} from "./chunk-H7L4HDXS.mjs";
 import {
   BoltIcon,
   Button,
@@ -31,11 +31,12 @@ import {
   cn,
   formatCompactUsd,
   formatTokenAmount,
+  formatUsd,
   getMotionClassName,
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
-} from "./chunk-UQ7XJIAZ.mjs";
+} from "./chunk-NYL6A6AD.mjs";
 
 // src/deposit/index.tsx
 import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";
@@ -2481,8 +2482,258 @@ var WithdrawModal = (props) => {
 };
 WithdrawModal.displayName = "WithdrawModal";
 
+// src/paper-trading/paper-trading-badge.tsx
+import { useLabels as useLabels15, useResolvedExecutionMode } from "@agg-build/hooks";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var PaperTradingBadge = ({
+  placement = "chip",
+  isAuthenticated = false,
+  forceVisible = false,
+  classNames
+}) => {
+  const labels = useLabels15();
+  const { isPaperMode, isResolving } = useResolvedExecutionMode();
+  if (!forceVisible && (isResolving || !isPaperMode)) return null;
+  if (placement === "brand" && isAuthenticated && !forceVisible) return null;
+  const placementClassName = {
+    brand: "inline-flex md:hidden",
+    chip: "inline-flex",
+    signedOut: "hidden md:inline-flex"
+  }[placement];
+  return /* @__PURE__ */ jsx17(
+    Tooltip,
+    {
+      content: labels.paperTrading.badgeTooltip,
+      side: "bottom",
+      sideOffset: 3,
+      size: "small",
+      classNames: {
+        content: cn(
+          // Figma node 4772:31068: 253px wide, 12/8 padding, 12px/16px text,
+          // centred — which lands the copy on exactly two lines. The `!`
+          // suffixes are required because `cn` is a plain join, not
+          // tailwind-merge, so conflicting utilities from tooltipSizeClasses
+          // would otherwise win on stylesheet order rather than call order.
+          "max-w-[253px]! px-3! py-2! text-agg-xs! leading-agg-4! text-center",
+          classNames == null ? void 0 : classNames.tooltip
+        )
+      },
+      children: /* @__PURE__ */ jsx17(
+        "span",
+        {
+          className: cn("agg-paper-trading-badge items-center", placementClassName, classNames == null ? void 0 : classNames.root),
+          "data-testid": "agg-paper-trading-badge",
+          "data-placement": placement,
+          children: /* @__PURE__ */ jsx17(
+            "span",
+            {
+              className: cn(
+                "inline-flex items-center justify-center rounded-full",
+                "px-3 py-1",
+                // Mobile pins an explicit 24px (Figma 4772:34209); from md the
+                // height falls out of padding + line-height at 22px, matching the
+                // in-chip pill (4772:31077).
+                "h-6 md:h-auto",
+                "bg-agg-primary/10 text-agg-primary",
+                "text-[10px] leading-[14px] font-agg-bold uppercase whitespace-nowrap",
+                classNames == null ? void 0 : classNames.pill
+              ),
+              children: labels.paperTrading.badge
+            }
+          )
+        }
+      )
+    }
+  );
+};
+PaperTradingBadge.displayName = "PaperTradingBadge";
+
+// src/paper-trading/paper-trading-onboarding.tsx
+import { useAppConfig, usePaperOnboarding } from "@agg-build/hooks";
+
+// src/paper-trading/paper-onboarding-modal.tsx
+import { useCallback as useCallback2, useMemo as useMemo2, useState as useState4 } from "react";
+import { useLabels as useLabels16 } from "@agg-build/hooks";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+var PaperOnboardingModal = ({
+  open,
+  onDismiss,
+  startingBalanceLabel,
+  classNames
+}) => {
+  const labels = useLabels16();
+  const copy = labels.paperTrading.onboarding;
+  const [stepIndex, setStepIndex] = useState4(0);
+  const steps = useMemo2(
+    () => [
+      {
+        key: "realMarkets",
+        icon: "paper-onboarding-markets",
+        title: copy.realMarkets.title,
+        body: copy.realMarkets.body
+      },
+      {
+        key: "zeroRisk",
+        icon: "paper-onboarding-funds",
+        title: copy.zeroRisk.title,
+        body: copy.zeroRisk.body({ amount: startingBalanceLabel })
+      },
+      {
+        key: "readyToTrade",
+        icon: "paper-onboarding-performance",
+        title: copy.readyToTrade.title,
+        body: copy.readyToTrade.body
+      }
+    ],
+    [copy, startingBalanceLabel]
+  );
+  const total = steps.length;
+  const isFirst = stepIndex === 0;
+  const isLast = stepIndex === total - 1;
+  const step = steps[stepIndex];
+  const handleBack = useCallback2(() => {
+    setStepIndex((current) => Math.max(0, current - 1));
+  }, []);
+  const handleNext = useCallback2(() => {
+    if (isLast) {
+      onDismiss();
+      return;
+    }
+    setStepIndex((current) => Math.min(total - 1, current + 1));
+  }, [isLast, onDismiss, total]);
+  const handleOpenChange = useCallback2(
+    (next) => {
+      if (next) return;
+      setStepIndex(0);
+      onDismiss();
+    },
+    [onDismiss]
+  );
+  return /* @__PURE__ */ jsx18(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsx18(
+    Modal.Container,
+    {
+      maxWidth: "480px",
+      "aria-label": step.title,
+      classNames: {
+        overlay: classNames == null ? void 0 : classNames.overlay,
+        // Figma 4772:33889 keeps this as a centred, inset card on mobile
+        // (352px inside a 400px frame) rather than the modal default of a
+        // full-bleed bottom sheet. 24px inset matches the frame's margins.
+        center: "items-center! p-6!",
+        // Figma 4772:31183 is ONE 480px surface with a 12px radius. The
+        // container already supplies the border, background and width, so
+        // the inner element must not draw a second bordered card inside it
+        // — that rendered as a double outline and shrank the card to 478px.
+        // Only the radius needs overriding, from the container's default 16.
+        container: cn("rounded-agg-xl! md:rounded-agg-xl!", classNames == null ? void 0 : classNames.card)
+      },
+      children: /* @__PURE__ */ jsxs17("div", { className: cn("agg-paper-onboarding", "flex w-full flex-col gap-5 p-6"), children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex w-full items-start justify-center gap-5", children: [
+          /* @__PURE__ */ jsx18(
+            "div",
+            {
+              className: cn(
+                "flex size-11 shrink-0 items-center justify-center overflow-hidden",
+                "rounded-agg-lg bg-agg-primary/10 text-agg-primary",
+                classNames == null ? void 0 : classNames.icon
+              ),
+              children: /* @__PURE__ */ jsx18(Icon, { name: step.icon, className: "!h-6 !w-6", "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ jsxs17("div", { className: "flex min-w-0 flex-1 flex-col gap-2 break-words", children: [
+            /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx18(
+                "p",
+                {
+                  className: cn(
+                    // Figma node 4772:31190: 10px / 14px bold uppercase.
+                    // NOT `agg-type-label-caps`, which is 14px / 20px.
+                    "text-agg-2xs leading-agg-14 font-agg-bold uppercase",
+                    "text-agg-muted-foreground",
+                    classNames == null ? void 0 : classNames.eyebrow
+                  ),
+                  children: copy.stepEyebrow({ current: stepIndex + 1, total })
+                }
+              ),
+              /* @__PURE__ */ jsx18(
+                "p",
+                {
+                  className: cn(
+                    "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground",
+                    classNames == null ? void 0 : classNames.title
+                  ),
+                  children: step.title
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx18("p", { className: cn("text-agg-sm leading-agg-5 text-agg-foreground", classNames == null ? void 0 : classNames.body), children: step.body })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs17("div", { className: cn("flex w-full items-center justify-between", classNames == null ? void 0 : classNames.footer), children: [
+          /* @__PURE__ */ jsx18("div", { className: cn("flex items-center gap-1", classNames == null ? void 0 : classNames.dots), "aria-hidden": "true", children: steps.map((dotStep, index) => /* @__PURE__ */ jsx18(
+            "span",
+            {
+              className: cn(
+                "rounded-full transition-all",
+                index === stepIndex ? "h-1 w-4 bg-agg-primary" : "size-1 bg-agg-separator"
+              )
+            },
+            dotStep.key
+          )) }),
+          /* @__PURE__ */ jsxs17("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx18(
+              Button,
+              {
+                variant: "secondary",
+                size: "small",
+                onClick: isFirst ? onDismiss : handleBack,
+                className: "w-20 rounded-full",
+                children: isFirst ? copy.skip : copy.back
+              }
+            ),
+            /* @__PURE__ */ jsx18(
+              Button,
+              {
+                variant: "primary",
+                size: "small",
+                onClick: handleNext,
+                className: "w-[120px] rounded-full",
+                children: isLast ? copy.done : copy.next
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  ) });
+};
+PaperOnboardingModal.displayName = "PaperOnboardingModal";
+
+// src/paper-trading/paper-trading-onboarding.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+var FALLBACK_STARTING_BALANCE = 1e4;
+var PaperTradingOnboarding = ({
+  classNames
+}) => {
+  const { isOpen, dismiss } = usePaperOnboarding();
+  const { paperStartingBalance } = useAppConfig();
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx19(
+    PaperOnboardingModal,
+    {
+      open: true,
+      onDismiss: dismiss,
+      startingBalanceLabel: formatUsd(paperStartingBalance != null ? paperStartingBalance : FALLBACK_STARTING_BALANCE, {
+        maximumFractionDigits: 0
+      }),
+      classNames
+    }
+  );
+};
+PaperTradingOnboarding.displayName = "PaperTradingOnboarding";
+
 // src/profile/index.tsx
-import { useState as useState4, useEffect as useEffect5, useCallback as useCallback3, useMemo as useMemo3 } from "react";
+import { useState as useState5, useEffect as useEffect5, useCallback as useCallback4, useMemo as useMemo4 } from "react";
 import { useAggClient, useAggAuthState as useAggAuthState2, useVenueKeyStatus } from "@agg-build/hooks";
 import { Venue } from "@agg-build/sdk";
 
@@ -2501,9 +2752,9 @@ var getProfileTabItems = () => [
 ];
 
 // src/profile/tabs/about-tab.tsx
-import { useCallback as useCallback2, useRef as useRef2 } from "react";
-import { useLabels as useLabels15 } from "@agg-build/hooks";
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useCallback as useCallback3, useRef as useRef2 } from "react";
+import { useLabels as useLabels17 } from "@agg-build/hooks";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile: _onDeleteProfile,
@@ -2513,13 +2764,13 @@ var AboutTab = ({
   draftAvatarPreview,
   avatarError: _avatarError
 }) => {
-  const labels = useLabels15();
+  const labels = useLabels17();
   const fileInputRef = useRef2(null);
-  const handleAvatarClick = useCallback2(() => {
+  const handleAvatarClick = useCallback3(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = useCallback2(
+  const handleFileChange = useCallback3(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -2535,8 +2786,8 @@ var AboutTab = ({
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
   const hasAvatarPreview = Boolean(resolvedPreview);
-  return /* @__PURE__ */ jsx17("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ jsxs17("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
-    /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx20("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ jsxs18("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
+    /* @__PURE__ */ jsxs18(
       "button",
       {
         type: "button",
@@ -2553,13 +2804,13 @@ var AboutTab = ({
         ),
         "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
         children: [
-          !hasAvatarPreview ? /* @__PURE__ */ jsx17(
+          !hasAvatarPreview ? /* @__PURE__ */ jsx20(
             "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__ */ jsx17(
+              children: /* @__PURE__ */ jsx20(
                 "circle",
                 {
                   cx: "40",
@@ -2573,18 +2824,18 @@ var AboutTab = ({
               )
             }
           ) : null,
-          resolvedPreview ? /* @__PURE__ */ jsx17(
+          resolvedPreview ? /* @__PURE__ */ jsx20(
             RemoteImage,
             {
               src: resolvedPreview,
               alt: labels.onboarding.profileSetup.profilePreviewAlt,
               className: "h-full w-full object-cover"
             }
-          ) : /* @__PURE__ */ jsx17(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
+          ) : /* @__PURE__ */ jsx20(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx20(
       "input",
       {
         ref: fileInputRef,
@@ -2595,8 +2846,8 @@ var AboutTab = ({
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ jsxs17("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
-      /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsxs18("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ jsx20(
         "label",
         {
           htmlFor: "profile-username",
@@ -2604,7 +2855,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx20(
         "input",
         {
           id: "profile-username",
@@ -2631,9 +2882,9 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
-var SectionTitle = ({ children }) => /* @__PURE__ */ jsx18("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx18(
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+var SectionTitle = ({ children }) => /* @__PURE__ */ jsx21("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx21(
   "div",
   {
     className: cn(
@@ -2649,11 +2900,11 @@ var AccountIdentity = ({
   icon,
   label,
   iconClassName
-}) => /* @__PURE__ */ jsxs18("div", { className: "flex min-w-0 items-center gap-3", children: [
-  /* @__PURE__ */ jsx18("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ jsx18(Icon, { name: icon, size: "small", color: "currentColor" }) }),
-  /* @__PURE__ */ jsx18("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label })
+}) => /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 items-center gap-3", children: [
+  /* @__PURE__ */ jsx21("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ jsx21(Icon, { name: icon, size: "small", color: "currentColor" }) }),
+  /* @__PURE__ */ jsx21("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label })
 ] });
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx18(
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx21(
   "button",
   {
     type: "button",
@@ -2662,7 +2913,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx18(
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx18(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx21(
   "button",
   {
     type: "button",
@@ -2671,7 +2922,7 @@ var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx18(
     children: "Disconnect"
   }
 );
-var VerifiedBadge = () => /* @__PURE__ */ jsx18(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
+var VerifiedBadge = () => /* @__PURE__ */ jsx21(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
 var getWalletIconName = (wallet) => {
   const chain = wallet.chain.toLowerCase();
   if (chain === "solana" || chain === "svm") {
@@ -2689,12 +2940,12 @@ var ConnectedAccountRow = ({
   onDisconnect
 }) => {
   const displayLabel = connected ? connectedLabel != null ? connectedLabel : label : label;
-  return /* @__PURE__ */ jsxs18(AccountRow, { className: "agg-social-account-row gap-4", children: [
-    /* @__PURE__ */ jsxs18("div", { className: "flex min-w-0 items-center gap-3", children: [
-      /* @__PURE__ */ jsx18(AccountIdentity, { icon, label: displayLabel, iconClassName }),
-      connected ? /* @__PURE__ */ jsx18(VerifiedBadge, {}) : null
+  return /* @__PURE__ */ jsxs19(AccountRow, { className: "agg-social-account-row gap-4", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ jsx21(AccountIdentity, { icon, label: displayLabel, iconClassName }),
+      connected ? /* @__PURE__ */ jsx21(VerifiedBadge, {}) : null
     ] }),
-    connected ? /* @__PURE__ */ jsx18(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ jsx18(ConnectTextButton, { onClick: onConnect })
+    connected ? /* @__PURE__ */ jsx21(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ jsx21(ConnectTextButton, { onClick: onConnect })
   ] });
 };
 var AccountsWalletsTab = ({
@@ -2713,11 +2964,11 @@ var AccountsWalletsTab = ({
   const google = socialAccounts == null ? void 0 : socialAccounts.google;
   const apple = socialAccounts == null ? void 0 : socialAccounts.apple;
   const hasEmail = Boolean(email);
-  return /* @__PURE__ */ jsxs18("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsxs18("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx18(SectionTitle, { children: "Connected accounts" }),
-      /* @__PURE__ */ jsxs18("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
-        /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs19("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx21(SectionTitle, { children: "Connected accounts" }),
+      /* @__PURE__ */ jsxs19("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx21(
           ConnectedAccountRow,
           {
             icon: "google",
@@ -2729,7 +2980,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectGoogle
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx21(
           ConnectedAccountRow,
           {
             icon: "apple",
@@ -2741,7 +2992,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectApple
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx21(
           ConnectedAccountRow,
           {
             icon: "twitter",
@@ -2753,7 +3004,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectTwitter
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx21(
           ConnectedAccountRow,
           {
             icon: "email",
@@ -2766,12 +3017,12 @@ var AccountsWalletsTab = ({
         )
       ] })
     ] }),
-    wallets.length > 0 ? /* @__PURE__ */ jsxs18("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx18(SectionTitle, { children: "Wallets" }),
-      /* @__PURE__ */ jsx18("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
+    wallets.length > 0 ? /* @__PURE__ */ jsxs19("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx21(SectionTitle, { children: "Wallets" }),
+      /* @__PURE__ */ jsx21("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
         var _a;
-        return /* @__PURE__ */ jsx18(AccountRow, { className: "gap-4", children: /* @__PURE__ */ jsxs18("div", { className: "flex min-w-0 items-center gap-3", children: [
-          /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx21(AccountRow, { className: "gap-4", children: /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ jsx21(
             AccountIdentity,
             {
               icon: getWalletIconName(wallet),
@@ -2779,7 +3030,7 @@ var AccountsWalletsTab = ({
               label: (_a = wallet.displayAddress) != null ? _a : wallet.address
             }
           ),
-          /* @__PURE__ */ jsx18(VerifiedBadge, {})
+          /* @__PURE__ */ jsx21(VerifiedBadge, {})
         ] }) }, `${wallet.chain}:${wallet.address}`);
       }) })
     ] }) : null
@@ -2791,12 +3042,12 @@ AccountsWalletsTab.displayName = "AccountsWalletsTab";
 import {
   getVenueAvailabilityState,
   getVisibleVenuesByConfig,
-  useAppConfig,
+  useAppConfig as useAppConfig2,
   useGeoBlock,
-  useLabels as useLabels16
+  useLabels as useLabels18
 } from "@agg-build/hooks";
-import { useMemo as useMemo2 } from "react";
-import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useMemo as useMemo3 } from "react";
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 var TRADING_ACCESS_VENUES = [
   "kalshi",
   "polymarket",
@@ -2808,8 +3059,8 @@ var TRADING_ACCESS_VENUES = [
   "hyperliquid"
 ];
 var TRADING_ACCESS_VENUE_ITEMS = TRADING_ACCESS_VENUES.map((id) => ({ id }));
-var SectionTitle2 = ({ children }) => /* @__PURE__ */ jsx19("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccessRow = ({ children }) => /* @__PURE__ */ jsx19(
+var SectionTitle2 = ({ children }) => /* @__PURE__ */ jsx22("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccessRow = ({ children }) => /* @__PURE__ */ jsx22(
   "div",
   {
     className: cn(
@@ -2821,17 +3072,17 @@ var AccessRow = ({ children }) => /* @__PURE__ */ jsx19(
   }
 );
 var AvailableStatus = () => {
-  const labels = useLabels16();
-  return /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx19(Icon, { name: "check-badge", size: "small", className: "text-agg-primary" }),
-    /* @__PURE__ */ jsx19("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: labels.trading.tradingAccessAvailable })
+  const labels = useLabels18();
+  return /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx22(Icon, { name: "check-badge", size: "small", className: "text-agg-primary" }),
+    /* @__PURE__ */ jsx22("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: labels.trading.tradingAccessAvailable })
   ] });
 };
 var GeoblockedStatus = () => {
-  const labels = useLabels16();
-  return /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
-    /* @__PURE__ */ jsx19(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
-    /* @__PURE__ */ jsx19("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
+  const labels = useLabels18();
+  return /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
+    /* @__PURE__ */ jsx22(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
+    /* @__PURE__ */ jsx22("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
   ] });
 };
 var TradingAccessTab = ({
@@ -2839,37 +3090,34 @@ var TradingAccessTab = ({
   onConnectKalshi,
   onDisconnectKalshi
 }) => {
-  var _a, _b, _c, _d;
-  const labels = useLabels16();
-  const verifyConnectionLabel = (_d = (_c = (_b = (_a = labels.onboarding) == null ? void 0 : _a.connectKalshiModal) == null ? void 0 : _b.actions) == null ? void 0 : _c.verifyConnection) != null ? _d : labels.trading.kycVerify;
-  const { disabledVenues, isLoading: isAppConfigLoading } = useAppConfig();
+  const labels = useLabels18();
+  const { disabledVenues, isLoading: isAppConfigLoading } = useAppConfig2();
   const { isLocationBlocked } = useGeoBlock();
-  const visibleVenues = useMemo2(
+  const visibleVenues = useMemo3(
     () => getVisibleVenuesByConfig(TRADING_ACCESS_VENUE_ITEMS, disabledVenues),
     [disabledVenues]
   );
-  return /* @__PURE__ */ jsxs19("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx19(SectionTitle2, { children: labels.trading.tradingAccessVenues }),
-    /* @__PURE__ */ jsx19("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
-      var _a2;
+  return /* @__PURE__ */ jsxs20("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx22(SectionTitle2, { children: labels.trading.tradingAccessVenues }),
+    /* @__PURE__ */ jsx22("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
+      var _a;
       const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((account) => account.venue === venue);
       const isKalshi = venue === "kalshi";
       const isConnected = (venueAccount == null ? void 0 : venueAccount.status) === "active";
-      const isVerified = (venueAccount == null ? void 0 : venueAccount.kycStatus) === "verified";
       const availabilityState = getVenueAvailabilityState({
         venueId: venue,
         disabledVenues,
         isConfigLoading: isKalshi && isAppConfigLoading,
         isLocationBlocked
       });
-      const displayName = (_a2 = venueLogoLabels[venue]) != null ? _a2 : venue;
+      const displayName = (_a = venueLogoLabels[venue]) != null ? _a : venue;
       if (availabilityState === "hidden") return null;
-      return /* @__PURE__ */ jsxs19(AccessRow, { children: [
-        /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 items-center gap-3", children: [
-          /* @__PURE__ */ jsx19(VenueLogo, { venue, size: "small" }),
-          /* @__PURE__ */ jsx19("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
+      return /* @__PURE__ */ jsxs20(AccessRow, { children: [
+        /* @__PURE__ */ jsxs20("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ jsx22(VenueLogo, { venue, size: "small" }),
+          /* @__PURE__ */ jsx22("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
         ] }),
-        availabilityState === "geoblocked" ? /* @__PURE__ */ jsx19(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ jsx19(
+        availabilityState === "geoblocked" ? /* @__PURE__ */ jsx22(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ jsx22(
           "button",
           {
             type: "button",
@@ -2878,22 +3126,9 @@ var TradingAccessTab = ({
             className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
             children: labels.trading.tradingAccessAddKalshiAccount
           }
-        ) : isKalshi && !isVerified ? /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx19("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.kycRequired }),
-          /* @__PURE__ */ jsx19(
-            "button",
-            {
-              type: "button",
-              onClick: onConnectKalshi,
-              disabled: !onConnectKalshi,
-              className: "min-h-11 shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
-              children: verifyConnectionLabel
-            }
-          )
-        ] }) : isKalshi && isVerified ? /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx19("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.verified }),
-          /* @__PURE__ */ jsx19(AvailableStatus, {}),
-          onDisconnectKalshi ? /* @__PURE__ */ jsx19(
+        ) : isKalshi ? /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx22(AvailableStatus, {}),
+          onDisconnectKalshi ? /* @__PURE__ */ jsx22(
             "button",
             {
               type: "button",
@@ -2902,7 +3137,7 @@ var TradingAccessTab = ({
               children: labels.auth.disconnect
             }
           ) : null
-        ] }) : /* @__PURE__ */ jsx19(AvailableStatus, {})
+        ] }) : /* @__PURE__ */ jsx22(AvailableStatus, {})
       ] }, venue);
     }) })
   ] });
@@ -2910,7 +3145,7 @@ var TradingAccessTab = ({
 TradingAccessTab.displayName = "TradingAccessTab";
 
 // src/profile/index.tsx
-import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -2937,15 +3172,15 @@ var ProfileModal = ({
   const client = useAggClient();
   const { user } = useAggAuthState2();
   const toastCtx = useOptionalToast();
-  const [activeTab, setActiveTab] = useState4(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
-  const profileTabItems = useMemo3(() => getProfileTabItems(), []);
+  const [activeTab, setActiveTab] = useState5(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+  const profileTabItems = useMemo4(() => getProfileTabItems(), []);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = useState4(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = useState4();
-  const [draftAvatarPreview, setDraftAvatarPreview] = useState4();
-  const [isSaving, setIsSaving] = useState4(false);
-  const [avatarTypeError, setAvatarTypeError] = useState4(null);
-  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = useState4(false);
+  const [draftUsername, setDraftUsername] = useState5(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = useState5();
+  const [draftAvatarPreview, setDraftAvatarPreview] = useState5();
+  const [isSaving, setIsSaving] = useState5(false);
+  const [avatarTypeError, setAvatarTypeError] = useState5(null);
+  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = useState5(false);
   const { data: kalshiStatus, refetch: refetchKalshiStatus } = useVenueKeyStatus(
     Venue.kalshi,
     open
@@ -2958,7 +3193,7 @@ var ProfileModal = ({
     if (open) return;
     setIsConnectKalshiModalOpen(false);
   }, [open]);
-  const handleOpenChange = useCallback3(
+  const handleOpenChange = useCallback4(
     (isOpen) => {
       var _a2;
       if (!isOpen) {
@@ -2982,7 +3217,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = useCallback3(
+  const handleDraftAvatarChange = useCallback4(
     (file, preview) => {
       const ACCEPTED_AVATAR_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
       if (file && !ACCEPTED_AVATAR_TYPES.includes(file.type)) {
@@ -2997,7 +3232,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 = useCallback3(() => __async(null, null, function* () {
+  const handleSave = useCallback4(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     setIsSaving(true);
     try {
@@ -3052,10 +3287,10 @@ var ProfileModal = ({
     originalUsername,
     toastCtx
   ]);
-  const handleCancel = useCallback3(() => {
+  const handleCancel = useCallback4(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
-  const handleVerifyKalshi = useCallback3(
+  const handleVerifyKalshi = useCallback4(
     (credentials) => __async(null, null, function* () {
       if (onConnectKalshi) {
         yield onConnectKalshi(credentials);
@@ -3073,12 +3308,12 @@ var ProfileModal = ({
     }),
     [client, onConnectKalshi, refetchKalshiStatus]
   );
-  const handleDisconnectKalshi = useCallback3(() => __async(null, null, function* () {
+  const handleDisconnectKalshi = useCallback4(() => __async(null, null, function* () {
     yield client.deleteVenueKey(Venue.kalshi);
     yield refetchKalshiStatus();
     onDisconnectExchange == null ? void 0 : onDisconnectExchange(Venue.kalshi);
   }), [client, onDisconnectExchange, refetchKalshiStatus]);
-  const resolvedVenueAccounts = useMemo3(() => {
+  const resolvedVenueAccounts = useMemo4(() => {
     var _a2;
     const nonKalshiAccounts = (_a2 = user == null ? void 0 : user.venueAccounts) == null ? void 0 : _a2.filter((account) => account.venue !== "kalshi");
     if (!kalshiStatus) return user == null ? void 0 : user.venueAccounts;
@@ -3134,7 +3369,7 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
-  const surfaceError = useCallback3(
+  const surfaceError = useCallback4(
     (err, title) => {
       const message = (err == null ? void 0 : err.message) || "Something went wrong. Please try again.";
       if (toastCtx) {
@@ -3145,7 +3380,7 @@ var ProfileModal = ({
     },
     [toastCtx]
   );
-  const handleConnectTwitter = useCallback3(() => __async(null, null, function* () {
+  const handleConnectTwitter = useCallback4(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "twitter",
@@ -3159,7 +3394,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect X (Twitter)");
     }
   }), [client, onConnectTwitter, surfaceError]);
-  const handleConnectGoogle = useCallback3(() => __async(null, null, function* () {
+  const handleConnectGoogle = useCallback4(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "google",
@@ -3173,7 +3408,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect Google");
     }
   }), [client, onConnectGoogle, surfaceError]);
-  const handleConnectApple = useCallback3(() => __async(null, null, function* () {
+  const handleConnectApple = useCallback4(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "apple",
@@ -3187,7 +3422,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect Apple");
     }
   }), [client, onConnectApple, surfaceError]);
-  const handleDisconnectTwitter = useCallback3(() => __async(null, null, function* () {
+  const handleDisconnectTwitter = useCallback4(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("twitter");
       yield client.getCurrentUser();
@@ -3196,7 +3431,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect X (Twitter)");
     }
   }), [client, onDisconnectTwitter, surfaceError]);
-  const handleDisconnectGoogle = useCallback3(() => __async(null, null, function* () {
+  const handleDisconnectGoogle = useCallback4(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("google");
       yield client.getCurrentUser();
@@ -3205,7 +3440,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect Google");
     }
   }), [client, onDisconnectGoogle, surfaceError]);
-  const handleDisconnectApple = useCallback3(() => __async(null, null, function* () {
+  const handleDisconnectApple = useCallback4(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("apple");
       yield client.getCurrentUser();
@@ -3214,7 +3449,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect Apple");
     }
   }), [client, onDisconnectApple, surfaceError]);
-  const handleConnectEmail = useCallback3(() => __async(null, null, function* () {
+  const handleConnectEmail = useCallback4(() => __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;
@@ -3233,7 +3468,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect email");
     }
   }), [client, onConnectEmail, surfaceError, toastCtx]);
-  const handleDisconnectWallet = useCallback3(
+  const handleDisconnectWallet = useCallback4(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
@@ -3247,7 +3482,7 @@ var ProfileModal = ({
     }),
     [client, onDisconnectWallet, surfaceError]
   );
-  const providerActionMap = useMemo3(
+  const providerActionMap = useMemo4(
     () => ({
       twitter: {
         connect: () => {
@@ -3289,7 +3524,7 @@ var ProfileModal = ({
       handleDisconnectTwitter
     ]
   );
-  const resolvedWallets = useMemo3(() => {
+  const resolvedWallets = useMemo4(() => {
     var _a2, _b2;
     if (wallets) return wallets;
     const walletAccounts = (_b2 = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.filter((account) => {
@@ -3308,8 +3543,8 @@ var ProfileModal = ({
       };
     });
   }, [user == null ? void 0 : user.accounts, wallets]);
-  return /* @__PURE__ */ jsxs20(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsxs21(
       Modal.Container,
       {
         maxWidth: "800px",
@@ -3318,8 +3553,8 @@ var ProfileModal = ({
           container: cn("agg-profile-modal", "min-h-[37.5rem]")
         },
         children: [
-          /* @__PURE__ */ jsx20(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
-          /* @__PURE__ */ jsx20("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx23(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
+          /* @__PURE__ */ jsx23("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ jsx23(
             Tabs,
             {
               className: "w-full [&>div]:w-full",
@@ -3328,14 +3563,14 @@ var ProfileModal = ({
               items: profileTabItems.map((tab) => ({
                 value: tab.value,
                 label: tab.label,
-                icon: /* @__PURE__ */ jsx20(Icon, { name: tab.icon, size: "small" })
+                icon: /* @__PURE__ */ jsx23(Icon, { name: tab.icon, size: "small" })
               })),
               value: activeTab,
               onChange: (val) => setActiveTab(val)
             }
           ) }),
-          /* @__PURE__ */ jsx20(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs20("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
-            /* @__PURE__ */ jsx20("div", { className: "shrink-0", children: /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx23(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs21("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
+            /* @__PURE__ */ jsx23("div", { className: "shrink-0", children: /* @__PURE__ */ jsx23(
               "nav",
               {
                 className: cn(
@@ -3351,7 +3586,7 @@ var ProfileModal = ({
                 "aria-label": "Profile sections",
                 children: profileTabItems.map((tab) => {
                   const isActive = activeTab === tab.value;
-                  return /* @__PURE__ */ jsxs20(
+                  return /* @__PURE__ */ jsxs21(
                     "button",
                     {
                       type: "button",
@@ -3367,9 +3602,9 @@ var ProfileModal = ({
                         isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
                       ),
                       children: [
-                        isActive ? /* @__PURE__ */ jsx20("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                        /* @__PURE__ */ jsx20(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                        /* @__PURE__ */ jsx20("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                        isActive ? /* @__PURE__ */ jsx23("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                        /* @__PURE__ */ jsx23(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                        /* @__PURE__ */ jsx23("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
                       ]
                     },
                     tab.value
@@ -3377,9 +3612,9 @@ var ProfileModal = ({
                 })
               }
             ) }),
-            /* @__PURE__ */ jsxs20("div", { className: "agg-profile-content min-w-0 flex-1", children: [
-              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ jsxs20("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
-                /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsxs21("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ jsxs21("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
+                /* @__PURE__ */ jsx23(
                   AboutTab,
                   {
                     username: username != null ? username : user == null ? void 0 : user.username,
@@ -3393,7 +3628,7 @@ var ProfileModal = ({
                     avatarError: avatarTypeError
                   }
                 ),
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx23(
                   AccountsWalletsTab,
                   {
                     socialAccounts: resolvedSocialAccounts,
@@ -3412,7 +3647,7 @@ var ProfileModal = ({
                   }
                 )
               ] }) : null,
-              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ jsx20(
+              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ jsx23(
                 TradingAccessTab,
                 {
                   venueAccounts: resolvedVenueAccounts,
@@ -3423,9 +3658,9 @@ var ProfileModal = ({
               ) : null
             ] })
           ] }) }),
-          /* @__PURE__ */ jsxs20(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
-            /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-            /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsxs21(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
+            /* @__PURE__ */ jsx23(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+            /* @__PURE__ */ jsx23(
               Button,
               {
                 variant: "primary",
@@ -3440,7 +3675,7 @@ var ProfileModal = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx23(
       ConnectKalshiModal,
       {
         open: open && isConnectKalshiModalOpen,
@@ -3453,33 +3688,33 @@ var ProfileModal = ({
 ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
-import { useLabels as useLabels17 } from "@agg-build/hooks";
-import { useCallback as useCallback4 } from "react";
-import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+import { useLabels as useLabels19 } from "@agg-build/hooks";
+import { useCallback as useCallback5 } from "react";
+import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 var GeoBlockModal = ({
   open,
   onOpenChange,
   onConfirm,
   classNames
 }) => {
-  const labels = useLabels17();
-  const handleConfirm = useCallback4(() => {
+  const labels = useLabels19();
+  const handleConfirm = useCallback5(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx24(
     Modal,
     {
       open,
       onOpenChange,
       "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ jsxs21(
+      children: /* @__PURE__ */ jsxs22(
         Modal.Container,
         {
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx24(
               Modal.Header,
               {
                 title: "",
@@ -3491,19 +3726,19 @@ var GeoBlockModal = ({
                 }
               }
             ),
-            /* @__PURE__ */ jsx21(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-8", children: [
-              /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx24(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-8", children: [
+              /* @__PURE__ */ jsx24(
                 Icon,
                 {
                   name: "internet-security",
                   className: "h-[60px] w-[60px] text-agg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-                /* @__PURE__ */ jsx21("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
-                /* @__PURE__ */ jsx21("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
+              /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                /* @__PURE__ */ jsx24("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
+                /* @__PURE__ */ jsx24("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
               ] }),
-              /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx24(
                 Button,
                 {
                   variant: "secondary",
@@ -3523,12 +3758,15 @@ var GeoBlockModal = ({
 GeoBlockModal.displayName = "GeoBlockModal";
 
 export {
+  PaperTradingBadge,
   CARD_NETWORK_OPTIONS,
   clearPendingCardSession,
   getPendingCardSession,
   DepositModal,
   buildTerminalSummary,
   WithdrawModal,
+  PaperOnboardingModal,
+  PaperTradingOnboarding,
   ProfileModal,
   GeoBlockModal
 };