@agg-build/ui 2.4.3 → 2.4.5

package/dist/index.js

@@ -1865,6 +1865,12 @@ var iconSizeClasses = {
   medium: "h-6 w-6",
   large: "h-8 w-8"
 };
+var iconSizePixels = {
+  xs: 12,
+  small: 16,
+  medium: 24,
+  large: 32
+};
 
 // src/primitives/search/search-empty-icon.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
@@ -3466,6 +3472,8 @@ var Icon = (_a) => {
     __spreadValues({
       color,
       className: cn("group/agg-icon", resolvedClassName),
+      width: iconSizePixels[size],
+      height: iconSizePixels[size],
       style: resolvedStyle
     }, props)
   );
@@ -5784,7 +5792,7 @@ EventListSkeletonView.displayName = "EventListSkeletonView";
 var import_hooks13 = require("@agg-build/hooks");
 
 // src/events/item-details/event-list-item-details.constants.ts
-var detailsBaseCardClassName = "w-full gap-6 p-5 md:gap-8";
+var detailsBaseCardClassName = "w-full gap-6 p-4 md:p-5 md:gap-8";
 
 // src/primitives/skeleton/views/event-list-item-details-skeleton-view.tsx
 var import_jsx_runtime101 = require("react/jsx-runtime");
@@ -9055,14 +9063,23 @@ var import_react14 = require("react");
 var import_react13 = require("react");
 var useHorizontalScrollState = () => {
   const containerRef = (0, import_react13.useRef)(null);
+  const [hasOverflow, setHasOverflow] = (0, import_react13.useState)(false);
+  const [isAtStart, setIsAtStart] = (0, import_react13.useState)(true);
+  const [isAtEnd, setIsAtEnd] = (0, import_react13.useState)(true);
   const [canScrollLeft, setCanScrollLeft] = (0, import_react13.useState)(false);
   const [canScrollRight, setCanScrollRight] = (0, import_react13.useState)(false);
   const update = (0, import_react13.useCallback)(() => {
     const el = containerRef.current;
     if (!el) return;
-    const maxScroll = el.scrollWidth - el.clientWidth;
-    setCanScrollLeft(el.scrollLeft > 4);
-    setCanScrollRight(maxScroll - el.scrollLeft > 4);
+    const epsilon = 2;
+    const nextHasOverflow = el.scrollWidth > el.clientWidth + epsilon;
+    const nextIsAtStart = el.scrollLeft <= epsilon;
+    const nextIsAtEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - epsilon;
+    setHasOverflow(nextHasOverflow);
+    setIsAtStart(nextIsAtStart);
+    setIsAtEnd(nextIsAtEnd);
+    setCanScrollLeft(nextHasOverflow && !nextIsAtStart);
+    setCanScrollRight(nextHasOverflow && !nextIsAtEnd);
   }, []);
   (0, import_react13.useEffect)(() => {
     const el = containerRef.current;
@@ -9078,7 +9095,15 @@ var useHorizontalScrollState = () => {
     ro.observe(el);
     return () => ro.disconnect();
   }, [update]);
-  return { containerRef, canScrollLeft, canScrollRight, update };
+  return {
+    containerRef,
+    hasOverflow,
+    isAtStart,
+    isAtEnd,
+    canScrollLeft,
+    canScrollRight,
+    update
+  };
 };
 
 // src/primitives/tabs/tabs.constants.ts
@@ -9173,6 +9198,9 @@ var Tabs = ({
   });
   const {
     containerRef: tabListRef,
+    hasOverflow,
+    isAtStart,
+    isAtEnd,
     canScrollLeft,
     canScrollRight,
     update: updateScrollState
@@ -9261,7 +9289,7 @@ var Tabs = ({
       "overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
       getMotionClassName(enableAnimations, "scroll-smooth")
     ) : "overflow-x-auto",
-    isBarVariant ? "items-start rounded-agg-lg border border-agg-separator p-1.5" : "h-15 border-b border-agg-separator -mb-[1px]",
+    isBarVariant ? "items-start rounded-agg-lg border border-agg-separator p-1.5" : "h-14 md:h-15 border-b border-agg-separator -mb-[1px]",
     shouldUseOverflowScroll && "select-none",
     shouldUseOverflowScroll && !isBarVariant && "snap-x snap-mandatory",
     shouldUseOverflowScroll && (isDraggingTabs ? "cursor-grabbing" : "cursor-grab")
@@ -9419,7 +9447,10 @@ var Tabs = ({
       left: Math.max(0, nextScrollLeft),
       behavior: getScrollBehavior(enableAnimations)
     });
-  }, [enableAnimations, renderedItems, shouldUseOverflowScroll, value]);
+    requestAnimationFrame(() => {
+      updateScrollState();
+    });
+  }, [enableAnimations, renderedItems, shouldUseOverflowScroll, updateScrollState, value]);
   if (shouldUseOverflowSelect) {
     return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
       Select,
@@ -9458,6 +9489,13 @@ var Tabs = ({
             onPointerUp: handleEndTabListDrag,
             onWheel: handleTabListWheel,
             children: [
+              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                "span",
+                {
+                  "aria-hidden": true,
+                  className: "agg-tab-scroll-start-spacer h-full w-4 shrink-0 snap-start"
+                }
+              ) : null,
               renderedItems.map((item, index) => {
                 var _a;
                 const isActive = item.value === value;
@@ -9492,6 +9530,7 @@ var Tabs = ({
                         isDisabled: !!item.disabled,
                         size
                       }),
+                      !isBarVariant && (size === "s" ? "px-3 md:px-4" : "h-14 px-3 md:h-15 md:px-4"),
                       shouldUseOverflowScroll && !isBarVariant && "snap-start",
                       classNames == null ? void 0 : classNames.tabTrigger
                     ),
@@ -9541,9 +9580,9 @@ var Tabs = ({
               "aria-hidden": true,
               className: cn(
                 "agg-tab-scroll-start",
-                "pointer-events-none absolute top-0 bottom-0 left-0 z-10 w-12 md:w-18 bg-linear-to-r from-agg-secondary via-agg-secondary to-transparent",
+                "pointer-events-none absolute inset-y-0 left-0 z-10 w-6 md:w-[60px] bg-linear-to-r from-agg-secondary to-transparent",
                 getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-                canScrollLeft ? "opacity-100" : "opacity-0"
+                hasOverflow && canScrollLeft && !isAtStart ? "opacity-100" : "opacity-0"
               )
             }
           ),
@@ -9553,9 +9592,9 @@ var Tabs = ({
               "aria-hidden": true,
               className: cn(
                 "agg-tab-scroll-end",
-                "pointer-events-none absolute top-0 right-0 bottom-0 z-10 w-12 md:w-18 bg-linear-to-l from-agg-secondary via-agg-secondary to-transparent",
+                "pointer-events-none absolute inset-y-0 right-0 z-10 w-6 md:w-[60px] bg-linear-to-l from-agg-secondary to-transparent",
                 getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-                canScrollRight ? "opacity-100" : "opacity-0"
+                hasOverflow && canScrollRight && !isAtEnd ? "opacity-100" : "opacity-0"
               )
             }
           )
@@ -11327,8 +11366,85 @@ var EventListItemNotFoundState = ({
   );
 };
 var OUTCOMES_SCROLL_LOAD_THRESHOLD_PX = 16;
+var OUTCOMES_SCROLL_STATE_EPSILON_PX = 1;
+var OUTCOMES_SCROLL_MASK_HEIGHT_PX = 24;
 var MARKET_ID_QUERY_PARAM = "marketId";
 var OUTCOME_ID_QUERY_PARAM = "outcomeId";
+var OUTCOME_ROW_SELECTOR = ".agg-outcome-row";
+var DEFAULT_OUTCOMES_SCROLL_STATE = {
+  hasOverflow: false,
+  isAtTop: true,
+  isAtBottom: true,
+  remainingMarkets: 0
+};
+var areOutcomesScrollStatesEqual = (left, right) => {
+  return left.hasOverflow === right.hasOverflow && left.isAtTop === right.isAtTop && left.isAtBottom === right.isAtBottom && left.remainingMarkets === right.remainingMarkets;
+};
+var useOutcomesScrollState = ({
+  totalMarketCount,
+  onReachScrollThreshold
+}) => {
+  const containerRef = (0, import_react18.useRef)(null);
+  const frameRef = (0, import_react18.useRef)(null);
+  const scrollStateRef = (0, import_react18.useRef)(DEFAULT_OUTCOMES_SCROLL_STATE);
+  const [scrollState, setScrollState] = (0, import_react18.useState)(
+    DEFAULT_OUTCOMES_SCROLL_STATE
+  );
+  const measureScrollState = (0, import_react18.useCallback)(() => {
+    frameRef.current = null;
+    const element = containerRef.current;
+    if (!element) return;
+    const { clientHeight, scrollHeight, scrollTop } = element;
+    const hasOverflow = scrollHeight > clientHeight + OUTCOMES_SCROLL_STATE_EPSILON_PX;
+    const isAtTop = scrollTop <= OUTCOMES_SCROLL_STATE_EPSILON_PX;
+    const isAtBottom = !hasOverflow || scrollTop + clientHeight >= scrollHeight - OUTCOMES_SCROLL_STATE_EPSILON_PX;
+    const loadedRows = Array.from(element.querySelectorAll(OUTCOME_ROW_SELECTOR));
+    const visibleMarketCount = loadedRows.reduce((count, row) => {
+      return count + (row.offsetTop < clientHeight - OUTCOMES_SCROLL_STATE_EPSILON_PX ? 1 : 0);
+    }, 0);
+    const remainingMarkets = hasOverflow ? Math.max(0, totalMarketCount - visibleMarketCount) : 0;
+    const nextScrollState = {
+      hasOverflow,
+      isAtTop,
+      isAtBottom,
+      remainingMarkets
+    };
+    if (!areOutcomesScrollStatesEqual(scrollStateRef.current, nextScrollState)) {
+      scrollStateRef.current = nextScrollState;
+      setScrollState(nextScrollState);
+    }
+    const distanceToBottom = scrollHeight - scrollTop - clientHeight;
+    if (distanceToBottom <= OUTCOMES_SCROLL_LOAD_THRESHOLD_PX) {
+      onReachScrollThreshold == null ? void 0 : onReachScrollThreshold();
+    }
+  }, [onReachScrollThreshold, totalMarketCount]);
+  const updateScrollState = (0, import_react18.useCallback)(() => {
+    if (frameRef.current != null) return;
+    frameRef.current = window.requestAnimationFrame(measureScrollState);
+  }, [measureScrollState]);
+  (0, import_react18.useEffect)(() => {
+    const element = containerRef.current;
+    if (!element) return;
+    element.addEventListener("scroll", updateScrollState, { passive: true });
+    let resizeObserver = null;
+    if (typeof ResizeObserver !== "undefined") {
+      resizeObserver = new ResizeObserver(() => {
+        updateScrollState();
+      });
+      resizeObserver.observe(element);
+    }
+    updateScrollState();
+    return () => {
+      element.removeEventListener("scroll", updateScrollState);
+      resizeObserver == null ? void 0 : resizeObserver.disconnect();
+      if (frameRef.current != null) {
+        window.cancelAnimationFrame(frameRef.current);
+        frameRef.current = null;
+      }
+    };
+  }, [updateScrollState]);
+  return { containerRef, scrollState, updateScrollState };
+};
 var buildOutcomeMidpointsByOutcomeId = (midpointRows) => {
   const outcomeMidpointsByOutcomeId = /* @__PURE__ */ new Map();
   const addOutcomeMidpoints = (value) => {
@@ -11495,6 +11611,31 @@ var EventListItemContent = ({
   const matchedCountLabel = labels.eventItem.matchedCount(
     Math.max(resolvedVenueCount, visibleFooterVenues.length)
   );
+  const handleOutcomesScrollThreshold = (0, import_react18.useCallback)(() => {
+    if (!shouldEnableLazyMarketLoading) return;
+    if (!isLazyMarketsQueryEnabled) {
+      setIsLazyMarketsQueryEnabled(true);
+      return;
+    }
+    if (!hasNextLazyMarketsPage) return;
+    if (isLoadingLazyMarkets || isFetchingNextLazyMarketsPage) return;
+    void fetchNextLazyMarketsPage();
+  }, [
+    fetchNextLazyMarketsPage,
+    hasNextLazyMarketsPage,
+    isFetchingNextLazyMarketsPage,
+    isLazyMarketsQueryEnabled,
+    isLoadingLazyMarkets,
+    shouldEnableLazyMarketLoading
+  ]);
+  const {
+    containerRef: outcomesContainerRef,
+    scrollState: outcomesScrollState,
+    updateScrollState
+  } = useOutcomesScrollState({
+    totalMarketCount: resolvedMarketCount,
+    onReachScrollThreshold: handleOutcomesScrollThreshold
+  });
   const shouldUseNativeLinkNavigation3 = (eventToHandle) => {
     return eventToHandle.metaKey || eventToHandle.ctrlKey || eventToHandle.shiftKey || eventToHandle.altKey || eventToHandle.button === 1;
   };
@@ -11546,29 +11687,9 @@ var EventListItemContent = ({
       onEventClick == null ? void 0 : onEventClick(event);
     }
   };
-  const handleOutcomesScroll = (0, import_react18.useCallback)(
-    (eventToHandle) => {
-      if (!shouldEnableLazyMarketLoading) return;
-      const element = eventToHandle.currentTarget;
-      const distanceToBottom = element.scrollHeight - element.scrollTop - element.clientHeight;
-      if (distanceToBottom > OUTCOMES_SCROLL_LOAD_THRESHOLD_PX) return;
-      if (!isLazyMarketsQueryEnabled) {
-        setIsLazyMarketsQueryEnabled(true);
-        return;
-      }
-      if (!hasNextLazyMarketsPage) return;
-      if (isLoadingLazyMarkets || isFetchingNextLazyMarketsPage) return;
-      void fetchNextLazyMarketsPage();
-    },
-    [
-      fetchNextLazyMarketsPage,
-      hasNextLazyMarketsPage,
-      isFetchingNextLazyMarketsPage,
-      isLazyMarketsQueryEnabled,
-      isLoadingLazyMarkets,
-      shouldEnableLazyMarketLoading
-    ]
-  );
+  (0, import_react18.useEffect)(() => {
+    updateScrollState();
+  }, [comparison.rows.length, shouldRenderLoadingOutcomeRow, updateScrollState]);
   const renderArbitrage = (value) => {
     if (value == null) return null;
     if (Math.abs(value) < config.market.arbitrageThreshold) return null;
@@ -11753,69 +11874,94 @@ var EventListItemContent = ({
             ) }) : null
           ] }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
-          "div",
-          {
-            className: cn(
-              "agg-outcomes flex max-h-[76px] flex-col gap-4 overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
-              classNames == null ? void 0 : classNames.outcomes
-            ),
-            onScroll: handleOutcomesScroll,
-            children: [
-              comparison.rows.map((row) => {
-                var _a2;
-                const arbitragePercent = (_a2 = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[row.outcome.id]) != null ? _a2 : arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[row.market.id];
-                const arbReturn = arbReturnByVenueMarketId.get(row.market.id);
-                const priceGapPercent = arbReturn == null ? gapsByVenueMarketId.get(row.market.id) : arbReturn;
-                const priceGapSource = arbReturn == null ? "percent" : "fraction";
-                return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
-                  "div",
-                  {
-                    className: cn(
-                      "agg-outcome-row",
-                      "flex h-10 w-full flex-row items-center justify-between gap-3",
-                      classNames == null ? void 0 : classNames.outcomeRow
-                    ),
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "agg-outcome-label-row flex min-w-0 flex-1 flex-row items-center justify-start gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
-                        Typography,
-                        {
-                          variant: "body",
-                          className: "agg-outcome-label min-w-0 truncate text-agg-xs leading-agg-5 md:text-agg-base md:leading-agg-6",
-                          children: row.label
-                        }
-                      ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "agg-outcome-meta flex shrink-0 flex-row items-center justify-end gap-2", children: [
-                        renderArbitrage(arbitragePercent),
-                        renderPriceGapPill(priceGapPercent, priceGapSource),
-                        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "agg-outcome-price-strip relative flex shrink-0 items-center justify-end", children: isAwaitingMidpoints ? renderPriceStripSkeleton(row.prices.length) : row.prices.map(
-                          (price, priceIndex) => renderComparisonPriceBadge(row, price, priceIndex)
-                        ) })
-                      ] })
-                    ]
-                  },
-                  row.id
-                );
-              }),
-              shouldRenderLoadingOutcomeRow ? /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "agg-outcome-row-loading flex w-full items-center justify-between gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
-                  "div",
-                  {
-                    "aria-hidden": "true",
-                    className: "bg-agg-separator animate-pulse h-5 rounded-agg-sm w-[200px]"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
-                  "div",
-                  {
-                    "aria-hidden": "true",
-                    className: "bg-agg-separator animate-pulse h-9 w-[100px] rounded-agg-full"
-                  }
-                )
-              ] }) : null
-            ]
-          }
-        ),
+        /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "relative w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+            "div",
+            {
+              ref: outcomesContainerRef,
+              className: cn(
+                "agg-outcomes flex max-h-[76px] flex-col gap-4 overflow-y-auto rounded-agg-md [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary",
+                classNames == null ? void 0 : classNames.outcomes
+              ),
+              "aria-label": labels.marketDetails.marketOutcomesAria,
+              tabIndex: 0,
+              children: [
+                comparison.rows.map((row) => {
+                  var _a2;
+                  const arbitragePercent = (_a2 = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[row.outcome.id]) != null ? _a2 : arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[row.market.id];
+                  const arbReturn = arbReturnByVenueMarketId.get(row.market.id);
+                  const priceGapPercent = arbReturn == null ? gapsByVenueMarketId.get(row.market.id) : arbReturn;
+                  const priceGapSource = arbReturn == null ? "percent" : "fraction";
+                  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+                    "div",
+                    {
+                      className: cn(
+                        "agg-outcome-row",
+                        "flex h-10 w-full flex-row items-center justify-between gap-3",
+                        classNames == null ? void 0 : classNames.outcomeRow
+                      ),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "agg-outcome-label-row flex min-w-0 flex-1 flex-row items-center justify-start gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+                          Typography,
+                          {
+                            variant: "body",
+                            className: "agg-outcome-label min-w-0 truncate text-agg-xs leading-agg-5 md:text-agg-base md:leading-agg-6",
+                            children: row.label
+                          }
+                        ) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "agg-outcome-meta flex shrink-0 flex-row items-center justify-end gap-2", children: [
+                          renderArbitrage(arbitragePercent),
+                          renderPriceGapPill(priceGapPercent, priceGapSource),
+                          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "agg-outcome-price-strip relative flex shrink-0 items-center justify-end", children: isAwaitingMidpoints ? renderPriceStripSkeleton(row.prices.length) : row.prices.map(
+                            (price, priceIndex) => renderComparisonPriceBadge(row, price, priceIndex)
+                          ) })
+                        ] })
+                      ]
+                    },
+                    row.id
+                  );
+                }),
+                shouldRenderLoadingOutcomeRow ? /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "agg-outcome-row-loading flex w-full items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+                    "div",
+                    {
+                      "aria-hidden": "true",
+                      className: "bg-agg-separator animate-pulse h-5 rounded-agg-sm w-[200px]"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+                    "div",
+                    {
+                      "aria-hidden": "true",
+                      className: "bg-agg-separator animate-pulse h-9 w-[100px] rounded-agg-full"
+                    }
+                  )
+                ] }) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+            "div",
+            {
+              className: cn(
+                "agg-outcomes-scroll-gradient-top pointer-events-none absolute inset-x-0 top-0 z-10 bg-gradient-to-b from-agg-secondary to-transparent transition-opacity duration-150",
+                outcomesScrollState.hasOverflow && !outcomesScrollState.isAtTop ? "opacity-100" : "opacity-0"
+              ),
+              style: { height: OUTCOMES_SCROLL_MASK_HEIGHT_PX }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+            "div",
+            {
+              className: cn(
+                "agg-outcomes-scroll-gradient-bottom pointer-events-none absolute inset-x-0 bottom-0 z-10 bg-gradient-to-t from-agg-secondary to-transparent transition-opacity duration-150",
+                outcomesScrollState.hasOverflow && !outcomesScrollState.isAtBottom ? "opacity-100" : "opacity-0"
+              ),
+              style: { height: OUTCOMES_SCROLL_MASK_HEIGHT_PX }
+            }
+          )
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
           "div",
           {
@@ -11833,6 +11979,14 @@ var EventListItemContent = ({
                     "agg-event-meta flex min-w-0 flex-1 items-center gap-2 text-agg-sm leading-agg-5 truncate"
                   ),
                   children: [
+                    outcomesScrollState.remainingMarkets > 0 ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+                      Typography,
+                      {
+                        variant: "body",
+                        className: "agg-event-remaining-markets shrink-0 text-agg-sm leading-agg-5 text-agg-muted-foreground",
+                        children: labels.eventItem.remainingMarkets(outcomesScrollState.remainingMarkets)
+                      }
+                    ) : null,
                     shouldShowMatchedVenueSummary ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "agg-event-matched-badge rounded-agg-full bg-agg-primary/10 px-2 py-[3px] text-agg-2xs font-agg-bold uppercase leading-agg-14 text-agg-primary", children: matchedCountLabel }) : null,
                     singleFooterVenue ? /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("span", { className: "agg-event-single-venue flex min-w-0 items-center gap-1 overflow-hidden", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
@@ -13890,13 +14044,6 @@ var parseSettlementBlocks = (input) => {
   }
   return blocks;
 };
-var getFirstSettlementParagraph = (input) => {
-  if (!input) return "";
-  const blocks = parseSettlementBlocks(input);
-  const firstParagraph = blocks.find((block) => block.kind === "paragraph");
-  if (!firstParagraph || firstParagraph.kind !== "paragraph") return "";
-  return firstParagraph.lines.join(" ").trim();
-};
 var normalizeSettlementForCompare = (input) => {
   return stripHtmlFragments(input).replace(/\s+/g, " ").trim().toLowerCase();
 };
@@ -14132,7 +14279,13 @@ var mergePerVenueValues = (current, next) => {
 };
 var prepareSettlementDifferences = (differences) => {
   const byCanonicalKey = /* @__PURE__ */ new Map();
-  for (const [originalIndex, difference] of (differences != null ? differences : []).entries()) {
+  for (const [originalIndex, rawDifference] of (differences != null ? differences : []).entries()) {
+    const title2 = rawDifference.title.trim();
+    const perVenue = Object.fromEntries(
+      Object.entries(rawDifference.perVenue).map(([venue, value]) => [venue.trim(), value.trim()]).filter(([venue, value]) => venue.length > 0 && value.length > 0)
+    );
+    if (!title2 || Object.keys(perVenue).length === 0) continue;
+    const difference = __spreadProps(__spreadValues({}, rawDifference), { title: title2, perVenue });
     const canonicalKey = resolveCanonicalDifferenceKey(difference);
     if (hasEqualNormalizedDateValues(difference, canonicalKey)) continue;
     const existing = byCanonicalKey.get(canonicalKey);
@@ -14187,17 +14340,76 @@ var resolveDifferenceIconClassName = (canonicalKey) => {
   return "fi-rr-info";
 };
 var buildSettlementVenueRules = ({
-  eventBlock,
   marketBlock,
   primaryRulesBlock,
+  settlementVenues,
   settlementVenueRules
 }) => {
-  if (settlementVenueRules) return settlementVenueRules;
-  const content = [marketBlock == null ? void 0 : marketBlock.content, primaryRulesBlock == null ? void 0 : primaryRulesBlock.content, eventBlock == null ? void 0 : eventBlock.content].filter((value) => typeof value === "string" && value.trim().length > 0).join("\n\n");
-  return content ? [{ venue: "polymarket", content }] : [];
+  var _a, _b;
+  if (settlementVenueRules) {
+    const rulesByVenue = /* @__PURE__ */ new Map();
+    for (const rule of settlementVenueRules) {
+      const venue2 = rule.venue.trim();
+      const content2 = rule.content.trim();
+      if (!venue2 || !content2) continue;
+      const venueRules = (_a = rulesByVenue.get(venue2)) != null ? _a : [];
+      if (!venueRules.includes(content2)) venueRules.push(content2);
+      rulesByVenue.set(venue2, venueRules);
+    }
+    return Array.from(rulesByVenue, ([venue2, contents]) => ({
+      venue: venue2,
+      content: contents.join("\n\n")
+    }));
+  }
+  const content = [marketBlock == null ? void 0 : marketBlock.content, primaryRulesBlock == null ? void 0 : primaryRulesBlock.content].filter((value) => typeof value === "string" && value.trim().length > 0).join("\n\n");
+  const venue = (_b = settlementVenues == null ? void 0 : settlementVenues.find((candidate) => candidate.trim().length > 0)) == null ? void 0 : _b.trim();
+  return content && venue ? [{ venue, content }] : [];
+};
+var isDuplicatedByVenueRules = (content, venueRules) => {
+  const normalizedContent = normalizeSettlementForCompare(content);
+  if (!normalizedContent) return false;
+  return venueRules.some((rule) => {
+    const normalizedRule = normalizeSettlementForCompare(rule.content);
+    return normalizedRule.includes(normalizedContent);
+  });
 };
-var getSettlementHeaderClassName = () => {
-  return "flex items-center justify-between gap-4";
+var SettlementVenueRules = ({
+  rules,
+  labels
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "agg-settlement-venue-rules flex w-full flex-col items-start gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementFullRulesTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "flex w-full flex-col items-start gap-4", children: rules.map((rule) => {
+      const venueLabel = resolveSettlementVenueLabel(rule.venue, labels);
+      return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("details", { className: "group/agg-settlement-rule w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("summary", { className: "flex cursor-pointer list-none items-center gap-2 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors marker:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+            VenueLogo,
+            {
+              venue: rule.venue,
+              size: "small",
+              className: "size-4",
+              ariaLabel: venueLabel
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", { className: "text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors", children: venueLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+            "i",
+            {
+              className: cn(
+                "fi fi-rr-angle-small-down text-[14px]!",
+                "group-open/agg-settlement-rule:rotate-180",
+                "size-3.5! shrink-0 text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-[colors,transform]"
+              ),
+              style: { fontSize: 14 },
+              "aria-hidden": "true"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(SettlementTextRenderer, { content: rule.content }) })
+      ] }, rule.venue);
+    }) })
+  ] });
 };
 var Settlement = ({
   className,
@@ -14231,13 +14443,20 @@ var Settlement = ({
   const primaryRulesBlock = (_c = blocks.find((block) => block.key === "primaryRules")) != null ? _c : null;
   const venueRuleBlocks = (0, import_react22.useMemo)(
     () => buildSettlementVenueRules({
-      eventBlock,
       marketBlock,
       primaryRulesBlock,
+      settlementVenues,
       settlementVenueRules
     }),
-    [eventBlock, marketBlock, primaryRulesBlock, settlementVenueRules]
-  );
+    [marketBlock, primaryRulesBlock, settlementVenues, settlementVenueRules]
+  );
+  const hasSettlementDifferences = settlementDifferences.length > 0;
+  const hasVenueSettlementRules = venueRuleBlocks.length > 0;
+  const standaloneEventBlock = eventBlock && !isDuplicatedByVenueRules(eventBlock.content, venueRuleBlocks) ? eventBlock : null;
+  const standaloneMarketBlock = hasVenueSettlementRules ? null : marketBlock;
+  const standalonePrimaryRulesBlock = hasVenueSettlementRules ? null : primaryRulesBlock;
+  const hasStandaloneSettlementText = hasVenueSettlementRules ? standaloneEventBlock !== null : blocks.length > 0;
+  const hasSettlementContent = hasSettlementDifferences || hasVenueSettlementRules || hasStandaloneSettlementText;
   const defaultOpenDifferenceKey = (_e = (_d = settlementDifferences[0]) == null ? void 0 : _d.canonicalKey) != null ? _e : null;
   const [openDifferenceKeys, setOpenDifferenceKeys] = (0, import_react22.useState)(
     () => defaultOpenDifferenceKey ? [defaultOpenDifferenceKey] : []
@@ -14260,25 +14479,51 @@ var Settlement = ({
       }
     );
   }
+  if (!hasSettlementContent) return null;
   const resolvedSectionLabel = sectionLabel === defaultSettlementSectionLabel ? labels.trading.settlementSection : sectionLabel;
-  if (settlementDifferences.length > 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
-      Card,
-      {
-        id,
-        className: cn(
-          "group/agg-settlement-card",
-          "flex w-full flex-col items-start gap-4 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 shadow-none hover:shadow-none sm:gap-5",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "agg-settlement-header flex w-full flex-col items-start gap-1 text-agg-muted-foreground sm:flex-row sm:items-center sm:justify-between sm:gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase", children: resolvedSectionLabel }),
-            question ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "agg-settlement-question min-w-0 text-agg-sm font-agg-normal leading-agg-5 sm:max-w-[314px] sm:truncate", children: question }) : null
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "agg-settlement-differences flex w-full flex-col items-start gap-5", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+    Card,
+    {
+      id,
+      className: cn(
+        "group/agg-settlement-card",
+        "flex w-full flex-col items-start gap-4 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 shadow-none hover:shadow-none sm:gap-5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "agg-settlement-header flex w-full flex-col items-start gap-1 text-agg-muted-foreground sm:flex-row sm:items-center sm:justify-between sm:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase", children: resolvedSectionLabel }),
+          question ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "agg-settlement-question min-w-0 text-agg-sm font-agg-normal leading-agg-5 sm:max-w-[314px] sm:truncate", children: question }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "agg-settlement-sections flex w-full flex-col items-start gap-5", children: [
+          hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "w-full", children: [
+            standaloneEventBlock || standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+              "div",
+              {
+                className: "agg-settlement-section agg-settlement-section-description",
+                "data-source": "description",
+                children: [
+                  standaloneEventBlock ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { "data-source": "eventDescription", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(SettlementTextRenderer, { content: standaloneEventBlock.content }) }) : null,
+                  standaloneEventBlock && standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
+                  standaloneMarketBlock ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { "data-source": "marketDescription", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(SettlementTextRenderer, { content: standaloneMarketBlock.content }) }) : null
+                ]
+              }
+            ) : null,
+            standalonePrimaryRulesBlock ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+              "div",
+              {
+                className: "agg-settlement-section agg-settlement-section-primaryRules",
+                "data-source": "primaryRules",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "agg-settlement-section-label text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground mb-2", children: labels.trading.settlementPrimaryRulesLabel }),
+                  /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(SettlementTextRenderer, { content: standalonePrimaryRulesBlock.content })
+                ]
+              }
+            ) : null
+          ] }) : null,
+          hasSettlementDifferences ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "agg-settlement-differences flex w-full flex-col items-start gap-5", children: [
             /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: "Key differences" }),
