@agg-build/ui 2.4.6 → 2.5.2

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

@@ -1,9 +1,9 @@
 "use client";
 import {
+  ConnectKalshiModal,
   dispatchAggDepositNotification
-} from "./chunk-JVRTJQPZ.mjs";
+} from "./chunk-AHQA3B7D.mjs";
 import {
-  BestPricesIcon,
   BoltIcon,
   Button,
   CheckCircleIcon,
@@ -11,19 +11,13 @@ import {
   ChevronRightIcon,
   CloseIcon,
   CopyButton,
-  CreateAccountIcon,
   CreditCardIcon,
-  DocumentIcon,
   ExternalLinkIcon,
   Icon,
-  LinkAccountsIcon,
   LoadingIcon,
   Modal,
-  PlaySquareIcon,
-  ProfileIcon,
   RemoteImage,
   Select,
-  StayInControlIcon,
   SuccessCheckIcon,
   Tabs,
   Tooltip,
@@ -41,7 +35,7 @@ import {
   shortenAddress,
   useOptionalToast,
   venueLogoLabels
-} from "./chunk-PTNFXXOV.mjs";
+} from "./chunk-FMYYPNZZ.mjs";
 
 // src/deposit/index.tsx
 import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useLabels11 } from "@agg-build/hooks";
@@ -2487,800 +2481,10 @@ var WithdrawModal = (props) => {
 };
 WithdrawModal.displayName = "WithdrawModal";
 
