@agg-build/ui 4.11.0 → 4.11.3

package/dist/{chunk-CHM6SCOY.mjs → chunk-5D36HPOG.mjs}

@@ -21,7 +21,7 @@ import {
   formatChainIdLabel,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-NCWBKC5C.mjs";
+} from "./chunk-VHKGW4DB.mjs";
 import {
   getDisplayOutcomePrice,
   resolveHeaderOutcomeItems,

package/dist/{chunk-NCWBKC5C.mjs → chunk-VHKGW4DB.mjs}

@@ -1311,13 +1311,13 @@ var extractGeoBlockedVenues = (warnings) => {
   );
 };
 var getSmartRouteTotalFees = (feeBreakdown) => {
-  var _a;
+  var _a, _b;
   if (!feeBreakdown) return null;
   const feeParts = [
-    feeBreakdown.venueFees,
-    (_a = feeBreakdown.builderFee) != null ? _a : 0,
+    feeBreakdown.venueFees + ((_a = feeBreakdown.builderFee) != null ? _a : 0),
     feeBreakdown.bridgeFees,
-    feeBreakdown.executionGas
+    feeBreakdown.executionGas,
+    (_b = feeBreakdown.appFee) != null ? _b : 0
   ];
   if (!feeParts.every(Number.isFinite)) return null;
   return feeParts.reduce((total, fee) => total + Math.round(fee * 100) / 100, 0);
@@ -1412,6 +1412,72 @@ var parseDecimalString = (value) => {
   if (!Number.isFinite(parsed) || parsed <= 0) return null;
   return parsed;
 };
+var getPlaceOrderBuyPayout = (quoteData) => {
+  var _a;
+  return (_a = quoteData.estimatedPayout) != null ? _a : quoteData.totalFilled;
+};
+var getPlaceOrderSellProceeds = (quoteData) => Math.max(
+  0,
+  quoteData.rawExecCost - quoteData.fills.reduce((sum, fill) => {
+    var _a, _b;
+    return sum + ((_a = fill.venueFee) != null ? _a : 0) + ((_b = fill.builderFee) != null ? _b : 0);
+  }, 0)
+);
+var getPlaceOrderQuoteValue = (quoteData, tradeSide) => tradeSide === "sell" ? getPlaceOrderSellProceeds(quoteData) : getPlaceOrderBuyPayout(quoteData);
+var resolvePlaceOrderNetResult = ({
+  quoteData,
+  tradeSide,
+  shares,
+  usd,
+  terminalOrderEvents,
+  submittedOrders
+}) => {
+  if (!quoteData) return tradeSide === "sell" ? usd : shares;
+  const actualEvents = (terminalOrderEvents != null ? terminalOrderEvents : []).filter(
+    (event) => (event.event === "filled" || event.event === "partial_fill") && (tradeSide === "buy" ? event.filledAmountRaw != null : event.actualSharesRaw != null)
+  );
+  if (actualEvents.length) {
+    return actualEvents.reduce((sum, event) => {
+      var _a;
+      const outcomeId = (_a = submittedOrders == null ? void 0 : submittedOrders.find(
+        (order) => order.orderId === event.orderId
+      )) == null ? void 0 : _a.outcomeId;
+      const venueFills = quoteData.fills.filter((fill) => fill.venue === event.venue);
+      const exactFill = venueFills.find((fill) => fill.venueMarketOutcomeId === outcomeId);
+      const fills = exactFill ? [exactFill] : venueFills;
+      const legQuote = fills.length ? __spreadProps(__spreadValues({}, quoteData), {
+        fills,
+        totalFilled: fills.reduce((total, fill) => total + fill.venueQty, 0),
+        rawExecCost: fills.reduce((total, fill) => total + fill.avgPrice * fill.venueQty, 0),
+        estimatedPayout: fills.reduce(
+          (total, fill) => {
+            var _a2;
+            return total + fill.venueQty - ((_a2 = fill.settlementFee) != null ? _a2 : 0);
+          },
+          0
+        )
+      }) : quoteData;
+      const actual = resolveActualExecutionEconomics({
+        quoteData: legQuote,
+        tradeSide,
+        terminalOrderEvents: [event],
+        submittedOrders
+      });
+      return sum + resolvePlaceOrderNetResult({
+        quoteData: legQuote,
+        tradeSide,
+        shares: actual.actualTotalFilled,
+        usd: actual.actualRawExecCost
+      });
+    }, 0);
+  }
+  if (tradeSide === "sell") {
+    const gross = quoteData.rawExecCost;
+    return gross > 0 ? usd * (getPlaceOrderSellProceeds(quoteData) / gross) : usd;
+  }
+  const filled = quoteData.totalFilled;
+  return filled > 0 ? shares * (getPlaceOrderBuyPayout(quoteData) / filled) : shares;
+};
 var resolvePlaceOrderQuoteResult = ({
   labels,
   quoteData,
@@ -1420,7 +1486,7 @@ var resolvePlaceOrderQuoteResult = ({
   if (!quoteData || quoteData.totalFilled <= 0) return null;
   const avgPrice = getPlaceOrderAverageExecutionPrice(quoteData);
   if (avgPrice == null) return null;
-  const quoteValue = tradeSide === "sell" ? quoteData.rawExecCost : quoteData.totalFilled;
+  const quoteValue = getPlaceOrderQuoteValue(quoteData, tradeSide);
   return {
     hint: labels.averagePrice(avgPrice),
     value: getTradingValueLabel({
@@ -1538,7 +1604,7 @@ var buildLiveRouteCards = ({
   eventVenues = [],
   geoBlockedVenues: inheritedGeoBlockedVenues
 }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const geoBlockedVenues = extractGeoBlockedVenues(quoteData.warnings);
   for (const venue of inheritedGeoBlockedVenues != null ? inheritedGeoBlockedVenues : []) {
     geoBlockedVenues.add(venue);
@@ -1553,6 +1619,7 @@ var buildLiveRouteCards = ({
   );
   const averageExecutionPrice = (_b = getPlaceOrderAverageExecutionPrice(quoteData)) != null ? _b : void 0;
   const primaryWinnerVenue = quoteData.fills.length === 1 ? primaryVenue : void 0;
+  const primaryWinnerOutcomeId = quoteData.fills.length === 1 ? (_c = quoteData.fills[0]) == null ? void 0 : _c.venueMarketOutcomeId : void 0;
   const isPrimaryRouteGeoBlocked = quoteData.fills.length > 0 && quoteData.fills.some((f) => geoBlockedVenues.has(f.venue));
   const primaryCard = primaryResult ? isPrimaryRouteGeoBlocked ? isSplit ? null : {
     id: "live-route",
@@ -1562,7 +1629,7 @@ var buildLiveRouteCards = ({
       parsedPrimaryVenue.success ? parsedPrimaryVenue.data : void 0
     ),
     executionPrice: averageExecutionPrice,
-    numericValue: tradeSide === "sell" ? quoteData.rawExecCost : quoteData.totalFilled,
+    numericValue: getPlaceOrderQuoteValue(quoteData, tradeSide),
     quoteData,
     value: primaryResult.value,
     venue: parsedPrimaryVenue.success ? parsedPrimaryVenue.data : void 0,
@@ -1575,7 +1642,7 @@ var buildLiveRouteCards = ({
     label: isSplit ? labels.orderSplitting : getTradingVenueLabel(
       parsedPrimaryVenue.success ? parsedPrimaryVenue.data : void 0
     ),
-    numericValue: tradeSide === "sell" ? quoteData.rawExecCost : quoteData.totalFilled,
+    numericValue: getPlaceOrderQuoteValue(quoteData, tradeSide),
     quoteData,
     rows: mapQuoteDataToRoutingRows(quoteData, tradeSide),
     description: labels.splitOrderDescription,
@@ -1585,7 +1652,7 @@ var buildLiveRouteCards = ({
     requiresSharedKyc: primaryRequiresSharedKyc
   } : null;
   const soloCardId = (prefix, sq) => `${prefix}-${sq.venue}${sq.venueMarketOutcomeId ? `-${sq.venueMarketOutcomeId}` : ""}`;
-  const soloCards = ((_c = quoteData.venueSoloQuotes) != null ? _c : []).filter(
+  const soloCards = ((_d = quoteData.venueSoloQuotes) != null ? _d : []).filter(
     (sq) => sq.status === "ok" && sq.unavailableReason !== "venue_unavailable" && sq.avgPrice !== null && sq.filledQty > 0 && // No `sq.quoteId` requirement: a solo is preview-only whenever its own
     // funding lane is short (API nulls the quoteId), which is NOT always the
     // whole-quote `insufficient_balance` case — an off-chain winner (Kalshi
@@ -1593,9 +1660,9 @@ var buildLiveRouteCards = ({
     // stays unfunded. Gating on the quoteId silently hid that venue from the
     // comparison list entirely. The panel's Deposit CTA fires off the same
     // balance condition, and `handleExecuteQuote` rejects an empty quoteId.
-    sq.venue !== primaryWinnerVenue
+    (primaryWinnerOutcomeId && sq.venueMarketOutcomeId ? sq.venueMarketOutcomeId !== primaryWinnerOutcomeId : sq.venue !== primaryWinnerVenue)
   ).map((sq) => {
-    var _a2, _b2;
+    var _a2, _b2, _c2, _d2, _e2, _f;
     const parsedVenue = parseVenue(sq.venue);
     const venue = parsedVenue.success ? parsedVenue.data : void 0;
     if (geoBlockedVenues.has(sq.venue)) {
@@ -1605,10 +1672,10 @@ var buildLiveRouteCards = ({
         hint: labels.venueUnavailableInRegion,
         kind: "venue",
         label: getTradingVenueLabel(venue),
-        numericValue: sq.filledQty,
+        numericValue: (_a2 = sq.estimatedPayout) != null ? _a2 : sq.filledQty,
         quoteData,
         value: getTradingValueLabel({
-          amount: sq.filledQty,
+          amount: (_b2 = sq.estimatedPayout) != null ? _b2 : sq.filledQty,
           minimumFractionDigits: 2,
           maximumFractionDigits: 2
         }),
@@ -1622,7 +1689,7 @@ var buildLiveRouteCards = ({
       // Preview-only solos intentionally carry no executable quoteId; the card
       // should still render for comparison, while the CTA stays disabled until
       // the user is funded and requotes.
-      quoteId: (_a2 = sq.quoteId) != null ? _a2 : "",
+      quoteId: (_c2 = sq.quoteId) != null ? _c2 : "",
       fills: sq.fills.map((f) => __spreadValues({}, f)),
       totalFilled: sq.filledQty,
       rawExecCost: sq.rawExecCost,
@@ -1635,7 +1702,7 @@ var buildLiveRouteCards = ({
       // primary route's breakdown in place, so selecting a bridge-free venue
       // still showed the primary's bridging charge. Falls back to the
       // primary only when the router omitted one (non-"ok" solos).
-      feeBreakdown: (_b2 = sq.feeBreakdown) != null ? _b2 : quoteData.feeBreakdown
+      feeBreakdown: (_d2 = sq.feeBreakdown) != null ? _d2 : quoteData.feeBreakdown
     }), sq.quoteId ? { status: "ok", error: void 0 } : null);
     return {
       id: soloCardId("live-solo", sq),
@@ -1644,10 +1711,10 @@ var buildLiveRouteCards = ({
       kind: "venue",
       label: getTradingVenueLabel(venue),
       executionPrice: avgPrice,
-      numericValue: sq.filledQty,
+      numericValue: (_e2 = sq.estimatedPayout) != null ? _e2 : sq.filledQty,
       quoteData: soloQuoteData,
       value: getTradingValueLabel({
-        amount: sq.filledQty,
+        amount: (_f = sq.estimatedPayout) != null ? _f : sq.filledQty,
         minimumFractionDigits: 2,
         maximumFractionDigits: 2
       }),
@@ -1655,7 +1722,8 @@ var buildLiveRouteCards = ({
       requiresSharedKyc: venueRequiresSharedKyc({ venue: sq.venue })
     };
   });
-  const unavailableCards = ((_d = quoteData.venueSoloQuotes) != null ? _d : []).filter((sq) => sq.status === "unavailable" || sq.unavailableReason === "venue_unavailable").map((sq) => {
+  const unavailableCards = ((_e = quoteData.venueSoloQuotes) != null ? _e : []).filter((sq) => sq.status === "unavailable" || sq.unavailableReason === "venue_unavailable").map((sq) => {
+    var _a2, _b2;
     const parsedVenue = parseVenue(sq.venue);
     const venue = parsedVenue.success ? parsedVenue.data : void 0;
     const temporarilyUnavailable = sq.unavailableReason === "venue_unavailable";
@@ -1666,10 +1734,10 @@ var buildLiveRouteCards = ({
       hint: temporarilyUnavailable ? labels.venueTemporarilyUnavailable : labels.venueUnavailableInRegion,
       kind: "venue",
       label: getTradingVenueLabel(venue),
-      numericValue: hasPreview ? sq.filledQty : 0,
+      numericValue: hasPreview ? (_a2 = sq.estimatedPayout) != null ? _a2 : sq.filledQty : 0,
       quoteData: __spreadProps(__spreadValues({}, quoteData), { quoteId: "" }),
       value: hasPreview ? getTradingValueLabel({
-        amount: sq.filledQty,
+        amount: (_b2 = sq.estimatedPayout) != null ? _b2 : sq.filledQty,
         minimumFractionDigits: 2,
         maximumFractionDigits: 2
       }) : ""
@@ -1883,10 +1951,13 @@ var getPlaceOrderPotentialReturn = (quoteData) => {
   if (!((_a = quoteData == null ? void 0 : quoteData.fills) == null ? void 0 : _a.length) || quoteData.fills.length < 2) return 0;
   const bestSoloVenueFill = Math.max(
     0,
-    ...((_b = quoteData.venueSoloQuotes) != null ? _b : []).filter((quote) => quote.status === "ok" && quote.filledQty > 0).map((quote) => quote.filledQty)
+    ...((_b = quoteData.venueSoloQuotes) != null ? _b : []).filter((quote) => quote.status === "ok" && quote.filledQty > 0).map((quote) => {
+      var _a2;
+      return (_a2 = quote.estimatedPayout) != null ? _a2 : quote.filledQty;
+    })
   );
   if (bestSoloVenueFill <= 0) return 0;
-  return Math.max(0, quoteData.totalFilled - bestSoloVenueFill);
+  return Math.max(0, getPlaceOrderBuyPayout(quoteData) - bestSoloVenueFill);
 };
 var resolvePrimarySubmittedOrderId = ({
   allowOrderIdFallback = true,
@@ -4291,7 +4362,7 @@ var PlaceOrder = ({
   showResolvingState = false,
   midpointsResult
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da;
   const {
     enableDebug: isExecutionDebugEnabled,
     features: { enableAnimations, showFeesBreakdown, showLimitOrders: limitOrdersFeature },
@@ -5072,7 +5143,16 @@ var PlaceOrder = ({
       });
       const payoutLabel = formatUsd(usdSide);
       const amountLabel = internalTab === "sell" ? sharesLabel : payoutLabel;
-      const toWinLabel = internalTab === "sell" ? payoutLabel : formatUsd(sharesSide);
+      const toWinLabel = formatUsd(
+        resolvePlaceOrderNetResult({
+          quoteData,
+          tradeSide: internalTab,
+          shares: sharesSide,
+          usd: usdSide,
+          terminalOrderEvents: executionProgress.terminalOrderEvents,
+          submittedOrders: executionProgress.submittedOrders
+        })
+      );
       const potentialReturnValue = getPlaceOrderPotentialReturn(quoteData);
       const potentialReturnLabel = potentialReturnValue > 0 ? formatUsd(potentialReturnValue) : void 0;
       const eventTitle = (_f2 = (_e2 = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title) != null ? _e2 : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _f2 : "";
@@ -5476,7 +5556,16 @@ var PlaceOrder = ({
         maximumFractionDigits: 2
       })
     ) : formatUsd(actualEconomics.actualRawExecCost);
-    const payoutLabel = isSell ? formatUsd(actualEconomics.actualRawExecCost) : formatUsd(actualEconomics.actualTotalFilled);
+    const payoutLabel = formatUsd(
+      resolvePlaceOrderNetResult({
+        quoteData,
+        tradeSide: internalTab,
+        shares: actualEconomics.actualTotalFilled,
+        usd: actualEconomics.actualRawExecCost,
+        terminalOrderEvents: executionProgress.terminalOrderEvents,
+        submittedOrders: executionProgress.submittedOrders
+      })
+    );
     return __spreadProps(__spreadValues({}, summaryWithGroups), {
       actions: summaryWithGroups.actions.map(
         (action) => action.variant === "retry" ? __spreadProps(__spreadValues({}, action), { label: tradingLabels.orderTryRemaining(remainingLabel) }) : action
@@ -5712,30 +5801,21 @@ var PlaceOrder = ({
     if (totalFees == null) return null;
     return formatUsd(totalFees, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
   }, [activeFeeBreakdown]);
+  const appFeeValue = (__ = activeFeeBreakdown == null ? void 0 : activeFeeBreakdown.appFee) != null ? __ : 0;
   const feeBreakdownRows = useMemo(() => {
-    var _a2, _b2;
+    var _a2;
     if (!activeFeeBreakdown) return [];
     return [
       {
+        // The builder slice (Hyperliquid only today) is a separate field on the
+        // wire but reads as one cost to the user, so it renders inside "Venue".
         kind: "amount",
         label: tradingLabels.feeBreakdownVenueFees,
-        value: formatUsd(activeFeeBreakdown.venueFees, {
+        value: formatUsd(activeFeeBreakdown.venueFees + ((_a2 = activeFeeBreakdown.builderFee) != null ? _a2 : 0), {
           minimumFractionDigits: 2,
           maximumFractionDigits: 2
         })
       },
-      // Only Hyperliquid charges a builder slice today; every other route
-      // would show a bare "$0.00" line.
-      ...((_a2 = activeFeeBreakdown.builderFee) != null ? _a2 : 0) > 0 ? [
-        {
-          kind: "amount",
-          label: tradingLabels.feeBreakdownBuilderFee,
-          value: formatUsd((_b2 = activeFeeBreakdown.builderFee) != null ? _b2 : 0, {
-            minimumFractionDigits: 2,
-            maximumFractionDigits: 2
-          })
-        }
-      ] : [],
       {
         kind: "amount",
         label: tradingLabels.feeBreakdownExecutionGas,
@@ -5752,23 +5832,33 @@ var PlaceOrder = ({
           maximumFractionDigits: 2
         })
       },
-      {
+      // A partner charging a non-zero app fee gets a plain dollar row like every
+      // other cost above it — the "0% fee" badge is only true, and only worth
+      // highlighting, when the fee really is zero.
+      appFeeValue > 0 ? {
+        kind: "amount",
+        label: tradingLabels.feeBreakdownAggMarket,
+        value: formatUsd(appFeeValue, {
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        })
+      } : {
         kind: "badge",
         label: tradingLabels.feeBreakdownAggMarket,
         badgeLabel: tradingLabels.feeBreakdownPlatformFeeBadge
       }
     ];
-  }, [activeFeeBreakdown, tradingLabels]);
+  }, [activeFeeBreakdown, appFeeValue, tradingLabels]);
   const isActionLoading = isPrimaryActionLoading || executeManaged.isPending || placeLimitOrder.isPending || isBeforeActionPending;
   const selectedLimitRouteCardId = selectedLimitVenueOption ? `limit-venue-${selectedLimitVenueOption.venue}-${selectedLimitVenueOption.venueMarketOutcomeId}` : null;
-  const selectedLimitRouteCard = selectedLimitRouteCardId ? (__ = limitRouteCards.find((card) => card.id === selectedLimitRouteCardId)) != null ? __ : null : null;
-  const selectedRouteGeoBlocked = isLimitOrder ? (_$ = selectedLimitRouteCard == null ? void 0 : selectedLimitRouteCard.isUnavailable) != null ? _$ : false : (_aa = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _aa : false;
+  const selectedLimitRouteCard = selectedLimitRouteCardId ? (_$ = limitRouteCards.find((card) => card.id === selectedLimitRouteCardId)) != null ? _$ : null : null;
+  const selectedRouteGeoBlocked = isLimitOrder ? (_aa = selectedLimitRouteCard == null ? void 0 : selectedLimitRouteCard.isUnavailable) != null ? _aa : false : (_ba = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _ba : false;
   const geoBlockedVenuesFromWarnings = useMemo(
     () => {
       var _a2;
       return extractGeoBlockedVenues((_a2 = smartRoute.data) == null ? void 0 : _a2.warnings);
     },
-    [(_ba = smartRoute.data) == null ? void 0 : _ba.warnings]
+    [(_ca = smartRoute.data) == null ? void 0 : _ca.warnings]
   );
   const isPrimaryVenueGeoBlocked = useMemo(() => {
     var _a2, _b2;
@@ -6453,7 +6543,7 @@ var PlaceOrder = ({
       PlaceOrderResolvedView,
       {
         tradingState: resolvedReadOnlyTradingState,
-        resolutionTimestamp: (_ca = resolvedEventTradingState.resolvesAt) != null ? _ca : resolvedReadOnlyTradingState.resolvesAt,
+        resolutionTimestamp: (_da = resolvedEventTradingState.resolvesAt) != null ? _da : resolvedReadOnlyTradingState.resolvesAt,
         resolvedClaim,
         classNames,
         className,
@@ -7214,7 +7304,7 @@ var PlaceOrder = ({
                       message: internalTab === "buy" ? tradingLabels.lowLiquidityWarning : tradingLabels.lowLiquiditySellWarning
                     }
                   ) : null,
-                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ jsxs6("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
+                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown && appFeeValue === 0 ? /* @__PURE__ */ jsxs6("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
                     /* @__PURE__ */ jsx7(
                       Icon,
                       {