+              /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementDifferencesTitle }),
               /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary text-[10px] font-agg-bold leading-[14px] text-agg-on-primary", children: settlementDifferences.length })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "flex w-full flex-col items-start gap-5", children: settlementDifferences.map((difference) => {
@@ -14294,7 +14539,7 @@ var Settlement = ({
                       "button",
                       {
                         type: "button",
-                        className: "flex w-full cursor-pointer items-start gap-2 text-left",
+                        className: "flex w-full cursor-pointer items-center gap-2 text-left group/agg-settlement-difference",
                         "aria-expanded": isExpanded,
                         onClick: () => handleToggleDifference(difference.canonicalKey),
                         children: [
@@ -14309,12 +14554,16 @@ var Settlement = ({
                               "aria-hidden": "true"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "min-w-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground break-words [overflow-wrap:anywhere]", children: difference.title }),
+                          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "min-w-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-difference:text-agg-muted-foreground transition-colors break-words [overflow-wrap:anywhere]", children: difference.title }),
                           /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-                            Icon,
+                            "i",
                             {
-                              name: isExpanded ? "chevron-up" : "chevron-down",
-                              className: "size-4! mt-0.5 shrink-0 text-agg-foreground",
+                              className: cn(
+                                "fi fi-rr-angle-small-down text-[14px]!",
+                                isExpanded && "rotate-180",
+                                "size-3.5! shrink-0 text-agg-foreground group-hover/agg-settlement-difference:text-agg-muted-foreground transition-[colors,transform]"
+                              ),
+                              style: { fontSize: 14 },
                               "aria-hidden": "true"
                             }
                           )
@@ -14343,80 +14592,12 @@ var Settlement = ({
                 },
                 difference.canonicalKey
               );
-            }) }),
-            venueRuleBlocks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: "Full rules by venue" }),
-              /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "flex w-full flex-col items-start gap-4", children: venueRuleBlocks.map((rule) => {
-                const venueLabel = resolveSettlementVenueLabel(rule.venue, labels);
-                return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("details", { className: "group/agg-settlement-rule w-full", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("summary", { className: "flex cursor-pointer list-none items-center gap-2 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground marker:hidden", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-                      VenueLogo,
-                      {
-                        venue: rule.venue,
-                        size: "small",
-                        className: "size-4",
-                        ariaLabel: venueLabel
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", { children: venueLabel }),
-                    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
-                      Icon,
-                      {
-                        name: "chevron-down",
-                        className: "size-4! shrink-0 text-agg-foreground transition-transform group-open/agg-settlement-rule:rotate-180",
-                        "aria-hidden": "true"
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(SettlementTextRenderer, { content: rule.content }) })
-                ] }, rule.venue);
-              }) })
-            ] }) : null
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
-    Card,
-    {
-      id,
-      className: cn(
-        "group/agg-settlement-card",
-        "flex flex-col w-full gap-5 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 shadow-none hover:shadow-none",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: cn("agg-settlement-header", getSettlementHeaderClassName()), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground", children: resolvedSectionLabel }),
-          question ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "agg-settlement-question text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: question }) : null
-        ] }),
-        blocks.length === 0 && settlementDifferences.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "agg-settlement-empty text-agg-sm leading-agg-5 text-agg-muted-foreground", children: labels.trading.settlementEmpty }) : /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "agg-settlement-sections flex flex-col gap-4", children: [
-          eventBlock || marketBlock ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
-            "div",
-            {
-              className: "agg-settlement-section agg-settlement-section-description",
-              "data-source": "description",
-              children: [
-                eventBlock ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { "data-source": "eventDescription", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(SettlementTextRenderer, { content: eventBlock.content }) }) : null,
-                eventBlock && marketBlock ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
-                marketBlock ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { "data-source": "marketDescription", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(SettlementTextRenderer, { content: marketBlock.content }) }) : null
-              ]
-            }
-          ) : null,
-          primaryRulesBlock ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
-            "div",
-            {
-              className: "agg-settlement-section agg-settlement-section-primaryRules",
-              "data-source": "primaryRules",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("p", { className: "agg-settlement-section-label text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground mb-2", children: labels.trading.settlementPrimaryRulesLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(SettlementTextRenderer, { content: primaryRulesBlock.content })
-              ]
-            }
-          ) : null
+            }) })
+          ] }) : null,
+          hasVenueSettlementRules ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, { children: [
+            hasSettlementDifferences || hasStandaloneSettlementText ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "h-px w-full bg-agg-separator" }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(SettlementVenueRules, { rules: venueRuleBlocks, labels })
+          ] }) : null
         ] })
       ]
     }