-// src/onboarding/index.tsx
-import { useCallback as useCallback6, useEffect as useEffect5, useState as useState8 } from "react";
-import { useLabels as useLabels20 } from "@agg-build/hooks";
-import * as Dialog3 from "@radix-ui/react-dialog";
-
-// src/onboarding/onboarding-modal.constants.ts
-import { isVenueActive, Venue } from "@agg-build/sdk";
-var HOW_IT_WORKS_FEATURE_KEYS = [
-  "createAccount",
-  "linkAccounts",
-  "bestPrices",
-  "stayInControl"
-];
-var ONBOARDING_STEPS = {
-  HOW_IT_WORKS: 0,
-  PROFILE_SETUP: 1,
-  CONNECT_ACCOUNTS: 2
-};
-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";
-import { useLabels as useLabels15 } from "@agg-build/hooks";
-import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
-var defaultIcons = {
-  createAccount: /* @__PURE__ */ jsx17(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  linkAccounts: /* @__PURE__ */ jsx17(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  bestPrices: /* @__PURE__ */ jsx17(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  stayInControl: /* @__PURE__ */ jsx17(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
-};
-var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = useLabels15();
-  const scrollRef = useRef2(null);
-  const [showTopGradient, setShowTopGradient] = useState4(false);
-  const [showBottomGradient, setShowBottomGradient] = useState4(true);
-  const handleScroll = useCallback2(() => {
-    const el = scrollRef.current;
-    if (!el) return;
-    setShowTopGradient(el.scrollTop > 0);
-    setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
-  }, []);
-  return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
-    /* @__PURE__ */ jsx17("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
-    /* @__PURE__ */ jsxs17("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
-      /* @__PURE__ */ jsx17(
-        "div",
-        {
-          ref: scrollRef,
-          onScroll: handleScroll,
-          className: "flex flex-col gap-4 overflow-y-auto sm:overflow-visible h-full",
-          children: HOW_IT_WORKS_FEATURE_KEYS.map((featureKey) => {
-            var _a;
-            const icon = (_a = icons == null ? void 0 : icons[featureKey]) != null ? _a : defaultIcons[featureKey];
-            const feature = labels.onboarding.howItWorks.features[featureKey];
-            return /* @__PURE__ */ jsxs17(
-              "div",
-              {
-                className: cn(
-                  "flex items-center gap-4 py-4 px-5 sm:px-4",
-                  "rounded-agg-md",
-                  "bg-agg-secondary-hover"
-                ),
-                children: [
-                  /* @__PURE__ */ jsxs17("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
-                    /* @__PURE__ */ jsx17("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
-                    /* @__PURE__ */ jsx17("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
-                  ] }),
-                  icon ? /* @__PURE__ */ jsx17("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
-                ]
-              },
-              featureKey
-            );
-          })
-        }
-      ),
-      /* @__PURE__ */ jsx17(
-        "div",
-        {
-          className: cn(
-            "pointer-events-none absolute inset-x-0 top-0 h-20",
-            "bg-gradient-to-b from-agg-secondary to-transparent",
-            "sm:hidden transition-opacity",
-            showTopGradient ? "opacity-100" : "opacity-0"
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx17(
-        "div",
-        {
-          className: cn(
-            "pointer-events-none absolute inset-x-0 bottom-0 h-20",
-            "bg-gradient-to-t from-agg-secondary to-transparent",
-            "sm:hidden transition-opacity",
-            showBottomGradient ? "opacity-100" : "opacity-0"
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx17(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
-  ] });
-};
-HowItWorksStep.displayName = "HowItWorksStep";
-
-// src/onboarding/steps/profile-setup.tsx
-import { useCallback as useCallback3, useRef as useRef3, useState as useState5 } from "react";
-import { useLabels as useLabels16 } from "@agg-build/hooks";
-import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
-var ProfileSetupStep = ({ onContinue }) => {
-  const labels = useLabels16();
-  const [username, setUsername] = useState5("");
-  const [avatarFile, setAvatarFile] = useState5();
-  const [avatarPreview, setAvatarPreview] = useState5();
-  const fileInputRef = useRef3(null);
-  const handleAvatarClick = useCallback3(() => {
-    var _a;
-    (_a = fileInputRef.current) == null ? void 0 : _a.click();
-  }, []);
-  const handleFileChange = useCallback3((e) => {
-    var _a;
-    const file = (_a = e.target.files) == null ? void 0 : _a[0];
-    if (!file) return;
-    setAvatarFile(file);
-    const reader = new FileReader();
-    reader.onload = (event) => {
-      var _a2;
-      setAvatarPreview((_a2 = event.target) == null ? void 0 : _a2.result);
-    };
-    reader.readAsDataURL(file);
-  }, []);
-  const handleContinue = useCallback3(() => {
-    onContinue({
-      username,
-      avatarFile,
-      avatarPreview
-    });
-  }, [username, avatarFile, avatarPreview, onContinue]);
-  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ jsx18("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
-    /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-5 items-center w-full", children: [
-      /* @__PURE__ */ jsxs18("div", { className: "flex justify-center", children: [
-        /* @__PURE__ */ jsxs18(
-          "button",
-          {
-            type: "button",
-            onClick: handleAvatarClick,
-            className: cn(
-              "group relative flex items-center justify-center",
-              "h-[80px] w-[80px]",
-              "rounded-agg-full",
-              "bg-agg-secondary-hover",
-              !avatarPreview && "hover:bg-agg-tertiary",
-              "transition-colors cursor-pointer",
-              "overflow-hidden"
-            ),
-            "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
-            children: [
-              !avatarPreview ? /* @__PURE__ */ jsx18(
-                "svg",
-                {
-                  "aria-hidden": true,
-                  viewBox: "0 0 80 80",
-                  className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-                  children: /* @__PURE__ */ jsx18(
-                    "circle",
-                    {
-                      cx: "40",
-                      cy: "40",
-                      r: "39.5",
-                      fill: "none",
-                      stroke: "currentColor",
-                      strokeWidth: "1",
-                      strokeDasharray: "8 8"
-                    }
-                  )
-                }
-              ) : null,
-              avatarPreview ? /* @__PURE__ */ jsx18(
-                RemoteImage,
-                {
-                  src: avatarPreview,
-                  alt: labels.onboarding.profileSetup.profilePreviewAlt,
-                  className: "h-full w-full object-cover"
-                }
-              ) : /* @__PURE__ */ jsx18(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx18(
-          "input",
-          {
-            ref: fileInputRef,
-            type: "file",
-            accept: "image/*",
-            onChange: handleFileChange,
-            className: "hidden",
-            "aria-hidden": "true"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ jsx18(
-          "label",
-          {
-            htmlFor: "onboarding-username",
-            className: "text-agg-sm font-agg-bold text-agg-foreground",
-            children: labels.onboarding.profileSetup.usernameLabel
-          }
-        ),
-        /* @__PURE__ */ jsx18(
-          "input",
-          {
-            id: "onboarding-username",
-            type: "text",
-            value: username,
-            onChange: (e) => setUsername(e.target.value),
-            placeholder: labels.onboarding.profileSetup.usernamePlaceholder,
-            className: cn(
-              "w-full px-3 py-2.5",
-              "rounded-[4px]",
-              "border border-agg-separator",
-              "bg-agg-secondary text-agg-foreground",
-              "placeholder:text-agg-muted-foreground",
-              "outline-none",
-              "hover:bg-agg-secondary-hover",
-              "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
-              "transition-colors",
-              "text-agg-sm sm:text-agg-base"
-            )
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx18(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
-  ] });
-};
-ProfileSetupStep.displayName = "ProfileSetupStep";
-
-// src/onboarding/steps/connect-accounts.tsx
-import { useLabels as useLabels17 } from "@agg-build/hooks";
-import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
-var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ jsx19("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx19("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ jsx19(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
-};
-var VenueCard = ({
-  logos,
-  title,
-  mobileTitle,
-  description,
-  mobileDescription,
-  onConnect,
-  connected = false
-}) => {
-  const labels = useLabels17();
-  const action = connected ? /* @__PURE__ */ jsx19(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx19(
-    Button,
-    {
-      variant: "tertiary",
-      size: "large",
-      className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
-      onClick: onConnect,
-      children: labels.onboarding.connectAccounts.connect
-    }
-  );
-  const mobileAction = connected ? /* @__PURE__ */ jsx19(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx19(
-    Button,
-    {
-      variant: "tertiary",
-      size: "medium",
-      className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
-      onClick: onConnect,
-      suffix: /* @__PURE__ */ jsx19(ChevronRightIcon, { className: "h-4 w-4" }),
-      children: labels.onboarding.connectAccounts.connectAccount
-    }
-  );
-  return /* @__PURE__ */ jsxs19(
-    "div",
-    {
-      className: cn(
-        "rounded-agg-md p-5 transition-colors",
-        connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs19("div", { className: "hidden sm:flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ jsx19("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-[2px]", children: [
-              /* @__PURE__ */ jsx19("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
-              /* @__PURE__ */ jsx19("p", { className: "text-agg-sm text-agg-foreground", children: description })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx19("div", { className: "shrink-0", children: action })
-        ] }),
-        /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3 sm:hidden", children: [
-          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ jsx19("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ jsx19("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
-          ] }),
-          /* @__PURE__ */ jsxs19("div", { className: "flex flex-col items-start gap-2", children: [
-            /* @__PURE__ */ jsx19("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
-            mobileAction
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-var ConnectAccountsStep = ({
-  onConnectOnchain,
-  onContinue,
-  connectedOnchain = false
-}) => {
-  const labels = useLabels17();
-  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__ */ 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,
-      {
-        variant: "primary",
-        size: "large",
-        className: "w-full",
-        onClick: onContinue,
-        disabled: !canContinue,
-        children: labels.onboarding.connectAccounts.continue
-      }
-    )
-  ] });
-};
-ConnectAccountsStep.displayName = "ConnectAccountsStep";
-
-// 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 ConnectOnchainModal = ({
-  open,
-  onOpenChange,
-  onConnect
-}) => {
-  const labels = useLabels18();
-  const [connecting, setConnecting] = useState6(false);
-  const [error, setError] = useState6();
-  const handleCancel = useCallback4(() => {
-    onOpenChange(false);
-  }, [onOpenChange]);
-  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);
-    try {
-      const credentials = {
-        apiKeyId: apiKeyId.trim(),
-        privateKey: privateKey.trim()
-      };
-      yield onVerify(credentials);
-      setApiKeyId("");
-      setPrivateKey("");
-      onOpenChange(false);
-    } catch (err) {
-      setError(
-        err instanceof Error ? err.message : labels.onboarding.connectKalshiModal.fallbackError
-      );
-    } finally {
-      setVerifying(false);
-    }
-  }), [
-    apiKeyId,
-    canVerify,
-    labels.onboarding.connectKalshiModal.fallbackError,
-    onOpenChange,
-    onVerify,
-    privateKey,
-    verifying
-  ]);
-  const handleOpenChange = useCallback5(
-    (value) => {
-      if (value) {
-        setApiKeyId("");
-        setPrivateKey("");
-        setError(void 0);
-        setVerifying(false);
-      }
-      onOpenChange(value);
-    },
-    [onOpenChange]
-  );
-  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__ */ jsx21(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.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__ */ jsx21(
-            VenueLogo,
-            {
-              venue: Venue2.kalshi,
-              variant: "logo",
-              size: "large",
-              className: "h-[60px] w-[60px]"
-            }
-          ),
-          /* @__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__ */ 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__ */ 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__ */ jsx21("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
-                  " ",
-                  /* @__PURE__ */ jsx21("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
-                ] }),
-                /* @__PURE__ */ jsxs21("p", { children: [
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
-                  " ",
-                  /* @__PURE__ */ jsx21("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
-                ] }),
-                /* @__PURE__ */ jsxs21("p", { children: [
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
-                  " ",
-                  /* @__PURE__ */ jsx21("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
-                ] }),
-                /* @__PURE__ */ jsx21("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
-              ] }),
-              /* @__PURE__ */ jsxs21("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ jsx21("br", {}),
-                labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
-              ] })
-            ] }),
-            /* @__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__ */ 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",
-                    className: "text-agg-sm font-agg-bold text-agg-foreground",
-                    children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
-                  }
-                ),
-                /* @__PURE__ */ jsx21(
-                  "input",
-                  {
-                    id: "kalshi-api-key-id",
-                    type: "text",
-                    value: apiKeyId,
-                    onChange: (e) => setApiKeyId(e.target.value),
-                    placeholder: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdPlaceholder,
-                    className: cn(
-                      "w-full px-3 py-2.5 h-10",
-                      "rounded border border-agg-separator",
-                      "bg-agg-secondary text-agg-base text-agg-foreground",
-                      "placeholder:text-agg-muted-foreground",
-                      "outline-none",
-                      "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
-                      "transition-colors"
-                    )
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs21("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx21(
-                  "label",
-                  {
-                    htmlFor: "kalshi-private-key",
-                    className: "text-agg-sm font-agg-bold text-agg-foreground",
-                    children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
-                  }
-                ),
-                /* @__PURE__ */ jsx21(
-                  "textarea",
-                  {
-                    id: "kalshi-private-key",
-                    value: privateKey,
-                    onChange: (e) => setPrivateKey(e.target.value),
-                    placeholder: labels.onboarding.connectKalshiModal.stepTwo.privateKeyPlaceholder,
-                    rows: 3,
-                    className: cn(
-                      "w-full px-3 py-2.5",
-                      "rounded border border-agg-separator",
-                      "bg-agg-secondary text-agg-base text-agg-foreground",
-                      "placeholder:text-agg-muted-foreground",
-                      "outline-none resize-none",
-                      "focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
-                      "transition-colors"
-                    )
-                  }
-                )
-              ] })
-            ] })
-          ] }),
-          /* @__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__ */ jsx21(DocumentIcon, { className: "h-4 w-4" }),
-                    labels.onboarding.connectKalshiModal.help.docsLinkLabel
-                  ]
-                }
-              ),
-              /* @__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__ */ jsx21(PlaySquareIcon, { className: "h-4 w-4" }),
-                    labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          /* @__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__ */ 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",
-                  size: "large",
-                  onClick: handleVerify,
-                  disabled: !canVerify,
-                  isLoading: verifying,
-                  children: labels.onboarding.connectKalshiModal.actions.verifyConnection
-                }
-              )
-            ] })
-          ] })
-        ] }) })
-      ]
-    }
-  ) });
-};
-ConnectKalshiModal.displayName = "ConnectKalshiModal";
-
-// src/onboarding/index.tsx
-import { Fragment as Fragment9, jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
-var OnboardingModal = ({
-  open,
-  onOpenChange,
-  onProfileSubmit,
-  onConnectOnchain,
-  onComplete,
-  howItWorksIcons,
-  connectedOnchain = false
-}) => {
-  var _a;
-  const labels = useLabels20();
-  const [step, setStep] = useState8(ONBOARDING_STEPS.HOW_IT_WORKS);
-  const stepLabels = {
-    [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
-    [ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
-    [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
-  };
-  const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
-  const [onchainModalOpen, setOnchainModalOpen] = useState8(false);
-  const [onchainConnected, setOnchainConnected] = useState8(false);
-  useEffect5(() => {
-    if (open) {
-      setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
-      setOnchainConnected(false);
-    }
-  }, [open]);
-  const handleHowItWorksContinue = useCallback6(() => {
-    setStep(ONBOARDING_STEPS.PROFILE_SETUP);
-  }, []);
-  const handleProfileContinue = useCallback6(
-    (data) => {
-      onProfileSubmit == null ? void 0 : onProfileSubmit(data);
-      setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
-    },
-    [onProfileSubmit]
-  );
-  const handleConnectContinue = useCallback6(() => {
-    onComplete == null ? void 0 : onComplete();
-  }, [onComplete]);
-  const handleOpenOnchainModal = useCallback6(() => {
-    setOnchainModalOpen(true);
-  }, []);
-  const handleOnchainConnect = useCallback6(() => __async(null, null, function* () {
-    yield onConnectOnchain == null ? void 0 : onConnectOnchain();
-    setOnchainConnected(true);
-  }), [onConnectOnchain]);
-  return /* @__PURE__ */ jsxs22(Fragment9, { children: [
-    /* @__PURE__ */ jsx22(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs22(
-      Modal.Container,
-      {
-        maxWidth: "600px",
-        "aria-label": resolvedTitle,
-        classNames: { container: "!rounded-agg-lg" },
-        children: [
-          /* @__PURE__ */ jsx22(Dialog3.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ jsxs22(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
-            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx22(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx22(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx22(
-              ConnectAccountsStep,
-              {
-                onConnectOnchain: handleOpenOnchainModal,
-                onContinue: handleConnectContinue,
-                connectedOnchain: connectedOnchain || onchainConnected
-              }
-            )
-          ] })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx22(
-      ConnectOnchainModal,
-      {
-        open: onchainModalOpen,
-        onOpenChange: setOnchainModalOpen,
-        onConnect: handleOnchainConnect
-      }
-    )
-  ] });
-};
-OnboardingModal.displayName = "OnboardingModal";
-
 // src/profile/index.tsx
-import { useState as useState10, useEffect as useEffect7, useCallback as useCallback9, useMemo as useMemo3 } from "react";
-import { useAggClient as useAggClient2, useAggAuthState as useAggAuthState2 } from "@agg-build/hooks";
+import { useState as useState4, useEffect as useEffect5, useCallback as useCallback3, useMemo as useMemo3 } from "react";
+import { useAggClient, useAggAuthState as useAggAuthState2, useVenueKeyStatus } from "@agg-build/hooks";
+import { Venue } from "@agg-build/sdk";
 
 // src/profile/profile-modal.constants.ts
 var PROFILE_TAB_KEYS = {
@@ -3297,9 +2501,9 @@ var PROFILE_TAB_ITEMS = [
 ];
 
 // src/profile/tabs/about-tab.tsx
-import { useCallback as useCallback7, useRef as useRef4 } from "react";
-import { useLabels as useLabels21 } from "@agg-build/hooks";
-import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
+import { useCallback as useCallback2, useRef as useRef2 } from "react";
+import { useLabels as useLabels15 } from "@agg-build/hooks";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile: _onDeleteProfile,
@@ -3309,13 +2513,13 @@ var AboutTab = ({
   draftAvatarPreview,
   avatarError: _avatarError
 }) => {
-  const labels = useLabels21();
-  const fileInputRef = useRef4(null);
-  const handleAvatarClick = useCallback7(() => {
+  const labels = useLabels15();
+  const fileInputRef = useRef2(null);
+  const handleAvatarClick = useCallback2(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = useCallback7(
+  const handleFileChange = useCallback2(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -3331,8 +2535,8 @@ var AboutTab = ({
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
   const hasAvatarPreview = Boolean(resolvedPreview);
-  return /* @__PURE__ */ jsx23("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ jsxs23("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
-    /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx17("div", { className: "agg-profile-about flex flex-col gap-8", children: /* @__PURE__ */ jsxs17("div", { className: "agg-profile-avatar-section flex w-full items-center gap-6", children: [
+    /* @__PURE__ */ jsxs17(
       "button",
       {
         type: "button",
@@ -3349,13 +2553,13 @@ var AboutTab = ({
         ),
         "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
         children: [
-          !hasAvatarPreview ? /* @__PURE__ */ jsx23(
+          !hasAvatarPreview ? /* @__PURE__ */ jsx17(
             "svg",
             {
               "aria-hidden": true,
               viewBox: "0 0 80 80",
               className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-              children: /* @__PURE__ */ jsx23(
+              children: /* @__PURE__ */ jsx17(
                 "circle",
                 {
                   cx: "40",
@@ -3369,18 +2573,18 @@ var AboutTab = ({
               )
             }
           ) : null,
-          resolvedPreview ? /* @__PURE__ */ jsx23(
+          resolvedPreview ? /* @__PURE__ */ jsx17(
             RemoteImage,
             {
               src: resolvedPreview,
               alt: labels.onboarding.profileSetup.profilePreviewAlt,
               className: "h-full w-full object-cover"
             }
-          ) : /* @__PURE__ */ jsx23(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
+          ) : /* @__PURE__ */ jsx17(Icon, { name: "profile", className: "h-7 w-7 text-agg-muted-foreground" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx17(
       "input",
       {
         ref: fileInputRef,
@@ -3391,8 +2595,8 @@ var AboutTab = ({
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ jsxs23("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
-      /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsxs17("div", { className: "agg-form-section flex min-w-0 flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ jsx17(
         "label",
         {
           htmlFor: "profile-username",
@@ -3400,7 +2604,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx17(
         "input",
         {
           id: "profile-username",
@@ -3427,9 +2631,9 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
-var SectionTitle = ({ children }) => /* @__PURE__ */ jsx24("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx24(
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
+var SectionTitle = ({ children }) => /* @__PURE__ */ jsx18("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccountRow = ({ children, className }) => /* @__PURE__ */ jsx18(
   "div",
   {
     className: cn(
@@ -3445,11 +2649,11 @@ var AccountIdentity = ({
   icon,
   label,
   iconClassName
-}) => /* @__PURE__ */ jsxs24("div", { className: "flex min-w-0 items-center gap-3", children: [
-  /* @__PURE__ */ jsx24("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ jsx24(Icon, { name: icon, size: "small", color: "currentColor" }) }),
-  /* @__PURE__ */ jsx24("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label })
+}) => /* @__PURE__ */ jsxs18("div", { className: "flex min-w-0 items-center gap-3", children: [
+  /* @__PURE__ */ jsx18("span", { className: cn("flex h-5 w-5 shrink-0 items-center justify-center", iconClassName), children: /* @__PURE__ */ jsx18(Icon, { name: icon, size: "small", color: "currentColor" }) }),
+  /* @__PURE__ */ jsx18("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: label })
 ] });
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx18(
   "button",
   {
     type: "button",
@@ -3458,7 +2662,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx18(
   "button",
   {
     type: "button",
@@ -3467,7 +2671,7 @@ var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ jsx24(
     children: "Disconnect"
   }
 );
-var VerifiedBadge = () => /* @__PURE__ */ jsx24(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
+var VerifiedBadge = () => /* @__PURE__ */ jsx18(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" });
 var getWalletIconName = (wallet) => {
   const chain = wallet.chain.toLowerCase();
   if (chain === "solana" || chain === "svm") {
@@ -3485,12 +2689,12 @@ var ConnectedAccountRow = ({
   onDisconnect
 }) => {
   const displayLabel = connected ? connectedLabel != null ? connectedLabel : label : label;
-  return /* @__PURE__ */ jsxs24(AccountRow, { className: "agg-social-account-row gap-4", children: [
-    /* @__PURE__ */ jsxs24("div", { className: "flex min-w-0 items-center gap-3", children: [
-      /* @__PURE__ */ jsx24(AccountIdentity, { icon, label: displayLabel, iconClassName }),
-      connected ? /* @__PURE__ */ jsx24(VerifiedBadge, {}) : null
+  return /* @__PURE__ */ jsxs18(AccountRow, { className: "agg-social-account-row gap-4", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex min-w-0 items-center gap-3", children: [
+      /* @__PURE__ */ jsx18(AccountIdentity, { icon, label: displayLabel, iconClassName }),
+      connected ? /* @__PURE__ */ jsx18(VerifiedBadge, {}) : null
     ] }),
-    connected ? /* @__PURE__ */ jsx24(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ jsx24(ConnectTextButton, { onClick: onConnect })
+    connected ? /* @__PURE__ */ jsx18(DisconnectTextButton, { onClick: onDisconnect }) : /* @__PURE__ */ jsx18(ConnectTextButton, { onClick: onConnect })
   ] });
 };
 var AccountsWalletsTab = ({
@@ -3509,11 +2713,11 @@ var AccountsWalletsTab = ({
   const google = socialAccounts == null ? void 0 : socialAccounts.google;
   const apple = socialAccounts == null ? void 0 : socialAccounts.apple;
   const hasEmail = Boolean(email);
-  return /* @__PURE__ */ jsxs24("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsxs24("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx24(SectionTitle, { children: "Connected accounts" }),
-      /* @__PURE__ */ jsxs24("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
-        /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs18("div", { className: "agg-accounts-wallets-tab flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "agg-social-accounts-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx18(SectionTitle, { children: "Connected accounts" }),
+      /* @__PURE__ */ jsxs18("div", { className: "agg-social-accounts-list flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx18(
           ConnectedAccountRow,
           {
             icon: "google",
@@ -3525,7 +2729,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectGoogle
           }
         ),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx18(
           ConnectedAccountRow,
           {
             icon: "apple",
@@ -3537,7 +2741,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectApple
           }
         ),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx18(
           ConnectedAccountRow,
           {
             icon: "twitter",
@@ -3549,7 +2753,7 @@ var AccountsWalletsTab = ({
             onDisconnect: onDisconnectTwitter
           }
         ),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx18(
           ConnectedAccountRow,
           {
             icon: "email",
@@ -3562,12 +2766,12 @@ var AccountsWalletsTab = ({
         )
       ] })
     ] }),
-    wallets.length > 0 ? /* @__PURE__ */ jsxs24("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsx24(SectionTitle, { children: "Wallets" }),
-      /* @__PURE__ */ jsx24("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
+    wallets.length > 0 ? /* @__PURE__ */ jsxs18("div", { className: "agg-wallets-section flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx18(SectionTitle, { children: "Wallets" }),
+      /* @__PURE__ */ jsx18("div", { className: "flex flex-col gap-2", children: wallets.map((wallet) => {
         var _a;
-        return /* @__PURE__ */ jsx24(AccountRow, { className: "gap-4", children: /* @__PURE__ */ jsxs24("div", { className: "flex min-w-0 items-center gap-3", children: [
-          /* @__PURE__ */ jsx24(
+        return /* @__PURE__ */ jsx18(AccountRow, { className: "gap-4", children: /* @__PURE__ */ jsxs18("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ jsx18(
             AccountIdentity,
             {
               icon: getWalletIconName(wallet),
@@ -3575,7 +2779,7 @@ var AccountsWalletsTab = ({
               label: (_a = wallet.displayAddress) != null ? _a : wallet.address
             }
           ),
-          /* @__PURE__ */ jsx24(VerifiedBadge, {})
+          /* @__PURE__ */ jsx18(VerifiedBadge, {})
         ] }) }, `${wallet.chain}:${wallet.address}`);
       }) })
     ] }) : null
@@ -3587,14 +2791,12 @@ AccountsWalletsTab.displayName = "AccountsWalletsTab";
 import {
   getVenueAvailabilityState,
   getVisibleVenuesByConfig,
-  useAggClient,
   useAppConfig,
-  useDepositAddresses as useDepositAddresses2,
   useGeoBlock,
-  useLabels as useLabels22
+  useLabels as useLabels16
 } from "@agg-build/hooks";
-import { useCallback as useCallback8, useEffect as useEffect6, useMemo as useMemo2, useState as useState9 } from "react";
-import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
+import { useMemo as useMemo2 } from "react";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 var TRADING_ACCESS_VENUES = [
   "kalshi",
   "polymarket",
@@ -3606,8 +2808,8 @@ var TRADING_ACCESS_VENUES = [
   "hyperliquid"
 ];
 var TRADING_ACCESS_VENUE_ITEMS = TRADING_ACCESS_VENUES.map((id) => ({ id }));
-var SectionTitle2 = ({ children }) => /* @__PURE__ */ jsx25("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccessRow = ({ children }) => /* @__PURE__ */ jsx25(
+var SectionTitle2 = ({ children }) => /* @__PURE__ */ jsx19("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccessRow = ({ children }) => /* @__PURE__ */ jsx19(
   "div",
   {
     className: cn(
@@ -3618,97 +2820,89 @@ var AccessRow = ({ children }) => /* @__PURE__ */ jsx25(
     children
   }
 );
-var VerifyIdentityButton = ({ onError }) => {
-  const labels = useLabels22();
-  const client = useAggClient();
-  const [isInitiating, setIsInitiating] = useState9(false);
-  const [needsDepositAddress, setNeedsDepositAddress] = useState9(false);
-  const { isReady, isTimedOut } = useDepositAddresses2({
-    enabled: needsDepositAddress,
-    poll: true
-  });
-  useEffect6(() => {
-    if (!isInitiating || !isReady) return;
-    const redirectUri = window.location.href;
-    client.initiateKyc("kalshi", redirectUri).then((res) => {
-      if (res.kycUrl) {
-        window.location.assign(res.kycUrl);
-      }
-    }).catch((err) => {
-      onError == null ? void 0 : onError(err instanceof Error ? err : new Error(String(err)));
-    }).finally(() => {
-      setIsInitiating(false);
-      setNeedsDepositAddress(false);
-    });
-  }, [isReady, isInitiating, client, onError]);
-  useEffect6(() => {
-    if (!isTimedOut || !isInitiating) return;
-    setIsInitiating(false);
-    setNeedsDepositAddress(false);
-    onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
-  }, [isTimedOut, isInitiating, onError]);
-  const handleClick = useCallback8(() => {
-    setIsInitiating(true);
-    setNeedsDepositAddress(true);
-  }, []);
-  return /* @__PURE__ */ jsx25(
-    "button",
-    {
-      type: "button",
-      disabled: isInitiating,
-      onClick: handleClick,
-      className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap disabled:cursor-not-allowed disabled:opacity-60",
-      children: isInitiating ? /* @__PURE__ */ jsx25("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) : labels.trading.kycVerify
-    }
-  );
+var AvailableStatus = () => {
+  const labels = useLabels16();
+  return /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx19(Icon, { name: "check-badge", size: "small", className: "text-agg-primary" }),
+    /* @__PURE__ */ jsx19("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: labels.trading.tradingAccessAvailable })
+  ] });
 };
-var AvailableStatus = () => /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
-  /* @__PURE__ */ jsx25(Icon, { name: "check-badge", size: "small", color: "var(--agg-color-primary, #536dfe)" }),
-  /* @__PURE__ */ jsx25("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground whitespace-nowrap", children: "Available" })
-] });
 var GeoblockedStatus = () => {
-  const labels = useLabels22();
-  return /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
-    /* @__PURE__ */ jsx25(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
-    /* @__PURE__ */ jsx25("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
+  const labels = useLabels16();
+  return /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2 text-agg-muted-foreground", children: [
+    /* @__PURE__ */ jsx19(Icon, { name: "warning-filled", size: "small", color: "currentColor" }),
+    /* @__PURE__ */ jsx19("span", { className: "text-agg-sm font-agg-normal leading-agg-5 whitespace-nowrap", children: labels.trading.venueUnavailableInRegion })
   ] });
 };
 var TradingAccessTab = ({
   venueAccounts,
-  onKycError
+  onConnectKalshi,
+  onDisconnectKalshi
 }) => {
-  const labels = useLabels22();
-  const { disabledVenues } = useAppConfig();
+  var _a, _b, _c, _d;
+  const labels = useLabels16();
+  const verifyConnectionLabel = (_d = (_c = (_b = (_a = labels.onboarding) == null ? void 0 : _a.connectKalshiModal) == null ? void 0 : _b.actions) == null ? void 0 : _c.verifyConnection) != null ? _d : labels.trading.kycVerify;
+  const { disabledVenues, isLoading: isAppConfigLoading } = useAppConfig();
   const { isLocationBlocked } = useGeoBlock();
   const visibleVenues = useMemo2(
     () => getVisibleVenuesByConfig(TRADING_ACCESS_VENUE_ITEMS, disabledVenues),
     [disabledVenues]
   );
-  return /* @__PURE__ */ jsxs25("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx25(SectionTitle2, { children: "Venues" }),
-    /* @__PURE__ */ jsx25("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
-      var _a;
+  return /* @__PURE__ */ jsxs19("div", { className: "agg-trading-access-section flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx19(SectionTitle2, { children: labels.trading.tradingAccessVenues }),
+    /* @__PURE__ */ jsx19("div", { className: "flex flex-col gap-3", children: visibleVenues.map(({ id: venue }) => {
+      var _a2;
       const venueAccount = venueAccounts == null ? void 0 : venueAccounts.find((account) => account.venue === venue);
       const isKalshi = venue === "kalshi";
+      const isConnected = (venueAccount == null ? void 0 : venueAccount.status) === "active";
       const isVerified = (venueAccount == null ? void 0 : venueAccount.kycStatus) === "verified";
       const availabilityState = getVenueAvailabilityState({
         venueId: venue,
         disabledVenues,
+        isConfigLoading: isKalshi && isAppConfigLoading,
         isLocationBlocked
       });
-      const displayName = (_a = venueLogoLabels[venue]) != null ? _a : venue;
-      return /* @__PURE__ */ jsxs25(AccessRow, { children: [
-        /* @__PURE__ */ jsxs25("div", { className: "flex min-w-0 items-center gap-3", children: [
-          /* @__PURE__ */ jsx25(VenueLogo, { venue, size: "small" }),
-          /* @__PURE__ */ jsx25("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
+      const displayName = (_a2 = venueLogoLabels[venue]) != null ? _a2 : venue;
+      if (availabilityState === "hidden") return null;
+      return /* @__PURE__ */ jsxs19(AccessRow, { children: [
+        /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 items-center gap-3", children: [
+          /* @__PURE__ */ jsx19(VenueLogo, { venue, size: "small" }),
+          /* @__PURE__ */ jsx19("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: displayName })
         ] }),
-        availabilityState === "geoblocked" ? /* @__PURE__ */ jsx25(GeoblockedStatus, {}) : isKalshi && !isVerified ? /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx25("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.kycRequired }),
-          /* @__PURE__ */ jsx25(VerifyIdentityButton, { onError: onKycError })
-        ] }) : isKalshi && isVerified ? /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ jsx25("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.verified }),
-          /* @__PURE__ */ jsx25(AvailableStatus, {})
-        ] }) : /* @__PURE__ */ jsx25(AvailableStatus, {})
+        availabilityState === "geoblocked" ? /* @__PURE__ */ jsx19(GeoblockedStatus, {}) : isKalshi && !isConnected ? /* @__PURE__ */ jsx19(
+          "button",
+          {
+            type: "button",
+            onClick: onConnectKalshi,
+            disabled: !onConnectKalshi,
+            className: "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
+            children: labels.trading.tradingAccessAddKalshiAccount
+          }
+        ) : isKalshi && !isVerified ? /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx19("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.kycRequired }),
+          /* @__PURE__ */ jsx19(
+            "button",
+            {
+              type: "button",
+              onClick: onConnectKalshi,
+              disabled: !onConnectKalshi,
+              className: "min-h-11 shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-primary whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
+              children: verifyConnectionLabel
+            }
+          )
+        ] }) : isKalshi && isVerified ? /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsx19("span", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground whitespace-nowrap", children: labels.trading.verified }),
+          /* @__PURE__ */ jsx19(AvailableStatus, {}),
+          onDisconnectKalshi ? /* @__PURE__ */ jsx19(
+            "button",
+            {
+              type: "button",
+              onClick: onDisconnectKalshi,
+              className: "min-h-11 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 text-agg-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+              children: labels.auth.disconnect
+            }
+          ) : null
+        ] }) : /* @__PURE__ */ jsx19(AvailableStatus, {})
       ] }, venue);
     }) })
   ] });
@@ -3716,7 +2910,7 @@ var TradingAccessTab = ({
 TradingAccessTab.displayName = "TradingAccessTab";
 
 // src/profile/index.tsx
-import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -3735,24 +2929,35 @@ var ProfileModal = ({
   onDisconnectApple,
   onDisconnectWallet,
   onConnectEmail,
-  onKycError
+  onKycError,
+  onConnectKalshi,
+  onDisconnectExchange
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const client = useAggClient2();
+  const client = useAggClient();
   const { user } = useAggAuthState2();
   const toastCtx = useOptionalToast();
-  const [activeTab, setActiveTab] = useState10(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
+  const [activeTab, setActiveTab] = useState4(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = useState10(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = useState10();
-  const [draftAvatarPreview, setDraftAvatarPreview] = useState10();
-  const [isSaving, setIsSaving] = useState10(false);
-  const [avatarTypeError, setAvatarTypeError] = useState10(null);
-  useEffect7(() => {
+  const [draftUsername, setDraftUsername] = useState4(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = useState4();
+  const [draftAvatarPreview, setDraftAvatarPreview] = useState4();
+  const [isSaving, setIsSaving] = useState4(false);
+  const [avatarTypeError, setAvatarTypeError] = useState4(null);
+  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = useState4(false);
+  const { data: kalshiStatus, refetch: refetchKalshiStatus } = useVenueKeyStatus(
+    Venue.kalshi,
+    open
+  );
+  useEffect5(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  const handleOpenChange = useCallback9(
+  useEffect5(() => {
+    if (open) return;
+    setIsConnectKalshiModalOpen(false);
+  }, [open]);
+  const handleOpenChange = useCallback3(
     (isOpen) => {
       var _a2;
       if (!isOpen) {
@@ -3776,7 +2981,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = useCallback9(
+  const handleDraftAvatarChange = useCallback3(
     (file, preview) => {
       const ACCEPTED_AVATAR_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
       if (file && !ACCEPTED_AVATAR_TYPES.includes(file.type)) {
@@ -3791,7 +2996,7 @@ var ProfileModal = ({
   );
   const originalUsername = (_b = username != null ? username : user == null ? void 0 : user.username) != null ? _b : "";
   const hasChanges = draftUsername !== originalUsername || draftAvatarFile !== void 0;
-  const handleSave = useCallback9(() => __async(null, null, function* () {
+  const handleSave = useCallback3(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     setIsSaving(true);
     try {
@@ -3846,9 +3051,47 @@ var ProfileModal = ({
     originalUsername,
     toastCtx
   ]);
-  const handleCancel = useCallback9(() => {
+  const handleCancel = useCallback3(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
+  const handleVerifyKalshi = useCallback3(
+    (credentials) => __async(null, null, function* () {
+      if (onConnectKalshi) {
+        yield onConnectKalshi(credentials);
+      } else {
+        yield client.upsertVenueKey({
+          venue: Venue.kalshi,
+          credentials: {
+            keyId: credentials.apiKeyId,
+            privateKey: credentials.privateKey
+          }
+        });
+      }
+      yield refetchKalshiStatus();
+      yield client.getCurrentUser();
+    }),
+    [client, onConnectKalshi, refetchKalshiStatus]
+  );
+  const handleDisconnectKalshi = useCallback3(() => __async(null, null, function* () {
+    yield client.deleteVenueKey(Venue.kalshi);
+    yield refetchKalshiStatus();
+    onDisconnectExchange == null ? void 0 : onDisconnectExchange(Venue.kalshi);
+  }), [client, onDisconnectExchange, refetchKalshiStatus]);
+  const resolvedVenueAccounts = useMemo3(() => {
+    var _a2;
+    const nonKalshiAccounts = (_a2 = user == null ? void 0 : user.venueAccounts) == null ? void 0 : _a2.filter((account) => account.venue !== "kalshi");
+    if (!kalshiStatus) return user == null ? void 0 : user.venueAccounts;
+    if (!(kalshiStatus == null ? void 0 : kalshiStatus.connected)) return nonKalshiAccounts;
+    return [
+      ...nonKalshiAccounts != null ? nonKalshiAccounts : [],
+      {
+        id: "kalshi-venue-key",
+        venue: Venue.kalshi,
+        status: "active",
+        kycStatus: kalshiStatus.kycStatus
+      }
+    ];
+  }, [kalshiStatus, user == null ? void 0 : user.venueAccounts]);
   const isAccountConnected = (providers) => {
     var _a2, _b2, _c2;
     const normalizedProviders = providers.map((provider) => provider.toLowerCase());
@@ -3890,7 +3133,7 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
-  const surfaceError = useCallback9(
+  const surfaceError = useCallback3(
     (err, title) => {
       const message = (err == null ? void 0 : err.message) || "Something went wrong. Please try again.";
       if (toastCtx) {
@@ -3901,7 +3144,7 @@ var ProfileModal = ({
     },
     [toastCtx]
   );
-  const handleConnectTwitter = useCallback9(() => __async(null, null, function* () {
+  const handleConnectTwitter = useCallback3(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "twitter",
@@ -3915,7 +3158,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect X (Twitter)");
     }
   }), [client, onConnectTwitter, surfaceError]);
-  const handleConnectGoogle = useCallback9(() => __async(null, null, function* () {
+  const handleConnectGoogle = useCallback3(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "google",
@@ -3929,7 +3172,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect Google");
     }
   }), [client, onConnectGoogle, surfaceError]);
-  const handleConnectApple = useCallback9(() => __async(null, null, function* () {
+  const handleConnectApple = useCallback3(() => __async(null, null, function* () {
     try {
       const result = yield client.linkAccount({
         provider: "apple",
@@ -3943,7 +3186,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect Apple");
     }
   }), [client, onConnectApple, surfaceError]);
-  const handleDisconnectTwitter = useCallback9(() => __async(null, null, function* () {
+  const handleDisconnectTwitter = useCallback3(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("twitter");
       yield client.getCurrentUser();
@@ -3952,7 +3195,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect X (Twitter)");
     }
   }), [client, onDisconnectTwitter, surfaceError]);
-  const handleDisconnectGoogle = useCallback9(() => __async(null, null, function* () {
+  const handleDisconnectGoogle = useCallback3(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("google");
       yield client.getCurrentUser();
@@ -3961,7 +3204,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect Google");
     }
   }), [client, onDisconnectGoogle, surfaceError]);
-  const handleDisconnectApple = useCallback9(() => __async(null, null, function* () {
+  const handleDisconnectApple = useCallback3(() => __async(null, null, function* () {
     try {
       yield client.disconnectAccount("apple");
       yield client.getCurrentUser();
@@ -3970,7 +3213,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not disconnect Apple");
     }
   }), [client, onDisconnectApple, surfaceError]);
-  const handleConnectEmail = useCallback9(() => __async(null, null, function* () {
+  const handleConnectEmail = useCallback3(() => __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;
@@ -3989,7 +3232,7 @@ var ProfileModal = ({
       surfaceError(err, "Could not connect email");
     }
   }), [client, onConnectEmail, surfaceError, toastCtx]);
-  const handleDisconnectWallet = useCallback9(
+  const handleDisconnectWallet = useCallback3(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
@@ -4064,160 +3307,178 @@ var ProfileModal = ({
       };
     });
   }, [user == null ? void 0 : user.accounts, wallets]);
-  return /* @__PURE__ */ jsx26(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs26(
-    Modal.Container,
-    {
-      maxWidth: "800px",
-      "aria-label": "Edit Profile",
-      classNames: {
-        container: cn("agg-profile-modal", "min-h-[37.5rem]")
-      },
-      children: [
-        /* @__PURE__ */ jsx26(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
-        /* @__PURE__ */ jsx26("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ jsx26(
-          Tabs,
-          {
-            className: "w-full [&>div]:w-full",
-            variant: "underline",
-            classNames: { tabList: "w-full" },
-            items: PROFILE_TAB_ITEMS.map((tab) => ({
-              value: tab.value,
-              label: tab.label,
-              icon: /* @__PURE__ */ jsx26(Icon, { name: tab.icon, size: "small" })
-            })),
-            value: activeTab,
-            onChange: (val) => setActiveTab(val)
-          }
-        ) }),
-        /* @__PURE__ */ jsx26(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs26("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
-          /* @__PURE__ */ jsx26("div", { className: "shrink-0", children: /* @__PURE__ */ jsx26(
-            "nav",
+  return /* @__PURE__ */ jsxs20(Modal, { open: open && !isConnectKalshiModalOpen, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsxs20(
+      Modal.Container,
+      {
+        maxWidth: "800px",
+        "aria-label": "Edit Profile",
+        classNames: {
+          container: cn("agg-profile-modal", "min-h-[37.5rem]")
+        },
+        children: [
+          /* @__PURE__ */ jsx20(Modal.Header, { title: "Edit Profile", classNames: { root: "agg-profile-modal-header" } }),
+          /* @__PURE__ */ jsx20("div", { className: "agg-profile-tabs sm:hidden w-full", children: /* @__PURE__ */ jsx20(
+            Tabs,
             {
-              className: cn(
-                "agg-profile-sidebar",
-                "hidden sm:sticky sm:top-0 sm:self-start sm:flex sm:flex-col",
-                "w-[240px]",
-                "overflow-hidden rounded-agg-lg",
-                "border border-agg-separator",
-                "bg-agg-secondary",
-                "py-3"
-              ),
-              role: "tablist",
-              "aria-label": "Profile sections",
-              children: PROFILE_TAB_ITEMS.map((tab) => {
-                const isActive = activeTab === tab.value;
-                return /* @__PURE__ */ jsxs26(
-                  "button",
-                  {
-                    type: "button",
-                    role: "tab",
-                    "aria-selected": isActive,
-                    onClick: () => setActiveTab(tab.value),
-                    className: cn(
-                      "agg-profile-tab-trigger",
-                      "relative flex items-center gap-3",
-                      "h-[49px] px-6 py-4",
-                      "text-agg-sm leading-agg-5 font-agg-sans",
-                      "transition-colors cursor-pointer",
-                      isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
-                    ),
-                    children: [
-                      isActive ? /* @__PURE__ */ jsx26("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                      /* @__PURE__ */ jsx26(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                      /* @__PURE__ */ jsx26("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
-                    ]
-                  },
-                  tab.value
-                );
-              })
+              className: "w-full [&>div]:w-full",
+              variant: "underline",
+              classNames: { tabList: "w-full" },
+              items: PROFILE_TAB_ITEMS.map((tab) => ({
+                value: tab.value,
+                label: tab.label,
+                icon: /* @__PURE__ */ jsx20(Icon, { name: tab.icon, size: "small" })
+              })),
+              value: activeTab,
+              onChange: (val) => setActiveTab(val)
             }
           ) }),
-          /* @__PURE__ */ jsxs26("div", { className: "agg-profile-content min-w-0 flex-1", children: [
-            activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ jsxs26("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
-              /* @__PURE__ */ jsx26(
-                AboutTab,
-                {
-                  username: username != null ? username : user == null ? void 0 : user.username,
-                  avatarPreview: (_i = user == null ? void 0 : user.avatarUrl) != null ? _i : avatarPreview,
-                  onDeleteProfile,
-                  draftUsername,
-                  onDraftUsernameChange: setDraftUsername,
-                  draftAvatarFile,
-                  onDraftAvatarChange: handleDraftAvatarChange,
-                  draftAvatarPreview,
-                  avatarError: avatarTypeError
-                }
-              ),
-              /* @__PURE__ */ jsx26(
-                AccountsWalletsTab,
+          /* @__PURE__ */ jsx20(Modal.Body, { classNames: { root: cn("agg-profile-modal-body", "overflow-x-visible") }, children: /* @__PURE__ */ jsxs20("div", { className: "agg-profile-layout flex flex-col sm:flex-row sm:gap-10", children: [
+            /* @__PURE__ */ jsx20("div", { className: "shrink-0", children: /* @__PURE__ */ jsx20(
+              "nav",
+              {
+                className: cn(
+                  "agg-profile-sidebar",
+                  "hidden sm:sticky sm:top-0 sm:self-start sm:flex sm:flex-col",
+                  "w-[240px]",
+                  "overflow-hidden rounded-agg-lg",
+                  "border border-agg-separator",
+                  "bg-agg-secondary",
+                  "py-3"
+                ),
+                role: "tablist",
+                "aria-label": "Profile sections",
+                children: PROFILE_TAB_ITEMS.map((tab) => {
+                  const isActive = activeTab === tab.value;
+                  return /* @__PURE__ */ jsxs20(
+                    "button",
+                    {
+                      type: "button",
+                      role: "tab",
+                      "aria-selected": isActive,
+                      onClick: () => setActiveTab(tab.value),
+                      className: cn(
+                        "agg-profile-tab-trigger",
+                        "relative flex items-center gap-3",
+                        "h-[49px] px-6 py-4",
+                        "text-agg-sm leading-agg-5 font-agg-sans",
+                        "transition-colors cursor-pointer",
+                        isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
+                      ),
+                      children: [
+                        isActive ? /* @__PURE__ */ jsx20("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                        /* @__PURE__ */ jsx20(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                        /* @__PURE__ */ jsx20("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                      ]
+                    },
+                    tab.value
+                  );
+                })
+              }
+            ) }),
+            /* @__PURE__ */ jsxs20("div", { className: "agg-profile-content min-w-0 flex-1", children: [
+              activeTab === PROFILE_TAB_KEYS.PROFILE_ACCOUNTS ? /* @__PURE__ */ jsxs20("div", { className: "agg-profile-accounts-tab flex flex-col gap-8", children: [
+                /* @__PURE__ */ jsx20(
+                  AboutTab,
+                  {
+                    username: username != null ? username : user == null ? void 0 : user.username,
+                    avatarPreview: (_i = user == null ? void 0 : user.avatarUrl) != null ? _i : avatarPreview,
+                    onDeleteProfile,
+                    draftUsername,
+                    onDraftUsernameChange: setDraftUsername,
+                    draftAvatarFile,
+                    onDraftAvatarChange: handleDraftAvatarChange,
+                    draftAvatarPreview,
+                    avatarError: avatarTypeError
+                  }
+                ),
+                /* @__PURE__ */ jsx20(
+                  AccountsWalletsTab,
+                  {
+                    socialAccounts: resolvedSocialAccounts,
+                    wallets: resolvedWallets,
+                    email: resolvedEmail,
+                    onConnectTwitter: providerActionMap.twitter.connect,
+                    onDisconnectTwitter: providerActionMap.twitter.disconnect,
+                    onConnectGoogle: providerActionMap.google.connect,
+                    onDisconnectGoogle: providerActionMap.google.disconnect,
+                    onConnectApple: providerActionMap.apple.connect,
+                    onDisconnectApple: providerActionMap.apple.disconnect,
+                    onDisconnectWallet: (wallet) => {
+                      void handleDisconnectWallet(wallet);
+                    },
+                    onConnectEmail: providerActionMap.email.connect
+                  }
+                )
+              ] }) : null,
+              activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ jsx20(
+                TradingAccessTab,
                 {
-                  socialAccounts: resolvedSocialAccounts,
-                  wallets: resolvedWallets,
-                  email: resolvedEmail,
-                  onConnectTwitter: providerActionMap.twitter.connect,
-                  onDisconnectTwitter: providerActionMap.twitter.disconnect,
-                  onConnectGoogle: providerActionMap.google.connect,
-                  onDisconnectGoogle: providerActionMap.google.disconnect,
-                  onConnectApple: providerActionMap.apple.connect,
-                  onDisconnectApple: providerActionMap.apple.disconnect,
-                  onDisconnectWallet: (wallet) => {
-                    void handleDisconnectWallet(wallet);
-                  },
-                  onConnectEmail: providerActionMap.email.connect
+                  venueAccounts: resolvedVenueAccounts,
+                  onConnectKalshi: () => setIsConnectKalshiModalOpen(true),
+                  onDisconnectKalshi: handleDisconnectKalshi,
+                  onKycError
                 }
-              )
-            ] }) : null,
-            activeTab === PROFILE_TAB_KEYS.TRADING_ACCESS ? /* @__PURE__ */ jsx26(TradingAccessTab, { venueAccounts: user == null ? void 0 : user.venueAccounts, onKycError }) : null
+              ) : null
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxs20(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
+            /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+            /* @__PURE__ */ jsx20(
+              Button,
+              {
+                variant: "primary",
+                size: "large",
+                disabled: !hasChanges,
+                isLoading: isSaving,
+                onClick: handleSave,
+                children: "Save changes"
+              }
+            )
           ] })
-        ] }) }),
-        /* @__PURE__ */ jsxs26(Modal.Footer, { classNames: { root: "agg-profile-modal-footer" }, children: [
-          /* @__PURE__ */ jsx26(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-          /* @__PURE__ */ jsx26(
-            Button,
-            {
-              variant: "primary",
-              size: "large",
-              disabled: !hasChanges,
-              isLoading: isSaving,
-              onClick: handleSave,
-              children: "Save changes"
-            }
-          )
-        ] })
-      ]
-    }
-  ) });
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx20(
+      ConnectKalshiModal,
+      {
+        open: open && isConnectKalshiModalOpen,
+        onOpenChange: setIsConnectKalshiModalOpen,
+        onVerify: handleVerifyKalshi
+      }
+    )
+  ] });
 };
 ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
-import { useLabels as useLabels23 } from "@agg-build/hooks";
-import { useCallback as useCallback10 } from "react";
-import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
+import { useLabels as useLabels17 } from "@agg-build/hooks";
+import { useCallback as useCallback4 } from "react";
+import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 var GeoBlockModal = ({
   open,
   onOpenChange,
   onConfirm,
   classNames
 }) => {
-  const labels = useLabels23();
-  const handleConfirm = useCallback10(() => {
+  const labels = useLabels17();
+  const handleConfirm = useCallback4(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx21(
     Modal,
     {
       open,
       onOpenChange,
       "aria-label": labels.trading.geoBlockModalAriaLabel,
-      children: /* @__PURE__ */ jsxs27(
+      children: /* @__PURE__ */ jsxs21(
         Modal.Container,
         {
           maxWidth: "480px",
           classNames: { container: cn("!rounded-agg-2xl", classNames == null ? void 0 : classNames.container) },
           children: [
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx21(
               Modal.Header,
               {
                 title: "",
@@ -4229,19 +3490,19 @@ var GeoBlockModal = ({
                 }
               }
             ),
-            /* @__PURE__ */ jsx27(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-8", children: [
-              /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx21(Modal.Body, { classNames: { root: cn("!px-10 !pt-0 !pb-12", classNames == null ? void 0 : classNames.body) }, children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-8", children: [
+              /* @__PURE__ */ jsx21(
                 Icon,
                 {
                   name: "internet-security",
                   className: "h-[60px] w-[60px] text-agg-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-                /* @__PURE__ */ jsx27("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
-                /* @__PURE__ */ jsx27("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
+              /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                /* @__PURE__ */ jsx21("h2", { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.trading.geoBlockModalTitle }),
+                /* @__PURE__ */ jsx21("p", { className: "text-agg-base font-agg-normal leading-agg-6 text-agg-foreground", children: labels.trading.geoBlockModalDescription })
               ] }),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx21(
                 Button,
                 {
                   variant: "secondary",
@@ -4267,12 +3528,6 @@ export {
   DepositModal,
   buildTerminalSummary,
   WithdrawModal,
-  HowItWorksStep,
-  ProfileSetupStep,
-  ConnectAccountsStep,
-  ConnectOnchainModal,
-  ConnectKalshiModal,
-  OnboardingModal,
   ProfileModal,
   GeoBlockModal
 };