@agg-build/ui 1.0.0 → 1.0.1

package/dist/trading.js

@@ -115,6 +115,7 @@ var import_dayjs = __toESM(require("dayjs"));
 
 // 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(" ");
@@ -4343,6 +4344,125 @@ var import_react8 = require("react");
 var import_sdk13 = require("@agg-build/sdk");
 var import_dayjs2 = __toESM(require("dayjs"));
 
+// 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/orderbook/orderbook.utils.ts
 var import_sdk12 = require("@agg-build/sdk");
 var formatProbabilityCents = (value) => {
@@ -4378,7 +4498,7 @@ var import_hooks22 = require("@agg-build/hooks");
 var import_jsx_runtime98 = require("react/jsx-runtime");
 var GeoBlockBanner = ({
   venue,
-  termsUrl = "#",
+  termsUrl = AGG_TERMS_OF_SERVICE_URL,
   className
 }) => {
   const labels = (0, import_hooks22.useLabels)();
@@ -4539,8 +4659,8 @@ var Button = (_a) => {
 Button.displayName = "Button";
 
 // src/primitives/currency-input/index.tsx
-var import_react4 = require("react");
 var import_hooks24 = require("@agg-build/hooks");
+var import_react4 = require("react");
 
 // src/primitives/currency-input/currency-input.constants.ts
 var CURRENCY_INPUT_DEFAULT_PREFIX = "$";
@@ -4651,13 +4771,13 @@ var CurrencyInput = ({
     general: { locale }
   } = (0, import_hooks24.useSdkUiConfig)();
   const parts = (0, import_react4.useMemo)(() => resolveCurrencyInputFormatParts(locale), [locale]);
-  const [raw, setRaw] = (0, import_react4.useState)(() => value > 0 ? String(value) : "");
+  const [raw, setRaw] = (0, import_react4.useState)(() => value >= 0 ? String(value) : "");
   const isEditingRef = (0, import_react4.useRef)(false);
   const inputRef = (0, import_react4.useRef)(null);
   const caretPosRef = (0, import_react4.useRef)(null);
   (0, import_react4.useEffect)(() => {
     if (!isEditingRef.current) {
-      setRaw(value > 0 ? String(value) : "");
+      setRaw(value >= 0 ? String(value) : "");
     }
   }, [value]);
   const numericDisplay = formatCurrencyInputRawValue(raw, locale, decimalPlaces, parts);
@@ -4755,7 +4875,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();
   };
@@ -5477,7 +5597,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;
@@ -5688,10 +5810,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);
@@ -5789,24 +5913,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;
@@ -5968,14 +6094,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
     }))
   );
@@ -6436,10 +6566,6 @@ var PlaceOrderFailureView = ({
         ] }),
         summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime105.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_runtime105.jsx)(LoadingIcon, { size: "small", className: "text-agg-on-primary!" }),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { children: summary.actionLabel })
-      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
       /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         Button,
@@ -6544,19 +6670,6 @@ var PlaceOrderSuccessView = ({
       ] }),
       summary.eventDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime106.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_runtime106.jsx)(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { children: resolvedActionLabel })
-        ]
-      }
-    ),
     executionStepGroups.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
         "div",
@@ -6646,6 +6759,19 @@ var PlaceOrderSuccessView = ({
         /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label })
       ] }) : null
     ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime106.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_runtime106.jsx)(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { children: resolvedActionLabel })
+        ]
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.amount(resolvedTradeSide) }),
       /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
@@ -7355,7 +7481,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
   }
 );
