@agg-build/ui 2.4.3 → 2.4.5

package/dist/modals.js

@@ -1213,6 +1213,12 @@ var iconSizeClasses = {
   medium: "h-6 w-6",
   large: "h-8 w-8"
 };
+var iconSizePixels = {
+  xs: 12,
+  small: 16,
+  medium: 24,
+  large: 32
+};
 
 // src/primitives/button/button.constants.ts
 var sizeClasses2 = {
@@ -4115,6 +4121,8 @@ var Icon = (_a) => {
     __spreadValues({
       color,
       className: cn("group/agg-icon", resolvedClassName),
+      width: iconSizePixels[size],
+      height: iconSizePixels[size],
       style: resolvedStyle
     }, props)
   );
@@ -7015,7 +7023,11 @@ var ONBOARDING_STEPS = {
   PROFILE_SETUP: 1,
   CONNECT_ACCOUNTS: 2
 };
-var ONCHAIN_VENUES = [import_sdk10.Venue.polymarket, import_sdk10.Venue.opinion, import_sdk10.Venue.predict];
+var ONCHAIN_VENUES = [
+  import_sdk10.Venue.polymarket,
+  import_sdk10.Venue.opinion,
+  import_sdk10.Venue.predict
+].filter(import_sdk10.isVenueActive);
 
 // src/onboarding/steps/how-it-works.tsx
 var import_react9 = require("react");
@@ -7187,14 +7199,23 @@ var import_react11 = require("react");
 var import_react10 = require("react");
 var useHorizontalScrollState = () => {
   const containerRef = (0, import_react10.useRef)(null);
+  const [hasOverflow, setHasOverflow] = (0, import_react10.useState)(false);
+  const [isAtStart, setIsAtStart] = (0, import_react10.useState)(true);
+  const [isAtEnd, setIsAtEnd] = (0, import_react10.useState)(true);
   const [canScrollLeft, setCanScrollLeft] = (0, import_react10.useState)(false);
   const [canScrollRight, setCanScrollRight] = (0, import_react10.useState)(false);
   const update = (0, import_react10.useCallback)(() => {
     const el = containerRef.current;
     if (!el) return;
-    const maxScroll = el.scrollWidth - el.clientWidth;
-    setCanScrollLeft(el.scrollLeft > 4);
-    setCanScrollRight(maxScroll - el.scrollLeft > 4);
+    const epsilon = 2;
+    const nextHasOverflow = el.scrollWidth > el.clientWidth + epsilon;
+    const nextIsAtStart = el.scrollLeft <= epsilon;
+    const nextIsAtEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - epsilon;
+    setHasOverflow(nextHasOverflow);
+    setIsAtStart(nextIsAtStart);
+    setIsAtEnd(nextIsAtEnd);
+    setCanScrollLeft(nextHasOverflow && !nextIsAtStart);
+    setCanScrollRight(nextHasOverflow && !nextIsAtEnd);
   }, []);
   (0, import_react10.useEffect)(() => {
     const el = containerRef.current;
@@ -7210,7 +7231,15 @@ var useHorizontalScrollState = () => {
     ro.observe(el);
     return () => ro.disconnect();
   }, [update]);
-  return { containerRef, canScrollLeft, canScrollRight, update };
+  return {
+    containerRef,
+    hasOverflow,
+    isAtStart,
+    isAtEnd,
+    canScrollLeft,
+    canScrollRight,
+    update
+  };
 };
 
 // src/primitives/tabs/tabs.constants.ts
@@ -7305,6 +7334,9 @@ var Tabs = ({
   });
   const {
     containerRef: tabListRef,
+    hasOverflow,
+    isAtStart,
+    isAtEnd,
     canScrollLeft,
     canScrollRight,
     update: updateScrollState
@@ -7393,7 +7425,7 @@ var Tabs = ({
       "overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
       getMotionClassName(enableAnimations, "scroll-smooth")
     ) : "overflow-x-auto",
-    isBarVariant ? "items-start rounded-agg-lg border border-agg-separator p-1.5" : "h-15 border-b border-agg-separator -mb-[1px]",
+    isBarVariant ? "items-start rounded-agg-lg border border-agg-separator p-1.5" : "h-14 md:h-15 border-b border-agg-separator -mb-[1px]",
     shouldUseOverflowScroll && "select-none",
     shouldUseOverflowScroll && !isBarVariant && "snap-x snap-mandatory",
     shouldUseOverflowScroll && (isDraggingTabs ? "cursor-grabbing" : "cursor-grab")
@@ -7551,7 +7583,10 @@ var Tabs = ({
       left: Math.max(0, nextScrollLeft),
       behavior: getScrollBehavior(enableAnimations)
     });
-  }, [enableAnimations, renderedItems, shouldUseOverflowScroll, value]);
+    requestAnimationFrame(() => {
+      updateScrollState();
+    });
+  }, [enableAnimations, renderedItems, shouldUseOverflowScroll, updateScrollState, value]);
   if (shouldUseOverflowSelect) {
     return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       Select,
@@ -7590,6 +7625,13 @@ var Tabs = ({
             onPointerUp: handleEndTabListDrag,
             onWheel: handleTabListWheel,
             children: [
+              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+                "span",
+                {
+                  "aria-hidden": true,
+                  className: "agg-tab-scroll-start-spacer h-full w-4 shrink-0 snap-start"
+                }
+              ) : null,
               renderedItems.map((item, index) => {
                 var _a;
                 const isActive = item.value === value;
@@ -7624,6 +7666,7 @@ var Tabs = ({
                         isDisabled: !!item.disabled,
                         size
                       }),
+                      !isBarVariant && (size === "s" ? "px-3 md:px-4" : "h-14 px-3 md:h-15 md:px-4"),
                       shouldUseOverflowScroll && !isBarVariant && "snap-start",
                       classNames == null ? void 0 : classNames.tabTrigger
                     ),
@@ -7673,9 +7716,9 @@ var Tabs = ({
               "aria-hidden": true,
               className: cn(
                 "agg-tab-scroll-start",
-                "pointer-events-none absolute top-0 bottom-0 left-0 z-10 w-12 md:w-18 bg-linear-to-r from-agg-secondary via-agg-secondary to-transparent",
+                "pointer-events-none absolute inset-y-0 left-0 z-10 w-6 md:w-[60px] bg-linear-to-r from-agg-secondary to-transparent",
                 getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-                canScrollLeft ? "opacity-100" : "opacity-0"
+                hasOverflow && canScrollLeft && !isAtStart ? "opacity-100" : "opacity-0"
               )
             }
           ),
@@ -7685,9 +7728,9 @@ var Tabs = ({
               "aria-hidden": true,
               className: cn(
                 "agg-tab-scroll-end",
-                "pointer-events-none absolute top-0 right-0 bottom-0 z-10 w-12 md:w-18 bg-linear-to-l from-agg-secondary via-agg-secondary to-transparent",
+                "pointer-events-none absolute inset-y-0 right-0 z-10 w-6 md:w-[60px] bg-linear-to-l from-agg-secondary to-transparent",
                 getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-                canScrollRight ? "opacity-100" : "opacity-0"
+                hasOverflow && canScrollRight && !isAtEnd ? "opacity-100" : "opacity-0"
               )
             }
           )
@@ -7892,7 +7935,6 @@ var ProfileSetupStep = ({ onContinue }) => {
 ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
-var import_sdk11 = require("@agg-build/sdk");
 var import_hooks34 = require("@agg-build/hooks");
 var import_jsx_runtime123 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
@@ -7963,51 +8005,27 @@ var VenueCard = ({
 };
 var ConnectAccountsStep = ({
   onConnectOnchain,
-  onConnectKalshi,
   onContinue,
-  connectedOnchain = false,
-  connectedKalshi = false
+  connectedOnchain = false
 }) => {
   const labels = (0, import_hooks34.useLabels)();
-  const canContinue = connectedOnchain || connectedKalshi;
+  const canContinue = connectedOnchain;
   return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-        VenueCard,
-        {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(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__ */ (0, import_jsx_runtime123.jsx)(
-        VenueCard,
-        {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-            VenueLogo,
-            {
-              venue: import_sdk11.Venue.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__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+      VenueCard,
+      {
+        logos: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(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__ */ (0, import_jsx_runtime123.jsx)(
       Button,
       {
@@ -8023,27 +8041,135 @@ var ConnectAccountsStep = ({
 };
 ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
-// src/onboarding/steps/connect-kalshi-modal.tsx
-var import_sdk12 = require("@agg-build/sdk");
+// src/onboarding/steps/connect-onchain-modal.tsx
 var import_react14 = require("react");
 var import_hooks35 = require("@agg-build/hooks");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime124 = require("react/jsx-runtime");
-var ConnectKalshiModal = ({
+var ConnectOnchainModal = ({
   open,
   onOpenChange,
-  onVerify
+  onConnect
 }) => {
   const labels = (0, import_hooks35.useLabels)();
-  const [apiKeyId, setApiKeyId] = (0, import_react14.useState)("");
-  const [privateKey, setPrivateKey] = (0, import_react14.useState)("");
-  const [verifying, setVerifying] = (0, import_react14.useState)(false);
+  const [connecting, setConnecting] = (0, import_react14.useState)(false);
   const [error, setError] = (0, import_react14.useState)();
-  const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
   const handleCancel = (0, import_react14.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleVerify = (0, import_react14.useCallback)(() => __async(null, null, function* () {
+  const handleConnect = (0, import_react14.useCallback)(() => __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 = (0, import_react14.useCallback)(
+    (value) => {
+      if (value) {
+        setError(void 0);
+        setConnecting(false);
+      }
+      onOpenChange(value);
+    },
+    [onOpenChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+    Modal.Container,
+    {
+      maxWidth: "600px",
+      "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
+      classNames: { container: "!rounded-agg-lg" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+          Modal.Header,
+          {
+            hideClose: false,
+            hideBorder: true,
+            classNames: {
+              root: "!min-h-0",
+              container: "!py-[18px] !px-8"
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+            ] }, venue)) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+              ] }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                Button,
+                {
+                  variant: "primary",
+                  size: "large",
+                  onClick: handleConnect,
+                  isLoading: connecting,
+                  children: labels.onboarding.connectOnchainModal.connect
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+              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
+var import_sdk11 = require("@agg-build/sdk");
+var import_react15 = require("react");
+var import_hooks36 = require("@agg-build/hooks");
+var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
+var import_jsx_runtime125 = require("react/jsx-runtime");
+var ConnectKalshiModal = ({
+  open,
+  onOpenChange,
+  onVerify
+}) => {
+  const labels = (0, import_hooks36.useLabels)();
+  const [apiKeyId, setApiKeyId] = (0, import_react15.useState)("");
+  const [privateKey, setPrivateKey] = (0, import_react15.useState)("");
+  const [verifying, setVerifying] = (0, import_react15.useState)(false);
+  const [error, setError] = (0, import_react15.useState)();
+  const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
+  const handleCancel = (0, import_react15.useCallback)(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  const handleVerify = (0, import_react15.useCallback)(() => __async(null, null, function* () {
     if (!canVerify || verifying) return;
     setVerifying(true);
     setError(void 0);
@@ -8072,7 +8198,7 @@ var ConnectKalshiModal = ({
     privateKey,
     verifying
   ]);
-  const handleOpenChange = (0, import_react14.useCallback)(
+  const handleOpenChange = (0, import_react15.useCallback)(
     (value) => {
       if (value) {
         setApiKeyId("");
@@ -8084,15 +8210,15 @@ var ConnectKalshiModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -8103,64 +8229,64 @@ var ConnectKalshiModal = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
             VenueLogo,
             {
-              venue: import_sdk12.Venue.kalshi,
+              venue: import_sdk11.Venue.kalshi,
               variant: "logo",
               size: "large",
               className: "h-[60px] w-[60px]"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("p", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
+                  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -8168,7 +8294,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                   "input",
                   {
                     id: "kalshi-api-key-id",
@@ -8188,8 +8314,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -8197,7 +8323,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -8219,42 +8345,42 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
                 "a",
                 {
                   href: "#",
                   className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DocumentIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DocumentIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.docsLinkLabel
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
                 "a",
                 {
                   href: "#",
                   className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary-hover",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col gap-5 items-center", children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-5 items-center", children: [
+            error ? /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex items-center gap-3 justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-center gap-3 justify-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -8274,114 +8400,6 @@ var ConnectKalshiModal = ({
 };
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
-// src/onboarding/steps/connect-onchain-modal.tsx
-var import_react15 = require("react");
-var import_hooks36 = require("@agg-build/hooks");
-var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime125 = require("react/jsx-runtime");
-var ConnectOnchainModal = ({
-  open,
-  onOpenChange,
-  onConnect
-}) => {
-  const labels = (0, import_hooks36.useLabels)();
-  const [connecting, setConnecting] = (0, import_react15.useState)(false);
-  const [error, setError] = (0, import_react15.useState)();
-  const handleCancel = (0, import_react15.useCallback)(() => {
-    onOpenChange(false);
-  }, [onOpenChange]);
-  const handleConnect = (0, import_react15.useCallback)(() => __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 = (0, import_react15.useCallback)(
-    (value) => {
-      if (value) {
-        setError(void 0);
-        setConnecting(false);
-      }
-      onOpenChange(value);
-    },
-    [onOpenChange]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
-    Modal.Container,
-    {
-      maxWidth: "600px",
-      "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
-      classNames: { container: "!rounded-agg-lg" },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
-          Modal.Header,
-          {
-            hideClose: false,
-            hideBorder: true,
-            classNames: {
-              root: "!min-h-0",
-              container: "!py-[18px] !px-8"
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
-            ] }, venue)) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
-              ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
-                Button,
-                {
-                  variant: "primary",
-                  size: "large",
-                  onClick: handleConnect,
-                  isLoading: connecting,
-                  children: labels.onboarding.connectOnchainModal.connect
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
-              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
 var import_jsx_runtime126 = require("react/jsx-runtime");
 var OnboardingModal = ({
@@ -8389,11 +8407,9 @@ var OnboardingModal = ({
   onOpenChange,
   onProfileSubmit,
   onConnectOnchain,
-  onConnectKalshi,
   onComplete,
   howItWorksIcons,
-  connectedOnchain = false,
-  connectedKalshi = false
+  connectedOnchain = false
 }) => {
   var _a;
   const labels = (0, import_hooks37.useLabels)();
@@ -8404,14 +8420,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] = (0, import_react16.useState)(false);
-  const [kalshiConnected, setKalshiConnected] = (0, import_react16.useState)(false);
   const [onchainModalOpen, setOnchainModalOpen] = (0, import_react16.useState)(false);
   const [onchainConnected, setOnchainConnected] = (0, import_react16.useState)(false);
   (0, import_react16.useEffect)(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
-      setKalshiConnected(false);
       setOnchainConnected(false);
     }
   }, [open]);
@@ -8435,16 +8448,6 @@ var OnboardingModal = ({
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  const handleOpenKalshiModal = (0, import_react16.useCallback)(() => {
-    setKalshiModalOpen(true);
-  }, []);
-  const handleKalshiVerify = (0, import_react16.useCallback)(
-    (credentials) => __async(null, null, function* () {
-      yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
-      setKalshiConnected(true);
-    }),
-    [onConnectKalshi]
-  );
   return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
       Modal.Container,
@@ -8461,10 +8464,8 @@ var OnboardingModal = ({
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
-                onConnectKalshi: handleOpenKalshiModal,
                 onContinue: handleConnectContinue,
-                connectedOnchain: connectedOnchain || onchainConnected,
-                connectedKalshi: connectedKalshi || kalshiConnected
+                connectedOnchain: connectedOnchain || onchainConnected
               }
             )
           ] })
@@ -8478,14 +8479,6 @@ var OnboardingModal = ({
         onOpenChange: setOnchainModalOpen,
         onConnect: handleOnchainConnect
       }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
-      ConnectKalshiModal,
-      {
-        open: kalshiModalOpen,
-        onOpenChange: setKalshiModalOpen,
-        onVerify: handleKalshiVerify
-      }
     )
   ] });
 };
@@ -8944,7 +8937,7 @@ var ProfileModal = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const client = (0, import_hooks40.useAggClient)();
-  const { user, startAuth } = (0, import_hooks40.useAggAuthState)();
+  const { user } = (0, import_hooks40.useAggAuthState)();
   const toastCtx = useOptionalToast();
   const [activeTab, setActiveTab] = (0, import_react19.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
@@ -9095,71 +9088,114 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
+  const surfaceError = (0, import_react19.useCallback)(
+    (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 = (0, import_react19.useCallback)(() => __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 = (0, import_react19.useCallback)(() => __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 = (0, import_react19.useCallback)(() => __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 = (0, import_react19.useCallback)(() => __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 = (0, import_react19.useCallback)(() => __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 = (0, import_react19.useCallback)(() => __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 = (0, import_react19.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;
-    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();
+    } catch (err) {
+      surfaceError(err, "Could not connect email");
+    }
+  }), [client, onConnectEmail, surfaceError]);
   const handleDisconnectWallet = (0, import_react19.useCallback)(
     (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 = (0, import_react19.useMemo)(
     () => ({