@agg-build/ui 4.2.0 → 4.4.0

package/dist/trading.js

@@ -9445,18 +9445,15 @@ var resolvePlaceOrderFailureActions = ({
   canRetryRemaining = true,
   kind,
   labels,
-  terminalEvent
+  terminalEvent: _terminalEvent
 }) => {
-  const parsedVenue = parseVenue(terminalEvent == null ? void 0 : terminalEvent.venue);
-  const venue = parsedVenue.success ? parsedVenue.data : void 0;
-  const venueLabel = getTradingVenueLabel(venue);
   if (kind === "partial_fill") {
     if (!canRetryRemaining) {
       return [
         {
-          id: "skip",
-          label: labels.orderSkip,
-          variant: "skip"
+          id: "new-trade",
+          label: labels.orderNewTrade,
+          variant: "dismiss"
         }
       ];
     }
@@ -9467,9 +9464,9 @@ var resolvePlaceOrderFailureActions = ({
         variant: "retry"
       },
       {
-        id: "skip",
-        label: labels.orderSkip,
-        variant: "skip"
+        id: "new-trade",
+        label: labels.orderNewTrade,
+        variant: "dismiss"
       }
     ];
   }
@@ -9477,12 +9474,12 @@ var resolvePlaceOrderFailureActions = ({
     return [
       {
         id: "retry",
-        label: labels.orderRetryVenue(venueLabel),
+        label: labels.orderRetry,
         variant: "retry"
       },
       {
-        id: "dismiss",
-        label: labels.orderDismiss,
+        id: "close",
+        label: labels.orderClose,
         variant: "dismiss"
       }
     ];
@@ -9503,8 +9500,8 @@ var resolvePlaceOrderFailureActions = ({
       variant: "retry"
     },
     {
-      id: "dismiss",
-      label: labels.orderDone,
+      id: "close",
+      label: labels.orderClose,
       variant: "dismiss"
     }
   ];
@@ -9590,6 +9587,21 @@ var getPlaceOrderUnfilledRemaining = ({
   }, 0);
   return Math.max(0, originalAmount - filled);
 };
+var getCanonicalPlaceOrderUnfilledRemaining = ({
+  originalAmount,
+  tradeSide,
+  terminalOrderEvents
+}) => {
+  const fillEvents = (terminalOrderEvents != null ? terminalOrderEvents : []).filter(
+    (event) => event.event === "filled" || event.event === "partial_fill"
+  );
+  if (fillEvents.length === 0) return null;
+  const hasCanonicalFillUnits = fillEvents.every(
+    (event) => tradeSide === "buy" ? event.filledAmountRaw != null : event.actualSharesRaw != null
+  );
+  if (!hasCanonicalFillUnits) return null;
+  return getPlaceOrderUnfilledRemaining({ originalAmount, tradeSide, terminalOrderEvents });
+};
 var buildPlaceOrderFailureSummary = ({
   actionLabel,
   canRetryRemaining,
@@ -9603,7 +9615,7 @@ var buildPlaceOrderFailureSummary = ({
   submittedOrders,
   terminalOrderEvents
 }) => {
-  var _a;
+  var _a, _b;
   const normalizedErrorMessage = normalizePlaceOrderErrorMessage({
     errorMessage,
     fallbackMessage: labels.orderFailed,
@@ -9649,7 +9661,7 @@ var buildPlaceOrderFailureSummary = ({
     });
   }
   const venueSteps = sortedEvents.flatMap((terminalEvent, index) => {
-    var _a2, _b, _c, _d, _e;
+    var _a2, _b2, _c, _d, _e;
     const parsedVenue = parseVenue(terminalEvent.venue);
     const venue = parsedVenue.success ? parsedVenue.data : void 0;
     const venueLabel = getTradingVenueLabel(venue);
@@ -9657,7 +9669,7 @@ var buildPlaceOrderFailureSummary = ({
       (candidate) => candidate.orderId === terminalEvent.orderId
     );
     const fallbackPrice = (_a2 = quoteData == null ? void 0 : quoteData.fills[index]) == null ? void 0 : _a2.avgPrice;
-    const priceLabel = getTradingRoutePriceLabel((_c = (_b = submittedOrder == null ? void 0 : submittedOrder.price) != null ? _b : fallbackPrice) != null ? _c : 0);
+    const priceLabel = getTradingRoutePriceLabel((_c = (_b2 = submittedOrder == null ? void 0 : submittedOrder.price) != null ? _b2 : fallbackPrice) != null ? _c : 0);
     const filledDollars = parseFilledAmountRawDollars(terminalEvent.filledAmountRaw);
     const amountLabel = filledDollars != null ? formatUsd(filledDollars) : null;
     const executingStep = {
@@ -9706,6 +9718,17 @@ var buildPlaceOrderFailureSummary = ({
   } : null;
   const primaryNonFilledEvent = (_a = sortedEvents.find((e) => e.event !== "filled")) != null ? _a : sortedEvents[0];
   const parsedRetryVenue = primaryNonFilledEvent ? parseVenue(primaryNonFilledEvent.venue) : null;
+  const failedEventMessage = (_b = sortedEvents.find(
+    (event) => {
+      var _a2;
+      return event.event === "failed" && ((_a2 = event.errorReason) == null ? void 0 : _a2.trim());
+    }
+  )) == null ? void 0 : _b.errorReason;
+  const resolvedErrorMessage = failedEventMessage ? normalizePlaceOrderErrorMessage({
+    errorMessage: failedEventMessage,
+    fallbackMessage: labels.orderFailed,
+    labels
+  }) : overallFailureKind === "partial_fill" ? void 0 : normalizedErrorMessage;
   return __spreadProps(__spreadValues({
     actionLabel,
     actions: resolvePlaceOrderFailureActions({
@@ -9714,7 +9737,7 @@ var buildPlaceOrderFailureSummary = ({
       labels,
       terminalEvent: primaryNonFilledEvent
     }),
-    errorMessage: normalizedErrorMessage,
+    errorMessage: resolvedErrorMessage,
     eventImage,
     eventSubtitle,
     eventTitle,
@@ -9940,7 +9963,8 @@ var resolveActualFillPresentation = ({
 };
 var resolveBackendStepStatus = (status) => {
   if (status === "completed" || status === "skipped") return "done";
-  if (status === "in_progress" || status === "failed") return "loading";
+  if (status === "failed") return "failed";
+  if (status === "in_progress") return "loading";
   return "not-started";
 };
 var resolveOrderFallbackFill = (quoteData, order, orderIndex) => {
@@ -10051,20 +10075,35 @@ var deriveBackendExecutionOrderGroups = ({
       });
       const usesBackendPendingLabel = step.groupStatus === "pending" || step.groupStatus === "in_progress" || step.groupStatus === "failed";
       const usesBackendCompletedLabel = step.groupStatus === "completed" || step.groupStatus === "skipped";
+      const isPartialFillStep = step.kind === "fill" && order.event === "partial_fill";
+      const partialFillLabel = labels.orderPartiallyFilledAtPriceWithAmount(
+        presentation.venueLabel,
+        presentation.priceLabel,
+        presentation.amountLabel
+      );
       return {
         id: `${order.orderId}:${step.groupId}`,
         kind: step.kind,
-        pendingLabel: usesBackendPendingLabel ? step.label : fallbackLabels.pendingLabel,
-        completedLabel: usesBackendCompletedLabel ? step.label : fallbackLabels.completedLabel,
-        realStatus: forceCompleted ? "done" : resolveBackendStepStatus(step.groupStatus)
+        pendingLabel: isPartialFillStep ? partialFillLabel : usesBackendPendingLabel ? step.label : fallbackLabels.pendingLabel,
+        completedLabel: isPartialFillStep ? partialFillLabel : usesBackendCompletedLabel ? step.label : fallbackLabels.completedLabel,
+        realStatus: isPartialFillStep ? "warning" : forceCompleted ? "done" : resolveBackendStepStatus(step.groupStatus)
       };
     });
     if (steps.length === 0) return [];
     return [__spreadProps(__spreadValues({ id: order.orderId }, presentation), { steps })];
   });
-  return deriveSequentialDisplayGroups(realGroups);
-};
-var deriveSequentialDisplayGroups = (groups) => {
+  const allOrdersTerminal = executionOrders.every((order) => order.event !== null);
+  return deriveSequentialDisplayGroups(realGroups, allOrdersTerminal);
+};
+var deriveSequentialDisplayGroups = (groups, revealTerminalOutcomes = false) => {
+  if (revealTerminalOutcomes) {
+    return groups.map((group) => __spreadProps(__spreadValues({}, group), {
+      steps: group.steps.map((_a) => {
+        var _b = _a, { realStatus } = _b, step = __objRest(_b, ["realStatus"]);
+        return __spreadProps(__spreadValues({}, step), { status: realStatus });
+      })
+    }));
+  }
   let hasUnresolvedPredecessor = false;
   return groups.map((group) => __spreadProps(__spreadValues({}, group), {
     steps: group.steps.map((_a) => {
@@ -10130,6 +10169,9 @@ var deriveExecutionOrderGroups = ({
     const hasSuccessfulTerminalEvent = venueTerminalEvents.some(
       (event) => event.event === "filled" || event.event === "partial_fill"
     );
+    const hasPartialTerminalEvent = venueTerminalEvents.some(
+      (event) => event.event === "partial_fill"
+    );
     const hasVenueExecutionProgress = venueRawSteps.some(isRawStepStarted);
     const quotedAmount = fill.venueQty * fill.avgPrice;
     const actualFill = resolveActualFillPresentation({
@@ -10139,6 +10181,11 @@ var deriveExecutionOrderGroups = ({
     });
     const completedAmountLabel = tradeSide === "buy" ? formatUsd(actualFill.amount) : labels.executionShares(formatTokenAmount(fill.venueQty));
     const completedPriceLabel = getTradingRoutePriceLabel(actualFill.price);
+    const partialFillLabel = labels.orderPartiallyFilledAtPriceWithAmount(
+      venueLabel,
+      completedPriceLabel,
+      completedAmountLabel
+    );
     const setupRawSteps = rawExecutionSteps.filter(
       (step) => setupCosts.some((setupCost) => isSetupRawStep(step, setupCost))
     );
@@ -10150,7 +10197,7 @@ var deriveExecutionOrderGroups = ({
       steps: bridgeRawSteps,
       nextPhaseStarted: hasVenueExecutionProgress || hasSuccessfulTerminalEvent
     });
-    const executionStatus = forceCompleted || hasSuccessfulTerminalEvent ? "done" : resolveRawPhaseStatus({ steps: venueRawSteps });
+    const executionStatus = hasPartialTerminalEvent ? "warning" : forceCompleted || hasSuccessfulTerminalEvent ? "done" : resolveRawPhaseStatus({ steps: venueRawSteps });
     const groupId = `${normalizeIdentity(fill.venue) || "venue"}-${fillIndex}`;
     const steps = [
       {
@@ -10182,8 +10229,8 @@ var deriveExecutionOrderGroups = ({
       {
         id: `${groupId}-execute`,
         kind: "fill",
-        pendingLabel: labels.fillingOnVenue(venueLabel),
-        completedLabel: labels.venueFilledAtPriceWithAmount(
+        pendingLabel: hasPartialTerminalEvent ? partialFillLabel : labels.fillingOnVenue(venueLabel),
+        completedLabel: hasPartialTerminalEvent ? partialFillLabel : labels.venueFilledAtPriceWithAmount(
           venueLabel,
           completedAmountLabel,
           completedPriceLabel
@@ -10200,7 +10247,92 @@ var deriveExecutionOrderGroups = ({
       steps
     };
   });
-  return deriveSequentialDisplayGroups(realGroups);
+  return deriveSequentialDisplayGroups(
+    realGroups,
+    terminalOrderEvents.length >= quoteData.fills.length && quoteData.fills.length > 0
+  );
+};
+var EXECUTION_MILESTONE_WEIGHTS = {
+  submit: 20,
+  setup: 20,
+  bridge: 20,
+  fill: 40
+};
+var COMPLETED_MILESTONE_GROUP_STATUSES = /* @__PURE__ */ new Set([
+  "completed",
+  "skipped"
+]);
+var TERMINAL_EXECUTION_GROUP_STATUSES = /* @__PURE__ */ new Set([
+  "completed",
+  "failed",
+  "skipped"
+]);
+var uniqueGroupsForOrderAndKind = ({
+  kind,
+  orderId,
+  steps
+}) => {
+  var _a;
+  const groups = /* @__PURE__ */ new Map();
+  for (const step of steps) {
+    if (step.kind !== kind || !((_a = step.orderIds) == null ? void 0 : _a.includes(orderId)) || groups.has(step.groupId))
+      continue;
+    groups.set(step.groupId, step);
+  }
+  return Array.from(groups.values());
+};
+var calculateExecutionProgress = ({
+  orderIds,
+  submittedOrderIds = [],
+  executionSteps = [],
+  executionOrders = [],
+  minimumProgress = 0
+}) => {
+  const resolvedOrderIds = orderIds.length > 0 ? orderIds : executionOrders.map((order) => order.orderId);
+  if (resolvedOrderIds.length === 0) return 0;
+  const submittedIds = new Set(submittedOrderIds);
+  const orderById = new Map(executionOrders.map((order) => [order.orderId, order]));
+  const hasAuthoritativeTopology = executionSteps.some(
+    (step) => {
+      var _a, _b;
+      return step.kind !== "internal" && step.kind !== "submit" && ((_b = (_a = step.orderIds) == null ? void 0 : _a.length) != null ? _b : 0) > 0;
+    }
+  );
+  let progress = 0;
+  for (const orderId of resolvedOrderIds) {
+    const order = orderById.get(orderId);
+    const isOrderTerminal = (order == null ? void 0 : order.event) !== null && (order == null ? void 0 : order.event) !== void 0;
+    const contributionScale = 1 / resolvedOrderIds.length;
+    const submitGroups = uniqueGroupsForOrderAndKind({
+      kind: "submit",
+      orderId,
+      steps: executionSteps
+    });
+    const setupGroups = uniqueGroupsForOrderAndKind({
+      kind: "setup",
+      orderId,
+      steps: executionSteps
+    });
+    const bridgeGroups = uniqueGroupsForOrderAndKind({
+      kind: "bridge",
+      orderId,
+      steps: executionSteps
+    });
+    const fillGroups = uniqueGroupsForOrderAndKind({
+      kind: "fill",
+      orderId,
+      steps: executionSteps
+    });
+    const submissionComplete = isOrderTerminal || submittedIds.has(orderId) || submitGroups.some((step) => COMPLETED_MILESTONE_GROUP_STATUSES.has(step.groupStatus));
+    const fundingComplete = isOrderTerminal || hasAuthoritativeTopology && (setupGroups.length === 0 || setupGroups.every((step) => COMPLETED_MILESTONE_GROUP_STATUSES.has(step.groupStatus)));
+    const bridgingComplete = isOrderTerminal || hasAuthoritativeTopology && (bridgeGroups.length === 0 || bridgeGroups.every((step) => COMPLETED_MILESTONE_GROUP_STATUSES.has(step.groupStatus)));
+    const executionComplete = isOrderTerminal || fillGroups.length > 0 && fillGroups.every((step) => TERMINAL_EXECUTION_GROUP_STATUSES.has(step.groupStatus));
+    if (submissionComplete) progress += EXECUTION_MILESTONE_WEIGHTS.submit * contributionScale;
+    if (fundingComplete) progress += EXECUTION_MILESTONE_WEIGHTS.setup * contributionScale;
+    if (bridgingComplete) progress += EXECUTION_MILESTONE_WEIGHTS.bridge * contributionScale;
+    if (executionComplete) progress += EXECUTION_MILESTONE_WEIGHTS.fill * contributionScale;
+  }
+  return Math.min(100, Math.max(0, minimumProgress, Math.round(progress)));
 };
 
 // src/trading/place-order/index.place-order.execution-view.tsx
@@ -10252,6 +10384,28 @@ var ExecutionStepIndicator = ({
       }
     ) });
   }
+  if (step.status === "failed") {
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+      Icon,
+      {
+        name: "error-filled",
+        size: "xs",
+        className: "h-3 w-3 shrink-0 text-agg-error",
+        "aria-hidden": "true"
+      }
+    );
+  }
+  if (step.status === "warning") {
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+      Icon,
+      {
+        name: "warning-filled",
+        size: "xs",
+        className: "h-3 w-3 shrink-0 text-agg-warning",
+        "aria-hidden": "true"
+      }
+    );
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     "span",
     {
@@ -10315,10 +10469,9 @@ var PlaceOrderExecutionView = ({
   eventImage,
   eventTitle,
   groups,
-  labels
+  labels,
+  progress
 }) => {
-  const steps = groups.flatMap((group) => group.steps);
-  const completedStepCount = steps.filter((step) => step.status === "done").length;
   return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     Card,
     {
@@ -10339,30 +10492,18 @@ var PlaceOrderExecutionView = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn("flex flex-col gap-5", classNames == null ? void 0 : classNames.content), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.executingOrder }),
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("p", { className: "shrink-0 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
+              progress,
+              "%"
+            ] }),
             /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-              "div",
+              "progress",
               {
-                role: "progressbar",
                 "aria-label": labels.executingOrder,
-                "aria-valuemin": 0,
-                "aria-valuemax": steps.length,
-                "aria-valuenow": completedStepCount,
-                className: "flex h-1 w-full gap-0.5",
-                children: steps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                  "span",
-                  {
-                    "data-testid": "execution-progress-segment",
-                    className: cn(
-                      "h-1 min-w-0 flex-1 rounded-agg-full",
-                      step.status === "done" ? "bg-agg-primary" : "bg-agg-separator"
-                    ),
-                    "aria-hidden": "true",
-                    "data-status": step.status
-                  },
-                  step.id
-                ))
+                className: "h-1 min-w-0 flex-1 overflow-hidden rounded-agg-full bg-agg-separator text-agg-primary accent-agg-primary [&::-moz-progress-bar]:bg-agg-primary [&::-webkit-progress-bar]:bg-agg-separator [&::-webkit-progress-value]:bg-agg-primary",
+                max: 100,
+                value: progress
               }
             )
           ] }),
@@ -10425,7 +10566,7 @@ var PlaceOrderFailureView = ({
   onDone,
   onSkip
 }) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e;
   const shouldShowPartialFailureLayout = summary.kind === "partial_fill";
   const failureStepGroups = shouldShowPartialFailureLayout ? groupPlaceOrderFailureSteps(summary.steps) : [];
   if (shouldShowPartialFailureLayout) {
@@ -10444,14 +10585,42 @@ var PlaceOrderFailureView = ({
         ] }),
         summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex flex-col gap-4", children: ((_b = summary.executionGroups) == null ? void 0 : _b.length) ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+        PlaceOrderExecutionGroups,
+        {
+          enableAnimations: false,
+          groups: summary.executionGroups,
+          labels: tradingLabels
+        }
+      ) : failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
+      summary.errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+        InlineAlert,
+        {
+          tone: "error",
+          variant: "surface",
+          message: tradingLabels.orderFailureDescription(summary.errorMessage)
+        }
+      ) : null,
+      summary.result ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex min-w-0 flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.orderPartiallyFilled }),
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: tradingLabels.orderAveragePrice(summary.result.averagePriceLabel) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "shrink-0 text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: summary.result.filledAmountLabel })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.orderPayout }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "shrink-0 text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: summary.result.payoutLabel })
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex flex-col gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
         Button,
         {
-          variant: "tertiary",
+          variant: action.variant === "retry" ? "primary" : "secondary",
           size: "medium",
           "aria-label": action.label,
-          className: "text-agg-sm! leading-agg-5! text-agg-primary!",
+          className: "w-full",
           onClick: resolveFailureActionHandler({ action, onDone, onRetry, onSkip }),
           children: action.label
         },
@@ -10465,7 +10634,7 @@ var PlaceOrderFailureView = ({
         /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           RemoteImage,
           {
-            src: (_b = summary.eventImage) != null ? _b : null,
+            src: (_c = summary.eventImage) != null ? _c : null,
             alt: "",
             className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
           }
@@ -10474,21 +10643,29 @@ var PlaceOrderFailureView = ({
       ] }),
       summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
     ] }),
+    ((_d = summary.executionGroups) == null ? void 0 : _d.length) ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+      PlaceOrderExecutionGroups,
+      {
+        enableAnimations: false,
+        groups: summary.executionGroups,
+        labels: tradingLabels
+      }
+    ) : null,
     /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       InlineAlert,
       {
         tone: "error",
         variant: "surface",
         title: tradingLabels.orderFailureTitle,
-        message: tradingLabels.orderFailureDescription((_c = summary.errorMessage) != null ? _c : "")
+        message: tradingLabels.orderFailureDescription((_e = summary.errorMessage) != null ? _e : "")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-order-failure-actions flex items-center gap-3", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-order-failure-actions flex flex-col gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       Button,
       {
         variant: action.variant === "retry" ? "primary" : "secondary",
         size: "medium",
-        className: "flex-1",
+        className: "w-full",
         "aria-label": action.label,
         onClick: resolveFailureActionHandler({ action, onDone, onRetry, onSkip }),
         children: action.label
@@ -10512,7 +10689,7 @@ var PlaceOrderSuccessView = ({
   onDone,
   onShare: _onShare
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e;
   const resolvedTradeSide = (_a = summary.tradeSide) != null ? _a : "buy";
   const resolvedAmountLabel = (_b = summary.amountLabel) != null ? _b : resolvedTradeSide === "sell" ? summary.shares : summary.estimatedCost;
   const resolvedPayoutLabel = (_c = summary.toWinLabel) != null ? _c : resolvedTradeSide === "sell" ? summary.estimatedCost : resolveBuyPayoutLabel(summary.shares);
@@ -10565,15 +10742,11 @@ var PlaceOrderSuccessView = ({
           },
           step.id
         )) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "agg-order-success-pill flex h-11 w-full items-center justify-center gap-2 rounded-agg-full bg-agg-success px-6 py-2.5 text-center text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon, { name: "success-check", size: "xs", className: "h-3 w-3 shrink-0 text-current" }),
-          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { children: (_f = summary.actionLabel) != null ? _f : tradingLabels.orderSuccessTitle })
-        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "agg-order-success-summary flex flex-col gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
             /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "flex min-w-0 flex-col", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: summary.requestedAmountLabel ? resolvedTradeSide === "buy" ? tradingLabels.orderAmountFilled : tradingLabels.amount(resolvedTradeSide) : tradingLabels.amount(resolvedTradeSide) }),
-              summary.requestedAmountLabel ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: tradingLabels.orderAmountFilledOf(summary.requestedAmountLabel) }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: summary.resultState === "partial" ? tradingLabels.orderPartiallyFilled : tradingLabels.orderFullyFilled }),
+              /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-muted-foreground", children: tradingLabels.orderAveragePrice(summary.avgPrice) })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("p", { className: "shrink-0 text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
           ] }),
@@ -10991,13 +11164,14 @@ var PlaceOrderResolvedView = ({
   resolutionTimestamp,
   resolvedClaim,
   className,
-  isSportsEvent = false
+  isSportsEvent = false,
+  showResolvingState = false
 }) => {
   var _a, _b;
   const labels = (0, import_hooks38.useLabels)();
   const tradingLabels = labels.trading;
   const resolvingTimestamp = (_a = resolutionTimestamp != null ? resolutionTimestamp : tradingState.resolvesAt) != null ? _a : tradingState.endsAt;
-  const isResolvingMarket = false;
+  const isResolvingMarket = showResolvingState && !tradingState.winningOutcome;
   const resolvingSubtitle = tradingState.market ? (() => {
     const endDateLabel = isSportsEvent ? formatSportsEventTimeEt(resolvingTimestamp != null ? resolvingTimestamp : "") : getTradingDateLabel(resolvingTimestamp != null ? resolvingTimestamp : "");
     return endDateLabel ? `${tradingState.market.question} \xB7 ${endDateLabel}` : tradingState.market.question;
@@ -11277,6 +11451,7 @@ var PlaceOrder = ({
   onError,
   onExecutionStateChange,
   resolvedClaim,
+  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, _da, _ea, _fa, _ga, _ha;
@@ -11340,7 +11515,7 @@ var PlaceOrder = ({
   const resolvedReadOnlyTradingState = (0, import_react15.useMemo)(() => {
     return (0, import_hooks38.resolveMarketTradingState)(resolvedReadOnlyMarket);
   }, [resolvedReadOnlyMarket]);
-  const isEndedWithoutKnownWinner = false;
+  const isEndedWithoutKnownWinner = showResolvingState && !resolvedEventTradingState.winningOutcome && !resolvedReadOnlyTradingState.winningOutcome;
   const orderEligibility = (0, import_react15.useMemo)(
     () => (0, import_hooks38.resolveOrderEligibility)({
       event: scopedSelectedEvent,
@@ -11976,6 +12151,10 @@ var PlaceOrder = ({
     mode: isPaperMode ? "paper" : void 0,
     enabled: ((submissionProgressState == null ? void 0 : submissionProgressState.phase) === "submitting" || (submissionProgressState == null ? void 0 : submissionProgressState.phase) === "executing") && !!((_N = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) == null ? void 0 : _N.length)
   });
+  const executionProgressFloorRef = (0, import_react15.useRef)({
+    quoteId: null,
+    value: 0
+  });
   const selectedOutcomeLabel = (_Q = (_P = (_O = outcomes.find((outcome) => outcome.id === scopedSelectedOutcomeId)) == null ? void 0 : _O.label) != null ? _P : scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.label) != null ? _Q : "";
   const headerImage = (_S = (_R = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.image) != null ? _R : scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.image) != null ? _S : null;
   const headerTitle = (_U = (_T = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title) != null ? _T : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _U : "";
@@ -12006,6 +12185,26 @@ var PlaceOrder = ({
     (_Z = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) == null ? void 0 : _Z.length,
     tradingLabels
   ]);
+  const executionProgressPercent = (0, import_react15.useMemo)(() => {
+    var _a2, _b2, _c2;
+    const quoteId = (_a2 = submissionProgressState == null ? void 0 : submissionProgressState.quoteId) != null ? _a2 : null;
+    const previousProgress = executionProgressFloorRef.current.quoteId === quoteId ? executionProgressFloorRef.current.value : 0;
+    const nextProgress = calculateExecutionProgress({
+      orderIds: (_b2 = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _b2 : [],
+      submittedOrderIds: executionProgress.submittedOrders.map((order) => order.orderId),
+      executionSteps: executionProgress.executionSteps,
+      executionOrders: (_c2 = executionProgress.executionOrders) != null ? _c2 : [],
+      minimumProgress: previousProgress
+    });
+    executionProgressFloorRef.current = { quoteId, value: nextProgress };
+    return nextProgress;
+  }, [
+    executionProgress.executionOrders,
+    executionProgress.executionSteps,
+    executionProgress.submittedOrders,
+    submissionProgressState == null ? void 0 : submissionProgressState.orderIds,
+    submissionProgressState == null ? void 0 : submissionProgressState.quoteId
+  ]);
   const buildExecutionSummary = (0, import_react15.useCallback)(
     (quoteData, executionVenue, orderId, partialFillSummary) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2;
@@ -12034,6 +12233,7 @@ var PlaceOrder = ({
       const eventTitle = (_f2 = (_e2 = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title) != null ? _e2 : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _f2 : "";
       const eventDateSource = (_g2 = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.endDate) != null ? _g2 : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.endDate;
       return {
+        resultState: partialFillSummary ? "partial" : "success",
         tradeSide: internalTab,
         shares: sharesLabel,
         avgPrice: avgPriceLabel,
@@ -12374,31 +12574,30 @@ var PlaceOrder = ({
     });
   }, [isSell, orderedRouteCards.length, smartRoute.error, tradingLabels, venueSellQuotes.error]);
   const progressActionLabel = (internalTab === "buy" ? tradingLabels.buyingOutcome(selectedOutcomeLabel) : tradingLabels.sellingOutcome(selectedOutcomeLabel)).trim();
-  const canRetryRemaining = (0, import_react15.useMemo)(() => {
-    const remaining = getPlaceOrderUnfilledRemaining({
+  const retryRemainingAmount = (0, import_react15.useMemo)(() => {
+    return getCanonicalPlaceOrderUnfilledRemaining({
       originalAmount: internalAmount,
       tradeSide: internalTab,
       terminalOrderEvents: executionProgress.terminalOrderEvents
     });
+  }, [executionProgress.terminalOrderEvents, internalAmount, internalTab]);
+  const canRetryRemaining = (0, import_react15.useMemo)(() => {
+    if (retryRemainingAmount == null) return false;
     const minRemainder = isSell ? MIN_SELL_ORDER_SHARES : MIN_BUY_ORDER_AMOUNT;
-    return remaining >= minRemainder;
-  }, [executionProgress.terminalOrderEvents, internalAmount, internalTab, isSell]);
+    return retryRemainingAmount >= minRemainder;
+  }, [isSell, retryRemainingAmount]);
   const PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD = 0.95;
   const shouldAutoSkipPartialFill = (0, import_react15.useMemo)(() => {
-    if (internalAmount <= 0) return false;
-    const remaining = getPlaceOrderUnfilledRemaining({
-      originalAmount: internalAmount,
-      tradeSide: internalTab,
-      terminalOrderEvents: executionProgress.terminalOrderEvents
-    });
-    const filled = Math.max(0, internalAmount - remaining);
+    if (internalAmount <= 0 || retryRemainingAmount == null) return false;
+    const filled = Math.max(0, internalAmount - retryRemainingAmount);
     const fillRatio = filled / internalAmount;
     return fillRatio >= PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD || !canRetryRemaining;
-  }, [canRetryRemaining, executionProgress.terminalOrderEvents, internalAmount, internalTab]);
+  }, [canRetryRemaining, internalAmount, retryRemainingAmount]);
   const failureSummary = (0, import_react15.useMemo)(() => {
     var _a2;
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return void 0;
-    return buildPlaceOrderFailureSummary({
+    const quoteData = (_a2 = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _a2 : activeQuoteData;
+    const baseSummary = buildPlaceOrderFailureSummary({
       actionLabel: progressActionLabel,
       canRetryRemaining,
       errorMessage: submissionProgressState.errorMessage,
@@ -12407,19 +12606,53 @@ var PlaceOrder = ({
       eventTitle: headerTitle || tradingLabels.orderFailureTitle,
       labels: tradingLabels,
       orderId: submissionProgressState.orderId,
-      quoteData: (_a2 = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _a2 : activeQuoteData,
+      quoteData,
       submittedOrders: executionProgress.submittedOrders,
       terminalOrderEvents: executionProgress.terminalOrderEvents
     });
+    const summaryWithGroups = __spreadValues(__spreadValues({}, baseSummary), executionOrderGroups.length > 0 ? { executionGroups: executionOrderGroups } : {});
+    if (baseSummary.kind !== "partial_fill") return summaryWithGroups;
+    const actualEconomics = resolveActualExecutionEconomics({
+      quoteData,
+      tradeSide: internalTab,
+      terminalOrderEvents: executionProgress.terminalOrderEvents,
+      submittedOrders: executionProgress.submittedOrders
+    });
+    if (!actualEconomics.hasActualFillData) return summaryWithGroups;
+    if (retryRemainingAmount == null) return summaryWithGroups;
+    const remaining = retryRemainingAmount;
+    const remainingLabel = isSell ? tradingLabels.executionShares(
+      remaining.toLocaleString("en-US", { maximumFractionDigits: 2 })
+    ) : formatUsd(remaining);
+    const filledAmountLabel = isSell ? tradingLabels.executionShares(
+      actualEconomics.actualTotalFilled.toLocaleString("en-US", {
+        maximumFractionDigits: 2
+      })
+    ) : formatUsd(actualEconomics.actualRawExecCost);
+    const payoutLabel = isSell ? formatUsd(actualEconomics.actualRawExecCost) : formatUsd(actualEconomics.actualTotalFilled);
+    return __spreadProps(__spreadValues({}, summaryWithGroups), {
+      actions: summaryWithGroups.actions.map(
+        (action) => action.variant === "retry" ? __spreadProps(__spreadValues({}, action), { label: tradingLabels.orderTryRemaining(remainingLabel) }) : action
+      ),
+      result: {
+        averagePriceLabel: getTradingRoutePriceLabel(actualEconomics.avgExecutionPrice),
+        filledAmountLabel,
+        payoutLabel
+      }
+    });
   }, [
     activeQuoteData,
     canRetryRemaining,
+    executionOrderGroups,
     executionProgress.submittedOrders,
     executionProgress.terminalOrderEvents,
     headerImage,
     headerSubtitle,
     headerTitle,
+    internalTab,
+    isSell,
     progressActionLabel,
+    retryRemainingAmount,
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData,
     submissionProgressState,
     tradingLabels
@@ -12943,7 +13176,7 @@ var PlaceOrder = ({
     if (!shouldAutoSkipPartialFill) return;
     handleSkipToSuccess();
   }, [
-    failureSummary == null ? void 0 : failureSummary.kind,
+    failureSummary,
     handleSkipToSuccess,
     shouldAutoSkipPartialFill,
     submissionProgressState == null ? void 0 : submissionProgressState.phase
@@ -12957,12 +13190,8 @@ var PlaceOrder = ({
     setSubmissionFeedback(null);
     let retryAmount = internalAmount;
     let useRemainderRoute = false;
-    if ((failureSummary == null ? void 0 : failureSummary.kind) === "partial_fill" && internalAmount > 0) {
-      const remaining = getPlaceOrderUnfilledRemaining({
-        originalAmount: internalAmount,
-        tradeSide: internalTab,
-        terminalOrderEvents: executionProgress.terminalOrderEvents
-      });
+    if ((failureSummary == null ? void 0 : failureSummary.kind) === "partial_fill" && internalAmount > 0 && retryRemainingAmount != null) {
+      const remaining = retryRemainingAmount;
       if (remaining > 0) {
         retryAmount = remaining;
         useRemainderRoute = true;
@@ -13082,8 +13311,7 @@ var PlaceOrder = ({
   }), [
     aggClient,
     chainBalancesOverride,
-    executionProgress.terminalOrderEvents,
-    failureSummary == null ? void 0 : failureSummary.kind,
+    failureSummary,
     handleExecuteQuote,
     handleReturnToOrderForm,
     internalAmount,
@@ -13093,6 +13321,7 @@ var PlaceOrder = ({
     onAmountChange,
     orderEligibility.canPlaceOrder,
     orderedRouteCards,
+    retryRemainingAmount,
     scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets,
     scopedSelectedOutcomeId,
     selectedRouteCardId,
@@ -13148,7 +13377,8 @@ var PlaceOrder = ({
         eventImage: headerImage,
         eventTitle: headerTitle,
         groups: executionOrderGroups,
-        labels: tradingLabels
+        labels: tradingLabels,
+        progress: executionProgressPercent
       }
     );
   }
@@ -13363,7 +13593,8 @@ var PlaceOrder = ({
         resolvedClaim,
         classNames,
         className,
-        isSportsEvent: (scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.structureType) === "sport" && !!(scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.sport) && scopedSelectedEvent.sport !== "other_sport"
+        isSportsEvent: (scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.structureType) === "sport" && !!(scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.sport) && scopedSelectedEvent.sport !== "other_sport",
+        showResolvingState
       }
     );
   }
@@ -14432,7 +14663,7 @@ function useResolvedMarketClaim(options = {}) {
         });
       } : void 0
     };
-  }, [claimWinnings, marketId, positions, shouldFetch]);
+  }, [claimWinnings, market, marketId, positions, shouldFetch]);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {