@agg-build/ui 1.3.0 → 2.0.0

package/dist/{chunk-QUZWA34R.mjs → chunk-2ZS3BPSF.mjs}

@@ -5094,321 +5094,6 @@ import {
 // src/events/list/event-list.utils.ts
 import { MarketStatus } from "@agg-build/hooks";
 import { VENUES } from "@agg-build/sdk";
-
-// src/events/item/event-list-item.utils.ts
-import { MAX_PRICE_GAP_PCT, MIN_PRICE_GAP_PCT } from "@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 < MIN_PRICE_GAP_PCT) return void 0;
-  if (value > 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 compareVisibleOutcomeRows = (left, right) => {
-  var _a, _b;
-  const leftDate = toDate(resolveOutcomeTitle(left.outcome));
-  const rightDate = toDate(resolveOutcomeTitle(right.outcome));
-  if (leftDate && rightDate) {
-    return leftDate.getTime() - rightDate.getTime();
-  }
-  const leftProbability = (_a = normalizeProbability(left.outcome.price)) != null ? _a : -1;
-  const rightProbability = (_b = normalizeProbability(right.outcome.price)) != null ? _b : -1;
-  return rightProbability - leftProbability;
-};
-var shouldReplaceVisibleOutcome = (current, next) => {
-  var _a, _b;
-  const currentVolume = typeof current.market.volume === "number" ? current.market.volume : -1;
-  const nextVolume = typeof next.market.volume === "number" ? next.market.volume : -1;
-  if (currentVolume !== nextVolume) {
-    return nextVolume > currentVolume;
-  }
-  const currentProbability = (_a = normalizeProbability(current.outcome.price)) != null ? _a : -1;
-  const nextProbability = (_b = normalizeProbability(next.outcome.price)) != null ? _b : -1;
-  return nextProbability > currentProbability;
-};
-var resolveVisibleOutcomes = (venueMarkets) => {
-  const visibleOutcomesByLabel = /* @__PURE__ */ new Map();
-  venueMarkets.forEach((market) => {
-    const title2 = market.question;
-    const canonicalOutcome = sortOutcomes(market.venueMarketOutcomes)[0];
-    if (!canonicalOutcome) return;
-    const normalizedTitle = title2.trim().toLowerCase();
-    const nextVisibleOutcome = {
-      venue: market.venue,
-      market,
-      outcome: canonicalOutcome,
-      title: title2
-    };
-    const currentVisibleOutcome = visibleOutcomesByLabel.get(normalizedTitle);
-    if (!currentVisibleOutcome || shouldReplaceVisibleOutcome(currentVisibleOutcome, nextVisibleOutcome)) {
-      visibleOutcomesByLabel.set(normalizedTitle, nextVisibleOutcome);
-    }
-  });
-  return [...visibleOutcomesByLabel.values()].sort(compareVisibleOutcomeRows).slice(0, Math.max(1, 2));
-};
-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 resolveTileImage = (event, primaryVenueMarket, imageOverride) => {
-  if (typeof imageOverride === "string" && imageOverride.trim()) {
-    return imageOverride;
-  }
-  if (typeof event.image === "string" && event.image.trim()) {
-    return event.image;
-  }
-  if (typeof (primaryVenueMarket == null ? void 0 : primaryVenueMarket.image) === "string" && primaryVenueMarket.image.trim()) {
-    return primaryVenueMarket.image;
-  }
-  return void 0;
-};
-var formatCountLabel = (count, singular, plural) => {
-  return `${count} ${count === 1 ? singular : plural}`;
-};
-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 filterOpenEvents = (events) => {
   return events.filter((event) => {
     var _a;
@@ -5487,45 +5172,9 @@ var mapEventToEventListItemEvent = (event) => {
   if (!event.venueMarkets || event.venueMarkets.length === 0) return null;
   return 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 filterEventsByTabValue = (events, _tabValue) => {
+  return events;
+};
 var sortCategoriesForNavigation = (categories) => {
   return [...categories].sort((left, right) => {
     const leftIsOther = left.name.trim().toLowerCase() === "other";
@@ -6821,104 +6470,415 @@ var lineColorByVenue = {
     [Venue9.hyperliquid]: "#97FCE4"
   }
 };
-var resolveVenueLineColor = (venue, isDarkTheme) => {
-  return lineColorByVenue[isDarkTheme ? "dark" : "light"][venue];
+var resolveVenueLineColor = (venue, isDarkTheme) => {
+  return lineColorByVenue[isDarkTheme ? "dark" : "light"][venue];
+};
+var DEFAULT_VENUE_COLOR = "#94a3b8";
+var fallbackLineColors = [
+  DEFAULT_VENUE_COLOR,
+  "#7AF2D3",
+  "#C14BFF",
+  "#FFB703",
+  "#3A86FF",
+  "#8AC926",
+  "#FF6F61",
+  "#6A4C93",
+  "#00BBF9",
+  "#F15BB5",
+  "#2EC4B6"
+];
+
+// src/primitives/venue-logo/venue-logo.utils.ts
+var resolveVenueLogoLabel = ({
+  ariaLabel,
+  labels,
+  venue,
+  venueFallbackLabels
+}) => {
+  var _a;
+  return (_a = ariaLabel != null ? ariaLabel : labels.venues[venue]) != null ? _a : venueFallbackLabels[venue];
+};
+var resolveVenueLogoIsColor = ({
+  isColor,
+  isMonochromatic
+}) => {
+  return isMonochromatic ? false : isColor;
+};
+
+// src/primitives/venue-logo/index.tsx
+import { jsx as jsx117 } from "react/jsx-runtime";
+var VenueLogo = ({
+  venue,
+  variant = "icon",
+  isColor = true,
+  isMonochromatic = false,
+  color,
+  size = "medium",
+  className,
+  ariaLabel,
+  title: title2
+}) => {
+  var _a, _b;
+  const labels = useLabels9();
+  const sizeClass = sizeClasses2[size];
+  const resolvedLabel = resolveVenueLogoLabel({
+    ariaLabel,
+    labels,
+    venue,
+    venueFallbackLabels: venueLogoLabels
+  });
+  const isUnknownVenue = !(venue in venueLogoRegistry);
+  if (isUnknownVenue && process.env.NODE_ENV === "development") {
+    console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
+  }
+  if (variant === "logo") {
+    return /* @__PURE__ */ jsx117(
+      RemoteImage,
+      {
+        src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
+        alt: resolvedLabel || DEFAULT_VENUE_LABEL,
+        title: title2,
+        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
+      }
+    );
+  }
+  const Component2 = (_b = venueLogoRegistry[venue]) != null ? _b : DefaultVenueIcon;
+  const resolvedIsColor = resolveVenueLogoIsColor({
+    isColor,
+    isMonochromatic
+  });
+  return /* @__PURE__ */ jsx117(
+    Component2,
+    {
+      className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
+      isColor: resolvedIsColor,
+      color,
+      "aria-label": resolvedLabel || DEFAULT_VENUE_LABEL,
+      title: title2
+    }
+  );
+};
+VenueLogo.displayName = "VenueLogo";
+
+// src/primitives/search/search.constants.ts
+var DEFAULT_SEARCH_LIMIT = 5;
+var MIN_SEARCH_LENGTH = 3;
+var SEARCH_DEBOUNCE_MS = 300;
+
+// src/primitives/search/search.utils.ts
+import { VENUES as VENUES2 } from "@agg-build/sdk";
+import dayjs2 from "dayjs";
+
+// src/events/item/event-list-item.utils.ts
+import { MAX_PRICE_GAP_PCT, MIN_PRICE_GAP_PCT } from "@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 DEFAULT_VENUE_COLOR = "#94a3b8";
-var fallbackLineColors = [
-  DEFAULT_VENUE_COLOR,
-  "#7AF2D3",
-  "#C14BFF",
-  "#FFB703",
-  "#3A86FF",
-  "#8AC926",
-  "#FF6F61",
-  "#6A4C93",
-  "#00BBF9",
-  "#F15BB5",
-  "#2EC4B6"
-];
-
-// src/primitives/venue-logo/venue-logo.utils.ts
-var resolveVenueLogoLabel = ({
-  ariaLabel,
-  labels,
-  venue,
-  venueFallbackLabels
-}) => {
-  var _a;
-  return (_a = ariaLabel != null ? ariaLabel : labels.venues[venue]) != null ? _a : venueFallbackLabels[venue];
+var formatPriceGapPercent = (value) => {
+  if (typeof value !== "number" || !Number.isFinite(value)) return void 0;
+  if (value < MIN_PRICE_GAP_PCT) return void 0;
+  if (value > MAX_PRICE_GAP_PCT) return void 0;
+  return `${Math.round(value)}%`;
 };
-var resolveVenueLogoIsColor = ({
-  isColor,
-  isMonochromatic
-}) => {
-  return isMonochromatic ? false : isColor;
+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;
+  });
 };
-
-// src/primitives/venue-logo/index.tsx
-import { jsx as jsx117 } from "react/jsx-runtime";
-var VenueLogo = ({
-  venue,
-  variant = "icon",
-  isColor = true,
-  isMonochromatic = false,
-  color,
-  size = "medium",
-  className,
-  ariaLabel,
-  title: title2
-}) => {
+var compareVisibleOutcomeRows = (left, right) => {
   var _a, _b;
-  const labels = useLabels9();
-  const sizeClass = sizeClasses2[size];
-  const resolvedLabel = resolveVenueLogoLabel({
-    ariaLabel,
-    labels,
-    venue,
-    venueFallbackLabels: venueLogoLabels
-  });
-  const isUnknownVenue = !(venue in venueLogoRegistry);
-  if (isUnknownVenue && process.env.NODE_ENV === "development") {
-    console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
+  const leftDate = toDate(resolveOutcomeTitle(left.outcome));
+  const rightDate = toDate(resolveOutcomeTitle(right.outcome));
+  if (leftDate && rightDate) {
+    return leftDate.getTime() - rightDate.getTime();
   }
-  if (variant === "logo") {
-    return /* @__PURE__ */ jsx117(
-      RemoteImage,
-      {
-        src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
-        alt: resolvedLabel || DEFAULT_VENUE_LABEL,
-        title: title2,
-        className: cn("shrink-0 rounded-agg-lg object-cover", sizeClass, className)
-      }
-    );
+  const leftProbability = (_a = normalizeProbability(left.outcome.price)) != null ? _a : -1;
+  const rightProbability = (_b = normalizeProbability(right.outcome.price)) != null ? _b : -1;
+  return rightProbability - leftProbability;
+};
+var shouldReplaceVisibleOutcome = (current, next) => {
+  var _a, _b;
+  const currentVolume = typeof current.market.volume === "number" ? current.market.volume : -1;
+  const nextVolume = typeof next.market.volume === "number" ? next.market.volume : -1;
+  if (currentVolume !== nextVolume) {
+    return nextVolume > currentVolume;
   }
-  const Component2 = (_b = venueLogoRegistry[venue]) != null ? _b : DefaultVenueIcon;
-  const resolvedIsColor = resolveVenueLogoIsColor({
-    isColor,
-    isMonochromatic
-  });
-  return /* @__PURE__ */ jsx117(
-    Component2,
-    {
-      className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
-      isColor: resolvedIsColor,
-      color,
-      "aria-label": resolvedLabel || DEFAULT_VENUE_LABEL,
+  const currentProbability = (_a = normalizeProbability(current.outcome.price)) != null ? _a : -1;
+  const nextProbability = (_b = normalizeProbability(next.outcome.price)) != null ? _b : -1;
+  return nextProbability > currentProbability;
+};
+var resolveVisibleOutcomes = (venueMarkets) => {
+  const visibleOutcomesByLabel = /* @__PURE__ */ new Map();
+  venueMarkets.forEach((market) => {
+    const title2 = market.question;
+    const canonicalOutcome = sortOutcomes(market.venueMarketOutcomes)[0];
+    if (!canonicalOutcome) return;
+    const normalizedTitle = title2.trim().toLowerCase();
+    const nextVisibleOutcome = {
+      venue: market.venue,
+      market,
+      outcome: canonicalOutcome,
       title: title2
+    };
+    const currentVisibleOutcome = visibleOutcomesByLabel.get(normalizedTitle);
+    if (!currentVisibleOutcome || shouldReplaceVisibleOutcome(currentVisibleOutcome, nextVisibleOutcome)) {
+      visibleOutcomesByLabel.set(normalizedTitle, nextVisibleOutcome);
+    }
+  });
+  return [...visibleOutcomesByLabel.values()].sort(compareVisibleOutcomeRows).slice(0, Math.max(1, 2));
+};
+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 resolveTileImage = (event, primaryVenueMarket, imageOverride) => {
+  if (typeof imageOverride === "string" && imageOverride.trim()) {
+    return imageOverride;
+  }
+  if (typeof event.image === "string" && event.image.trim()) {
+    return event.image;
+  }
+  if (typeof (primaryVenueMarket == null ? void 0 : primaryVenueMarket.image) === "string" && primaryVenueMarket.image.trim()) {
+    return primaryVenueMarket.image;
+  }
+  return void 0;
+};
+var formatCountLabel = (count, singular, plural) => {
+  return `${count} ${count === 1 ? singular : plural}`;
+};
+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;
 };
-VenueLogo.displayName = "VenueLogo";
-
-// src/primitives/search/search.constants.ts
-var DEFAULT_SEARCH_LIMIT = 5;
-var MIN_SEARCH_LENGTH = 3;
-var SEARCH_DEBOUNCE_MS = 300;
 
 // src/primitives/search/search.utils.ts
-import { VENUES as VENUES2 } from "@agg-build/sdk";
-import dayjs2 from "dayjs";
 var formatSearchContextLabel = (value) => {
   if (!dayjs2(value).isValid()) return value;
   return dayjs2(value).format("MMMM D, YYYY");
@@ -9565,25 +9525,10 @@ export {
   CopyButton,
   CurrencyInput,
   Footer,
-  normalizeVenueMarketCluster,
-  resolveEventListItemEvent,
-  normalizeProbability,
-  resolveYesOutcome,
-  formatMarketProbabilityPercent,
-  formatPriceGapPercent,
-  sortOutcomes,
-  dedupeVenueMarketsById,
-  resolveOutcomeTitle,
-  selectPrimaryVenueMarket,
-  getVenueSummary,
-  resolveVenueLabel,
-  resolveDisplayVolume,
   filterOpenEvents,
   splitEventsByLifecycle,
   mapEventToEventListItemEvent,
   filterEventsByTabValue,
-  sortMarketsByYesOddsDesc,
-  sortMarketsByVolumeDesc,
   sortCategoriesForNavigation,
   resolveCategoryIdsFromPath,
   resolveTabVenus,
@@ -9604,6 +9549,19 @@ export {
   DEFAULT_VENUE_COLOR,
   fallbackLineColors,
   VenueLogo,
+  normalizeVenueMarketCluster,
+  resolveEventListItemEvent,
+  normalizeProbability,
+  resolveYesOutcome,
+  formatMarketProbabilityPercent,
+  formatPriceGapPercent,
+  sortOutcomes,
+  dedupeVenueMarketsById,
+  resolveOutcomeTitle,
+  selectPrimaryVenueMarket,
+  getVenueSummary,
+  resolveVenueLabel,
+  resolveDisplayVolume,
   Search,
   Header,
   InlineAlert,