@agg-build/ui 1.3.0 → 2.0.0

package/dist/events.js

@@ -4005,266 +4005,8 @@ var LineChart = ({
 LineChart.displayName = "LineChart";
 
 // src/events/list/event-list.utils.ts
-var import_hooks8 = require("@agg-build/hooks");
-var import_sdk = require("@agg-build/sdk");
-
-// src/events/item/event-list-item.utils.ts
 var import_hooks7 = require("@agg-build/hooks");
-
-// src/events/shared/venue-market-cluster.ts
-var toNonEmptyString = (value) => {
-  if (typeof value !== "string") return void 0;
-  const trimmedValue = value.trim();
-  return trimmedValue ? trimmedValue : void 0;
-};
-var addGraphEdge = (adjacencyById, fromMarketId, toMarketId) => {
-  var _a, _b;
-  if (fromMarketId === toMarketId) return;
-  const fromNeighbors = (_a = adjacencyById.get(fromMarketId)) != null ? _a : /* @__PURE__ */ new Set();
-  fromNeighbors.add(toMarketId);
-  adjacencyById.set(fromMarketId, fromNeighbors);
-  const toNeighbors = (_b = adjacencyById.get(toMarketId)) != null ? _b : /* @__PURE__ */ new Set();
-  toNeighbors.add(fromMarketId);
-  adjacencyById.set(toMarketId, toNeighbors);
-};
-var dedupeSourceMarketsById = (markets) => {
-  const seenMarketIds = /* @__PURE__ */ new Set();
-  return markets.filter((market) => {
-    if (seenMarketIds.has(market.id)) {
-      return false;
-    }
-    seenMarketIds.add(market.id);
-    return true;
-  });
-};
-var collectDirectRelationMarkets = (market) => {
-  var _a, _b, _c;
-  const relationMarkets = [];
-  const seenRelationIds = /* @__PURE__ */ new Set();
-  const addRelationMarket = (relationMarket) => {
-    if (!relationMarket) return;
-    if (seenRelationIds.has(relationMarket.id)) return;
-    seenRelationIds.add(relationMarket.id);
-    relationMarkets.push(relationMarket);
-  };
-  for (const matchedVenueMarket of (_a = market.matchedVenueMarkets) != null ? _a : []) {
-    addRelationMarket(matchedVenueMarket);
-  }
-  addRelationMarket(
-    (_c = (_b = market.matchEntry) == null ? void 0 : _b.targetVenueMarket) != null ? _c : void 0
-  );
-  return relationMarkets;
-};
-var collectUniqueRelatedMarkets = (markets, sourceMarketsById) => {
-  const relatedMarketsById = /* @__PURE__ */ new Map();
-  for (const market of markets) {
-    for (const relatedMarket of collectDirectRelationMarkets(market)) {
-      if (sourceMarketsById.has(relatedMarket.id) || relatedMarketsById.has(relatedMarket.id)) {
-        continue;
-      }
-      relatedMarketsById.set(relatedMarket.id, relatedMarket);
-    }
-  }
-  return Array.from(relatedMarketsById.values());
-};
-var normalizeVenueMarketCluster = (markets, selectedMarketId) => {
-  var _a, _b;
-  if (markets.length === 0) return [];
-  const orderedSourceMarkets = dedupeSourceMarketsById(markets);
-  const sourceMarketsById = new Map(orderedSourceMarkets.map((market) => [market.id, market]));
-  const orderedRelatedMarkets = collectUniqueRelatedMarkets(
-    orderedSourceMarkets,
-    sourceMarketsById
-  );
-  const relatedMarketsById = new Map(orderedRelatedMarkets.map((market) => [market.id, market]));
-  const resolvedSelectedMarketId = toNonEmptyString(selectedMarketId);
-  if (!resolvedSelectedMarketId) {
-    return [...orderedSourceMarkets, ...orderedRelatedMarkets];
-  }
-  const adjacencyById = /* @__PURE__ */ new Map();
-  for (const market of orderedSourceMarkets) {
-    for (const relatedMarket of collectDirectRelationMarkets(market)) {
-      addGraphEdge(adjacencyById, market.id, relatedMarket.id);
-    }
-    const targetVenueMarketId = toNonEmptyString((_a = market.matchEntry) == null ? void 0 : _a.targetVenueMarketId);
-    if (targetVenueMarketId) {
-      addGraphEdge(adjacencyById, market.id, targetVenueMarketId);
-    }
-  }
-  if (!sourceMarketsById.has(resolvedSelectedMarketId) && !relatedMarketsById.has(resolvedSelectedMarketId)) {
-    return [];
-  }
-  const visitedMarketIds = /* @__PURE__ */ new Set();
-  const queue = [resolvedSelectedMarketId];
-  while (queue.length > 0) {
-    const currentMarketId = queue.shift();
-    if (!currentMarketId || visitedMarketIds.has(currentMarketId)) {
-      continue;
-    }
-    visitedMarketIds.add(currentMarketId);
-    const neighborMarketIds = adjacencyById.get(currentMarketId);
-    for (const neighborMarketId of Array.from(neighborMarketIds != null ? neighborMarketIds : /* @__PURE__ */ new Set())) {
-      if (!visitedMarketIds.has(neighborMarketId)) {
-        queue.push(neighborMarketId);
-      }
-    }
-  }
-  const orderedClusterMarkets = [];
-  const appendedMarketIds = /* @__PURE__ */ new Set();
-  const appendMarket = (market) => {
-    if (!market) return;
-    if (!visitedMarketIds.has(market.id)) return;
-    if (appendedMarketIds.has(market.id)) return;
-    appendedMarketIds.add(market.id);
-    orderedClusterMarkets.push(market);
-  };
-  appendMarket(
-    (_b = sourceMarketsById.get(resolvedSelectedMarketId)) != null ? _b : relatedMarketsById.get(resolvedSelectedMarketId)
-  );
-  for (const market of orderedSourceMarkets) {
-    appendMarket(market);
-  }
-  for (const market of orderedRelatedMarkets) {
-    appendMarket(market);
-  }
-  return orderedClusterMarkets;
-};
-
-// src/events/item/event-list-item.utils.ts
-var resolveEventListItemEvent = (fetchedEvent) => {
-  if (!fetchedEvent) return void 0;
-  if (!fetchedEvent.venueMarkets || fetchedEvent.venueMarkets.length === 0) return void 0;
-  return fetchedEvent;
-};
-var normalizeProbability = (value) => {
-  if (typeof value !== "number" || !Number.isFinite(value)) return void 0;
-  if (value < 0) return 0;
-  if (value > 1) return 1;
-  return value;
-};
-var formatWholePercent = (value) => {
-  return `${Math.round(value * 100)}%`;
-};
-var hasDateLabel = (outcome) => {
-  return !!toDate(outcome.label);
-};
-var isYesLabel = (label2) => label2.trim().toLowerCase() === "yes";
-var isNoLabel = (label2) => label2.trim().toLowerCase() === "no";
-var hasBinaryOutcomes = (outcomes) => {
-  return outcomes.some((o) => isYesLabel(o.label)) && outcomes.some((o) => isNoLabel(o.label));
-};
-var sortYesFirst = (outcomes) => {
-  return [...outcomes].sort((a, b) => {
-    if (isYesLabel(a.label) && !isYesLabel(b.label)) return -1;
-    if (!isYesLabel(a.label) && isYesLabel(b.label)) return 1;
-    return 0;
-  });
-};
-var resolveYesOutcome = (market) => {
-  return market.venueMarketOutcomes.find((outcome) => isYesLabel(outcome.label));
-};
-var resolveYesOutcomeProbability = (market) => {
-  var _a;
-  return normalizeProbability((_a = resolveYesOutcome(market)) == null ? void 0 : _a.price);
-};
-var formatMarketProbabilityPercent = (value, formatPercent = formatWholePercent) => {
-  const probability = normalizeProbability(value);
-  if (probability == null) return "-";
-  const formattedValue = formatPercent(probability);
-  if (probability > 0 && formattedValue === formatPercent(0)) {
-    return "<1%";
-  }
-  return formattedValue;
-};
-var formatPriceGapPercent = (value) => {
-  if (typeof value !== "number" || !Number.isFinite(value)) return void 0;
-  if (value < import_hooks7.MIN_PRICE_GAP_PCT) return void 0;
-  if (value > import_hooks7.MAX_PRICE_GAP_PCT) return void 0;
-  return `${Math.round(value)}%`;
-};
-var sortOutcomes = (outcomes) => {
-  if (outcomes.length <= 1) return outcomes;
-  if (hasBinaryOutcomes(outcomes)) {
-    return sortYesFirst(outcomes);
-  }
-  const now = Date.now();
-  if (outcomes.some(hasDateLabel)) {
-    return [...outcomes].sort((a, b) => {
-      var _a, _b, _c, _d;
-      const aDate = (_b = (_a = toDate(a.label)) == null ? void 0 : _a.getTime()) != null ? _b : 0;
-      const bDate = (_d = (_c = toDate(b.label)) == null ? void 0 : _c.getTime()) != null ? _d : 0;
-      return Math.abs(aDate - now) - Math.abs(bDate - now);
-    });
-  }
-  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;
-    return bPrice - aPrice;
-  });
-};
-var dedupeVenueMarketsById = (venueMarkets) => {
-  const seenClusterIds = /* @__PURE__ */ new Set();
-  return venueMarkets.filter((venueMarket) => {
-    var _a;
-    if (seenClusterIds.has(venueMarket.id)) {
-      return false;
-    }
-    seenClusterIds.add(venueMarket.id);
-    for (const sibling of (_a = venueMarket.matchedVenueMarkets) != null ? _a : []) {
-      seenClusterIds.add(sibling.id);
-    }
-    return true;
-  });
-};
-var resolveOutcomeTitle = (outcome) => {
-  var _a, _b;
-  return (_b = (_a = outcome == null ? void 0 : outcome.title) != null ? _a : outcome == null ? void 0 : outcome.label) == null ? void 0 : _b.trim();
-};
-var selectPrimaryVenueMarket = (venueMarkets) => {
-  if (venueMarkets.length === 0) return void 0;
-  if (venueMarkets.length === 1) return venueMarkets[0];
-  return [...venueMarkets].sort((a, b) => {
-    const aVolume = typeof a.volume === "number" ? a.volume : -1;
-    const bVolume = typeof b.volume === "number" ? b.volume : -1;
-    return bVolume - aVolume;
-  })[0];
-};
-var getVenueSummary = (venueMarkets, options) => {
-  const normalizedVenueMarkets = normalizeVenueMarketCluster(venueMarkets);
-  const tradableVenues = options == null ? void 0 : options.tradableVenues;
-  const isVenueTradable = (venue) => {
-    if (tradableVenues == null) return true;
-    return tradableVenues.has(venue);
-  };
-  const uniqueVenues = Array.from(
-    new Set(
-      normalizedVenueMarkets.filter((market) => isVenueTradable(market.venue)).map((market) => market.venue)
-    )
-  );
-  return {
-    marketCount: normalizedVenueMarkets.length,
-    venueCount: uniqueVenues.length,
-    singleVenue: uniqueVenues.length === 1 ? uniqueVenues[0] : void 0
-  };
-};
-var resolveVenueLabel = (venue, venueInfo, labels) => {
-  var _a, _b;
-  if (!venue) return labels.eventItem.venueSingular;
-  return (_b = (_a = venueInfo == null ? void 0 : venueInfo[venue]) == null ? void 0 : _a.label) != null ? _b : labels.venues[venue];
-};
-var resolveDisplayVolume = (eventVolume, venueMarkets) => {
-  if (typeof eventVolume === "number" && eventVolume > 0) return eventVolume;
-  const clusterMarkets = normalizeVenueMarketCluster(venueMarkets);
-  const marketSum = clusterMarkets.reduce(
-    (acc, m) => acc + (typeof m.volume === "number" ? m.volume : 0),
-    0
-  );
-  if (marketSum > 0) return marketSum;
-  return void 0;
-};
-
-// src/events/list/event-list.utils.ts
+var import_sdk = require("@agg-build/sdk");
 var resolveEventVolume = (event) => {
   if (typeof event.volume === "number" && Number.isFinite(event.volume)) {
     return event.volume;
@@ -4292,20 +4034,20 @@ var sortEventsByVolumeDesc = (events, sortEventsBy) => {
 };
 var resolveEventLifecycle = (event) => {
   const hasOpenMarket = event.venueMarkets.some(
-    (market) => !market.status || market.status === import_hooks8.MarketStatus.open
+    (market) => !market.status || market.status === import_hooks7.MarketStatus.open
   );
   if (hasOpenMarket) return "open";
   const hasUpcomingMarket = event.venueMarkets.some(
-    (market) => market.status === import_hooks8.MarketStatus.unopened
+    (market) => market.status === import_hooks7.MarketStatus.unopened
   );
   if (hasUpcomingMarket) return "upcoming";
   const hasResolvedMarket = event.venueMarkets.some(
-    (market) => market.status === import_hooks8.MarketStatus.resolved
+    (market) => market.status === import_hooks7.MarketStatus.resolved
   );
   if (hasResolvedMarket) return "resolved";
-  if (event.status === import_hooks8.MarketStatus.open) return "open";
-  if (event.status === import_hooks8.MarketStatus.unopened) return "upcoming";
-  if (event.status === import_hooks8.MarketStatus.resolved) return "resolved";
+  if (event.status === import_hooks7.MarketStatus.open) return "open";
+  if (event.status === import_hooks7.MarketStatus.unopened) return "upcoming";
+  if (event.status === import_hooks7.MarketStatus.resolved) return "resolved";
   return "ignore";
 };
 var splitEventsByLifecycle = (events) => {
@@ -4335,42 +4077,6 @@ var mapEventToEventListItemEvent = (event) => {
 var filterEventsByTabValue = (events, _tabValue) => {
   return events;
 };
-var sortMarketsByYesOddsDesc = (markets) => {
-  return markets.map((market, index) => ({
-    market,
-    index,
-    yesProbability: resolveYesOutcomeProbability(market)
-  })).sort((left, right) => {
-    const leftHasYesProbability = left.yesProbability != null;
-    const rightHasYesProbability = right.yesProbability != null;
-    if (leftHasYesProbability !== rightHasYesProbability) {
-      return leftHasYesProbability ? -1 : 1;
-    }
-    if (left.yesProbability != null && right.yesProbability != null) {
-      if (left.yesProbability !== right.yesProbability) {
-        return right.yesProbability - left.yesProbability;
-      }
-    }
-    return left.index - right.index;
-  }).map(({ market }) => market);
-};
-var resolveMarketVolume = (market) => {
-  if (typeof market.volume !== "number") return 0;
-  if (!Number.isFinite(market.volume)) return 0;
-  return market.volume;
-};
-var sortMarketsByVolumeDesc = (markets) => {
-  return markets.map((market, index) => ({
-    market,
-    index,
-    volume: resolveMarketVolume(market)
-  })).sort((left, right) => {
-    if (left.volume !== right.volume) {
-      return right.volume - left.volume;
-    }
-    return left.index - right.index;
-  }).map(({ market }) => market);
-};
 var sortCategoriesForNavigation = (categories) => {
   return [...categories].sort((left, right) => {
     const leftIsOther = left.name.trim().toLowerCase() === "other";
@@ -4403,16 +4109,16 @@ var resolveTabVenus = (tab, visibleVenues) => {
 };
 
 // src/primitives/remote-image/index.tsx
-var import_hooks10 = require("@agg-build/hooks");
+var import_hooks9 = require("@agg-build/hooks");
 var import_react4 = require("react");
 
 // src/primitives/skeleton/skeleton-block.tsx
-var import_hooks9 = require("@agg-build/hooks");
+var import_hooks8 = require("@agg-build/hooks");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var SkeletonBlock = ({ className }) => {
   const {
     features: { enableAnimations }
-  } = (0, import_hooks9.useSdkUiConfig)();
+  } = (0, import_hooks8.useSdkUiConfig)();
   return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
     "div",
     {
@@ -4456,7 +4162,7 @@ var RemoteImage = ({
 }) => {
   const {
     general: { theme }
-  } = (0, import_hooks10.useSdkUiConfig)();
+  } = (0, import_hooks9.useSdkUiConfig)();
   const isDarkTheme = theme === "dark";
   const [status, setStatus] = (0, import_react4.useState)(
     () => resolveRemoteImageStatusFromSrc(src)
@@ -4530,17 +4236,17 @@ var RemoteImage = ({
 RemoteImage.displayName = "RemoteImage";
 
 // src/primitives/skeleton/views/event-list-skeleton-view.tsx
-var import_hooks12 = require("@agg-build/hooks");
+var import_hooks11 = require("@agg-build/hooks");
 
 // src/primitives/skeleton/views/event-list-item-skeleton-view.tsx
-var import_hooks11 = require("@agg-build/hooks");
+var import_hooks10 = require("@agg-build/hooks");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 var EventListItemSkeletonView = ({
   className,
   ariaLabel,
   isStandalone = false
 }) => {
-  const labels = (0, import_hooks11.useLabels)();
+  const labels = (0, import_hooks10.useLabels)();
   const outcomeTitleWidths = ["max-w-40", "max-w-[200px]"];
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     Card,
@@ -4606,7 +4312,7 @@ var EventListSkeletonView = ({
   ariaLabel,
   withSidebar
 }) => {
-  const labels = (0, import_hooks12.useLabels)();
+  const labels = (0, import_hooks11.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
     "section",
     {
@@ -4645,7 +4351,7 @@ var EventListSkeletonView = ({
 EventListSkeletonView.displayName = "EventListSkeletonView";
 
 // src/primitives/skeleton/views/event-list-item-details-skeleton-view.tsx
-var import_hooks13 = require("@agg-build/hooks");
+var import_hooks12 = require("@agg-build/hooks");
 
 // src/events/item-details/event-list-item-details.constants.ts
 var detailsBaseCardClassName = "w-full gap-6 p-5 md:gap-8";
@@ -4656,7 +4362,7 @@ var EventListItemDetailsSkeletonView = ({
   className,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks13.useLabels)();
+  const labels = (0, import_hooks12.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
     Card,
     {
@@ -4693,7 +4399,7 @@ var EventListItemDetailsSkeletonView = ({
 EventListItemDetailsSkeletonView.displayName = "EventListItemDetailsSkeletonView";
 
 // src/primitives/skeleton/views/market-details-skeleton-view.tsx
-var import_hooks14 = require("@agg-build/hooks");
+var import_hooks13 = require("@agg-build/hooks");
 
 // src/events/market-details/market-details.constants.ts
 var marketDetailsBaseCardClassName = "w-full overflow-hidden rounded-agg-lg border border-agg-separator bg-agg-secondary text-agg-foreground shadow-none hover:shadow-none";
@@ -4789,7 +4495,7 @@ var MarketDetailsSkeletonView = ({
   ariaLabel,
   isDetailed
 }) => {
-  const labels = (0, import_hooks14.useLabels)();
+  const labels = (0, import_hooks13.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
     Card,
     {
@@ -4890,7 +4596,7 @@ var PlaceOrderSkeletonView = ({
 PlaceOrderSkeletonView.displayName = "PlaceOrderSkeletonView";
 
 // src/primitives/skeleton/views/search-skeleton-view.tsx
-var import_hooks15 = require("@agg-build/hooks");
+var import_hooks14 = require("@agg-build/hooks");
 var import_jsx_runtime97 = require("react/jsx-runtime");
 var SearchSkeletonRow = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex w-full items-center gap-6 px-5 py-4", children: [
@@ -4916,7 +4622,7 @@ var SearchSkeletonRow = () => {
   ] });
 };
 var SearchSkeletonView = ({ className, ariaLabel }) => {
-  const labels = (0, import_hooks15.useLabels)();
+  const labels = (0, import_hooks14.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "div",
     {
@@ -4938,13 +4644,13 @@ var SearchSkeletonView = ({ className, ariaLabel }) => {
 SearchSkeletonView.displayName = "SearchSkeletonView";
 
 // src/primitives/skeleton/views/settlement-skeleton-view.tsx
-var import_hooks16 = require("@agg-build/hooks");
+var import_hooks15 = require("@agg-build/hooks");
 var import_jsx_runtime98 = require("react/jsx-runtime");
 var SettlementSkeletonView = ({
   className,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks16.useLabels)();
+  const labels = (0, import_hooks15.useLabels)();
   return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
     Card,
     {
@@ -5158,7 +4864,7 @@ var Skeleton = ({
 Skeleton.displayName = "Skeleton";
 
 // src/primitives/venue-logo/index.tsx
-var import_hooks25 = require("@agg-build/hooks");
+var import_hooks24 = require("@agg-build/hooks");
 
 // src/primitives/venue-logo/venue-logo.constants.ts
 var import_sdk10 = require("@agg-build/sdk");
@@ -5211,7 +4917,7 @@ var DefaultVenueIcon = (_a) => {
 };
 
 // src/primitives/venue-logo/svg/logo-hyperliquid.tsx
-var import_hooks17 = require("@agg-build/hooks");
+var import_hooks16 = require("@agg-build/hooks");
 var import_sdk2 = require("@agg-build/sdk");
 var import_jsx_runtime103 = require("react/jsx-runtime");
 var LogoHyperliquidIcon = (_a) => {
@@ -5229,7 +4935,7 @@ var LogoHyperliquidIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = (0, import_hooks17.useAggUiConfig)();
+  } = (0, import_hooks16.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
     brandColor: (_a2 = resolveVenueLineColor(import_sdk2.Venue.hyperliquid, isDarkTheme)) != null ? _a2 : "#97FCE4",
@@ -5259,7 +4965,7 @@ var LogoHyperliquidIcon = (_a) => {
 LogoHyperliquidIcon.displayName = "LogoHyperliquidIcon";
 
 // src/primitives/venue-logo/svg/logo-kalshi.tsx
-var import_hooks18 = require("@agg-build/hooks");
+var import_hooks17 = require("@agg-build/hooks");
 var import_sdk3 = require("@agg-build/sdk");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 var LogoKalshiIcon = (_a) => {
@@ -5277,7 +4983,7 @@ var LogoKalshiIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = (0, import_hooks18.useAggUiConfig)();
+  } = (0, import_hooks17.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
     brandColor: (_a2 = resolveVenueLineColor(import_sdk3.Venue.kalshi, isDarkTheme)) != null ? _a2 : "#18C590",
@@ -5307,7 +5013,7 @@ var LogoKalshiIcon = (_a) => {
 LogoKalshiIcon.displayName = "LogoKalshiIcon";
 
 // src/primitives/venue-logo/svg/logo-limitless.tsx
-var import_hooks19 = require("@agg-build/hooks");
+var import_hooks18 = require("@agg-build/hooks");
 var import_sdk4 = require("@agg-build/sdk");
 var import_jsx_runtime105 = require("react/jsx-runtime");
 var LogoLimitlessIcon = (_a) => {
@@ -5325,7 +5031,7 @@ var LogoLimitlessIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = (0, import_hooks19.useAggUiConfig)();
+  } = (0, import_hooks18.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
     brandColor: (_a2 = resolveVenueLineColor(import_sdk4.Venue.limitless, isDarkTheme)) != null ? _a2 : "#c4fe00",
@@ -5355,7 +5061,7 @@ var LogoLimitlessIcon = (_a) => {
 LogoLimitlessIcon.displayName = "LogoLimitlessIcon";
 
 // src/primitives/venue-logo/svg/logo-myriad.tsx
-var import_hooks20 = require("@agg-build/hooks");
+var import_hooks19 = require("@agg-build/hooks");
 var import_sdk5 = require("@agg-build/sdk");
 var import_jsx_runtime106 = require("react/jsx-runtime");
 var LogoMyriadIcon = (_a) => {
@@ -5373,7 +5079,7 @@ var LogoMyriadIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = (0, import_hooks20.useAggUiConfig)();
+  } = (0, import_hooks19.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
     brandColor: (_a2 = resolveVenueLineColor(import_sdk5.Venue.myriad, isDarkTheme)) != null ? _a2 : "#2E5CFF",
@@ -5403,7 +5109,7 @@ var LogoMyriadIcon = (_a) => {
 LogoMyriadIcon.displayName = "LogoMyriadIcon";
 
 // src/primitives/venue-logo/svg/logo-opinion.tsx
-var import_hooks21 = require("@agg-build/hooks");
+var import_hooks20 = require("@agg-build/hooks");
 var import_sdk6 = require("@agg-build/sdk");
 var import_jsx_runtime107 = require("react/jsx-runtime");
 var LogoOpinionIcon = (_a) => {
@@ -5421,7 +5127,7 @@ var LogoOpinionIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = (0, import_hooks21.useAggUiConfig)();
+  } = (0, import_hooks20.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
     brandColor: (_a2 = resolveVenueLineColor(import_sdk6.Venue.opinion, isDarkTheme)) != null ? _a2 : "#ec5e26",
@@ -5451,7 +5157,7 @@ var LogoOpinionIcon = (_a) => {
 LogoOpinionIcon.displayName = "LogoOpinionIcon";
 
 // src/primitives/venue-logo/svg/logo-polymarket.tsx
-var import_hooks22 = require("@agg-build/hooks");
+var import_hooks21 = require("@agg-build/hooks");
 var import_sdk7 = require("@agg-build/sdk");
 var import_jsx_runtime108 = require("react/jsx-runtime");
 var LogoPolymarketIcon = (_a) => {
@@ -5469,7 +5175,7 @@ var LogoPolymarketIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = (0, import_hooks22.useAggUiConfig)();
+  } = (0, import_hooks21.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
     brandColor: (_a2 = resolveVenueLineColor(import_sdk7.Venue.polymarket, isDarkTheme)) != null ? _a2 : "#2E5CFF",
@@ -5499,7 +5205,7 @@ var LogoPolymarketIcon = (_a) => {
 LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
 
 // src/primitives/venue-logo/svg/logo-predict.tsx
-var import_hooks23 = require("@agg-build/hooks");
+var import_hooks22 = require("@agg-build/hooks");
 var import_sdk8 = require("@agg-build/sdk");
 var import_jsx_runtime109 = require("react/jsx-runtime");
 var LogoPredictIcon = (_a) => {
@@ -5517,7 +5223,7 @@ var LogoPredictIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = (0, import_hooks23.useAggUiConfig)();
+  } = (0, import_hooks22.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
     brandColor: (_a2 = resolveVenueLineColor(import_sdk8.Venue.predict, isDarkTheme)) != null ? _a2 : "#705bf6",
@@ -5549,7 +5255,7 @@ var LogoPredictIcon = (_a) => {
 LogoPredictIcon.displayName = "LogoPredictIcon";
 
 // src/primitives/venue-logo/svg/logo-probable.tsx
-var import_hooks24 = require("@agg-build/hooks");
+var import_hooks23 = require("@agg-build/hooks");
 var import_sdk9 = require("@agg-build/sdk");
 var import_jsx_runtime110 = require("react/jsx-runtime");
 var LogoProbableIcon = (_a) => {
@@ -5567,7 +5273,7 @@ var LogoProbableIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = (0, import_hooks24.useAggUiConfig)();
+  } = (0, import_hooks23.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
     brandColor: (_a2 = resolveVenueLineColor(import_sdk9.Venue.probable, isDarkTheme)) != null ? _a2 : "#EC4899",
@@ -5715,7 +5421,7 @@ var VenueLogo = ({
   title: title2
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks25.useLabels)();
+  const labels = (0, import_hooks24.useLabels)();
   const sizeClass = sizeClasses2[size];
   const resolvedLabel = resolveVenueLogoLabel({
     ariaLabel,
@@ -5756,6 +5462,258 @@ var VenueLogo = ({
 };
 VenueLogo.displayName = "VenueLogo";
 
+// src/events/item/event-list-item.utils.ts
+var import_hooks25 = require("@agg-build/hooks");
+
+// src/events/shared/venue-market-cluster.ts
+var toNonEmptyString = (value) => {
+  if (typeof value !== "string") return void 0;
+  const trimmedValue = value.trim();
+  return trimmedValue ? trimmedValue : void 0;
+};
+var addGraphEdge = (adjacencyById, fromMarketId, toMarketId) => {
+  var _a, _b;
+  if (fromMarketId === toMarketId) return;
+  const fromNeighbors = (_a = adjacencyById.get(fromMarketId)) != null ? _a : /* @__PURE__ */ new Set();
+  fromNeighbors.add(toMarketId);
+  adjacencyById.set(fromMarketId, fromNeighbors);
+  const toNeighbors = (_b = adjacencyById.get(toMarketId)) != null ? _b : /* @__PURE__ */ new Set();
+  toNeighbors.add(fromMarketId);
+  adjacencyById.set(toMarketId, toNeighbors);
+};
+var dedupeSourceMarketsById = (markets) => {
+  const seenMarketIds = /* @__PURE__ */ new Set();
+  return markets.filter((market) => {
+    if (seenMarketIds.has(market.id)) {
+      return false;
+    }
+    seenMarketIds.add(market.id);
+    return true;
+  });
+};
+var collectDirectRelationMarkets = (market) => {
+  var _a, _b, _c;
+  const relationMarkets = [];
+  const seenRelationIds = /* @__PURE__ */ new Set();
+  const addRelationMarket = (relationMarket) => {
+    if (!relationMarket) return;
+    if (seenRelationIds.has(relationMarket.id)) return;
+    seenRelationIds.add(relationMarket.id);
+    relationMarkets.push(relationMarket);
+  };
+  for (const matchedVenueMarket of (_a = market.matchedVenueMarkets) != null ? _a : []) {
+    addRelationMarket(matchedVenueMarket);
+  }
+  addRelationMarket(
+    (_c = (_b = market.matchEntry) == null ? void 0 : _b.targetVenueMarket) != null ? _c : void 0
+  );
+  return relationMarkets;
+};
+var collectUniqueRelatedMarkets = (markets, sourceMarketsById) => {
+  const relatedMarketsById = /* @__PURE__ */ new Map();
+  for (const market of markets) {
+    for (const relatedMarket of collectDirectRelationMarkets(market)) {
+      if (sourceMarketsById.has(relatedMarket.id) || relatedMarketsById.has(relatedMarket.id)) {
+        continue;
+      }
+      relatedMarketsById.set(relatedMarket.id, relatedMarket);
+    }
+  }
+  return Array.from(relatedMarketsById.values());
+};
+var normalizeVenueMarketCluster = (markets, selectedMarketId) => {
+  var _a, _b;
+  if (markets.length === 0) return [];
+  const orderedSourceMarkets = dedupeSourceMarketsById(markets);
+  const sourceMarketsById = new Map(orderedSourceMarkets.map((market) => [market.id, market]));
+  const orderedRelatedMarkets = collectUniqueRelatedMarkets(
+    orderedSourceMarkets,
+    sourceMarketsById
+  );
+  const relatedMarketsById = new Map(orderedRelatedMarkets.map((market) => [market.id, market]));
+  const resolvedSelectedMarketId = toNonEmptyString(selectedMarketId);
+  if (!resolvedSelectedMarketId) {
+    return [...orderedSourceMarkets, ...orderedRelatedMarkets];
+  }
+  const adjacencyById = /* @__PURE__ */ new Map();
+  for (const market of orderedSourceMarkets) {
+    for (const relatedMarket of collectDirectRelationMarkets(market)) {
+      addGraphEdge(adjacencyById, market.id, relatedMarket.id);
+    }
+    const targetVenueMarketId = toNonEmptyString((_a = market.matchEntry) == null ? void 0 : _a.targetVenueMarketId);
+    if (targetVenueMarketId) {
+      addGraphEdge(adjacencyById, market.id, targetVenueMarketId);
+    }
+  }
+  if (!sourceMarketsById.has(resolvedSelectedMarketId) && !relatedMarketsById.has(resolvedSelectedMarketId)) {
+    return [];
+  }
+  const visitedMarketIds = /* @__PURE__ */ new Set();
+  const queue = [resolvedSelectedMarketId];
+  while (queue.length > 0) {
+    const currentMarketId = queue.shift();
+    if (!currentMarketId || visitedMarketIds.has(currentMarketId)) {
+      continue;
+    }
+    visitedMarketIds.add(currentMarketId);
+    const neighborMarketIds = adjacencyById.get(currentMarketId);
+    for (const neighborMarketId of Array.from(neighborMarketIds != null ? neighborMarketIds : /* @__PURE__ */ new Set())) {
+      if (!visitedMarketIds.has(neighborMarketId)) {
+        queue.push(neighborMarketId);
+      }
+    }
+  }
+  const orderedClusterMarkets = [];
+  const appendedMarketIds = /* @__PURE__ */ new Set();
+  const appendMarket = (market) => {
+    if (!market) return;
+    if (!visitedMarketIds.has(market.id)) return;
+    if (appendedMarketIds.has(market.id)) return;
+    appendedMarketIds.add(market.id);
+    orderedClusterMarkets.push(market);
+  };
+  appendMarket(
+    (_b = sourceMarketsById.get(resolvedSelectedMarketId)) != null ? _b : relatedMarketsById.get(resolvedSelectedMarketId)
+  );
+  for (const market of orderedSourceMarkets) {
+    appendMarket(market);
+  }
+  for (const market of orderedRelatedMarkets) {
+    appendMarket(market);
+  }
+  return orderedClusterMarkets;
+};
+
+// src/events/item/event-list-item.utils.ts
+var resolveEventListItemEvent = (fetchedEvent) => {
+  if (!fetchedEvent) return void 0;
+  if (!fetchedEvent.venueMarkets || fetchedEvent.venueMarkets.length === 0) return void 0;
+  return fetchedEvent;
+};
+var normalizeProbability = (value) => {
+  if (typeof value !== "number" || !Number.isFinite(value)) return void 0;
+  if (value < 0) return 0;
+  if (value > 1) return 1;
+  return value;
+};
+var formatWholePercent = (value) => {
+  return `${Math.round(value * 100)}%`;
+};
+var hasDateLabel = (outcome) => {
+  return !!toDate(outcome.label);
+};
+var isYesLabel = (label2) => label2.trim().toLowerCase() === "yes";
+var isNoLabel = (label2) => label2.trim().toLowerCase() === "no";
+var hasBinaryOutcomes = (outcomes) => {
+  return outcomes.some((o) => isYesLabel(o.label)) && outcomes.some((o) => isNoLabel(o.label));
+};
+var sortYesFirst = (outcomes) => {
+  return [...outcomes].sort((a, b) => {
+    if (isYesLabel(a.label) && !isYesLabel(b.label)) return -1;
+    if (!isYesLabel(a.label) && isYesLabel(b.label)) return 1;
+    return 0;
+  });
+};
+var resolveYesOutcome = (market) => {
+  return market.venueMarketOutcomes.find((outcome) => isYesLabel(outcome.label));
+};
+var formatMarketProbabilityPercent = (value, formatPercent = formatWholePercent) => {
+  const probability = normalizeProbability(value);
+  if (probability == null) return "-";
+  const formattedValue = formatPercent(probability);
+  if (probability > 0 && formattedValue === formatPercent(0)) {
+    return "<1%";
+  }
+  return formattedValue;
+};
+var formatPriceGapPercent = (value) => {
+  if (typeof value !== "number" || !Number.isFinite(value)) return void 0;
+  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) => {
+  if (outcomes.length <= 1) return outcomes;
+  if (hasBinaryOutcomes(outcomes)) {
+    return sortYesFirst(outcomes);
+  }
+  const now = Date.now();
+  if (outcomes.some(hasDateLabel)) {
+    return [...outcomes].sort((a, b) => {
+      var _a, _b, _c, _d;
+      const aDate = (_b = (_a = toDate(a.label)) == null ? void 0 : _a.getTime()) != null ? _b : 0;
+      const bDate = (_d = (_c = toDate(b.label)) == null ? void 0 : _c.getTime()) != null ? _d : 0;
+      return Math.abs(aDate - now) - Math.abs(bDate - now);
+    });
+  }
+  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;
+    return bPrice - aPrice;
+  });
+};
+var dedupeVenueMarketsById = (venueMarkets) => {
+  const seenClusterIds = /* @__PURE__ */ new Set();
+  return venueMarkets.filter((venueMarket) => {
+    var _a;
+    if (seenClusterIds.has(venueMarket.id)) {
+      return false;
+    }
+    seenClusterIds.add(venueMarket.id);
+    for (const sibling of (_a = venueMarket.matchedVenueMarkets) != null ? _a : []) {
+      seenClusterIds.add(sibling.id);
+    }
+    return true;
+  });
+};
+var resolveOutcomeTitle = (outcome) => {
+  var _a, _b;
+  return (_b = (_a = outcome == null ? void 0 : outcome.title) != null ? _a : outcome == null ? void 0 : outcome.label) == null ? void 0 : _b.trim();
+};
+var selectPrimaryVenueMarket = (venueMarkets) => {
+  if (venueMarkets.length === 0) return void 0;
+  if (venueMarkets.length === 1) return venueMarkets[0];
+  return [...venueMarkets].sort((a, b) => {
+    const aVolume = typeof a.volume === "number" ? a.volume : -1;
+    const bVolume = typeof b.volume === "number" ? b.volume : -1;
+    return bVolume - aVolume;
+  })[0];
+};
+var getVenueSummary = (venueMarkets, options) => {
+  const normalizedVenueMarkets = normalizeVenueMarketCluster(venueMarkets);
+  const tradableVenues = options == null ? void 0 : options.tradableVenues;
+  const isVenueTradable = (venue) => {
+    if (tradableVenues == null) return true;
+    return tradableVenues.has(venue);
+  };
+  const uniqueVenues = Array.from(
+    new Set(
+      normalizedVenueMarkets.filter((market) => isVenueTradable(market.venue)).map((market) => market.venue)
+    )
+  );
+  return {
+    marketCount: normalizedVenueMarkets.length,
+    venueCount: uniqueVenues.length,
+    singleVenue: uniqueVenues.length === 1 ? uniqueVenues[0] : void 0
+  };
+};
+var resolveVenueLabel = (venue, venueInfo, labels) => {
+  var _a, _b;
+  if (!venue) return labels.eventItem.venueSingular;
+  return (_b = (_a = venueInfo == null ? void 0 : venueInfo[venue]) == null ? void 0 : _a.label) != null ? _b : labels.venues[venue];
+};
+var resolveDisplayVolume = (eventVolume, venueMarkets) => {
+  if (typeof eventVolume === "number" && eventVolume > 0) return eventVolume;
+  const clusterMarkets = normalizeVenueMarketCluster(venueMarkets);
+  const marketSum = clusterMarkets.reduce(
+    (acc, m) => acc + (typeof m.volume === "number" ? m.volume : 0),
+    0
+  );
+  if (marketSum > 0) return marketSum;
+  return void 0;
+};
+
 // src/primitives/modal/index.tsx
 var import_hooks26 = require("@agg-build/hooks");
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
@@ -7108,7 +7066,7 @@ var resolveOutcomeRows = ({
       outcome
     }));
   }
-  return sortMarketsByYesOddsDesc(venueMarkets).map((market) => {
+  return venueMarkets.map((market) => {
     const outcome = resolveDisplayOutcome(market);
     if (!outcome) return void 0;
     return {
@@ -10456,13 +10414,12 @@ var EventListItemDetailsContent = ({
     () => resolvedEventTradingState.displayMarkets,
     [resolvedEventTradingState.displayMarkets]
   );
-  const sortedVenueMarkets = (0, import_react15.useMemo)(() => sortMarketsByVolumeDesc(venueMarkets), [venueMarkets]);
   const marketOptions = (0, import_react15.useMemo)(
-    () => sortedVenueMarkets.map((vm) => ({
+    () => venueMarkets.map((vm) => ({
       value: vm.id,
       label: vm.question
     })),
-    [sortedVenueMarkets]
+    [venueMarkets]
   );
   const volumeLabel = (0, import_react15.useMemo)(() => {
     const resolvedVolume = resolveDisplayVolume(event.volume, venueMarkets);
@@ -12540,8 +12497,7 @@ var MarketDetailsList = ({
     return resolveIsResolvedEvent(sourceMarkets, eventTradingState);
   }, [eventTradingState, sourceMarkets]);
   const groupedMarkets = (0, import_react18.useMemo)(() => {
-    const sortedMarkets = sortMarketsByVolumeDesc(sourceMarkets);
-    if (sortedMarkets.length === 0) {
+    if (sourceMarkets.length === 0) {
       return {
         primary: [],
         closed: [],
@@ -12550,9 +12506,9 @@ var MarketDetailsList = ({
       };
     }
     if (isResolvedEvent) {
-      const winnerMarketId = resolveResolvedWinnerMarketId(sortedMarkets, eventTradingState);
+      const winnerMarketId = resolveResolvedWinnerMarketId(sourceMarkets, eventTradingState);
       return {
-        primary: moveMarketToFront(sortedMarkets, winnerMarketId),
+        primary: moveMarketToFront(sourceMarkets, winnerMarketId),
         upcoming: [],
         resolved: []
       };
@@ -12561,7 +12517,7 @@ var MarketDetailsList = ({
     const upcoming = [];
     const resolved = [];
     const closed = [];
-    sortedMarkets.forEach((market) => {
+    sourceMarkets.forEach((market) => {
       const marketStateKind = (0, import_hooks42.resolveMarketTradingState)(market).kind;
       if (marketStateKind === "resolved") {
         resolved.push(market);