@@ -14427,18 +14608,16 @@ Settlement.displayName = "Settlement";
 // src/events/item-details/settlement-summary.tsx
 var import_jsx_runtime141 = require("react/jsx-runtime");
 var SettlementSummary = ({
-  content,
   settlementDiff,
   settlementSectionId = SETTLEMENT_SECTION_ID,
   className
 }) => {
   const labels = (0, import_hooks47.useLabels)();
-  const firstParagraph = (0, import_react23.useMemo)(() => getFirstSettlementParagraph(content), [content]);
   const settlementDifferences = (0, import_react23.useMemo)(
     () => prepareSettlementDifferences(settlementDiff == null ? void 0 : settlementDiff.differences),
     [settlementDiff == null ? void 0 : settlementDiff.differences]
   );
-  if (!firstParagraph && settlementDifferences.length === 0) return null;
+  if (settlementDifferences.length === 0) return null;
   const handleReadFullDetails = (event) => {
     event.preventDefault();
     event.stopPropagation();
@@ -14447,20 +14626,6 @@ var SettlementSummary = ({
     if (!target) return;
     target.scrollIntoView({ behavior: "smooth", block: "start" });
   };
-  const handleDifferencePillClick = (event, canonicalKey) => {
-    event.preventDefault();
-    event.stopPropagation();
-    if (typeof document === "undefined") return;
-    const target = document.getElementById(
-      getSettlementDifferenceId(settlementSectionId, canonicalKey)
-    );
-    if (!target) return;
-    const trigger = target.querySelector("button[aria-expanded]");
-    if ((trigger == null ? void 0 : trigger.getAttribute("aria-expanded")) === "false") {
-      trigger.click();
-    }
-    target.scrollIntoView({ behavior: "smooth", block: "start" });
-  };
   const actionButton = /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
     "button",
     {
@@ -14475,85 +14640,59 @@ var SettlementSummary = ({
       onClick: handleReadFullDetails,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { children: labels.settlementSummary.readFullDetails }),
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Icon, { name: "chevron-down", className: "size-[14px]", "aria-hidden": "true" })
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+          "i",
+          {
+            className: "fi fi-rr-arrow-small-down size-3.5!",
+            "aria-hidden": "true",
+            style: { fontSize: 14 }
+          }
+        )
       ]
     }
   );
-  if (settlementDifferences.length > 0) {
-    const visibleDifferences = settlementDifferences.slice(0, 2);
-    const hiddenDifferenceCount = settlementDifferences.length - visibleDifferences.length;
-    return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
-      "div",
-      {
-        className: cn(
-          "agg-settlement-summary flex w-full flex-wrap items-start justify-between gap-x-4 gap-y-2",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex min-w-[240px] flex-1 flex-wrap items-center gap-x-5 gap-y-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "agg-settlement-summary-heading flex shrink-0 items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: labels.settlementSummary.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary text-[10px] font-agg-bold leading-[14px] text-agg-on-primary", children: settlementDifferences.length })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "agg-settlement-summary-pills flex min-w-[240px] flex-1 flex-wrap items-center gap-2", children: [
-              visibleDifferences.map((difference) => /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
-                "button",
-                {
-                  type: "button",
-                  className: cn(
-                    "flex h-6 max-w-full shrink-0 cursor-pointer items-center gap-2 rounded-agg-full bg-agg-secondary-hover px-3 py-1 text-agg-xs font-agg-normal leading-agg-4 text-agg-foreground sm:max-w-[220px]",
-                    "hover:opacity-80",
-                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary"
-                  ),
-                  onClick: (event) => handleDifferencePillClick(event, difference.canonicalKey),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
-                      "i",
-                      {
-                        className: cn(
-                          "fi",
-                          resolveDifferenceIconClassName(difference.canonicalKey),
-                          "inline-flex size-3 shrink-0 items-center justify-center text-[12px] leading-none text-agg-muted-foreground"
-                        ),
-                        "aria-hidden": "true"
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "min-w-0 truncate", children: difference.title })
-                  ]
-                },
-                difference.canonicalKey
-              )),
-              hiddenDifferenceCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("span", { className: "flex h-6 shrink-0 items-center rounded-agg-full bg-agg-secondary-hover px-3 py-1 text-agg-xs font-agg-normal leading-agg-4 text-agg-foreground", children: [
-                "+",
-                hiddenDifferenceCount
-              ] }) : null
-            ] })
-          ] }),
-          actionButton
-        ]
-      }
-    );
-  }
+  const visibleDifferences = settlementDifferences.slice(0, 2);
+  const hiddenDifferenceCount = settlementDifferences.length - visibleDifferences.length;
   return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
     "div",
     {
       className: cn(
-        "agg-settlement-summary flex w-full items-center justify-between gap-4",
+        "agg-settlement-summary flex w-full flex-wrap items-start justify-between gap-x-4 gap-y-2",
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "agg-settlement-summary-row flex min-w-0 flex-1 items-center gap-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "agg-settlement-summary-heading flex shrink-0 items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: labels.settlementSummary.title }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
-            "p",
-            {
-              className: cn(
-                "agg-settlement-summary-text",
-                "min-w-0 flex-1 truncate text-agg-sm leading-agg-5 text-agg-foreground"
-              ),
-              children: firstParagraph
-            }
-          )
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex min-w-[240px] flex-1 flex-wrap items-center gap-x-5 gap-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "agg-settlement-summary-heading flex shrink-0 items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: labels.settlementSummary.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary text-[10px] font-agg-bold leading-[14px] text-agg-on-primary", children: settlementDifferences.length })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "agg-settlement-summary-pills flex min-w-[240px] flex-1 flex-wrap items-center gap-2", children: [
+            visibleDifferences.map((difference) => /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
+              "span",
+              {
+                className: "flex h-6 max-w-full shrink-0 items-center gap-2 rounded-agg-full bg-agg-secondary-hover px-3 py-1 text-agg-xs font-agg-normal leading-agg-4 text-agg-foreground sm:max-w-[220px]",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+                    "i",
+                    {
+                      className: cn(
+                        "fi",
+                        resolveDifferenceIconClassName(difference.canonicalKey),
+                        "inline-flex size-3 shrink-0 items-center justify-center text-[12px] leading-none text-agg-muted-foreground"
+                      ),
+                      "aria-hidden": "true"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "min-w-0 truncate", children: difference.title })
+                ]
+              },
+              difference.canonicalKey
+            )),
+            hiddenDifferenceCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("span", { className: "flex h-6 shrink-0 items-center rounded-agg-full bg-agg-secondary-hover px-3 py-1 text-agg-xs font-agg-normal leading-agg-4 text-agg-foreground", children: [
+              "+",
+              hiddenDifferenceCount
+            ] }) : null
+          ] })
         ] }),
         actionButton
       ]
