@agg-build/ui 1.0.0 → 1.0.1

package/dist/pages.js

@@ -110,6 +110,7 @@ var import_react = require("react");
 
 // src/constants.ts
 var AGG_ROOT_CLASS_NAME = "agg-root";
+var AGG_TERMS_OF_SERVICE_URL = "https://build.agg.market/terms-and-conditions";
 
 // src/shared/utils.ts
 var cn = (...values) => values.filter(Boolean).join(" ");
@@ -3881,8 +3882,8 @@ var LineChart = ({
 LineChart.displayName = "LineChart";
 
 // src/primitives/currency-input/index.tsx
-var import_react5 = require("react");
 var import_hooks7 = require("@agg-build/hooks");
+var import_react5 = require("react");
 
 // src/primitives/currency-input/currency-input.constants.ts
 var CURRENCY_INPUT_DEFAULT_PREFIX = "$";
@@ -3993,13 +3994,13 @@ var CurrencyInput = ({
     general: { locale }
   } = (0, import_hooks7.useSdkUiConfig)();
   const parts = (0, import_react5.useMemo)(() => resolveCurrencyInputFormatParts(locale), [locale]);
-  const [raw, setRaw] = (0, import_react5.useState)(() => value > 0 ? String(value) : "");
+  const [raw, setRaw] = (0, import_react5.useState)(() => value >= 0 ? String(value) : "");
   const isEditingRef = (0, import_react5.useRef)(false);
   const inputRef = (0, import_react5.useRef)(null);
   const caretPosRef = (0, import_react5.useRef)(null);
   (0, import_react5.useEffect)(() => {
     if (!isEditingRef.current) {
-      setRaw(value > 0 ? String(value) : "");
+      setRaw(value >= 0 ? String(value) : "");
     }
   }, [value]);
   const numericDisplay = formatCurrencyInputRawValue(raw, locale, decimalPlaces, parts);
@@ -4097,7 +4098,7 @@ var CurrencyInput = ({
     isEditingRef.current = false;
     const numericValue = parseFloat(raw);
     const nextValue = isNaN(numericValue) ? min : clampCurrencyInputValue(numericValue, min, max);
-    setRaw(nextValue > 0 ? String(nextValue) : "");
+    setRaw(nextValue >= 0 ? String(nextValue) : "");
     onChange == null ? void 0 : onChange(nextValue);
     onBlur == null ? void 0 : onBlur();
   };
@@ -4380,12 +4381,16 @@ var resolveVisibleOutcomes = (venueMarkets) => {
   return [...visibleOutcomesByLabel.values()].sort(compareVisibleOutcomeRows).slice(0, Math.max(1, 2));
 };
 var dedupeVenueMarketsById = (venueMarkets) => {
-  const seenVenueMarketIds = /* @__PURE__ */ new Set();
+  const seenClusterIds = /* @__PURE__ */ new Set();
   return venueMarkets.filter((venueMarket) => {
-    if (seenVenueMarketIds.has(venueMarket.id)) {
+    var _a;
+    if (seenClusterIds.has(venueMarket.id)) {
       return false;
     }
-    seenVenueMarketIds.add(venueMarket.id);
+    seenClusterIds.add(venueMarket.id);
+    for (const sibling of (_a = venueMarket.matchedVenueMarkets) != null ? _a : []) {
+      seenClusterIds.add(sibling.id);
+    }
     return true;
   });
 };
@@ -4427,6 +4432,40 @@ var getVenueSummary = (venueMarkets) => {
     singleVenue: uniqueVenues.length === 1 ? uniqueVenues[0] : void 0
   };
 };
+function buildSpreadByVenueMarketId(midpointRows) {
+  const map = /* @__PURE__ */ new Map();
+  for (const row of midpointRows) {
+    map.set(row.venueMarketId, row.spread);
+    for (const matched of row.matched) {
+      if (!map.has(matched.venueMarketId)) {
+        map.set(matched.venueMarketId, matched.spread);
+      }
+    }
+  }
+  return map;
+}
+function resolveBestMidpointForMarket(market, midpointsByVenueMarketId, spreadByVenueMarketId) {
+  var _a;
+  const candidates = [
+    { id: market.id, venue: market.venue },
+    ...((_a = market.matchedVenueMarkets) != null ? _a : []).map((m) => ({ id: m.id, venue: m.venue }))
+  ];
+  const seen = /* @__PURE__ */ new Set();
+  const deduped = candidates.filter((c) => {
+    if (seen.has(c.id)) return false;
+    seen.add(c.id);
+    return true;
+  });
+  const valid = [];
+  for (const candidate of deduped) {
+    const midpoint = midpointsByVenueMarketId.get(candidate.id);
+    if (midpoint == null) continue;
+    valid.push(__spreadProps(__spreadValues({}, candidate), { midpoint }));
+  }
+  if (valid.length === 0) return void 0;
+  const best = valid.reduce((acc, cur) => cur.midpoint < acc.midpoint ? cur : acc);
+  return { midpoint: best.midpoint, venueMarketId: best.id, venue: best.venue };
+}
 var resolveDisplayVolume = (eventVolume, venueMarkets) => {
   const clusterMarkets = normalizeVenueMarketCluster(venueMarkets);
   const marketSum = clusterMarkets.reduce(
@@ -8210,9 +8249,6 @@ var EventListItemContent = ({
   const allVenueMarkets = (0, import_react12.useMemo)(() => {
     return dedupeVenueMarketsById(event.venueMarkets);
   }, [event.venueMarkets]);
-  const _primaryVenueMarket = (0, import_react12.useMemo)(() => {
-    return selectPrimaryVenueMarket(allVenueMarkets);
-  }, [allVenueMarkets]);
   const resolvedTitle = event.title;
   const resolvedImage = event.image;
   const visibleVenueLogos = (0, import_react12.useMemo)(() => {
@@ -8223,11 +8259,12 @@ var EventListItemContent = ({
   const resolvedVenueCount = typeof event.venueCount === "number" && Number.isFinite(event.venueCount) ? Math.max(0, Math.floor(event.venueCount)) : visibleVenueLogos.length;
   const [isLazyMarketsQueryEnabled, setIsLazyMarketsQueryEnabled] = (0, import_react12.useState)(false);
   const shouldEnableLazyMarketLoading = (0, import_react12.useMemo)(() => {
-    if (allVenueMarkets.length <= 1) return false;
     if (!event.id) return false;
     const hasExplicitMarketCount = typeof event.marketCount === "number" && Number.isFinite(event.marketCount);
-    if (!hasExplicitMarketCount) return true;
-    return resolvedMarketCount > allVenueMarkets.length;
+    if (hasExplicitMarketCount) {
+      return resolvedMarketCount > allVenueMarkets.length;
+    }
+    return allVenueMarkets.length > 1;
   }, [allVenueMarkets.length, event.id, event.marketCount, resolvedMarketCount]);
   const {
     markets: lazyLoadedMarkets,
@@ -8258,12 +8295,17 @@ var EventListItemContent = ({
   }, [resolvedOutcomeMarkets]);
   const {
     midpointsByVenueMarketId,
+    midpointRows,
     isLoading: isLoadingMidpoints,
     isFetching: isFetchingMidpoints
   } = (0, import_hooks34.useVenueMarketMidpoints)({
     venueMarketIds: midpointVenueMarketIds,
     enabled: midpointVenueMarketIds.length > 0
   });
+  const spreadByVenueMarketId = (0, import_react12.useMemo)(
+    () => buildSpreadByVenueMarketId(midpointRows),
+    [midpointRows]
+  );
   const gapsByVenueMarketId = (0, import_react12.useMemo)(
     () => (0, import_hooks34.computePriceGaps)({
       markets: resolvedOutcomeMarkets,
@@ -8272,13 +8314,7 @@ var EventListItemContent = ({
     [resolvedOutcomeMarkets, midpointsByVenueMarketId]
   );
   const isMidpointQueryInFlight = isLoadingMidpoints || isFetchingMidpoints;
-  const resolveMarketMidpoint = (0, import_react12.useCallback)(
-    (marketId) => {
-      return normalizeProbability(midpointsByVenueMarketId.get(marketId));
-    },
-    [midpointsByVenueMarketId]
-  );
-  const shouldRenderLoadingOutcomeRow = shouldEnableLazyMarketLoading && isLazyMarketsQueryEnabled && (isLoadingLazyMarkets || isFetchingNextLazyMarketsPage);
+  const shouldRenderLoadingOutcomeRow = shouldEnableLazyMarketLoading && (!isLazyMarketsQueryEnabled || isLoadingLazyMarkets || isFetchingNextLazyMarketsPage || hasNextLazyMarketsPage);
   const resolvedVolume = resolveDisplayVolume(event.volume, allVenueMarkets);
   const volumeLabel = typeof resolvedVolume === "number" ? `${config.formatting.formatCompactCurrency(resolvedVolume)} ${labels.eventItem.volumeSuffix}` : "";
   const shouldUseNativeLinkNavigation3 = (eventToHandle) => {
@@ -8484,72 +8520,87 @@ var EventListItemContent = ({
             ),
             onScroll: handleOutcomesScroll,
             children: [
-              resolvedOutcomeMarkets.length === 1 ? sortOutcomes(resolvedOutcomeMarkets[0].venueMarketOutcomes).map((outcome) => {
+              resolvedOutcomeMarkets.length === 1 ? (() => {
+                var _a;
                 const market = resolvedOutcomeMarkets[0];
-                const marketMidpoint = resolveMarketMidpoint(market.id);
+                const bestMidpoint = resolveBestMidpointForMarket(
+                  market,
+                  midpointsByVenueMarketId,
+                  spreadByVenueMarketId
+                );
+                const marketMidpoint = bestMidpoint != null ? normalizeProbability(bestMidpoint.midpoint) : void 0;
+                const bestVenue = (_a = bestMidpoint == null ? void 0 : bestMidpoint.venue) != null ? _a : market.venue;
                 const hasYesOutcome = market.venueMarketOutcomes.some(
                   (item) => isYesLabel(item.label)
                 );
                 const hasNoOutcome = market.venueMarketOutcomes.some((item) => isNoLabel2(item.label));
                 const shouldUseMidpoint = hasYesOutcome && hasNoOutcome;
-                const probability = (() => {
-                  if (!shouldUseMidpoint) {
-                    return normalizeProbability(outcome.price);
-                  }
-                  if (marketMidpoint == null) {
-                    if (isMidpointQueryInFlight) return void 0;
+                return sortOutcomes(market.venueMarketOutcomes).map((outcome) => {
+                  const probability = (() => {
+                    if (!shouldUseMidpoint) {
+                      return normalizeProbability(outcome.price);
+                    }
+                    if (marketMidpoint == null) {
+                      if (isMidpointQueryInFlight) return void 0;
+                      return normalizeProbability(outcome.price);
+                    }
+                    if (isYesLabel(outcome.label)) {
+                      return marketMidpoint;
+                    }
+                    if (isNoLabel2(outcome.label)) {
+                      return normalizeProbability(1 - marketMidpoint);
+                    }
                     return normalizeProbability(outcome.price);
-                  }
-                  if (isYesLabel(outcome.label)) {
-                    return marketMidpoint;
-                  }
-                  if (isNoLabel2(outcome.label)) {
-                    return normalizeProbability(1 - marketMidpoint);
-                  }
-                  return normalizeProbability(outcome.price);
-                })();
-                const shouldRenderMidpointSkeleton = shouldUseMidpoint && marketMidpoint == null && isMidpointQueryInFlight;
-                const arbitragePercent = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[outcome.id];
-                const _priceGapPct = gapsByVenueMarketId.get(market.id);
-                return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
-                  "div",
-                  {
-                    className: cn(
-                      "agg-outcome-row",
-                      "flex flex-row gap-3 w-full items-center justify-between",
-                      classNames == null ? void 0 : classNames.outcomeRow
-                    ),
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "agg-outcome-label-row flex min-w-0 flex-row items-center justify-start gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
-                        Typography,
-                        {
-                          variant: "body",
-                          className: "agg-outcome-label min-w-0 truncate text-agg-sm leading-agg-5 md:text-agg-base md:leading-agg-6",
-                          children: resolveOutcomeTitle(outcome)
-                        }
-                      ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "agg-outcome-meta flex flex-row items-center justify-end gap-3", children: [
-                        renderArbitrage(arbitragePercent),
-                        renderOutcomePriceBadge(
-                          probability,
-                          market.venue,
-                          shouldRenderMidpointSkeleton,
-                          market,
-                          outcome
-                        )
-                      ] })
-                    ]
-                  },
-                  outcome.id
-                );
-              }) : sortMarketsByYesOddsDesc(resolvedOutcomeMarkets).map((market) => {
-                var _a, _b;
+                  })();
+                  const shouldRenderMidpointSkeleton = shouldUseMidpoint && marketMidpoint == null && isMidpointQueryInFlight;
+                  const arbitragePercent = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[outcome.id];
+                  const _priceGapPct = gapsByVenueMarketId.get(market.id);
+                  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
+                    "div",
+                    {
+                      className: cn(
+                        "agg-outcome-row",
+                        "flex flex-row gap-3 w-full items-center justify-between",
+                        classNames == null ? void 0 : classNames.outcomeRow
+                      ),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "agg-outcome-label-row flex min-w-0 flex-row items-center justify-start gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+                          Typography,
+                          {
+                            variant: "body",
+                            className: "agg-outcome-label min-w-0 truncate text-agg-sm leading-agg-5 md:text-agg-base md:leading-agg-6",
+                            children: resolveOutcomeTitle(outcome)
+                          }
+                        ) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "agg-outcome-meta flex flex-row items-center justify-end gap-3", children: [
+                          renderArbitrage(arbitragePercent),
+                          renderOutcomePriceBadge(
+                            probability,
+                            bestVenue,
+                            shouldRenderMidpointSkeleton,
+                            market,
+                            outcome
+                          )
+                        ] })
+                      ]
+                    },
+                    outcome.id
+                  );
+                });
+              })() : sortMarketsByYesOddsDesc(resolvedOutcomeMarkets).map((market) => {
+                var _a, _b, _c;
                 const yesOutcome = resolveYesOutcome(market);
                 const displayOutcome = yesOutcome != null ? yesOutcome : (_b = market.venueMarketOutcomes) == null ? void 0 : _b.reduce(
                   (acc, o) => o.price > acc.price ? o : acc,
                   (_a = market.venueMarketOutcomes) == null ? void 0 : _a[0]
                 );
-                const marketMidpoint = resolveMarketMidpoint(market.id);
+                const bestMidpoint = resolveBestMidpointForMarket(
+                  market,
+                  midpointsByVenueMarketId,
+                  spreadByVenueMarketId
+                );
+                const marketMidpoint = bestMidpoint != null ? normalizeProbability(bestMidpoint.midpoint) : void 0;
+                const bestVenue = (_c = bestMidpoint == null ? void 0 : bestMidpoint.venue) != null ? _c : market.venue;
                 const probability = marketMidpoint != null ? marketMidpoint : isMidpointQueryInFlight ? void 0 : normalizeProbability(displayOutcome == null ? void 0 : displayOutcome.price);
                 const shouldRenderMidpointSkeleton = marketMidpoint == null && isMidpointQueryInFlight;
                 const arbitragePercent = arbitrageByOutcomeId == null ? void 0 : arbitrageByOutcomeId[market.id];
@@ -8576,7 +8627,7 @@ var EventListItemContent = ({
                         renderArbitrage(arbitragePercent),
                         renderOutcomePriceBadge(
                           probability,
-                          market.venue,
+                          bestVenue,
                           shouldRenderMidpointSkeleton,
                           market,
                           displayOutcome
@@ -10775,6 +10826,8 @@ var EventListItemDetailsGraphSection = ({
   selectedChartType,
   venueMarkets,
   livePrices,
+  wsLivePrices,
+  restMidpoints,
   live
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
@@ -10931,7 +10984,7 @@ var EventListItemDetailsGraphSection = ({
                   ),
                   children: chartAvailableVenueOutcomes.map((item) => {
                     var _a3;
-                    const percentage = (_a3 = livePrices.get(item.outcome.id)) != null ? _a3 : item.outcome.price;
+                    const percentage = (_a3 = wsLivePrices.get(item.outcome.id)) != null ? _a3 : item.outcome.price;
                     const text = formatMarketProbabilityPercent(percentage, formatPercent);
                     const seriesId = `${item.venue}-chart`;
                     const isActiveVenue = activeGraphVenue === item.venue;
@@ -10992,8 +11045,8 @@ var EventListItemDetailsGraphSection = ({
                     tradingContext == null ? void 0 : tradingContext.selectOutcome(outcomeId);
                   },
                   options: selectedMarketOutcomes.map((outcome) => {
-                    var _a3;
-                    const price = (_a3 = livePrices.get(outcome.id)) != null ? _a3 : outcome.price;
+                    var _a3, _b3;
+                    const price = (_b3 = (_a3 = restMidpoints.get(outcome.id)) != null ? _a3 : livePrices.get(outcome.id)) != null ? _b3 : outcome.price;
                     return {
                       value: outcome.id,
                       label: `${outcome.label} ${formatProbabilityCents(price)}`,
@@ -11210,6 +11263,8 @@ var EventListItemDetailsContent = ({
               venueInfo,
               venueMarkets,
               livePrices,
+              wsLivePrices,
+              restMidpoints,
               live: false
             }
           ),
@@ -11448,18 +11503,42 @@ var useCenterOrderbookSpread = ({
     if (!enabled) return;
     if (hasAutoCenteredRef.current || hasUserScrolledRef.current) return;
     let isCancelled = false;
+    let resizeObserver = null;
     const cancelPendingFrame = () => {
       if (animationFrameRef.current === null) return;
       window.cancelAnimationFrame(animationFrameRef.current);
       animationFrameRef.current = null;
     };
+    const disconnectResizeObserver = () => {
+      resizeObserver == null ? void 0 : resizeObserver.disconnect();
+      resizeObserver = null;
+    };
     const scheduleMeasurement = () => {
       cancelPendingFrame();
       animationFrameRef.current = window.requestAnimationFrame(measureAndCenter);
     };
+    const setupResizeObserverFallback = () => {
+      if (resizeObserver) return;
+      const container = containerRef.current;
+      if (!container) return;
+      resizeObserver = new ResizeObserver(() => {
+        if (isCancelled || hasAutoCenteredRef.current || hasUserScrolledRef.current) {
+          disconnectResizeObserver();
+          return;
+        }
+        if (container.clientHeight <= 0) return;
+        disconnectResizeObserver();
+        retryCountRef.current = 0;
+        scheduleMeasurement();
+      });
+      resizeObserver.observe(container);
+    };
     const scheduleRetry = () => {
       if (isCancelled || hasUserScrolledRef.current || hasAutoCenteredRef.current) return;
-      if (retryCountRef.current >= maxAutoCenterAttempts) return;
+      if (retryCountRef.current >= maxAutoCenterAttempts) {
+        setupResizeObserverFallback();
+        return;
+      }
       retryCountRef.current += 1;
       scheduleMeasurement();
     };
@@ -11484,6 +11563,11 @@ var useCenterOrderbookSpread = ({
       }
       const spreadOffsetTop = container.scrollTop + (spreadRect.top - containerRect.top);
       const maxScrollTop = Math.max(0, container.scrollHeight - containerHeight);
+      if (maxScrollTop === 0) {
+        retryCountRef.current = 0;
+        animationFrameRef.current = null;
+        return;
+      }
       const targetScrollTop = Math.max(
         0,
         Math.min(maxScrollTop, spreadOffsetTop - containerHeight / 2 + spreadRect.height / 2)
@@ -11492,11 +11576,13 @@ var useCenterOrderbookSpread = ({
       hasAutoCenteredRef.current = true;
       retryCountRef.current = 0;
       animationFrameRef.current = null;
+      disconnectResizeObserver();
     };
     scheduleMeasurement();
     return () => {
       isCancelled = true;
       cancelPendingFrame();
+      disconnectResizeObserver();
     };
   }, [containerRef, enabled, resetKey, rowCount, spreadRef]);
   const recenter = (0, import_react19.useCallback)(() => {
@@ -11980,6 +12066,7 @@ var MarketDetailsOutcomeButton = ({
       type: "button",
       role: "tab",
       "data-id": item.id,
+      "data-venue": item.venue,
       "aria-controls": ariaControls,
       "aria-selected": isSelected,
       tabIndex: isSelected ? 0 : -1,
@@ -12081,7 +12168,8 @@ var MarketDetailsContent = ({
   classNames,
   otherContent,
   live,
-  midpointsFallback
+  midpointsFallback,
+  midpointsFallbackVenues
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const config = (0, import_hooks45.useSdkUiConfig)();
@@ -12112,7 +12200,7 @@ var MarketDetailsContent = ({
     if (!controlledIsOpened || !resolvedMarket) return [];
     return resolvedMarket.venueMarkets;
   }, [controlledIsOpened, resolvedMarket]);
-  const { prices: clusterMidpoints } = (0, import_hooks45.useMidpoints)(clusterMidpointMarkets);
+  const { prices: clusterMidpoints, venueByOutcomeId: clusterVenueByOutcomeId } = (0, import_hooks45.useMidpoints)(clusterMidpointMarkets);
   const livePrices = (0, import_react21.useMemo)(() => {
     const merged = /* @__PURE__ */ new Map();
     if (midpointsFallback == null ? void 0 : midpointsFallback.size) {
@@ -12194,24 +12282,39 @@ var MarketDetailsContent = ({
     if (!model) return [];
     const items = resolveHeaderOutcomeItems(model.market.venueMarkets);
     return items.map((item) => {
-      const livePrice = (0, import_hooks45.findLivePriceById)(livePrices, item.id);
-      return livePrice != null ? __spreadProps(__spreadValues({}, item), { probability: livePrice }) : item;
+      const clusterPrice = clusterMidpoints.get(item.id);
+      if (clusterPrice != null) {
+        const bestVenue = clusterVenueByOutcomeId.get(item.id);
+        return __spreadValues(__spreadProps(__spreadValues({}, item), { probability: clusterPrice }), bestVenue ? { venue: bestVenue } : {});
+      }
+      const fallbackPrice = midpointsFallback == null ? void 0 : midpointsFallback.get(item.id);
+      if (fallbackPrice != null) {
+        const bestVenue = midpointsFallbackVenues == null ? void 0 : midpointsFallbackVenues.get(item.id);
+        return __spreadValues(__spreadProps(__spreadValues({}, item), { probability: fallbackPrice }), bestVenue ? { venue: bestVenue } : {});
+      }
+      const wsPrice = (0, import_hooks45.findLivePriceById)(wsLivePrices, item.id);
+      return wsPrice != null ? __spreadProps(__spreadValues({}, item), { probability: wsPrice }) : item;
     });
-  }, [model, livePrices]);
+  }, [
+    model,
+    clusterMidpoints,
+    clusterVenueByOutcomeId,
+    midpointsFallback,
+    midpointsFallbackVenues,
+    wsLivePrices
+  ]);
   const headlineProbability = (0, import_react21.useMemo)(() => {
-    var _a2, _b2;
+    var _a2, _b2, _c2, _d2;
     if (!model || !scopedMarketForCard) return void 0;
-    const resolveLiveProbability = (outcomeId, fallbackPrice) => {
-      const liveProbability = (0, import_hooks45.findLivePriceById)(livePrices, outcomeId);
-      return liveProbability != null ? liveProbability : fallbackPrice;
-    };
     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]
     );
-    return resolveLiveProbability(displayOutcome.id, displayOutcome.price);
-  }, [model, scopedMarketForCard, livePrices]);
+    const restPrice = (_c2 = clusterMidpoints.get(displayOutcome.id)) != null ? _c2 : midpointsFallback == null ? void 0 : midpointsFallback.get(displayOutcome.id);
+    if (restPrice != null) return restPrice;
+    return (_d2 = (0, import_hooks45.findLivePriceById)(wsLivePrices, displayOutcome.id)) != null ? _d2 : displayOutcome.price;
+  }, [model, scopedMarketForCard, clusterMidpoints, midpointsFallback, wsLivePrices]);
   const selectedOutcomesByVenue = (0, import_react21.useMemo)(() => {
     if (!model) return [];
     return collectEligibleVenueOutcomes({
@@ -12711,7 +12814,7 @@ var MarketDetailsContent = ({
                                 /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "agg-market-venues flex flex-wrap gap-2", children: chartAvailableOutcomesByVenue.map((item) => {
                                   var _a3;
                                   const probability = formatProbabilityPercent(
-                                    (_a3 = livePrices.get(item.outcome.id)) != null ? _a3 : item.outcome.price,
+                                    (_a3 = wsLivePrices.get(item.outcome.id)) != null ? _a3 : item.outcome.price,
                                     formatPercent
                                   );
                                   const isActiveVenue = selectedGraphVenue === item.venue;
@@ -12757,8 +12860,7 @@ var MarketDetailsContent = ({
                                       setChartOutcomeLabel(outcome.label);
                                     },
                                     options: headerOutcomeItems.map((outcome) => {
-                                      var _a3;
-                                      const price = (_a3 = livePrices.get(outcome.id)) != null ? _a3 : outcome.probability;
+                                      const price = outcome.probability;
                                       const outcomeLabel = `${outcome.label} ${formatProbabilityCents(price)}`;
                                       return {
                                         value: outcome.id,
@@ -12864,7 +12966,8 @@ var MarketDetails = (_a) => {
         isOpened,
         onOpenChange: props.onOpenChange,
         venueMarkets: props.venueMarkets,
-        midpointsFallback: props.midpointsFallback
+        midpointsFallback: props.midpointsFallback,
+        midpointsFallbackVenues: props.midpointsFallbackVenues
       })
     );
   }
@@ -13001,7 +13104,7 @@ var MarketDetailsList = ({
     return [...groupedMarkets.primary, ...visibleResolvedMarkets];
   }, [groupedMarkets.primary, visibleResolvedMarkets]);
   const hasPrefetchedMarkets = !!providedMarkets || !!((_b = eventTradingState == null ? void 0 : eventTradingState.marketStates) == null ? void 0 : _b.length);
-  const { prices: midpointsFallback } = (0, import_hooks45.useViewportMidpoints)(displayedMarkets);
+  const { prices: midpointsFallback, venueByOutcomeId: midpointsFallbackVenues } = (0, import_hooks45.useViewportMidpoints)(displayedMarkets);
   (0, import_react21.useEffect)(() => {
     if (isResolvedEvent) {
       setAreResolvedMarketsVisible(false);
@@ -13114,7 +13217,8 @@ var MarketDetailsList = ({
       ariaLabel: market.question,
       classNames: { root: cn("agg-market-list-item", classNames == null ? void 0 : classNames.item) },
       live,
-      midpointsFallback
+      midpointsFallback,
+      midpointsFallbackVenues
     }
   ) }, market.id);
   return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: cn("agg-market-list flex flex-col gap-3", classNames == null ? void 0 : classNames.root), children: [
@@ -13594,7 +13698,7 @@ var import_hooks49 = require("@agg-build/hooks");
 var import_jsx_runtime127 = require("react/jsx-runtime");
 var GeoBlockBanner = ({
   venue,
-  termsUrl = "#",
+  termsUrl = AGG_TERMS_OF_SERVICE_URL,
   className
 }) => {
   const labels = (0, import_hooks49.useLabels)();
@@ -13741,7 +13845,9 @@ var useKalshiKycFlow = ({
 };
 
 // src/trading/place-order/index.place-order.constants.ts
+var PLACE_ORDER_DEFAULT_AMOUNT = 20;
 var MIN_BUY_ORDER_AMOUNT = 1;
+var MIN_SELL_ORDER_SHARES = 1;
 var DEFAULT_SLIPPAGE_VALUE = "0.5";
 var HIGH_SLIPPAGE_THRESHOLD = 10;
 var PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT = 3;
@@ -13952,10 +14058,12 @@ var resolvePlaceOrderQuoteStatus = ({
 var buildLiveRouteCards = ({
   labels,
   quoteData,
-  tradeSide
+  tradeSide,
+  eventVenues = []
 }) => {
   var _a, _b, _c;
   const geoBlockedVenues = extractGeoBlockedVenues(quoteData.warnings);
+  const eventVenueSet = new Set(eventVenues);
   const primaryResult = resolvePlaceOrderQuoteResult({ labels, quoteData, tradeSide });
   const primaryVenue = (_a = quoteData.fills[0]) == null ? void 0 : _a.venue;
   const parsedPrimaryVenue = parseVenue(primaryVenue);
@@ -14053,24 +14161,26 @@ var buildLiveRouteCards = ({
   });
   const baseCards = primaryCard ? [primaryCard, ...soloCards] : soloCards;
   const coveredVenueStrings = new Set(
-    [...baseCards, ...unavailableCards].flatMap((c) => c.venue ? [c.venue] : [])
+    [...baseCards, ...unavailableCards].flatMap((card) => card.venue ? [card.venue] : [])
   );
-  const geoBlockedOnlyCards = [...geoBlockedVenues].filter((venueStr) => !coveredVenueStrings.has(venueStr)).map((venueStr) => {
-    const parsedVenue = parseVenue(venueStr);
-    const venue = parsedVenue.success ? parsedVenue.data : void 0;
-    return {
-      id: `live-geo-blocked-${venueStr}`,
-      hint: "",
-      kind: "venue",
-      label: getTradingVenueLabel(venue),
-      numericValue: 0,
-      quoteData,
-      value: "",
-      venue,
-      isUnavailable: true
-    };
-  });
-  return [...baseCards, ...unavailableCards, ...geoBlockedOnlyCards];
+  const parsedKalshiVenue = parseVenue("kalshi");
+  const kalshiVenue = parsedKalshiVenue.success ? parsedKalshiVenue.data : void 0;
+  const warningOnlyUnavailableCards = geoBlockedVenues.has("kalshi") && !!kalshiVenue && eventVenueSet.has(kalshiVenue) && !coveredVenueStrings.has("kalshi") ? (() => {
+    return [
+      {
+        id: "live-geo-blocked-kalshi",
+        hint: "",
+        kind: "venue",
+        label: getTradingVenueLabel(kalshiVenue),
+        numericValue: 0,
+        quoteData,
+        value: "",
+        venue: kalshiVenue,
+        isUnavailable: true
+      }
+    ];
+  })() : [];
+  return [...baseCards, ...unavailableCards, ...warningOnlyUnavailableCards];
 };
 var resolveExecutionVenueFromQuote = (quoteData) => {
   if (!(quoteData == null ? void 0 : quoteData.fills.length)) return void 0;
@@ -14232,14 +14342,18 @@ var groupPlaceOrderFailureSteps = (steps) => {
 };
 var buildPlaceOrderExecutionStepGroupsFromFailureSummary = ({
   labels,
-  summary
+  summary,
+  // When the partial-fill steps are rendered inside the success view (auto
+  // 95%+ skip or after the user clicks Skip), surface them as completed
+  // checks instead of warnings — the order is being treated as complete.
+  treatPartialAsComplete = false
 }) => {
   var _a;
   const failureStepGroups = groupPlaceOrderFailureSteps(summary.steps).map(
     (group) => group.map((step) => ({
       id: step.id,
       label: step.label,
-      tone: step.tone,
+      tone: treatPartialAsComplete && (step.tone === "warning" || step.tone === "error") ? "complete" : step.tone,
       venue: step.venue
     }))
   );
@@ -14700,10 +14814,6 @@ var PlaceOrderFailureView = ({
         ] }),
         summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex min-h-12 w-full items-center justify-center gap-3 rounded-agg-full agg-bg-brand px-8 text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(LoadingIcon, { size: "small", className: "text-agg-on-primary!" }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { children: summary.actionLabel })
-      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
       /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
         Button,
@@ -14808,19 +14918,6 @@ var PlaceOrderSuccessView = ({
       ] }),
       summary.eventDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
-      "div",
-      {
-        className: cn(
-          "agg-order-success-pill flex min-h-12 w-full items-center justify-center gap-2 rounded-agg-full px-6 py-2.5 text-center text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary",
-          resolvedActionTone === "positive" ? "bg-agg-success" : "bg-agg-error"
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { children: resolvedActionLabel })
-        ]
-      }
-    ),
     executionStepGroups.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         "div",
@@ -14910,6 +15007,19 @@ var PlaceOrderSuccessView = ({
         /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label })
       ] }) : null
     ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+      "div",
+      {
+        className: cn(
+          "agg-order-success-pill flex min-h-12 w-full items-center justify-center gap-2 rounded-agg-full px-6 py-2.5 text-center text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary",
+          resolvedActionTone === "positive" ? "bg-agg-success" : "bg-agg-error"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { children: resolvedActionLabel })
+        ]
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.amount(resolvedTradeSide) }),
       /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
@@ -15619,7 +15729,7 @@ var InitiateKycButton = ({ label, onOpen }) => /* @__PURE__ */ (0, import_jsx_ru
     size: "large",
     variant: "primary",
     onClick: onOpen,
-    className: "agg-order-kyc-action h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none mb-3",
+    className: "agg-order-kyc-action h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none",
     children: label
   }
 );
@@ -15816,6 +15926,14 @@ var PlaceOrder = ({
   const livePrices = (0, import_hooks51.useLiveOutcomePrices)(
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
+  const midpointsClusterMarkets = (0, import_react27.useMemo)(() => {
+    if (!scopedSelectedMarket) return [];
+    return normalizeVenueMarketCluster(
+      resolvedEventTradingState.displayMarkets,
+      scopedSelectedMarket.id
+    );
+  }, [resolvedEventTradingState.displayMarkets, scopedSelectedMarket]);
+  const { prices: clusterMidpoints } = (0, import_hooks51.useMidpoints)(midpointsClusterMarkets);
   const outcomes = (0, import_react27.useMemo)(
     () => mapVenueMarketOutcomesToPlaceOrderOutcomes(scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes),
     [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes]
@@ -15823,7 +15941,8 @@ var PlaceOrder = ({
   const buyTabRef = (0, import_react27.useRef)(null);
   const sellTabRef = (0, import_react27.useRef)(null);
   const [internalTab, setInternalTab] = (0, import_react27.useState)("buy");
-  const [internalAmount, setInternalAmount] = (0, import_react27.useState)(0);
+  const [internalAmount, setInternalAmount] = (0, import_react27.useState)(PLACE_ORDER_DEFAULT_AMOUNT);
+  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = (0, import_react27.useState)(null);
   const [internalSlippage, setInternalSlippage] = (0, import_react27.useState)(DEFAULT_SLIPPAGE_VALUE);
   const [isRoutesExpanded, setIsRoutesExpanded] = (0, import_react27.useState)(false);
   const [selectedRouteCardId, setSelectedRouteCardId] = (0, import_react27.useState)(null);
@@ -15893,13 +16012,28 @@ var PlaceOrder = ({
     if (!Number.isFinite(currentSellableShares)) return 0;
     return currentSellableShares;
   }, [currentSellableShares]);
+  (0, import_react27.useEffect)(() => {
+    if (!isSell || isCurrentSellableSharesLoading) return;
+    if (scopedSelectedOutcomeId === sellFilledForOutcomeId) return;
+    setInternalAmount(displayedCurrentSellableShares);
+    setSellFilledForOutcomeId(scopedSelectedOutcomeId != null ? scopedSelectedOutcomeId : null);
+    onAmountChange == null ? void 0 : onAmountChange(displayedCurrentSellableShares);
+  }, [
+    isSell,
+    isCurrentSellableSharesLoading,
+    scopedSelectedOutcomeId,
+    sellFilledForOutcomeId,
+    displayedCurrentSellableShares,
+    onAmountChange
+  ]);
   const routeCards = (0, import_react27.useMemo)(
     () => smartRoute.data ? buildLiveRouteCards({
+      eventVenues: scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets.map((market) => market.venue),
       labels: tradingLabels,
       quoteData: smartRoute.data,
       tradeSide: isSell ? "sell" : "buy"
     }) : [],
-    [smartRoute.data, tradingLabels, isSell]
+    [smartRoute.data, tradingLabels, isSell, scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets]
   );
   const resolvedSelectedRouteCardId = (0, import_react27.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
@@ -16013,7 +16147,10 @@ var PlaceOrder = ({
         potentialReturnLabel,
         executionStepGroups: (partialFillSummary == null ? void 0 : partialFillSummary.kind) === "partial_fill" ? buildPlaceOrderExecutionStepGroupsFromFailureSummary({
           labels: tradingLabels,
-          summary: partialFillSummary
+          summary: partialFillSummary,
+          // Inside the success view (auto-95% skip or user-clicked
+          // Skip), surface partial-fill steps as completed checks.
+          treatPartialAsComplete: true
         }) : buildPlaceOrderExecutionStepGroups({
           labels: tradingLabels,
           orderId: orderId != null ? orderId : (_h2 = executionProgress.submittedOrders[0]) == null ? void 0 : _h2.orderId,
@@ -16186,13 +16323,24 @@ var PlaceOrder = ({
   }, [smartRoute.error, tradingLabels.quoteUnavailable]);
   const progressActionLabel = (internalTab === "buy" ? tradingLabels.buyingOutcome(selectedOutcomeLabel) : tradingLabels.sellingOutcome(selectedOutcomeLabel)).trim();
   const canRetryRemaining = (0, import_react27.useMemo)(() => {
-    if (isSell) return true;
     const remaining = getPlaceOrderUnfilledRemaining({
       originalAmount: internalAmount,
       terminalOrderEvents: executionProgress.terminalOrderEvents
     });
-    return remaining >= MIN_BUY_ORDER_AMOUNT;
+    const minRemainder = isSell ? MIN_SELL_ORDER_SHARES : MIN_BUY_ORDER_AMOUNT;
+    return remaining >= minRemainder;
   }, [executionProgress.terminalOrderEvents, internalAmount, isSell]);
+  const PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD = 0.95;
+  const shouldAutoSkipPartialFill = (0, import_react27.useMemo)(() => {
+    if (internalAmount <= 0) return false;
+    const remaining = getPlaceOrderUnfilledRemaining({
+      originalAmount: internalAmount,
+      terminalOrderEvents: executionProgress.terminalOrderEvents
+    });
+    const filled = Math.max(0, internalAmount - remaining);
+    const fillRatio = filled / internalAmount;
+    return fillRatio >= PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD || !canRetryRemaining;
+  }, [canRetryRemaining, executionProgress.terminalOrderEvents, internalAmount]);
   const failureSummary = (0, import_react27.useMemo)(() => {
     var _a2;
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return void 0;
@@ -16249,6 +16397,7 @@ var PlaceOrder = ({
     setSubmissionProgressState(null);
     setSubmissionFeedback(null);
     setInternalAmount(0);
+    setSellFilledForOutcomeId(null);
     setInternalSlippage(DEFAULT_SLIPPAGE_VALUE);
     setInternalTab("buy");
     setIsRoutesExpanded(false);
@@ -16312,6 +16461,17 @@ var PlaceOrder = ({
     failureSummary,
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
+  (0, import_react27.useEffect)(() => {
+    if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return;
+    if ((failureSummary == null ? void 0 : failureSummary.kind) !== "partial_fill") return;
+    if (!shouldAutoSkipPartialFill) return;
+    handleSkipToSuccess();
+  }, [
+    failureSummary == null ? void 0 : failureSummary.kind,
+    handleSkipToSuccess,
+    shouldAutoSkipPartialFill,
+    submissionProgressState == null ? void 0 : submissionProgressState.phase
+  ]);
   const handleRetrySubmission = (0, import_react27.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     if (!orderEligibility.canPlaceOrder) {
@@ -16354,6 +16514,7 @@ var PlaceOrder = ({
         throw new Error(tradingLabels.quoteUnavailable);
       }
       const refreshedCards = buildLiveRouteCards({
+        eventVenues: scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets.map((market) => market.venue),
         labels: tradingLabels,
         quoteData: refetchedQuoteData,
         tradeSide: internalTab
@@ -16390,6 +16551,7 @@ var PlaceOrder = ({
     isSell,
     onAmountChange,
     orderEligibility.canPlaceOrder,
+    scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets,
     scopedSelectedOutcomeId,
     selectedRouteCardId,
     smartRoute,
@@ -16448,11 +16610,20 @@ var PlaceOrder = ({
   const handleTabChange = (nextTab) => {
     if (!orderEligibility.canPlaceOrder) return;
     setInternalTab(nextTab);
+    if (nextTab === "sell") {
+      setInternalAmount(0);
+      setSellFilledForOutcomeId(null);
+      onAmountChange == null ? void 0 : onAmountChange(0);
+    } else {
+      setInternalAmount(PLACE_ORDER_DEFAULT_AMOUNT);
+      onAmountChange == null ? void 0 : onAmountChange(PLACE_ORDER_DEFAULT_AMOUNT);
+    }
     onTabChange == null ? void 0 : onTabChange(nextTab);
   };
   const handleOutcomeChange = (nextOutcomeId) => {
     if (isResolvedOutcomeCtaLocked) return;
     if (!orderEligibility.canPlaceOrder) return;
+    if (isSell) setSellFilledForOutcomeId(null);
     onOutcomeChange == null ? void 0 : onOutcomeChange(nextOutcomeId);
     tradingContext == null ? void 0 : tradingContext.selectOutcome(nextOutcomeId);
   };
@@ -16460,6 +16631,7 @@ var PlaceOrder = ({
     if (!orderEligibility.canPlaceOrder) return;
     const resolvedNextValue = nextValue != null ? nextValue : 0;
     setInternalAmount(resolvedNextValue);
+    if (isSell) setSellFilledForOutcomeId(scopedSelectedOutcomeId != null ? scopedSelectedOutcomeId : null);
     onAmountChange == null ? void 0 : onAmountChange(resolvedNextValue);
   };
   const handleFillSellableShares = () => {
@@ -16599,11 +16771,11 @@ var PlaceOrder = ({
               }
             ),
             outcomes.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
-              var _a2, _b2;
-              const price = (_a2 = livePrices.get(outcome.id)) != null ? _a2 : outcome.price;
+              var _a2, _b2, _c2;
+              const price = (_b2 = (_a2 = clusterMidpoints.get(outcome.id)) != null ? _a2 : livePrices.get(outcome.id)) != null ? _b2 : outcome.price;
               const isActive = outcome.id === scopedSelectedOutcomeId;
               const isPositive = resolveIsPositiveOutcome(outcome, index);
-              const displayLabel = ((_b2 = outcome.title) == null ? void 0 : _b2.trim()) || outcome.label;
+              const displayLabel = ((_c2 = outcome.title) == null ? void 0 : _c2.trim()) || outcome.label;
               return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
                 "button",
                 {
@@ -16710,7 +16882,7 @@ var PlaceOrder = ({
                     card,
                     enableAnimations,
                     isExpanded: card.kind === "split" ? isSplitDetailOpen : isRoutesExpanded,
-                    isSelected: card.id === resolvedSelectedRouteCardId,
+                    isSelected: !card.isUnavailable && card.id === resolvedSelectedRouteCardId,
                     onSelect: handleRouteCardSelect,
                     tradingLabels
                   }) }, card.id);
@@ -16841,7 +17013,7 @@ var PlaceOrder = ({
                     {
                       size: "large",
                       variant: hasEnteredAmount && !shouldShowGeoBlockBanner ? "primary" : "secondary",
-                      className: "agg-order-submit h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none mb-3",
+                      className: "agg-order-submit h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none",
                       disabled: isActionDisabled || shouldShowGeoBlockBanner,
                       isLoading: isActionLoading,
                       "aria-label": actionLabel,
@@ -16851,7 +17023,7 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
-                  shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(GeoBlockBanner, { venue: geoBlockVenueLabel }) : null,
+                  shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(GeoBlockBanner, { venue: geoBlockVenueLabel, termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
                   !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
                 ]
               }
@@ -17567,11 +17739,32 @@ var HomeSearchResults = ({
         ]
       }
     ),
+    !isError && openEvents.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+      StateMessage,
+      {
+        title: labels.eventList.emptyTitle,
+        description: labels.eventList.emptyDescription,
+        classNames: {
+          title: "!text-agg-base leading-agg-6",
+          description: "!text-agg-sm leading-agg-5"
+        },
+        icon: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: "search-empty" })
+      }
+    ) }) : null,
+    isError ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+      StateMessage,
+      {
+        title: labels.eventList.errorTitle,
+        description: labels.eventList.errorDescription,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: "warning" })
+      }
+    ) : null,
     /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
       "div",
       {
         className: cn(
           "agg-event-list-grid grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(360px,1fr))] gap-4 transition-opacity duration-200",
+          "empty:hidden",
           isPlaceholderData && "opacity-60"
         ),
         children: [
@@ -17606,27 +17799,7 @@ var HomeSearchResults = ({
               }
             },
             `search-results-loading-${index}`
-          )) : null,
-          !isError && openEvents.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "col-span-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-            StateMessage,
-            {
-              title: labels.eventList.emptyTitle,
-              description: labels.eventList.emptyDescription,
-              classNames: {
-                title: "!text-agg-base leading-agg-6",
-                description: "!text-agg-sm leading-agg-5"
-              },
-              icon: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: "search-empty" })
-            }
-          ) }) : null,
-          isError ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-            StateMessage,
-            {
-              title: labels.eventList.errorTitle,
-              description: labels.eventList.errorDescription,
-              icon: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: "warning" })
-            }
-          ) : null
+          )) : null
         ]
       }
     ),
@@ -18190,13 +18363,13 @@ var AmountTimeStack = ({
 var TradeTypeCell = ({
   activity,
   tone
-}) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "hidden w-22 shrink-0 items-center gap-3 sm:flex", children: [
+}) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
   /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(VenueLogo, { venue: activity.venue, size: "small", className: "shrink-0" }),
   /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     "p",
     {
       className: cn(
-        "agg-activity-type w-15 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
+        "agg-activity-type w-20 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
         tone.primary
       ),
       children: activity.type
@@ -18206,7 +18379,7 @@ var TradeTypeCell = ({
 var TransferTypeCell = ({
   activity,
   tone
-}) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "hidden w-[88px] shrink-0 items-center gap-3 sm:flex", children: [
+}) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
   /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     Icon,
     {
@@ -18219,7 +18392,7 @@ var TransferTypeCell = ({
     "p",
     {
       className: cn(
-        "agg-activity-type w-15 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
+        "agg-activity-type w-20 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
         tone.primary
       ),
       children: activity.type
@@ -18336,7 +18509,6 @@ var TransferRow = ({
   onClick
 }) => {
   const tone = resolveToneClasses(activity);
-  const isDeposit = activity.kind === "deposit";
   const transferIconName = TRANSFER_ICON[activity.kind];
   return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("button", { type: "button", className, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
     "div",
@@ -18362,7 +18534,7 @@ var TransferRow = ({
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex w-full items-center justify-between sm:contents", children: [
           /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-activity-deposit-square hidden h-15 w-15 shrink-0 items-center justify-center rounded-agg-lg bg-agg-secondary-hover sm:flex", children: isDeposit ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: "badge-check-thin", size: "medium", className: "text-agg-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: transferIconName, size: "medium", className: "text-agg-foreground" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-activity-deposit-square hidden h-15 w-15 shrink-0 items-center justify-center rounded-agg-lg bg-agg-secondary-hover sm:flex", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: "badge-check-thin", size: "medium", className: "text-agg-muted-foreground" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1", children: [
               /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                 "p",
@@ -18371,7 +18543,7 @@ var TransferRow = ({
                     "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-bold sm:text-agg-base sm:leading-agg-6",
                     tone.primary
                   ),
-                  children: isDeposit ? "Successful deposit" : activity.title
+                  children: activity.title
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
@@ -19472,6 +19644,7 @@ var twoDecimalUsdFormatter = new Intl.NumberFormat("en-US", {
   maximumFractionDigits: 2
 });
 var DEFAULT_TOKEN_DECIMALS = 6;
+var LEGACY_TWELVE_DECIMAL_SCALE = BigInt("1000000000000");
 var TOKEN_DECIMALS_BY_SYMBOL = {
   BNB: 18,
   ETH: 18,
@@ -19540,9 +19713,38 @@ var parseRawTokenValue = (value, decimals) => {
     return parsed / __pow(10, decimals);
   }
 };
+var shouldUseLegacyEighteenDecimalFallback = ({
+  value,
+  parsed,
+  decimals,
+  tokenSymbol,
+  chainId
+}) => {
+  if (parsed == null || decimals !== 6 || value.includes(".")) return false;
+  const normalizedSymbol = tokenSymbol.trim().toUpperCase();
+  if (normalizedSymbol !== "USDC" && normalizedSymbol !== "USDT") return false;
+  const normalizedChainId = chainId == null ? void 0 : chainId.trim();
+  if (normalizedChainId === "56") return false;
+  if (!/^\d+$/.test(value)) return false;
+  try {
+    const raw = BigInt(value);
+    if (raw % LEGACY_TWELVE_DECIMAL_SCALE !== BigInt(0)) return false;
+    const parsedAsEighteen = Number(raw / LEGACY_TWELVE_DECIMAL_SCALE) / 1e6;
+    return Number.isFinite(parsedAsEighteen) && parsed > 1e6 && parsedAsEighteen < 1e6;
+  } catch (e) {
+    return false;
+  }
+};
 var formatTokenAmountTwoDecimals = (value, tokenSymbol, chainId) => {
-  const parsed = parseRawTokenValue(value, getTokenDecimals(tokenSymbol, chainId));
+  const decimals = getTokenDecimals(tokenSymbol, chainId);
+  const parsed = parseRawTokenValue(value, decimals);
   if (parsed == null) return "0.00";
+  if (value && shouldUseLegacyEighteenDecimalFallback({ value, parsed, decimals, tokenSymbol, chainId })) {
+    const fallbackParsed = parseRawTokenValue(value, 18);
+    if (fallbackParsed != null) {
+      return twoDecimalNumberFormatter.format(fallbackParsed);
+    }
+  }
   return twoDecimalNumberFormatter.format(parsed);
 };
 var getFilledUsdValue = (filledAmountRaw) => {