@agg-build/ui 4.22.6 → 4.23.0

package/dist/modals.js

@@ -83,6 +83,7 @@ __export(modals_exports, {
   CARD_NETWORK_OPTIONS: () => CARD_NETWORK_OPTIONS,
   ConnectAccountsStep: () => ConnectAccountsStep,
   ConnectKalshiModal: () => ConnectKalshiModal,
+  ConnectNovigModal: () => ConnectNovigModal,
   ConnectOnchainModal: () => ConnectOnchainModal,
   ConnectProphetxModal: () => ConnectProphetxModal,
   DepositModal: () => DepositModal,
@@ -7728,9 +7729,9 @@ var WithdrawModal = (props) => {
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/onboarding/index.tsx
-var import_react19 = require("react");
-var import_hooks41 = require("@agg-build/hooks");
-var Dialog5 = __toESM(require("@radix-ui/react-dialog"));
+var import_react20 = require("react");
+var import_hooks42 = require("@agg-build/hooks");
+var Dialog6 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/onboarding/onboarding-modal.constants.ts
 var import_sdk12 = require("@agg-build/sdk");
@@ -9591,8 +9592,166 @@ function ConnectProphetxModal({
   );
 }
 
-// src/onboarding/index.tsx
+// src/onboarding/steps/connect-novig-modal.tsx
+var import_hooks41 = require("@agg-build/hooks");
+var import_sdk15 = require("@agg-build/sdk");
+var Dialog5 = __toESM(require("@radix-ui/react-dialog"));
+var import_react19 = require("react");
 var import_jsx_runtime142 = require("react/jsx-runtime");
+function ConnectNovigModal({
+  open,
+  onOpenChange,
+  onVerify,
+  onDisconnect,
+  allowExistingConnection = false
+}) {
+  const copy = (0, import_hooks41.useLabels)().onboarding.connectNovigModal;
+  const common = (0, import_hooks41.useLabels)().common;
+  const { novigExecutionMode, disabledVenues, isLoading } = (0, import_hooks41.useAppConfig)();
+  const id = (0, import_react19.useId)();
+  const [keyId, setKeyId] = (0, import_react19.useState)("");
+  const [privateKey, setPrivateKey] = (0, import_react19.useState)("");
+  const [pending, setPending] = (0, import_react19.useState)(false);
+  const [disconnecting, setDisconnecting] = (0, import_react19.useState)(false);
+  const [disconnectError, setDisconnectError] = (0, import_react19.useState)(false);
+  const busy = pending || disconnecting;
+  const [connected, setConnected] = (0, import_react19.useState)(false);
+  const [error, setError] = (0, import_react19.useState)(false);
+  (0, import_react19.useEffect)(() => {
+    if (!open) {
+      setKeyId("");
+      setPrivateKey("");
+      setError(false);
+      setDisconnectError(false);
+      setConnected(false);
+    }
+  }, [open]);
+  if (isLoading || !allowExistingConnection && (novigExecutionMode !== "direct" || disabledVenues.includes(import_sdk15.Venue.novig)))
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    Modal,
+    {
+      open,
+      onOpenChange: (value) => {
+        if (!busy) onOpenChange(value);
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Modal.Container, { maxWidth: "480px", "aria-label": copy.title, children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(Modal.Body, { classNames: { root: "relative !p-6" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+          Dialog5.Close,
+          {
+            "aria-label": common.close,
+            disabled: busy,
+            className: "absolute right-4 top-4 cursor-pointer disabled:cursor-not-allowed",
+            children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Icon, { name: "close", size: "medium" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+          "form",
+          {
+            className: "flex flex-col gap-4",
+            onSubmit: (event) => __async(null, null, function* () {
+              event.preventDefault();
+              if (busy || !keyId.trim() || !privateKey.trim()) return;
+              setPending(true);
+              setError(false);
+              try {
+                yield onVerify({ keyId: keyId.trim(), privateKey: privateKey.trim() });
+                setKeyId("");
+                setPrivateKey("");
+                setConnected(true);
+              } catch (e) {
+                setError(true);
+              } finally {
+                setPending(false);
+              }
+            }),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(VenueLogo, { venue: import_sdk15.Venue.novig, size: "large" }),
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Dialog5.Title, { className: "text-agg-xl font-agg-bold text-agg-foreground", children: copy.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Dialog5.Description, { className: "text-agg-sm text-agg-muted-foreground", children: copy.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "text-agg-sm text-agg-muted-foreground", children: copy.fundingNotice }),
+              connected ? /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { role: "status", children: copy.connected }),
+                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Button, { type: "button", onClick: () => onOpenChange(false), children: copy.done })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                  "a",
+                  {
+                    className: "text-agg-sm text-agg-primary underline",
+                    href: "https://docs.novig.com/api/quickstart",
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    children: copy.instructions
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("label", { htmlFor: `${id}-access`, className: "text-agg-sm text-agg-foreground", children: copy.keyId }),
+                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                  "input",
+                  {
+                    id: `${id}-access`,
+                    type: "password",
+                    autoComplete: "off",
+                    spellCheck: false,
+                    className: "rounded-agg-md border border-agg-border bg-agg-secondary p-3 text-agg-foreground",
+                    value: keyId,
+                    onChange: (e) => setKeyId(e.target.value),
+                    disabled: busy,
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("label", { htmlFor: `${id}-secret`, className: "text-agg-sm text-agg-foreground", children: copy.privateKey }),
+                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                  "textarea",
+                  {
+                    id: `${id}-secret`,
+                    rows: 5,
+                    autoComplete: "new-password",
+                    spellCheck: false,
+                    className: "rounded-agg-md border border-agg-border bg-agg-secondary p-3 text-agg-foreground",
+                    value: privateKey,
+                    onChange: (e) => setPrivateKey(e.target.value),
+                    disabled: busy,
+                    required: true
+                  }
+                ),
+                error ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { role: "alert", className: "text-agg-sm text-agg-error", children: copy.error }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Button, { type: "submit", disabled: busy || !keyId.trim() || !privateKey.trim(), children: pending ? copy.verifying : copy.verify })
+              ] }),
+              allowExistingConnection && onDisconnect ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                Button,
+                {
+                  type: "button",
+                  variant: "secondary",
+                  disabled: busy,
+                  onClick: () => __async(null, null, function* () {
+                    setDisconnecting(true);
+                    setDisconnectError(false);
+                    setError(false);
+                    try {
+                      yield onDisconnect();
+                      setKeyId("");
+                      setPrivateKey("");
+                      onOpenChange(false);
+                    } catch (e) {
+                      setDisconnectError(true);
+                    } finally {
+                      setDisconnecting(false);
+                    }
+                  }),
+                  children: disconnecting ? copy.disconnecting : copy.disconnect
+                }
+              ) : null,
+              disconnectError ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { role: "alert", className: "text-agg-sm text-agg-error", children: copy.disconnectError }) : null
+            ]
+          }
+        )
+      ] }) })
+    }
+  );
+}
+
+// src/onboarding/index.tsx
+var import_jsx_runtime143 = require("react/jsx-runtime");
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -9603,55 +9762,55 @@ var OnboardingModal = ({
   connectedOnchain = false
 }) => {
   var _a;
-  const labels = (0, import_hooks41.useLabels)();
-  const [step, setStep] = (0, import_react19.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const labels = (0, import_hooks42.useLabels)();
+  const [step, setStep] = (0, import_react20.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
     [ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
     [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
   };
   const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
-  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react19.useState)(false);
-  const [onchainConnected, setOnchainConnected] = (0, import_react19.useState)(false);
-  (0, import_react19.useEffect)(() => {
+  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react20.useState)(false);
+  const [onchainConnected, setOnchainConnected] = (0, import_react20.useState)(false);
+  (0, import_react20.useEffect)(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = (0, import_react19.useCallback)(() => {
+  const handleHowItWorksContinue = (0, import_react20.useCallback)(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = (0, import_react19.useCallback)(
+  const handleProfileContinue = (0, import_react20.useCallback)(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = (0, import_react19.useCallback)(() => {
+  const handleConnectContinue = (0, import_react20.useCallback)(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = (0, import_react19.useCallback)(() => {
+  const handleOpenOnchainModal = (0, import_react20.useCallback)(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = (0, import_react19.useCallback)(() => __async(null, null, function* () {
+  const handleOnchainConnect = (0, import_react20.useCallback)(() => __async(null, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(import_jsx_runtime143.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Dialog5.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
-            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(Dialog6.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
+            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -9663,7 +9822,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -9676,8 +9835,8 @@ var OnboardingModal = ({
 OnboardingModal.displayName = "OnboardingModal";
 
 // src/paper-trading/paper-trading-badge.tsx
-var import_hooks42 = require("@agg-build/hooks");
-var import_jsx_runtime143 = require("react/jsx-runtime");
+var import_hooks43 = require("@agg-build/hooks");
+var import_jsx_runtime144 = require("react/jsx-runtime");
 var PaperTradingBadge = ({
   placement = "chip",
   isAuthenticated = false,
@@ -9686,8 +9845,8 @@ var PaperTradingBadge = ({
   showWhenAuthenticated = false,
   classNames
 }) => {
-  const labels = (0, import_hooks42.useLabels)();
-  const { isPaperMode, isResolving } = (0, import_hooks42.useResolvedExecutionMode)();
+  const labels = (0, import_hooks43.useLabels)();
+  const { isPaperMode, isResolving } = (0, import_hooks43.useResolvedExecutionMode)();
   if (!forceVisible && (isResolving || !isPaperMode)) return null;
   if (placement === "brand" && isAuthenticated && !forceVisible && !showWhenAuthenticated) {
     return null;
@@ -9697,7 +9856,7 @@ var PaperTradingBadge = ({
     chip: "inline-flex",
     signedOut: "hidden md:inline-flex"
   }[placement];
-  return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
     Tooltip,
     {
       content: labels.paperTrading.badgeTooltip,
@@ -9715,13 +9874,13 @@ var PaperTradingBadge = ({
           classNames == null ? void 0 : classNames.tooltip
         )
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
         "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__ */ (0, import_jsx_runtime143.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
             "span",
             {
               className: cn(
@@ -9746,22 +9905,22 @@ var PaperTradingBadge = ({
 PaperTradingBadge.displayName = "PaperTradingBadge";
 
 // src/paper-trading/paper-trading-onboarding.tsx
-var import_hooks44 = require("@agg-build/hooks");
+var import_hooks45 = require("@agg-build/hooks");
 
 // src/paper-trading/paper-onboarding-modal.tsx
-var import_react20 = require("react");
-var import_hooks43 = require("@agg-build/hooks");
-var import_jsx_runtime144 = require("react/jsx-runtime");
+var import_react21 = require("react");
+var import_hooks44 = require("@agg-build/hooks");
+var import_jsx_runtime145 = require("react/jsx-runtime");
 var PaperOnboardingModal = ({
   open,
   onDismiss,
   startingBalanceLabel,
   classNames
 }) => {
-  const labels = (0, import_hooks43.useLabels)();
+  const labels = (0, import_hooks44.useLabels)();
   const copy = labels.paperTrading.onboarding;
-  const [stepIndex, setStepIndex] = (0, import_react20.useState)(0);
-  const steps = (0, import_react20.useMemo)(
+  const [stepIndex, setStepIndex] = (0, import_react21.useState)(0);
+  const steps = (0, import_react21.useMemo)(
     () => [
       {
         key: "realMarkets",
@@ -9788,17 +9947,17 @@ var PaperOnboardingModal = ({
   const isFirst = stepIndex === 0;
   const isLast = stepIndex === total - 1;
   const step = steps[stepIndex];
-  const handleBack = (0, import_react20.useCallback)(() => {
+  const handleBack = (0, import_react21.useCallback)(() => {
     setStepIndex((current) => Math.max(0, current - 1));
   }, []);
-  const handleNext = (0, import_react20.useCallback)(() => {
+  const handleNext = (0, import_react21.useCallback)(() => {
     if (isLast) {
       onDismiss();
       return;
     }
     setStepIndex((current) => Math.min(total - 1, current + 1));
   }, [isLast, onDismiss, total]);
-  const handleOpenChange = (0, import_react20.useCallback)(
+  const handleOpenChange = (0, import_react21.useCallback)(
     (next) => {
       if (next) return;
       setStepIndex(0);
@@ -9806,7 +9965,7 @@ var PaperOnboardingModal = ({
     },
     [onDismiss]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
     Modal.Container,
     {
       maxWidth: "480px",
@@ -9824,9 +9983,9 @@ var PaperOnboardingModal = ({
         // 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__ */ (0, import_jsx_runtime144.jsxs)("div", { className: cn("agg-paper-onboarding", "flex w-full flex-col gap-5 p-6"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex w-full items-start justify-center gap-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: cn("agg-paper-onboarding", "flex w-full flex-col gap-5 p-6"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex w-full items-start justify-center gap-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
             "div",
             {
               className: cn(
@@ -9834,12 +9993,12 @@ var PaperOnboardingModal = ({
                 "rounded-agg-lg bg-agg-primary/10 text-agg-primary",
                 classNames == null ? void 0 : classNames.icon
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(Icon, { name: step.icon, className: "!h-6 !w-6", "aria-hidden": "true" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon, { name: step.icon, className: "!h-6 !w-6", "aria-hidden": "true" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2 break-words", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2 break-words", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                 "p",
                 {
                   className: cn(
@@ -9852,7 +10011,7 @@ var PaperOnboardingModal = ({
                   children: copy.stepEyebrow({ current: stepIndex + 1, total })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                 "p",
                 {
                   className: cn(
@@ -9863,11 +10022,11 @@ var PaperOnboardingModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: cn("text-agg-sm leading-agg-5 text-agg-foreground", classNames == null ? void 0 : classNames.body), children: step.body })
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("p", { className: cn("text-agg-sm leading-agg-5 text-agg-foreground", classNames == null ? void 0 : classNames.body), children: step.body })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: cn("flex w-full items-center justify-between", classNames == null ? void 0 : classNames.footer), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { className: cn("flex items-center gap-1", classNames == null ? void 0 : classNames.dots), "aria-hidden": "true", children: steps.map((dotStep, index) => /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: cn("flex w-full items-center justify-between", classNames == null ? void 0 : classNames.footer), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: cn("flex items-center gap-1", classNames == null ? void 0 : classNames.dots), "aria-hidden": "true", children: steps.map((dotStep, index) => /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
             "span",
             {
               className: cn(
@@ -9877,8 +10036,8 @@ var PaperOnboardingModal = ({
             },
             dotStep.key
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
               Button,
               {
                 variant: "secondary",
@@ -9888,7 +10047,7 @@ var PaperOnboardingModal = ({
                 children: isFirst ? copy.skip : copy.back
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
               Button,
               {
                 variant: "primary",
@@ -9907,15 +10066,15 @@ var PaperOnboardingModal = ({
 PaperOnboardingModal.displayName = "PaperOnboardingModal";
 
 // src/paper-trading/paper-trading-onboarding.tsx
-var import_jsx_runtime145 = require("react/jsx-runtime");
+var import_jsx_runtime146 = require("react/jsx-runtime");
 var FALLBACK_STARTING_BALANCE = 1e4;
 var PaperTradingOnboarding = ({
   classNames
 }) => {
-  const { isOpen, dismiss } = (0, import_hooks44.usePaperOnboarding)();
-  const { paperStartingBalance } = (0, import_hooks44.useAppConfig)();
+  const { isOpen, dismiss } = (0, import_hooks45.usePaperOnboarding)();
+  const { paperStartingBalance } = (0, import_hooks45.useAppConfig)();
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
     PaperOnboardingModal,
     {
       open: true,
@@ -9930,24 +10089,24 @@ var PaperTradingOnboarding = ({
 PaperTradingOnboarding.displayName = "PaperTradingOnboarding";
 
 // src/profile/index.tsx
-var import_react28 = require("react");
-var import_hooks52 = require("@agg-build/hooks");
-var import_sdk16 = require("@agg-build/sdk");
+var import_react29 = require("react");
+var import_hooks53 = require("@agg-build/hooks");
+var import_sdk17 = require("@agg-build/sdk");
 
 // src/trading/manage-betdex-account-modal.tsx
-var import_react25 = require("react");
-var import_hooks49 = require("@agg-build/hooks");
-var Dialog6 = __toESM(require("@radix-ui/react-dialog"));
+var import_react26 = require("react");
+var import_hooks50 = require("@agg-build/hooks");
+var Dialog7 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/pages/user-profile/components/betdex-account-card.tsx
-var import_react23 = require("react");
-var import_hooks47 = require("@agg-build/hooks");
-var import_sdk15 = require("@agg-build/sdk");
+var import_react24 = require("react");
+var import_hooks48 = require("@agg-build/hooks");
+var import_sdk16 = require("@agg-build/sdk");
 
 // src/pages/user-profile/components/betdex-account-transfers.tsx
-var import_react21 = require("react");
-var import_hooks45 = require("@agg-build/hooks");
-var import_jsx_runtime146 = require("react/jsx-runtime");
+var import_react22 = require("react");
+var import_hooks46 = require("@agg-build/hooks");
+var import_jsx_runtime147 = require("react/jsx-runtime");
 function hostedWithdrawalRaw(value) {
   var _a;
   const match = /^([0-9]{1,26})(?:\.([0-9]{1,6}))?$/.exec(value.trim());
@@ -9967,15 +10126,15 @@ function BetdexAccountTransfers({
   canDeposit,
   onWalletDeposit
 }) {
-  const labels = (0, import_hooks45.useLabels)().userProfile.hostedBetdex;
-  const transfer = (0, import_hooks45.useHostedVenueTransfers)(accountId, environment);
-  const [showWithdraw, setShowWithdraw] = (0, import_react21.useState)(false);
-  const wallet = (0, import_hooks45.useDepositAddresses)({
+  const labels = (0, import_hooks46.useLabels)().userProfile.hostedBetdex;
+  const transfer = (0, import_hooks46.useHostedVenueTransfers)(accountId, environment);
+  const [showWithdraw, setShowWithdraw] = (0, import_react22.useState)(false);
+  const wallet = (0, import_hooks46.useDepositAddresses)({
     enabled: transfer.isAvailable && environment === "production" && showWithdraw
   });
-  const [amount2, setAmount] = (0, import_react21.useState)("");
-  const [destination, setDestination] = (0, import_react21.useState)("");
-  const [actionError, setActionError] = (0, import_react21.useState)(false);
+  const [amount2, setAmount] = (0, import_react22.useState)("");
+  const [destination, setDestination] = (0, import_react22.useState)("");
+  const [actionError, setActionError] = (0, import_react22.useState)(false);
   const raw = hostedWithdrawalRaw(amount2);
   const withinBalance = raw !== null && (availableRaw === void 0 || BigInt(raw) <= BigInt(availableRaw));
   const validDestination = /^[1-9A-HJ-NP-Za-km-z]{32,44}$/.test(destination.trim());
@@ -9986,9 +10145,9 @@ function BetdexAccountTransfers({
     void work().catch(() => setActionError(true));
   };
   if (!transfer.isAvailable) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "flex flex-col gap-3 border-t border-agg-separator pt-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
-      canDeposit && environment === "production" && onWalletDeposit ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex flex-col gap-3 border-t border-agg-separator pt-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
+      canDeposit && environment === "production" && onWalletDeposit ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
         Button,
         {
           type: "button",
@@ -10003,7 +10162,7 @@ function BetdexAccountTransfers({
           children: labels.fromWallet
         }
       ) : null,
-      canDeposit ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+      canDeposit ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
         Button,
         {
           type: "button",
@@ -10016,7 +10175,7 @@ function BetdexAccountTransfers({
           children: labels.deposit
         }
       ) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
         Button,
         {
           type: "button",
@@ -10028,11 +10187,11 @@ function BetdexAccountTransfers({
         }
       )
     ] }),
-    transfer.deposit.data ? /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "flex flex-col gap-2 agg-type-caption", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("p", { className: "text-agg-muted-foreground", children: labels.depositInstructions[environment] }),
-      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("label", { className: "flex flex-col gap-1 text-agg-muted-foreground", children: [
+    transfer.deposit.data ? /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex flex-col gap-2 agg-type-caption", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-agg-muted-foreground", children: labels.depositInstructions[environment] }),
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("label", { className: "flex flex-col gap-1 text-agg-muted-foreground", children: [
         labels.depositAddress,
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
           "input",
           {
             readOnly: true,
@@ -10043,20 +10202,20 @@ function BetdexAccountTransfers({
         )
       ] })
     ] }) : null,
-    transfer.deposit.isError || transfer.withdrawal.isError || transfer.storageError || actionError ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("p", { role: "alert", className: "agg-type-caption text-agg-error", children: labels.transferUnavailable }) : null,
-    transfer.request ? /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "flex flex-col gap-2 agg-type-caption", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("p", { children: [
+    transfer.deposit.isError || transfer.withdrawal.isError || transfer.storageError || actionError ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { role: "alert", className: "agg-type-caption text-agg-error", children: labels.transferUnavailable }) : null,
+    transfer.request ? /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex flex-col gap-2 agg-type-caption", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("p", { children: [
         labels.withdrawalAmount,
         ": ",
         amountText(transfer.request.amountRaw)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("p", { className: "break-all", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("p", { className: "break-all", children: [
         labels.withdrawalDestination,
         ": ",
         transfer.request.destinationAddress
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("p", { role: "status", children: result ? labels.withdrawalStatuses[result.status] : labels.withdrawalUnknown }),
-      terminal ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { role: "status", children: result ? labels.withdrawalStatuses[result.status] : labels.withdrawalUnknown }),
+      terminal ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
         Button,
         {
           type: "button",
@@ -10071,7 +10230,7 @@ function BetdexAccountTransfers({
           },
           children: labels.withdrawalNew
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
         Button,
         {
           type: "button",
@@ -10084,7 +10243,7 @@ function BetdexAccountTransfers({
           children: result ? labels.withdrawalCheck : labels.withdrawalRetry
         }
       )
-    ] }) : showWithdraw ? /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+    ] }) : showWithdraw ? /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
       "form",
       {
         className: "flex flex-col gap-3",
@@ -10094,9 +10253,9 @@ function BetdexAccountTransfers({
           run(() => transfer.submit(raw, destination.trim()));
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("label", { className: "flex flex-col gap-1 agg-type-caption text-agg-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("label", { className: "flex flex-col gap-1 agg-type-caption text-agg-muted-foreground", children: [
             labels.withdrawalAmount,
-            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
               "input",
               {
                 inputMode: "decimal",
@@ -10107,7 +10266,7 @@ function BetdexAccountTransfers({
               }
             )
           ] }),
-          environment === "production" ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+          environment === "production" ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
             Button,
             {
               type: "button",
@@ -10122,9 +10281,9 @@ function BetdexAccountTransfers({
               children: labels.toWallet
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("label", { className: "flex flex-col gap-1 agg-type-caption text-agg-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("label", { className: "flex flex-col gap-1 agg-type-caption text-agg-muted-foreground", children: [
             labels.withdrawalDestination,
-            /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
               "input",
               {
                 autoComplete: "off",
@@ -10135,7 +10294,7 @@ function BetdexAccountTransfers({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
             Button,
             {
               type: "submit",
@@ -10154,9 +10313,9 @@ function BetdexAccountTransfers({
 }
 
 // src/pages/user-profile/components/betdex-account-activity.tsx
-var import_react22 = require("react");
-var import_hooks46 = require("@agg-build/hooks");
-var import_jsx_runtime147 = require("react/jsx-runtime");
+var import_react23 = require("react");
+var import_hooks47 = require("@agg-build/hooks");
+var import_jsx_runtime148 = require("react/jsx-runtime");
 function amount(raw) {
   const negative = raw.startsWith("-");
   const digits = (negative ? raw.slice(1) : raw).padStart(19, "0");
@@ -10167,36 +10326,36 @@ function BetdexAccountActivity({
   accountId,
   environment
 }) {
-  const labels = (0, import_hooks46.useLabels)().userProfile.hostedBetdex;
-  const [page, setPage] = (0, import_react22.useState)(0);
-  const { activity, isAvailable } = (0, import_hooks46.useHostedVenueActivity)("betdex", page);
+  const labels = (0, import_hooks47.useLabels)().userProfile.hostedBetdex;
+  const [page, setPage] = (0, import_react23.useState)(0);
+  const { activity, isAvailable } = (0, import_hooks47.useHostedVenueActivity)("betdex", page);
   if (!isAvailable) return null;
   const data = activity.data;
   const valid = (data == null ? void 0 : data.accountId) === accountId && data.environment === environment && data.page === page;
   const unavailable = activity.isError || !!data && !valid;
-  return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
     "section",
     {
       "aria-label": labels.activityTitle,
       className: "flex flex-col gap-3 border-t border-agg-separator pt-3",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("h4", { className: "agg-type-label text-agg-foreground", children: labels.activityTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.activityDescription }),
-        activity.isPending ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(SkeletonBlock, { className: "h-16 w-full" }) : null,
-        unavailable ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.activityUnavailable }) : null,
-        valid && !unavailable ? data.items.length ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("ul", { className: "flex flex-col gap-3 agg-type-caption", children: data.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("li", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex justify-between gap-3 text-agg-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { children: labels.activityCodes[item.code] }),
-            /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("span", { className: "break-all tabular-nums", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("h4", { className: "agg-type-label text-agg-foreground", children: labels.activityTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.activityDescription }),
+        activity.isPending ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(SkeletonBlock, { className: "h-16 w-full" }) : null,
+        unavailable ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.activityUnavailable }) : null,
+        valid && !unavailable ? data.items.length ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("ul", { className: "flex flex-col gap-3 agg-type-caption", children: data.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("li", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex justify-between gap-3 text-agg-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", { children: labels.activityCodes[item.code] }),
+            /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("span", { className: "break-all tabular-nums", children: [
               amount(item.amountRaw),
               " ",
               data.asset
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("time", { dateTime: item.createdAt, className: "text-agg-muted-foreground", children: new Date(item.createdAt).toLocaleString() })
-        ] }, item.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.activityEmpty }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("time", { dateTime: item.createdAt, className: "text-agg-muted-foreground", children: new Date(item.createdAt).toLocaleString() })
+        ] }, item.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.activityEmpty }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
             Button,
             {
               type: "button",
@@ -10207,7 +10366,7 @@ function BetdexAccountActivity({
               children: labels.activityPrevious
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
             Button,
             {
               type: "button",
@@ -10220,7 +10379,7 @@ function BetdexAccountActivity({
               children: labels.activityNext
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
             Button,
             {
               type: "button",
@@ -10240,46 +10399,46 @@ function BetdexAccountActivity({
 }
 
 // src/pages/user-profile/components/betdex-account-card.tsx
-var import_jsx_runtime148 = require("react/jsx-runtime");
+var import_jsx_runtime149 = require("react/jsx-runtime");
 function BetdexAccountCard({
   onWalletDeposit
 } = {}) {
   var _a;
-  const [showActivity, setShowActivity] = (0, import_react23.useState)(false);
-  const labels = (0, import_hooks47.useLabels)().userProfile.hostedBetdex;
-  const { account, provision, isAvailable } = (0, import_hooks47.useHostedVenueAccount)("betdex");
+  const [showActivity, setShowActivity] = (0, import_react24.useState)(false);
+  const labels = (0, import_hooks48.useLabels)().userProfile.hostedBetdex;
+  const { account, provision, isAvailable } = (0, import_hooks48.useHostedVenueAccount)("betdex");
   const data = account.data;
   if (!isAvailable || (data == null ? void 0 : data.status) === "disabled") return null;
   const pending = provision.isPending || (data == null ? void 0 : data.status) === "provisioning";
   const canCreate = (data == null ? void 0 : data.status) === "not_created" && data.provisioningEnabled;
   const rawLabel = (raw) => formatUsd(Number(raw) / 1e6);
-  return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(
     "section",
     {
       "aria-label": labels.title,
       className: "flex flex-col gap-3 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(VenueLogo, { venue: import_sdk15.Venue.betdex, size: "small", className: "size-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("h3", { className: "agg-type-label text-agg-foreground", children: labels.title })
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(VenueLogo, { venue: import_sdk16.Venue.betdex, size: "small", className: "size-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("h3", { className: "agg-type-label text-agg-foreground", children: labels.title })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.description }),
-        (data == null ? void 0 : data.environment) === "sandbox" ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "agg-type-caption text-agg-warning", children: labels.sandbox }) : null,
-        account.isPending ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(SkeletonBlock, { className: "h-10 w-full" }) : null,
-        (data == null ? void 0 : data.status) === "active" && data.balanceStatus === "available" && data.balance && !account.isError ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("dl", { className: "flex flex-col gap-2 agg-type-caption", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.description }),
+        (data == null ? void 0 : data.environment) === "sandbox" ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("p", { className: "agg-type-caption text-agg-warning", children: labels.sandbox }) : null,
+        account.isPending ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(SkeletonBlock, { className: "h-10 w-full" }) : null,
+        (data == null ? void 0 : data.status) === "active" && data.balanceStatus === "available" && data.balance && !account.isError ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("dl", { className: "flex flex-col gap-2 agg-type-caption", children: [
           [labels.total, data.balance.totalRaw],
           [labels.available, data.balance.availableRaw],
           [labels.reserved, data.balance.unmatchedExposureRaw]
-        ].map(([label2, raw]) => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("dt", { className: "text-agg-muted-foreground", children: label2 }),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("dd", { className: "text-agg-foreground", children: rawLabel(raw) })
+        ].map(([label2, raw]) => /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "flex justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("dt", { className: "text-agg-muted-foreground", children: label2 }),
+          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("dd", { className: "text-agg-foreground", children: rawLabel(raw) })
         ] }, label2)) }) : null,
-        pending ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.provisioning }) : null,
-        (data == null ? void 0 : data.status) === "suspended" ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.suspended }) : null,
-        account.isError || (data == null ? void 0 : data.status) === "unavailable" || (data == null ? void 0 : data.balanceStatus) === "unavailable" ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.unavailable }) : null,
-        (data == null ? void 0 : data.status) === "not_created" && !data.provisioningEnabled ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.provisioningUnavailable }) : null,
-        provision.isError ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { role: "alert", className: "agg-type-caption text-agg-error", children: labels.creationFailed }) : null,
-        canCreate || (data == null ? void 0 : data.status) === "provisioning" ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+        pending ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.provisioning }) : null,
+        (data == null ? void 0 : data.status) === "suspended" ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.suspended }) : null,
+        account.isError || (data == null ? void 0 : data.status) === "unavailable" || (data == null ? void 0 : data.balanceStatus) === "unavailable" ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("p", { role: "status", className: "agg-type-caption text-agg-muted-foreground", children: labels.unavailable }) : null,
+        (data == null ? void 0 : data.status) === "not_created" && !data.provisioningEnabled ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("p", { className: "agg-type-caption text-agg-muted-foreground", children: labels.provisioningUnavailable }) : null,
+        provision.isError ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("p", { role: "alert", className: "agg-type-caption text-agg-error", children: labels.creationFailed }) : null,
+        canCreate || (data == null ? void 0 : data.status) === "provisioning" ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
           Button,
           {
             type: "button",
@@ -10292,7 +10451,7 @@ function BetdexAccountCard({
             children: (data == null ? void 0 : data.status) === "provisioning" ? labels.checkSetup : labels.createAccount
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
           Button,
           {
             type: "button",
@@ -10305,11 +10464,11 @@ function BetdexAccountCard({
             children: labels.refresh
           }
         ),
-        (data == null ? void 0 : data.accountId) && data.environment && ["active", "suspended"].includes(data.status) ? /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(import_jsx_runtime148.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("details", { className: "group/agg-betdex-funds border-t border-agg-separator pt-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("summary", { className: "flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 text-agg-sm font-agg-bold text-agg-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary [&::-webkit-details-marker]:hidden", children: [
+        (data == null ? void 0 : data.accountId) && data.environment && ["active", "suspended"].includes(data.status) ? /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(import_jsx_runtime149.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("details", { className: "group/agg-betdex-funds border-t border-agg-separator pt-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("summary", { className: "flex min-h-11 cursor-pointer list-none items-center justify-between gap-3 text-agg-sm font-agg-bold text-agg-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary [&::-webkit-details-marker]:hidden", children: [
               labels.manageFunds,
-              /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
                 Icon,
                 {
                   name: "chevron-down",
@@ -10318,7 +10477,7 @@ function BetdexAccountCard({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
               BetdexAccountTransfers,
               {
                 accountId: data.accountId,
@@ -10330,7 +10489,7 @@ function BetdexAccountCard({
               `transfers:${data.accountId}:${data.environment}`
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
             Button,
             {
               type: "button",
@@ -10341,7 +10500,7 @@ function BetdexAccountCard({
               children: showActivity ? labels.hideActivity : labels.showActivity
             }
           ),
-          showActivity ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(
+          showActivity ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
             BetdexAccountActivity,
             {
               accountId: data.accountId,
@@ -10356,15 +10515,15 @@ function BetdexAccountCard({
 }
 
 // src/pages/user-profile/components/betdex-wallet-deposit.tsx
-var import_react24 = require("react");
-var import_hooks48 = require("@agg-build/hooks");
+var import_react25 = require("react");
+var import_hooks49 = require("@agg-build/hooks");
 var import_withdraw2 = require("@agg-build/hooks/withdraw");
-var import_jsx_runtime149 = require("react/jsx-runtime");
+var import_jsx_runtime150 = require("react/jsx-runtime");
 function BetdexWalletDeposit({
   address,
   onClose
 }) {
-  const labels = (0, import_hooks48.useLabels)().userProfile.hostedBetdex;
+  const labels = (0, import_hooks49.useLabels)().userProfile.hostedBetdex;
   const flow = (0, import_withdraw2.useWithdrawFlow)({
     open: true,
     onOpenChange: (open) => {
@@ -10372,12 +10531,12 @@ function BetdexWalletDeposit({
     }
   });
   const { onWithdrawDestinationChange, onWithdrawNetworkChange, onWithdrawTokenChange } = flow;
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     onWithdrawDestinationChange(address);
     onWithdrawNetworkChange("792703809");
     onWithdrawTokenChange("USDC");
   }, [address, onWithdrawDestinationChange, onWithdrawNetworkChange, onWithdrawTokenChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
     WithdrawModal,
     __spreadProps(__spreadValues({}, flow), {
       transferTarget: {
@@ -10391,35 +10550,35 @@ function BetdexWalletDeposit({
 }
 
 // src/trading/manage-betdex-account-modal.tsx
-var import_jsx_runtime150 = require("react/jsx-runtime");
+var import_jsx_runtime151 = require("react/jsx-runtime");
 function ManageBetdexAccountModal({
   open,
   onOpenChange,
   userId
 }) {
-  const labels = (0, import_hooks49.useLabels)();
-  const [fundingTarget, setFundingTarget] = (0, import_react25.useState)(
+  const labels = (0, import_hooks50.useLabels)();
+  const [fundingTarget, setFundingTarget] = (0, import_react26.useState)(
     null
   );
   const currentTarget = (fundingTarget == null ? void 0 : fundingTarget.userId) === userId ? fundingTarget : null;
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!open) setFundingTarget(null);
   }, [open]);
-  (0, import_react25.useEffect)(() => setFundingTarget(null), [userId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(import_jsx_runtime150.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Modal, { open: open && !currentTarget, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": labels.trading.manageBetdexAccount, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
-        Dialog6.Close,
+  (0, import_react26.useEffect)(() => setFundingTarget(null), [userId]);
+  return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(import_jsx_runtime151.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Modal, { open: open && !currentTarget, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": labels.trading.manageBetdexAccount, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+        Dialog7.Close,
         {
           "aria-label": labels.common.close,
           className: "absolute right-4 top-4 z-10 flex size-11 cursor-pointer items-center justify-center rounded-agg-full text-agg-muted-foreground hover:bg-agg-quaternary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-accent",
-          children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Icon, { name: "close", size: "medium" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Icon, { name: "close", size: "medium" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(Modal.Body, { classNames: { root: "!px-5 !py-16" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Dialog6.Title, { className: "sr-only", children: labels.trading.manageBetdexAccount }),
-        /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Dialog6.Description, { className: "sr-only", children: labels.userProfile.hostedBetdex.description }),
-        open ? /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(Modal.Body, { classNames: { root: "!px-5 !py-16" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Dialog7.Title, { className: "sr-only", children: labels.trading.manageBetdexAccount }),
+        /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Dialog7.Description, { className: "sr-only", children: labels.userProfile.hostedBetdex.description }),
+        open ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
           BetdexAccountCard,
           {
             onWalletDeposit: userId ? (address) => setFundingTarget({ userId, address }) : void 0
@@ -10427,7 +10586,7 @@ function ManageBetdexAccountModal({
         ) : null
       ] })
     ] }) }),
-    open && currentTarget ? /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(
+    open && currentTarget ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
       BetdexWalletDeposit,
       {
         address: currentTarget.address,
@@ -10453,9 +10612,9 @@ var getProfileTabItems = () => [
 ];
 
 // src/profile/tabs/about-tab.tsx
-var import_react26 = require("react");
-var import_hooks50 = require("@agg-build/hooks");
-var import_jsx_runtime151 = require("react/jsx-runtime");
+var import_react27 = require("react");
+var import_hooks51 = require("@agg-build/hooks");
+var import_jsx_runtime152 = require("react/jsx-runtime");
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile: _onDeleteProfile,
@@ -10465,13 +10624,13 @@ var AboutTab = ({
   draftAvatarPreview,
   avatarError: _avatarError
 }) => {
-  const labels = (0, import_hooks50.useLabels)();
-  const fileInputRef = (0, import_react26.useRef)(null);
-  const handleAvatarClick = (0, import_react26.useCallback)(() => {
+  const labels = (0, import_hooks51.useLabels)();
+  const fileInputRef = (0, import_react27.useRef)(null);
+  const handleAvatarClick = (0, import_react27.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react26.useCallback)(
+  const handleFileChange = (0, import_react27.useCallback)(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -10487,8 +10646,8 @@ var AboutTab = ({
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
   const hasAvatarPreview = Boolean(resolvedPreview);
-  return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(
       "button",
       {
         type: "button",
@@ -10505,13 +10664,13 @@ var AboutTab = ({
         ),
         "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
         children: [
-          !hasAvatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+          !hasAvatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
             "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__ */ (0, import_jsx_runtime151.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
                 "circle",
                 {
                   cx: "40",
@@ -10525,18 +10684,18 @@ var AboutTab = ({
               )
             }
           ) : null,
-          resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+          resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
             RemoteImage,
             {
               src: resolvedPreview,
               alt: labels.onboarding.profileSetup.profilePreviewAlt,
               className: "h-full w-full object-cover"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
       "input",
       {
         ref: fileInputRef,
@@ -10547,8 +10706,8 @@ var AboutTab = ({
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
         "label",
         {
           htmlFor: "profile-username",
@@ -10556,7 +10715,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
         "input",
         {
           id: "profile-username",
@@ -10583,9 +10742,9 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-var import_jsx_runtime152 = require("react/jsx-runtime");
-var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+var import_jsx_runtime153 = require("react/jsx-runtime");
+var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
   "div",
   {
     className: cn(
@@ -10601,11 +10760,11 @@ var AccountIdentity = ({
   icon,
   label: label2,
   iconClassName
-}) => /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Icon, { name: icon, size: "small", color: "currentColor" }) }),
-  /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label2 })
+}) => /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Icon, { name: icon, size: "small", color: "currentColor" }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label2 })
 ] });
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
   "button",
   {
     type: "button",
@@ -10614,7 +10773,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime1
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
   "button",
   {
     type: "button",
@@ -10623,7 +10782,7 @@ var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runti
     children: "Disconnect"
   }
 );
-var VerifiedBadge = () => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
+var VerifiedBadge = () => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(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") {
@@ -10641,12 +10800,12 @@ var ConnectedAccountRow = ({
   onDisconnect
 }) => {
   const displayLabel = connected ? connectedLabel != null ? connectedLabel : label2 : label2;
-  return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(AccountRow, { className: "agg-social-account-row gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(AccountIdentity, { icon, label: displayLabel, iconClassName }),
-      connected ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(VerifiedBadge, {}) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(AccountRow, { className: "agg-social-account-row gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(AccountIdentity, { icon, label: displayLabel, iconClassName }),
+      connected ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(VerifiedBadge, {}) : null
     ] }),
-    connected ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(ConnectTextButton, { onClick: onConnect })
+    connected ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(ConnectTextButton, { onClick: onConnect })
   ] });
 };
 var AccountsWalletsTab = ({
@@ -10665,11 +10824,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__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(SectionTitle, { children: "Connected accounts" }),
-      /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SectionTitle, { children: "Connected accounts" }),
+      /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
           ConnectedAccountRow,
           {
             icon: "google",
@@ -10681,7 +10840,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectGoogle
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
           ConnectedAccountRow,
           {
             icon: "apple",
@@ -10693,7 +10852,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectApple
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
           ConnectedAccountRow,
           {
             icon: "twitter",
@@ -10705,7 +10864,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectTwitter
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
           ConnectedAccountRow,
           {
             icon: "email",
@@ -10718,12 +10877,12 @@ var AccountsWalletsTab = ({
         )
       ] })
     ] }),
-    wallets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(SectionTitle, { children: "Wallets" }),
-      /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
+    wallets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SectionTitle, { children: "Wallets" }),
+      /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
         var _a;
-        return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(AccountRow, { className: "gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(AccountRow, { className: "gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
             AccountIdentity,
             {
               icon: getWalletIconName(wallet),
@@ -10731,7 +10890,7 @@ var AccountsWalletsTab = ({
               label: (_a = wallet.displayAddress) != null ? _a : wallet.address
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(VerifiedBadge, {})
+          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(VerifiedBadge, {})
         ] }) }, `${wallet.chain}:${wallet.address}`);
       }) })
     ] }) : null
@@ -10740,9 +10899,9 @@ var AccountsWalletsTab = ({
 AccountsWalletsTab.displayName = "AccountsWalletsTab";
 
 // src/profile/tabs/trading-access-tab.tsx
-var import_hooks51 = require("@agg-build/hooks");
-var import_react27 = require("react");
-var import_jsx_runtime153 = require("react/jsx-runtime");
+var import_hooks52 = require("@agg-build/hooks");
+var import_react28 = require("react");
+var import_jsx_runtime154 = require("react/jsx-runtime");
 var TRADING_ACCESS_VENUES = [
   "kalshi",
   "betdex",
@@ -10759,8 +10918,8 @@ var TRADING_ACCESS_VENUES = [
   "pred"
 ];
 var TRADING_ACCESS_VENUE_ITEMS = TRADING_ACCESS_VENUES.map((id) => ({ id }));
-var SectionTitle2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+var SectionTitle2 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
   "div",
   {
     className: cn(
@@ -10772,17 +10931,17 @@ var AccessRow = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)
   }
 );
 var AvailableStatus = () => {
-  const labels = (0, import_hooks51.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Icon, { name: "check-badge", size: "small", className: "text-agg-primary" }),
-    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: labels.trading.tradingAccessAvailable })
+  const labels = (0, import_hooks52.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Icon, { name: "check-badge", size: "small", className: "text-agg-primary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: labels.trading.tradingAccessAvailable })
   ] });
 };
 var GeoblockedStatus = () => {
-  const labels = (0, import_hooks51.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
-    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
+  const labels = (0, import_hooks52.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
   ] });
 };
 var TradingAccessTab = ({
@@ -10792,26 +10951,26 @@ var TradingAccessTab = ({
   onConfigureBetdex
 }) => {
   var _a;
-  const labels = (0, import_hooks51.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks51.useAppConfig)();
-  const { isLocationBlocked } = (0, import_hooks51.useGeoBlock)();
+  const labels = (0, import_hooks52.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks52.useAppConfig)();
+  const { isLocationBlocked } = (0, import_hooks52.useGeoBlock)();
   const hasBetdexAccount = (_a = venueAccounts == null ? void 0 : venueAccounts.some((account) => account.venue === "betdex")) != null ? _a : false;
-  const visibleVenues = (0, import_react27.useMemo)(() => {
-    const visible = (0, import_hooks51.getVisibleVenuesByConfig)(TRADING_ACCESS_VENUE_ITEMS, disabledVenues);
+  const visibleVenues = (0, import_react28.useMemo)(() => {
+    const visible = (0, import_hooks52.getVisibleVenuesByConfig)(TRADING_ACCESS_VENUE_ITEMS, disabledVenues);
     return TRADING_ACCESS_VENUE_ITEMS.filter(
       (item) => visible.includes(item) || item.id === "betdex" && hasBetdexAccount
     );
   }, [disabledVenues, hasBetdexAccount]);
-  return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(SectionTitle2, { children: labels.trading.tradingAccessVenues }),
-    /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(SectionTitle2, { children: labels.trading.tradingAccessVenues }),
+    /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
       var _a2;
       const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((account) => account.venue === venue);
       const isKalshi = venue === "kalshi";
       const isBetdex = venue === "betdex";
       const canManageBetdex = isBetdex && hasBetdexAccount && !isAppConfigLoading;
       const isConnected = (venueAccount == null ? void 0 : venueAccount.status) === "active";
-      const availabilityState = (0, import_hooks51.getVenueAvailabilityState)({
+      const availabilityState = (0, import_hooks52.getVenueAvailabilityState)({
         venueId: venue,
         disabledVenues,
         isConfigLoading: (isKalshi || isBetdex) && isAppConfigLoading,
@@ -10819,12 +10978,12 @@ var TradingAccessTab = ({
       });
       const displayName = (_a2 = venueLogoLabels[venue]) != null ? _a2 : venue;
       if (availabilityState === "hidden" && !canManageBetdex) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(AccessRow, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(VenueLogo, { venue, size: "small" }),
-          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
+      return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(AccessRow, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(VenueLogo, { venue, size: "small" }),
+          /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
         ] }),
-        isBetdex && (availabilityState === "available" || canManageBetdex) ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+        isBetdex && (availabilityState === "available" || canManageBetdex) ? /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
           "button",
           {
             type: "button",
@@ -10834,7 +10993,7 @@ var TradingAccessTab = ({
             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: labels.trading.configureBetdexAccount
           }
-        ) : availabilityState === "geoblocked" ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+        ) : availabilityState === "geoblocked" ? /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
           "button",
           {
             type: "button",
@@ -10843,9 +11002,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 ? /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(AvailableStatus, {}),
-          onDisconnectKalshi ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
+        ) : isKalshi ? /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(AvailableStatus, {}),
+          onDisconnectKalshi ? /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
             "button",
             {
               type: "button",
@@ -10854,7 +11013,7 @@ var TradingAccessTab = ({
               children: labels.auth.disconnect
             }
           ) : null
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(AvailableStatus, {})
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(AvailableStatus, {})
       ] }, venue);
     }) })
   ] });
@@ -10862,7 +11021,7 @@ var TradingAccessTab = ({
 TradingAccessTab.displayName = "TradingAccessTab";
 
 // src/profile/index.tsx
-var import_jsx_runtime154 = require("react/jsx-runtime");
+var import_jsx_runtime155 = require("react/jsx-runtime");
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -10886,35 +11045,35 @@ var ProfileModal = ({
   onDisconnectExchange
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  const client = (0, import_hooks52.useAggClient)();
-  const { user } = (0, import_hooks52.useAggAuthState)();
+  const client = (0, import_hooks53.useAggClient)();
+  const { user } = (0, import_hooks53.useAggAuthState)();
   const toastCtx = useOptionalToast();
-  const [activeTab, setActiveTab] = (0, import_react28.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
-  const profileTabItems = (0, import_react28.useMemo)(() => getProfileTabItems(), []);
+  const [activeTab, setActiveTab] = (0, import_react29.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+  const profileTabItems = (0, import_react29.useMemo)(() => getProfileTabItems(), []);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = (0, import_react28.useState)(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react28.useState)();
-  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react28.useState)();
-  const [isSaving, setIsSaving] = (0, import_react28.useState)(false);
-  const [avatarTypeError, setAvatarTypeError] = (0, import_react28.useState)(null);
-  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react28.useState)(false);
-  const [betdexAccountUserId, setBetdexAccountUserId] = (0, import_react28.useState)(null);
+  const [draftUsername, setDraftUsername] = (0, import_react29.useState)(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react29.useState)();
+  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react29.useState)();
+  const [isSaving, setIsSaving] = (0, import_react29.useState)(false);
+  const [avatarTypeError, setAvatarTypeError] = (0, import_react29.useState)(null);
+  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react29.useState)(false);
+  const [betdexAccountUserId, setBetdexAccountUserId] = (0, import_react29.useState)(null);
   const isBetdexAccountModalOpen = !!(user == null ? void 0 : user.id) && betdexAccountUserId === user.id;
-  const { data: kalshiStatus, refetch: refetchKalshiStatus } = (0, import_hooks52.useVenueKeyStatus)(
-    import_sdk16.Venue.kalshi,
+  const { data: kalshiStatus, refetch: refetchKalshiStatus } = (0, import_hooks53.useVenueKeyStatus)(
+    import_sdk17.Venue.kalshi,
     open
   );
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  (0, import_react28.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (open) return;
     setIsConnectKalshiModalOpen(false);
     setBetdexAccountUserId(null);
   }, [open]);
-  (0, import_react28.useEffect)(() => setBetdexAccountUserId(null), [user == null ? void 0 : user.id]);
-  const handleOpenChange = (0, import_react28.useCallback)(
+  (0, import_react29.useEffect)(() => setBetdexAccountUserId(null), [user == null ? void 0 : user.id]);
+  const handleOpenChange = (0, import_react29.useCallback)(
     (isOpen) => {
       var _a2;
       if (!isOpen) {
@@ -10938,7 +11097,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = (0, import_react28.useCallback)(
+  const handleDraftAvatarChange = (0, import_react29.useCallback)(
     (file, preview) => {
       const ACCEPTED_AVATAR_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
       if (file && !ACCEPTED_AVATAR_TYPES.includes(file.type)) {
@@ -10953,7 +11112,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 = (0, import_react28.useCallback)(() => __async(null, null, function* () {
+  const handleSave = (0, import_react29.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     setIsSaving(true);
     try {
@@ -11008,16 +11167,16 @@ var ProfileModal = ({
     originalUsername,
     toastCtx
   ]);
-  const handleCancel = (0, import_react28.useCallback)(() => {
+  const handleCancel = (0, import_react29.useCallback)(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
-  const handleVerifyKalshi = (0, import_react28.useCallback)(
+  const handleVerifyKalshi = (0, import_react29.useCallback)(
     (credentials) => __async(null, null, function* () {
       if (onConnectKalshi) {
         yield onConnectKalshi(credentials);
       } else {
         yield client.upsertVenueKey({
-          venue: import_sdk16.Venue.kalshi,
+          venue: import_sdk17.Venue.kalshi,
           credentials: {
             keyId: credentials.apiKeyId,
             privateKey: credentials.privateKey
@@ -11029,12 +11188,12 @@ var ProfileModal = ({
     }),
     [client, onConnectKalshi, refetchKalshiStatus]
   );
-  const handleDisconnectKalshi = (0, import_react28.useCallback)(() => __async(null, null, function* () {
-    yield client.deleteVenueKey(import_sdk16.Venue.kalshi);
+  const handleDisconnectKalshi = (0, import_react29.useCallback)(() => __async(null, null, function* () {
+    yield client.deleteVenueKey(import_sdk17.Venue.kalshi);
     yield refetchKalshiStatus();
-    onDisconnectExchange == null ? void 0 : onDisconnectExchange(import_sdk16.Venue.kalshi);
+    onDisconnectExchange == null ? void 0 : onDisconnectExchange(import_sdk17.Venue.kalshi);
   }), [client, onDisconnectExchange, refetchKalshiStatus]);
-  const resolvedVenueAccounts = (0, import_react28.useMemo)(() => {
+  const resolvedVenueAccounts = (0, import_react29.useMemo)(() => {
     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;
@@ -11043,7 +11202,7 @@ var ProfileModal = ({
       ...nonKalshiAccounts != null ? nonKalshiAccounts : [],
       {
         id: "kalshi-venue-key",
-        venue: import_sdk16.Venue.kalshi,
+        venue: import_sdk17.Venue.kalshi,
         status: "active",
         kycStatus: kalshiStatus.kycStatus
       }
@@ -11090,7 +11249,7 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
-  const surfaceError = (0, import_react28.useCallback)(
+  const surfaceError = (0, import_react29.useCallback)(
     (err, title2) => {
       const message = (err == null ? void 0 : err.message) || "Something went wrong. Please try again.";
       if (toastCtx) {
@@ -11101,7 +11260,7 @@ var ProfileModal = ({
     },
     [toastCtx]
   );
-  const handleConnectTwitter = (0, import_react28.useCallback)(() => __async(null, null, function* () {
+  const handleConnectTwitter = (0, import_react29.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "twitter",
@@ -11115,7 +11274,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect X (Twitter)");
     }
   }), [client, onConnectTwitter, surfaceError]);
-  const handleConnectGoogle = (0, import_react28.useCallback)(() => __async(null, null, function* () {
+  const handleConnectGoogle = (0, import_react29.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "google",
@@ -11129,7 +11288,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect Google");
     }
   }), [client, onConnectGoogle, surfaceError]);
-  const handleConnectApple = (0, import_react28.useCallback)(() => __async(null, null, function* () {
+  const handleConnectApple = (0, import_react29.useCallback)(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "apple",
@@ -11143,7 +11302,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect Apple");
     }
   }), [client, onConnectApple, surfaceError]);
-  const handleDisconnectTwitter = (0, import_react28.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectTwitter = (0, import_react29.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("twitter");
       yield client.getCurrentUser();
@@ -11152,7 +11311,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect X (Twitter)");
     }
   }), [client, onDisconnectTwitter, surfaceError]);
-  const handleDisconnectGoogle = (0, import_react28.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectGoogle = (0, import_react29.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("google");
       yield client.getCurrentUser();
@@ -11161,7 +11320,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect Google");
     }
   }), [client, onDisconnectGoogle, surfaceError]);
-  const handleDisconnectApple = (0, import_react28.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectApple = (0, import_react29.useCallback)(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("apple");
       yield client.getCurrentUser();
@@ -11170,7 +11329,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect Apple");
     }
   }), [client, onDisconnectApple, surfaceError]);
-  const handleConnectEmail = (0, import_react28.useCallback)(() => __async(null, null, function* () {
+  const handleConnectEmail = (0, import_react29.useCallback)(() => __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;
@@ -11189,7 +11348,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect email");
     }
   }), [client, onConnectEmail, surfaceError, toastCtx]);
-  const handleDisconnectWallet = (0, import_react28.useCallback)(
+  const handleDisconnectWallet = (0, import_react29.useCallback)(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
@@ -11203,7 +11362,7 @@ var ProfileModal = ({
     }),
     [client, onDisconnectWallet, surfaceError]
   );
-  const providerActionMap = (0, import_react28.useMemo)(
+  const providerActionMap = (0, import_react29.useMemo)(
     () => ({
       twitter: {
         connect: () => {
@@ -11245,7 +11404,7 @@ var ProfileModal = ({
       handleDisconnectTwitter
     ]
   );
-  const resolvedWallets = (0, import_react28.useMemo)(() => {
+  const resolvedWallets = (0, import_react29.useMemo)(() => {
     var _a2, _b2;
     if (wallets) return wallets;
     const walletAccounts = (_b2 = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.filter((account) => {
@@ -11264,13 +11423,13 @@ var ProfileModal = ({
       };
     });
   }, [user == null ? void 0 : user.accounts, wallets]);
-  return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(
     Modal,
     {
       open: open && !isConnectKalshiModalOpen && !isBetdexAccountModalOpen,
       onOpenChange: handleOpenChange,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(
           Modal.Container,
           {
             maxWidth: "800px",
@@ -11279,8 +11438,8 @@ var ProfileModal = ({
               container: cn("agg-profile-modal", "min-h-[37.5rem]")
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
+              /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
                 Tabs,
                 {
                   className: "w-full [&>div]:w-full",
@@ -11289,14 +11448,14 @@ var ProfileModal = ({
                   items: profileTabItems.map((tab) => ({
                     value: tab.value,
                     label: tab.label,
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Icon, { name: tab.icon, size: "small" })
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Icon, { name: tab.icon, size: "small" })
                   })),
                   value: activeTab,
                   onChange: (val) => setActiveTab(val)
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
                   "nav",
                   {
                     className: cn(
@@ -11312,7 +11471,7 @@ var ProfileModal = ({
                     "aria-label": "Profile sections",
                     children: profileTabItems.map((tab) => {
                       const isActive = activeTab === tab.value;
-                      return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(
                         "button",
                         {
                           type: "button",
@@ -11328,9 +11487,9 @@ var ProfileModal = ({
                             isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
                           ),
                           children: [
-                            isActive ? /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                            /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                            isActive ? /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
                           ]
                         },
                         tab.value
@@ -11338,9 +11497,9 @@ var ProfileModal = ({
                     })
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", { className: "agg-profile-content min-w-0 flex-1", children: [
-                  activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+                  activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
                       AboutTab,
                       {
                         username: username != null ? username : user == null ? void 0 : user.username,
@@ -11354,7 +11513,7 @@ var ProfileModal = ({
                         avatarError: avatarTypeError
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
                       AccountsWalletsTab,
                       {
                         socialAccounts: resolvedSocialAccounts,
@@ -11373,7 +11532,7 @@ var ProfileModal = ({
                       }
                     )
                   ] }) : null,
-                  activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+                  activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
                     TradingAccessTab,
                     {
                       venueAccounts: resolvedVenueAccounts,
@@ -11385,9 +11544,9 @@ var ProfileModal = ({
                   ) : null
                 ] })
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-                /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+                /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
                   Button,
                   {
                     variant: "primary",
@@ -11402,7 +11561,7 @@ var ProfileModal = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
           ManageBetdexAccountModal,
           {
             userId: user == null ? void 0 : user.id,
@@ -11414,7 +11573,7 @@ var ProfileModal = ({
           },
           (_j = user == null ? void 0 : user.id) != null ? _j : "signed-out"
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
           ConnectKalshiModal,
           {
             open: open && isConnectKalshiModalOpen,
@@ -11429,33 +11588,33 @@ var ProfileModal = ({
 ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
-var import_hooks53 = require("@agg-build/hooks");
-var import_react29 = require("react");
-var import_jsx_runtime155 = require("react/jsx-runtime");
+var import_hooks54 = require("@agg-build/hooks");
+var import_react30 = require("react");
+var import_jsx_runtime156 = require("react/jsx-runtime");
 var GeoBlockModal = ({
   open,
   onOpenChange,
   onConfirm,
   classNames
 }) => {
-  const labels = (0, import_hooks53.useLabels)();
-  const handleConfirm = (0, import_react29.useCallback)(() => {
+  const labels = (0, import_hooks54.useLabels)();
+  const handleConfirm = (0, import_react30.useCallback)(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
     Modal,
     {
       open,
       onOpenChange,
       "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(
         Modal.Container,
         {
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
               Modal.Header,
               {
                 title: "",
@@ -11467,19 +11626,19 @@ var GeoBlockModal = ({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
                 Icon,
                 {
                   name: "internet-security",
                   className: "h-[60px] w-[60px] text-agg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
-                /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
+              /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
+                /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
                 Button,
                 {
                   variant: "secondary",
@@ -11499,27 +11658,27 @@ var GeoBlockModal = ({
 GeoBlockModal.displayName = "GeoBlockModal";
 
 // src/geo-block-banner/index.tsx
-var import_hooks54 = require("@agg-build/hooks");
-var import_jsx_runtime156 = require("react/jsx-runtime");
+var import_hooks55 = require("@agg-build/hooks");
+var import_jsx_runtime157 = require("react/jsx-runtime");
 var GeoBlockBanner = ({
   venue,
   termsUrl = AGG_TERMS_OF_SERVICE_URL,
   className
 }) => {
-  const labels = (0, import_hooks54.useLabels)();
+  const labels = (0, import_hooks55.useLabels)();
   const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
-  return /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(
     "div",
     {
       className: cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
       role: "status",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
           message,
-          /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
+          /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
           labels.trading.geoBlockMessageSuffix
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
+        /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
       ]
     }
   );
@@ -11527,9 +11686,9 @@ var GeoBlockBanner = ({
 GeoBlockBanner.displayName = "GeoBlockBanner";
 
 // src/kyc/shared-kyc-modal.tsx
-var import_hooks55 = require("@agg-build/hooks");
-var Dialog7 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime157 = require("react/jsx-runtime");
+var import_hooks56 = require("@agg-build/hooks");
+var Dialog8 = __toESM(require("@radix-ui/react-dialog"));
+var import_jsx_runtime158 = require("react/jsx-runtime");
 var SharedKycModal = ({
   open,
   state = "initial",
@@ -11537,46 +11696,46 @@ var SharedKycModal = ({
   onOpenChange,
   onStartVerification
 }) => {
-  const labels = (0, import_hooks55.useLabels)();
+  const labels = (0, import_hooks56.useLabels)();
   const modalLabels = labels.trading.sharedKyc.modal;
   const isInitiating = state === "initiating";
   const handleOpenChange = (nextOpen) => {
     if (isInitiating && !nextOpen) return;
     onOpenChange(nextOpen);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(
     Modal.Container,
     {
       maxWidth: "420px",
       "aria-label": modalLabels.ariaLabel,
       classNames: { container: "!rounded-agg-2xl" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("div", { className: "flex h-14 shrink-0 items-center justify-end px-5", children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
-          Dialog7.Close,
+        /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", { className: "flex h-14 shrink-0 items-center justify-end px-5", children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+          Dialog8.Close,
           {
             "aria-label": labels.common.close,
             disabled: isInitiating,
             className: "flex size-11 cursor-pointer items-center justify-center rounded-agg-full text-agg-foreground hover:bg-agg-secondary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-50",
-            children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Icon, { name: "close", size: "small", "aria-hidden": "true" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Icon, { name: "close", size: "small", "aria-hidden": "true" })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Modal.Body, { classNames: { root: "!px-8 !pb-9 !pt-0" }, children: state === "success" ? /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Modal.Body, { classNames: { root: "!px-8 !pb-9 !pt-0" }, children: state === "success" ? /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(
           "div",
           {
             className: "flex flex-col items-center gap-6 text-center",
             role: "status",
             "aria-live": "polite",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("div", { className: "flex size-12 items-center justify-center rounded-agg-full border border-agg-success bg-agg-success/10 text-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Icon, { name: "success-check", className: "size-5", "aria-hidden": "true" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Dialog7.Title, { children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Typography, { as: "span", variant: "body-large-strong", children: modalLabels.successTitle }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Dialog7.Description, { children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: modalLabels.successDescription }) })
+              /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", { className: "flex size-12 items-center justify-center rounded-agg-full border border-agg-success bg-agg-success/10 text-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Icon, { name: "success-check", className: "size-5", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Dialog8.Title, { children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Typography, { as: "span", variant: "body-large-strong", children: modalLabels.successTitle }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Dialog8.Description, { children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: modalLabels.successDescription }) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Button, { variant: "secondary", size: "large", onClick: () => handleOpenChange(false), children: modalLabels.done })
+              /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Button, { variant: "secondary", size: "large", onClick: () => handleOpenChange(false), children: modalLabels.done })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)("div", { className: "flex flex-col items-center gap-6 text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "flex flex-col items-center gap-6 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
             Icon,
             {
               name: "user-trust",
@@ -11584,11 +11743,11 @@ var SharedKycModal = ({
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Dialog7.Title, { children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Typography, { as: "span", variant: "body-large-strong", children: state === "pending" ? modalLabels.pendingTitle : modalLabels.title }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Dialog7.Description, { children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: state === "pending" ? modalLabels.pendingDescription : modalLabels.freeDescription }) })
+          /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Dialog8.Title, { children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Typography, { as: "span", variant: "body-large-strong", children: state === "pending" ? modalLabels.pendingTitle : modalLabels.title }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Dialog8.Description, { children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: state === "pending" ? modalLabels.pendingDescription : modalLabels.freeDescription }) })
           ] }),
-          state === "error" || state === "pending" && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
+          state === "error" || state === "pending" && errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
             InlineAlert,
             {
               tone: "error",
@@ -11596,8 +11755,8 @@ var SharedKycModal = ({
               message: errorMessage || modalLabels.error
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
               Button,
               {
                 variant: "primary",
@@ -11609,7 +11768,7 @@ var SharedKycModal = ({
                 children: state === "pending" ? modalLabels.checkStatus : modalLabels.startVerification
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -11631,6 +11790,7 @@ SharedKycModal.displayName = "SharedKycModal";
   CARD_NETWORK_OPTIONS,
   ConnectAccountsStep,
   ConnectKalshiModal,
+  ConnectNovigModal,
   ConnectOnchainModal,
   ConnectProphetxModal,
   DepositModal,