@@ -17199,7 +17338,7 @@ var MarketDetailsContent = ({
                           value: selectedTab === "other" ? "order-book" : selectedTab,
                           onChange: (nextValue) => setSelectedTab(nextValue),
                           variant: "underline",
-                          className: "agg-market-tabs w-full px-5"
+                          className: "agg-market-tabs flex! w-full px-5"
                         }
                       ) }),
                       /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "h-px w-full bg-agg-separator" })
@@ -17569,7 +17708,7 @@ MarketDetailsList.displayName = "MarketDetailsList";
 
 // src/events/list/index.tsx
 var import_hooks53 = require("@agg-build/hooks");
-var import_sdk15 = require("@agg-build/sdk");
+var import_sdk16 = require("@agg-build/sdk");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
 var import_react31 = require("react");
 
@@ -17692,6 +17831,7 @@ CategorySidebar.displayName = "CategorySidebar";
 
 // src/events/list/event-list-tabs.tsx
 var import_hooks52 = require("@agg-build/hooks");
+var import_sdk15 = require("@agg-build/sdk");
 var import_react30 = require("react");
 
 // src/events/list/event-list.constants.ts
@@ -17716,12 +17856,6 @@ var getDefaultEventListTabs = (labels) => {
       venueLogo: import_sdk14.Venue.polymarket,
       venues: [import_sdk14.Venue.polymarket]
     },
