@agg-build/ui 2.1.1 → 2.1.2

package/dist/pages.js

@@ -98,9 +98,9 @@ __export(pages_exports, {
 module.exports = __toCommonJS(pages_exports);
 
 // src/pages/home/index.tsx
-var import_hooks54 = require("@agg-build/hooks");
+var import_hooks56 = require("@agg-build/hooks");
 var import_sdk18 = require("@agg-build/sdk");
-var import_react34 = require("react");
+var import_react36 = require("react");
 
 // src/events/item/index.tsx
 var import_hooks35 = require("@agg-build/hooks");
@@ -6039,7 +6039,57 @@ var SEARCH_DEBOUNCE_MS = 300;
 
 // src/primitives/search/search.utils.ts
 var import_sdk11 = require("@agg-build/sdk");
+var import_dayjs3 = __toESM(require("dayjs"));
+
+// src/events/shared/format-event-title.ts
 var import_dayjs2 = __toESM(require("dayjs"));
+var SPORT_CATEGORY_TOKENS = /* @__PURE__ */ new Set(["sport", "sports"]);
+var normalizeCategoryToken = (value) => {
+  if (typeof value !== "string") return null;
+  const normalizedValue = value.trim().toLowerCase();
+  if (!normalizedValue) return null;
+  return normalizedValue;
+};
+var isSportCategoryToken = (value) => {
+  const normalizedValue = normalizeCategoryToken(value);
+  if (!normalizedValue) return false;
+  return SPORT_CATEGORY_TOKENS.has(normalizedValue);
+};
+var isSportEvent = (categories, structureType) => {
+  var _a;
+  if (isSportCategoryToken(structureType)) return true;
+  return (_a = categories == null ? void 0 : categories.some((categoryEntry) => {
+    var _a2, _b, _c, _d;
+    return isSportCategoryToken(categoryEntry.id) || isSportCategoryToken((_a2 = categoryEntry.category) == null ? void 0 : _a2.id) || isSportCategoryToken((_b = categoryEntry.category) == null ? void 0 : _b.name) || isSportCategoryToken((_c = categoryEntry.category) == null ? void 0 : _c.displayName) || isSportCategoryToken((_d = categoryEntry.category) == null ? void 0 : _d.parentId);
+  })) != null ? _a : false;
+};
+var formatEventDateSuffix = (value, locale) => {
+  if (!(0, import_dayjs2.default)(value).isValid()) return null;
+  return new Intl.DateTimeFormat(locale, {
+    month: "long",
+    day: "numeric",
+    timeZone: "UTC"
+  }).format(new Date(value));
+};
+var formatEventTitleWithDateSuffix = ({
+  title: title2,
+  categories,
+  structureType,
+  gameStartTime,
+  endDate,
+  locale = "en-US"
+}) => {
+  const resolvedTitle = title2.trim();
+  if (!resolvedTitle) return resolvedTitle;
+  if (!isSportEvent(categories, structureType)) return resolvedTitle;
+  const dateSource = gameStartTime != null ? gameStartTime : endDate;
+  if (!dateSource) return resolvedTitle;
+  const formattedDate = formatEventDateSuffix(dateSource, locale);
+  if (!formattedDate) return resolvedTitle;
+  const suffix = ` - ${formattedDate}`;
+  if (resolvedTitle.endsWith(suffix)) return resolvedTitle;
+  return `${resolvedTitle}${suffix}`;
+};
 
 // src/events/item/event-list-item.utils.ts
 var import_hooks26 = require("@agg-build/hooks");
@@ -6352,8 +6402,8 @@ var resolveDisplayVolume = (eventVolume, venueMarkets) => {
 
 // src/primitives/search/search.utils.ts
 var formatSearchContextLabel = (value) => {
-  if (!(0, import_dayjs2.default)(value).isValid()) return value;
-  return (0, import_dayjs2.default)(value).format("MMMM D, YYYY");
+  if (!(0, import_dayjs3.default)(value).isValid()) return value;
+  return (0, import_dayjs3.default)(value).format("MMMM D, YYYY");
 };
 var venueLogoNameSet = new Set(import_sdk11.VENUES);
 var toVenueLogoName = (value) => {
@@ -6361,7 +6411,7 @@ var toVenueLogoName = (value) => {
   if (!venueLogoNameSet.has(value)) return null;
   return value;
 };
-var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCurrency) => {
+var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCurrency, options) => {
   var _a, _b;
   const primaryVenueMarket = selectPrimaryVenueMarket(event.venueMarkets);
   if (!primaryVenueMarket) return null;
@@ -6371,7 +6421,14 @@ var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCu
   if (!visibleOutcome) return null;
   const probability = normalizeProbability(visibleOutcome.outcome.price);
   if (probability == null) return null;
-  const resolvedTitle = (_a = event == null ? void 0 : event.title) == null ? void 0 : _a.trim();
+  const resolvedTitle = formatEventTitleWithDateSuffix({
+    title: (_a = event == null ? void 0 : event.title) != null ? _a : "",
+    categories: event.categories,
+    structureType: event.structureType,
+    gameStartTime: event.gameStartTime,
+    endDate: event.endDate,
+    locale: options == null ? void 0 : options.locale
+  });
   if (!resolvedTitle) return null;
   const { marketCount, venueCount } = getVenueSummary(event.venueMarkets);
   const marketSummaryLabel = [
@@ -6584,6 +6641,7 @@ var Search = ({
   const {
     search: searchConfig,
     features: { enableAnimations },
+    general: { locale },
     formatting: { formatCompactCurrency, formatPercent }
   } = (0, import_hooks27.useSdkUiConfig)();
   const resolvedValue = searchConfig.value;
@@ -6624,7 +6682,10 @@ var Search = ({
         event,
         labels,
         formatPercent,
-        formatCompactCurrency
+        formatCompactCurrency,
+        {
+          locale
+        }
       );
       if (!item) return null;
       nextEventsByResultId.set(item.id, event);
@@ -6634,7 +6695,7 @@ var Search = ({
       validatedResults: nextResults,
       eventsByResultId: nextEventsByResultId
     };
-  }, [openEvents, formatCompactCurrency, formatPercent, labels]);
+  }, [formatCompactCurrency, formatPercent, labels, locale, openEvents]);
   const hasSearchValue = trimmedValue.length > 0;
   const shouldRenderDropdown = isFocused && shouldSearchValue && !searchConfig.result && !searchConfig.isShowingAllResults;
   const resolvedIsActive = isFocused;
@@ -7689,7 +7750,7 @@ var Select = ({
             disabled: item.disabled,
             className: cn(
               "agg-select-item",
-              "relative flex w-full items-center gap-3 rounded-[6px] px-5 py-3 text-left text-agg-sm leading-agg-5 outline-none",
+              "relative flex w-full items-center gap-3 rounded-[6px] pl-3 pr-5 py-3 text-left text-agg-sm leading-agg-5 outline-none",
               "hover:bg-agg-secondary-hover focus-visible:bg-agg-secondary-hover",
               isSelected ? "bg-agg-primary/10 font-agg-normal text-agg-primary" : "font-agg-normal text-agg-foreground",
               item.disabled && "cursor-not-allowed opacity-60",
@@ -8922,7 +8983,14 @@ var EventListItemContent = ({
   const config = (0, import_hooks35.useSdkUiConfig)();
   const labels = (0, import_hooks35.useLabels)();
   const allVenueMarkets = (0, import_react14.useMemo)(() => event.venueMarkets, [event.venueMarkets]);
-  const resolvedTitle = event.title;
+  const resolvedTitle = formatEventTitleWithDateSuffix({
+    title: event.title,
+    categories: event.categories,
+    structureType: event.structureType,
+    gameStartTime: event.gameStartTime,
+    endDate: event.endDate,
+    locale: config.general.locale
+  });
   const resolvedImage = event.image;
   const visibleVenueLogos = (0, import_react14.useMemo)(() => {
     var _a2;
@@ -10252,9 +10320,9 @@ var EventList = ({
 EventList.displayName = "EventList";
 
 // src/pages/event-market/index.tsx
-var import_hooks53 = require("@agg-build/hooks");
+var import_hooks55 = require("@agg-build/hooks");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
-var import_react31 = require("react");
+var import_react33 = require("react");
 
 // src/events/item-details/index.tsx
 var import_hooks46 = require("@agg-build/hooks");
@@ -10373,10 +10441,10 @@ var import_hooks39 = require("@agg-build/hooks");
 
 // src/events/market-details/market-details.utils.ts
 var import_sdk15 = require("@agg-build/sdk");
-var import_dayjs4 = __toESM(require("dayjs"));
+var import_dayjs5 = __toESM(require("dayjs"));
 
 // src/events/item-details/event-list-item-details.utils.ts
-var import_dayjs3 = __toESM(require("dayjs"));
+var import_dayjs4 = __toESM(require("dayjs"));
 var compareOutcomeSelectorLabels = (leftLabel, rightLabel) => {
   const leftSemanticLabel = toSemanticLabel(leftLabel);
   const rightSemanticLabel = toSemanticLabel(rightLabel);
@@ -10389,8 +10457,8 @@ var compareOutcomeSelectorLabels = (leftLabel, rightLabel) => {
   if (leftBinaryOrder != null && rightBinaryOrder != null) {
     return leftBinaryOrder - rightBinaryOrder;
   }
-  const leftDate = isDateLikeLabel(leftLabel) ? (0, import_dayjs3.default)(leftLabel).valueOf() : null;
-  const rightDate = isDateLikeLabel(rightLabel) ? (0, import_dayjs3.default)(rightLabel).valueOf() : null;
+  const leftDate = isDateLikeLabel(leftLabel) ? (0, import_dayjs4.default)(leftLabel).valueOf() : null;
+  const rightDate = isDateLikeLabel(rightLabel) ? (0, import_dayjs4.default)(rightLabel).valueOf() : null;
   if (leftDate != null && rightDate != null && leftDate !== rightDate) {
     return leftDate - rightDate;
   }
@@ -10431,7 +10499,7 @@ var toSemanticLabel = (value) => {
 };
 var isDateLikeLabel = (value) => {
   if (!value.trim()) return false;
-  return (0, import_dayjs3.default)(value).isValid();
+  return (0, import_dayjs4.default)(value).isValid();
 };
 var matchOutcomeByLabel = (outcome, selectedOutcomeLabel) => {
   const normalizedSelectedLabel = normalizeLabel(selectedOutcomeLabel);
@@ -10896,19 +10964,19 @@ var resolveOtherTabRows = (market, labels) => {
   if (market.creationDate) {
     rows.push({
       label: labels.marketDetails.meta.created,
-      value: (0, import_dayjs4.default)(market.creationDate).format("MMM D, YYYY")
+      value: (0, import_dayjs5.default)(market.creationDate).format("MMM D, YYYY")
     });
   }
   if (market.startDate) {
     rows.push({
       label: labels.marketDetails.meta.opens,
-      value: (0, import_dayjs4.default)(market.startDate).format("MMM D, YYYY")
+      value: (0, import_dayjs5.default)(market.startDate).format("MMM D, YYYY")
     });
   }
   if (market.endDate) {
     rows.push({
       label: labels.marketDetails.meta.closes,
-      value: (0, import_dayjs4.default)(market.endDate).format("MMM D, YYYY")
+      value: (0, import_dayjs5.default)(market.endDate).format("MMM D, YYYY")
     });
   }
   if (rows.length === 1) {
@@ -11982,12 +12050,12 @@ var import_react21 = require("react");
 
 // src/trading/utils.ts
 var import_hooks43 = require("@agg-build/hooks");
-var import_dayjs5 = __toESM(require("dayjs"));
+var import_dayjs6 = __toESM(require("dayjs"));
 var defaultLabels = (0, import_hooks43.resolveAggUiLabels)("en-US");
 var defaultSettlementSectionLabel = defaultLabels.trading.settlementSection;
 var defaultTradingDisclaimer = defaultLabels.trading.disclaimer;
 var getTradingDateLabel = (value) => {
-  const parsedValue = (0, import_dayjs5.default)(value);
+  const parsedValue = (0, import_dayjs6.default)(value);
   if (!parsedValue.isValid()) {
     return typeof value === "string" ? value : "";
   }
@@ -12861,11 +12929,28 @@ var EventListItemDetailsContent = ({
     if (typeof resolvedVolume !== "number") return "";
     return `${config.formatting.formatCompactCurrency(resolvedVolume)} ${labels.eventItemDetails.volumeSuffix}`;
   }, [config, event.volume, labels.eventItemDetails.volumeSuffix, venueMarkets]);
+  const resolvedTitle = (0, import_react23.useMemo)(() => {
+    return formatEventTitleWithDateSuffix({
+      title: event.title,
+      categories: event.categories,
+      structureType: event.structureType,
+      gameStartTime: event.gameStartTime,
+      endDate: event.endDate,
+      locale: config.general.locale
+    });
+  }, [
+    config.general.locale,
+    event.categories,
+    event.gameStartTime,
+    event.endDate,
+    event.structureType,
+    event.title
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
     Card,
     {
       className: cn("group/agg-event-details", detailsBaseCardClassName, classNames == null ? void 0 : classNames.root),
-      "aria-label": ariaLabel != null ? ariaLabel : event.title,
+      "aria-label": ariaLabel != null ? ariaLabel : resolvedTitle,
       onClick: () => {
         onClick == null ? void 0 : onClick(event);
       },
@@ -12900,7 +12985,7 @@ var EventListItemDetailsContent = ({
                       "truncate text-wrap wrap-break-word line-clamp-2",
                       classNames == null ? void 0 : classNames.title
                     ),
-                    children: event.title
+                    children: resolvedTitle
                   }
                 ),
                 venueMarkets.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
@@ -13598,37 +13683,71 @@ var Orderbook = ({
 };
 Orderbook.displayName = "Orderbook";
 
-// src/events/shared/display-outcome-venue.ts
+// src/events/shared/select-best-outcome.ts
 var normalizeOutcomeLabel3 = (label2) => {
   return typeof label2 === "string" ? label2.trim().toLowerCase() : "";
 };
-var getDisplayOutcomeVenue = ({
-  outcomeId,
-  outcomeLabel,
-  selection,
-  bestMidpointVenue,
-  bestVenueByOutcomeId,
-  bestPriceVenuesByOutcomeId,
-  fallbackVenue
-}) => {
-  var _a;
-  if (selection && outcomeId) {
-    const sideVenues = bestPriceVenuesByOutcomeId == null ? void 0 : bestPriceVenuesByOutcomeId.get(outcomeId);
-    if (selection === "buy" && (sideVenues == null ? void 0 : sideVenues.bestAskVenue)) return sideVenues.bestAskVenue;
-    if (selection === "sell" && (sideVenues == null ? void 0 : sideVenues.bestBidVenue)) return sideVenues.bestBidVenue;
+var selectBestOutcomeCandidate = (args) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const { outcomeId, selection } = args;
+  if (!outcomeId) return void 0;
+  const resolveVenueMarketId = (venue) => {
+    var _a2, _b2;
+    return venue ? (_b2 = (_a2 = args.venueMarketIdByVenue) == null ? void 0 : _a2.get(venue)) != null ? _b2 : void 0 : void 0;
+  };
+  const make = (price, venue, source, updatedAt) => ({
+    price,
+    venue: venue != null ? venue : void 0,
+    venueMarketId: resolveVenueMarketId(venue != null ? venue : void 0),
+    outcomeId,
+    source,
+    updatedAt: updatedAt != null ? updatedAt : void 0
+  });
+  if (selection === "buy" || selection === "sell") {
+    const wsSidePrice = selection === "buy" ? (_a = args.live) == null ? void 0 : _a.bestAsk : (_b = args.live) == null ? void 0 : _b.bestBid;
+    const wsSideVenue = selection === "buy" ? (_c = args.live) == null ? void 0 : _c.bestAskVenue : (_d = args.live) == null ? void 0 : _d.bestBidVenue;
+    if (wsSidePrice != null) {
+      return make(wsSidePrice, wsSideVenue, "ws", (_e = args.live) == null ? void 0 : _e.updatedAt);
+    }
+    const restSidePrice = selection === "buy" ? (_f = args.restBest) == null ? void 0 : _f.bestAsk : (_g = args.restBest) == null ? void 0 : _g.bestBid;
+    const restSideVenue = selection === "buy" ? (_h = args.restBestVenues) == null ? void 0 : _h.bestAskVenue : (_i = args.restBestVenues) == null ? void 0 : _i.bestBidVenue;
+    if (restSidePrice != null) {
+      return make(restSidePrice, restSideVenue, "rest-best", void 0);
+    }
   }
-  if (normalizeOutcomeLabel3(outcomeLabel) === "yes" && bestMidpointVenue) {
-    return bestMidpointVenue;
+  if (((_j = args.live) == null ? void 0 : _j.midpoint) != null) {
+    return make(args.live.midpoint, args.live.midpointVenue, "ws", args.live.updatedAt);
   }
-  const bestVenue = outcomeId ? bestVenueByOutcomeId == null ? void 0 : bestVenueByOutcomeId.get(outcomeId) : void 0;
-  return (_a = bestVenue != null ? bestVenue : fallbackVenue) != null ? _a : void 0;
+  if (normalizeOutcomeLabel3(args.outcomeLabel) === "yes" && args.bestMidpoint != null && args.bestMidpointVenue) {
+    return make(args.bestMidpoint, args.bestMidpointVenue, "rest-midpoint", void 0);
+  }
+  if (args.restMidpoint != null) {
+    return make(args.restMidpoint, args.restMidpointVenue, "rest-midpoint", void 0);
+  }
+  if (args.staticPrice != null) {
+    return make(args.staticPrice, args.staticVenue, "static", void 0);
+  }
+  return void 0;
+};
+var buildVenueMarketIdByVenue = (venueMarkets) => {
+  var _a;
+  const map = /* @__PURE__ */ new Map();
+  if (!(venueMarkets == null ? void 0 : venueMarkets.length)) return map;
+  const visit = (vm) => {
+    if (vm.venue && vm.id && !map.has(vm.venue)) map.set(vm.venue, vm.id);
+  };
+  for (const vm of venueMarkets) {
+    visit(vm);
+    for (const sibling of (_a = vm.matchedVenueMarkets) != null ? _a : []) visit(sibling);
+  }
+  return map;
 };
 
 // src/events/shared/event-trading-state.utils.ts
-var import_dayjs6 = __toESM(require("dayjs"));
+var import_dayjs7 = __toESM(require("dayjs"));
 var formatTradingStateDate = (value) => {
-  if (!(0, import_dayjs6.default)(value).isValid()) return value;
-  return (0, import_dayjs6.default)(value).format("MMM D, YYYY");
+  if (!(0, import_dayjs7.default)(value).isValid()) return value;
+  return (0, import_dayjs7.default)(value).format("MMM D, YYYY");
 };
 var resolveTradingStateTimestampLabel = (labels, state) => {
   if (state.kind === "resolved" && state.resolvesAt) {
@@ -13883,7 +14002,7 @@ var MarketDetailsContent = ({
   suppressOutcomeFallbackSelection,
   midpointsResult
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const config = (0, import_hooks48.useSdkUiConfig)();
   const {
     features: { enableAnimations },
@@ -13897,6 +14016,7 @@ var MarketDetailsContent = ({
   const tradeSide = (_a = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a : "buy";
   const wsLivePrices = (0, import_hooks48.useLiveOutcomePrices)(venueMarkets);
   const wsBestPrices = (0, import_hooks48.useLiveBestPrices)(venueMarkets);
+  const wsBestCandidates = (0, import_hooks48.useLiveBestPriceCandidates)(venueMarkets);
   const resolvedMarket = (0, import_react26.useMemo)(() => {
     return resolveMarketFromVenueMarkets(venueMarkets, marketId);
   }, [venueMarkets, marketId]);
@@ -13906,6 +14026,10 @@ var MarketDetailsContent = ({
     return (_b2 = (_a2 = resolvedMarket.venueMarkets.find((venueMarket) => venueMarket.id === resolvedMarket.id)) != null ? _a2 : resolvedMarket.venueMarkets[0]) != null ? _b2 : null;
   }, [resolvedMarket]);
   const isResolvedMarket = (0, import_hooks48.resolveMarketTradingState)(scopedResolvedMarket).kind === "resolved";
+  (0, import_hooks48.useEventOrderbookData)(
+    isResolvedMarket ? [] : resolvedMarket == null ? void 0 : resolvedMarket.venueMarkets,
+    (_b = scopedResolvedMarket == null ? void 0 : scopedResolvedMarket.id) != null ? _b : null
+  );
   const clusterMidpointResult = midpointsResult != null ? midpointsResult : {
     prices: /* @__PURE__ */ new Map(),
     bestMidpointsByOutcomeId: /* @__PURE__ */ new Map(),
@@ -13916,7 +14040,7 @@ var MarketDetailsContent = ({
     bestMidpoint: void 0,
     bestMidpointVenue: void 0
   };
-  const clusterMidpoints = (_b = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _b : clusterMidpointResult.prices;
+  const clusterMidpoints = (_c = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _c : clusterMidpointResult.prices;
   const clusterBestMidpointsByOutcomeId = clusterMidpoints;
   const clusterVenueByOutcomeId = clusterMidpointResult.venueByOutcomeId;
   const clusterBestMidpoint = clusterMidpointResult.bestMidpoint;
@@ -14031,7 +14155,7 @@ var MarketDetailsContent = ({
     tradingContext == null ? void 0 : tradingContext.selectedOutcomeId
   ]);
   const selectedOutcomeId = scopedSelectedOutcomeState.outcomeId;
-  const selectedOutcomeLabel = (_c = scopedSelectedOutcomeState.outcomeLabel) != null ? _c : null;
+  const selectedOutcomeLabel = (_d = scopedSelectedOutcomeState.outcomeLabel) != null ? _d : null;
   const selectOutcome = tradingContext == null ? void 0 : tradingContext.selectOutcome;
   const [selectedGraphVenue, setSelectedGraphVenue] = (0, import_react26.useState)(null);
   const [chartOutcomeLabel, setChartOutcomeLabel] = (0, import_react26.useState)(selectedOutcomeLabel);
@@ -14065,31 +14189,33 @@ var MarketDetailsContent = ({
     tradingContext == null ? void 0 : tradingContext.selectedMarketId,
     selectOutcome
   ]);
+  const venueMarketIdByVenue = (0, import_react26.useMemo)(
+    () => buildVenueMarketIdByVenue(model == null ? void 0 : model.market.venueMarkets),
+    [model]
+  );
   const headerOutcomeItems = (0, import_react26.useMemo)(() => {
     if (!model) return [];
     const items = resolveHeaderOutcomeItems(model.market.venueMarkets, scopedMarketForCard);
     return items.map((item) => {
       var _a2;
       const fallbackPrice = midpointsFallback == null ? void 0 : midpointsFallback.get(item.id);
-      const bestVenue = getDisplayOutcomeVenue({
-        outcomeId: item.id,
-        outcomeLabel: item.label,
-        selection: tradeSide,
-        bestMidpointVenue: clusterBestMidpointVenue,
-        bestVenueByOutcomeId: clusterVenueByOutcomeId,
-        bestPriceVenuesByOutcomeId: clusterBestPriceVenuesByOutcomeId,
-        fallbackVenue: midpointsFallbackVenues == null ? void 0 : midpointsFallbackVenues.get(item.id)
-      });
-      const outcomeBestPrice = getDisplayOutcomePrice({
+      const candidate = selectBestOutcomeCandidate({
         outcomeId: item.id,
         outcomeLabel: item.label,
         selection: tradeSide,
-        bestPrices: clusterBestPrices,
+        live: wsBestCandidates.get(item.id),
+        restBest: clusterBestPricesRest.get(item.id),
+        restBestVenues: clusterBestPriceVenuesByOutcomeId.get(item.id),
+        restMidpoint: clusterBestMidpointsByOutcomeId.get(item.id),
+        restMidpointVenue: clusterVenueByOutcomeId.get(item.id),
         bestMidpoint: clusterBestMidpoint,
-        bestMidpointsByOutcomeId: clusterBestMidpointsByOutcomeId,
-        livePrices: wsLivePrices,
-        fallbackPrice
+        bestMidpointVenue: clusterBestMidpointVenue,
+        staticPrice: fallbackPrice,
+        staticVenue: midpointsFallbackVenues == null ? void 0 : midpointsFallbackVenues.get(item.id),
+        venueMarketIdByVenue
       });
+      const bestVenue = candidate == null ? void 0 : candidate.venue;
+      const outcomeBestPrice = candidate == null ? void 0 : candidate.price;
       if (isResolvedMarket) {
         const isWinningOutcome = item.id === ((_a2 = marketTradingState.winningOutcome) == null ? void 0 : _a2.id);
         return __spreadValues(__spreadProps(__spreadValues({}, item), {
@@ -14107,17 +14233,18 @@ var MarketDetailsContent = ({
     clusterBestMidpoint,
     clusterBestMidpointVenue,
     clusterBestMidpointsByOutcomeId,
-    clusterBestPrices,
+    clusterBestPricesRest,
     clusterBestPriceVenuesByOutcomeId,
     model,
     scopedMarketForCard,
     clusterVenueByOutcomeId,
     isResolvedMarket,
-    (_d = marketTradingState.winningOutcome) == null ? void 0 : _d.id,
+    (_e = marketTradingState.winningOutcome) == null ? void 0 : _e.id,
     midpointsFallback,
     midpointsFallbackVenues,
     tradeSide,
-    wsLivePrices
+    venueMarketIdByVenue,
+    wsBestCandidates
   ]);
   const headlineProbability = (0, import_react26.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
@@ -14183,9 +14310,9 @@ var MarketDetailsContent = ({
   const chartEnabled = isOpened && effectiveSelectedTab === "graph";
   const orderBookEnabled = isOpened && effectiveSelectedTab === "order-book" && !marketTradingState.isTradingDisabled;
   const rollingWindow = (0, import_hooks48.useRollingChartWindow)({ range: effectiveChartTimeRange });
-  const primaryVenueMarketId = (_f = (_e = selectedOutcomesByVenue[0]) == null ? void 0 : _e.market.id) != null ? _f : null;
-  const primaryOutcomeId = (_h = (_g = selectedOutcomesByVenue[0]) == null ? void 0 : _g.outcome.id) != null ? _h : null;
-  const chartPrimaryOutcomeId = (_j = (_i = chartOutcomesByVenue[0]) == null ? void 0 : _i.outcome.id) != null ? _j : null;
+  const primaryVenueMarketId = (_g = (_f = selectedOutcomesByVenue[0]) == null ? void 0 : _f.market.id) != null ? _g : null;
+  const primaryOutcomeId = (_i = (_h = selectedOutcomesByVenue[0]) == null ? void 0 : _h.outcome.id) != null ? _i : null;
+  const chartPrimaryOutcomeId = (_k = (_j = chartOutcomesByVenue[0]) == null ? void 0 : _j.outcome.id) != null ? _k : null;
   const chartVenueOutcomeIds = (0, import_react26.useMemo)(() => {
     return chartOutcomesByVenue.map((item) => item.outcome.id);
   }, [chartOutcomesByVenue]);
@@ -14688,7 +14815,7 @@ var MarketDetailsContent = ({
                             height: 260,
                             isLoading: isMarketChartLoading,
                             chartType: selectedChartType,
-                            liveCandle: selectedChartType === "candlestick" ? (_k = graphLiveState.liveCandle) != null ? _k : void 0 : void 0,
+                            liveCandle: selectedChartType === "candlestick" ? (_l = graphLiveState.liveCandle) != null ? _l : void 0 : void 0,
                             lineValue: graphLiveState.lineValue,
                             classNames: { root: "agg-chart-region w-full" },
                             showSeriesControls: chartAvailableOutcomesByVenue.length > 0 || headerOutcomeItems.length > 0,
@@ -17504,10 +17631,8 @@ var PlaceOrderResolvedView = ({
   resolvedClaim,
   className
 }) => {
-  var _a, _b, _c, _d, _e;
   const labels = (0, import_hooks52.useLabels)();
   const tradingLabels = labels.trading;
-  const extendedTradingLabels = tradingLabels;
   return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
     Card,
     {
@@ -17546,18 +17671,18 @@ var PlaceOrderResolvedView = ({
         resolvedClaim ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_jsx_runtime145.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
           /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex w-full flex-col gap-5 p-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Typography, { variant: "body-strong", className: "text-center", children: (_a = extendedTradingLabels.resolvedEarningsTitle) != null ? _a : "Your Earnings" }),
+            /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Typography, { variant: "body-strong", className: "text-center", children: tradingLabels.resolvedEarningsTitle }),
             /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
               resolvedClaim.resolutionDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { children: (_b = extendedTradingLabels.resolvedResolutionDateLabel) != null ? _b : "Resolution date" }),
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { children: tradingLabels.resolvedResolutionDateLabel }),
                 /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
               ] }) : null,
               /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { children: (_c = extendedTradingLabels.resolvedSharesLabel) != null ? _c : "Shares" }),
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { children: tradingLabels.resolvedSharesLabel }),
                 /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { children: (_d = extendedTradingLabels.resolvedTotalPayoutLabel) != null ? _d : "Total payout" }),
+                /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { children: tradingLabels.resolvedTotalPayoutLabel }),
                 /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
               ] })
             ] }),
@@ -17569,7 +17694,7 @@ var PlaceOrderResolvedView = ({
                 onClick: resolvedClaim.onClaim,
                 isLoading: resolvedClaim.isClaiming,
                 disabled: resolvedClaim.isClaiming,
-                children: (_e = extendedTradingLabels.claimWinnings) != null ? _e : "Claim Winnings"
+                children: tradingLabels.claimWinnings
               }
             ) : null
           ] })
@@ -17905,6 +18030,7 @@ var PlaceOrder = ({
   onClose,
   onOutcomeChange,
   onPrimaryAction,
+  onBeforePrimaryAction,
   onTabChange,
   onSuccess,
   onError,
@@ -18043,6 +18169,7 @@ var PlaceOrder = ({
   const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react30.useState)(false);
   const [submissionFeedback, setSubmissionFeedback] = (0, import_react30.useState)(null);
   const [submissionProgressState, setSubmissionProgressState] = (0, import_react30.useState)(null);
+  const [isBeforeActionPending, setIsBeforeActionPending] = (0, import_react30.useState)(false);
   const executionDebugStoreRef = (0, import_react30.useRef)(null);
   const executionDebugAttemptIdRef = (0, import_react30.useRef)(null);
   const submittedSelectionRef = (0, import_react30.useRef)(null);
@@ -18628,7 +18755,7 @@ var PlaceOrder = ({
       }
     ];
   }, [activeFeeBreakdown, tradingLabels]);
-  const isActionLoading = isPrimaryActionLoading || executeManaged.isPending;
+  const isActionLoading = isPrimaryActionLoading || executeManaged.isPending || isBeforeActionPending;
   const selectedRouteGeoBlocked = (_D = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _D : false;
   const geoBlockedVenuesFromWarnings = (0, import_react30.useMemo)(
     () => {
@@ -18994,7 +19121,7 @@ var PlaceOrder = ({
     });
   };
   const handlePrimaryAction = () => __async(null, null, function* () {
-    var _a2;
+    var _a2, _b2, _c2;
     if (!orderEligibility.canPlaceOrder) {
       setSubmissionFeedback({
         message: (_a2 = resolveOrderEligibilityMessage(labels, orderEligibility.reason)) != null ? _a2 : tradingLabels.orderFailed,
@@ -19004,6 +19131,26 @@ var PlaceOrder = ({
     }
     if (!selectedRouteCard) return;
     setSubmissionFeedback(null);
+    if (onBeforePrimaryAction) {
+      const beforeContext = isPaperMode ? { quoteId: (_b2 = selectedRouteCard.quoteData) == null ? void 0 : _b2.quoteId, mode: "paper" } : { quoteId: (_c2 = selectedRouteCard.quoteData) == null ? void 0 : _c2.quoteId };
+      setIsBeforeActionPending(true);
+      try {
+        const proceed = yield onBeforePrimaryAction(beforeContext);
+        if (proceed === false) return;
+      } catch (error) {
+        setSubmissionFeedback({
+          message: normalizePlaceOrderErrorMessage({
+            errorMessage: error instanceof Error ? error.message : String(error),
+            fallbackMessage: tradingLabels.orderFailed,
+            labels: tradingLabels
+          }),
+          tone: "error"
+        });
+        return;
+      } finally {
+        setIsBeforeActionPending(false);
+      }
+    }
     if (scopedSelectedMarket && scopedSelectedOutcomeId) {
       submittedSelectionRef.current = {
         marketId: scopedSelectedMarket.id,
@@ -19474,177 +19621,485 @@ var PlaceOrder = ({
 };
 PlaceOrder.displayName = "PlaceOrder";
 
-// src/pages/event-market/event-market.utils.ts
-var EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX = 48;
-var EVENT_MARKET_PAGE_STICKY_SPACING_PX = 32;
-var EVENT_MARKET_PAGE_STICKY_TOP_PX = EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX + EVENT_MARKET_PAGE_STICKY_SPACING_PX;
-var EVENT_MARKET_PAGE_STICKY_TOP_CSS_VAR = "--agg-event-market-sidebar-top";
-var EVENT_MARKET_PAGE_STICKY_SPACING_CSS_VAR = "--agg-event-market-sidebar-spacing";
-var toCssLength = (value, fallback) => {
-  if (typeof value === "number") {
-    return `${value}px`;
-  }
-  return value != null ? value : `${fallback}px`;
-};
-var deriveSpacingFromTop = (top) => {
-  if (typeof top !== "number") {
-    return void 0;
-  }
-  return Math.max(top - EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX, 0);
-};
-var resolveEventMarketPageStickyState = ({
-  stickyOrderPanel
-}) => {
-  var _a, _b;
-  const isEnabled = (_a = stickyOrderPanel == null ? void 0 : stickyOrderPanel.enabled) != null ? _a : Boolean(stickyOrderPanel);
-  if (!isEnabled) {
-    return {
-      contentClassName: cn(),
-      sidebarClassName: cn("pt-4 sm:pt-6 md:pt-8 pb-10"),
-      placeOrder: cn("mb-10"),
-      mainClassName: cn("pt-4 sm:pt-6 md:pt-8"),
-      style: {}
-    };
-  }
-  return {
-    contentClassName: cn("lg:items-stretch!"),
-    sidebarClassName: cn(
-      "pt-4 sm:pt-6 md:pt-8 pb-10",
-      "lg:self-start lg:sticky lg:top-[var(--agg-event-market-sidebar-top)] lg:max-h-[calc(100vh-var(--agg-event-market-sidebar-top))] lg:overflow-y-auto lg:overscroll-contain",
-      stickyOrderPanel == null ? void 0 : stickyOrderPanel.className
-    ),
-    placeOrder: cn("mb-10"),
-    mainClassName: cn("pt-4 sm:pt-6 md:pt-8"),
-    style: {
-      [EVENT_MARKET_PAGE_STICKY_TOP_CSS_VAR]: toCssLength(
-        stickyOrderPanel == null ? void 0 : stickyOrderPanel.top,
-        EVENT_MARKET_PAGE_STICKY_TOP_PX
-      ),
-      [EVENT_MARKET_PAGE_STICKY_SPACING_CSS_VAR]: toCssLength(
-        (_b = stickyOrderPanel == null ? void 0 : stickyOrderPanel.spacing) != null ? _b : deriveSpacingFromTop(stickyOrderPanel == null ? void 0 : stickyOrderPanel.top),
-        EVENT_MARKET_PAGE_STICKY_SPACING_PX
-      )
-    }
-  };
-};
-
-// src/pages/event-market/index.tsx
-var import_jsx_runtime146 = require("react/jsx-runtime");
-var MOBILE_EVENT_MARKET_MEDIA_QUERY = "(max-width: 1023px)";
-var getIsMobileEventMarketViewport = () => {
-  if (typeof window === "undefined") return false;
-  if (typeof window.matchMedia !== "function") return false;
-  return window.matchMedia(MOBILE_EVENT_MARKET_MEDIA_QUERY).matches;
-};
-var useIsMobileEventMarketViewport = () => {
-  const [isMobileViewport, setIsMobileViewport] = (0, import_react31.useState)(getIsMobileEventMarketViewport);
-  (0, import_react31.useEffect)(() => {
-    if (typeof window === "undefined") return;
-    if (typeof window.matchMedia !== "function") return;
-    const mediaQueryList = window.matchMedia(MOBILE_EVENT_MARKET_MEDIA_QUERY);
-    const handleChange = () => {
-      setIsMobileViewport(mediaQueryList.matches);
-    };
-    handleChange();
-    mediaQueryList.addEventListener("change", handleChange);
-    return () => {
-      mediaQueryList.removeEventListener("change", handleChange);
-    };
-  }, []);
-  return isMobileViewport;
-};
-var resolveDesktopTradePlaceOrderClassNames = (classNames) => {
-  const resolvedClassNames = {
-    body: classNames == null ? void 0 : classNames.tradeBody,
-    content: classNames == null ? void 0 : classNames.tradeContent,
-    footer: classNames == null ? void 0 : classNames.tradeFooter,
-    header: classNames == null ? void 0 : classNames.tradeHeader
-  };
-  if (!Object.values(resolvedClassNames).some(Boolean)) {
-    return void 0;
-  }
-  return resolvedClassNames;
-};
-var resolveMobileTradePlaceOrderClassNames = (classNames) => {
-  return {
-    root: "rounded-t-agg-2xl rounded-b-none md:rounded-agg-2xl md:rounded-b-agg-2xl",
-    body: cn("flex h-full min-h-0 flex-col", classNames == null ? void 0 : classNames.tradeBody, classNames == null ? void 0 : classNames.mobileTradeBody),
-    content: cn(
-      "min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
-      classNames == null ? void 0 : classNames.tradeContent,
-      classNames == null ? void 0 : classNames.mobileTradeContent
-    ),
-    footer: cn(classNames == null ? void 0 : classNames.tradeFooter, classNames == null ? void 0 : classNames.mobileTradeFooter),
-    header: cn(
-      "sticky top-0 z-10 bg-agg-secondary",
-      classNames == null ? void 0 : classNames.tradeHeader,
-      classNames == null ? void 0 : classNames.mobileTradeHeader
-    )
-  };
+// src/trading/use-claim-winnings.ts
+var import_hooks53 = require("@agg-build/hooks");
+var import_react31 = require("react");
+var toClaimError = (err) => {
+  if (err instanceof Error) return err;
+  return new Error(String(err));
 };
-var EventMarketPageMobileTrade = ({
-  classNames,
-  eventTradingState,
-  executionMode,
-  showPlaceOrder = true,
-  isOpen,
-  onOpenChange,
-  midpointsResult
-}) => {
+function useClaimWinnings(options = {}) {
+  const { onClaim, onClaimResult, onClaimSubmitError, externalClaimingKeys } = options;
   const labels = (0, import_hooks53.useLabels)();
-  if (!showPlaceOrder) return null;
-  const handleOpenChange = (nextOpen) => {
-    onOpenChange(nextOpen);
-  };
-  const handleClose = () => {
-    onOpenChange(false);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_jsx_runtime146.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Modal, { open: isOpen, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
-    Modal.Container,
-    {
-      classNames: {
-        content: "items-end p-0 sm:items-center sm:p-4",
-        container: cn(
-          "agg-mobile-trade-modal",
-          "w-full border-0 bg-transparent shadow-none",
-          classNames == null ? void 0 : classNames.mobileTradeModal
-        )
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Dialog4.Title, { className: "sr-only", children: labels.trading.confirmOrder }),
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Dialog4.Description, { className: "sr-only", children: labels.trading.disclaimer }),
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "agg-mobile-trade-handle relative flex w-full flex-col items-center sm:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-          "button",
-          {
-            type: "button",
-            className: "absolute right-3 top-4 z-100 flex cursor-pointer items-center justify-center rounded-full p-1 text-agg-muted-foreground hover:text-agg-foreground",
-            "aria-label": labels.common.close,
-            onClick: handleClose,
-            children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(CloseIcon, { className: "h-5 w-5" })
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
-          PlaceOrder,
-          {
-            eventTradingState,
-            executionMode,
-            midpointsResult,
-            className: cn(
-              "agg-mobile-trade-panel w-full overflow-hidden rounded-t-agg-2xl sm:rounded-agg-xl",
-              classNames == null ? void 0 : classNames.mobileTrade
-            ),
-            classNames: resolveMobileTradePlaceOrderClassNames(classNames),
-            onClose: handleClose
-          }
-        )
-      ]
+  const claimNotificationLabels = labels.notifications.claim;
+  const toastCtx = useOptionalToast();
+  const queryClient = (0, import_hooks53.useQueryClient)();
+  const redeemMutation = (0, import_hooks53.useRedeem)();
+  const [activeRedeems, setActiveRedeems] = (0, import_react31.useState)({});
+  const activeClaimKeysRef = (0, import_react31.useRef)(/* @__PURE__ */ new Set());
+  const pendingClaimToastIdsRef = (0, import_react31.useRef)({});
+  const submittedClaimToastKeysRef = (0, import_react31.useRef)(/* @__PURE__ */ new Set());
+  const [submittingClaimKeys, setSubmittingClaimKeys] = (0, import_react31.useState)({});
+  const lifecycleInputs = (0, import_react31.useMemo)(
+    () => Object.values(activeRedeems),
+    [activeRedeems]
+  );
+  const lifecycleStates = (0, import_hooks53.useRedeemLifecycles)(lifecycleInputs);
+  const internalClaimingIds = (0, import_react31.useMemo)(() => {
+    const out = __spreadValues({}, submittingClaimKeys);
+    for (const [claimKey, active] of Object.entries(activeRedeems)) {
+      const state = lifecycleStates[active.redeemId];
+      if (!state || !state.terminal) out[claimKey] = true;
     }
-  ) }) });
+    return out;
+  }, [activeRedeems, lifecycleStates, submittingClaimKeys]);
+  const claimingKeys = externalClaimingKeys != null ? externalClaimingKeys : internalClaimingIds;
+  const isClaiming = (0, import_react31.useCallback)(
+    (claimKey) => Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[claimKey]) || Boolean(internalClaimingIds[claimKey]),
+    [externalClaimingKeys, internalClaimingIds]
+  );
+  const invalidateClaimUiState = (0, import_react31.useCallback)(() => {
+    (0, import_hooks53.invalidateBalanceQueries)(queryClient);
+    (0, import_hooks53.invalidatePositionQueries)(queryClient);
+    queryClient.invalidateQueries({
+      queryKey: import_hooks53.executionKeys.claimablePositionsCount(),
+      refetchType: "active"
+    });
+    (0, import_hooks53.invalidateUserActivityQueries)(queryClient);
+  }, [queryClient]);
+  const claim = (0, import_react31.useCallback)(
+    (_0) => __async(null, [_0], function* ({ claimKey, winningOutcomeIds, payload }) {
+      if (activeClaimKeysRef.current.has(claimKey) || Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[claimKey]) || internalClaimingIds[claimKey]) {
+        return;
+      }
+      activeClaimKeysRef.current.add(claimKey);
+      setSubmittingClaimKeys((prev) => __spreadProps(__spreadValues({}, prev), { [claimKey]: true }));
+      const pendingToastId = toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.pendingMessage, {
+        title: claimNotificationLabels.pendingTitle,
+        tone: "info"
+      });
+      if (pendingToastId != null) {
+        pendingClaimToastIdsRef.current[claimKey] = pendingToastId;
+      }
+      if (onClaim) {
+        try {
+          yield onClaim(payload);
+          const pendingId = pendingClaimToastIdsRef.current[claimKey];
+          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+          delete pendingClaimToastIdsRef.current[claimKey];
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.successMessage, {
+            title: claimNotificationLabels.successTitle,
+            tone: "success"
+          });
+        } catch (err) {
+          const error = toClaimError(err);
+          console.error("[useClaimWinnings] redeem failed", error);
+          const pendingId = pendingClaimToastIdsRef.current[claimKey];
+          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+          delete pendingClaimToastIdsRef.current[claimKey];
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
+            title: claimNotificationLabels.failedTitle,
+            tone: "error"
+          });
+          onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
+          throw error;
+        } finally {
+          invalidateClaimUiState();
+          activeClaimKeysRef.current.delete(claimKey);
+          setSubmittingClaimKeys((prev) => {
+            const _a = prev, { [claimKey]: _removed } = _a, rest = __objRest(_a, [__restKey(claimKey)]);
+            return rest;
+          });
+        }
+        return;
+      }
+      if (winningOutcomeIds.length === 0) {
+        const error = new Error(claimNotificationLabels.missingOutcomeMessage);
+        console.error("[useClaimWinnings] redeem failed", error);
+        const pendingId = pendingClaimToastIdsRef.current[claimKey];
+        if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+        delete pendingClaimToastIdsRef.current[claimKey];
+        toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
+          title: claimNotificationLabels.failedTitle,
+          tone: "error"
+        });
+        onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
+        invalidateClaimUiState();
+        activeClaimKeysRef.current.delete(claimKey);
+        setSubmittingClaimKeys((prev) => {
+          const _a = prev, { [claimKey]: _removed } = _a, rest = __objRest(_a, [__restKey(claimKey)]);
+          return rest;
+        });
+        throw error;
+      }
+      try {
+        const response = yield redeemMutation.mutateAsync({
+          venueMarketOutcomeIds: winningOutcomeIds
+        });
+        const expectedOutcomeIds = [];
+        const preFailedOutcomeIds = [];
+        const preFailedReasons = {};
+        const preConfirmedOutcomeIds = [];
+        const preConfirmedTxHashes = {};
+        for (const result of response.results) {
+          if (result.status === "submitted") {
+            expectedOutcomeIds.push(result.venueMarketOutcomeId);
+          } else if (result.status === "confirmed") {
+            preConfirmedOutcomeIds.push(result.venueMarketOutcomeId);
+            preConfirmedTxHashes[result.venueMarketOutcomeId] = result.txHash;
+          } else if (result.status === "ineligible" || result.status === "rejected") {
+            preFailedOutcomeIds.push(result.venueMarketOutcomeId);
+            preFailedReasons[result.venueMarketOutcomeId] = result.reason;
+          }
+        }
+        if (expectedOutcomeIds.length > 0) {
+          const pendingId = pendingClaimToastIdsRef.current[claimKey];
+          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+          delete pendingClaimToastIdsRef.current[claimKey];
+          submittedClaimToastKeysRef.current.add(claimKey);
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.submittedMessage, {
+            title: claimNotificationLabels.submittedTitle,
+            tone: "success"
+          });
+        }
+        setActiveRedeems((prev) => __spreadProps(__spreadValues({}, prev), {
+          [claimKey]: {
+            redeemId: response.redeemId,
+            expectedOutcomeIds,
+            preFailedOutcomeIds,
+            preFailedReasons,
+            preConfirmedOutcomeIds,
+            preConfirmedTxHashes
+          }
+        }));
+        yield queryClient.invalidateQueries({ queryKey: ["current-user"] });
+      } catch (err) {
+        const error = toClaimError(err);
+        console.error("[useClaimWinnings] redeem failed", error);
+        const pendingId = pendingClaimToastIdsRef.current[claimKey];
+        if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+        delete pendingClaimToastIdsRef.current[claimKey];
+        toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
+          title: claimNotificationLabels.failedTitle,
+          tone: "error"
+        });
+        onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
+        throw error;
+      } finally {
+        activeClaimKeysRef.current.delete(claimKey);
+        setSubmittingClaimKeys((prev) => {
+          const _a = prev, { [claimKey]: _removed } = _a, rest = __objRest(_a, [__restKey(claimKey)]);
+          return rest;
+        });
+      }
+    }),
+    [
+      claimNotificationLabels,
+      externalClaimingKeys,
+      internalClaimingIds,
+      invalidateClaimUiState,
+      onClaim,
+      onClaimSubmitError,
+      queryClient,
+      redeemMutation,
+      toastCtx
+    ]
+  );
+  const firedTerminalRef = (0, import_react31.useRef)({});
+  (0, import_react31.useEffect)(() => {
+    var _a, _b;
+    for (const [claimKey, active] of Object.entries(activeRedeems)) {
+      const state = lifecycleStates[active.redeemId];
+      if (!state || !state.terminal) continue;
+      if (firedTerminalRef.current[active.redeemId]) continue;
+      firedTerminalRef.current[active.redeemId] = true;
+      onClaimResult == null ? void 0 : onClaimResult(claimKey, {
+        allConfirmed: state.allConfirmed,
+        anyFailed: state.anyFailed,
+        errorMessage: state.errorMessage
+      });
+      const pendingId = pendingClaimToastIdsRef.current[claimKey];
+      if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
+      delete pendingClaimToastIdsRef.current[claimKey];
+      if (state.allConfirmed) {
+        if (!submittedClaimToastKeysRef.current.has(claimKey)) {
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.successMessage, {
+            title: claimNotificationLabels.successTitle,
+            tone: "success"
+          });
+        }
+      } else if (state.anyFailed) {
+        const hasConfirmedLeg = Object.values(state.legs).some((leg) => leg.status === "confirmed");
+        if (hasConfirmedLeg) {
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.partialMessage((_a = state.errorMessage) != null ? _a : void 0), {
+            title: claimNotificationLabels.partialTitle,
+            tone: "warning"
+          });
+        } else {
+          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage((_b = state.errorMessage) != null ? _b : void 0), {
+            title: claimNotificationLabels.failedTitle,
+            tone: "error"
+          });
+        }
+      }
+      submittedClaimToastKeysRef.current.delete(claimKey);
+      invalidateClaimUiState();
+      delete firedTerminalRef.current[active.redeemId];
+      setActiveRedeems((prev) => {
+        const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
+        return rest;
+      });
+    }
+  }, [
+    activeRedeems,
+    claimNotificationLabels,
+    invalidateClaimUiState,
+    lifecycleStates,
+    onClaimResult,
+    toastCtx
+  ]);
+  return { claim, claimingKeys, isClaiming };
+}
+
+// src/trading/use-resolved-market-claim.ts
+var import_hooks54 = require("@agg-build/hooks");
+var import_react32 = require("react");
+var sharesFormatter = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
+var dateFormatter = new Intl.DateTimeFormat("en-US", {
+  month: "short",
+  day: "numeric",
+  year: "numeric"
+});
+var formatResolutionDate = (value) => {
+  if (!value) return "";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return "";
+  return dateFormatter.format(date);
+};
+function useResolvedMarketClaim(options = {}) {
+  var _a;
+  const { market, enabled = true, executionMode } = options;
+  const { isAuthenticated } = (0, import_hooks54.useAggAuthState)();
+  const tradingState = (0, import_react32.useMemo)(() => (0, import_hooks54.resolveMarketTradingState)(market), [market]);
+  const isResolved = tradingState.kind === "resolved";
+  const marketId = (_a = market == null ? void 0 : market.id) != null ? _a : null;
+  const shouldFetch = Boolean(enabled && isAuthenticated && isResolved && marketId);
+  const { positions } = (0, import_hooks54.useExecutionPositions)(__spreadValues({
+    enabled: shouldFetch,
+    status: "active",
+    limit: 50
+  }, executionMode === "paper" ? { mode: "paper" } : {}));
+  const claimWinnings = useClaimWinnings();
+  return (0, import_react32.useMemo)(() => {
+    var _a2, _b, _c;
+    if (!shouldFetch || !marketId) return void 0;
+    const group = positions.find(
+      (candidate) => candidate.targetMarketId === marketId
+    );
+    if (!group || group.venueMarket.status !== "resolved") return void 0;
+    const winningOutcomes = group.venueMarket.venueMarketOutcomes.filter(
+      (outcome) => outcome.winner === true && outcome.totalSize > 0
+    );
+    if (winningOutcomes.length === 0) return void 0;
+    const totals = (0, import_hooks54.computeClosedPositionTotals)(group);
+    const winningShares = winningOutcomes.reduce((sum, outcome) => sum + outcome.totalSize, 0);
+    const winningOutcomeLabel = ((_b = (_a2 = winningOutcomes[0]) == null ? void 0 : _a2.title) == null ? void 0 : _b.trim()) || ((_c = winningOutcomes[0]) == null ? void 0 : _c.label) || "";
+    const claimKey = group.targetMarketId;
+    const canClaim = group.redeemStatus === "eligible" && totals.winningOutcomeIds.length > 0;
+    return {
+      resolutionDateLabel: formatResolutionDate(group.resolutionDate),
+      winningOutcomeLabel,
+      sharesLabel: `${sharesFormatter.format(winningShares)} ${winningOutcomeLabel}`.trim(),
+      // Payout is always shown with 2 decimals (e.g. "$8.50"), matching the
+      // resolved-earnings design and the profile positions list.
+      totalPayoutLabel: formatUsd(totals.amountWon, {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      }),
+      isClaiming: claimWinnings.isClaiming(claimKey),
+      onClaim: canClaim ? () => {
+        void claimWinnings.claim({
+          claimKey,
+          winningOutcomeIds: totals.winningOutcomeIds
+        });
+      } : void 0
+    };
+  }, [claimWinnings, marketId, positions, shouldFetch]);
+}
+
+// src/pages/event-market/event-market.utils.ts
+var EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX = 48;
+var EVENT_MARKET_PAGE_STICKY_SPACING_PX = 32;
+var EVENT_MARKET_PAGE_STICKY_TOP_PX = EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX + EVENT_MARKET_PAGE_STICKY_SPACING_PX;
+var EVENT_MARKET_PAGE_STICKY_TOP_CSS_VAR = "--agg-event-market-sidebar-top";
+var EVENT_MARKET_PAGE_STICKY_SPACING_CSS_VAR = "--agg-event-market-sidebar-spacing";
+var toCssLength = (value, fallback) => {
+  if (typeof value === "number") {
+    return `${value}px`;
+  }
+  return value != null ? value : `${fallback}px`;
+};
+var deriveSpacingFromTop = (top) => {
+  if (typeof top !== "number") {
+    return void 0;
+  }
+  return Math.max(top - EVENT_MARKET_PAGE_STICKY_HEADER_OFFSET_PX, 0);
+};
+var resolveEventMarketPageStickyState = ({
+  stickyOrderPanel
+}) => {
+  var _a, _b;
+  const isEnabled = (_a = stickyOrderPanel == null ? void 0 : stickyOrderPanel.enabled) != null ? _a : Boolean(stickyOrderPanel);
+  if (!isEnabled) {
+    return {
+      contentClassName: cn(),
+      sidebarClassName: cn("pt-4 sm:pt-6 md:pt-8 pb-10"),
+      placeOrder: cn("mb-10"),
+      mainClassName: cn("pt-4 sm:pt-6 md:pt-8"),
+      style: {}
+    };
+  }
+  return {
+    contentClassName: cn("lg:items-stretch!"),
+    sidebarClassName: cn(
+      "pt-4 sm:pt-6 md:pt-8 pb-10",
+      "lg:self-start lg:sticky lg:top-[var(--agg-event-market-sidebar-top)] lg:max-h-[calc(100vh-var(--agg-event-market-sidebar-top))] lg:overflow-y-auto lg:overscroll-contain",
+      stickyOrderPanel == null ? void 0 : stickyOrderPanel.className
+    ),
+    placeOrder: cn("mb-10"),
+    mainClassName: cn("pt-4 sm:pt-6 md:pt-8"),
+    style: {
+      [EVENT_MARKET_PAGE_STICKY_TOP_CSS_VAR]: toCssLength(
+        stickyOrderPanel == null ? void 0 : stickyOrderPanel.top,
+        EVENT_MARKET_PAGE_STICKY_TOP_PX
+      ),
+      [EVENT_MARKET_PAGE_STICKY_SPACING_CSS_VAR]: toCssLength(
+        (_b = stickyOrderPanel == null ? void 0 : stickyOrderPanel.spacing) != null ? _b : deriveSpacingFromTop(stickyOrderPanel == null ? void 0 : stickyOrderPanel.top),
+        EVENT_MARKET_PAGE_STICKY_SPACING_PX
+      )
+    }
+  };
+};
+
+// src/pages/event-market/index.tsx
+var import_jsx_runtime146 = require("react/jsx-runtime");
+var MOBILE_EVENT_MARKET_MEDIA_QUERY = "(max-width: 1023px)";
+var getIsMobileEventMarketViewport = () => {
+  if (typeof window === "undefined") return false;
+  if (typeof window.matchMedia !== "function") return false;
+  return window.matchMedia(MOBILE_EVENT_MARKET_MEDIA_QUERY).matches;
+};
+var useIsMobileEventMarketViewport = () => {
+  const [isMobileViewport, setIsMobileViewport] = (0, import_react33.useState)(getIsMobileEventMarketViewport);
+  (0, import_react33.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    if (typeof window.matchMedia !== "function") return;
+    const mediaQueryList = window.matchMedia(MOBILE_EVENT_MARKET_MEDIA_QUERY);
+    const handleChange = () => {
+      setIsMobileViewport(mediaQueryList.matches);
+    };
+    handleChange();
+    mediaQueryList.addEventListener("change", handleChange);
+    return () => {
+      mediaQueryList.removeEventListener("change", handleChange);
+    };
+  }, []);
+  return isMobileViewport;
+};
+var resolveDesktopTradePlaceOrderClassNames = (classNames) => {
+  const resolvedClassNames = {
+    body: classNames == null ? void 0 : classNames.tradeBody,
+    content: classNames == null ? void 0 : classNames.tradeContent,
+    footer: classNames == null ? void 0 : classNames.tradeFooter,
+    header: classNames == null ? void 0 : classNames.tradeHeader
+  };
+  if (!Object.values(resolvedClassNames).some(Boolean)) {
+    return void 0;
+  }
+  return resolvedClassNames;
+};
+var resolveMobileTradePlaceOrderClassNames = (classNames) => {
+  return {
+    root: "rounded-t-agg-2xl rounded-b-none md:rounded-agg-2xl md:rounded-b-agg-2xl",
+    body: cn("flex h-full min-h-0 flex-col", classNames == null ? void 0 : classNames.tradeBody, classNames == null ? void 0 : classNames.mobileTradeBody),
+    content: cn(
+      "min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
+      classNames == null ? void 0 : classNames.tradeContent,
+      classNames == null ? void 0 : classNames.mobileTradeContent
+    ),
+    footer: cn(classNames == null ? void 0 : classNames.tradeFooter, classNames == null ? void 0 : classNames.mobileTradeFooter),
+    header: cn(
+      "sticky top-0 z-10 bg-agg-secondary",
+      classNames == null ? void 0 : classNames.tradeHeader,
+      classNames == null ? void 0 : classNames.mobileTradeHeader
+    )
+  };
+};
+var EventMarketPageMobileTrade = ({
+  classNames,
+  eventTradingState,
+  executionMode,
+  showPlaceOrder = true,
+  isOpen,
+  onOpenChange,
+  midpointsResult,
+  onBeforePrimaryAction
+}) => {
+  const labels = (0, import_hooks55.useLabels)();
+  if (!showPlaceOrder) return null;
+  const handleOpenChange = (nextOpen) => {
+    onOpenChange(nextOpen);
+  };
+  const handleClose = () => {
+    onOpenChange(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_jsx_runtime146.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Modal, { open: isOpen, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(
+    Modal.Container,
+    {
+      classNames: {
+        content: "items-end p-0 sm:items-center sm:p-4",
+        container: cn(
+          "agg-mobile-trade-modal",
+          "w-full border-0 bg-transparent shadow-none",
+          classNames == null ? void 0 : classNames.mobileTradeModal
+        )
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Dialog4.Title, { className: "sr-only", children: labels.trading.confirmOrder }),
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Dialog4.Description, { className: "sr-only", children: labels.trading.disclaimer }),
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className: "agg-mobile-trade-handle relative flex w-full flex-col items-center sm:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "absolute right-3 top-4 z-100 flex cursor-pointer items-center justify-center rounded-full p-1 text-agg-muted-foreground hover:text-agg-foreground",
+            "aria-label": labels.common.close,
+            onClick: handleClose,
+            children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(CloseIcon, { className: "h-5 w-5" })
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
+          PlaceOrder,
+          {
+            eventTradingState,
+            executionMode,
+            midpointsResult,
+            onBeforePrimaryAction,
+            className: cn(
+              "agg-mobile-trade-panel w-full overflow-hidden rounded-t-agg-2xl sm:rounded-agg-xl",
+              classNames == null ? void 0 : classNames.mobileTrade
+            ),
+            classNames: resolveMobileTradePlaceOrderClassNames(classNames),
+            onClose: handleClose
+          }
+        )
+      ]
+    }
+  ) }) });
 };
 var EventMarketPageUnavailableState = ({
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks53.useLabels)();
+  const labels = (0, import_hooks55.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
     StateMessage,
     {
@@ -19660,7 +20115,7 @@ var EventMarketPageUnavailableState = ({
 var EventMarketPageNotFoundState = ({
   ariaLabel: _ariaLabel
 }) => {
-  const labels = (0, import_hooks53.useLabels)();
+  const labels = (0, import_hooks55.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
     StateMessage,
     {
@@ -19757,26 +20212,33 @@ var EventMarketPageContent = ({
   showPlaceOrder,
   executionMode,
   stickyOrderPanel,
-  resolvedClaim
+  resolvedClaim,
+  onBeforePrimaryAction
 }) => {
-  const eventTradingState = (0, import_react31.useMemo)(() => (0, import_hooks53.resolveEventTradingState)(event), [event]);
+  const eventTradingState = (0, import_react33.useMemo)(() => (0, import_hooks55.resolveEventTradingState)(event), [event]);
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
   const {
     trading: { executionMode: configuredExecutionMode }
-  } = (0, import_hooks53.useSdkUiConfig)();
+  } = (0, import_hooks55.useSdkUiConfig)();
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
-  const [isMobileTradeOpen, setIsMobileTradeOpen] = (0, import_react31.useState)(false);
+  const [isMobileTradeOpen, setIsMobileTradeOpen] = (0, import_react33.useState)(false);
   const isMobileViewport = useIsMobileEventMarketViewport();
-  const tradingContext = (0, import_hooks53.useEventTradingContext)();
-  const midpointsResult = (0, import_hooks53.useMidpoints)(event.venueMarkets);
-  const setTradeSideRef = (0, import_react31.useRef)(tradingContext == null ? void 0 : tradingContext.setTradeSide);
+  const tradingContext = (0, import_hooks55.useEventTradingContext)();
+  const midpointsResult = (0, import_hooks55.useMidpoints)(event.venueMarkets);
+  const internalResolvedClaim = useResolvedMarketClaim({
+    market: eventTradingState.primaryMarket,
+    enabled: eventTradingState.kind === "resolved",
+    executionMode: resolvedExecutionMode
+  });
+  const effectiveResolvedClaim = resolvedClaim != null ? resolvedClaim : internalResolvedClaim;
+  const setTradeSideRef = (0, import_react33.useRef)(tradingContext == null ? void 0 : tradingContext.setTradeSide);
   setTradeSideRef.current = tradingContext == null ? void 0 : tradingContext.setTradeSide;
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     return () => {
       var _a;
-      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, import_hooks53.TradeSide.Buy);
+      (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, import_hooks55.TradeSide.Buy);
     };
   }, []);
   if (!event.venueMarkets.length) {
@@ -19848,8 +20310,9 @@ var EventMarketPageContent = ({
                       {
                         eventTradingState,
                         executionMode: resolvedExecutionMode,
-                        resolvedClaim,
+                        resolvedClaim: effectiveResolvedClaim,
                         midpointsResult,
+                        onBeforePrimaryAction,
                         className: cn(
                           "agg-mobile-trade-panel w-full overflow-hidden",
                           classNames == null ? void 0 : classNames.mobileTrade
@@ -19874,8 +20337,9 @@ var EventMarketPageContent = ({
                     {
                       eventTradingState,
                       executionMode: resolvedExecutionMode,
-                      resolvedClaim,
+                      resolvedClaim: effectiveResolvedClaim,
                       midpointsResult,
+                      onBeforePrimaryAction,
                       className: cn(stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.placeOrder, classNames == null ? void 0 : classNames.trade),
                       classNames: resolveDesktopTradePlaceOrderClassNames(classNames)
                     }
@@ -19894,7 +20358,8 @@ var EventMarketPageContent = ({
             showPlaceOrder,
             isOpen: isMobileTradeOpen,
             onOpenChange: setIsMobileTradeOpen,
-            midpointsResult
+            midpointsResult,
+            onBeforePrimaryAction
           }
         ) : null
       ]
@@ -19908,7 +20373,7 @@ var EventMarketPage = (props) => {
     event: fetchedEvent,
     error: eventError,
     isLoading: isFetchingEvent
-  } = (0, import_hooks53.useEnrichedVenueEvent)({
+  } = (0, import_hooks55.useEnrichedVenueEvent)({
     eventId: hasEventProp ? "" : (_a = props.eventId) != null ? _a : "",
     enabled: !props.isLoading && !hasEventProp && !!props.eventId
   });
@@ -20007,15 +20472,15 @@ var resolveInitialTabValue = (tabs, defaultActiveTab) => {
 };
 
 // src/pages/home/use-scroll-restoration.ts
-var import_react32 = require("react");
+var import_react34 = require("react");
 function useScrollRestoration({
   enabled,
   scrollY,
   isReady
 }) {
-  const restoredRef = (0, import_react32.useRef)(false);
-  const [isRestoring, setIsRestoring] = (0, import_react32.useState)(enabled && scrollY > 0);
-  (0, import_react32.useLayoutEffect)(() => {
+  const restoredRef = (0, import_react34.useRef)(false);
+  const [isRestoring, setIsRestoring] = (0, import_react34.useState)(enabled && scrollY > 0);
+  (0, import_react34.useLayoutEffect)(() => {
     if (!enabled || restoredRef.current) return;
     if (!isReady) return;
     restoredRef.current = true;
@@ -20028,15 +20493,15 @@ function useScrollRestoration({
 }
 
 // src/pages/home/use-home-page-modals.ts
-var import_react33 = require("react");
+var import_react35 = require("react");
 var useHomePageModals = () => {
-  const [profileOpen, setProfileOpen] = (0, import_react33.useState)(false);
-  const [depositOpen, setDepositOpen] = (0, import_react33.useState)(false);
-  const [withdrawOpen, setWithdrawOpen] = (0, import_react33.useState)(false);
-  const onProfileClick = (0, import_react33.useCallback)(() => setProfileOpen(true), []);
-  const onDepositClick = (0, import_react33.useCallback)(() => setDepositOpen(true), []);
-  const onWithdrawClick = (0, import_react33.useCallback)(() => setWithdrawOpen(true), []);
-  (0, import_react33.useEffect)(() => {
+  const [profileOpen, setProfileOpen] = (0, import_react35.useState)(false);
+  const [depositOpen, setDepositOpen] = (0, import_react35.useState)(false);
+  const [withdrawOpen, setWithdrawOpen] = (0, import_react35.useState)(false);
+  const onProfileClick = (0, import_react35.useCallback)(() => setProfileOpen(true), []);
+  const onDepositClick = (0, import_react35.useCallback)(() => setDepositOpen(true), []);
+  const onWithdrawClick = (0, import_react35.useCallback)(() => setWithdrawOpen(true), []);
+  (0, import_react35.useEffect)(() => {
     if (typeof window === "undefined") return;
     window.addEventListener(DEPOSIT_MODAL_OPEN_EVENT, onDepositClick);
     window.addEventListener(WITHDRAW_MODAL_OPEN_EVENT, onWithdrawClick);
@@ -20073,20 +20538,20 @@ var HomeSearchResults = ({
   onEventClick,
   onMarketClick
 }) => {
-  const labels = (0, import_hooks54.useLabels)();
-  const { search: searchConfig } = (0, import_hooks54.useSdkUiConfig)();
-  const { disabledVenues } = (0, import_hooks54.useAppConfig)();
-  const [activeVenueTabValue, setActiveVenueTabValue] = (0, import_react34.useState)("matched");
+  const labels = (0, import_hooks56.useLabels)();
+  const { search: searchConfig } = (0, import_hooks56.useSdkUiConfig)();
+  const { disabledVenues } = (0, import_hooks56.useAppConfig)();
+  const [activeVenueTabValue, setActiveVenueTabValue] = (0, import_react36.useState)("matched");
   const eventListTabs = useEventListTabs();
   const { headerRef, titleRef, shouldUseSelectOverflow } = useEventListTabsHeaderOverflow(eventListTabs);
-  const visibleVenues = (0, import_react34.useMemo)(
-    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks54.getVisibleVenueIdsByConfig)(import_sdk18.VENUES, disabledVenues),
+  const visibleVenues = (0, import_react36.useMemo)(
+    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks56.getVisibleVenueIdsByConfig)(import_sdk18.VENUES, disabledVenues),
     [disabledVenues]
   );
-  const activeVenueTab = (0, import_react34.useMemo)(() => {
+  const activeVenueTab = (0, import_react36.useMemo)(() => {
     return eventListTabs.find((tab) => tab.value === activeVenueTabValue);
   }, [activeVenueTabValue, eventListTabs]);
-  const activeCategoryTab = (0, import_react34.useMemo)(() => {
+  const activeCategoryTab = (0, import_react36.useMemo)(() => {
     return resolvedTabs.find((tab) => tab.value === activeTabValue);
   }, [activeTabValue, resolvedTabs]);
   const activeVenues = resolveTabVenus(activeVenueTab, visibleVenues);
@@ -20098,7 +20563,7 @@ var HomeSearchResults = ({
     hasNextPage,
     isFetchingNextPage,
     isPlaceholderData
-  } = (0, import_hooks54.useSearch)({
+  } = (0, import_hooks56.useSearch)({
     q: query,
     type: "events",
     categoryIds: activeTabValue === ALL_CATEGORIES_TAB_VALUE ? void 0 : activeCategoryTab == null ? void 0 : activeCategoryTab.categoryIds,
@@ -20110,15 +20575,15 @@ var HomeSearchResults = ({
     // so debounced keystrokes don't pay reranker latency.
     deep: true
   });
-  const openEvents = (0, import_react34.useMemo)(() => {
+  const openEvents = (0, import_react36.useMemo)(() => {
     let filtered = filterOpenEvents(searchResults);
     if (activeVenues == null ? void 0 : activeVenues.length) {
       filtered = filtered.filter((e) => activeVenues.includes(e.venue));
     }
     return filtered;
   }, [searchResults, activeVenues]);
-  const loadMoreRef = (0, import_react34.useRef)(null);
-  (0, import_react34.useEffect)(() => {
+  const loadMoreRef = (0, import_react36.useRef)(null);
+  (0, import_react36.useEffect)(() => {
     if (!hasNextPage) return;
     const target = loadMoreRef.current;
     if (!target) return;
@@ -20260,7 +20725,7 @@ var HomePage = ({
   stickyOrderPanel
 }) => {
   var _a, _b, _c, _d;
-  const labels = (0, import_hooks54.useLabels)();
+  const labels = (0, import_hooks56.useLabels)();
   const {
     search: {
       value: searchValue,
@@ -20270,11 +20735,11 @@ var HomePage = ({
       onSelect: onSelectEventInternal
     },
     trading: { executionMode }
-  } = (0, import_hooks54.useSdkUiConfig)();
-  const { capture, consume } = (0, import_hooks54.useEventListState)();
-  const [snapshot] = (0, import_react34.useState)(() => consume());
-  const eventListStateRef = (0, import_react34.useRef)(null);
-  const handleSelectEvent = (0, import_react34.useCallback)(
+  } = (0, import_hooks56.useSdkUiConfig)();
+  const { capture, consume } = (0, import_hooks56.useEventListState)();
+  const [snapshot] = (0, import_react36.useState)(() => consume());
+  const eventListStateRef = (0, import_react36.useRef)(null);
+  const handleSelectEvent = (0, import_react36.useCallback)(
     (event) => {
       var _a2, _b2, _c2, _d2;
       capture({
@@ -20293,14 +20758,14 @@ var HomePage = ({
   );
   const hasCustomTabs = !!tabs && tabs.length > 0;
   const normalizedSearchValue = searchValue.trim();
-  const [stickySelectedEvent, setStickySelectedEvent] = (0, import_react34.useState)(
+  const [stickySelectedEvent, setStickySelectedEvent] = (0, import_react36.useState)(
     selectedEvent
   );
-  const [debouncedSearchValue, setDebouncedSearchValue] = (0, import_react34.useState)(() => {
+  const [debouncedSearchValue, setDebouncedSearchValue] = (0, import_react36.useState)(() => {
     return normalizedSearchValue.length >= MIN_SEARCH_LENGTH2 ? normalizedSearchValue : "";
   });
-  const [isMobileSearchViewport, setIsMobileSearchViewport] = (0, import_react34.useState)(false);
-  (0, import_react34.useEffect)(() => {
+  const [isMobileSearchViewport, setIsMobileSearchViewport] = (0, import_react36.useState)(false);
+  (0, import_react36.useEffect)(() => {
     if (typeof window === "undefined") return;
     const mediaQueryList = window.matchMedia(MOBILE_HOME_SEARCH_MEDIA_QUERY);
     const handleMediaQueryChange = (event) => {
@@ -20318,7 +20783,7 @@ var HomePage = ({
       mediaQueryList.removeListener(handleMediaQueryChange);
     };
   }, []);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (normalizedSearchValue.length < MIN_SEARCH_LENGTH2) {
       setDebouncedSearchValue("");
       return;
@@ -20330,7 +20795,7 @@ var HomePage = ({
       window.clearTimeout(timeoutId);
     };
   }, [normalizedSearchValue]);
-  (0, import_react34.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (selectedEvent) {
       setStickySelectedEvent(selectedEvent);
       return;
@@ -20341,34 +20806,34 @@ var HomePage = ({
   }, [isShowingAllResults, normalizedSearchValue, selectedEvent]);
   const resolvedSelectedEvent = selectedEvent != null ? selectedEvent : stickySelectedEvent;
   const resolvedAllCategoryTabLabel = allCategoryTabLabel === DEFAULT_ALL_CATEGORY_TAB_LABEL ? labels.home.trending : allCategoryTabLabel;
-  const { categories } = (0, import_hooks54.useCategories)({
+  const { categories } = (0, import_hooks56.useCategories)({
     limit: categoriesLimit,
     enabled: !hasCustomTabs
   });
-  const categoryTabs = (0, import_react34.useMemo)(() => {
+  const categoryTabs = (0, import_react36.useMemo)(() => {
     return resolveCategoryTabs(categories, resolvedAllCategoryTabLabel);
   }, [categories, resolvedAllCategoryTabLabel]);
-  const resolvedTabs = (0, import_react34.useMemo)(() => {
+  const resolvedTabs = (0, import_react36.useMemo)(() => {
     if (hasCustomTabs && tabs) return tabs;
     return categoryTabs;
   }, [categoryTabs, hasCustomTabs, tabs]);
   const resolvedEventSectionItems = eventSectionItems && eventSectionItems.length > 0 ? eventSectionItems : getDefaultEventSectionItems(labels);
-  const [activeTabValue, setActiveTabValue] = (0, import_react34.useState)(() => {
+  const [activeTabValue, setActiveTabValue] = (0, import_react36.useState)(() => {
     if (snapshot == null ? void 0 : snapshot.categoryTab) {
       return snapshot.categoryTab;
     }
     return resolveInitialTabValue(resolvedTabs, defaultActiveTab);
   });
-  const activeTabValueRef = (0, import_react34.useRef)(activeTabValue);
+  const activeTabValueRef = (0, import_react36.useRef)(activeTabValue);
   activeTabValueRef.current = activeTabValue;
-  (0, import_react34.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     setActiveTabValue((currentValue) => {
       const hasCurrentValue = resolvedTabs.some((tab) => tab.value === currentValue);
       if (hasCurrentValue) return currentValue;
       return resolveInitialTabValue(resolvedTabs, defaultActiveTab);
     });
   }, [defaultActiveTab, resolvedTabs]);
-  const tabsItems = (0, import_react34.useMemo)(() => {
+  const tabsItems = (0, import_react36.useMemo)(() => {
     return resolvedTabs.map((tab) => {
       const isActive = tab.value === activeTabValue;
       return {
@@ -20388,10 +20853,10 @@ var HomePage = ({
       };
     });
   }, [activeTabValue, resolvedTabs]);
-  const activeTab = (0, import_react34.useMemo)(() => {
+  const activeTab = (0, import_react36.useMemo)(() => {
     return resolvedTabs.find((tab) => tab.value === activeTabValue);
   }, [activeTabValue, resolvedTabs]);
-  const resolvedSectionItems = (0, import_react34.useMemo)(() => {
+  const resolvedSectionItems = (0, import_react36.useMemo)(() => {
     var _a2, _b2, _c2;
     if (activeTabValue === ALL_CATEGORIES_TAB_VALUE) {
       return resolvedEventSectionItems;
@@ -20551,9 +21016,9 @@ var HomePage = ({
 HomePage.displayName = "HomePage";
 
 // src/pages/user-profile/index.tsx
-var import_hooks59 = require("@agg-build/hooks");
+var import_hooks61 = require("@agg-build/hooks");
 var import_sdk19 = require("@agg-build/sdk");
-var import_react36 = require("react");
+var import_react38 = require("react");
 
 // src/pages/user-profile/chain-display.ts
 var CHAIN_ID_TO_LABEL = {
@@ -20576,7 +21041,7 @@ var formatChainIdLabel = (chainId) => {
 };
 
 // src/pages/user-profile/components/available-balance-card.tsx
-var import_hooks55 = require("@agg-build/hooks");
+var import_hooks57 = require("@agg-build/hooks");
 var import_jsx_runtime148 = require("react/jsx-runtime");
 var BASE_URL = "https://assets.snagsolutions.io";
 var CHAIN_ID_TO_ICON_URL = {
@@ -20631,7 +21096,7 @@ var AvailableBalanceCard = ({
   isLoading = false,
   className
 }) => {
-  const labels = (0, import_hooks55.useLabels)();
+  const labels = (0, import_hooks57.useLabels)();
   const balanceLabels = labels.userProfile.balance;
   const resolvedLabel = label2 != null ? label2 : balanceLabels.availableBalance;
   const hasPaperBalance = chains.some(isPaperChain);
@@ -20790,8 +21255,8 @@ var AvailableBalanceCard = ({
 AvailableBalanceCard.displayName = "AvailableBalanceCard";
 
 // src/pages/user-profile/components/positions-activity.tsx
-var import_hooks57 = require("@agg-build/hooks");
-var import_react35 = require("react");
+var import_hooks59 = require("@agg-build/hooks");
+var import_react37 = require("react");
 
 // src/pages/user-profile/user-profile.constants.ts
 var USER_PROFILE_TAB_POSITIONS = "positions";
@@ -21640,7 +22105,7 @@ var EmptyState = ({ title: title2, description, className }) => {
 EmptyState.displayName = "EmptyState";
 
 // src/pages/user-profile/components/position-row.tsx
-var import_hooks56 = require("@agg-build/hooks");
+var import_hooks58 = require("@agg-build/hooks");
 var import_jsx_runtime151 = require("react/jsx-runtime");
 var shouldUseNativeLinkNavigation2 = (event) => {
   return event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || event.button === 1;
@@ -21778,7 +22243,7 @@ var PositionRow = ({
   onClaim,
   isClaiming = false
 }) => {
-  const labels = (0, import_hooks56.useLabels)().userProfile.positions;
+  const labels = (0, import_hooks58.useLabels)().userProfile.positions;
   const model = toPositionRowViewModel(position, {
     avgPrefix: labels.avgPrefix,
     nowPrefix: labels.nowPrefix,
@@ -21832,7 +22297,7 @@ var PositionRow = ({
             /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("div", { className: "agg-position-image flex h-10 w-10 shrink-0 items-center justify-center md:h-15 md:w-15", children: /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(
               RemoteImage,
               {
-                src: (0, import_hooks56.optimizedImageUrl)(model.thumbnailSrc, 60),
+                src: (0, import_hooks58.optimizedImageUrl)(model.thumbnailSrc, 60),
                 alt: "",
                 className: "h-full w-full rounded-agg-sm object-cover"
               }
@@ -21958,7 +22423,7 @@ var tabItems = [
   // Restore by re-adding USER_PROFILE_TAB_OPEN_ORDERS here and the renderer below.
   { value: USER_PROFILE_TAB_ACTIVITY, label: "Activity" }
 ];
-var TabRowsSkeleton = ({ ariaLabel }) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { role: "status", "aria-label": ariaLabel, className: "flex flex-col gap-3 sm:gap-4", children: Array.from({ length: 3 }).map((_, index, acc) => /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(import_react35.Fragment, { children: [
+var TabRowsSkeleton = ({ ariaLabel }) => /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { role: "status", "aria-label": ariaLabel, className: "flex flex-col gap-3 sm:gap-4", children: Array.from({ length: 3 }).map((_, index, acc) => /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(import_react37.Fragment, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "h-14 rounded-agg-sm bg-agg-secondary-hover/80 sm:h-16" }, index),
   index < acc.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", { className: "agg-position-divider h-px w-full shrink-0 bg-agg-separator", "aria-hidden": true }) : null
 ] }, index)) });
@@ -21991,9 +22456,9 @@ var PositionsActivity = ({
   initialPositionFilter = "active",
   className
 }) => {
-  const positionsLabels = (0, import_hooks57.useLabels)().userProfile.positions;
+  const positionsLabels = (0, import_hooks59.useLabels)().userProfile.positions;
   const isTabControlled = tab !== void 0;
-  const [internalActiveTab, setInternalActiveTab] = (0, import_react35.useState)(
+  const [internalActiveTab, setInternalActiveTab] = (0, import_react37.useState)(
     tab != null ? tab : USER_PROFILE_TAB_POSITIONS
   );
   const activeTab = isTabControlled ? tab : internalActiveTab;
@@ -22001,19 +22466,19 @@ var PositionsActivity = ({
     if (!isTabControlled) setInternalActiveTab(next);
     onTabChange == null ? void 0 : onTabChange(next);
   };
-  const [positionFilter, setPositionFilter] = (0, import_react35.useState)(initialPositionFilter);
-  const [searchValue, setSearchValue] = (0, import_react35.useState)("");
-  const [isSearchFocused, setIsSearchFocused] = (0, import_react35.useState)(false);
-  const [locallyClaimedPositionIds, setLocallyClaimedPositionIds] = (0, import_react35.useState)(
+  const [positionFilter, setPositionFilter] = (0, import_react37.useState)(initialPositionFilter);
+  const [searchValue, setSearchValue] = (0, import_react37.useState)("");
+  const [isSearchFocused, setIsSearchFocused] = (0, import_react37.useState)(false);
+  const [locallyClaimedPositionIds, setLocallyClaimedPositionIds] = (0, import_react37.useState)(
     () => /* @__PURE__ */ new Set()
   );
-  const positionsLoadMoreRef = (0, import_react35.useRef)(null);
-  const activitiesLoadMoreRef = (0, import_react35.useRef)(null);
-  const rowsScrollRef = (0, import_react35.useRef)(null);
+  const positionsLoadMoreRef = (0, import_react37.useRef)(null);
+  const activitiesLoadMoreRef = (0, import_react37.useRef)(null);
+  const rowsScrollRef = (0, import_react37.useRef)(null);
   const isPositionsTab = activeTab === USER_PROFILE_TAB_POSITIONS;
   const isActivityTab = activeTab === USER_PROFILE_TAB_ACTIVITY;
   const isClosedPositionsFilter = isPositionsTab && positionFilter === "closed";
-  const positionsForCurrentFilter = (0, import_react35.useMemo)(() => {
+  const positionsForCurrentFilter = (0, import_react37.useMemo)(() => {
     if (positionFilter === "active") {
       return activePositions.filter((position) => !locallyClaimedPositionIds.has(position.id));
     }
@@ -22030,7 +22495,7 @@ var PositionsActivity = ({
     }
     return Array.from(byId.values());
   }, [activePositions, closedPositions, locallyClaimedPositionIds, positionFilter]);
-  const filteredPositions = (0, import_react35.useMemo)(() => {
+  const filteredPositions = (0, import_react37.useMemo)(() => {
     if (!searchValue.trim()) return positionsForCurrentFilter;
     const q = searchValue.toLowerCase();
     return positionsForCurrentFilter.filter((p) => p.title.toLowerCase().includes(q));
@@ -22055,7 +22520,7 @@ var PositionsActivity = ({
   const isLoadingMorePositions = positionFilter === "active" ? isLoadingMoreActivePositions : isLoadingMoreClosedPositions;
   const loadMorePositions = positionFilter === "active" ? onLoadMoreActivePositions : onLoadMoreClosedPositions;
   const filteredActivities = activities;
-  const searchResults = (0, import_react35.useMemo)(() => {
+  const searchResults = (0, import_react37.useMemo)(() => {
     if (!isPositionsTab || !searchValue.trim()) return [];
     return filteredPositions.slice(0, 5).map((position) => ({
       id: position.id,
@@ -22073,11 +22538,11 @@ var PositionsActivity = ({
   const handleSearchChange = (event) => {
     setSearchValue(event.target.value);
   };
-  (0, import_react35.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (isPositionsTab) return;
     setIsSearchFocused(false);
   }, [isPositionsTab]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (!isPositionsTab || !hasMorePositions) return;
     const target = positionsLoadMoreRef.current;
     if (!target || !loadMorePositions) return;
@@ -22099,7 +22564,7 @@ var PositionsActivity = ({
     isPositionsTab,
     loadMorePositions
   ]);
-  (0, import_react35.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     if (!isActivityTab || !hasMoreActivities) return;
     const target = activitiesLoadMoreRef.current;
     if (!target || !onLoadMoreActivities) return;
@@ -22218,7 +22683,7 @@ var PositionsActivity = ({
                                 /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
                                   "img",
                                   {
-                                    src: (0, import_hooks57.optimizedImageUrl)(item.thumbnailSrc, 48),
+                                    src: (0, import_hooks59.optimizedImageUrl)(item.thumbnailSrc, 48),
                                     alt: "",
                                     className: "size-12 shrink-0 rounded-agg-lg object-cover"
                                   }
@@ -22326,7 +22791,7 @@ var PositionsActivity = ({
                         }
                       ) : filteredPositions.length > 0 ? filteredPositions.map((position, index) => {
                         var _a;
-                        return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(import_react35.Fragment, { children: [
+                        return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(import_react37.Fragment, { children: [
                           index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
                             "div",
                             {
@@ -22371,7 +22836,7 @@ var PositionsActivity = ({
                           title: "Unable to load activity",
                           description: "Please try again in a moment."
                         }
-                      ) : filteredActivities.length > 0 ? filteredActivities.map((activity, index) => /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(import_react35.Fragment, { children: [
+                      ) : filteredActivities.length > 0 ? filteredActivities.map((activity, index) => /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(import_react37.Fragment, { children: [
                         index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(
                           "div",
                           {
@@ -22461,7 +22926,7 @@ var PositionsValueCard = ({
 PositionsValueCard.displayName = "PositionsValueCard";
 
 // src/pages/user-profile/components/user-info-card.tsx
-var import_hooks58 = require("@agg-build/hooks");
+var import_hooks60 = require("@agg-build/hooks");
 
 // src/pages/user-profile/components/default-avatar.tsx
 var import_jsx_runtime154 = require("react/jsx-runtime");
@@ -22520,7 +22985,7 @@ var UserInfoCard = ({
   className
 }) => {
   var _a;
-  const labels = (0, import_hooks58.useLabels)();
+  const labels = (0, import_hooks60.useLabels)();
   const wallets = (_a = user.connectedWallets) != null ? _a : [];
   const hasWallets = wallets.length > 0;
   return /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(
@@ -22536,7 +23001,7 @@ var UserInfoCard = ({
           /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("div", { className: "agg-profile-avatar shrink-0", children: user.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
             RemoteImage,
             {
-              src: (0, import_hooks58.optimizedImageUrl)(user.avatarUrl, 120),
+              src: (0, import_hooks60.optimizedImageUrl)(user.avatarUrl, 120),
               alt: user.username,
               className: "h-20 w-20 rounded-full object-cover sm:h-[120px] sm:w-[120px]"
             }
@@ -23032,10 +23497,6 @@ function buildVenueShareBreakdown(outcome) {
     sharesLabel: `${twoDecimalNumberFormatter.format(row.size)} shares`
   }));
 }
-var toClaimError = (err) => {
-  if (err instanceof Error) return err;
-  return new Error(String(err));
-};
 var UserProfilePage = ({
   user,
   balanceChainsOverride,
@@ -23085,84 +23546,69 @@ var UserProfilePage = ({
   classNames,
   onError
 }) => {
-  const [isHydrated, setIsHydrated] = (0, import_react36.useState)(false);
-  (0, import_react36.useEffect)(() => {
+  const [isHydrated, setIsHydrated] = (0, import_react38.useState)(false);
+  (0, import_react38.useEffect)(() => {
     setIsHydrated(true);
   }, []);
-  const { user: currentUser, isAuthenticated } = (0, import_hooks59.useAggAuthState)();
-  const { isDepositBlocked } = (0, import_hooks59.useGeoBlock)();
-  const balanceState = (0, import_hooks59.useAggBalance)();
-  const client = (0, import_hooks59.useAggClient)();
-  const labels = (0, import_hooks59.useLabels)();
+  const { user: currentUser, isAuthenticated } = (0, import_hooks61.useAggAuthState)();
+  const { isDepositBlocked } = (0, import_hooks61.useGeoBlock)();
+  const balanceState = (0, import_hooks61.useAggBalance)();
+  const client = (0, import_hooks61.useAggClient)();
+  const labels = (0, import_hooks61.useLabels)();
   const {
     trading: { executionMode: configuredExecutionMode }
-  } = (0, import_hooks59.useSdkUiConfig)();
-  const claimNotificationLabels = labels.notifications.claim;
-  const toastCtx = useOptionalToast();
-  const queryClient = (0, import_hooks59.useQueryClient)();
-  const redeemMutation = (0, import_hooks59.useRedeem)();
-  const [internalCancellingIds, setInternalCancellingIds] = (0, import_react36.useState)({});
-  const [activeRedeems, setActiveRedeems] = (0, import_react36.useState)({});
-  const activeClaimKeysRef = (0, import_react36.useRef)(/* @__PURE__ */ new Set());
-  const pendingClaimToastIdsRef = (0, import_react36.useRef)({});
-  const submittedClaimToastKeysRef = (0, import_react36.useRef)(/* @__PURE__ */ new Set());
-  const [submittingClaimKeys, setSubmittingClaimKeys] = (0, import_react36.useState)({});
-  const lifecycleInputs = (0, import_react36.useMemo)(
-    () => Object.values(activeRedeems),
-    [activeRedeems]
-  );
-  const lifecycleStates = (0, import_hooks59.useRedeemLifecycles)(lifecycleInputs);
-  const internalClaimingIds = (0, import_react36.useMemo)(() => {
-    const out = __spreadValues({}, submittingClaimKeys);
-    for (const [claimKey, active] of Object.entries(activeRedeems)) {
-      const state = lifecycleStates[active.redeemId];
-      if (!state || !state.terminal) out[claimKey] = true;
-    }
-    return out;
-  }, [activeRedeems, lifecycleStates, submittingClaimKeys]);
-  const [profileUser, setProfileUser] = (0, import_react36.useState)(void 0);
+  } = (0, import_hooks61.useSdkUiConfig)();
+  const queryClient = (0, import_hooks61.useQueryClient)();
+  const [internalCancellingIds, setInternalCancellingIds] = (0, import_react38.useState)({});
+  const { claim: startClaim, claimingKeys } = useClaimWinnings({
+    onClaim,
+    onClaimResult,
+    onClaimSubmitError,
+    externalClaimingKeys: claimingPositionKeys
+  });
+  const [profileUser, setProfileUser] = (0, import_react38.useState)(void 0);
   const shouldUseHookData = !user;
-  const connectedVenues = (0, import_react36.useMemo)(() => {
+  const connectedVenues = (0, import_react38.useMemo)(() => {
     var _a;
     if (!shouldUseHookData) return [];
     const fromBalance = (_a = balanceState.connectedVenues) != null ? _a : [];
     return [...new Set(fromBalance)].sort((a, b) => a.localeCompare(b));
   }, [balanceState, shouldUseHookData]);
-  const [positionFilter, setPositionFilter] = (0, import_react36.useState)(initialPositionFilter);
+  const [positionFilter, setPositionFilter] = (0, import_react38.useState)(initialPositionFilter);
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const queryExecutionMode = resolvedExecutionMode === "paper" ? "paper" : void 0;
-  const activePositionsQuery = (0, import_hooks59.useExecutionPositions)({
+  const activePositionsQuery = (0, import_hooks61.useExecutionPositions)({
     enabled: shouldUseHookData && isAuthenticated,
     status: "active",
     limit: 25,
     mode: queryExecutionMode
   });
-  const closedPositionsQuery = (0, import_hooks59.useExecutionPositions)({
+  const closedPositionsQuery = (0, import_hooks61.useExecutionPositions)({
     enabled: shouldUseHookData && isAuthenticated,
     status: "closed",
     limit: 25,
     mode: queryExecutionMode
   });
-  const handlePositionFilterChange = (0, import_react36.useCallback)(
+  const handlePositionFilterChange = (0, import_react38.useCallback)(
     (filter) => {
       setPositionFilter(filter);
       onPositionFilterChangeProp == null ? void 0 : onPositionFilterChangeProp(filter);
     },
     [onPositionFilterChangeProp]
   );
-  (0, import_react36.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     setPositionFilter(initialPositionFilter);
   }, [initialPositionFilter]);
-  const ordersQuery = (0, import_hooks59.useExecutionOrders)({
+  const ordersQuery = (0, import_hooks61.useExecutionOrders)({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25,
     mode: queryExecutionMode
   });
-  const activityQuery = (0, import_hooks59.useUserActivity)({
+  const activityQuery = (0, import_hooks61.useUserActivity)({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25
   });
-  const handleCancelOrder = (0, import_react36.useCallback)(
+  const handleCancelOrder = (0, import_react38.useCallback)(
     (order) => __async(null, null, function* () {
       if (onCancelOrder) {
         onCancelOrder(order);
@@ -23182,208 +23628,18 @@ var UserProfilePage = ({
     }),
     [client, onCancelOrder, queryClient]
   );
-  const invalidateClaimUiState = (0, import_react36.useCallback)(() => {
-    (0, import_hooks59.invalidateBalanceQueries)(queryClient);
-    (0, import_hooks59.invalidatePositionQueries)(queryClient);
-    queryClient.invalidateQueries({
-      queryKey: import_hooks59.executionKeys.claimablePositionsCount(),
-      refetchType: "active"
-    });
-    (0, import_hooks59.invalidateUserActivityQueries)(queryClient);
-  }, [queryClient]);
-  const handleClaimPosition = (0, import_react36.useCallback)(
-    (position) => __async(null, null, function* () {
+  const handleClaimPosition = (0, import_react38.useCallback)(
+    (position) => {
       var _a, _b;
-      const claimKey = (_a = position.marketId) != null ? _a : position.id;
-      if (activeClaimKeysRef.current.has(claimKey) || (claimingPositionKeys == null ? void 0 : claimingPositionKeys[claimKey]) || internalClaimingIds[claimKey]) {
-        return;
-      }
-      activeClaimKeysRef.current.add(claimKey);
-      setSubmittingClaimKeys((prev) => __spreadProps(__spreadValues({}, prev), { [claimKey]: true }));
-      const pendingToastId = toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.pendingMessage, {
-        title: claimNotificationLabels.pendingTitle,
-        tone: "info"
+      return startClaim({
+        claimKey: (_a = position.marketId) != null ? _a : position.id,
+        winningOutcomeIds: (_b = position.winningOutcomeIds) != null ? _b : [],
+        payload: position
       });
-      if (pendingToastId != null) {
-        pendingClaimToastIdsRef.current[claimKey] = pendingToastId;
-      }
-      if (onClaim) {
-        try {
-          yield onClaim(position);
-          const pendingId = pendingClaimToastIdsRef.current[claimKey];
-          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
-          delete pendingClaimToastIdsRef.current[claimKey];
-          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.successMessage, {
-            title: claimNotificationLabels.successTitle,
-            tone: "success"
-          });
-        } catch (err) {
-          const error = toClaimError(err);
-          console.error("[UserProfilePage] redeem failed", error);
-          const pendingId = pendingClaimToastIdsRef.current[claimKey];
-          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
-          delete pendingClaimToastIdsRef.current[claimKey];
-          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
-            title: claimNotificationLabels.failedTitle,
-            tone: "error"
-          });
-          onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
-          throw error;
-        } finally {
-          invalidateClaimUiState();
-          activeClaimKeysRef.current.delete(claimKey);
-          setSubmittingClaimKeys((prev) => {
-            const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
-            return rest;
-          });
-        }
-        return;
-      }
-      const venueMarketOutcomeIds = (_b = position.winningOutcomeIds) != null ? _b : [];
-      if (venueMarketOutcomeIds.length === 0) {
-        const error = new Error(claimNotificationLabels.missingOutcomeMessage);
-        console.error("[UserProfilePage] redeem failed", error);
-        const pendingId = pendingClaimToastIdsRef.current[claimKey];
-        if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
-        delete pendingClaimToastIdsRef.current[claimKey];
-        toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
-          title: claimNotificationLabels.failedTitle,
-          tone: "error"
-        });
-        onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
-        invalidateClaimUiState();
-        activeClaimKeysRef.current.delete(claimKey);
-        setSubmittingClaimKeys((prev) => {
-          const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
-          return rest;
-        });
-        throw error;
-      }
-      try {
-        const response = yield redeemMutation.mutateAsync({ venueMarketOutcomeIds });
-        const expectedOutcomeIds = [];
-        const preFailedOutcomeIds = [];
-        const preFailedReasons = {};
-        const preConfirmedOutcomeIds = [];
-        const preConfirmedTxHashes = {};
-        for (const result of response.results) {
-          if (result.status === "submitted") {
-            expectedOutcomeIds.push(result.venueMarketOutcomeId);
-          } else if (result.status === "confirmed") {
-            preConfirmedOutcomeIds.push(result.venueMarketOutcomeId);
-            preConfirmedTxHashes[result.venueMarketOutcomeId] = result.txHash;
-          } else if (result.status === "ineligible" || result.status === "rejected") {
-            preFailedOutcomeIds.push(result.venueMarketOutcomeId);
-            preFailedReasons[result.venueMarketOutcomeId] = result.reason;
-          }
-        }
-        if (expectedOutcomeIds.length > 0) {
-          const pendingId = pendingClaimToastIdsRef.current[claimKey];
-          if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
-          delete pendingClaimToastIdsRef.current[claimKey];
-          submittedClaimToastKeysRef.current.add(claimKey);
-          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.submittedMessage, {
-            title: claimNotificationLabels.submittedTitle,
-            tone: "success"
-          });
-        }
-        setActiveRedeems((prev) => __spreadProps(__spreadValues({}, prev), {
-          [claimKey]: {
-            redeemId: response.redeemId,
-            expectedOutcomeIds,
-            preFailedOutcomeIds,
-            preFailedReasons,
-            preConfirmedOutcomeIds,
-            preConfirmedTxHashes
-          }
-        }));
-        yield queryClient.invalidateQueries({ queryKey: ["current-user"] });
-      } catch (err) {
-        const error = toClaimError(err);
-        console.error("[UserProfilePage] redeem failed", error);
-        const pendingId = pendingClaimToastIdsRef.current[claimKey];
-        if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
-        delete pendingClaimToastIdsRef.current[claimKey];
-        toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage(error.message), {
-          title: claimNotificationLabels.failedTitle,
-          tone: "error"
-        });
-        onClaimSubmitError == null ? void 0 : onClaimSubmitError(claimKey, error);
-        throw error;
-      } finally {
-        activeClaimKeysRef.current.delete(claimKey);
-        setSubmittingClaimKeys((prev) => {
-          const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
-          return rest;
-        });
-      }
-    }),
-    [
-      claimingPositionKeys,
-      claimNotificationLabels,
-      invalidateClaimUiState,
-      internalClaimingIds,
-      onClaim,
-      onClaimSubmitError,
-      queryClient,
-      redeemMutation,
-      toastCtx
-    ]
+    },
+    [startClaim]
   );
-  const firedTerminalRef = (0, import_react36.useRef)({});
-  (0, import_react36.useEffect)(() => {
-    var _a, _b;
-    for (const [claimKey, active] of Object.entries(activeRedeems)) {
-      const state = lifecycleStates[active.redeemId];
-      if (!state || !state.terminal) continue;
-      if (firedTerminalRef.current[active.redeemId]) continue;
-      firedTerminalRef.current[active.redeemId] = true;
-      onClaimResult == null ? void 0 : onClaimResult(claimKey, {
-        allConfirmed: state.allConfirmed,
-        anyFailed: state.anyFailed,
-        errorMessage: state.errorMessage
-      });
-      const pendingId = pendingClaimToastIdsRef.current[claimKey];
-      if (pendingId != null) toastCtx == null ? void 0 : toastCtx.dismiss(pendingId);
-      delete pendingClaimToastIdsRef.current[claimKey];
-      if (state.allConfirmed) {
-        if (!submittedClaimToastKeysRef.current.has(claimKey)) {
-          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.successMessage, {
-            title: claimNotificationLabels.successTitle,
-            tone: "success"
-          });
-        }
-      } else if (state.anyFailed) {
-        const hasConfirmedLeg = Object.values(state.legs).some((leg) => leg.status === "confirmed");
-        if (hasConfirmedLeg) {
-          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.partialMessage((_a = state.errorMessage) != null ? _a : void 0), {
-            title: claimNotificationLabels.partialTitle,
-            tone: "warning"
-          });
-        } else {
-          toastCtx == null ? void 0 : toastCtx.toast(claimNotificationLabels.failedMessage((_b = state.errorMessage) != null ? _b : void 0), {
-            title: claimNotificationLabels.failedTitle,
-            tone: "error"
-          });
-        }
-      }
-      submittedClaimToastKeysRef.current.delete(claimKey);
-      invalidateClaimUiState();
-      delete firedTerminalRef.current[active.redeemId];
-      setActiveRedeems((prev) => {
-        const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
-        return rest;
-      });
-    }
-  }, [
-    activeRedeems,
-    claimNotificationLabels,
-    invalidateClaimUiState,
-    lifecycleStates,
-    onClaimResult,
-    toastCtx
-  ]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     if (!shouldUseHookData || !isAuthenticated) {
       setProfileUser(void 0);
       return;
@@ -23402,11 +23658,11 @@ var UserProfilePage = ({
       isActive = false;
     };
   }, [client, currentUser, isAuthenticated, shouldUseHookData]);
-  const resolvedUser = (0, import_react36.useMemo)(() => {
+  const resolvedUser = (0, import_react38.useMemo)(() => {
     var _a, _b, _c, _d, _e, _f;
     if (user) return user;
     const fullUser = profileUser != null ? profileUser : currentUser;
-    const walletAddress = (0, import_hooks59.getWalletAddressFromUserProfile)(fullUser);
+    const walletAddress = (0, import_hooks61.getWalletAddressFromUserProfile)(fullUser);
     const fallbackUsername = walletAddress && shortenAddress(walletAddress) || "username";
     const twitterAccount = (_a = fullUser == null ? void 0 : fullUser.accounts) == null ? void 0 : _a.find(
       (account) => String(account.provider).toLowerCase() === "twitter"
@@ -23436,7 +23692,7 @@ var UserProfilePage = ({
       socialHandle: normalizedTwitterHandle != null ? normalizedTwitterHandle : void 0
     };
   }, [connectedVenues, currentUser, profileUser, user]);
-  const _resolvedVenueBalances = (0, import_react36.useMemo)(() => {
+  const _resolvedVenueBalances = (0, import_react38.useMemo)(() => {
     if (_venueBalances) return _venueBalances;
     return balanceState.balanceBreakdown.map((item) => ({
       chain: item.label,
@@ -23444,7 +23700,7 @@ var UserProfilePage = ({
       balanceLabel: formatUsd2(item.balance)
     }));
   }, [_venueBalances, balanceState.balanceBreakdown]);
-  const positionsValueLabel = (0, import_react36.useMemo)(() => {
+  const positionsValueLabel = (0, import_react38.useMemo)(() => {
     var _a;
     if (balance == null ? void 0 : balance.totalLabel) return balance.totalLabel;
     const managed = balanceState.managedBalances;
@@ -23452,13 +23708,13 @@ var UserProfilePage = ({
     const positionsValueTotal = positions.reduce((sum, p) => sum + (Number(p.balance) || 0), 0);
     return formatUsd2(positionsValueTotal);
   }, [balance, balanceState]);
-  const availableBalanceLabel = (0, import_react36.useMemo)(() => {
+  const availableBalanceLabel = (0, import_react38.useMemo)(() => {
     var _a;
     return formatUsd2((_a = balanceState.totalBalance) != null ? _a : 0);
   }, [balanceState.totalBalance]);
   const isPositionsValueLoading = !(balance == null ? void 0 : balance.totalLabel) && balanceState.isLoading;
   const isAvailableBalanceLoading = balanceState.isLoading;
-  const resolvedActivities = (0, import_react36.useMemo)(() => {
+  const resolvedActivities = (0, import_react38.useMemo)(() => {
     if (activities) return activities.filter(isVisibleUserProfileActivity);
     const formatTime = isHydrated ? toRelativeTimeLabel : toAbsoluteTimeLabel;
     return activityQuery.activities.filter(isVisibleActivityItem).map((item, index) => {
@@ -23607,7 +23863,7 @@ var UserProfilePage = ({
       };
     });
   }, [activities, activityQuery.activities, isHydrated, labels, ordersQuery.orders]);
-  const resolvedOpenOrders = (0, import_react36.useMemo)(() => {
+  const resolvedOpenOrders = (0, import_react38.useMemo)(() => {
     if (openOrders) return openOrders;
     return ordersQuery.orders.filter((order) => isOpenOrderStatus(order.status)).map((order) => {
       var _a, _b, _c, _d, _e, _f, _g;
@@ -23624,11 +23880,11 @@ var UserProfilePage = ({
       };
     });
   }, [openOrders, ordersQuery.orders]);
-  const adaptPositionGroups = (0, import_react36.useCallback)(
+  const adaptPositionGroups = (0, import_react38.useCallback)(
     (groups) => {
       return groups.flatMap((group) => {
         var _a, _b, _c, _d;
-        const closedTotals = (0, import_hooks59.computeClosedPositionTotals)(group);
+        const closedTotals = (0, import_hooks61.computeClosedPositionTotals)(group);
         const winningOutcome = group.venueMarket.venueMarketOutcomes.find(
           (outcome) => outcome.winner === true
         );
@@ -23694,11 +23950,11 @@ var UserProfilePage = ({
     },
     []
   );
-  const resolvedActivePositions = (0, import_react36.useMemo)(() => {
+  const resolvedActivePositions = (0, import_react38.useMemo)(() => {
     const source = activePositions != null ? activePositions : adaptPositionGroups(activePositionsQuery.positions);
     return source.filter(shouldIncludeByShares);
   }, [activePositions, activePositionsQuery.positions, adaptPositionGroups]);
-  const resolvedClosedPositions = (0, import_react36.useMemo)(() => {
+  const resolvedClosedPositions = (0, import_react38.useMemo)(() => {
     const source = closedPositions != null ? closedPositions : adaptPositionGroups(closedPositionsQuery.positions);
     return source.filter(shouldIncludeByShares);
   }, [closedPositions, closedPositionsQuery.positions, adaptPositionGroups]);
@@ -23787,7 +24043,7 @@ var UserProfilePage = ({
                 onPositionClick,
                 getPositionHref,
                 onClaim: handleClaimPosition,
-                claimingPositionKeys: claimingPositionKeys != null ? claimingPositionKeys : internalClaimingIds,
+                claimingPositionKeys: claimingKeys,
                 onActivityClick,
                 getActivityHref,
                 onOpenOrderClick,