@@ -7552,6 +7678,14 @@ var PlaceOrder = ({
   const livePrices = (0, import_hooks28.useLiveOutcomePrices)(
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
+  const midpointsClusterMarkets = (0, import_react8.useMemo)(() => {
+    if (!scopedSelectedMarket) return [];
+    return normalizeVenueMarketCluster(
+      resolvedEventTradingState.displayMarkets,
+      scopedSelectedMarket.id
+    );
+  }, [resolvedEventTradingState.displayMarkets, scopedSelectedMarket]);
+  const { prices: clusterMidpoints } = (0, import_hooks28.useMidpoints)(midpointsClusterMarkets);
   const outcomes = (0, import_react8.useMemo)(
     () => mapVenueMarketOutcomesToPlaceOrderOutcomes(scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes),
     [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes]
@@ -7559,7 +7693,8 @@ var PlaceOrder = ({
   const buyTabRef = (0, import_react8.useRef)(null);
   const sellTabRef = (0, import_react8.useRef)(null);
   const [internalTab, setInternalTab] = (0, import_react8.useState)("buy");
-  const [internalAmount, setInternalAmount] = (0, import_react8.useState)(0);
+  const [internalAmount, setInternalAmount] = (0, import_react8.useState)(PLACE_ORDER_DEFAULT_AMOUNT);
+  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = (0, import_react8.useState)(null);
   const [internalSlippage, setInternalSlippage] = (0, import_react8.useState)(DEFAULT_SLIPPAGE_VALUE);
   const [isRoutesExpanded, setIsRoutesExpanded] = (0, import_react8.useState)(false);
   const [selectedRouteCardId, setSelectedRouteCardId] = (0, import_react8.useState)(null);
@@ -7629,13 +7764,28 @@ var PlaceOrder = ({
     if (!Number.isFinite(currentSellableShares)) return 0;
     return currentSellableShares;
   }, [currentSellableShares]);
+  (0, import_react8.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_react8.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_react8.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
@@ -7749,7 +7899,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,
@@ -7922,13 +8075,24 @@ var PlaceOrder = ({
   }, [smartRoute.error, tradingLabels.quoteUnavailable]);
   const progressActionLabel = (internalTab === "buy" ? tradingLabels.buyingOutcome(selectedOutcomeLabel) : tradingLabels.sellingOutcome(selectedOutcomeLabel)).trim();
   const canRetryRemaining = (0, import_react8.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_react8.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_react8.useMemo)(() => {
     var _a2;
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return void 0;
@@ -7985,6 +8149,7 @@ var PlaceOrder = ({
     setSubmissionProgressState(null);
     setSubmissionFeedback(null);
     setInternalAmount(0);
+    setSellFilledForOutcomeId(null);
     setInternalSlippage(DEFAULT_SLIPPAGE_VALUE);
     setInternalTab("buy");
     setIsRoutesExpanded(false);
@@ -8048,6 +8213,17 @@ var PlaceOrder = ({
     failureSummary,
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
+  (0, import_react8.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_react8.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     if (!orderEligibility.canPlaceOrder) {
@@ -8090,6 +8266,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
@@ -8126,6 +8303,7 @@ var PlaceOrder = ({
     isSell,
     onAmountChange,
     orderEligibility.canPlaceOrder,
+    scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets,
     scopedSelectedOutcomeId,
     selectedRouteCardId,
     smartRoute,
@@ -8184,11 +8362,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);
   };
@@ -8196,6 +8383,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 = () => {
@@ -8335,11 +8523,11 @@ var PlaceOrder = ({
               }
             ),
             outcomes.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime107.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_runtime107.jsxs)(
                 "button",
                 {
@@ -8446,7 +8634,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);
@@ -8577,7 +8765,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,
@@ -8587,7 +8775,7 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
-                  shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(GeoBlockBanner, { venue: geoBlockVenueLabel }) : null,
+                  shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(GeoBlockBanner, { venue: geoBlockVenueLabel, termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
                   !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
                 ]
               }

package/dist/trading.mjs

@@ -19,12 +19,12 @@ import {
   mapVenueMarketsToSettlementSections,
   parseAmount,
   parseVenue
-} from "./chunk-CGNDMLQL.mjs";
+} from "./chunk-LPNZOX3E.mjs";
 import {
   useEventTradingContext
-} from "./chunk-C7T56TJR.mjs";
-import "./chunk-2QJXRRYP.mjs";
-import "./chunk-6NS7D73S.mjs";
+} from "./chunk-HD6HBTK2.mjs";
+import "./chunk-43K4PFBC.mjs";
+import "./chunk-YZNO6IUD.mjs";
 export {
   PlaceOrder,
   PlaceOrderFailureView,

package/dist/types/deposit/steps/card-payment-pending.d.mts

@@ -1,7 +1,9 @@
 export interface CardPaymentPendingStepProps {
     providerName: string;
+    /** Optional platform deposit address shown so users can paste it into the provider's checkout. */
+    walletAddress?: string;
     onClose: () => void;
     onViewActivity: () => void;
     onChooseAnotherProvider: () => void;
 }
-export declare const CardPaymentPendingStep: ({ providerName, onClose, onViewActivity, onChooseAnotherProvider, }: CardPaymentPendingStepProps) => JSX.Element;
+export declare const CardPaymentPendingStep: ({ providerName, walletAddress, onClose, onViewActivity, onChooseAnotherProvider, }: CardPaymentPendingStepProps) => JSX.Element;

package/dist/types/deposit/steps/card-payment-pending.d.ts

@@ -1,7 +1,9 @@
 export interface CardPaymentPendingStepProps {
     providerName: string;
+    /** Optional platform deposit address shown so users can paste it into the provider's checkout. */
+    walletAddress?: string;
     onClose: () => void;
     onViewActivity: () => void;
     onChooseAnotherProvider: () => void;
 }
-export declare const CardPaymentPendingStep: ({ providerName, onClose, onViewActivity, onChooseAnotherProvider, }: CardPaymentPendingStepProps) => JSX.Element;
+export declare const CardPaymentPendingStep: ({ providerName, walletAddress, onClose, onViewActivity, onChooseAnotherProvider, }: CardPaymentPendingStepProps) => JSX.Element;

package/dist/types/deposit/steps/crypto-transfer.d.mts

@@ -13,7 +13,7 @@ export interface CryptoTransferStepProps {
     onBack: () => void;
     onTokenChange: (token: string) => void;
     onNetworkChange: (network: string) => void;
-    onCopyAddress: () => void;
+    onCopyAddress?: () => void;
     onDone: () => void;
 }
 export declare const CryptoTransferStep: ({ tokenOptions, networkOptions, selectedToken, selectedNetwork, depositAddress, minDeposit, feeEstimate, eta, isLoadingAddress, addressError, onBack, onTokenChange, onNetworkChange, onCopyAddress, onDone, }: CryptoTransferStepProps) => JSX.Element;

package/dist/types/deposit/steps/crypto-transfer.d.ts

@@ -13,7 +13,7 @@ export interface CryptoTransferStepProps {
     onBack: () => void;
     onTokenChange: (token: string) => void;
     onNetworkChange: (network: string) => void;
-    onCopyAddress: () => void;
+    onCopyAddress?: () => void;
     onDone: () => void;
 }
 export declare const CryptoTransferStep: ({ tokenOptions, networkOptions, selectedToken, selectedNetwork, depositAddress, minDeposit, feeEstimate, eta, isLoadingAddress, addressError, onBack, onTokenChange, onNetworkChange, onCopyAddress, onDone, }: CryptoTransferStepProps) => JSX.Element;

package/dist/types/events/item/event-list-item.utils.d.mts

@@ -15,6 +15,26 @@ export type EventListItemVisibleOutcome = {
     title: string;
 };
 export declare const resolveVisibleOutcomes: (venueMarkets: VenueMarket[]) => EventListItemVisibleOutcome[];
+/**
+ * Dedupe venue markets while collapsing matched-cluster siblings to a single
+ * row. Walks left-to-right; for each market we see, mark its own id AND every
+ * `matchedVenueMarkets[].id` as "seen", and skip any later row whose own id
+ * already appears in the seen set.
+ *
+ * Why cluster-aware (not just id): the home card preview and the load-more
+ * (`/venue-markets`) endpoint can pick different cluster representatives for
+ * the same matched group (one keeps the highest-volume venue, the other keeps
+ * the canonical cluster target). When the EventItem component merges the two
+ * lists for cross-page rendering, a naive id-only dedup leaves both rows in
+ * place and the user sees the same logical market (e.g. "Bayern Munich")
+ * twice — once per representative. Tracking sibling ids closes that gap
+ * without needing the backend to expose `matchEntry.targetVenueMarketId` on
+ * every list shape.
+ *
+ * Order semantics: first occurrence wins per cluster. Callers should pass
+ * the more authoritative list first (e.g. `[...allVenueMarkets, ...lazyLoaded]`
+ * if the home-card row is preferred, swap if the lazy-loaded row is preferred).
+ */
 export declare const dedupeVenueMarketsById: (venueMarkets: VenueMarket[]) => VenueMarket[];
 /** Returns the outcome's display text. Prefers `title` (the descriptive
  *  human-readable text — e.g. "Trump Wins") when present and non-empty,
@@ -42,5 +62,42 @@ type DisplayVolumeMarket = {
         targetVenueMarket?: DisplayVolumeMarket | null;
     } | null | undefined;
 };
+export type BestMidpointResult = {
+    /** Raw midpoint value (0–1 range, not yet clamped). */
+    midpoint: number;
+    venueMarketId: string;
+    venue: string;
+};
+/**
+ * Builds a venue-market-id → spread lookup from the raw midpoint rows returned
+ * by `useVenueMarketMidpoints`. Matched sibling rows are included in the map;
+ * first-write wins to match the same priority as `midpointsByVenueMarketId`.
+ */
+export declare function buildSpreadByVenueMarketId(midpointRows: ReadonlyArray<{
+    venueMarketId: string;
+    spread: number | null;
+    matched: ReadonlyArray<{
+        venueMarketId: string;
+        spread: number | null;
+    }>;
+}>): Map<string, number | null>;
+/**
+ * Returns the best available midpoint across a market and its matched venue
+ * markets. Candidates are collected in declaration order (primary first, then
+ * matched in array order) and deduplicated by ID. Among valid (non-null)
+ * midpoints, the candidate with the **lowest** YES midpoint wins — this gives
+ * the buyer the best available price across venues.
+ *
+ * The `spreadByVenueMarketId` parameter is accepted for call-site compatibility
+ * but is no longer used in the selection logic.
+ */
+export declare function resolveBestMidpointForMarket(market: {
+    id: string;
+    venue: string;
+    matchedVenueMarkets?: ReadonlyArray<{
+        id: string;
+        venue: string;
+    }> | null;
+}, midpointsByVenueMarketId: Map<string, number | null>, spreadByVenueMarketId?: Map<string, number | null>): BestMidpointResult | undefined;
 export declare const resolveDisplayVolume: (eventVolume: number | null | undefined, venueMarkets: ReadonlyArray<DisplayVolumeMarket>) => number | undefined;
 export {};