@agg-build/ui 4.11.0 → 4.11.1

package/dist/{chunk-CHM6SCOY.mjs → chunk-VMG6BUHI.mjs}

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

package/dist/{chunk-NCWBKC5C.mjs → chunk-WWIVSROM.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);
@@ -4291,7 +4291,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 },
@@ -5712,30 +5712,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 +5743,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 +6454,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 +7215,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,
                       {

package/dist/index.js

@@ -21717,13 +21717,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);
@@ -24697,7 +24697,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 },
@@ -26118,30 +26118,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 = (0, import_react41.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,
@@ -26158,23 +26149,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 = (0, import_react41.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 = (0, import_react41.useMemo)(() => {
     var _a2, _b2;
@@ -26859,7 +26860,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,
@@ -27620,7 +27621,7 @@ var PlaceOrder = ({
                       message: internalTab === "buy" ? tradingLabels.lowLiquidityWarning : tradingLabels.lowLiquiditySellWarning
                     }
                   ) : null,
-                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("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__ */ (0, import_jsx_runtime178.jsxs)("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__ */ (0, import_jsx_runtime178.jsx)(
                       Icon,
                       {

package/dist/index.mjs

@@ -14,7 +14,7 @@ import {
   formatRecurringCountdown,
   formatShareAmount,
   useHomePageModals
-} from "./chunk-CHM6SCOY.mjs";
+} from "./chunk-VMG6BUHI.mjs";
 import {
   EventList,
   EventListItem,
@@ -67,7 +67,7 @@ import {
   useResolvedMarketClaim,
   useSharedKycFlow,
   venueRequiresSharedKyc
-} from "./chunk-NCWBKC5C.mjs";
+} from "./chunk-WWIVSROM.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,

package/dist/pages.js

@@ -19392,13 +19392,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);
@@ -22372,7 +22372,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 },
@@ -23793,30 +23793,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 = (0, import_react38.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,
@@ -23833,23 +23824,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 = (0, import_react38.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 = (0, import_react38.useMemo)(() => {
     var _a2, _b2;
@@ -24534,7 +24535,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,
@@ -25295,7 +25296,7 @@ var PlaceOrder = ({
                       message: internalTab === "buy" ? tradingLabels.lowLiquidityWarning : tradingLabels.lowLiquiditySellWarning
                     }
                   ) : null,
-                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("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__ */ (0, import_jsx_runtime169.jsxs)("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__ */ (0, import_jsx_runtime169.jsx)(
                       Icon,
                       {

package/dist/pages.mjs

@@ -11,14 +11,14 @@ import {
   formatRecurringCountdown,
   formatShareAmount,
   useHomePageModals
-} from "./chunk-CHM6SCOY.mjs";
+} from "./chunk-VMG6BUHI.mjs";
 import "./chunk-EYJS45RP.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   WITHDRAW_MODAL_OPEN_EVENT,
   requestAggDepositModalOpen,
   requestAggWithdrawModalOpen
-} from "./chunk-NCWBKC5C.mjs";
+} from "./chunk-WWIVSROM.mjs";
 import "./chunk-6EHT5OFU.mjs";
 import "./chunk-TXQJUVRW.mjs";
 import "./chunk-W7HQVQ22.mjs";

package/dist/trading.js

@@ -9214,13 +9214,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);
@@ -12194,7 +12194,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 },
@@ -13615,30 +13615,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 = (0, import_react17.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,
@@ -13655,23 +13646,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 = (0, import_react17.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 = (0, import_react17.useMemo)(() => {
     var _a2, _b2;
@@ -14356,7 +14357,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,
@@ -15117,7 +15118,7 @@ var PlaceOrder = ({
                       message: internalTab === "buy" ? tradingLabels.lowLiquidityWarning : tradingLabels.lowLiquiditySellWarning
                     }
                   ) : null,
-                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("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__ */ (0, import_jsx_runtime145.jsxs)("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__ */ (0, import_jsx_runtime145.jsx)(
                       Icon,
                       {

package/dist/trading.mjs

@@ -14,7 +14,7 @@ import {
   useClaimWinnings,
   useResolvedMarketClaim,
   venueRequiresSharedKyc
-} from "./chunk-NCWBKC5C.mjs";
+} from "./chunk-WWIVSROM.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "4.11.0",
+  "version": "4.11.1",
   "description": "Pre-built React component library for the AGG prediction market aggregator. Tailwind-based, themeable, with primitives, event surfaces, trading flows, full pages, and modals.",
   "sideEffects": false,
   "license": "MIT",