@agg-build/ui 2.4.3 → 2.4.6

package/dist/{chunk-QDNG5UKJ.mjs → chunk-TEBAR55W.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   dispatchAggDepositNotification
-} from "./chunk-3PSIO77N.mjs";
+} from "./chunk-JVRTJQPZ.mjs";
 import {
   BestPricesIcon,
   BoltIcon,
@@ -41,7 +41,7 @@ import {
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
-} from "./chunk-WZ55ERDO.mjs";
+} from "./chunk-PTNFXXOV.mjs";
 
 // src/deposit/index.tsx
 import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";
@@ -2493,7 +2493,7 @@ import { useLabels as useLabels20 } from "@agg-build/hooks";
 import * as Dialog3 from "@radix-ui/react-dialog";
 
 // src/onboarding/onboarding-modal.constants.ts
-import { Venue } from "@agg-build/sdk";
+import { isVenueActive, Venue } from "@agg-build/sdk";
 var HOW_IT_WORKS_FEATURE_KEYS = [
   "createAccount",
   "linkAccounts",
@@ -2505,7 +2505,11 @@ var ONBOARDING_STEPS = {
   PROFILE_SETUP: 1,
   CONNECT_ACCOUNTS: 2
 };
-var ONCHAIN_VENUES = [Venue.polymarket, Venue.opinion, Venue.predict];
+var ONCHAIN_VENUES = [
+  Venue.polymarket,
+  Venue.opinion,
+  Venue.predict
+].filter(isVenueActive);
 
 // src/onboarding/steps/how-it-works.tsx
 import { useCallback as useCallback2, useRef as useRef2, useState as useState4 } from "react";
@@ -2725,7 +2729,6 @@ var ProfileSetupStep = ({ onContinue }) => {
 ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
-import { Venue as Venue2 } from "@agg-build/sdk";
 import { useLabels as useLabels17 } from "@agg-build/hooks";
 import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 var OnchainVenueLogos = () => {
@@ -2796,51 +2799,27 @@ var VenueCard = ({
 };
 var ConnectAccountsStep = ({
   onConnectOnchain,
-  onConnectKalshi,
   onContinue,
-  connectedOnchain = false,
-  connectedKalshi = false
+  connectedOnchain = false
 }) => {
   const labels = useLabels17();
-  const canContinue = connectedOnchain || connectedKalshi;
+  const canContinue = connectedOnchain;
   return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ jsx19("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx19(
-        VenueCard,
-        {
-          logos: /* @__PURE__ */ jsx19(OnchainVenueLogos, {}),
-          title: labels.onboarding.connectAccounts.onchainTitle,
-          mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
-            ONCHAIN_VENUES.length - 1
-          ),
-          description: labels.onboarding.connectAccounts.onchainDescription,
-          mobileDescription: labels.onboarding.connectAccounts.onchainMobileDescription,
-          onConnect: onConnectOnchain,
-          connected: connectedOnchain
-        }
-      ),
-      /* @__PURE__ */ jsx19(
-        VenueCard,
-        {
-          logos: /* @__PURE__ */ jsx19("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ jsx19(
-            VenueLogo,
-            {
-              venue: Venue2.kalshi,
-              variant: "logo",
-              size: "large",
-              className: "h-6 w-6 sm:h-9 sm:w-9"
-            }
-          ) }),
-          title: labels.onboarding.connectAccounts.kalshiTitle,
-          mobileTitle: labels.onboarding.connectAccounts.kalshiMobileTitle,
-          description: labels.onboarding.connectAccounts.kalshiDescription,
-          mobileDescription: labels.onboarding.connectAccounts.kalshiMobileDescription,
-          onConnect: onConnectKalshi,
-          connected: connectedKalshi
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsx19("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx19(
+      VenueCard,
+      {
+        logos: /* @__PURE__ */ jsx19(OnchainVenueLogos, {}),
+        title: labels.onboarding.connectAccounts.onchainTitle,
+        mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
+          ONCHAIN_VENUES.length - 1
+        ),
+        description: labels.onboarding.connectAccounts.onchainDescription,
+        mobileDescription: labels.onboarding.connectAccounts.onchainMobileDescription,
+        onConnect: onConnectOnchain,
+        connected: connectedOnchain
+      }
+    ) }),
     /* @__PURE__ */ jsx19(
       Button,
       {
@@ -2856,27 +2835,135 @@ var ConnectAccountsStep = ({
 };
 ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
-// src/onboarding/steps/connect-kalshi-modal.tsx
-import { Venue as Venue3 } from "@agg-build/sdk";
+// src/onboarding/steps/connect-onchain-modal.tsx
 import { useCallback as useCallback4, useState as useState6 } from "react";
 import { useLabels as useLabels18 } from "@agg-build/hooks";
 import * as Dialog from "@radix-ui/react-dialog";
 import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
-var ConnectKalshiModal = ({
+var ConnectOnchainModal = ({
   open,
   onOpenChange,
-  onVerify
+  onConnect
 }) => {
   const labels = useLabels18();
-  const [apiKeyId, setApiKeyId] = useState6("");
-  const [privateKey, setPrivateKey] = useState6("");
-  const [verifying, setVerifying] = useState6(false);
+  const [connecting, setConnecting] = useState6(false);
   const [error, setError] = useState6();
-  const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
   const handleCancel = useCallback4(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleVerify = useCallback4(() => __async(null, null, function* () {
+  const handleConnect = useCallback4(() => __async(null, null, function* () {
+    if (connecting) return;
+    setConnecting(true);
+    setError(void 0);
+    try {
+      yield onConnect();
+      onOpenChange(false);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : labels.onboarding.connectOnchainModal.fallbackError
+      );
+    } finally {
+      setConnecting(false);
+    }
+  }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
+  const handleOpenChange = useCallback4(
+    (value) => {
+      if (value) {
+        setError(void 0);
+        setConnecting(false);
+      }
+      onOpenChange(value);
+    },
+    [onOpenChange]
+  );
+  return /* @__PURE__ */ jsx20(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs20(
+    Modal.Container,
+    {
+      maxWidth: "600px",
+      "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
+      classNames: { container: "!rounded-agg-lg" },
+      children: [
+        /* @__PURE__ */ jsx20(Dialog.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ jsx20(
+          Modal.Header,
+          {
+            hideClose: false,
+            hideBorder: true,
+            classNames: {
+              root: "!min-h-0",
+              container: "!py-[18px] !px-8"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx20(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ jsx20("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ jsx20("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
+          ] }),
+          /* @__PURE__ */ jsxs20("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
+            /* @__PURE__ */ jsx20("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
+            /* @__PURE__ */ jsx20("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ jsx20("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsx20(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ jsx20("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+            ] }, venue)) })
+          ] }),
+          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx20(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ jsx20("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+              ] }) : null,
+              /* @__PURE__ */ jsx20(
+                Button,
+                {
+                  variant: "primary",
+                  size: "large",
+                  onClick: handleConnect,
+                  isLoading: connecting,
+                  children: labels.onboarding.connectOnchainModal.connect
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx20(
+              Button,
+              {
+                variant: "tertiary",
+                size: "medium",
+                className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
+                onClick: handleCancel,
+                children: labels.onboarding.connectOnchainModal.cancel
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+};
+ConnectOnchainModal.displayName = "ConnectOnchainModal";
+
+// src/onboarding/steps/connect-kalshi-modal.tsx
+import { Venue as Venue2 } from "@agg-build/sdk";
+import { useCallback as useCallback5, useState as useState7 } from "react";
+import { useLabels as useLabels19 } from "@agg-build/hooks";
+import * as Dialog2 from "@radix-ui/react-dialog";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
+var ConnectKalshiModal = ({
+  open,
+  onOpenChange,
+  onVerify
+}) => {
+  const labels = useLabels19();
+  const [apiKeyId, setApiKeyId] = useState7("");
+  const [privateKey, setPrivateKey] = useState7("");
+  const [verifying, setVerifying] = useState7(false);
+  const [error, setError] = useState7();
+  const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
+  const handleCancel = useCallback5(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  const handleVerify = useCallback5(() => __async(null, null, function* () {
     if (!canVerify || verifying) return;
     setVerifying(true);
     setError(void 0);
@@ -2905,7 +2992,7 @@ var ConnectKalshiModal = ({
     privateKey,
     verifying
   ]);
-  const handleOpenChange = useCallback4(
+  const handleOpenChange = useCallback5(
     (value) => {
       if (value) {
         setApiKeyId("");
@@ -2917,15 +3004,15 @@ var ConnectKalshiModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ jsx20(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx21(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs21(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ jsx20(Dialog.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
+        /* @__PURE__ */ jsx21(
           Modal.Header,
           {
             hideClose: false,
@@ -2936,64 +3023,64 @@ var ConnectKalshiModal = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx20(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ jsx21(
             VenueLogo,
             {
-              venue: Venue3.kalshi,
+              venue: Venue2.kalshi,
               variant: "logo",
               size: "large",
               className: "h-[60px] w-[60px]"
             }
           ),
-          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ jsx20("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ jsx20("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
+          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ jsx21("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
+            /* @__PURE__ */ jsx21("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
           ] }),
-          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx20("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
-                /* @__PURE__ */ jsx20("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
+          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx21("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
+                /* @__PURE__ */ jsx21("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
               ] }),
-              /* @__PURE__ */ jsxs20("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ jsx20("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ jsxs20("p", { children: [
+              /* @__PURE__ */ jsxs21("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ jsx21("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ jsxs21("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ jsx21("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ jsx20("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
+                  /* @__PURE__ */ jsx21("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
                 ] }),
-                /* @__PURE__ */ jsxs20("p", { children: [
+                /* @__PURE__ */ jsxs21("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ jsx21("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ jsxs20("p", { children: [
+                /* @__PURE__ */ jsxs21("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ jsx20("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ jsx21("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ jsx20("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ jsx21("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ jsxs20("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ jsxs21("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ jsx20("br", {}),
+                /* @__PURE__ */ jsx21("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx20("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
-                /* @__PURE__ */ jsx20("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
+            /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx21("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
+                /* @__PURE__ */ jsx21("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
               ] }),
-              /* @__PURE__ */ jsx20("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx21(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -3001,7 +3088,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx21(
                   "input",
                   {
                     id: "kalshi-api-key-id",
@@ -3021,8 +3108,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx21(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -3030,7 +3117,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx21(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -3052,42 +3139,42 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between w-full", children: [
-            /* @__PURE__ */ jsx20("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ jsx21("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxs21(
                 "a",
                 {
                   href: "#",
                   className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
                   children: [
-                    /* @__PURE__ */ jsx20(DocumentIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx21(DocumentIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.docsLinkLabel
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx20("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ jsxs20(
+              /* @__PURE__ */ jsx21("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsxs21(
                 "a",
                 {
                   href: "#",
                   className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
                   children: [
-                    /* @__PURE__ */ jsx20(PlaySquareIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx21(PlaySquareIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-5 items-center", children: [
-            error ? /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx20(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-              /* @__PURE__ */ jsx20("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-5 items-center", children: [
+            error ? /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx21(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+              /* @__PURE__ */ jsx21("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
             ] }) : null,
-            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3 justify-center", children: [
-              /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
-              /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-3 justify-center", children: [
+              /* @__PURE__ */ jsx21(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
+              /* @__PURE__ */ jsx21(
                 Button,
                 {
                   variant: "primary",
@@ -3107,114 +3194,6 @@ var ConnectKalshiModal = ({
 };
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
-// src/onboarding/steps/connect-onchain-modal.tsx
-import { useCallback as useCallback5, useState as useState7 } from "react";
-import { useLabels as useLabels19 } from "@agg-build/hooks";
-import * as Dialog2 from "@radix-ui/react-dialog";
-import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
-var ConnectOnchainModal = ({
-  open,
-  onOpenChange,
-  onConnect
-}) => {
-  const labels = useLabels19();
-  const [connecting, setConnecting] = useState7(false);
-  const [error, setError] = useState7();
-  const handleCancel = useCallback5(() => {
-    onOpenChange(false);
-  }, [onOpenChange]);
-  const handleConnect = useCallback5(() => __async(null, null, function* () {
-    if (connecting) return;
-    setConnecting(true);
-    setError(void 0);
-    try {
-      yield onConnect();
-      onOpenChange(false);
-    } catch (err) {
-      setError(
-        err instanceof Error ? err.message : labels.onboarding.connectOnchainModal.fallbackError
-      );
-    } finally {
-      setConnecting(false);
-    }
-  }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = useCallback5(
-    (value) => {
-      if (value) {
-        setError(void 0);
-        setConnecting(false);
-      }
-      onOpenChange(value);
-    },
-    [onOpenChange]
-  );
-  return /* @__PURE__ */ jsx21(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs21(
-    Modal.Container,
-    {
-      maxWidth: "600px",
-      "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
-      classNames: { container: "!rounded-agg-lg" },
-      children: [
-        /* @__PURE__ */ jsx21(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ jsx21(
-          Modal.Header,
-          {
-            hideClose: false,
-            hideBorder: true,
-            classNames: {
-              root: "!min-h-0",
-              container: "!py-[18px] !px-8"
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx21(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ jsx21("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ jsx21("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
-          ] }),
-          /* @__PURE__ */ jsxs21("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
-            /* @__PURE__ */ jsx21("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
-            /* @__PURE__ */ jsx21("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ jsx21("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ jsx21(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ jsx21("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
-            ] }, venue)) })
-          ] }),
-          /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx21(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ jsx21("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
-              ] }) : null,
-              /* @__PURE__ */ jsx21(
-                Button,
-                {
-                  variant: "primary",
-                  size: "large",
-                  onClick: handleConnect,
-                  isLoading: connecting,
-                  children: labels.onboarding.connectOnchainModal.connect
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx21(
-              Button,
-              {
-                variant: "tertiary",
-                size: "medium",
-                className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
-                onClick: handleCancel,
-                children: labels.onboarding.connectOnchainModal.cancel
-              }
-            )
-          ] })
-        ] }) })
-      ]
-    }
-  ) });
-};
-ConnectOnchainModal.displayName = "ConnectOnchainModal";
-
 // src/onboarding/index.tsx
 import { Fragment as Fragment9, jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
 var OnboardingModal = ({
@@ -3222,11 +3201,9 @@ var OnboardingModal = ({
   onOpenChange,
   onProfileSubmit,
   onConnectOnchain,
-  onConnectKalshi,
   onComplete,
   howItWorksIcons,
-  connectedOnchain = false,
-  connectedKalshi = false
+  connectedOnchain = false
 }) => {
   var _a;
   const labels = useLabels20();
@@ -3237,14 +3214,11 @@ var OnboardingModal = ({
     [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
   };
   const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
-  const [kalshiModalOpen, setKalshiModalOpen] = useState8(false);
-  const [kalshiConnected, setKalshiConnected] = useState8(false);
   const [onchainModalOpen, setOnchainModalOpen] = useState8(false);
   const [onchainConnected, setOnchainConnected] = useState8(false);
   useEffect5(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
-      setKalshiConnected(false);
       setOnchainConnected(false);
     }
   }, [open]);
@@ -3268,16 +3242,6 @@ var OnboardingModal = ({
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  const handleOpenKalshiModal = useCallback6(() => {
-    setKalshiModalOpen(true);
-  }, []);
-  const handleKalshiVerify = useCallback6(
-    (credentials) => __async(null, null, function* () {
-      yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
-      setKalshiConnected(true);
-    }),
-    [onConnectKalshi]
-  );
   return /* @__PURE__ */ jsxs22(Fragment9, { children: [
     /* @__PURE__ */ jsx22(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs22(
       Modal.Container,
@@ -3294,10 +3258,8 @@ var OnboardingModal = ({
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
-                onConnectKalshi: handleOpenKalshiModal,
                 onContinue: handleConnectContinue,
-                connectedOnchain: connectedOnchain || onchainConnected,
-                connectedKalshi: connectedKalshi || kalshiConnected
+                connectedOnchain: connectedOnchain || onchainConnected
               }
             )
           ] })
@@ -3311,14 +3273,6 @@ var OnboardingModal = ({
         onOpenChange: setOnchainModalOpen,
         onConnect: handleOnchainConnect
       }
-    ),
-    /* @__PURE__ */ jsx22(
-      ConnectKalshiModal,
-      {
-        open: kalshiModalOpen,
-        onOpenChange: setKalshiModalOpen,
-        onVerify: handleKalshiVerify
-      }
     )
   ] });
 };
@@ -3785,7 +3739,7 @@ var ProfileModal = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const client = useAggClient2();
-  const { user, startAuth } = useAggAuthState2();
+  const { user } = useAggAuthState2();
   const toastCtx = useOptionalToast();
   const [activeTab, setActiveTab] = useState10(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
@@ -3936,71 +3890,118 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
+  const surfaceError = useCallback9(
+    (err, title) => {
+      const message = (err == null ? void 0 : err.message) || "Something went wrong. Please try again.";
+      if (toastCtx) {
+        toastCtx.toast(message, { tone: "error", title });
+      } else {
+        console.error(`[ProfileModal] ${title}:`, message);
+      }
+    },
+    [toastCtx]
+  );
   const handleConnectTwitter = useCallback9(() => __async(null, null, function* () {
-    const result = yield startAuth({
-      provider: "twitter",
-      redirectUrl: resolveRedirectUrl()
-    });
-    onConnectTwitter == null ? void 0 : onConnectTwitter();
-    if (result.type === "redirect") {
-      navigateTopWindow(result.url);
+    try {
+      const result = yield client.linkAccount({
+        provider: "twitter",
+        redirectUrl: resolveRedirectUrl()
+      });
+      onConnectTwitter == null ? void 0 : onConnectTwitter();
+      if (result.type === "redirect") {
+        navigateTopWindow(result.url);
+      }
+    } catch (err) {
+      surfaceError(err, "Could not connect X (Twitter)");
     }
-  }), [onConnectTwitter, startAuth]);
+  }), [client, onConnectTwitter, surfaceError]);
   const handleConnectGoogle = useCallback9(() => __async(null, null, function* () {
-    const result = yield startAuth({
-      provider: "google",
-      redirectUrl: resolveRedirectUrl()
-    });
-    onConnectGoogle == null ? void 0 : onConnectGoogle();
-    if (result.type === "redirect") {
-      navigateTopWindow(result.url);
+    try {
+      const result = yield client.linkAccount({
+        provider: "google",
+        redirectUrl: resolveRedirectUrl()
+      });
+      onConnectGoogle == null ? void 0 : onConnectGoogle();
+      if (result.type === "redirect") {
+        navigateTopWindow(result.url);
+      }
+    } catch (err) {
+      surfaceError(err, "Could not connect Google");
     }
-  }), [onConnectGoogle, startAuth]);
+  }), [client, onConnectGoogle, surfaceError]);
   const handleConnectApple = useCallback9(() => __async(null, null, function* () {
-    const result = yield startAuth({
-      provider: "apple",
-      redirectUrl: resolveRedirectUrl()
-    });
-    onConnectApple == null ? void 0 : onConnectApple();
-    if (result.type === "redirect") {
-      navigateTopWindow(result.url);
+    try {
+      const result = yield client.linkAccount({
+        provider: "apple",
+        redirectUrl: resolveRedirectUrl()
+      });
+      onConnectApple == null ? void 0 : onConnectApple();
+      if (result.type === "redirect") {
+        navigateTopWindow(result.url);
+      }
+    } catch (err) {
+      surfaceError(err, "Could not connect Apple");
     }
-  }), [onConnectApple, startAuth]);
+  }), [client, onConnectApple, surfaceError]);
   const handleDisconnectTwitter = useCallback9(() => __async(null, null, function* () {
-    yield client.disconnectAccount("twitter");
-    yield client.getCurrentUser();
-    onDisconnectTwitter == null ? void 0 : onDisconnectTwitter();
-  }), [client, onDisconnectTwitter]);
+    try {
+      yield client.disconnectAccount("twitter");
+      yield client.getCurrentUser();
+      onDisconnectTwitter == null ? void 0 : onDisconnectTwitter();
+    } catch (err) {
+      surfaceError(err, "Could not disconnect X (Twitter)");
+    }
+  }), [client, onDisconnectTwitter, surfaceError]);
   const handleDisconnectGoogle = useCallback9(() => __async(null, null, function* () {
-    yield client.disconnectAccount("google");
-    yield client.getCurrentUser();
-    onDisconnectGoogle == null ? void 0 : onDisconnectGoogle();
-  }), [client, onDisconnectGoogle]);
+    try {
+      yield client.disconnectAccount("google");
+      yield client.getCurrentUser();
+      onDisconnectGoogle == null ? void 0 : onDisconnectGoogle();
+    } catch (err) {
+      surfaceError(err, "Could not disconnect Google");
+    }
+  }), [client, onDisconnectGoogle, surfaceError]);
   const handleDisconnectApple = useCallback9(() => __async(null, null, function* () {
-    yield client.disconnectAccount("apple");
-    yield client.getCurrentUser();
-    onDisconnectApple == null ? void 0 : onDisconnectApple();
-  }), [client, onDisconnectApple]);
+    try {
+      yield client.disconnectAccount("apple");
+      yield client.getCurrentUser();
+      onDisconnectApple == null ? void 0 : onDisconnectApple();
+    } catch (err) {
+      surfaceError(err, "Could not disconnect Apple");
+    }
+  }), [client, onDisconnectApple, surfaceError]);
   const handleConnectEmail = useCallback9(() => __async(null, null, function* () {
     var _a2;
     const typedEmail = typeof window !== "undefined" ? (_a2 = window.prompt("Enter your email to receive a magic link")) == null ? void 0 : _a2.trim() : void 0;
     if (!typedEmail) return;
-    yield startAuth({
-      provider: "email",
-      email: typedEmail,
-      redirectUrl: resolveRedirectUrl()
-    });
-    onConnectEmail == null ? void 0 : onConnectEmail();
-  }), [onConnectEmail, startAuth]);
+    try {
+      yield client.linkAccount({
+        provider: "email",
+        email: typedEmail,
+        redirectUrl: resolveRedirectUrl()
+      });
+      onConnectEmail == null ? void 0 : onConnectEmail();
+      toastCtx == null ? void 0 : toastCtx.toast(`We sent a link to ${typedEmail} to connect your email.`, {
+        tone: "success",
+        title: "Check your inbox"
+      });
+    } catch (err) {
+      surfaceError(err, "Could not connect email");
+    }
+  }), [client, onConnectEmail, surfaceError, toastCtx]);
   const handleDisconnectWallet = useCallback9(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
-      yield client.disconnectAccount(provider);
-      yield client.getCurrentUser();
-      onDisconnectWallet == null ? void 0 : onDisconnectWallet(wallet);
+      try {
+        yield client.disconnectAccount(provider);
+        yield client.getCurrentUser();
+        onDisconnectWallet == null ? void 0 : onDisconnectWallet(wallet);
+      } catch (err) {
+        surfaceError(err, "Could not disconnect wallet");
+      }
     }),
-    [client, onDisconnectWallet]
+    [client, onDisconnectWallet, surfaceError]
   );
   const providerActionMap = useMemo3(
     () => ({
@@ -4269,8 +4270,8 @@ export {
   HowItWorksStep,
   ProfileSetupStep,
   ConnectAccountsStep,
-  ConnectKalshiModal,
   ConnectOnchainModal,
+  ConnectKalshiModal,
   OnboardingModal,
   ProfileModal,
   GeoBlockModal