-    {
-      value: import_sdk14.Venue.kalshi,
-      label: labels.venues.kalshi,
-      venueLogo: import_sdk14.Venue.kalshi,
-      venues: [import_sdk14.Venue.kalshi]
-    },
     {
       value: import_sdk14.Venue.limitless,
       label: labels.venues.limitless,
@@ -17785,6 +17919,7 @@ var useEventListTabs = (tabs) => {
     const baseTabs = tabs != null ? tabs : getDefaultEventListTabs(labels);
     return baseTabs.flatMap((tab) => {
       if (!tab.venueLogo) return [tab];
+      if (!(0, import_sdk15.isVenueActive)(tab.venueLogo)) return [];
       const availabilityState = (0, import_hooks52.getVenueAvailabilityState)({
         venueId: tab.venueLogo,
         disabledVenues,
@@ -17977,7 +18112,7 @@ var EventList = ({
   const isDiscoveryFiltersEnabled = enableVenueEventDiscoveryFilters && !search;
   const resolvedTabs = useEventListTabs();
   const visibleVenues = (0, import_react31.useMemo)(
-    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks53.getVisibleVenueIdsByConfig)(import_sdk15.VENUES, disabledVenues),
+    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks53.getVisibleVenueIdsByConfig)(import_sdk16.VENUES, disabledVenues),
     [disabledVenues]
   );
   const [activeTabValue, setActiveTabValue] = (0, import_react31.useState)(
@@ -18435,7 +18570,7 @@ EventList.displayName = "EventList";
 
 // src/pages/home/index.tsx
 var import_hooks65 = require("@agg-build/hooks");
-var import_sdk18 = require("@agg-build/sdk");
+var import_sdk19 = require("@agg-build/sdk");
 var import_react45 = require("react");
 
 // src/pages/event-market/index.tsx
@@ -18443,10 +18578,10 @@ var import_hooks64 = require("@agg-build/hooks");
 var import_react42 = require("react");
 
 // src/trading/types.ts
-var import_sdk16 = require("@agg-build/sdk");
-var isVenue = (0, import_sdk16.enumGuard)(import_sdk16.Venue);
-var parseVenue = (v) => (0, import_sdk16.safeParse)(v, isVenue);
-var parseAmount = (v) => (0, import_sdk16.safeParse)(v, import_sdk16.isFiniteNonNeg);
+var import_sdk17 = require("@agg-build/sdk");
+var isVenue = (0, import_sdk17.enumGuard)(import_sdk17.Venue);
+var parseVenue = (v) => (0, import_sdk17.safeParse)(v, isVenue);
+var parseAmount = (v) => (0, import_sdk17.safeParse)(v, import_sdk17.isFiniteNonNeg);
 
 // src/trading/settlement/settlement-details.tsx
 var import_hooks54 = require("@agg-build/hooks");
@@ -18454,33 +18589,57 @@ var import_jsx_runtime151 = require("react/jsx-runtime");
 var hasContent = (value) => {
   return typeof value === "string" && value.trim().length > 0;
 };
+var buildVenueSettlementRules = (venueMarkets) => {
+  var _a;
+  const contentByVenue = /* @__PURE__ */ new Map();
+  for (const venueMarket of venueMarkets) {
+    const content = [venueMarket.description, venueMarket.rulesPrimary, venueMarket.rulesSecondary].filter(hasContent).map((value) => value.trim());
+    if (content.length === 0) continue;
+    const venueContent = (_a = contentByVenue.get(venueMarket.venue)) != null ? _a : [];
+    for (const value of content) {
+      if (!venueContent.includes(value)) venueContent.push(value);
+    }
+    contentByVenue.set(venueMarket.venue, venueContent);
+  }
+  return Array.from(contentByVenue, ([venue, content]) => ({
+    venue,
+    content: content.join("\n\n")
+  }));
+};
 var SettlementDetails = ({ className }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f;
   const tradingContext = (0, import_hooks54.useEventTradingContext)();
   const selectedEvent = (_a = tradingContext == null ? void 0 : tradingContext.selectedEvent) != null ? _a : null;
   const selectedMarket = (_b = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b : null;
   if (!selectedEvent) return null;
-  if (!selectedMarket) return null;
+  const activeMarket = selectedMarket != null ? selectedMarket : (0, import_hooks54.resolveDefaultTradingMarket)(selectedEvent);
+  if (!activeMarket) return null;
+  const allVenueMarkets = normalizeVenueMarketCluster(selectedEvent.venueMarkets);
+  const activeMarketCluster = normalizeVenueMarketCluster(
+    selectedEvent.venueMarkets,
+    activeMarket.id
+  );
+  const activeMarketIds = new Set(activeMarketCluster.map((market) => market.id));
+  const orderedActiveMarketCluster = allVenueMarkets.filter(
+    (market) => activeMarketIds.has(market.id)
+  );
   const eventDescription = (_c = selectedEvent.description) != null ? _c : null;
-  const marketDescription = (_d = selectedMarket.description) != null ? _d : null;
-  const primaryRules = (_e = selectedMarket.rulesPrimary) != null ? _e : null;
+  const marketDescription = (_d = activeMarket.description) != null ? _d : null;
+  const primaryRules = (_e = activeMarket.rulesPrimary) != null ? _e : null;
   const settlementDiff = (_f = selectedEvent.settlementDiff) != null ? _f : null;
   const settlementVenues = Array.from(
-    new Set(selectedEvent.venueMarkets.map((market) => market.venue))
-  );
-  const selectedMarketRuleContent = [
-    selectedMarket.description,
-    selectedMarket.rulesPrimary,
-    selectedMarket.rulesSecondary
-  ].filter(hasContent).join("\n\n");
-  const settlementVenueRules = selectedMarketRuleContent ? [{ venue: selectedMarket.venue, content: selectedMarketRuleContent }] : [];
-  if (!hasContent(eventDescription) && !hasContent(marketDescription) && !hasContent(primaryRules) && ((_g = settlementDiff == null ? void 0 : settlementDiff.differences.length) != null ? _g : 0) === 0) {
+    new Set(orderedActiveMarketCluster.map((market) => market.venue))
+  );
+  const settlementVenueRules = buildVenueSettlementRules(orderedActiveMarketCluster);
+  const hasSettlementDifferences = prepareSettlementDifferences(settlementDiff == null ? void 0 : settlementDiff.differences).length > 0;
+  const hasVenueSettlementRules = settlementVenueRules.length > 0;
+  if (!hasContent(eventDescription) && !hasVenueSettlementRules && !hasSettlementDifferences) {
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "agg-settlement-list flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "agg-settlement-list-item", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
     Settlement,
     {
-      question: (_h = selectedMarket.question) != null ? _h : selectedEvent.title,
+      question: selectedEvent.title,
       eventDescription,
       marketDescription,
       primaryRules,
@@ -18937,7 +19096,7 @@ var enableExecutionDebugInBrowser = (initial) => {
 };
 
 // src/trading/place-order/index.place-order.execution-steps.ts
-var import_sdk17 = require("@agg-build/sdk");
+var import_sdk18 = require("@agg-build/sdk");
 var WAIT_STEP_TYPES = /* @__PURE__ */ new Set(["_wait", "wait"]);
 var CHECKING_BALANCE_STEP_TYPES = /* @__PURE__ */ new Set([
   "check-balance",
@@ -18948,14 +19107,14 @@ var CHECKING_BALANCE_STEP_TYPES = /* @__PURE__ */ new Set([
 var VENUE_BUY_SELL_REGEX = /^(?:buy|sell)-([a-z]+)$/;
 var VENUE_FINALIZE_REGEX = /^([a-z]+)-finalize$/;
 var VENUE_NAME_MAP = {
-  kalshi: import_sdk17.Venue.kalshi,
-  polymarket: import_sdk17.Venue.polymarket,
-  limitless: import_sdk17.Venue.limitless,
-  opinion: import_sdk17.Venue.opinion,
-  predict: import_sdk17.Venue.predict,
-  probable: import_sdk17.Venue.probable,
-  myriad: import_sdk17.Venue.myriad,
-  hyperliquid: import_sdk17.Venue.hyperliquid
+  kalshi: import_sdk18.Venue.kalshi,
+  polymarket: import_sdk18.Venue.polymarket,
+  limitless: import_sdk18.Venue.limitless,
+  opinion: import_sdk18.Venue.opinion,
+  predict: import_sdk18.Venue.predict,
+  probable: import_sdk18.Venue.probable,
+  myriad: import_sdk18.Venue.myriad,
+  hyperliquid: import_sdk18.Venue.hyperliquid
 };
 var parseVenueName = (raw) => VENUE_NAME_MAP[raw];
 var NON_VENUE_FINALIZE_PREFIXES = /* @__PURE__ */ new Set(["bridge"]);
@@ -19136,6 +19295,10 @@ var extractGeoBlockedVenues = (warnings) => {
     warnings.filter((w) => w.venue && isGeoBlockWarningReason(w.reason)).map((w) => w.venue)
   );
 };
+var hasLowLiquidityWarning = (warnings) => {
+  if (!(warnings == null ? void 0 : warnings.length)) return false;
+  return warnings.some((warning) => (warning == null ? void 0 : warning.reason) === "low_liquidity");
+};
 var getPlaceOrderContainerClassName = () => {
   return PLACE_ORDER_CONTAINER_CLASS_NAME;
 };
@@ -22102,6 +22265,7 @@ var PlaceOrder = ({
     return fills.length > 0 && fills.every((f) => geoBlockedVenuesFromWarnings.has(f.venue));
   }, [selectedRouteCard, geoBlockedVenuesFromWarnings]);
   const shouldShowGeoBlockBanner = isTradingBlocked || selectedRouteGeoBlocked || isPrimaryVenueGeoBlocked;
+  const shouldShowLowLiquidityWarning = !isQuoteInputEditing && !isQuoteLoading && (activeQuoteData == null ? void 0 : activeQuoteData.venueMarketOutcomeId) === scopedSelectedOutcomeId && hasLowLiquidityWarning(activeQuoteData.warnings);
   const actionLabel = `${internalTab === "buy" ? tradingLabels.buy : tradingLabels.sell} ${selectedOutcomeLabel}`.trim();
   const isActionDisabled = isPrimaryActionDisabled || !orderEligibility.canPlaceOrder || isActionLoading || !hasEnteredAmount || !scopedSelectedMarket || isInsufficientBalance || isQuoteInsufficientBalance || isBelowMinimum || isQuoteLoading || !selectedRouteCard || !selectedRouteCard.quoteData.quoteId || selectedRouteGeoBlocked || !isAuthenticated || quoteStatus !== void 0;
   const shouldShowSmartRouting = orderEligibility.canPlaceOrder && hasEnteredAmount && !isBelowMinimum && (orderedRouteCards.length > 0 || smartRoute.isFetching || smartRoute.isLoading);
@@ -22908,6 +23072,25 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
+                  shouldShowLowLiquidityWarning ? /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(
+                    "div",
+                    {
+                      className: "agg-order-low-liquidity-warning flex w-full items-center gap-2 rounded-agg-lg bg-agg-warning/10 px-3 py-2",
+                      role: "status",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+                          Icon,
+                          {
+                            name: "warning-filled",
+                            size: "small",
+                            className: "h-4! w-4! shrink-0 text-agg-warning",
+                            "aria-hidden": "true"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("p", { className: "min-w-0 flex-1 wrap-break-word text-agg-sm leading-agg-5 text-agg-foreground", children: tradingLabels.lowLiquidityWarning })
+                      ]
+                    }
+                  ) : null,
                   !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
                     /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
                       Icon,
@@ -25656,7 +25839,7 @@ var HomeSearchResults = ({
   const eventListTabs = useEventListTabs();
   const { headerRef, titleRef, shouldUseSelectOverflow } = useEventListTabsHeaderOverflow(eventListTabs);
   const visibleVenues = (0, import_react45.useMemo)(
-    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks65.getVisibleVenueIdsByConfig)(import_sdk18.VENUES, disabledVenues),
+    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks65.getVisibleVenueIdsByConfig)(import_sdk19.VENUES, disabledVenues),
     [disabledVenues]
   );
   const activeVenueTab = (0, import_react45.useMemo)(() => {
@@ -26143,7 +26326,7 @@ HomePage.displayName = "HomePage";
 
 // src/pages/user-profile/index.tsx
 var import_hooks71 = require("@agg-build/hooks");
-var import_sdk20 = require("@agg-build/sdk");
+var import_sdk21 = require("@agg-build/sdk");
 var import_react47 = require("react");
 
 // src/pages/user-profile/chain-display.ts
@@ -26382,17 +26565,17 @@ AvailableBalanceCard.displayName = "AvailableBalanceCard";
 
 // src/pages/user-profile/components/claim-activity-breakdown-modal.tsx
 var import_hooks67 = require("@agg-build/hooks");
-var import_sdk19 = require("@agg-build/sdk");
+var import_sdk20 = require("@agg-build/sdk");
 var import_jsx_runtime164 = require("react/jsx-runtime");
 var CLAIM_VENUE_LABELS = {
-  [import_sdk19.Venue.kalshi]: "Kalshi",
-  [import_sdk19.Venue.polymarket]: "Polymarket",
-  [import_sdk19.Venue.limitless]: "Limitless",
-  [import_sdk19.Venue.opinion]: "Opinion",
-  [import_sdk19.Venue.predict]: "Predict",
-  [import_sdk19.Venue.probable]: "Probable",
-  [import_sdk19.Venue.myriad]: "Myriad",
-  [import_sdk19.Venue.hyperliquid]: "Hyperliquid"
+  [import_sdk20.Venue.kalshi]: "Kalshi",
+  [import_sdk20.Venue.polymarket]: "Polymarket",
+  [import_sdk20.Venue.limitless]: "Limitless",
+  [import_sdk20.Venue.opinion]: "Opinion",
+  [import_sdk20.Venue.predict]: "Predict",
+  [import_sdk20.Venue.probable]: "Probable",
+  [import_sdk20.Venue.myriad]: "Myriad",
+  [import_sdk20.Venue.hyperliquid]: "Hyperliquid"
 };
 var ClaimActivityBreakdownModal = ({
   activity,
@@ -27299,10 +27482,6 @@ EmptyState.displayName = "EmptyState";
 // src/pages/user-profile/components/position-row.tsx
 var import_hooks68 = require("@agg-build/hooks");
 var import_jsx_runtime167 = require("react/jsx-runtime");
-var floorToTwoDecimals = (value) => {
-  if (!Number.isFinite(value) || value <= 0) return 0;
-  return Math.trunc(value * 100) / 100;
-};
 var shouldUseNativeLinkNavigation2 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
 };
@@ -27315,32 +27494,21 @@ var OutcomePill = ({ label: label2 }) => /* @__PURE__ */ (0, import_jsx_runtime1
 var ResolutionPill = ({ label: label2 }) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("span", { className: "agg-position-resolution-pill inline-flex w-full items-center justify-center overflow-hidden rounded-full bg-agg-secondary-hover px-4 py-[6px] md:w-auto", children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("span", { className: "truncate whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: label2 }) });
 var VenueShares = ({
   model,
-  totalSharesLabel,
   className,
   keyPrefix
 }) => {
-  if (!totalSharesLabel && model.venueShareBreakdown.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)("div", { className: cn(className, "gap-2"), children: [
-    model.venueShareBreakdown.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("div", { className: "flex items-center gap-1", children: model.venueShareBreakdown.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
-      Tooltip,
-      {
-        content: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("span", { children: row.sharesLabel }),
-        "aria-label": `${row.venue} shares`,
-        side: "top",
-        children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(
-          "span",
-          {
-            tabIndex: 0,
-            className: "cursor-help rounded-agg-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary",
-            "aria-label": `${row.venue} shares`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(VenueLogo, { venue: row.venue, size: "small", className: "size-4 shrink-0" })
-          }
-        )
-      },
-      `${keyPrefix}-${row.venue}-${String(index)}`
-    )) }) : null,
-    totalSharesLabel ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: totalSharesLabel }) : null
-  ] });
+  if (model.venueShareBreakdown.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("div", { className: cn(className, "gap-x-3 gap-y-2"), children: model.venueShareBreakdown.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime167.jsxs)(
+    "div",
+    {
+      className: "flex min-w-0 max-w-full items-center gap-1",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime167.jsx)(VenueLogo, { venue: row.venue, size: "small", className: "size-4 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("span", { className: "truncate whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: row.sharesLabel })
+      ]
+    },
+    `${keyPrefix}-${row.venue}-${row.sharesLabel}-${String(index)}`
+  )) });
 };
 var StatusBadge = ({
   status,
@@ -27457,7 +27625,6 @@ var PositionRow = ({
     finalPrefix: labels.finalPrefix
   });
   const isClosed = (variant != null ? variant : model.bucket) === "closed";
-  const totalSharesLabel = typeof position.totalShares === "number" && Number.isFinite(position.totalShares) ? `${String(floorToTwoDecimals(position.totalShares))} shares` : null;
   const handleClaim = (event) => {
     event.preventDefault();
     event.stopPropagation();
@@ -27518,7 +27685,6 @@ var PositionRow = ({
                   VenueShares,
                   {
                     model,
-                    totalSharesLabel,
                     keyPrefix: "desktop",
                     className: "agg-position-venues flex flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2"
                   }
@@ -27533,7 +27699,6 @@ var PositionRow = ({
           VenueShares,
           {
             model,
-            totalSharesLabel,
             keyPrefix: "mobile",
             className: "agg-position-venues flex min-w-0 flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2 md:hidden"
           }
@@ -28672,10 +28837,10 @@ var toRedeemTransactions = (item) => {
   });
 };
 var POSITION_ROW_VENUE_ORDER = [
-  import_sdk20.Venue.polymarket,
-  import_sdk20.Venue.kalshi,
-  import_sdk20.Venue.opinion,
-  import_sdk20.Venue.limitless
+  import_sdk21.Venue.polymarket,
+  import_sdk21.Venue.kalshi,
+  import_sdk21.Venue.opinion,
+  import_sdk21.Venue.limitless
 ];
 function venueBreakdownSortKey(venue) {
   const idx = POSITION_ROW_VENUE_ORDER.indexOf(venue);
@@ -28689,7 +28854,19 @@ function buildVenueShareBreakdown(outcome) {
   if (breakdown.length === 0) {
     return [];
   }
-  const sorted = [...breakdown].sort(
+  const aggregatedByVenue = breakdown.reduce(
+    (acc, row) => {
+      const existing = acc.get(row.venue);
+      if (existing) {
+        existing.size += row.size;
+        return acc;
+      }
+      acc.set(row.venue, { venue: row.venue, size: row.size });
+      return acc;
+    },
+    /* @__PURE__ */ new Map()
+  );
+  const sorted = [...aggregatedByVenue.values()].sort(
     (a, b) => venueBreakdownSortKey(a.venue) - venueBreakdownSortKey(b.venue)
   );
   return sorted.map((row) => ({
@@ -31771,7 +31948,7 @@ var import_hooks91 = require("@agg-build/hooks");
 var Dialog7 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/onboarding/onboarding-modal.constants.ts
-var import_sdk21 = require("@agg-build/sdk");
+var import_sdk22 = require("@agg-build/sdk");
 var HOW_IT_WORKS_FEATURE_KEYS = [
   "createAccount",
   "linkAccounts",
@@ -31783,7 +31960,11 @@ var ONBOARDING_STEPS = {
   PROFILE_SETUP: 1,
   CONNECT_ACCOUNTS: 2
 };
-var ONCHAIN_VENUES = [import_sdk21.Venue.polymarket, import_sdk21.Venue.opinion, import_sdk21.Venue.predict];
+var ONCHAIN_VENUES = [
+  import_sdk22.Venue.polymarket,
+  import_sdk22.Venue.opinion,
+  import_sdk22.Venue.predict
+].filter(import_sdk22.isVenueActive);
 
 // src/onboarding/steps/how-it-works.tsx
 var import_react52 = require("react");
@@ -32003,7 +32184,6 @@ var ProfileSetupStep = ({ onContinue }) => {
 ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
-var import_sdk22 = require("@agg-build/sdk");
 var import_hooks88 = require("@agg-build/hooks");
 var import_jsx_runtime190 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
@@ -32074,51 +32254,27 @@ var VenueCard = ({
 };
 var ConnectAccountsStep = ({
   onConnectOnchain,
-  onConnectKalshi,
   onContinue,
-  connectedOnchain = false,
-  connectedKalshi = false
+  connectedOnchain = false
 }) => {
   const labels = (0, import_hooks88.useLabels)();
-  const canContinue = connectedOnchain || connectedKalshi;
+  const canContinue = connectedOnchain;
   return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
-        VenueCard,
-        {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(OnchainVenueLogos, {}),
-          title: labels.onboarding.connectAccounts.onchainTitle,
-          mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
-            ONCHAIN_VENUES.length - 1
-          ),
-          description: labels.onboarding.connectAccounts.onchainDescription,
-          mobileDescription: labels.onboarding.connectAccounts.onchainMobileDescription,
-          onConnect: onConnectOnchain,
-          connected: connectedOnchain
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
-        VenueCard,
-        {
-          logos: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { className: "sm:flex sm:w-14 sm:items-center sm:justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
-            VenueLogo,
-            {
-              venue: import_sdk22.Venue.kalshi,
-              variant: "logo",
-              size: "large",
-              className: "h-6 w-6 sm:h-9 sm:w-9"
-            }
-          ) }),
-          title: labels.onboarding.connectAccounts.kalshiTitle,
-          mobileTitle: labels.onboarding.connectAccounts.kalshiMobileTitle,
-          description: labels.onboarding.connectAccounts.kalshiDescription,
-          mobileDescription: labels.onboarding.connectAccounts.kalshiMobileDescription,
-          onConnect: onConnectKalshi,
-          connected: connectedKalshi
-        }
-      )
-    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
+      VenueCard,
+      {
+        logos: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(OnchainVenueLogos, {}),
+        title: labels.onboarding.connectAccounts.onchainTitle,
+        mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
+          ONCHAIN_VENUES.length - 1
+        ),
+        description: labels.onboarding.connectAccounts.onchainDescription,
+        mobileDescription: labels.onboarding.connectAccounts.onchainMobileDescription,
+        onConnect: onConnectOnchain,
+        connected: connectedOnchain
+      }
+    ) }),
     /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
       Button,
       {
@@ -32134,27 +32290,135 @@ var ConnectAccountsStep = ({
 };
 ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
-// src/onboarding/steps/connect-kalshi-modal.tsx
-var import_sdk23 = require("@agg-build/sdk");
+// src/onboarding/steps/connect-onchain-modal.tsx
 var import_react54 = require("react");
 var import_hooks89 = require("@agg-build/hooks");
 var Dialog5 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime191 = require("react/jsx-runtime");
-var ConnectKalshiModal = ({
+var ConnectOnchainModal = ({
   open,
   onOpenChange,
-  onVerify
+  onConnect
 }) => {
   const labels = (0, import_hooks89.useLabels)();
-  const [apiKeyId, setApiKeyId] = (0, import_react54.useState)("");
-  const [privateKey, setPrivateKey] = (0, import_react54.useState)("");
-  const [verifying, setVerifying] = (0, import_react54.useState)(false);
+  const [connecting, setConnecting] = (0, import_react54.useState)(false);
   const [error, setError] = (0, import_react54.useState)();
-  const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
   const handleCancel = (0, import_react54.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleVerify = (0, import_react54.useCallback)(() => __async(null, null, function* () {
+  const handleConnect = (0, import_react54.useCallback)(() => __async(null, null, function* () {
+    if (connecting) return;
+    setConnecting(true);
+    setError(void 0);
+    try {
+      yield onConnect();
+      onOpenChange(false);
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : labels.onboarding.connectOnchainModal.fallbackError
+      );
+    } finally {
+      setConnecting(false);
+    }
+  }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
+  const handleOpenChange = (0, import_react54.useCallback)(
+    (value) => {
+      if (value) {
+        setError(void 0);
+        setConnecting(false);
+      }
+      onOpenChange(value);
+    },
+    [onOpenChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(
+    Modal.Container,
+    {
+      maxWidth: "600px",
+      "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
+      classNames: { container: "!rounded-agg-lg" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Dialog5.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+          Modal.Header,
+          {
+            hideClose: false,
+            hideBorder: true,
+            classNames: {
+              root: "!min-h-0",
+              container: "!py-[18px] !px-8"
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime191.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_runtime191.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_runtime191.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_runtime191.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_runtime191.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+            ] }, venue)) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+              ] }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+                Button,
+                {
+                  variant: "primary",
+                  size: "large",
+                  onClick: handleConnect,
+                  isLoading: connecting,
+                  children: labels.onboarding.connectOnchainModal.connect
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+              Button,
+              {
+                variant: "tertiary",
+                size: "medium",
+                className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
+                onClick: handleCancel,
+                children: labels.onboarding.connectOnchainModal.cancel
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+};
+ConnectOnchainModal.displayName = "ConnectOnchainModal";
+
+// src/onboarding/steps/connect-kalshi-modal.tsx
+var import_sdk23 = require("@agg-build/sdk");
+var import_react55 = require("react");
+var import_hooks90 = require("@agg-build/hooks");
+var Dialog6 = __toESM(require("@radix-ui/react-dialog"));
+var import_jsx_runtime192 = require("react/jsx-runtime");
+var ConnectKalshiModal = ({
+  open,
+  onOpenChange,
+  onVerify
+}) => {
+  const labels = (0, import_hooks90.useLabels)();
+  const [apiKeyId, setApiKeyId] = (0, import_react55.useState)("");
+  const [privateKey, setPrivateKey] = (0, import_react55.useState)("");
+  const [verifying, setVerifying] = (0, import_react55.useState)(false);
+  const [error, setError] = (0, import_react55.useState)();
+  const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
+  const handleCancel = (0, import_react55.useCallback)(() => {
+    onOpenChange(false);
+  }, [onOpenChange]);
+  const handleVerify = (0, import_react55.useCallback)(() => __async(null, null, function* () {
     if (!canVerify || verifying) return;
     setVerifying(true);
     setError(void 0);
@@ -32183,7 +32447,7 @@ var ConnectKalshiModal = ({
     privateKey,
     verifying
   ]);
-  const handleOpenChange = (0, import_react54.useCallback)(
+  const handleOpenChange = (0, import_react55.useCallback)(
     (value) => {
       if (value) {
         setApiKeyId("");
@@ -32195,15 +32459,15 @@ var ConnectKalshiModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Dialog5.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(Dialog6.Title, { className: "sr-only", children: labels.onboarding.connectKalshiModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -32214,8 +32478,8 @@ var ConnectKalshiModal = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
             VenueLogo,
             {
               venue: import_sdk23.Venue.kalshi,
@@ -32224,54 +32488,54 @@ var ConnectKalshiModal = ({
               className: "h-[60px] w-[60px]"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
+          /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime191.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_runtime191.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_runtime192.jsxs)("div", { className: "flex flex-col gap-4 w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime192.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_runtime192.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_runtime191.jsxs)("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("p", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "space-y-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
+                  /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("span", { className: "text-agg-foreground underline", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime191.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_runtime191.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_runtime192.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-lg bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime192.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_runtime192.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_runtime191.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -32279,7 +32543,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
                   "input",
                   {
                     id: "kalshi-api-key-id",
@@ -32299,8 +32563,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -32308,7 +32572,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -32330,42 +32594,42 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime192.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_runtime191.jsx)(DocumentIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(DocumentIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.docsLinkLabel
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime192.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_runtime191.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(PlaySquareIcon, { className: "h-4 w-4" }),
                     labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex flex-col gap-5 items-center", children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-              /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex flex-col gap-5 items-center", children: [
+            error ? /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+              /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: "flex items-center gap-3 justify-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
-              /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex items-center gap-3 justify-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(Button, { variant: "secondary", size: "large", onClick: handleCancel, children: labels.onboarding.connectKalshiModal.actions.cancel }),
+              /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -32385,114 +32649,6 @@ var ConnectKalshiModal = ({
 };
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
-// src/onboarding/steps/connect-onchain-modal.tsx
-var import_react55 = require("react");
-var import_hooks90 = require("@agg-build/hooks");
-var Dialog6 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime192 = require("react/jsx-runtime");
-var ConnectOnchainModal = ({
-  open,
-  onOpenChange,
-  onConnect
-}) => {
-  const labels = (0, import_hooks90.useLabels)();
-  const [connecting, setConnecting] = (0, import_react55.useState)(false);
-  const [error, setError] = (0, import_react55.useState)();
-  const handleCancel = (0, import_react55.useCallback)(() => {
-    onOpenChange(false);
-  }, [onOpenChange]);
-  const handleConnect = (0, import_react55.useCallback)(() => __async(null, null, function* () {
-    if (connecting) return;
-    setConnecting(true);
-    setError(void 0);
-    try {
-      yield onConnect();
-      onOpenChange(false);
-    } catch (err) {
-      setError(
-        err instanceof Error ? err.message : labels.onboarding.connectOnchainModal.fallbackError
-      );
-    } finally {
-      setConnecting(false);
-    }
-  }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = (0, import_react55.useCallback)(
-    (value) => {
-      if (value) {
-        setError(void 0);
-        setConnecting(false);
-      }
-      onOpenChange(value);
-    },
-    [onOpenChange]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)(
-    Modal.Container,
-    {
-      maxWidth: "600px",
-      "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
-      classNames: { container: "!rounded-agg-lg" },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(Dialog6.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
-          Modal.Header,
-          {
-            hideClose: false,
-            hideBorder: true,
-            classNames: {
-              root: "!min-h-0",
-              container: "!py-[18px] !px-8"
-            }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime192.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_runtime192.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_runtime192.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_runtime192.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_runtime192.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
-            ] }, venue)) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ (0, import_jsx_runtime192.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ (0, import_jsx_runtime192.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
-              ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
-                Button,
-                {
-                  variant: "primary",
-                  size: "large",
-                  onClick: handleConnect,
-                  isLoading: connecting,
-                  children: labels.onboarding.connectOnchainModal.connect
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime192.jsx)(
-              Button,
-              {
-                variant: "tertiary",
-                size: "medium",
-                className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
-                onClick: handleCancel,
-                children: labels.onboarding.connectOnchainModal.cancel
-              }
-            )
-          ] })
-        ] }) })
-      ]
-    }
-  ) });
-};
-ConnectOnchainModal.displayName = "ConnectOnchainModal";
-
 // src/onboarding/index.tsx
 var import_jsx_runtime193 = require("react/jsx-runtime");
 var OnboardingModal = ({
@@ -32500,11 +32656,9 @@ var OnboardingModal = ({
   onOpenChange,
   onProfileSubmit,
   onConnectOnchain,
-  onConnectKalshi,
   onComplete,
   howItWorksIcons,
-  connectedOnchain = false,
-  connectedKalshi = false
+  connectedOnchain = false
 }) => {
   var _a;
   const labels = (0, import_hooks91.useLabels)();
@@ -32515,14 +32669,11 @@ var OnboardingModal = ({
     [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
   };
   const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
-  const [kalshiModalOpen, setKalshiModalOpen] = (0, import_react56.useState)(false);
-  const [kalshiConnected, setKalshiConnected] = (0, import_react56.useState)(false);
   const [onchainModalOpen, setOnchainModalOpen] = (0, import_react56.useState)(false);
   const [onchainConnected, setOnchainConnected] = (0, import_react56.useState)(false);
   (0, import_react56.useEffect)(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
-      setKalshiConnected(false);
       setOnchainConnected(false);
     }
   }, [open]);
@@ -32546,16 +32697,6 @@ var OnboardingModal = ({
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  const handleOpenKalshiModal = (0, import_react56.useCallback)(() => {
-    setKalshiModalOpen(true);
-  }, []);
-  const handleKalshiVerify = (0, import_react56.useCallback)(
-    (credentials) => __async(null, null, function* () {
-      yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
-      setKalshiConnected(true);
-    }),
-    [onConnectKalshi]
-  );
   return /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)(import_jsx_runtime193.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime193.jsxs)(
       Modal.Container,
@@ -32572,10 +32713,8 @@ var OnboardingModal = ({
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
-                onConnectKalshi: handleOpenKalshiModal,
                 onContinue: handleConnectContinue,
-                connectedOnchain: connectedOnchain || onchainConnected,
-                connectedKalshi: connectedKalshi || kalshiConnected
+                connectedOnchain: connectedOnchain || onchainConnected
               }
             )
           ] })
@@ -32589,14 +32728,6 @@ var OnboardingModal = ({
         onOpenChange: setOnchainModalOpen,
         onConnect: handleOnchainConnect
       }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime193.jsx)(
-      ConnectKalshiModal,
-      {
-        open: kalshiModalOpen,
-        onOpenChange: setKalshiModalOpen,
-        onVerify: handleKalshiVerify
-      }
     )
   ] });
 };
@@ -33055,7 +33186,7 @@ var ProfileModal = ({
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const client = (0, import_hooks94.useAggClient)();
-  const { user, startAuth } = (0, import_hooks94.useAggAuthState)();
+  const { user } = (0, import_hooks94.useAggAuthState)();
   const toastCtx = useOptionalToast();
   const [activeTab, setActiveTab] = (0, import_react59.useState)(PROFILE_TAB_KEYS.PROFILE_ACCOUNTS);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
@@ -33206,71 +33337,114 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
+  const surfaceError = (0, import_react59.useCallback)(
+    (err, title2) => {
+      const message = (err == null ? void 0 : err.message) || "Something went wrong. Please try again.";
+      if (toastCtx) {
+        toastCtx.toast(message, { tone: "error", title: title2 });
+      } else {
+        console.error(`[ProfileModal] ${title2}:`, message);
+      }
+    },
+    [toastCtx]
+  );
   const handleConnectTwitter = (0, import_react59.useCallback)(() => __async(null, null, function* () {
-    const result = yield startAuth({
-      provider: "twitter",
-      redirectUrl: resolveRedirectUrl()
-    });
-    onConnectTwitter == null ? void 0 : onConnectTwitter();
-    if (result.type === "redirect") {
-      navigateTopWindow(result.url);
+    try {
+      const result = yield client.linkAccount({
+        provider: "twitter",
+        redirectUrl: resolveRedirectUrl()
+      });
+      onConnectTwitter == null ? void 0 : onConnectTwitter();
+      if (result.type === "redirect") {
+        navigateTopWindow(result.url);
+      }
+    } catch (err) {
+      surfaceError(err, "Could not connect X (Twitter)");
     }
-  }), [onConnectTwitter, startAuth]);
+  }), [client, onConnectTwitter, surfaceError]);
   const handleConnectGoogle = (0, import_react59.useCallback)(() => __async(null, null, function* () {
-    const result = yield startAuth({
-      provider: "google",
-      redirectUrl: resolveRedirectUrl()
-    });
-    onConnectGoogle == null ? void 0 : onConnectGoogle();
-    if (result.type === "redirect") {
-      navigateTopWindow(result.url);
+    try {
+      const result = yield client.linkAccount({
+        provider: "google",
+        redirectUrl: resolveRedirectUrl()
+      });
+      onConnectGoogle == null ? void 0 : onConnectGoogle();
+      if (result.type === "redirect") {
+        navigateTopWindow(result.url);
+      }
+    } catch (err) {
+      surfaceError(err, "Could not connect Google");
     }
-  }), [onConnectGoogle, startAuth]);
+  }), [client, onConnectGoogle, surfaceError]);
   const handleConnectApple = (0, import_react59.useCallback)(() => __async(null, null, function* () {
-    const result = yield startAuth({
-      provider: "apple",
-      redirectUrl: resolveRedirectUrl()
-    });
-    onConnectApple == null ? void 0 : onConnectApple();
-    if (result.type === "redirect") {
-      navigateTopWindow(result.url);
+    try {
+      const result = yield client.linkAccount({
+        provider: "apple",
+        redirectUrl: resolveRedirectUrl()
+      });
+      onConnectApple == null ? void 0 : onConnectApple();
+      if (result.type === "redirect") {
+        navigateTopWindow(result.url);
+      }
+    } catch (err) {
+      surfaceError(err, "Could not connect Apple");
     }
-  }), [onConnectApple, startAuth]);
+  }), [client, onConnectApple, surfaceError]);
   const handleDisconnectTwitter = (0, import_react59.useCallback)(() => __async(null, null, function* () {
-    yield client.disconnectAccount("twitter");
-    yield client.getCurrentUser();
-    onDisconnectTwitter == null ? void 0 : onDisconnectTwitter();
-  }), [client, onDisconnectTwitter]);
+    try {
+      yield client.disconnectAccount("twitter");
+      yield client.getCurrentUser();
+      onDisconnectTwitter == null ? void 0 : onDisconnectTwitter();
+    } catch (err) {
+      surfaceError(err, "Could not disconnect X (Twitter)");
+    }
+  }), [client, onDisconnectTwitter, surfaceError]);
   const handleDisconnectGoogle = (0, import_react59.useCallback)(() => __async(null, null, function* () {
-    yield client.disconnectAccount("google");
-    yield client.getCurrentUser();
-    onDisconnectGoogle == null ? void 0 : onDisconnectGoogle();
-  }), [client, onDisconnectGoogle]);
+    try {
+      yield client.disconnectAccount("google");
+      yield client.getCurrentUser();
+      onDisconnectGoogle == null ? void 0 : onDisconnectGoogle();
+    } catch (err) {
+      surfaceError(err, "Could not disconnect Google");
+    }
+  }), [client, onDisconnectGoogle, surfaceError]);
   const handleDisconnectApple = (0, import_react59.useCallback)(() => __async(null, null, function* () {
-    yield client.disconnectAccount("apple");
-    yield client.getCurrentUser();
-    onDisconnectApple == null ? void 0 : onDisconnectApple();
-  }), [client, onDisconnectApple]);
+    try {
+      yield client.disconnectAccount("apple");
+      yield client.getCurrentUser();
+      onDisconnectApple == null ? void 0 : onDisconnectApple();
+    } catch (err) {
+      surfaceError(err, "Could not disconnect Apple");
+    }
+  }), [client, onDisconnectApple, surfaceError]);
   const handleConnectEmail = (0, import_react59.useCallback)(() => __async(null, null, function* () {
     var _a2;
     const typedEmail = typeof window !== "undefined" ? (_a2 = window.prompt("Enter your email to receive a magic link")) == null ? void 0 : _a2.trim() : void 0;
     if (!typedEmail) return;
-    yield startAuth({
-      provider: "email",
-      email: typedEmail,
-      redirectUrl: resolveRedirectUrl()
-    });
-    onConnectEmail == null ? void 0 : onConnectEmail();
-  }), [onConnectEmail, startAuth]);
+    try {
+      yield client.linkAccount({
+        provider: "email",
+        email: typedEmail,
+        redirectUrl: resolveRedirectUrl()
+      });
+      onConnectEmail == null ? void 0 : onConnectEmail();
+    } catch (err) {
+      surfaceError(err, "Could not connect email");
+    }
+  }), [client, onConnectEmail, surfaceError]);
   const handleDisconnectWallet = (0, import_react59.useCallback)(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
-      yield client.disconnectAccount(provider);
-      yield client.getCurrentUser();
-      onDisconnectWallet == null ? void 0 : onDisconnectWallet(wallet);
+      try {
+        yield client.disconnectAccount(provider);
+        yield client.getCurrentUser();
+        onDisconnectWallet == null ? void 0 : onDisconnectWallet(wallet);
+      } catch (err) {
+        surfaceError(err, "Could not disconnect wallet");
+      }
     }),
-    [client, onDisconnectWallet]
+    [client, onDisconnectWallet, surfaceError]
   );
   const providerActionMap = (0, import_react59.useMemo)(
     () => ({