@agg-market/ui 4.0.0 → 5.0.0

package/dist/index.js

@@ -136,6 +136,7 @@ __export(src_exports, {
   Settlement: () => Settlement,
   ShieldTrustIcon: () => ShieldTrustIcon,
   Skeleton: () => Skeleton,
+  StateMessage: () => StateMessage,
   StayInControlIcon: () => StayInControlIcon,
   SwitchButton: () => SwitchButton,
   Tabs: () => Tabs,
@@ -3685,6 +3686,8 @@ var SearchResultRow = ({
     "button",
     {
       type: "button",
+      role: "option",
+      "aria-selected": "false",
       className: cn(
         "group/agg-search-result",
         "group flex w-full items-center gap-6 px-5 py-3 text-left",
@@ -3844,6 +3847,7 @@ var Search = ({
             children: validatedResults.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
               "li",
               {
+                role: "presentation",
                 className: cn(index > 0 && "border-t border-agg-separator", classNames == null ? void 0 : classNames.resultItem),
                 children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   SearchResultRow,
@@ -3913,6 +3917,52 @@ var Search = ({
 };
 Search.displayName = "Search";
 
+// src/primitives/state-message/index.tsx
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var iconClassName = "h-9 w-9 text-agg-muted-foreground";
+var StateMessage = ({
+  ariaLabel,
+  tone = "empty",
+  title,
+  description,
+  actionLabel,
+  onAction,
+  className
+}) => {
+  const icon = tone === "warning" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(WarningIcon, { className: iconClassName, "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SearchEmptyIcon, { className: iconClassName, "aria-hidden": true });
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    "div",
+    {
+      className: cn(
+        "flex min-h-[240px] w-full flex-col items-center justify-center px-5 py-10 text-center md:px-10",
+        className
+      ),
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": ariaLabel,
+      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex max-w-[360px] flex-col items-center gap-6", children: [
+        icon,
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Typography, { variant: "body-large-strong", children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Typography, { variant: "body", className: "whitespace-pre-line text-agg-muted-foreground", children: description }) : null
+        ] }),
+        actionLabel && onAction ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          Button,
+          {
+            variant: "tertiary",
+            size: "large",
+            className: "text-agg-base leading-agg-6",
+            "aria-label": actionLabel,
+            onClick: onAction,
+            children: actionLabel
+          }
+        ) : null
+      ] })
+    }
+  );
+};
+StateMessage.displayName = "StateMessage";
+
 // src/primitives/tabs/index.tsx
 var import_react7 = require("react");
 var import_hooks19 = require("@agg-market/hooks");
@@ -3942,7 +3992,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var mobileTabsMediaQuery = "(max-width: 512px)";
 var getTabButtonClassName = ({
   enableAnimations,
@@ -4299,7 +4349,7 @@ var Tabs = ({
     });
   }, [enableAnimations, renderedItems, shouldUseOverflowScroll, value]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: cn("w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: cn("w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       Select,
       {
         ariaLabel,
@@ -4311,7 +4361,7 @@ var Tabs = ({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     "div",
     {
       className: cn(
@@ -4322,7 +4372,7 @@ var Tabs = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
           "div",
           {
             ref: tabListRef,
@@ -4338,7 +4388,7 @@ var Tabs = ({
             children: [
               renderedItems.map((item, index) => {
                 const isActive = item.value === value;
-                return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
                   "button",
                   {
                     ref: (buttonElement) => {
@@ -4367,7 +4417,7 @@ var Tabs = ({
                       shouldUseOverflowScroll && !isBarVariant && "snap-start"
                     ),
                     children: [
-                      isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                      isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                         "span",
                         {
                           "aria-hidden": true,
@@ -4381,14 +4431,14 @@ var Tabs = ({
                           )
                         }
                       ) }) : null,
-                      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "relative z-10 inline-flex shrink-0 items-center justify-center", children: item.icon }) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "relative z-10 truncate whitespace-nowrap [&::first-letter]:uppercase", children: item.label })
+                      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "relative z-10 inline-flex shrink-0 items-center justify-center", children: item.icon }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "relative z-10 truncate whitespace-nowrap [&::first-letter]:uppercase", children: item.label })
                     ]
                   },
                   item.value
                 );
               }),
-              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -4406,8 +4456,8 @@ var Tabs = ({
             ]
           }
         ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -4418,7 +4468,7 @@ var Tabs = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -4439,7 +4489,7 @@ Tabs.displayName = "Tabs";
 // src/primitives/modal/index.tsx
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
 var import_hooks20 = require("@agg-market/hooks");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var Modal = ({
   open,
   onOpenChange,
@@ -4447,7 +4497,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -4459,8 +4509,8 @@ var ModalContainer = ({
   const { rootClassName, enableAnimations } = (0, import_hooks20.useSdkUiConfig)();
   const overlayAnimationClassName = enableAnimations ? "motion-safe:data-[state=open]:animate-agg-modal-overlay-in motion-safe:data-[state=closed]:animate-agg-modal-overlay-out motion-reduce:animate-none" : void 0;
   const panelAnimationClassName = enableAnimations ? "motion-safe:data-[state=open]:animate-agg-modal-panel-in motion-safe:data-[state=closed]:animate-agg-modal-panel-out motion-reduce:animate-none" : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Dialog.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       Dialog.Overlay,
       {
         className: cn(
@@ -4470,7 +4520,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       Dialog.Content,
       {
         className: cn(
@@ -4485,7 +4535,7 @@ var ModalContainer = ({
         onCloseAutoFocus: (event) => {
           event.preventDefault();
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
           "div",
           {
             className: cn(
@@ -4521,9 +4571,9 @@ var ModalHeader = ({
 }) => {
   const { enableAnimations } = (0, import_hooks20.useSdkUiConfig)();
   const labels = (0, import_hooks20.useLabels)();
-  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(CloseIcon, { className: "h-6 w-6" });
+  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = closeIcon != null ? closeIcon : defaultCloseIcon;
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
     "div",
     {
       className: cn(
@@ -4536,7 +4586,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
           "div",
           {
             className: cn(
@@ -4548,9 +4598,9 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: leftElement }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: cn("max-w-[calc(100%-1rem)] flex-1", classNames == null ? void 0 : classNames.titleContainer), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_jsx_runtime71.Fragment, { children: leftElement }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: cn("max-w-[calc(100%-1rem)] flex-1", classNames == null ? void 0 : classNames.titleContainer), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
                   Dialog.Title,
                   {
                     className: cn(
@@ -4563,7 +4613,7 @@ var ModalHeader = ({
                     children: title
                   }
                 ),
-                subtitle ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+                subtitle ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
                   "span",
                   {
                     className: cn(
@@ -4574,9 +4624,9 @@ var ModalHeader = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex flex-row gap-6 items-center justify-end", children: [
-                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex flex-row gap-6 items-center justify-end", children: [
+                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_jsx_runtime71.Fragment, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
                   Dialog.Close,
                   {
                     className: cn(
@@ -4592,14 +4642,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { children }) : null
+        children ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "div",
     {
       className: cn(
@@ -4620,7 +4670,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "div",
     {
       className: cn(
@@ -4645,6 +4695,17 @@ var import_dayjs2 = __toESM(require("dayjs"));
 var import_react8 = require("react");
 var import_hooks21 = require("@agg-market/hooks");
 
+// src/shared/query-error.ts
+var getErrorStatus = (error) => {
+  if (!error || typeof error !== "object")
+    return null;
+  const status = error.status;
+  return typeof status === "number" ? status : null;
+};
+var isErrorWithStatus = (error, status) => {
+  return getErrorStatus(error) === status;
+};
+
 // src/events/item/event-list-item.utils.ts
 var resolveEventListItemEvent = (fetchedEvent) => {
   if (!fetchedEvent)
@@ -4785,13 +4846,13 @@ var resolveVenueLabel = (venue, venueInfo, labels) => {
 };
 
 // src/events/item/index.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var EventListItemLoadingState = ({
   classNames,
   ariaLabel
 }) => {
   const labels = (0, import_hooks21.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     Skeleton,
     {
       view: "event-list-item",
@@ -4805,19 +4866,34 @@ var EventListItemUnavailableState = ({
   ariaLabel
 }) => {
   const labels = (0, import_hooks21.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     Card,
     {
       className: cn(baseCardClassName, classNames == null ? void 0 : classNames.root),
       role: "status",
       "aria-label": ariaLabel != null ? ariaLabel : labels.eventItem.unavailableAria,
-      children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItem.unavailableTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItem.unavailableDescription })
+      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItem.unavailableTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItem.unavailableDescription })
       ] })
     }
   );
 };
+var EventListItemNotFoundState = ({
+  classNames,
+  ariaLabel
+}) => {
+  const labels = (0, import_hooks21.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Card, { className: cn("w-full gap-0 overflow-hidden p-0", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    StateMessage,
+    {
+      ariaLabel: ariaLabel != null ? ariaLabel : labels.eventItemDetails.notFoundAria,
+      title: labels.eventItemDetails.notFoundTitle,
+      description: labels.eventItemDetails.notFoundDescription,
+      className: "min-h-[280px] md:min-h-[320px]"
+    }
+  ) });
+};
 var EventListItemContent = ({
   event,
   title,
@@ -4866,9 +4942,9 @@ var EventListItemContent = ({
       return null;
     if (Math.abs(value) < config.arbitrageThreshold)
       return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-success"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Typography, { variant: "label-strong", className: "text-agg-success", children: config.formatPercent(value) }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-success"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Typography, { variant: "label-strong", className: "text-agg-success", children: config.formatPercent(value) }),
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
         Icon,
         {
           name: "triangle-up",
@@ -4879,7 +4955,7 @@ var EventListItemContent = ({
       )
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     Card,
     {
       className: cn(baseCardClassName, onClick && "cursor-pointer", classNames == null ? void 0 : classNames.root),
@@ -4889,8 +4965,8 @@ var EventListItemContent = ({
       onKeyDown: handleKeyDown,
       "aria-label": ariaLabel != null ? ariaLabel : resolvedTitle,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: cn("flex items-center gap-3", classNames == null ? void 0 : classNames.header), children: [
-          resolvedImage ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: cn("flex items-center gap-3", classNames == null ? void 0 : classNames.header), children: [
+          resolvedImage ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             "img",
             {
               src: resolvedImage,
@@ -4898,7 +4974,7 @@ var EventListItemContent = ({
               className: cn("h-10 w-10", "rounded-agg-lg object-cover")
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
             Typography,
             {
               variant: "body-strong",
@@ -4911,13 +4987,13 @@ var EventListItemContent = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.outcomes), children: visibleOutcomes.map((visibleOutcome) => {
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.outcomes), children: visibleOutcomes.map((visibleOutcome) => {
           const probability = normalizeProbability(visibleOutcome.outcome.price);
           const showBadge = typeof probability === "number";
           const arbitragePercent = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[visibleOutcome.outcome.id];
           const outcomeTitle = resolveOutcomeTitle(visibleOutcome.outcome);
           const formattedTitle = (0, import_dayjs2.default)(outcomeTitle).isValid() ? (0, import_dayjs2.default)(outcomeTitle).format("MMMM D, YYYY") : outcomeTitle;
-          return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
             "div",
             {
               className: cn(
@@ -4925,7 +5001,7 @@ var EventListItemContent = ({
                 classNames == null ? void 0 : classNames.outcomeRow
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                   Typography,
                   {
                     variant: "body",
@@ -4933,13 +5009,13 @@ var EventListItemContent = ({
                     children: formattedTitle
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex flex-row gap-3 items-center justify-end", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-row gap-3 items-center justify-end", children: [
                   renderArbitrage(arbitragePercent),
-                  showBadge ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+                  showBadge ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                     Badge,
                     {
                       text: config.formatPercent(probability),
-                      prefix: showVenueLogo ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(VenueLogo, { venue: visibleOutcome.venue, size: "small" }) : void 0,
+                      prefix: showVenueLogo ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(VenueLogo, { venue: visibleOutcome.venue, size: "small" }) : void 0,
                       size: "large",
                       classNames: {
                         root: cn(
@@ -4955,7 +5031,7 @@ var EventListItemContent = ({
             `${visibleOutcome.market.id}-${visibleOutcome.outcome.id}`
           );
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
           "div",
           {
             className: cn(
@@ -4964,15 +5040,15 @@ var EventListItemContent = ({
               classNames == null ? void 0 : classNames.footer
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-sm leading-agg-5"), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: cn("flex items-center gap-1", "text-agg-sm leading-agg-5"), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
                   marketCount,
                   labels.eventItem.marketSingular,
                   labels.eventItem.marketPlural
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "text-agg-muted-foreground", children: "\xD7" }),
-                singleVenue ? /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("span", { className: "flex items-center gap-1 truncate text-agg-muted-foreground", children: [
-                  showVenueLogo ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "text-agg-muted-foreground", children: "\xD7" }),
+                singleVenue ? /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { className: "flex items-center gap-1 truncate text-agg-muted-foreground", children: [
+                  showVenueLogo ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                     VenueLogo,
                     {
                       venue: singleVenue,
@@ -4981,13 +5057,13 @@ var EventListItemContent = ({
                       className: "text-agg-muted-foreground!"
                     }
                   ) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { children: venueLabel })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
+                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: venueLabel })
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "truncate text-agg-muted-foreground", children: formatCountLabel(
                   venueCount,
                   labels.eventItem.venueSingular,
                   labels.eventItem.venuePlural
                 ) }),
-                showVenueLogo && !singleVenue && visibleVenueLogos.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "flex items-center gap-1 overflow-hidden", children: visibleVenueLogos.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+                showVenueLogo && !singleVenue && visibleVenueLogos.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "flex items-center gap-1 overflow-hidden", children: visibleVenueLogos.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                   VenueLogo,
                   {
                     venue,
@@ -4998,7 +5074,7 @@ var EventListItemContent = ({
                   venue
                 )) }) : null
               ] }),
-              volumeLabel ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Typography, { variant: "label", className: "text-agg-sm text-agg-muted-foreground", children: volumeLabel }) : null
+              volumeLabel ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Typography, { variant: "label", className: "text-agg-sm text-agg-muted-foreground", children: volumeLabel }) : null
             ]
           }
         )
@@ -5014,6 +5090,7 @@ var EventListItemByEventId = (_a) => {
   ]);
   const {
     event: fetchedEvent,
+    error,
     isError,
     isLoading
   } = (0, import_hooks21.useEvent)(eventId, {
@@ -5023,28 +5100,31 @@ var EventListItemByEventId = (_a) => {
     return resolveEventListItemEvent(fetchedEvent);
   }, [fetchedEvent]);
   if (!eventId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+  }
+  if (isErrorWithStatus(error, 404)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
-  if (!resolvedEvent && !isError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+  if (!fetchedEvent && !isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!resolvedEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemUnavailableState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(EventListItemContent, __spreadValues({ event: resolvedEvent }, rest));
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemContent, __spreadValues({ event: resolvedEvent }, rest));
 };
 var EventListItem = (props) => {
   if (props.isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(EventListItemLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
   }
   if ("event" in props && props.event) {
     const _a = props, { event } = _a, rest = __objRest(_a, ["event"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(EventListItemContent, __spreadValues({ event }, rest));
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemContent, __spreadValues({ event }, rest));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(EventListItemByEventId, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemByEventId, __spreadValues({}, props));
 };
 EventListItem.displayName = "EventListItem";
 
@@ -5178,13 +5258,13 @@ var resolveSeriesColor = (venue, index) => {
 };
 
 // src/events/item-details/index.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var EventListItemDetailsLoadingState = ({
   classNames,
   ariaLabel
 }) => {
   const labels = (0, import_hooks22.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     Skeleton,
     {
       view: "event-list-item-details",
@@ -5198,19 +5278,34 @@ var EventListItemDetailsUnavailableState = ({
   ariaLabel
 }) => {
   const labels = (0, import_hooks22.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     Card,
     {
       className: cn(detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
       role: "status",
       "aria-label": ariaLabel != null ? ariaLabel : labels.eventItemDetails.unavailableAria,
-      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItemDetails.unavailableTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItemDetails.unavailableDescription })
+      children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: cn("flex flex-col gap-1", classNames == null ? void 0 : classNames.header), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { variant: "body-large-strong", className: cn("truncate", classNames == null ? void 0 : classNames.title), children: labels.eventItemDetails.unavailableTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { variant: "body", className: "text-agg-muted-foreground", children: labels.eventItemDetails.unavailableDescription })
       ] })
     }
   );
 };
+var EventListItemDetailsNotFoundState = ({
+  classNames,
+  ariaLabel
+}) => {
+  const labels = (0, import_hooks22.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Card, { className: cn(detailsBaseCardClassName, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    StateMessage,
+    {
+      ariaLabel: ariaLabel != null ? ariaLabel : labels.eventItemDetails.notFoundAria,
+      title: labels.eventItemDetails.notFoundTitle,
+      description: labels.eventItemDetails.notFoundDescription,
+      className: "min-h-[280px] md:min-h-[320px]"
+    }
+  ) });
+};
 var probabilityModeOrder = ["yes", "no"];
 var clampProbability = (value) => {
   if (value < 0)
@@ -5335,7 +5430,12 @@ var EventListItemDetailsGraphSection = ({
   const timeWindow = (0, import_react9.useMemo)(() => {
     return getTimeWindowByRange(selectedTimeRange);
   }, [selectedTimeRange]);
-  const { data: priceHistoryData, isLoading: isPriceHistoryLoading } = (0, import_hooks22.usePriceHistory)(__spreadProps(__spreadValues({
+  const {
+    data: priceHistoryData,
+    isLoading: isPriceHistoryLoading,
+    error: priceHistoryError,
+    results: priceHistoryResults
+  } = (0, import_hooks22.usePriceHistory)(__spreadProps(__spreadValues({
     groups: priceHistoryGroups
   }, timeWindow), {
     enabled: priceHistoryGroups.length > 0
@@ -5439,7 +5539,33 @@ var EventListItemDetailsGraphSection = ({
       return venue;
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  const handleRetryPriceHistory = () => {
+    void Promise.all(priceHistoryResults.map((result) => result.refetch()));
+  };
+  if (priceHistoryError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      "div",
+      {
+        className: cn(
+          "w-full rounded-agg-xl border border-agg-separator bg-agg-secondary",
+          classNames == null ? void 0 : classNames.chart
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          StateMessage,
+          {
+            ariaLabel: labels.eventItemDetails.chartUnavailableAria,
+            tone: "warning",
+            title: labels.eventItemDetails.chartUnavailableTitle,
+            description: labels.eventItemDetails.chartUnavailableDescription,
+            actionLabel: labels.common.retry,
+            onAction: handleRetryPriceHistory,
+            className: "min-h-[300px] px-5 py-10 md:px-10"
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     LineChart,
     {
       classNames: { root: classNames == null ? void 0 : classNames.chart },
@@ -5448,12 +5574,12 @@ var EventListItemDetailsGraphSection = ({
       isLoading: isPriceHistoryLoading,
       showSeriesControls: activeModeVenueData.length > 0 || segmentedDisplayItems.length > 0,
       renderSeriesControls: () => {
-        return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
           "div",
           {
             className: cn("flex flex-row items-center justify-between gap-4", classNames == null ? void 0 : classNames.summary),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                 "div",
                 {
                   className: cn(
@@ -5464,7 +5590,7 @@ var EventListItemDetailsGraphSection = ({
                     var _a;
                     const text = venueData.probability == null ? "-" : formatPercent(venueData.probability);
                     const isActiveVenue = selectedVenue === venueData.venue;
-                    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                       "button",
                       {
                         type: "button",
@@ -5473,12 +5599,12 @@ var EventListItemDetailsGraphSection = ({
                         className: cn(
                           "rounded-agg-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary-hover"
                         ),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                           Badge,
                           {
                             text,
                             size: "large",
-                            prefix: showVenueLogo ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                            prefix: showVenueLogo ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                               VenueLogo,
                               {
                                 venue: venueData.venue,
@@ -5503,7 +5629,7 @@ var EventListItemDetailsGraphSection = ({
                   })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                 SwitchButton,
                 {
                   ariaLabel: labels.eventItemDetails.outcomeSelectorAria,
@@ -5624,15 +5750,15 @@ var EventListItemDetailsContent = ({
     return `${config.formatCompactCurrency(resolvedVolume)} ${labels.eventItemDetails.volumeSuffix}`;
   }, [config, event.volume, labels.eventItemDetails.volumeSuffix, primaryVenueMarket == null ? void 0 : primaryVenueMarket.volume]);
   if (!primaryVenueMarket || !selectedOutcomeLabel) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemDetailsUnavailableState, { classNames, ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EventListItemDetailsUnavailableState, { classNames, ariaLabel });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     Card,
     {
       className: cn(detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
       "aria-label": ariaLabel != null ? ariaLabel : resolvedTitle,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
           "div",
           {
             className: cn(
@@ -5641,7 +5767,7 @@ var EventListItemDetailsContent = ({
               classNames == null ? void 0 : classNames.header
             ),
             children: [
-              resolvedImage ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+              resolvedImage ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                 "img",
                 {
                   src: resolvedImage,
@@ -5649,8 +5775,8 @@ var EventListItemDetailsContent = ({
                   className: "size-10 rounded-agg-lg object-cover md:size-[60px]"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                   Typography,
                   {
                     variant: "body-strong",
@@ -5662,7 +5788,7 @@ var EventListItemDetailsContent = ({
                     children: resolvedTitle
                   }
                 ),
-                outcomeSelectorLabels.length > 2 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                outcomeSelectorLabels.length > 2 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                   "div",
                   {
                     className: cn(
@@ -5672,7 +5798,7 @@ var EventListItemDetailsContent = ({
                     children: outcomeSelectorLabels.map((outcomeSelectorLabel) => {
                       const isActive = outcomeSelectorLabel === selectedOutcomeLabel;
                       const displayLabel = isDateLikeLabel(outcomeSelectorLabel) ? formatDateLabel(outcomeSelectorLabel) : outcomeSelectorLabel;
-                      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                         Button,
                         {
                           size: "small",
@@ -5695,12 +5821,12 @@ var EventListItemDetailsContent = ({
             ]
           }
         ),
-        detailsStats && detailsStats.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: cn("flex flex-wrap items-start gap-4 md:gap-6", classNames == null ? void 0 : classNames.headerStats), children: detailsStats.map((statItem) => {
+        detailsStats && detailsStats.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: cn("flex flex-wrap items-start gap-4 md:gap-6", classNames == null ? void 0 : classNames.headerStats), children: detailsStats.map((statItem) => {
           const deltaClassName = statItem.deltaTone === "positive" ? "text-agg-success!" : statItem.deltaTone === "negative" ? "text-agg-error!" : "text-agg-muted-foreground";
-          return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Typography, { variant: "caption-caps", className: "text-agg-muted-foreground", children: statItem.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-baseline gap-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { variant: "caption-caps", className: "text-agg-muted-foreground", children: statItem.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-baseline gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
                 Typography,
                 {
                   variant: "body",
@@ -5708,11 +5834,11 @@ var EventListItemDetailsContent = ({
                   children: statItem.value
                 }
               ),
-              statItem.delta ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Typography, { variant: "label", className: cn(deltaClassName), children: statItem.delta }) : null
+              statItem.delta ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { variant: "label", className: cn(deltaClassName), children: statItem.delta }) : null
             ] })
           ] }, `${statItem.label}-${statItem.value}`);
         }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
           EventListItemDetailsGraphSection,
           {
             venueMarkets,
@@ -5728,11 +5854,11 @@ var EventListItemDetailsContent = ({
             selectedTimeRange
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: cn("flex flex-wrap items-center justify-between gap-4", classNames == null ? void 0 : classNames.footer), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: volumeLabel || "-" }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: cn("flex items-center gap-2 md:gap-3", classNames == null ? void 0 : classNames.timeRange), children: eventListItemDetailsTimeRanges.map((timeRange) => {
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: cn("flex flex-wrap items-center justify-between gap-4", classNames == null ? void 0 : classNames.footer), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: volumeLabel || "-" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: cn("flex items-center gap-2 md:gap-3", classNames == null ? void 0 : classNames.timeRange), children: eventListItemDetailsTimeRanges.map((timeRange) => {
             const isActive = timeRange === selectedTimeRange;
-            return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
               Button,
               {
                 size: "small",
@@ -5763,6 +5889,7 @@ var EventListItemDetailsByEventId = (_a) => {
   ]);
   const {
     event: fetchedEvent,
+    error,
     isError,
     isLoading
   } = (0, import_hooks22.useEvent)(eventId, {
@@ -5772,7 +5899,7 @@ var EventListItemDetailsByEventId = (_a) => {
     return resolveEventListItemEvent(fetchedEvent);
   }, [fetchedEvent]);
   if (!eventId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       EventListItemDetailsUnavailableState,
       {
         classNames: rest.classNames,
@@ -5781,13 +5908,16 @@ var EventListItemDetailsByEventId = (_a) => {
     );
   }
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+  }
+  if (isErrorWithStatus(error, 404)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EventListItemDetailsNotFoundState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
-  if (!resolvedEvent && !isError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
+  if (!fetchedEvent && !isError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EventListItemDetailsLoadingState, { classNames: rest.classNames, ariaLabel: rest.ariaLabel });
   }
   if (!resolvedEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       EventListItemDetailsUnavailableState,
       {
         classNames: rest.classNames,
@@ -5795,15 +5925,15 @@ var EventListItemDetailsByEventId = (_a) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemDetailsContent, __spreadValues({ event: resolvedEvent }, rest));
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EventListItemDetailsContent, __spreadValues({ event: resolvedEvent }, rest));
 };
 var EventListItemDetails = (props) => {
   if (props.isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemDetailsLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EventListItemDetailsLoadingState, { classNames: props.classNames, ariaLabel: props.ariaLabel });
   }
   if ("event" in props && props.event) {
     const _a = props, { event } = _a, rest = __objRest(_a, ["event"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemDetailsContent, __spreadValues({ event }, rest));
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EventListItemDetailsContent, __spreadValues({ event }, rest));
   }
   if ("eventId" in props && typeof props.eventId === "string") {
     const {
@@ -5828,9 +5958,9 @@ var EventListItemDetails = (props) => {
       ariaLabel: ariaLabelOverride,
       defaultTimeRange: defaultTimeRangeOverride
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventListItemDetailsByEventId, __spreadValues({}, byEventIdProps));
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EventListItemDetailsByEventId, __spreadValues({}, byEventIdProps));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     EventListItemDetailsUnavailableState,
     {
       classNames: props.classNames,
@@ -5874,12 +6004,11 @@ var resolveInitialTab = (defaultTab) => {
   return "order-book";
 };
 var resolveMarket = (event, marketId) => {
-  var _a;
   if (!event.markets.length)
     return void 0;
   if (!marketId)
     return event.markets[0];
-  return (_a = event.markets.find((market) => market.id === marketId)) != null ? _a : event.markets[0];
+  return event.markets.find((market) => market.id === marketId);
 };
 var resolveDisplayOutcomeLabels = (labels) => {
   if (!hasBinaryLabels(labels))
@@ -6075,14 +6204,14 @@ var buildMarketDetailsModel = ({
 };
 
 // src/events/market-details/index.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var MarketDetailsLoadingState = ({
   isOpened = marketDetailsDefaultIsOpened,
   ariaLabel,
   classNames
 }) => {
   const labels = (0, import_hooks23.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     Skeleton,
     {
       view: isOpened ? "market-details-detailed" : "market-details-minified",
@@ -6096,19 +6225,34 @@ var MarketDetailsUnavailableState = ({
   classNames
 }) => {
   const labels = (0, import_hooks23.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     Card,
     {
       className: cn(marketDetailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
       role: "status",
       "aria-label": ariaLabel != null ? ariaLabel : labels.marketDetails.unavailableAria,
-      children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-1 p-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.unavailableTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.marketDetails.unavailableDescription })
+      children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-1 p-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.unavailableTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.marketDetails.unavailableDescription })
       ] })
     }
   );
 };
+var MarketDetailsNotFoundState = ({
+  ariaLabel,
+  classNames
+}) => {
+  const labels = (0, import_hooks23.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card, { className: cn(marketDetailsBaseCardClassName, "p-0", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    StateMessage,
+    {
+      ariaLabel: ariaLabel != null ? ariaLabel : labels.marketDetails.notFoundAria,
+      title: labels.marketDetails.notFoundTitle,
+      description: labels.marketDetails.notFoundDescription,
+      className: "min-h-[280px] md:min-h-[320px]"
+    }
+  ) });
+};
 var OrderBookRows = ({
   rows,
   title,
@@ -6125,20 +6269,20 @@ var OrderBookRows = ({
   const orderBookDividerHeightPx = 1;
   const orderBookRowGapPx = 8;
   const orderBookVisibleHeightPx = maxVisibleRows * orderBookRowHeightPx + Math.max(0, maxVisibleRows - 1) * (orderBookDividerHeightPx + orderBookRowGapPx);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { variant: "caption-caps", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typography, { variant: "caption-caps", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "div",
       {
         className: "overflow-y-auto pr-1 flex flex-col gap-2",
         style: { maxHeight: `${orderBookVisibleHeightPx}px` },
         role: "region",
         "aria-label": `${title} order book levels`,
-        children: rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "grid grid-cols-[52px_1fr_1fr_52px] items-center gap-2 md:grid-cols-[88px_1fr_1fr_minmax(120px,220px)] md:gap-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-1 md:gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(VenueLogo, { venue: row.venue, size: "small" }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        children: rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "grid grid-cols-[52px_1fr_1fr_52px] items-center gap-2 md:grid-cols-[88px_1fr_1fr_minmax(120px,220px)] md:gap-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-1 md:gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(VenueLogo, { venue: row.venue, size: "small" }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                 "span",
                 {
                   className: cn(
@@ -6149,9 +6293,9 @@ var OrderBookRows = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "truncate text-agg-xs leading-agg-4 text-center text-agg-foreground md:text-agg-sm md:leading-agg-5", children: formatNumber(row.size) }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "truncate text-agg-xs leading-agg-4 text-center text-agg-foreground md:text-agg-sm md:leading-agg-5", children: formatCurrency(row.total) }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "truncate text-agg-xs leading-agg-4 text-center text-agg-foreground md:text-agg-sm md:leading-agg-5", children: formatNumber(row.size) }),
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "truncate text-agg-xs leading-agg-4 text-center text-agg-foreground md:text-agg-sm md:leading-agg-5", children: formatCurrency(row.total) }),
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
               "div",
               {
                 "aria-hidden": "true",
@@ -6162,7 +6306,7 @@ var OrderBookRows = ({
               }
             ) })
           ] }),
-          index < rows.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "h-px w-full bg-agg-separator" }) : null
+          index < rows.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "h-px w-full bg-agg-separator" }) : null
         ] }, row.id))
       }
     )
@@ -6212,6 +6356,9 @@ var MarketDetailsContent = ({
       labels
     });
   }, [config.formatCompactCurrency, event, image, labels, marketId, title]);
+  const resolvedMarket = (0, import_react10.useMemo)(() => {
+    return resolveMarket(event, marketId);
+  }, [event, marketId]);
   const marketDetailsTabs = (0, import_react10.useMemo)(() => {
     return getMarketDetailsTabs(labels);
   }, [labels]);
@@ -6299,7 +6446,12 @@ var MarketDetailsContent = ({
       liveUpdate: true
     }));
   }, [selectedOutcomesByVenue]);
-  const { data: orderBookData, isLoading: isOrderBookLoading } = (0, import_hooks23.useOrderBook)({
+  const {
+    data: orderBookData,
+    isLoading: isOrderBookLoading,
+    error: orderBookError,
+    results: orderBookResults
+  } = (0, import_hooks23.useOrderBook)({
     orderbooks: orderBookInputs,
     enabled: isOpened && selectedTab === "order-book" && orderBookInputs.length > 0
   });
@@ -6388,6 +6540,9 @@ var MarketDetailsContent = ({
       return [];
     return resolveOtherTabRows(model.market, labels);
   }, [labels, model]);
+  const isOrderBookNotFound = isErrorWithStatus(orderBookError, 404);
+  const hasOrderBookError = !!orderBookError && !isOrderBookNotFound;
+  const hasNoOrderBook = isOrderBookNotFound || !isOrderBookLoading && !hasOrderBookError && (orderBookInputs.length === 0 || askRows.length === 0 && bidRows.length === 0);
   const handleOutcomeKeyDown = (eventToHandle) => {
     var _a;
     if ((eventToHandle == null ? void 0 : eventToHandle.key) !== "ArrowLeft" && (eventToHandle == null ? void 0 : eventToHandle.key) !== "ArrowRight") {
@@ -6421,6 +6576,9 @@ var MarketDetailsContent = ({
       return venue;
     });
   };
+  const handleRetryOrderBook = () => {
+    void Promise.all(orderBookResults.map((result) => result.refetch()));
+  };
   (0, import_react10.useEffect)(() => {
     if (!selectedGraphVenue) {
       return;
@@ -6430,10 +6588,13 @@ var MarketDetailsContent = ({
     }
     setSelectedGraphVenue(null);
   }, [selectedGraphVenue, selectedOutcomesByVenue]);
+  if (marketId && !resolvedMarket) {
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(MarketDetailsNotFoundState, { ariaLabel, classNames });
+  }
   if (!model) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(MarketDetailsUnavailableState, { ariaLabel, classNames });
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(MarketDetailsUnavailableState, { ariaLabel, classNames });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     Card,
     {
       className: cn(
@@ -6442,7 +6603,7 @@ var MarketDetailsContent = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
           "div",
           {
             className: cn(
@@ -6459,8 +6620,8 @@ var MarketDetailsContent = ({
             onClick: handleToggleExpanded,
             onKeyDown: handleToggleExpanded,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex min-w-52 items-center gap-3 md:gap-4", children: [
-                model.image ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex min-w-52 items-center gap-3 md:gap-4", children: [
+                model.image ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                   "img",
                   {
                     src: model.image,
@@ -6468,13 +6629,13 @@ var MarketDetailsContent = ({
                     className: "size-12 rounded-agg-lg object-cover md:size-[60px]"
                   }
                 ) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex min-w-0 flex-col", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { as: "h3", variant: "body-large-strong", className: "truncate", children: model.title }),
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { variant: "label", className: "truncate text-agg-muted-foreground", children: model.subtitle }) })
+                /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex min-w-0 flex-col", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typography, { as: "h3", variant: "body-large-strong", className: "truncate", children: model.title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typography, { variant: "label", className: "truncate text-agg-muted-foreground", children: model.subtitle }) })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { as: "div", variant: "heading", className: "shrink-0", children: formatProbabilityPercent(headlineProbability) }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typography, { as: "div", variant: "heading", className: "shrink-0", children: formatProbabilityPercent(headlineProbability) }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                 "div",
                 {
                   className: "flex gap-2",
@@ -6485,7 +6646,7 @@ var MarketDetailsContent = ({
                   children: headerOutcomeItems.map((item) => {
                     const isPositive = item.tone === "positive";
                     const isActiveOutcome = item.label === selectedOutcomeLabel;
-                    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       "button",
                       {
                         type: "button",
@@ -6502,8 +6663,8 @@ var MarketDetailsContent = ({
                           e.stopPropagation();
                           setSelectedOutcomeLabel(item.label);
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: "inline-flex items-center gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                             VenueLogo,
                             {
                               venue: isPositive ? "polymarket" : "probable",
@@ -6511,7 +6672,7 @@ var MarketDetailsContent = ({
                               color: isActiveOutcome ? "var(--agg-color-on-primary)" : void 0
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                             Typography,
                             {
                               variant: isActiveOutcome ? "body-strong" : "body",
@@ -6532,7 +6693,7 @@ var MarketDetailsContent = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "div",
           {
             id: detailsContentId,
@@ -6542,9 +6703,9 @@ var MarketDetailsContent = ({
               isOpened ? "grid-rows-[1fr] opacity-100" : "pointer-events-none grid-rows-[0fr] opacity-0"
             ),
             "aria-hidden": !isOpened,
-            children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "min-h-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "min-h-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                 "div",
                 {
                   className: cn(
@@ -6558,7 +6719,7 @@ var MarketDetailsContent = ({
                     ) : "translate-y-5 opacity-0"
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: cn("block", classNames == null ? void 0 : classNames.tabs), children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: cn("block", classNames == null ? void 0 : classNames.tabs), children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                       Tabs,
                       {
                         ariaLabel: labels.marketDetails.tabsAria,
@@ -6569,10 +6730,29 @@ var MarketDetailsContent = ({
                         className: "w-full px-5"
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: cn("p-5", classNames == null ? void 0 : classNames.content), children: [
-                      selectedTab === "order-book" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: cn("flex flex-col gap-5", classNames == null ? void 0 : classNames.orderBook), children: isOrderBookLoading ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(MarketDetailsOderbookSkeleton, {}) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: cn("p-5", classNames == null ? void 0 : classNames.content), children: [
+                      selectedTab === "order-book" ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: cn("flex flex-col gap-5", classNames == null ? void 0 : classNames.orderBook), children: isOrderBookLoading ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(MarketDetailsOderbookSkeleton, {}) : hasOrderBookError ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+                        StateMessage,
+                        {
+                          ariaLabel: labels.marketDetails.orderBookUnavailableAria,
+                          tone: "warning",
+                          title: labels.marketDetails.orderBookUnavailableTitle,
+                          description: labels.marketDetails.orderBookUnavailableDescription,
+                          actionLabel: labels.common.retry,
+                          onAction: handleRetryOrderBook,
+                          className: "min-h-[248px] px-5 py-10 md:min-h-[272px]"
+                        }
+                      ) : hasNoOrderBook ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+                        StateMessage,
+                        {
+                          ariaLabel: labels.marketDetails.orderBookEmptyAria,
+                          title: labels.marketDetails.orderBookEmptyTitle,
+                          description: labels.marketDetails.orderBookEmptyDescription,
+                          className: "min-h-[248px] px-5 py-10 md:min-h-[272px]"
+                        }
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                           OrderBookRows,
                           {
                             rows: askRows,
@@ -6582,7 +6762,7 @@ var MarketDetailsContent = ({
                             visibleRows: orderBookDepth
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                           OrderBookRows,
                           {
                             rows: bidRows,
@@ -6593,8 +6773,8 @@ var MarketDetailsContent = ({
                           }
                         )
                       ] }) }) : null,
-                      selectedTab === "graph" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: cn("flex flex-col gap-5", classNames == null ? void 0 : classNames.graph), children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                      selectedTab === "graph" ? /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: cn("flex flex-col gap-5", classNames == null ? void 0 : classNames.graph), children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                           LineChart,
                           {
                             series: graphSeries,
@@ -6603,11 +6783,11 @@ var MarketDetailsContent = ({
                             classNames: { root: "w-full" },
                             showSeriesControls: selectedOutcomesByVenue.length > 0 || headerOutcomeItems.length > 0,
                             renderSeriesControls: () => {
-                              return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex flex-wrap gap-2", children: selectedOutcomesByVenue.map((item) => {
+                              return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex flex-wrap gap-2", children: selectedOutcomesByVenue.map((item) => {
                                   const probability = formatProbabilityPercent(item.outcome.price);
                                   const isActiveVenue = selectedGraphVenue === item.venue;
-                                  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                                  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                                     "button",
                                     {
                                       type: "button",
@@ -6624,14 +6804,14 @@ var MarketDetailsContent = ({
                                         handleGraphVenueToggle(item.venue);
                                       },
                                       children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: probability })
+                                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
+                                        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: probability })
                                       ]
                                     },
                                     `${item.market.id}-${item.outcome.id}`
                                   );
                                 }) }),
-                                /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                   SwitchButton,
                                   {
                                     ariaLabel: labels.marketDetails.outcomeSelectorAria,
@@ -6649,7 +6829,7 @@ var MarketDetailsContent = ({
                             }
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                           "div",
                           {
                             className: cn(
@@ -6657,10 +6837,10 @@ var MarketDetailsContent = ({
                               classNames == null ? void 0 : classNames.footer
                             ),
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: typeof model.market.volume === "number" ? `${config.formatCompactCurrency(model.market.volume)} ${labels.marketDetails.meta.volumeSuffix}` : labels.marketDetails.volumeUnavailable }),
-                              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex flex-wrap items-center gap-3 md:gap-4", children: eventListItemDetailsTimeRanges.map((timeRange) => {
+                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: typeof model.market.volume === "number" ? `${config.formatCompactCurrency(model.market.volume)} ${labels.marketDetails.meta.volumeSuffix}` : labels.marketDetails.volumeUnavailable }),
+                              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex flex-wrap items-center gap-3 md:gap-4", children: eventListItemDetailsTimeRanges.map((timeRange) => {
                                 const isActive = selectedTimeRange === timeRange;
-                                return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                                return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                                   "button",
                                   {
                                     type: "button",
@@ -6683,13 +6863,13 @@ var MarketDetailsContent = ({
                           }
                         )
                       ] }) : null,
-                      selectedTab === "other" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex flex-col gap-4", children: otherContent != null ? otherContent : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "grid grid-cols-1 gap-3", children: otherRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+                      selectedTab === "other" ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex flex-col gap-4", children: otherContent != null ? otherContent : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "grid grid-cols-1 gap-3", children: otherRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
                         "div",
                         {
                           className: "flex items-center justify-between rounded-agg-xl bg-agg-secondary-hover px-4 py-3",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: row.label }),
-                            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography, { variant: "body", className: "text-right", children: row.value })
+                            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: row.label }),
+                            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typography, { variant: "body", className: "text-right", children: row.value })
                           ]
                         },
                         row.label
@@ -6724,14 +6904,15 @@ var MarketDetails = (props) => {
     (_a2 = props.onOpenChange) == null ? void 0 : _a2.call(props, nextIsOpened);
   };
   const hasEventProp = "event" in props && !!props.event;
-  const { event: fetchedEvent, isLoading: isFetchingEvent } = (0, import_hooks23.useEvent)(
-    hasEventProp ? void 0 : props.eventId,
-    {
-      enabled: !props.isLoading && !hasEventProp && !!props.eventId
-    }
-  );
+  const {
+    event: fetchedEvent,
+    error: eventError,
+    isLoading: isFetchingEvent
+  } = (0, import_hooks23.useEvent)(hasEventProp ? void 0 : props.eventId, {
+    enabled: !props.isLoading && !hasEventProp && !!props.eventId
+  });
   if (props.isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       MarketDetailsLoadingState,
       {
         isOpened: resolvedIsOpened,
@@ -6741,7 +6922,7 @@ var MarketDetails = (props) => {
     );
   }
   if ("event" in props && props.event) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       MarketDetailsContent,
       __spreadProps(__spreadValues({}, props), {
         isOpened: resolvedIsOpened,
@@ -6751,7 +6932,7 @@ var MarketDetails = (props) => {
     );
   }
   if (isFetchingEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       MarketDetailsLoadingState,
       {
         isOpened: resolvedIsOpened,
@@ -6761,9 +6942,12 @@ var MarketDetails = (props) => {
     );
   }
   if (!fetchedEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(MarketDetailsUnavailableState, { ariaLabel: props.ariaLabel, classNames: props.classNames });
+    if (isErrorWithStatus(eventError, 404)) {
+      return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(MarketDetailsNotFoundState, { ariaLabel: props.ariaLabel, classNames: props.classNames });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(MarketDetailsUnavailableState, { ariaLabel: props.ariaLabel, classNames: props.classNames });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     MarketDetailsContent,
     __spreadProps(__spreadValues({}, props), {
       isOpened: resolvedIsOpened,
@@ -6827,14 +7011,14 @@ var resolveTabVenus = (tab) => {
 };
 
 // src/events/list/index.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var renderTabIcon = (tab, isActive) => {
   if (tab.venueLogo) {
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(VenueLogo, { venue: tab.venueLogo, size: "small" });
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(VenueLogo, { venue: tab.venueLogo, size: "small" });
   }
   if (!tab.iconName)
     return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     Icon,
     {
       name: tab.iconName,
@@ -7004,17 +7188,17 @@ var EventList = ({
     "md:[grid-template-columns:repeat(var(--agg-event-list-columns),minmax(0,1fr))]"
   );
   if (shouldRenderLoadingState) {
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Skeleton, { view: "event-list", ariaLabel: labels.eventList.loading(title) });
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Skeleton, { view: "event-list", ariaLabel: labels.eventList.loading(title) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("section", { className: "flex w-full flex-col gap-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("section", { className: "flex w-full flex-col gap-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
       "header",
       {
         ref: headerRef,
         className: "flex flex-col sm:flex-row w-full flex-nowrap items-start sm:items-center justify-between gap-2 sm:gap-4",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { ref: titleRef, className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typography, { as: "h2", variant: "title", className: "truncate [&::first-letter]:uppercase", children: title }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { ref: titleRef, className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Typography, { as: "h2", variant: "title", className: "truncate [&::first-letter]:uppercase", children: title }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
             Tabs,
             {
               ariaLabel: labels.eventList.tabsAria(title),
@@ -7026,8 +7210,8 @@ var EventList = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: gridClassName, style: gridStyle, children: [
-      tileEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: gridClassName, style: gridStyle, children: [
+      tileEvents.map((event) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         EventListItem,
         {
           event,
@@ -7038,7 +7222,7 @@ var EventList = ({
         },
         event.id
       )),
-      Array.from({ length: loadingPlaceholderCount }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+      Array.from({ length: loadingPlaceholderCount }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         EventListItem,
         {
           isLoading: true,
@@ -7048,15 +7232,16 @@ var EventList = ({
         },
         `loading-${index}`
       )),
-      !isLoading && !isError && (tileEvents == null ? void 0 : tileEvents.length) === 0 ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-        Typography,
+      !isLoading && !isError && (tileEvents == null ? void 0 : tileEvents.length) === 0 ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Card, { className: "col-span-full overflow-hidden shadow-none hover:shadow-none", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+        StateMessage,
         {
-          variant: "body",
-          className: "w-full col-span-full flex flex-col items-center justify-center h-32",
-          children: labels.eventList.empty
+          ariaLabel: labels.eventList.emptyAria,
+          title: labels.eventList.emptyTitle,
+          description: labels.eventList.emptyDescription,
+          className: "min-h-[320px]"
         }
-      ) : null,
-      isError ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+      ) }) : null,
+      isError ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         Typography,
         {
           variant: "body",
@@ -7065,7 +7250,7 @@ var EventList = ({
         }
       ) : null
     ] }),
-    shouldPaginate && hasNextPage ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { ref: loadMoreRef, className: "h-px w-full", "aria-hidden": true }) : null
+    shouldPaginate && hasNextPage ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { ref: loadMoreRef, className: "h-px w-full", "aria-hidden": true }) : null
   ] });
 };
 EventList.displayName = "EventList";
@@ -7199,7 +7384,7 @@ var resolveInitialTabValue = (tabs, defaultActiveTab) => {
 };
 
 // src/pages/home/index.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var HomePage = ({
   tabs,
   defaultActiveTab,
@@ -7246,7 +7431,7 @@ var HomePage = ({
       return {
         value: tab.value,
         label: tab.label,
-        icon: tab.iconName ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+        icon: tab.iconName ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
           Icon,
           {
             name: tab.iconName,
@@ -7287,12 +7472,12 @@ var HomePage = ({
     setActiveTabValue(value);
     onTabChange == null ? void 0 : onTabChange(value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("section", { className: cn("flex w-full flex-col", classNames == null ? void 0 : classNames.root), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("section", { className: cn("flex w-full flex-col", classNames == null ? void 0 : classNames.root), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       "header",
       {
         className: cn("w-full bg-agg-secondary border-b border-agg-separator", classNames == null ? void 0 : classNames.header),
-        children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
           Tabs,
           {
             ariaLabel: labels.home.categoryTabsAria,
@@ -7305,7 +7490,7 @@ var HomePage = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       "main",
       {
         className: cn(
@@ -7314,7 +7499,7 @@ var HomePage = ({
         ),
         children: resolvedSectionItems.map((eventSectionItem) => {
           var _a, _b, _c;
-          return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             EventList,
             {
               title: eventSectionItem.title,
@@ -7342,12 +7527,12 @@ var KALSHI_VENUE2 = "kalshi";
 var KALSHI_DEPOSIT_URL_DEFAULT = "https://kalshi.com/account/deposit";
 
 // src/deposit/steps/venue-selection.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var VenueRow = ({ venue, onSelect }) => {
   var _a;
   const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
   const hasShortfall = venue.shortfall != null && venue.shortfall > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "div",
     {
       className: cn(
@@ -7366,27 +7551,27 @@ var VenueRow = ({ venue, onSelect }) => {
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(VenueLogo, { venue: venue.venue, size: "large", className: "rounded-lg" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(VenueLogo, { venue: venue.venue, size: "large", className: "rounded-lg" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
             "Balance ",
             formatCompactUsd(venue.balance)
           ] })
         ] }),
-        hasShortfall ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "hidden sm:flex items-center gap-1.5 shrink-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(WarningFilledIcon, { className: "h-4 w-4 text-agg-warning" }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("span", { className: "agg-type-label-strong whitespace-nowrap text-agg-warning", children: [
+        hasShortfall ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "hidden sm:flex items-center gap-1.5 shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(WarningFilledIcon, { className: "h-4 w-4 text-agg-warning" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "agg-type-label-strong whitespace-nowrap text-agg-warning", children: [
             "Short ",
             formatCompactUsd(venue.shortfall)
           ] })
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
           Button,
           {
             variant: "secondary",
             size: "small",
-            suffix: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ChevronRightIcon, {}),
+            suffix: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ChevronRightIcon, {}),
             onClick: (e) => {
               e.stopPropagation();
               onSelect(venue.venue);
@@ -7402,22 +7587,22 @@ var VenueSelectionStep = ({
   venues,
   hasAnyShortfall,
   onSelectVenue
-}) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Modal.Header, { title: "Deposit", hideBorder: true }),
-  /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex flex-col gap-4", children: [
-    !hasAnyShortfall ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "Choose where to deposit funds:" }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(VenueRow, { venue, onSelect: onSelectVenue }, venue.venue)) })
+}) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Modal.Header, { title: "Deposit", hideBorder: true }),
+  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    !hasAnyShortfall ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "Choose where to deposit funds:" }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(VenueRow, { venue, onSelect: onSelectVenue }, venue.venue)) })
   ] }) })
 ] });
 
 // src/deposit/steps/deposit-method.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var DepositMethodCard = ({
   icon,
   title,
   description,
   onContinue
-}) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
   "div",
   {
     className: cn(
@@ -7436,17 +7621,17 @@ var DepositMethodCard = ({
       }
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-secondary-hover", children: icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-secondary-hover", children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         Button,
         {
           variant: "secondary",
           size: "small",
-          suffix: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ChevronRightIcon, {}),
+          suffix: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ChevronRightIcon, {}),
           onClick: (e) => {
             e.stopPropagation();
             onContinue();
@@ -7464,47 +7649,47 @@ var DepositMethodStep = ({
 }) => {
   var _a;
   const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
       Modal.Header,
       {
         title: `Deposit to ${displayName}`,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
           displayName,
           " balance: ",
           formatCompactUsd(venue.balance)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(BoltIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(BoltIcon, { className: "h-6 w-6 text-agg-foreground" }),
             title: "Transfer Crypto",
             description: "Send USDC from your blockchain wallet.",
             onContinue: () => onSelectMethod("crypto")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           DepositMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CreditCardIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CreditCardIcon, { className: "h-6 w-6 text-agg-foreground" }),
             title: "Deposit with Card",
             description: "Buy USDC instantly with a debit or credit card.",
             onContinue: () => onSelectMethod("card")
@@ -7517,7 +7702,7 @@ var DepositMethodStep = ({
 
 // src/deposit/steps/card-deposit.tsx
 var import_react13 = require("react");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var CardDepositStep = ({
   venue,
   onBack,
@@ -7534,35 +7719,35 @@ var CardDepositStep = ({
     const sanitized = parts.length > 2 ? `${parts[0]}.${parts.slice(1).join("")}` : v;
     setRawAmount(sanitized);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
       Modal.Header,
       {
         title: `Deposit to ${displayName}`,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
           displayName,
           " balance: ",
           formatCompactUsd(venue.balance)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           Select,
           {
             items: [{ value: "USD", label: "USD" }],
@@ -7573,9 +7758,9 @@ var CardDepositStep = ({
             className: "w-auto"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-baseline", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "agg-type-display text-agg-foreground", children: "$" }),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-baseline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "agg-type-display text-agg-foreground", children: "$" }),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             "input",
             {
               type: "text",
@@ -7592,7 +7777,7 @@ var CardDepositStep = ({
           )
         ] }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
         "div",
         {
           className: cn(
@@ -7604,18 +7789,18 @@ var CardDepositStep = ({
           role: "button",
           tabIndex: 0,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: "Provider" }),
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: "Auto-picked for you" })
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: "Provider" }),
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: "Auto-picked for you" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "agg-type-label-strong text-agg-foreground", children: "Swapped" }),
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ChevronRightIcon, { className: "h-4 w-4 text-agg-foreground" })
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "agg-type-label-strong text-agg-foreground", children: "Swapped" }),
+              /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ChevronRightIcon, { className: "h-4 w-4 text-agg-foreground" })
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
         Button,
         {
           variant: "primary",
@@ -7678,7 +7863,7 @@ var getTokensForNetwork = (networkValue) => {
 };
 
 // src/deposit/steps/crypto-transfer.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var CryptoTransferStep = ({
   venue,
   onBack,
@@ -7715,30 +7900,30 @@ var CryptoTransferStep = ({
   const handleCopyAddress = (0, import_react14.useCallback)(() => {
     void navigator.clipboard.writeText(depositAddress);
   }, [depositAddress]);
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       Modal.Header,
       {
         title: `Deposit to ${displayName}`,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col gap-7", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex gap-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: "Supported token" }),
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex gap-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: "Supported token" }),
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
               Select,
               {
                 items: tokenItems,
@@ -7748,9 +7933,9 @@ var CryptoTransferStep = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: "Supported network" }),
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: "Supported network" }),
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
               Select,
               {
                 items: networkItems,
@@ -7761,9 +7946,9 @@ var CryptoTransferStep = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: "Your deposit address" }),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: "Your deposit address" }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
             "div",
             {
               className: cn(
@@ -7772,15 +7957,15 @@ var CryptoTransferStep = ({
                 "h-10 px-3"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
                   "button",
                   {
                     type: "button",
                     className: "shrink-0 text-agg-muted-foreground transition-colors hover:text-agg-foreground",
                     onClick: handleCopyAddress,
                     "aria-label": "Copy deposit address",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CopyIcon, { className: "h-4 w-4" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CopyIcon, { className: "h-4 w-4" })
                   }
                 )
               ]
@@ -7788,33 +7973,33 @@ var CryptoTransferStep = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { variant: "secondary", size: "large", className: "w-full", onClick: onDone, children: "Done" })
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button, { variant: "secondary", size: "large", className: "w-full", onClick: onDone, children: "Done" })
     ] }) })
   ] });
 };
 
 // src/deposit/steps/kalshi-deposit.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var KalshiStepCard = ({
   step,
   title,
   description,
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col gap-2 rounded-xl bg-secondary-hover p-4", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("p", { className: "agg-type-caption-caps text-agg-muted-foreground", children: [
+}) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col gap-2 rounded-xl bg-secondary-hover p-4", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("p", { className: "agg-type-caption-caps text-agg-muted-foreground", children: [
     "Step ",
     step
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "agg-type-label text-agg-foreground", children: description })
+  /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "agg-type-label text-agg-foreground", children: description })
   ] }),
   children
 ] });
-var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Modal.Header, { title: "", hideBorder: true }),
-  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Modal.Header, { title: "", hideBorder: true }),
+  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
       VenueLogo,
       {
         venue: "kalshi",
@@ -7822,23 +8007,23 @@ var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ (0, import_j
         className: "h-[60px] w-[60px] rounded-lg"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("h2", { className: "agg-type-heading text-agg-foreground", children: "Fund Your Kalshi Account" }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "To trade on Kalshi you'll need to add funds to your Kalshi balance first. You can do this on Kalshi's site." })
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h2", { className: "agg-type-heading text-agg-foreground", children: "Fund Your Kalshi Account" }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "To trade on Kalshi you'll need to add funds to your Kalshi balance first. You can do this on Kalshi's site." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         KalshiStepCard,
         {
           step: 1,
           title: "Open Kalshi Deposit Page",
           description: "Sign in to your Kalshi account and go to Deposit (Add Funds) from your account menu.",
-          children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
             Button,
             {
               variant: "secondary",
               size: "small",
-              suffix: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
+              suffix: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
               onClick: () => {
                 window.open(depositUrl, "_blank", "noopener,noreferrer");
               },
@@ -7847,7 +8032,7 @@ var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ (0, import_j
           ) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         KalshiStepCard,
         {
           step: 2,
@@ -7855,7 +8040,7 @@ var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ (0, import_j
           description: "Select a deposit method: Bank transfer (ACH), Debit card, Wire, or USDC (crypto)."
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         KalshiStepCard,
         {
           step: 3,
@@ -7864,12 +8049,12 @@ var KalshiDepositStep = ({ depositUrl, onDone }) => /* @__PURE__ */ (0, import_j
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
   ] }) })
 ] });
 
 // src/deposit/index.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var DepositModal = ({
   open,
   onOpenChange,
@@ -7934,8 +8119,8 @@ var DepositModal = ({
     }
     onOpenChange(isOpen);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": "Deposit", children: [
-    step === "venues" ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": "Deposit", children: [
+    step === "venues" ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       VenueSelectionStep,
       {
         venues,
@@ -7943,7 +8128,7 @@ var DepositModal = ({
         onSelectVenue: handleSelectVenue
       }
     ) : null,
-    step === "method" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    step === "method" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       DepositMethodStep,
       {
         venue: selectedVenue,
@@ -7951,7 +8136,7 @@ var DepositModal = ({
         onSelectMethod: handleSelectMethod
       }
     ) : null,
-    step === "card-deposit" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    step === "card-deposit" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       CardDepositStep,
       {
         venue: selectedVenue,
@@ -7959,7 +8144,7 @@ var DepositModal = ({
         onContinue: handleContinueCardDeposit
       }
     ) : null,
-    step === "crypto-transfer" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    step === "crypto-transfer" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       CryptoTransferStep,
       {
         venue: selectedVenue,
@@ -7967,7 +8152,7 @@ var DepositModal = ({
         onDone: handleDoneCryptoTransfer
       }
     ) : null,
-    step === "kalshi" ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(KalshiDepositStep, { depositUrl: kalshiDepositUrl, onDone: handleDoneKalshi }) : null
+    step === "kalshi" ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(KalshiDepositStep, { depositUrl: kalshiDepositUrl, onDone: handleDoneKalshi }) : null
   ] }) });
 };
 DepositModal.displayName = "DepositModal";
@@ -7980,12 +8165,12 @@ var KALSHI_VENUE3 = "kalshi";
 var KALSHI_WITHDRAW_URL_DEFAULT = "https://kalshi.com/account/withdraw";
 
 // src/withdraw/steps/venue-selection.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var VenueRow2 = ({ venue, onSelect }) => {
   var _a, _b;
   const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
   const isDisabled = venue.disabled === true;
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
     "div",
     {
       className: cn(
@@ -8009,20 +8194,20 @@ var VenueRow2 = ({ venue, onSelect }) => {
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(VenueLogo, { venue: venue.venue, size: "large", className: "rounded-lg" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(VenueLogo, { venue: venue.venue, size: "large", className: "rounded-lg" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: displayName }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
             "Balance ",
             formatCompactUsd(venue.balance)
           ] })
         ] }),
-        isDisabled ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "agg-type-label text-agg-muted-foreground", children: (_b = venue.disabledReason) != null ? _b : "Unavailable" }) }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        isDisabled ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "agg-type-label text-agg-muted-foreground", children: (_b = venue.disabledReason) != null ? _b : "Unavailable" }) }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           Button,
           {
             variant: "secondary",
             size: "small",
-            suffix: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ChevronRightIcon, {}),
+            suffix: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ChevronRightIcon, {}),
             onClick: (e) => {
               e.stopPropagation();
               onSelect(venue.venue);
@@ -8037,22 +8222,22 @@ var VenueRow2 = ({ venue, onSelect }) => {
 var VenueSelectionStep2 = ({
   venues,
   onSelectVenue
-}) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Modal.Header, { title: "Withdraw", hideBorder: true }),
-  /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "Choose where to withdraw funds from:" }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(VenueRow2, { venue, onSelect: onSelectVenue }, venue.venue)) })
+}) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Modal.Header, { title: "Withdraw", hideBorder: true }),
+  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "Choose where to withdraw funds from:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex flex-col gap-3", children: venues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(VenueRow2, { venue, onSelect: onSelectVenue }, venue.venue)) })
   ] }) })
 ] });
 
 // src/withdraw/steps/withdraw-method.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var WithdrawMethodCard = ({
   icon,
   title,
   description,
   onContinue
-}) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
   "div",
   {
     className: cn(
@@ -8071,17 +8256,17 @@ var WithdrawMethodCard = ({
       }
     },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-secondary-hover", children: icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-secondary-hover", children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         Button,
         {
           variant: "secondary",
           size: "small",
-          suffix: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ChevronRightIcon, {}),
+          suffix: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChevronRightIcon, {}),
           onClick: (e) => {
             e.stopPropagation();
             onContinue();
@@ -8099,47 +8284,47 @@ var WithdrawMethodStep = ({
 }) => {
   var _a;
   const displayName = (_a = venueLogoLabels[venue.venue]) != null ? _a : venue.venue;
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
       Modal.Header,
       {
         title: `Withdraw from ${displayName}`,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
           displayName,
           " balance: ",
           formatCompactUsd(venue.balance)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           WithdrawMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-foreground" }),
             title: "Withdraw to Wallet",
             description: "Send funds to your crypto wallet as USDC.",
             onContinue: () => onSelectMethod("wallet")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           WithdrawMethodCard,
           {
-            icon: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(BankIcon, { className: "h-6 w-6 text-agg-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(BankIcon, { className: "h-6 w-6 text-agg-foreground" }),
             title: "Withdraw to Bank",
             description: "Transfer funds to your linked bank account.",
             onContinue: () => onSelectMethod("bank")
@@ -8152,7 +8337,7 @@ var WithdrawMethodStep = ({
 
 // src/withdraw/steps/withdraw-amount.tsx
 var import_react16 = require("react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var WithdrawAmountStep = ({
   venue,
   method,
@@ -8175,35 +8360,35 @@ var WithdrawAmountStep = ({
   const handleMax = (0, import_react16.useCallback)(() => {
     setRawAmount(venue.balance.toString());
   }, [venue.balance]);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       Modal.Header,
       {
         title: `Withdraw to ${methodLabel}`,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(VenueLogo, { venue: venue.venue, size: "small", className: "rounded-sm" }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
             displayName,
             " balance: ",
             formatCompactUsd(venue.balance)
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "button",
           {
             type: "button",
@@ -8213,10 +8398,10 @@ var WithdrawAmountStep = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-baseline", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "agg-type-display text-agg-foreground", children: "$" }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-baseline", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "agg-type-display text-agg-foreground", children: "$" }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             "input",
             {
               type: "text",
@@ -8232,9 +8417,9 @@ var WithdrawAmountStep = ({
             }
           )
         ] }),
-        exceedsBalance ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("p", { className: "agg-type-label mt-2 text-agg-error", children: "Amount exceeds available balance" }) : null
+        exceedsBalance ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "agg-type-label mt-2 text-agg-error", children: "Amount exceeds available balance" }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         Button,
         {
           variant: "primary",
@@ -8250,30 +8435,30 @@ var WithdrawAmountStep = ({
 };
 
 // src/withdraw/steps/kalshi-withdraw.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var KalshiStepCard2 = ({
   step,
   title,
   description,
   children
-}) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col gap-2 rounded-xl bg-secondary-hover p-4", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("p", { className: "agg-type-caption-caps text-agg-muted-foreground", children: [
+}) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-2 rounded-xl bg-secondary-hover p-4", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("p", { className: "agg-type-caption-caps text-agg-muted-foreground", children: [
     "Step ",
     step
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "agg-type-label text-agg-foreground", children: description })
+  /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "agg-type-label text-agg-foreground", children: description })
   ] }),
   children
 ] });
 var KalshiWithdrawStep = ({
   withdrawUrl,
   onDone
-}) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Modal.Header, { title: "", hideBorder: true }),
-  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Modal.Header, { title: "", hideBorder: true }),
+  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       VenueLogo,
       {
         venue: "kalshi",
@@ -8281,23 +8466,23 @@ var KalshiWithdrawStep = ({
         className: "h-[60px] w-[60px] rounded-lg"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("h2", { className: "agg-type-heading text-agg-foreground", children: "Withdraw from Kalshi" }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "To withdraw from Kalshi you'll need to initiate the withdrawal from your Kalshi account directly on Kalshi's site." })
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("h2", { className: "agg-type-heading text-agg-foreground", children: "Withdraw from Kalshi" }),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "agg-type-body text-agg-foreground", children: "To withdraw from Kalshi you'll need to initiate the withdrawal from your Kalshi account directly on Kalshi's site." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         KalshiStepCard2,
         {
           step: 1,
           title: "Open Kalshi Withdraw Page",
           description: "Sign in to your Kalshi account and go to Withdraw from your account menu.",
-          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             Button,
             {
               variant: "secondary",
               size: "small",
-              suffix: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
+              suffix: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ExternalLinkIcon, { className: "h-3.5 w-3.5" }),
               onClick: () => {
                 window.open(withdrawUrl, "_blank", "noopener,noreferrer");
               },
@@ -8306,7 +8491,7 @@ var KalshiWithdrawStep = ({
           ) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         KalshiStepCard2,
         {
           step: 2,
@@ -8314,7 +8499,7 @@ var KalshiWithdrawStep = ({
           description: "Select a withdrawal method: Bank transfer (ACH), Wire, or USDC (crypto)."
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         KalshiStepCard2,
         {
           step: 3,
@@ -8323,12 +8508,12 @@ var KalshiWithdrawStep = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Button, { variant: "secondary", size: "large", onClick: onDone, children: "Done" })
   ] }) })
 ] });
 
 // src/withdraw/index.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var WithdrawModal = ({
   open,
   onOpenChange,
@@ -8392,9 +8577,9 @@ var WithdrawModal = ({
     }
     onOpenChange(isOpen);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": "Withdraw", children: [
-    step === "venues" ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(VenueSelectionStep2, { venues, onSelectVenue: handleSelectVenue }) : null,
-    step === "method" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": "Withdraw", children: [
+    step === "venues" ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(VenueSelectionStep2, { venues, onSelectVenue: handleSelectVenue }) : null,
+    step === "method" && selectedVenue ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       WithdrawMethodStep,
       {
         venue: selectedVenue,
@@ -8402,7 +8587,7 @@ var WithdrawModal = ({
         onSelectMethod: handleSelectMethod
       }
     ) : null,
-    step === "withdraw-amount" && selectedVenue && selectedMethod ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    step === "withdraw-amount" && selectedVenue && selectedMethod ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       WithdrawAmountStep,
       {
         venue: selectedVenue,
@@ -8411,7 +8596,7 @@ var WithdrawModal = ({
         onContinue: handleContinueWithdraw
       }
     ) : null,
-    step === "kalshi" ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(KalshiWithdrawStep, { withdrawUrl: kalshiWithdrawUrl, onDone: handleDoneKalshi }) : null
+    step === "kalshi" ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(KalshiWithdrawStep, { withdrawUrl: kalshiWithdrawUrl, onDone: handleDoneKalshi }) : null
   ] }) });
 };
 WithdrawModal.displayName = "WithdrawModal";
@@ -8442,12 +8627,12 @@ var ONCHAIN_VENUES = [
 // src/onboarding/steps/how-it-works.tsx
 var import_react18 = require("react");
 var import_hooks26 = require("@agg-market/hooks");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var defaultIcons = {
-  createAccount: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  bestPrices: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  stayInControl: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+  createAccount: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  linkAccounts: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  bestPrices: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  stayInControl: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
   const labels = (0, import_hooks26.useLabels)();
@@ -8461,10 +8646,10 @@ var HowItWorksStep = ({ onContinue, icons }) => {
     setShowTopGradient(el.scrollTop > 0);
     setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
         "div",
         {
           ref: scrollRef,
@@ -8474,7 +8659,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
             var _a;
             const icon = (_a = icons == null ? void 0 : icons[featureKey]) != null ? _a : defaultIcons[featureKey];
             const feature = labels.onboarding.howItWorks.features[featureKey];
-            return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
               "div",
               {
                 className: cn(
@@ -8483,11 +8668,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
                   "bg-agg-secondary-hover"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
-                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
+                  /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
                   ] }),
-                  icon ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                  icon ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
                 ]
               },
               featureKey
@@ -8495,7 +8680,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
         "div",
         {
           className: cn(
@@ -8506,7 +8691,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
         "div",
         {
           className: cn(
@@ -8518,7 +8703,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
   ] });
 };
 HowItWorksStep.displayName = "HowItWorksStep";
@@ -8526,7 +8711,7 @@ HowItWorksStep.displayName = "HowItWorksStep";
 // src/onboarding/steps/profile-setup.tsx
 var import_react19 = require("react");
 var import_hooks27 = require("@agg-market/hooks");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
   const labels = (0, import_hooks27.useLabels)();
   const [username, setUsername] = (0, import_react19.useState)("");
@@ -8557,11 +8742,11 @@ var ProfileSetupStep = ({ onContinue }) => {
       avatarPreview
     });
   }, [username, avatarFile, avatarPreview, onContinue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           "button",
           {
             type: "button",
@@ -8577,17 +8762,17 @@ var ProfileSetupStep = ({ onContinue }) => {
               "overflow-hidden"
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
-            children: avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            children: avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
               "img",
               {
                 src: avatarPreview,
                 alt: labels.onboarding.profileSetup.profilePreviewAlt,
                 className: "h-full w-full object-cover"
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           "input",
           {
             ref: fileInputRef,
@@ -8599,8 +8784,8 @@ var ProfileSetupStep = ({ onContinue }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           "label",
           {
             htmlFor: "onboarding-username",
@@ -8608,7 +8793,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             children: labels.onboarding.profileSetup.usernameLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           "input",
           {
             id: "onboarding-username",
@@ -8632,16 +8817,16 @@ var ProfileSetupStep = ({ onContinue }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
   ] });
 };
 ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
 var import_hooks28 = require("@agg-market/hooks");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -8653,7 +8838,7 @@ var VenueCard = ({
   connected = false
 }) => {
   const labels = (0, import_hooks28.useLabels)();
-  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     Button,
     {
       variant: "tertiary",
@@ -8663,18 +8848,18 @@ var VenueCard = ({
       children: labels.onboarding.connectAccounts.connect
     }
   );
-  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime90.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: onConnect,
-      suffix: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
+      suffix: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
       children: labels.onboarding.connectAccounts.connectAccount
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     "div",
     {
       className: cn(
@@ -8682,23 +8867,23 @@ var VenueCard = ({
         connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "shrink-0", children: action })
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "shrink-0", children: action })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
             mobileAction
           ] })
         ] })
@@ -8715,13 +8900,13 @@ var ConnectAccountsStep = ({
 }) => {
   const labels = (0, import_hooks28.useLabels)();
   const canContinue = connectedOnchain || connectedKalshi;
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         VenueCard,
         {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(OnchainVenueLogos, {}),
+          logos: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(OnchainVenueLogos, {}),
           title: labels.onboarding.connectAccounts.onchainTitle,
           mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
             ONCHAIN_VENUES.length - 1
@@ -8732,10 +8917,10 @@ var ConnectAccountsStep = ({
           connected: connectedOnchain
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         VenueCard,
         {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+          logos: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
             VenueLogo,
             {
               venue: "kalshi",
@@ -8753,7 +8938,7 @@ var ConnectAccountsStep = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       Button,
       {
         variant: "primary",
@@ -8772,7 +8957,7 @@ ConnectAccountsStep.displayName = "ConnectAccountsStep";
 var import_react20 = require("react");
 var import_hooks29 = require("@agg-market/hooks");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var ConnectKalshiModal = ({
   open,
   onOpenChange,
@@ -8829,15 +9014,15 @@ var ConnectKalshiModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -8848,8 +9033,8 @@ var ConnectKalshiModal = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             VenueLogo,
             {
               venue: "kalshi",
@@ -8858,54 +9043,54 @@ var ConnectKalshiModal = ({
               className: "h-[60px] w-[60px]"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime90.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_runtime91.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime91.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_runtime90.jsxs)("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("p", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime90.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_runtime91.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime91.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_runtime90.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -8913,7 +9098,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                   "input",
                   {
                     id: "kalshi-api-key-id",
@@ -8933,8 +9118,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -8942,7 +9127,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -8964,42 +9149,42 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime90.jsx)(DocumentIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(DocumentIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.docsLinkLabel
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime90.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-5 items-center", children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-5 items-center", children: [
+            error ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-3 justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-3 justify-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -9023,7 +9208,7 @@ ConnectKalshiModal.displayName = "ConnectKalshiModal";
 var import_react21 = require("react");
 var import_hooks30 = require("@agg-market/hooks");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var ConnectOnchainModal = ({
   open,
   onOpenChange,
@@ -9061,15 +9246,15 @@ var ConnectOnchainModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Dialog3.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -9080,26 +9265,26 @@ var ConnectOnchainModal = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime92.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime91.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_runtime91.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_runtime91.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_runtime91.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+          /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime92.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_runtime92.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_runtime92.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
             ] }, venue)) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -9110,7 +9295,7 @@ var ConnectOnchainModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -9129,7 +9314,7 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/index.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -9191,19 +9376,19 @@ var OnboardingModal = ({
     }),
     [onConnectKalshi]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
-            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
+            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -9217,7 +9402,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -9225,7 +9410,7 @@ var OnboardingModal = ({
         onConnect: handleOnchainConnect
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       ConnectKalshiModal,
       {
         open: kalshiModalOpen,
@@ -9253,7 +9438,7 @@ var PROFILE_TAB_ITEMS = [
 // src/profile/tabs/about-tab.tsx
 var import_react23 = require("react");
 var import_hooks32 = require("@agg-market/hooks");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var AboutTab = ({
   avatarPreview,
   onDeleteProfile,
@@ -9284,9 +9469,9 @@ var AboutTab = ({
     [onDraftAvatarChange]
   );
   const resolvedPreview = draftAvatarPreview != null ? draftAvatarPreview : avatarPreview;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex justify-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex justify-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         "button",
         {
           type: "button",
@@ -9302,17 +9487,17 @@ var AboutTab = ({
             "overflow-hidden"
           ),
           "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
-          children: resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          children: resolvedPreview ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             "img",
             {
               src: resolvedPreview,
               alt: labels.onboarding.profileSetup.profilePreviewAlt,
               className: "h-full w-full object-cover"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ProfileIcon, { className: "h-8 w-8 text-agg-muted-foreground" })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ProfileIcon, { className: "h-8 w-8 text-agg-muted-foreground" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         "input",
         {
           ref: fileInputRef,
@@ -9324,8 +9509,8 @@ var AboutTab = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         "label",
         {
           htmlFor: "profile-username",
@@ -9333,7 +9518,7 @@ var AboutTab = ({
           children: "Username"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         "input",
         {
           id: "profile-username",
@@ -9355,12 +9540,12 @@ var AboutTab = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: "Delete your profile" }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: "This will permanently delete your account and all of its data. You will not be able to reactivate this account." })
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: "Delete your profile" }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: "This will permanently delete your account and all of its data. You will not be able to reactivate this account." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
         "button",
         {
           type: "button",
@@ -9382,9 +9567,9 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
-var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
-var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+var import_jsx_runtime95 = require("react/jsx-runtime");
+var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
+var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
   "div",
   {
     className: cn(
@@ -9396,7 +9581,7 @@ var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_run
     children
   }
 );
-var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
   "button",
   {
     type: "button",
@@ -9405,7 +9590,7 @@ var ConnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime9
     children: "Connect"
   }
 );
-var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
   "button",
   {
     type: "button",
@@ -9430,19 +9615,19 @@ var AccountsWalletsTab = ({
   const twitter = socialAccounts == null ? void 0 : socialAccounts.twitter;
   const discord = socialAccounts == null ? void 0 : socialAccounts.discord;
   const telegram = socialAccounts == null ? void 0 : socialAccounts.telegram;
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SectionTitle, { children: "Exchanges" }),
-      exchanges.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: "No exchange accounts connected." }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "flex flex-col gap-2", children: exchanges.map((account) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SectionTitle, { children: "Exchanges" }),
+      exchanges.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: "No exchange accounts connected." }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex flex-col gap-2", children: exchanges.map((account) => {
         var _a;
         const displayName = (_a = venueLogoLabels[account.venue]) != null ? _a : account.venue;
-        return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(AccountRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(VenueLogo, { venue: account.venue, size: "small" }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: account.displayAddress }),
-              account.verified ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(AccountRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(VenueLogo, { venue: account.venue, size: "small" }),
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: displayName }),
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-2 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "truncate text-agg-base font-agg-normal leading-6 text-agg-foreground", children: account.displayAddress }),
+              account.verified ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
                 Icon,
                 {
                   name: "check-badge",
@@ -9452,39 +9637,39 @@ var AccountsWalletsTab = ({
               ) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DisconnectTextButton, { onClick: () => onDisconnectExchange(account.venue) })
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DisconnectTextButton, { onClick: () => onDisconnectExchange(account.venue) })
         ] }, account.venue);
       }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SectionTitle, { children: "Social Accounts" }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(AccountRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SectionTitle, { children: "Social Accounts" }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(AccountRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon, { name: "twitter", size: "small", color: "currentColor" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "X (Twitter)" })
           ] }),
-          (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ConnectTextButton, { onClick: onConnectTwitter })
+          (twitter == null ? void 0 : twitter.connected) ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DisconnectTextButton, { onClick: onDisconnectTwitter }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ConnectTextButton, { onClick: onConnectTwitter })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(AccountRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#5865F2]", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Icon, { name: "discord", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Discord" })
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(AccountRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#5865F2]", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon, { name: "discord", size: "small", color: "currentColor" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Discord" })
           ] }),
-          (discord == null ? void 0 : discord.connected) ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DisconnectTextButton, { onClick: onDisconnectDiscord }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ConnectTextButton, { onClick: onConnectDiscord })
+          (discord == null ? void 0 : discord.connected) ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DisconnectTextButton, { onClick: onDisconnectDiscord }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ConnectTextButton, { onClick: onConnectDiscord })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(AccountRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#26A5E4]", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Icon, { name: "telegram", size: "small", color: "currentColor" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Telegram" })
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(AccountRow, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-[#26A5E4]", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon, { name: "telegram", size: "small", color: "currentColor" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: "Telegram" })
           ] }),
-          (telegram == null ? void 0 : telegram.connected) ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DisconnectTextButton, { onClick: onDisconnectTelegram }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ConnectTextButton, { onClick: onConnectTelegram })
+          (telegram == null ? void 0 : telegram.connected) ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DisconnectTextButton, { onClick: onDisconnectTelegram }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ConnectTextButton, { onClick: onConnectTelegram })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(SectionTitle, { children: "Email Address" }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SectionTitle, { children: "Email Address" }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
         "button",
         {
           type: "button",
@@ -9496,11 +9681,11 @@ var AccountsWalletsTab = ({
             "cursor-pointer hover:bg-agg-secondary-hover"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Icon, { name: "email", size: "small", color: "currentColor" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-agg-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon, { name: "email", size: "small", color: "currentColor" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground whitespace-nowrap", children: email != null ? email : "Connect email" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
           ]
         }
       )
@@ -9510,7 +9695,7 @@ var AccountsWalletsTab = ({
 AccountsWalletsTab.displayName = "AccountsWalletsTab";
 
 // src/profile/index.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var ProfileModal = ({
   open,
   onOpenChange,
@@ -9582,13 +9767,13 @@ var ProfileModal = ({
   const handleCancel = (0, import_react24.useCallback)(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Modal.Container, { maxWidth: "800px", "aria-label": "Edit Profile", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Modal.Header, { title: "Edit Profile" }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Modal.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col sm:flex-row sm:gap-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "shrink-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex gap-2 sm:hidden mb-6", children: PROFILE_TAB_ITEMS.map((tab) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Modal.Container, { maxWidth: "800px", "aria-label": "Edit Profile", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Modal.Header, { title: "Edit Profile" }),
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Modal.Body, { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col sm:flex-row sm:gap-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "shrink-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex gap-2 sm:hidden mb-6", children: PROFILE_TAB_ITEMS.map((tab) => {
           const isActive = activeTab === tab.value;
-          return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
             "button",
             {
               type: "button",
@@ -9601,14 +9786,14 @@ var ProfileModal = ({
                 isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover border-agg-primary" : "font-agg-normal text-agg-foreground border-transparent"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "whitespace-nowrap", children: tab.label })
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "whitespace-nowrap", children: tab.label })
               ]
             },
             tab.value
           );
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           "nav",
           {
             className: cn(
@@ -9623,7 +9808,7 @@ var ProfileModal = ({
             "aria-label": "Profile sections",
             children: PROFILE_TAB_ITEMS.map((tab) => {
               const isActive = activeTab === tab.value;
-              return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -9638,9 +9823,9 @@ var ProfileModal = ({
                     isActive ? "font-agg-normal text-agg-foreground bg-agg-secondary-hover" : "font-agg-normal text-agg-foreground"
                   ),
                   children: [
-                    isActive ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
+                    isActive ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Icon, { name: tab.icon, size: "small", color: "currentColor" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "shrink-0 whitespace-nowrap", children: tab.label })
                   ]
                 },
                 tab.value
@@ -9649,8 +9834,8 @@ var ProfileModal = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "min-w-0 flex-1", children: [
-        activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "min-w-0 flex-1", children: [
+        activeTab === PROFILE_TAB_KEYS.ABOUT ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           AboutTab,
           {
             username,
@@ -9663,7 +9848,7 @@ var ProfileModal = ({
             draftAvatarPreview
           }
         ) : null,
-        activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        activeTab === PROFILE_TAB_KEYS.ACCOUNTS_WALLETS ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           AccountsWalletsTab,
           {
             exchanges,
@@ -9681,9 +9866,9 @@ var ProfileModal = ({
         ) : null
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Modal.Footer, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Modal.Footer, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, className: "min-w-[120px]", children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         Button,
         {
           variant: "primary",
@@ -9756,9 +9941,9 @@ var getTradingSlippageLabel = (value) => {
 };
 
 // src/trading/place-order/index.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var WarningFilledIcon2 = ({ className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "svg",
     {
       viewBox: "0 0 16 16",
@@ -9766,15 +9951,15 @@ var WarningFilledIcon2 = ({ className }) => {
       className: cn("text-agg-warning", className),
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("path", { d: "M8 1.33301L15.3333 14.6663H0.666656L8 1.33301Z", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("path", { d: "M8 5.33301V8.66634", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("circle", { cx: "8", cy: "11.1667", r: "0.833333", fill: "white" })
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("path", { d: "M8 1.33301L15.3333 14.6663H0.666656L8 1.33301Z", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("path", { d: "M8 5.33301V8.66634", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("circle", { cx: "8", cy: "11.1667", r: "0.833333", fill: "white" })
       ]
     }
   );
 };
 var ErrorFilledIcon = ({ className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "svg",
     {
       viewBox: "0 0 16 16",
@@ -9782,9 +9967,9 @@ var ErrorFilledIcon = ({ className }) => {
       className: cn("text-agg-error", className),
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("path", { d: "M8 4.16699V8.50033", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("circle", { cx: "8", cy: "11.167", r: "0.833333", fill: "white" })
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("path", { d: "M8 4.16699V8.50033", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("circle", { cx: "8", cy: "11.167", r: "0.833333", fill: "white" })
       ]
     }
   );
@@ -9831,17 +10016,17 @@ var getStatusContent = ({
   if (!status || status.placement !== placement)
     return null;
   if (status.tone === "warning") {
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(WarningFilledIcon2, { className: "h-4 w-4 shrink-0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: status.message })
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(WarningFilledIcon2, { className: "h-4 w-4 shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: status.message })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center gap-3 rounded-agg-lg bg-agg-status-error-surface px-3 py-2.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(ErrorFilledIcon, { className: "h-4 w-4 shrink-0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "min-w-0 flex-1 text-agg-sm leading-agg-5 text-agg-foreground", children: status.message })
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-3 rounded-agg-lg bg-agg-status-error-surface px-3 py-2.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ErrorFilledIcon, { className: "h-4 w-4 shrink-0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "min-w-0 flex-1 text-agg-sm leading-agg-5 text-agg-foreground", children: status.message })
     ] }),
-    status.actionLabel ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    status.actionLabel ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       "button",
       {
         type: "button",
@@ -9883,7 +10068,7 @@ var PlaceOrder = ({
   const labels = (0, import_hooks34.useLabels)();
   const resolvedDisclaimer = disclaimer === defaultTradingDisclaimer ? labels.trading.disclaimer : disclaimer;
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       Skeleton,
       {
         ariaLabel: labels.common.loading,
@@ -9922,7 +10107,7 @@ var PlaceOrder = ({
     }
     onOutcomeChange == null ? void 0 : onOutcomeChange(nextOutcomeId);
   };
-  const actionButton = /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  const actionButton = /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     Button,
     {
       size: "large",
@@ -9934,11 +10119,11 @@ var PlaceOrder = ({
       children: actionLabel
     }
   );
-  const contentBody = /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-6 p-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-start justify-between gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-          marketImageUrl ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  const contentBody = /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-6 p-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-start justify-between gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+          marketImageUrl ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             "img",
             {
               src: marketImageUrl,
@@ -9946,16 +10131,16 @@ var PlaceOrder = ({
               className: "h-12 w-12 shrink-0 rounded-agg-lg object-cover"
             }
           ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "min-w-0 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: title })
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "min-w-0 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: title })
         ] }),
-        isDismissible ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        isDismissible ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           "button",
           {
             type: "button",
             "aria-label": labels.common.close,
             className: "shrink-0 text-agg-foreground",
             onClick: onClose,
-            children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
               Icon,
               {
                 name: "close",
@@ -9967,9 +10152,9 @@ var PlaceOrder = ({
           }
         ) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: dateLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: dateLabel })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       Tabs,
       {
         ariaLabel: labels.common.tabsAria,
@@ -9985,11 +10170,11 @@ var PlaceOrder = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex w-full gap-2", children: outcomes.map((outcome, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex w-full gap-2", children: outcomes.map((outcome, index) => {
         const isActive = outcome.id === resolvedOutcomeId;
         const isPositive = resolveIsPositiveOutcome(outcome, index);
-        return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           "button",
           {
             type: "button",
@@ -10006,16 +10191,16 @@ var PlaceOrder = ({
           outcome.id
         );
       }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: primaryMetric.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: primaryMetric.hint })
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: primaryMetric.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: primaryMetric.hint })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-agg-3xl font-agg-bold leading-agg-9 text-agg-foreground", children: primaryMetric.value })
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-agg-3xl font-agg-bold leading-agg-9 text-agg-foreground", children: primaryMetric.value })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
         "div",
         {
           className: cn(
@@ -10023,7 +10208,7 @@ var PlaceOrder = ({
             getRoutingCardClassName(hasHighlightedRouting)
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
               "div",
               {
                 className: cn(
@@ -10032,11 +10217,11 @@ var PlaceOrder = ({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "relative flex flex-col gap-3", children: [
-              routing.rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "relative flex flex-col gap-3", children: [
+              routing.rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                       VenueLogo,
                       {
                         venue: row.venue,
@@ -10044,11 +10229,11 @@ var PlaceOrder = ({
                         ariaLabel: getTradingVenueLabel(row.venue)
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "truncate text-agg-base leading-agg-6 text-agg-foreground", children: row.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "truncate text-agg-base leading-agg-6 text-agg-foreground", children: row.label })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "shrink-0 text-agg-base leading-agg-6 text-agg-foreground", children: row.priceLabel })
+                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "shrink-0 text-agg-base leading-agg-6 text-agg-foreground", children: row.priceLabel })
                 ] }),
-                index < routing.rows.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                index < routing.rows.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                   "div",
                   {
                     className: cn(
@@ -10058,19 +10243,19 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }, `${row.venue}-${row.label}`)),
-              routing.highlightLabel ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-center text-agg-sm font-agg-bold leading-agg-5 uppercase text-agg-trade-highlight-accent", children: routing.highlightLabel }) : null
+              routing.highlightLabel ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-center text-agg-sm font-agg-bold leading-agg-5 uppercase text-agg-trade-highlight-accent", children: routing.highlightLabel }) : null
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: routing.helperLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: routing.helperLabel })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: result.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: result.hint })
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: result.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: result.hint })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         "p",
         {
           className: cn(
@@ -10081,7 +10266,7 @@ var PlaceOrder = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
       getStatusContent({
         placement: "above-action",
         status,
@@ -10094,16 +10279,16 @@ var PlaceOrder = ({
         onStatusAction
       })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: resolvedDisclaimer })
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: resolvedDisclaimer })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Card, { className: cn(getPlaceOrderContainerClassName(), className), children: contentBody });
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Card, { className: cn(getPlaceOrderContainerClassName(), className), children: contentBody });
 };
 PlaceOrder.displayName = "PlaceOrder";
 
 // src/trading/settlement/index.tsx
 var import_react26 = require("react");
 var import_hooks35 = require("@agg-market/hooks");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var getSettlementHeaderClassName = () => {
   return "flex items-center justify-between gap-4";
 };
@@ -10295,7 +10480,7 @@ var Settlement = ({
     onShowMore == null ? void 0 : onShowMore(venue);
   };
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       Skeleton,
       {
         ariaLabel: labels.trading.settlementLoading,
@@ -10304,7 +10489,7 @@ var Settlement = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
     Card,
     {
       className: cn(
@@ -10312,16 +10497,16 @@ var Settlement = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: getSettlementHeaderClassName(), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground", children: resolvedSectionLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: question })
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: getSettlementHeaderClassName(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground", children: resolvedSectionLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: question })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: resolvedDifferencesTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("ul", { className: "list-disc pl-5 text-agg-sm leading-agg-5 text-agg-foreground", children: differences.map((difference) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("li", { children: difference }, difference)) })
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: resolvedDifferencesTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("ul", { className: "list-disc pl-5 text-agg-sm leading-agg-5 text-agg-foreground", children: differences.map((difference) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("li", { children: difference }, difference)) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex flex-col gap-3", children: venues.map((venue) => {
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex flex-col gap-3", children: venues.map((venue) => {
           var _a2, _b2;
           const venueLabel = getTradingVenueLabel(venue.venue, venue.label);
           const isExpanded = resolvedExpandedVenue === venue.venue;
@@ -10329,8 +10514,8 @@ var Settlement = ({
           const isDescriptionOverflowing = !!overflowingDescriptionByVenue[venue.venue];
           const shouldShowDescriptionCta = isExpanded && isDescriptionOverflowing && !isDescriptionExpanded;
           const resolvedShowMoreLabel = (_a2 = venue.showMoreLabel) != null ? _a2 : "Show more";
-          return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
               "button",
               {
                 type: "button",
@@ -10346,7 +10531,7 @@ var Settlement = ({
                 "aria-label": labels.trading.settlementDetailsAria(venueLabel),
                 onClick: () => handleVenueClick(venue.venue),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                     VenueLogo,
                     {
                       venue: venue.venue,
@@ -10354,7 +10539,7 @@ var Settlement = ({
                       ariaLabel: venueLabel
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                     "span",
                     {
                       className: cn(
@@ -10364,7 +10549,7 @@ var Settlement = ({
                       children: venueLabel
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                     Icon,
                     {
                       name: isExpanded ? "chevron-up" : "chevron-down",
@@ -10376,7 +10561,7 @@ var Settlement = ({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
               "div",
               {
                 "aria-hidden": !isExpanded,
@@ -10389,17 +10574,17 @@ var Settlement = ({
                     "transition-[grid-template-rows,opacity,margin-top] duration-300 ease-in-out"
                   )
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
                   "div",
                   {
                     ref: (element) => handleDescriptionWrapperRef(venue.venue, element),
                     className: "relative min-h-0",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("p", { className: "min-h-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("p", { className: "min-h-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
                         isDescriptionExpanded || !isDescriptionOverflowing ? venue.description : (_b2 = collapsedDescriptionByVenue[venue.venue]) != null ? _b2 : venue.description,
-                        shouldShowDescriptionCta ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+                        shouldShowDescriptionCta ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
                           "... ",
-                          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                             "button",
                             {
                               type: "button",
@@ -10422,7 +10607,7 @@ var Settlement = ({
                           )
                         ] }) : null
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                         "p",
                         {
                           ref: (element) => handleDescriptionMeasureRef(venue.venue, element),
@@ -10444,7 +10629,7 @@ var Settlement = ({
 Settlement.displayName = "Settlement";
 
 // src/pages/event-market/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var getMarketDateValue = (market, fallbackIndex) => {
   var _a, _b, _c;
   const candidateDate = (_c = (_b = (_a = market.endDate) != null ? _a : market.startDate) != null ? _b : market.creationDate) != null ? _c : null;
@@ -10504,19 +10689,33 @@ var EventMarketPageUnavailableState = ({
   ariaLabel
 }) => {
   const labels = (0, import_hooks36.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     Card,
     {
       className: "rounded-agg-xl border border-agg-separator bg-agg-secondary p-6 shadow-none hover:shadow-none",
       role: "status",
       "aria-label": ariaLabel != null ? ariaLabel : labels.eventMarketPage.unavailableAria,
-      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Typography, { variant: "body-large-strong", children: labels.eventMarketPage.unavailableTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.eventMarketPage.unavailableDescription })
+      children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Typography, { variant: "body-large-strong", children: labels.eventMarketPage.unavailableTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Typography, { variant: "label", className: "text-agg-muted-foreground", children: labels.eventMarketPage.unavailableDescription })
       ] })
     }
   );
 };
+var EventMarketPageNotFoundState = ({
+  ariaLabel
+}) => {
+  const labels = (0, import_hooks36.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Card, { className: "overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary p-0 shadow-none hover:shadow-none", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    StateMessage,
+    {
+      ariaLabel: ariaLabel != null ? ariaLabel : labels.eventItemDetails.notFoundAria,
+      title: labels.eventItemDetails.notFoundTitle,
+      description: labels.eventItemDetails.notFoundDescription,
+      className: "min-h-[320px] md:min-h-[360px]"
+    }
+  ) });
+};
 var EventMarketPageLoadingState = ({
   placeOrder,
   settlement,
@@ -10535,7 +10734,7 @@ var EventMarketPageLoadingState = ({
       }
     ]
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("section", { className: cn("w-full", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("section", { className: cn("w-full", classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
     "div",
     {
       className: cn(
@@ -10543,8 +10742,8 @@ var EventMarketPageLoadingState = ({
         classNames == null ? void 0 : classNames.content
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: cn("flex min-w-0 flex-1 flex-col gap-6", classNames == null ? void 0 : classNames.main), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: cn("flex min-w-0 flex-1 flex-col gap-6", classNames == null ? void 0 : classNames.main), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             EventListItemDetails,
             {
               isLoading: true,
@@ -10553,23 +10752,23 @@ var EventMarketPageLoadingState = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.markets), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(MarketDetails, { isLoading: true, isOpened: true, classNames: { root: "w-full" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } })
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.markets), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(MarketDetails, { isLoading: true, isOpened: true, classNames: { root: "w-full" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(MarketDetails, { isLoading: true, isOpened: false, classNames: { root: "w-full" } })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Settlement, __spreadProps(__spreadValues({}, fallbackSettlement), { isLoading: true, className: classNames == null ? void 0 : classNames.settlement })) }),
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Settlement, __spreadProps(__spreadValues({}, fallbackSettlement), { isLoading: true, className: classNames == null ? void 0 : classNames.settlement })) }),
-          placeOrder ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(PlaceOrder, __spreadProps(__spreadValues({}, placeOrder), { isLoading: true, className: classNames == null ? void 0 : classNames.mobileTrade })) }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Settlement, __spreadProps(__spreadValues({}, fallbackSettlement), { isLoading: true, className: classNames == null ? void 0 : classNames.settlement })) }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Settlement, __spreadProps(__spreadValues({}, fallbackSettlement), { isLoading: true, className: classNames == null ? void 0 : classNames.settlement })) }),
+          placeOrder ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(PlaceOrder, __spreadProps(__spreadValues({}, placeOrder), { isLoading: true, className: classNames == null ? void 0 : classNames.mobileTrade })) }) : null
         ] }),
-        placeOrder ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        placeOrder ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           "aside",
           {
             className: cn(
               "hidden w-full shrink-0 lg:sticky lg:top-6 lg:block lg:w-[343px]",
               classNames == null ? void 0 : classNames.sidebar
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(PlaceOrder, __spreadProps(__spreadValues({}, placeOrder), { isLoading: true, className: classNames == null ? void 0 : classNames.trade }))
+            children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(PlaceOrder, __spreadProps(__spreadValues({}, placeOrder), { isLoading: true, className: classNames == null ? void 0 : classNames.trade }))
           }
         ) : null
       ]
@@ -10625,9 +10824,9 @@ var EventMarketPageContent = ({
     onExpandedMarketChange == null ? void 0 : onExpandedMarketChange(nextExpandedMarketId);
   };
   if (!heroEvent || !event.markets.length) {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(EventMarketPageUnavailableState, { ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(EventMarketPageUnavailableState, { ariaLabel });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("section", { className: cn("w-full", classNames == null ? void 0 : classNames.root), "aria-label": ariaLabel != null ? ariaLabel : event.title, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("section", { className: cn("w-full", classNames == null ? void 0 : classNames.root), "aria-label": ariaLabel != null ? ariaLabel : event.title, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
     "div",
     {
       className: cn(
@@ -10635,8 +10834,8 @@ var EventMarketPageContent = ({
         classNames == null ? void 0 : classNames.content
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: cn("flex min-w-0 flex-1 flex-col gap-6", classNames == null ? void 0 : classNames.main), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: cn("flex min-w-0 flex-1 flex-col gap-6", classNames == null ? void 0 : classNames.main), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             EventListItemDetails,
             {
               event: heroEvent,
@@ -10646,9 +10845,9 @@ var EventMarketPageContent = ({
               }
             }
           ),
-          detailedMarkets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.markets), children: detailedMarkets.map((market) => {
+          detailedMarkets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: cn("flex flex-col gap-3", classNames == null ? void 0 : classNames.markets), children: detailedMarkets.map((market) => {
             const isOpened = resolvedExpandedMarketId === market.id;
-            return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
               MarketDetails,
               {
                 event,
@@ -10663,30 +10862,31 @@ var EventMarketPageContent = ({
               market.id
             );
           }) }) : null,
-          settlement ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Settlement, __spreadProps(__spreadValues({}, settlement), { className: classNames == null ? void 0 : classNames.settlement })) }) : null,
-          settlement ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Settlement, __spreadProps(__spreadValues({}, settlement), { className: classNames == null ? void 0 : classNames.settlement })) }) : null
+          settlement ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Settlement, __spreadProps(__spreadValues({}, settlement), { className: classNames == null ? void 0 : classNames.settlement })) }) : null,
+          settlement ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Settlement, __spreadProps(__spreadValues({}, settlement), { className: classNames == null ? void 0 : classNames.settlement })) }) : null
         ] }),
-        placeOrder ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("aside", { className: cn("w-full lg:block lg:max-w-[360px]", classNames == null ? void 0 : classNames.sidebar), children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(PlaceOrder, __spreadProps(__spreadValues({}, placeOrder), { className: classNames == null ? void 0 : classNames.trade })) }) : null
+        placeOrder ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("aside", { className: cn("w-full lg:block lg:max-w-[360px]", classNames == null ? void 0 : classNames.sidebar), children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(PlaceOrder, __spreadProps(__spreadValues({}, placeOrder), { className: classNames == null ? void 0 : classNames.trade })) }) : null
       ]
     }
   ) });
 };
 var EventMarketPage = (props) => {
   const hasEventProp = "event" in props && !!props.event;
-  const { event: fetchedEvent, isLoading: isFetchingEvent } = (0, import_hooks36.useEvent)(
-    hasEventProp ? void 0 : props.eventId,
-    {
-      enabled: !props.isLoading && !hasEventProp && !!props.eventId
-    }
-  );
+  const {
+    event: fetchedEvent,
+    error: eventError,
+    isLoading: isFetchingEvent
+  } = (0, import_hooks36.useEvent)(hasEventProp ? void 0 : props.eventId, {
+    enabled: !props.isLoading && !hasEventProp && !!props.eventId
+  });
   if (props.isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(EventMarketPageLoadingState, { placeOrder: props.placeOrder, settlement: props.settlement });
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(EventMarketPageLoadingState, { placeOrder: props.placeOrder, settlement: props.settlement });
   }
   if ("event" in props && props.event) {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(EventMarketPageContent, __spreadProps(__spreadValues({}, props), { event: props.event }));
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(EventMarketPageContent, __spreadProps(__spreadValues({}, props), { event: props.event }));
   }
   if (isFetchingEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       EventMarketPageLoadingState,
       {
         placeOrder: props.placeOrder,
@@ -10696,9 +10896,12 @@ var EventMarketPage = (props) => {
     );
   }
   if (!fetchedEvent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(EventMarketPageUnavailableState, { ariaLabel: props.ariaLabel });
+    if (isErrorWithStatus(eventError, 404)) {
+      return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(EventMarketPageNotFoundState, { ariaLabel: props.ariaLabel });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(EventMarketPageUnavailableState, { ariaLabel: props.ariaLabel });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(EventMarketPageContent, __spreadProps(__spreadValues({}, props), { event: fetchedEvent }));
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(EventMarketPageContent, __spreadProps(__spreadValues({}, props), { event: fetchedEvent }));
 };
 EventMarketPage.displayName = "EventMarketPage";
 
@@ -10715,7 +10918,7 @@ var USER_PROFILE_POSITION_FILTERS = [
 ];
 
 // src/pages/user-profile/components/balance-display.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var BalanceDisplay = ({
   balance,
   defaultTimeRange = "All",
@@ -10729,7 +10932,7 @@ var BalanceDisplay = ({
     setActiveRange(range);
     onTimeRangeChange == null ? void 0 : onTimeRangeChange(range);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
     "div",
     {
       className: cn(
@@ -10737,11 +10940,11 @@ var BalanceDisplay = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-end gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "agg-type-display text-agg-foreground", children: (_a = currentBalance == null ? void 0 : currentBalance.totalLabel) != null ? _a : "$0.00" }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-muted-foreground", children: "Profit/Loss" }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-end gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "agg-type-display text-agg-foreground", children: (_a = currentBalance == null ? void 0 : currentBalance.totalLabel) != null ? _a : "$0.00" }),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-muted-foreground", children: "Profit/Loss" }),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
               "span",
               {
                 className: cn(
@@ -10751,7 +10954,7 @@ var BalanceDisplay = ({
                 children: (_b = currentBalance == null ? void 0 : currentBalance.changePercentLabel) != null ? _b : "0%"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
               Icon,
               {
                 name: "triangle-up-filled",
@@ -10763,9 +10966,9 @@ var BalanceDisplay = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "flex w-[100px] items-center justify-between", children: USER_PROFILE_TIME_RANGES.map((range) => {
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex w-[100px] items-center justify-between", children: USER_PROFILE_TIME_RANGES.map((range) => {
           const isActive = range === activeRange;
-          return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             "button",
             {
               type: "button",
@@ -10786,14 +10989,14 @@ var BalanceDisplay = ({
 BalanceDisplay.displayName = "BalanceDisplay";
 
 // src/pages/user-profile/components/balances-card.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var BalancesCard = ({
   venueBalances = [],
   onDeposit,
   onWithdraw,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
     "div",
     {
       className: cn(
@@ -10801,16 +11004,16 @@ var BalancesCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h3", { className: "agg-type-body-large-strong text-agg-foreground", children: "Balances" }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "relative min-h-0 flex-1 overflow-clip", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex max-h-full flex-col gap-3 overflow-y-auto pr-1", children: venueBalances.map((balance, idx) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(VenueLogo, { venue: balance.venue, size: "small" }),
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground capitalize", children: balance.venue })
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("h3", { className: "agg-type-body-large-strong text-agg-foreground", children: "Balances" }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "relative min-h-0 flex-1 overflow-clip", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex max-h-full flex-col gap-3 overflow-y-auto pr-1", children: venueBalances.map((balance, idx) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(VenueLogo, { venue: balance.venue, size: "small" }),
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-normal text-agg-foreground capitalize", children: balance.venue })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-bold text-agg-foreground", children: balance.balanceLabel })
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "font-agg-sans text-agg-base leading-6 font-agg-bold text-agg-foreground", children: balance.balanceLabel })
           ] }, `${balance.venue}-${idx}`)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             "div",
             {
               "aria-hidden": true,
@@ -10818,9 +11021,9 @@ var BalancesCard = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center gap-3", children: [
-          onDeposit ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Button, { variant: "primary", size: "small", onClick: onDeposit, className: "flex-1", children: "Deposit" }) : null,
-          onWithdraw ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Button, { variant: "secondary", size: "small", onClick: onWithdraw, className: "flex-1", children: "Withdraw" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-3", children: [
+          onDeposit ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { variant: "primary", size: "small", onClick: onDeposit, className: "flex-1", children: "Deposit" }) : null,
+          onWithdraw ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Button, { variant: "secondary", size: "small", onClick: onWithdraw, className: "flex-1", children: "Withdraw" }) : null
         ] })
       ]
     }
@@ -10832,12 +11035,12 @@ BalancesCard.displayName = "BalancesCard";
 var import_react29 = require("react");
 
 // src/pages/user-profile/components/activity-row.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var ActivityRow = ({ activity, onClick }) => {
   const handleClick = () => {
     onClick == null ? void 0 : onClick(activity);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
     "button",
     {
       type: "button",
@@ -10848,11 +11051,11 @@ var ActivityRow = ({ activity, onClick }) => {
       ),
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "w-[60px] shrink-0 font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground", children: activity.type }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(VenueLogo, { venue: activity.venue, size: "small", className: "shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "w-[60px] shrink-0 font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground", children: activity.type }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(VenueLogo, { venue: activity.venue, size: "small", className: "shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               "img",
               {
                 src: activity.thumbnailSrc,
@@ -10860,18 +11063,18 @@ var ActivityRow = ({ activity, onClick }) => {
                 className: "h-[60px] w-[60px] shrink-0 rounded-agg-sm object-cover"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2 justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "min-w-full overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: activity.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-4 py-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: activity.outcomeLabel }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-black whitespace-nowrap", children: activity.sharesLabel })
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2 justify-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "min-w-full overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: activity.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-4 py-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: activity.outcomeLabel }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-black whitespace-nowrap", children: activity.sharesLabel })
               ] })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex w-[120px] shrink-0 flex-col items-end justify-center gap-1 text-agg-base leading-agg-6 whitespace-nowrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "font-agg-sans font-agg-bold text-black", children: activity.amountLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "font-agg-sans font-agg-normal text-agg-muted-foreground", children: activity.timeLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex w-[120px] shrink-0 flex-col items-end justify-center gap-1 text-agg-base leading-agg-6 whitespace-nowrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "font-agg-sans font-agg-bold text-black", children: activity.amountLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "font-agg-sans font-agg-normal text-agg-muted-foreground", children: activity.timeLabel })
         ] })
       ]
     }
@@ -10880,8 +11083,8 @@ var ActivityRow = ({ activity, onClick }) => {
 ActivityRow.displayName = "ActivityRow";
 
 // src/pages/user-profile/components/empty-state.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
-var EmptyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+var import_jsx_runtime103 = require("react/jsx-runtime");
+var EmptyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
   "svg",
   {
     width: "40",
@@ -10892,7 +11095,7 @@ var EmptyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
     className: "text-agg-muted-foreground",
     "aria-hidden": true,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         "path",
         {
           d: "M33.3333 5H6.66667C5.74619 5 5 5.74619 5 6.66667V33.3333C5 34.2538 5.74619 35 6.66667 35H33.3333C34.2538 35 35 34.2538 35 33.3333V6.66667C35 5.74619 34.2538 5 33.3333 5Z",
@@ -10902,7 +11105,7 @@ var EmptyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         "path",
         {
           d: "M14.1667 16.6667C15.5474 16.6667 16.6667 15.5474 16.6667 14.1667C16.6667 12.786 15.5474 11.6667 14.1667 11.6667C12.786 11.6667 11.6667 12.786 11.6667 14.1667C11.6667 15.5474 12.786 16.6667 14.1667 16.6667Z",
@@ -10912,7 +11115,7 @@ var EmptyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
           strokeLinejoin: "round"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         "path",
         {
           d: "M35 25L26.6667 16.6667L6.66667 36.6667",
@@ -10926,17 +11129,17 @@ var EmptyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
   }
 );
 var EmptyState = ({ title, description, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "div",
     {
       className: cn("flex flex-col items-center justify-center gap-8 p-10", className),
       role: "status",
       "aria-live": "polite",
-      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(EmptyIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center text-agg-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold", children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal", children: description }) : null
+      children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(EmptyIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center text-agg-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold", children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal", children: description }) : null
         ] })
       ] })
     }
@@ -10945,12 +11148,12 @@ var EmptyState = ({ title, description, className }) => {
 EmptyState.displayName = "EmptyState";
 
 // src/pages/user-profile/components/position-row.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var PositionRow = ({ position, onClick }) => {
   const handleClick = () => {
     onClick == null ? void 0 : onClick(position);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
     "button",
     {
       type: "button",
@@ -10961,10 +11164,10 @@ var PositionRow = ({ position, onClick }) => {
       ),
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(VenueLogo, { venue: position.venue, size: "small", className: "shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(VenueLogo, { venue: position.venue, size: "small", className: "shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
               "img",
               {
                 src: position.thumbnailSrc,
@@ -10972,21 +11175,21 @@ var PositionRow = ({ position, onClick }) => {
                 className: "h-[60px] w-[60px] shrink-0 rounded-agg-sm object-cover"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2 justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "min-w-full overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: position.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-4 py-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: position.outcomeLabel }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-black whitespace-nowrap", children: position.sharesLabel })
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2 justify-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "min-w-full overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: position.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "inline-flex items-center justify-center gap-1.5 rounded-full bg-agg-secondary-hover px-4 py-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: position.outcomeLabel }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-black whitespace-nowrap", children: position.sharesLabel })
               ] })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "w-[120px] shrink-0 agg-type-title text-agg-foreground", children: position.averageLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "w-[120px] shrink-0 agg-type-title text-agg-foreground", children: position.currentLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center gap-6 shrink-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex w-[140px] flex-col items-end justify-center gap-1 text-agg-base leading-agg-6 whitespace-nowrap", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "font-agg-sans font-agg-bold text-black", children: position.valueLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "w-[120px] shrink-0 agg-type-title text-agg-foreground", children: position.averageLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "w-[120px] shrink-0 agg-type-title text-agg-foreground", children: position.currentLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-6 shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex w-[140px] flex-col items-end justify-center gap-1 text-agg-base leading-agg-6 whitespace-nowrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "font-agg-sans font-agg-bold text-black", children: position.valueLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
               "p",
               {
                 className: cn(
@@ -10997,7 +11200,7 @@ var PositionRow = ({ position, onClick }) => {
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Icon, { name: "chevron-right", size: "small", className: "shrink-0 text-agg-muted-foreground" })
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Icon, { name: "chevron-right", size: "small", className: "shrink-0 text-agg-muted-foreground" })
         ] })
       ]
     }
@@ -11006,7 +11209,7 @@ var PositionRow = ({ position, onClick }) => {
 PositionRow.displayName = "PositionRow";
 
 // src/pages/user-profile/components/positions-activity.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var tabItems = [
   { value: USER_PROFILE_TAB_POSITIONS, label: "Positions" },
   { value: USER_PROFILE_TAB_ACTIVITY, label: "Activity" }
@@ -11039,7 +11242,7 @@ var PositionsActivity = ({
   const handleSearchChange = (event) => {
     setSearchValue(event.target.value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
     "div",
     {
       className: cn(
@@ -11047,7 +11250,7 @@ var PositionsActivity = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           Tabs,
           {
             items: tabItems,
@@ -11057,13 +11260,13 @@ var PositionsActivity = ({
             className: "w-full [&>div]:w-full"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex w-full flex-col gap-6 p-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-start gap-5", children: [
-            isPositionsTab ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex h-10 w-[270px] shrink-0 items-stretch overflow-clip rounded-agg-sm border border-agg-separator", children: USER_PROFILE_POSITION_FILTERS.map((filter, idx) => {
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex w-full flex-col gap-6 p-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex items-start gap-5", children: [
+            isPositionsTab ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "flex h-10 w-[270px] shrink-0 items-stretch overflow-clip rounded-agg-sm border border-agg-separator", children: USER_PROFILE_POSITION_FILTERS.map((filter, idx) => {
               const isActive = filter.value === positionFilter;
-              return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-1 items-stretch", children: [
-                idx > 0 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-px bg-agg-separator", "aria-hidden": true }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex flex-1 items-stretch", children: [
+                idx > 0 ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "w-px bg-agg-separator", "aria-hidden": true }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
                   "button",
                   {
                     type: "button",
@@ -11077,9 +11280,9 @@ var PositionsActivity = ({
                 )
               ] }, filter.value);
             }) }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("label", { className: "flex min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex h-10 w-full items-center gap-3 rounded-agg-sm border border-agg-separator bg-agg-secondary px-3 py-2.5 focus-within:border-2 focus-within:border-agg-primary", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Icon, { name: "search", size: "small", className: "shrink-0 text-agg-muted-foreground" }),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("label", { className: "flex min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex h-10 w-full items-center gap-3 rounded-agg-sm border border-agg-separator bg-agg-secondary px-3 py-2.5 focus-within:border-2 focus-within:border-agg-primary", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Icon, { name: "search", size: "small", className: "shrink-0 text-agg-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
                 "input",
                 {
                   value: searchValue,
@@ -11095,24 +11298,24 @@ var PositionsActivity = ({
               )
             ] }) })
           ] }),
-          isPositionsTab && filteredPositions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-6 px-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "min-w-0 flex-1 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Market" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "w-[120px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Average" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "w-[120px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Current" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "w-[184px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground text-right", children: "Value" })
+          isPositionsTab && filteredPositions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex items-center gap-6 px-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "min-w-0 flex-1 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Market" }),
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "w-[120px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Average" }),
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "w-[120px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Current" }),
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "w-[184px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground text-right", children: "Value" })
           ] }) : null,
-          !isPositionsTab && filteredActivities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-6 px-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "w-[60px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Type" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "min-w-0 flex-1 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Market" }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "w-[120px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground text-right", children: "Amount" })
+          !isPositionsTab && filteredActivities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex items-center gap-6 px-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "w-[60px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Type" }),
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "min-w-0 flex-1 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: "Market" }),
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "w-[120px] shrink-0 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground text-right", children: "Amount" })
           ] }) : null,
-          isPositionsTab ? filteredPositions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex flex-col gap-4", children: filteredPositions.map((position) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(PositionRow, { position, onClick: onPositionClick }, position.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          isPositionsTab ? filteredPositions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "flex flex-col gap-4", children: filteredPositions.map((position) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(PositionRow, { position, onClick: onPositionClick }, position.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
             EmptyState,
             {
               title: "No positions yet",
               description: "Your open trades will appear here once you place an order."
             }
-          ) : filteredActivities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex flex-col gap-4", children: filteredActivities.map((activity) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ActivityRow, { activity, onClick: onActivityClick }, activity.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          ) : filteredActivities.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "flex flex-col gap-4", children: filteredActivities.map((activity) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ActivityRow, { activity, onClick: onActivityClick }, activity.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
             EmptyState,
             {
               title: "No activity yet",
@@ -11127,9 +11330,9 @@ var PositionsActivity = ({
 PositionsActivity.displayName = "PositionsActivity";
 
 // src/pages/user-profile/components/default-avatar.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var DefaultAvatar = ({ className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -11140,15 +11343,15 @@ var DefaultAvatar = ({ className }) => {
       className: cn("shrink-0", className),
       "aria-hidden": true,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("g", { clipPath: "url(#clip0_default_avatar)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("g", { clipPath: "url(#clip0_default_avatar)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             "path",
             {
               d: "M60 120C93.1371 120 120 93.1371 120 60C120 26.8629 93.1371 0 60 0C26.8629 0 0 26.8629 0 60C0 93.1371 26.8629 120 60 120Z",
               fill: "white"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             "path",
             {
               d: "M60 120C93.1371 120 120 93.1371 120 60C120 26.8629 93.1371 0 60 0C26.8629 0 0 26.8629 0 60C0 93.1371 26.8629 120 60 120Z",
@@ -11156,7 +11359,7 @@ var DefaultAvatar = ({ className }) => {
               fillOpacity: "0.1"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             "path",
             {
               d: "M73.7338 64.1259C80.4187 59.6756 84.8276 52.0804 84.8276 43.4487C84.8276 29.7376 73.7111 18.6211 60 18.6211C46.2890 18.6211 35.1724 29.7376 35.1724 43.4487C35.1724 52.0804 39.5814 59.6756 46.2662 64.1259C46.2662 64.1259 46.2683 64.1280 46.2704 64.1280C46.2683 64.1280 46.2683 64.1259 46.2683 64.1259C30.2669 68.9487 17.8076 81.9356 13.7959 98.2742L13.7980 98.2763C14.4518 99.0645 15.1304 99.8342 15.8235 100.589C15.9911 100.774 16.1669 100.949 16.3387 101.129C16.8724 101.696 17.4124 102.255 17.9669 102.801C18.1966 103.027 18.4304 103.244 18.6642 103.465C19.1773 103.954 19.6966 104.436 20.2262 104.905C20.4890 105.137 20.7559 105.367 21.0207 105.594C21.5400 106.039 22.0656 106.476 22.6014 106.902C22.8828 107.127 23.1662 107.349 23.4497 107.570C23.9918 107.988 24.5421 108.394 25.0987 108.791C25.3862 108.996 25.6697 109.205 25.9614 109.405C26.5490 109.811 27.1469 110.200 27.7490 110.585C28.0200 110.756 28.2849 110.934 28.5580 111.104C29.2531 111.532 29.9607 111.942 30.6745 112.343C30.8628 112.449 31.0469 112.562 31.2373 112.666C32.1600 113.171 33.0973 113.655 34.0490 114.112C34.0718 114.122 34.0966 114.133 34.1193 114.143C35.0276 114.578 35.9504 114.989 36.8835 115.378C37.1731 115.500 37.4690 115.608 37.7607 115.724C38.4352 115.993 39.1097 116.258 39.7966 116.502C40.1607 116.632 40.5290 116.750 40.8952 116.874C41.5200 117.085 42.1490 117.290 42.7821 117.478C43.1835 117.598 43.5869 117.710 43.9924 117.822C44.6049 117.991 45.2214 118.153 45.8442 118.304C46.2642 118.405 46.6862 118.502 47.1104 118.596C47.7331 118.732 48.3580 118.856 48.9869 118.972C49.4131 119.051 49.8373 119.131 50.2676 119.200C50.9173 119.305 51.5711 119.394 52.2269 119.479C52.6407 119.533 53.0524 119.593 53.4683 119.636C54.1924 119.715 54.9228 119.771 55.6531 119.822C56.0069 119.847 56.3566 119.885 56.7104 119.903C57.8007 119.965 58.8952 120 60 120C61.1049 120 62.1993 119.965 63.2897 119.907C63.6435 119.889 63.9952 119.851 64.3469 119.827C65.0793 119.775 65.8097 119.719 66.5318 119.640C66.9476 119.595 67.3593 119.537 67.7731 119.483C68.4290 119.398 69.0828 119.309 69.7324 119.204C70.1607 119.134 70.5869 119.055 71.0131 118.976C71.6421 118.860 72.2690 118.736 72.8897 118.600C73.3138 118.507 73.7359 118.409 74.1559 118.308C74.7766 118.157 75.3931 117.996 76.0076 117.826C76.4111 117.714 76.8166 117.602 77.2180 117.482C77.8531 117.292 78.4800 117.087 79.1049 116.878C79.4711 116.754 79.8414 116.636 80.2035 116.506C80.8883 116.260 81.5649 115.997 82.2393 115.728C82.5311 115.612 82.8269 115.502 83.1166 115.382C84.0456 114.994 84.9642 114.586 85.8683 114.151C85.8952 114.139 85.9242 114.127 85.9511 114.114C86.9028 113.657 87.8400 113.173 88.7628 112.668C88.9531 112.565 89.1373 112.451 89.3256 112.345C90.0393 111.944 90.7469 111.534 91.4421 111.106C91.7152 110.938 91.9821 110.760 92.2511 110.587C92.8531 110.202 93.4511 109.811 94.0387 109.407C94.3283 109.207 94.6138 109.000 94.9014 108.793C95.4580 108.394 96.0083 107.988 96.5504 107.572C96.8359 107.353 97.1173 107.129 97.3987 106.904C97.9324 106.478 98.4600 106.041 98.9793 105.596C99.2462 105.369 99.5131 105.139 99.7738 104.907C100.303 104.438 100.823 103.956 101.336 103.467C101.568 103.246 101.803 103.027 102.033 102.803C102.588 102.257 103.130 101.698 103.661 101.131C103.831 100.949 104.007 100.774 104.177 100.591C104.870 99.8363 105.548 99.0666 106.202 98.2783L106.204 98.2763C102.195 81.9356 89.7352 68.9487 73.7338 64.1259Z",
@@ -11165,7 +11368,7 @@ var DefaultAvatar = ({ className }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("clipPath", { id: "clip0_default_avatar", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("rect", { width: "120", height: "120", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("clipPath", { id: "clip0_default_avatar", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("rect", { width: "120", height: "120", fill: "white" }) }) })
       ]
     }
   );
@@ -11173,7 +11376,7 @@ var DefaultAvatar = ({ className }) => {
 DefaultAvatar.displayName = "DefaultAvatar";
 
 // src/pages/user-profile/components/user-info-card.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var UserInfoCard = ({
   user,
   onEditProfile,
@@ -11183,54 +11386,54 @@ var UserInfoCard = ({
   const evmExchanges = ((_a = user.connectedExchanges) != null ? _a : []).filter((ex) => ex.venue !== "kalshi");
   const totalExchangeCount = (_c = (_b = user.connectedExchanges) == null ? void 0 : _b.length) != null ? _c : 0;
   const hasEvmExchanges = evmExchanges.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "div",
     {
       className: cn(
         "flex flex-col items-start rounded-agg-md border border-agg-separator bg-agg-secondary p-5",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex w-full items-start gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "shrink-0", children: user.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex w-full items-start gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "shrink-0", children: user.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           "img",
           {
             src: user.avatarUrl,
             alt: user.username,
             className: "h-[120px] w-[120px] rounded-full object-cover"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(DefaultAvatar, { className: "h-[120px] w-[120px]" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h2", { className: "agg-type-heading text-agg-foreground", children: user.username }),
-              user.socialLinks && user.socialLinks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex items-center gap-2", children: user.socialLinks.map((social) => {
+        ) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(DefaultAvatar, { className: "h-[120px] w-[120px]" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("h2", { className: "agg-type-heading text-agg-foreground", children: user.username }),
+              user.socialLinks && user.socialLinks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex items-center gap-2", children: user.socialLinks.map((social) => {
                 const iconName = social.platform === "twitter" ? "twitter" : social.platform === "discord" ? "discord" : "telegram";
-                return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
                   "span",
                   {
                     className: "flex size-8 shrink-0 items-center justify-center rounded-full border border-agg-separator bg-agg-secondary",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Icon, { name: iconName, size: "small", className: "text-agg-foreground" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { name: iconName, size: "small", className: "text-agg-foreground" })
                   },
                   social.platform
                 );
               }) }) : null
             ] }),
-            onEditProfile ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+            onEditProfile ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
               "button",
               {
                 type: "button",
                 onClick: onEditProfile,
                 className: "flex shrink-0 cursor-pointer items-center gap-1.5 bg-transparent text-agg-primary hover:opacity-80",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "text-agg-base font-agg-bold leading-6", children: "Edit" })
+                  /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { name: "pencil", size: "small", className: "text-agg-primary" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "text-agg-base font-agg-bold leading-6", children: "Edit" })
                 ]
               }
             ) : null
           ] }),
-          totalExchangeCount > 0 || user.socialHandle ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col gap-3", children: [
-            hasEvmExchanges ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex items-center", children: evmExchanges.map((exchange, idx) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+          totalExchangeCount > 0 || user.socialHandle ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col gap-3", children: [
+            hasEvmExchanges ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex items-center", children: evmExchanges.map((exchange, idx) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
                 "div",
                 {
                   className: cn(
@@ -11238,23 +11441,23 @@ var UserInfoCard = ({
                     idx > 0 && "-ml-2"
                   ),
                   style: { zIndex: evmExchanges.length - idx },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(VenueLogo, { venue: exchange.venue, size: "small", className: "h-5 w-5" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(VenueLogo, { venue: exchange.venue, size: "small", className: "h-5 w-5" })
                 },
                 `${exchange.venue}-${idx}`
               )) }),
-              user.displayAddress ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground", children: user.displayAddress }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { className: "text-agg-sm font-agg-normal leading-5 text-agg-muted-foreground", children: [
+              user.displayAddress ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground", children: user.displayAddress }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("span", { className: "text-agg-sm font-agg-normal leading-5 text-agg-muted-foreground", children: [
                   totalExchangeCount,
                   " exchange",
                   totalExchangeCount !== 1 ? "s" : ""
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Icon, { name: "info", size: "small", className: "text-agg-muted-foreground" })
+                /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Icon, { name: "info", size: "small", className: "text-agg-muted-foreground" })
               ] })
             ] }) : null,
-            user.socialHandle ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-3", children: [
-              user.socialHandleVenue ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden rounded-[4px]", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(VenueLogo, { venue: user.socialHandleVenue, size: "small", className: "h-5 w-5" }) }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground", children: user.socialHandle })
+            user.socialHandle ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-3", children: [
+              user.socialHandleVenue ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex h-5 w-5 shrink-0 items-center justify-center overflow-hidden rounded-[4px]", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(VenueLogo, { venue: user.socialHandleVenue, size: "small", className: "h-5 w-5" }) }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "text-agg-base font-agg-normal leading-6 text-agg-foreground", children: user.socialHandle })
             ] }) : null
           ] }) : null
         ] })
@@ -11265,7 +11468,7 @@ var UserInfoCard = ({
 UserInfoCard.displayName = "UserInfoCard";
 
 // src/pages/user-profile/index.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var UserProfilePage = ({
   user,
   venueBalances,
@@ -11282,7 +11485,7 @@ var UserProfilePage = ({
   onActivityClick,
   classNames
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "box-border w-full overflow-x-hidden p-10", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "box-border w-full overflow-x-hidden p-10", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
     "section",
     {
       className: cn(
@@ -11290,9 +11493,9 @@ var UserProfilePage = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: cn("flex items-stretch gap-6", classNames == null ? void 0 : classNames.topRow), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: cn("flex min-w-0 flex-1 flex-col gap-6", classNames == null ? void 0 : classNames.leftColumn), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: cn("flex items-stretch gap-6", classNames == null ? void 0 : classNames.topRow), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: cn("flex min-w-0 flex-1 flex-col gap-6", classNames == null ? void 0 : classNames.leftColumn), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
               UserInfoCard,
               {
                 user,
@@ -11300,7 +11503,7 @@ var UserProfilePage = ({
                 className: classNames == null ? void 0 : classNames.userInfoCard
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
               BalanceDisplay,
               {
                 balance,
@@ -11310,7 +11513,7 @@ var UserProfilePage = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "relative w-[465px] shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "relative w-[465px] shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
             BalancesCard,
             {
               venueBalances,
@@ -11320,7 +11523,7 @@ var UserProfilePage = ({
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
           PositionsActivity,
           {
             activePositions,
@@ -11468,6 +11671,7 @@ var placeOrderViewModelSchema = import_zod3.z.object({
   Settlement,
   ShieldTrustIcon,
   Skeleton,
+  StateMessage,
   StayInControlIcon,
   SwitchButton,
   Tabs,