@agg-build/ui 2.1.5 → 2.2.2

package/dist/events.js

@@ -104,6 +104,92 @@ var toDate = (value) => {
   if (Number.isNaN(parsed.getTime())) return null;
   return parsed;
 };
+var GENERIC_BINARY_OUTCOME_LABELS = /* @__PURE__ */ new Set(["yes", "no"]);
+var TOTAL_OUTCOME_LABELS = /* @__PURE__ */ new Set(["over", "under"]);
+var DIRECTIONAL_OUTCOME_LABELS = /* @__PURE__ */ new Set(["up", "down"]);
+var NUMERIC_TOKEN_RE = /[-+]?\d+(?:\.\d+)?/;
+var UP_OR_DOWN_QUESTION_RE = /\bup or down\b/i;
+var normalizeResolvedOutcomeLabel = (value) => {
+  const trimmedValue = value == null ? void 0 : value.trim();
+  return trimmedValue ? trimmedValue : null;
+};
+var readOutcomeMetadataLabel = (outcome) => {
+  const outcomeRecord = outcome;
+  for (const key of ["displayName", "name", "title"]) {
+    const value = outcomeRecord[key];
+    if (typeof value !== "string") continue;
+    const normalizedValue = normalizeResolvedOutcomeLabel(value);
+    if (normalizedValue) return normalizedValue;
+  }
+  return null;
+};
+var formatLineValue = (value) => {
+  return Number.isInteger(value) ? String(value) : String(value);
+};
+var readMarketLabel = (market) => {
+  var _a;
+  const rawLabel = (_a = normalizeResolvedOutcomeLabel(market == null ? void 0 : market.shortTitle)) != null ? _a : normalizeResolvedOutcomeLabel(market == null ? void 0 : market.question);
+  if (!rawLabel) return null;
+  if (/^draw\s*\(/i.test(rawLabel)) return "Draw";
+  return rawLabel;
+};
+var deriveTotalOutcomeLabel = (outcome, metadataLabel) => {
+  const normalizedMetadataLabel = metadataLabel == null ? void 0 : metadataLabel.trim().toLowerCase();
+  if (normalizedMetadataLabel && TOTAL_OUTCOME_LABELS.has(normalizedMetadataLabel)) {
+    return metadataLabel;
+  }
+  const normalizedRawLabel = outcome.label.trim().toLowerCase();
+  if (normalizedRawLabel === "yes") return "Over";
+  if (normalizedRawLabel === "no") return "Under";
+  return metadataLabel;
+};
+var resolveResolvedOutcomeLabel = ({
+  market,
+  outcome,
+  allowSportsMoneylineMarketFallback = true
+}) => {
+  var _a;
+  if (!outcome) return null;
+  const rawLabel = normalizeResolvedOutcomeLabel(outcome.label);
+  const metadataLabel = readOutcomeMetadataLabel(outcome);
+  const normalizedRawLabel = (_a = rawLabel == null ? void 0 : rawLabel.toLowerCase()) != null ? _a : "";
+  const isGenericBinary = GENERIC_BINARY_OUTCOME_LABELS.has(normalizedRawLabel);
+  const isSportsMarket = Boolean(
+    (market == null ? void 0 : market.sportsMarketType) || (market == null ? void 0 : market.marketGroup) || (market == null ? void 0 : market.lineValue) != null
+  );
+  if (!isSportsMarket) {
+    const isDirectionalBinaryMarket = Boolean((market == null ? void 0 : market.question) && UP_OR_DOWN_QUESTION_RE.test(market.question)) && Boolean(metadataLabel && DIRECTIONAL_OUTCOME_LABELS.has(metadataLabel.trim().toLowerCase()));
+    if (isDirectionalBinaryMarket) return metadataLabel;
+    if (isGenericBinary) return rawLabel;
+    return metadataLabel != null ? metadataLabel : rawLabel;
+  }
+  const lineValue = typeof (market == null ? void 0 : market.lineValue) === "number" ? market.lineValue : null;
+  const isMoneylineMarket = (market == null ? void 0 : market.sportsMarketType) === "moneyline" || (market == null ? void 0 : market.marketGroup) === "game_lines";
+  const isTotalMarket = (market == null ? void 0 : market.sportsMarketType) === "total" || (market == null ? void 0 : market.marketGroup) === "totals";
+  if (isMoneylineMarket && metadataLabel) return metadataLabel;
+  if (allowSportsMoneylineMarketFallback && isMoneylineMarket && isGenericBinary) {
+    const marketLabel = readMarketLabel(market);
+    if (marketLabel) return marketLabel;
+  }
+  if (isTotalMarket) {
+    const totalLabel = deriveTotalOutcomeLabel(outcome, metadataLabel);
+    if (totalLabel && lineValue != null && !NUMERIC_TOKEN_RE.test(totalLabel)) {
+      return `${totalLabel} ${formatLineValue(Math.abs(lineValue))}`;
+    }
+    if (totalLabel) return totalLabel;
+  }
+  const isSpreadMarket = (market == null ? void 0 : market.sportsMarketType) === "spread" || (market == null ? void 0 : market.marketGroup) === "spreads";
+  if (isSpreadMarket && metadataLabel) {
+    if (lineValue != null && !NUMERIC_TOKEN_RE.test(metadataLabel)) {
+      const resolvedLineValue = normalizedRawLabel === "no" ? Math.abs(lineValue) : lineValue;
+      const formattedLineValue = resolvedLineValue > 0 ? `+${formatLineValue(resolvedLineValue)}` : formatLineValue(resolvedLineValue);
+      return `${metadataLabel} ${formattedLineValue}`;
+    }
+    return metadataLabel;
+  }
+  if (metadataLabel) return metadataLabel;
+  return rawLabel;
+};
 
 // src/primitives/icon/types.ts
 var getIconA11yProps = (title2) => ({
@@ -3688,7 +3774,8 @@ var normalizeSeries = (series) => {
   }).filter((seriesItem) => seriesItem.points.length > 0);
 };
 var formatDefaultChartValue = (value) => {
-  return `${Number(value).toFixed(2)}%`;
+  const roundedValue = Number(value.toFixed(1));
+  return `${Number.isInteger(roundedValue) ? String(roundedValue) : roundedValue.toFixed(1)}%`;
 };
 var resolveChartTimeFormatter = (windowSeconds) => {
   return (timestamp) => {
@@ -5383,7 +5470,7 @@ var sizeClasses2 = {
 var lineColorByVenue = {
   light: {
     [import_sdk10.Venue.kalshi]: "#00D295",
-    [import_sdk10.Venue.limitless]: "#000000",
+    [import_sdk10.Venue.limitless]: "#C4FF00",
     [import_sdk10.Venue.opinion]: "#000000",
     [import_sdk10.Venue.polymarket]: "#2E5CFF",
     [import_sdk10.Venue.predict]: "#6D57F8",
@@ -5393,7 +5480,7 @@ var lineColorByVenue = {
   },
   dark: {
     [import_sdk10.Venue.kalshi]: "#00D295",
-    [import_sdk10.Venue.limitless]: "#FFFFFF",
+    [import_sdk10.Venue.limitless]: "#C4FF00",
     [import_sdk10.Venue.opinion]: "#FFFFFF",
     [import_sdk10.Venue.polymarket]: "#2E5CFF",
     [import_sdk10.Venue.predict]: "#6D57F8",
@@ -5712,13 +5799,26 @@ var formatMarketProbabilityPercent = (value, formatPercent = formatWholePercent)
   }
   return formattedValue;
 };
-var formatPriceGapPercent = (value) => {
+var formatPriceGapPercent = (value, mode = "percent") => {
   if (typeof value !== "number" || !Number.isFinite(value)) return void 0;
+  if (value <= 0) return void 0;
+  if (mode === "fraction") {
+    const percentageValue = value * 100;
+    if (percentageValue < import_hooks25.MIN_PRICE_GAP_PCT) return void 0;
+    return `${Math.round(percentageValue)}%`;
+  }
   if (value < import_hooks25.MIN_PRICE_GAP_PCT) return void 0;
   if (value > import_hooks25.MAX_PRICE_GAP_PCT) return void 0;
   return `${Math.round(value)}%`;
 };
 var sortOutcomes = (outcomes) => {
+  return sortOutcomesWithPrices(outcomes);
+};
+var resolveOutcomeProbability = (outcome, priceByOutcomeId) => {
+  const resolvedPrice = priceByOutcomeId === void 0 ? outcome.price : priceByOutcomeId.has(outcome.id) ? priceByOutcomeId.get(outcome.id) : void 0;
+  return normalizeProbability(resolvedPrice);
+};
+var sortOutcomesWithPrices = (outcomes, priceByOutcomeId) => {
   if (outcomes.length <= 1) return outcomes;
   if (hasBinaryOutcomes(outcomes)) {
     return sortYesFirst(outcomes);
@@ -5734,8 +5834,8 @@ var sortOutcomes = (outcomes) => {
   }
   return [...outcomes].sort((a, b) => {
     var _a, _b;
-    const aPrice = (_a = normalizeProbability(a.price)) != null ? _a : 0;
-    const bPrice = (_b = normalizeProbability(b.price)) != null ? _b : 0;
+    const aPrice = (_a = resolveOutcomeProbability(a, priceByOutcomeId)) != null ? _a : 0;
+    const bPrice = (_b = resolveOutcomeProbability(b, priceByOutcomeId)) != null ? _b : 0;
     return bPrice - aPrice;
   });
 };
@@ -7215,9 +7315,8 @@ var collectOutcomePrices = (market, outcome, priceByOutcomeId) => {
   const prices = [];
   const seenOutcomeKeys = /* @__PURE__ */ new Set();
   const addPrice = (priceMarket, priceOutcome) => {
-    var _a2;
     if (!priceMarket || !priceOutcome) return;
-    const resolvedPrice = (_a2 = priceByOutcomeId == null ? void 0 : priceByOutcomeId.get(priceOutcome.id)) != null ? _a2 : priceOutcome.price;
+    const resolvedPrice = priceByOutcomeId === void 0 ? priceOutcome.price : priceByOutcomeId.has(priceOutcome.id) ? priceByOutcomeId.get(priceOutcome.id) : void 0;
     const normalizedPrice = normalizeProbability(resolvedPrice);
     if (normalizedPrice == null) return;
     const key = `${priceMarket.id}:${priceOutcome.id}`;
@@ -7399,6 +7498,24 @@ var buildOutcomeMidpointsByOutcomeId = (midpointRows) => {
   }
   return outcomeMidpointsByOutcomeId;
 };
+var buildArbReturnByVenueMarketId = (midpointRows) => {
+  const arbReturnByVenueMarketId = /* @__PURE__ */ new Map();
+  const addArbReturn = (value) => {
+    var _a, _b;
+    if (!value || typeof value !== "object") return;
+    const row = value;
+    if (row.venueMarketId && !arbReturnByVenueMarketId.has(row.venueMarketId)) {
+      arbReturnByVenueMarketId.set(row.venueMarketId, (_a = row.arbReturn) != null ? _a : null);
+    }
+    for (const matchedRow of (_b = row.matched) != null ? _b : []) {
+      addArbReturn(matchedRow);
+    }
+  };
+  for (const row of midpointRows) {
+    addArbReturn(row);
+  }
+  return arbReturnByVenueMarketId;
+};
 var resolveMarketHrefFromEventHref = (eventHref, marketId, outcomeId) => {
   if (!eventHref) return void 0;
   if (typeof window === "undefined") return void 0;
@@ -7415,6 +7532,9 @@ var EventListItemContent = ({
   event,
   classNames,
   arbitrageByOutcomeId,
+  midpointPrices,
+  midpointRows: sharedMidpointRows,
+  midpointsLoading,
   onEventClick,
   onMarketClick,
   getMarketHref,
@@ -7468,6 +7588,8 @@ var EventListItemContent = ({
     if (!isLazyMarketsQueryEnabled || lazyLoadedMarkets.length === 0) return allVenueMarkets;
     return dedupeVenueMarketsById([...allVenueMarkets, ...lazyLoadedMarkets]);
   }, [allVenueMarkets, isLazyMarketsQueryEnabled, lazyLoadedMarkets]);
+  const hasExpandedMarkets = isLazyMarketsQueryEnabled && lazyLoadedMarkets.length > 0;
+  const shouldUseSharedMidpoints = !hasExpandedMarkets && (midpointPrices !== void 0 || sharedMidpointRows !== void 0 || midpointsLoading !== void 0);
   const midpointVenueMarketIds = (0, import_react10.useMemo)(() => {
     var _a2;
     const ids = [];
@@ -7479,19 +7601,21 @@ var EventListItemContent = ({
     }
     return [...new Set(ids)];
   }, [resolvedOutcomeMarkets]);
-  const { midpointRows, isLoading: isVenueMarketMidpointsLoading } = (0, import_hooks31.useVenueMarketMidpoints)({
-    venueMarketIds: midpointVenueMarketIds,
-    enabled: midpointVenueMarketIds.length > 0
+  const { midpointRows: fetchedMidpointRows, isLoading: isVenueMarketMidpointsLoading } = (0, import_hooks31.useVenueMarketMidpoints)({
+    venueMarketIds: shouldUseSharedMidpoints ? [] : midpointVenueMarketIds,
+    enabled: !shouldUseSharedMidpoints && midpointVenueMarketIds.length > 0
   });
-  const { prices: displayMidpointsByOutcomeId, isLoading: isOutcomeMidpointsLoading } = (0, import_hooks31.useMidpoints)(resolvedOutcomeMarkets);
-  const isAwaitingMidpoints = isOutcomeMidpointsLoading || midpointVenueMarketIds.length > 0 && isVenueMarketMidpointsLoading;
+  const { prices: displayMidpointsByOutcomeId, isLoading: isOutcomeMidpointsLoading } = (0, import_hooks31.useMidpoints)(shouldUseSharedMidpoints ? [] : resolvedOutcomeMarkets);
+  const resolvedMidpointRows = shouldUseSharedMidpoints ? sharedMidpointRows != null ? sharedMidpointRows : [] : fetchedMidpointRows;
+  const resolvedDisplayMidpointsByOutcomeId = shouldUseSharedMidpoints ? midpointPrices != null ? midpointPrices : /* @__PURE__ */ new Map() : displayMidpointsByOutcomeId;
+  const isAwaitingMidpoints = midpointsLoading != null ? midpointsLoading : isOutcomeMidpointsLoading || midpointVenueMarketIds.length > 0 && isVenueMarketMidpointsLoading;
   const displayPriceByOutcomeId = (0, import_react10.useMemo)(() => {
-    const priceByOutcomeId = new Map(displayMidpointsByOutcomeId);
-    for (const [outcomeId, price] of buildOutcomeMidpointsByOutcomeId(midpointRows)) {
+    const priceByOutcomeId = new Map(resolvedDisplayMidpointsByOutcomeId);
+    for (const [outcomeId, price] of buildOutcomeMidpointsByOutcomeId(resolvedMidpointRows)) {
       priceByOutcomeId.set(outcomeId, price);
     }
     return priceByOutcomeId;
-  }, [displayMidpointsByOutcomeId, midpointRows]);
+  }, [resolvedDisplayMidpointsByOutcomeId, resolvedMidpointRows]);
   const comparison = (0, import_react10.useMemo)(() => {
     return normalizeEventListItemV2Comparison({
       venueMarkets: resolvedOutcomeMarkets,
@@ -7502,6 +7626,9 @@ var EventListItemContent = ({
   const gapsByVenueMarketId = (0, import_react10.useMemo)(() => {
     return computePriceGapsFromComparisonRows(comparison.rows);
   }, [comparison.rows]);
+  const arbReturnByVenueMarketId = (0, import_react10.useMemo)(() => {
+    return buildArbReturnByVenueMarketId(resolvedMidpointRows);
+  }, [resolvedMidpointRows]);
   const shouldRenderLoadingOutcomeRow = shouldEnableLazyMarketLoading && (!isLazyMarketsQueryEnabled || isLoadingLazyMarkets || isFetchingNextLazyMarketsPage || hasNextLazyMarketsPage);
   const resolvedVolume = (_a = resolveDisplayVolume(event.volume, allVenueMarkets)) != null ? _a : 0;
   const volumeLabel = `${config.formatting.formatCompactCurrency(resolvedVolume)} ${labels.eventItem.volumeSuffix}`;
@@ -7633,10 +7760,10 @@ var EventListItemContent = ({
       )
     ] });
   };
-  const renderPriceGapPill = (value) => {
+  const renderPriceGapPill = (value, source = "percent") => {
     if (!config.features.enablePriceGap) return null;
     if (isAwaitingMidpoints) return null;
-    const formattedPriceGap = formatPriceGapPercent(value);
+    const formattedPriceGap = formatPriceGapPercent(value, source);
     if (!formattedPriceGap) return null;
     return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
       "span",
@@ -7772,7 +7899,9 @@ var EventListItemContent = ({
               comparison.rows.map((row) => {
                 var _a2;
                 const arbitragePercent = (_a2 = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[row.outcome.id]) != null ? _a2 : arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[row.market.id];
-                const priceGapPercent = gapsByVenueMarketId.get(row.market.id);
+                const arbReturn = arbReturnByVenueMarketId.get(row.market.id);
+                const priceGapPercent = arbReturn == null ? gapsByVenueMarketId.get(row.market.id) : arbReturn;
+                const priceGapSource = arbReturn == null ? "percent" : "fraction";
                 return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
                   "div",
                   {
@@ -7792,7 +7921,7 @@ var EventListItemContent = ({
                       ) }),
                       /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "agg-outcome-meta flex shrink-0 flex-row items-center justify-end gap-2", children: [
                         renderArbitrage(arbitragePercent),
-                        renderPriceGapPill(priceGapPercent),
+                        renderPriceGapPill(priceGapPercent, priceGapSource),
                         /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "agg-outcome-price-strip relative flex shrink-0 items-center justify-end", children: isAwaitingMidpoints ? renderPriceStripSkeleton(row.prices.length) : row.prices.map(
                           (price, priceIndex) => renderComparisonPriceBadge(row, price, priceIndex)
                         ) })
@@ -8107,6 +8236,79 @@ var isDateLikeLabel = (value) => {
   if (!value.trim()) return false;
   return (0, import_dayjs3.default)(value).isValid();
 };
+var CHART_RANGE_PRIORITY = ["1H", "6H", "1D", "1W", "1M", "ALL"];
+var RANGE_SECONDS_BY_TIME_RANGE = {
+  "1H": 60 * 60,
+  "6H": 6 * 60 * 60,
+  "1D": 24 * 60 * 60,
+  "1W": 7 * 24 * 60 * 60,
+  "1M": 30 * 24 * 60 * 60,
+  ALL: 6 * 30 * 24 * 60 * 60
+};
+var toUnixTimestamp = (value) => {
+  if (!value) return null;
+  const parsedValue = (0, import_dayjs3.default)(value);
+  if (!parsedValue.isValid()) return null;
+  return parsedValue.unix();
+};
+var isResolvedMarketStatus = (status) => {
+  if (!status) return false;
+  const normalizedStatus = status.trim().toLowerCase();
+  return normalizedStatus.includes("resolved") || normalizedStatus.includes("closed") || normalizedStatus.includes("settled") || normalizedStatus.includes("final");
+};
+var resolveInitialEventDetailsChartRange = ({
+  chartData,
+  event,
+  fallbackRange,
+  nowSec = (0, import_dayjs3.default)().unix(),
+  selectedMarket
+}) => {
+  var _a, _b;
+  const scopedMarkets = selectedMarket ? [selectedMarket] : event.venueMarkets;
+  const preferredEventStart = (_a = toUnixTimestamp(event.startDate)) != null ? _a : toUnixTimestamp(event.creationDate);
+  const marketStartCandidates = scopedMarkets.map((market) => {
+    var _a2;
+    return (_a2 = toUnixTimestamp(market.startDate)) != null ? _a2 : toUnixTimestamp(market.creationDate);
+  }).filter((value) => value != null);
+  const metadataStarts = [preferredEventStart, ...marketStartCandidates].filter(
+    (value) => value != null
+  );
+  const metadataEnds = [
+    toUnixTimestamp(event.endDate),
+    ...scopedMarkets.flatMap((market) => [
+      toUnixTimestamp(market.endDate),
+      toUnixTimestamp(market.resolutionDate)
+    ])
+  ].filter((value) => value != null);
+  const historyTimestamps = chartData == null ? [] : Object.values(chartData.venues).flatMap((venueData) => [
+    ...venueData.candles.map((candle) => candle.time),
+    ...venueData.liveCandle ? [venueData.liveCandle.time] : []
+  ]);
+  const startCandidates = [...metadataStarts, ...historyTimestamps];
+  if (startCandidates.length === 0) {
+    return fallbackRange != null ? fallbackRange : null;
+  }
+  const marketResolved = [event.status, ...scopedMarkets.map((market) => market.status)].some(
+    isResolvedMarketStatus
+  );
+  const isUsingSharedOverlapStart = scopedMarkets.length > 1 && marketStartCandidates.length === scopedMarkets.length;
+  const startTs = isUsingSharedOverlapStart ? Math.max(...marketStartCandidates) : Math.min(...startCandidates);
+  const endTs = Math.max(
+    ...marketResolved && metadataEnds.length > 0 ? [nowSec, ...metadataEnds, ...historyTimestamps] : [nowSec, ...historyTimestamps]
+  );
+  const spanSeconds = Math.max(0, endTs - startTs);
+  if (spanSeconds <= 0) {
+    return fallbackRange != null ? fallbackRange : null;
+  }
+  if (!marketResolved && spanSeconds > RANGE_SECONDS_BY_TIME_RANGE["1M"]) {
+    return "1M";
+  }
+  const requiredSeconds = spanSeconds * (isUsingSharedOverlapStart ? 1 : marketResolved ? 1.05 : 1.2);
+  const matchingRange = CHART_RANGE_PRIORITY.find((range) => {
+    return RANGE_SECONDS_BY_TIME_RANGE[range] >= requiredSeconds;
+  });
+  return (_b = matchingRange != null ? matchingRange : fallbackRange) != null ? _b : "ALL";
+};
 var matchOutcomeByLabel = (outcome, selectedOutcomeLabel) => {
   const normalizedSelectedLabel = normalizeLabel(selectedOutcomeLabel);
   const semanticSelectedLabel = toSemanticLabel(selectedOutcomeLabel);
@@ -9120,13 +9322,8 @@ var resolveChartVenueOutcomes = ({
 }) => {
   if (eligibleVenueOutcomes.length <= 1) return eligibleVenueOutcomes;
   const sortedEligibleVenueOutcomes = [...eligibleVenueOutcomes].sort((left, right) => {
-    var _a, _b;
-    const leftProbability = normalizeProbability(
-      (_a = livePrices.get(left.outcome.id)) != null ? _a : left.outcome.price
-    );
-    const rightProbability = normalizeProbability(
-      (_b = livePrices.get(right.outcome.id)) != null ? _b : right.outcome.price
-    );
+    const leftProbability = normalizeProbability(livePrices.get(left.outcome.id));
+    const rightProbability = normalizeProbability(livePrices.get(right.outcome.id));
     const probabilityDifference = (leftProbability != null ? leftProbability : 2) - (rightProbability != null ? rightProbability : 2);
     if (probabilityDifference !== 0) return probabilityDifference;
     if (left.venue === right.venue) return 0;
@@ -10191,13 +10388,18 @@ var EventListItemDetailsNotFoundState = ({
     }
   );
 };
+var resolveResolvedOutcomePriceMap = (outcomes) => {
+  if (!(outcomes == null ? void 0 : outcomes.length)) return null;
+  if (!outcomes.some((outcome) => outcome.winner === true)) return null;
+  if (outcomes.some((outcome) => outcome.winner == null)) return null;
+  return new Map(outcomes.map((outcome) => [outcome.id, outcome.winner === true ? 1 : 0]));
+};
 var EventListItemDetailsGraphSection = ({
   classNames,
   selectedChartType,
   venueMarkets,
   selectedMarketId,
   livePrices,
-  wsLivePrices,
   restMidpoints,
   bestMidpoint,
   bestPrices,
@@ -10312,6 +10514,18 @@ var EventListItemDetailsGraphSection = ({
       });
     });
   }, [availableMarkets, tradingContext == null ? void 0 : tradingContext.selectedMarket]);
+  const resolvedOutcomePriceByMarketId = (0, import_react16.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const market of availableMarkets) {
+      const marketTradingState = (0, import_hooks40.resolveMarketTradingState)(market);
+      if (marketTradingState.kind !== "resolved") continue;
+      const outcomePriceMap = resolveResolvedOutcomePriceMap(market.venueMarketOutcomes);
+      if (outcomePriceMap) {
+        map.set(market.id, outcomePriceMap);
+      }
+    }
+    return map;
+  }, [availableMarkets]);
   const resolvedVenueChartSeries = (0, import_react16.useMemo)(() => {
     return resolveMarketChartVenueSeries({
       chartData: scopedMarketChartData,
@@ -10379,7 +10593,7 @@ var EventListItemDetailsGraphSection = ({
     {
       classNames: { root: cn("agg-chart-region", classNames == null ? void 0 : classNames.chart) },
       series: visibleChartSeries,
-      height: 300,
+      height: 200,
       isLoading: isScopedMarketChartLoading,
       chartType: selectedChartType,
       liveCandle: selectedChartType === "candlestick" ? (_m = chartLiveState.liveCandle) != null ? _m : void 0 : void 0,
@@ -10407,8 +10621,8 @@ var EventListItemDetailsGraphSection = ({
                     classNames == null ? void 0 : classNames.outcomeBadges
                   ),
                   children: chartAvailableVenueOutcomes.map((item) => {
-                    var _a3;
-                    const percentage = (_a3 = wsLivePrices.get(item.outcome.id)) != null ? _a3 : item.outcome.price;
+                    var _a3, _b3;
+                    const percentage = (_b3 = (_a3 = resolvedOutcomePriceByMarketId.get(item.market.id)) == null ? void 0 : _a3.get(item.outcome.id)) != null ? _b3 : livePrices.get(item.outcome.id);
                     const text = formatMarketProbabilityPercent(percentage, formatPercent);
                     const seriesId = `${item.venue}-chart`;
                     const isActiveVenue = activeGraphVenue === item.venue;
@@ -10416,6 +10630,7 @@ var EventListItemDetailsGraphSection = ({
                       "button",
                       {
                         type: "button",
+                        "data-id": item.outcome.id,
                         "aria-label": `${item.venue} ${text}`,
                         "aria-pressed": isActiveVenue,
                         className: cn(
@@ -10471,21 +10686,21 @@ var EventListItemDetailsGraphSection = ({
                     tradingContext == null ? void 0 : tradingContext.selectOutcome(outcomeId);
                   },
                   options: selectedMarketOutcomes.map((outcome) => {
-                    var _a3, _b3, _c3;
-                    const price = getDisplayOutcomePrice({
+                    var _a3, _b3, _c3, _d3, _e2;
+                    const resolvedPrice = availableMarkets[0] == null ? void 0 : (_b3 = resolvedOutcomePriceByMarketId.get(((_a3 = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _a3 : availableMarkets[0]).id)) == null ? void 0 : _b3.get(outcome.id);
+                    const price = resolvedPrice != null ? resolvedPrice : getDisplayOutcomePrice({
                       outcomeId: outcome.id,
                       outcomeLabel: outcome.label,
-                      selection: (_a3 = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a3 : "buy",
+                      selection: (_c3 = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _c3 : "buy",
                       bestPrices,
                       bestMidpoint,
                       bestMidpointsByOutcomeId: restMidpoints,
-                      livePrices,
-                      fallbackPrice: outcome.price
+                      livePrices
                     });
                     return {
                       value: outcome.id,
-                      label: `${(_b3 = outcome.title) != null ? _b3 : outcome.label} ${formatProbabilityCents(price)}`,
-                      ariaLabel: `${(_c3 = outcome.title) != null ? _c3 : outcome.label} ${formatProbabilityCents(price)}`
+                      label: `${(_d3 = outcome.title) != null ? _d3 : outcome.label} ${formatProbabilityCents(price)}`,
+                      ariaLabel: `${(_e2 = outcome.title) != null ? _e2 : outcome.label} ${formatProbabilityCents(price)}`
                     };
                   })
                 }
@@ -10506,6 +10721,7 @@ var EventListItemDetailsContent = ({
   detailsStats,
   eventTradingState,
   ariaLabel,
+  defaultTimeRange,
   onClick,
   midpointsResult
 }) => {
@@ -10514,9 +10730,6 @@ var EventListItemDetailsContent = ({
   const lastAppliedEventSyncKeyRef = (0, import_react16.useRef)(null);
   const lastAppliedDefaultRef = (0, import_react16.useRef)(null);
   const [chartRangeOverride, setChartRangeOverride] = (0, import_react16.useState)(null);
-  (0, import_react16.useEffect)(() => {
-    setChartRangeOverride(null);
-  }, [event.id]);
   const config = (0, import_hooks40.useSdkUiConfig)();
   const labels = (0, import_hooks40.useLabels)();
   const tradingContext = (0, import_hooks33.useEventTradingContext)();
@@ -10525,13 +10738,20 @@ var EventListItemDetailsContent = ({
     return eventTradingState != null ? eventTradingState : (0, import_hooks40.resolveEventTradingState)(event);
   }, [event, eventTradingState]);
   const scopedSelectedMarket = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? (_a = tradingContext.selectedMarket) != null ? _a : resolvedEventTradingState.primaryMarket : resolvedEventTradingState.primaryMarket;
+  const venueMarkets = (0, import_react16.useMemo)(
+    () => resolvedEventTradingState.displayMarkets,
+    [resolvedEventTradingState.displayMarkets]
+  );
+  const eventDetailVenueMarkets = (0, import_react16.useMemo)(() => {
+    return normalizeVenueMarketCluster(venueMarkets);
+  }, [venueMarkets]);
   const scopedSelectedMarketId = (tradingContext == null ? void 0 : tradingContext.selectedEventId) === event.id ? tradingContext.selectedMarketId : null;
   (0, import_hooks40.useEventOrderbookData)(
     resolvedEventTradingState.isTradingDisabled ? [] : resolvedEventTradingState.displayMarkets,
     scopedSelectedMarketId
   );
-  const wsLivePrices = (0, import_hooks40.useLiveOutcomePrices)(resolvedEventTradingState.displayMarkets);
-  const wsBestPrices = (0, import_hooks40.useLiveBestPrices)(resolvedEventTradingState.displayMarkets);
+  const wsLivePrices = (0, import_hooks40.useLiveOutcomePrices)(eventDetailVenueMarkets);
+  const wsBestPrices = (0, import_hooks40.useLiveBestPrices)(eventDetailVenueMarkets);
   const resolvedMidpointsResult = midpointsResult != null ? midpointsResult : {
     prices: /* @__PURE__ */ new Map(),
     bestMidpointsByOutcomeId: /* @__PURE__ */ new Map(),
@@ -10556,6 +10776,16 @@ var EventListItemDetailsContent = ({
     for (const [k, v] of wsLivePrices) merged.set(k, v);
     return merged;
   }, [restMidpoints, wsLivePrices]);
+  const initialChartTimeRange = (0, import_react16.useMemo)(() => {
+    return resolveInitialEventDetailsChartRange({
+      event,
+      selectedMarket: scopedSelectedMarket,
+      fallbackRange: defaultTimeRange != null ? defaultTimeRange : config.chart.selectedChartTimeRange
+    });
+  }, [config.chart.selectedChartTimeRange, defaultTimeRange, event, scopedSelectedMarket]);
+  (0, import_react16.useEffect)(() => {
+    setChartRangeOverride(initialChartTimeRange);
+  }, [event.id, initialChartTimeRange, scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id]);
   (0, import_react16.useEffect)(() => {
     if (!tradingContext) return;
     if (lastAppliedEventSyncKeyRef.current === eventSyncKey) return;
@@ -10593,10 +10823,6 @@ var EventListItemDetailsContent = ({
     tradingContext,
     tradingContext == null ? void 0 : tradingContext.selectedEventId
   ]);
-  const venueMarkets = (0, import_react16.useMemo)(
-    () => resolvedEventTradingState.displayMarkets,
-    [resolvedEventTradingState.displayMarkets]
-  );
   const marketOptions = (0, import_react16.useMemo)(
     () => venueMarkets.map((vm) => ({
       value: vm.id,
@@ -10718,7 +10944,6 @@ var EventListItemDetailsContent = ({
               venueMarkets,
               selectedMarketId: (_d = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id) != null ? _d : null,
               livePrices,
-              wsLivePrices,
               restMidpoints,
               bestMidpoint,
               bestPrices,
@@ -11434,8 +11659,13 @@ var resolveTradingStateTimestampLabel = (labels, state) => {
   return null;
 };
 var resolveTradingStatePresentation = (labels, state) => {
+  var _a;
   const timestampLabel = resolveTradingStateTimestampLabel(labels, state);
-  const winningOutcomeLabel = state.winningOutcome ? labels.eventMarketPage.winningOutcome(state.winningOutcome.label) : null;
+  const resolvedOutcomeLabel = resolveResolvedOutcomeLabel({
+    market: (_a = state.market) != null ? _a : null,
+    outcome: state.winningOutcome
+  });
+  const winningOutcomeLabel = resolvedOutcomeLabel ? labels.eventMarketPage.winningOutcome(resolvedOutcomeLabel) : null;
   if (state.kind === "resolved") {
     return {
       badgeLabel: labels.eventMarketPage.tradingResolvedBadge,
@@ -11546,6 +11776,34 @@ var getMarketDetailsOutcomeButtonClassNames = ({
     text: cn(isSelected ? toneClasses.text : "text-agg-foreground")
   };
 };
+var OutcomePriceContent = ({
+  isLoading,
+  isSelected,
+  value,
+  textClassName
+}) => {
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: cn(
+          "agg-market-details-outcome-price-loading",
+          "h-4 w-10 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    Typography,
+    {
+      as: "span",
+      variant: isSelected ? "body-strong" : "body",
+      className: cn("shrink-0 whitespace-nowrap", textClassName),
+      children: formatProbabilityCents(value)
+    }
+  );
+};
 var MarketDetailsOutcomeButton = ({
   ariaControls,
   enableAnimations,
@@ -11601,12 +11859,12 @@ var MarketDetailsOutcomeButton = ({
           }
         ) : null,
         /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
-          Typography,
+          OutcomePriceContent,
           {
-            as: "span",
-            variant: isSelected ? "body-strong" : "body",
-            className: cn("shrink-0 whitespace-nowrap", classNames.text),
-            children: formatProbabilityCents(item.probability)
+            isLoading: item.isPriceLoading,
+            isSelected,
+            value: item.probability,
+            textClassName: classNames.text
           }
         )
       ] }) : /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "inline-flex max-w-full items-center justify-center gap-1.5", children: [
@@ -11621,12 +11879,12 @@ var MarketDetailsOutcomeButton = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
-          Typography,
+          OutcomePriceContent,
           {
-            as: "span",
-            variant: isSelected ? "body-strong" : "body",
-            className: cn("shrink-0 whitespace-nowrap", classNames.text),
-            children: formatProbabilityCents(item.probability)
+            isLoading: item.isPriceLoading,
+            isSelected,
+            value: item.probability,
+            textClassName: classNames.text
           }
         )
       ] })
@@ -11818,9 +12076,8 @@ var MarketDetailsGraphPanel = ({
           var _a2, _b2, _c2, _d;
           return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "agg-chart-toolbar w-full flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [
             /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "agg-market-venues flex flex-wrap gap-2", children: chartAvailableOutcomesByVenue.map((item) => {
-              var _a3;
               const probability = formatProbabilityPercent(
-                (_a3 = wsLivePrices.get(item.outcome.id)) != null ? _a3 : item.outcome.price,
+                wsLivePrices.get(item.outcome.id),
                 formatPercent
               );
               const isActiveVenue = selectedGraphVenue === item.venue;
@@ -12031,16 +12288,8 @@ var MarketDetailsContent = ({
     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(),
-    venueByOutcomeId: /* @__PURE__ */ new Map(),
-    bestPrices: /* @__PURE__ */ new Map(),
-    bestPriceVenuesByOutcomeId: /* @__PURE__ */ new Map(),
-    isLoading: false,
-    bestMidpoint: void 0,
-    bestMidpointVenue: void 0
-  };
+  const fetchedClusterMidpointResult = (0, import_hooks43.useMidpoints)(midpointsResult ? [] : clusterVenueMarkets);
+  const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
   const clusterMidpoints = (_c = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _c : clusterMidpointResult.prices;
   const clusterBestMidpointsByOutcomeId = clusterMidpoints;
   const clusterVenueByOutcomeId = clusterMidpointResult.venueByOutcomeId;
@@ -12108,6 +12357,10 @@ var MarketDetailsContent = ({
   const isOutcomeSelectionLocked = marketTradingState.isTradingDisabled;
   const isUpcomingMarket = marketTradingState.kind === "unopened";
   const marketStatePresentation = resolveTradingStatePresentation(labels, marketTradingState);
+  const resolvedWinningOutcomeLabel = resolveResolvedOutcomeLabel({
+    market: scopedMarketForCard,
+    outcome: marketTradingState.winningOutcome
+  });
   const marketDetailsTabs = (0, import_react20.useMemo)(() => {
     return getMarketDetailsTabs(labels);
   }, [labels]);
@@ -12200,18 +12453,24 @@ var MarketDetailsContent = ({
       });
       const bestVenue = candidate == null ? void 0 : candidate.venue;
       const outcomeBestPrice = candidate == null ? void 0 : candidate.price;
+      const isPriceLoading = !isResolvedMarket && outcomeBestPrice == null && clusterMidpointResult.isLoading;
       if (isResolvedMarket) {
         const isWinningOutcome = item.id === ((_a2 = marketTradingState.winningOutcome) == null ? void 0 : _a2.id);
         return __spreadValues(__spreadProps(__spreadValues({}, item), {
-          probability: isWinningOutcome ? 1 : 0
+          probability: isWinningOutcome ? 1 : 0,
+          isPriceLoading: false
         }), bestVenue ? { venue: bestVenue } : {});
       }
       if (outcomeBestPrice != null) {
         return __spreadValues(__spreadProps(__spreadValues({}, item), {
-          probability: outcomeBestPrice
+          probability: outcomeBestPrice,
+          isPriceLoading: false
         }), bestVenue ? { venue: bestVenue } : {});
       }
-      return item;
+      return __spreadProps(__spreadValues({}, item), {
+        probability: void 0,
+        isPriceLoading
+      });
     });
   }, [
     clusterBestMidpoint,
@@ -12233,7 +12492,7 @@ var MarketDetailsContent = ({
     wsBestCandidates
   ]);
   const headlineProbability = (0, import_react20.useMemo)(() => {
-    var _a2, _b2, _c2, _d2;
+    var _a2;
     if (!model || !scopedMarketForCard) return void 0;
     if (isResolvedMarket) {
       const yesOutcome2 = resolveYesOutcome(scopedMarketForCard);
@@ -12241,10 +12500,7 @@ var MarketDetailsContent = ({
       return yesOutcome2.winner === true ? 1 : 0;
     }
     const yesOutcome = resolveYesOutcome(scopedMarketForCard);
-    const displayOutcome = yesOutcome != null ? yesOutcome : (_b2 = scopedMarketForCard.venueMarketOutcomes) == null ? void 0 : _b2.reduce(
-      (acc, outcome) => outcome.price > acc.price ? outcome : acc,
-      (_a2 = scopedMarketForCard.venueMarketOutcomes) == null ? void 0 : _a2[0]
-    );
+    const displayOutcome = yesOutcome != null ? yesOutcome : (_a2 = scopedMarketForCard.venueMarketOutcomes) == null ? void 0 : _a2[0];
     if (displayOutcome == null) return void 0;
     const referencePrice = getDisplayOutcomePrice({
       outcomeId: displayOutcome.id,
@@ -12254,10 +12510,10 @@ var MarketDetailsContent = ({
       bestMidpoint: clusterBestMidpoint,
       bestMidpointsByOutcomeId: clusterBestMidpointsByOutcomeId,
       livePrices: wsLivePrices,
-      fallbackPrice: (_c2 = midpointsFallback == null ? void 0 : midpointsFallback.get(displayOutcome.id)) != null ? _c2 : displayOutcome.price
+      fallbackPrice: midpointsFallback == null ? void 0 : midpointsFallback.get(displayOutcome.id)
     });
     if (referencePrice != null) return referencePrice;
-    return (_d2 = (0, import_hooks43.findLivePriceById)(wsLivePrices, displayOutcome.id)) != null ? _d2 : displayOutcome.price;
+    return (0, import_hooks43.findLivePriceById)(wsLivePrices, displayOutcome.id);
   }, [
     clusterBestMidpoint,
     clusterBestMidpointsByOutcomeId,
@@ -12541,7 +12797,9 @@ var MarketDetailsContent = ({
                         )
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Typography, { variant: "body", children: labels.eventMarketPage.resolvedOutcome(marketTradingState.winningOutcome.label) })
+                    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Typography, { variant: "body", children: labels.eventMarketPage.resolvedOutcome(
+                      resolvedWinningOutcomeLabel != null ? resolvedWinningOutcomeLabel : marketTradingState.winningOutcome.label
+                    ) })
                   ]
                 }
               ) }) : isUpcomingMarket ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "agg-outcomes flex w-full items-center justify-end md:w-auto md:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
@@ -13307,6 +13565,23 @@ var resolveSortQueryParams = (value) => {
   }
   return { sortBy: "volume24hr", sortDir: "desc" };
 };
+var collectEventListVenueMarkets = (events) => {
+  return events.flatMap((event) => {
+    var _a;
+    return (_a = event.venueMarkets) != null ? _a : [];
+  });
+};
+var collectMidpointVenueMarketIds = (venueMarkets) => {
+  var _a;
+  const ids = [];
+  for (const market of venueMarkets) {
+    ids.push(market.id);
+    for (const sibling of (_a = market.matchedVenueMarkets) != null ? _a : []) {
+      ids.push(sibling.id);
+    }
+  }
+  return [...new Set(ids)];
+};
 var EventList = ({
   title: title2,
   limit = DEFAULT_EVENTS_LIMIT,
@@ -13521,6 +13796,16 @@ var EventList = ({
     if (resolvedMaxVisibleItems == null) return normalizedEvents;
     return normalizedEvents.slice(0, resolvedMaxVisibleItems);
   }, [orderedEvents, resolvedMaxVisibleItems]);
+  const visibleVenueMarkets = (0, import_react23.useMemo)(() => {
+    return collectEventListVenueMarkets(tileEvents);
+  }, [tileEvents]);
+  const visibleMidpointVenueMarketIds = (0, import_react23.useMemo)(() => {
+    return collectMidpointVenueMarketIds(visibleVenueMarkets);
+  }, [visibleVenueMarkets]);
+  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks45.useVenueMarketMidpoints)({
+    venueMarketIds: visibleMidpointVenueMarketIds,
+    enabled: visibleMidpointVenueMarketIds.length > 0
+  });
   const shouldRenderLoadingState = isLoading && !isPlaceholderData && tileEvents.length === 0;
   const shouldRenderEmptyState = !isLoading && !isError && tileEvents.length === 0;
   const shouldRenderPaginationLoadingItems = shouldPaginate && hasNextPage;
@@ -13689,6 +13974,8 @@ var EventList = ({
                   EventListItem,
                   {
                     event,
+                    midpointRows: sharedMidpointRows,
+                    midpointsLoading: isSharedMidpointsLoading,
                     classNames: {
                       root: "agg-event-list-item w-full min-w-0! max-w-none justify-between!"
                     },