@agg-build/ui 1.0.1 → 1.0.2

package/dist/{chunk-LPNZOX3E.mjs → chunk-XDZLCWUZ.mjs}

@@ -1,11 +1,16 @@
 "use client";
 import {
+  Settlement,
   formatProbabilityCents,
+  getTradingDateLabel,
+  getTradingPriceLabel,
+  getTradingValueLabel,
+  getTradingVenueLabel,
   resolveOrderEligibilityMessage
-} from "./chunk-HD6HBTK2.mjs";
+} from "./chunk-PEVG67XU.mjs";
 import {
   GeoBlockBanner
-} from "./chunk-43K4PFBC.mjs";
+} from "./chunk-YSCHNVBZ.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -16,6 +21,7 @@ import {
   InlineAlert,
   LoadingIcon,
   Modal,
+  PlaceOrderRouteCardSkeleton,
   RemoteImage,
   Skeleton,
   SuccessCheckIcon,
@@ -30,7 +36,7 @@ import {
   getMotionClassName,
   normalizeVenueMarketCluster,
   skeletonViews
-} from "./chunk-YZNO6IUD.mjs";
+} from "./chunk-TLGQ4LID.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -38,444 +44,32 @@ var isVenue = enumGuard(Venue);
 var parseVenue = (v) => safeParse(v, isVenue);
 var parseAmount = (v) => safeParse(v, isFiniteNonNeg);
 
-// src/trading/utils.ts
-import { resolveAggUiLabels } from "@agg-build/hooks";
-import dayjs from "dayjs";
-var defaultLabels = resolveAggUiLabels("en-US");
-var defaultSettlementSectionLabel = defaultLabels.trading.settlementSection;
-var defaultSettlementDifferencesTitle = defaultLabels.trading.settlementDifferencesTitle;
-var defaultTradingDisclaimer = defaultLabels.trading.disclaimer;
-var getTradingDateLabel = (value) => {
-  const parsedValue = dayjs(value);
-  if (!parsedValue.isValid()) {
-    return typeof value === "string" ? value : "";
-  }
-  return parsedValue.format("MMM D, YYYY");
-};
-var getTradingVenueLabel = (venue, label) => {
-  var _a;
-  if (label) return label;
-  if (!venue) return "Unknown";
-  return (_a = defaultLabels.venues[venue]) != null ? _a : venue;
-};
-var getTradingValueLabel = ({
-  amount,
-  minimumFractionDigits = 0,
-  maximumFractionDigits = 2
-}) => {
-  return amount.toLocaleString("en-US", {
-    style: "currency",
-    currency: "USD",
-    minimumFractionDigits,
-    maximumFractionDigits
-  });
-};
-var getTradingPriceLabel = (value) => {
-  return `${Math.round(value * 100)}\xA2`;
-};
-var getTradingAveragePriceLabel = (value) => {
-  return defaultLabels.trading.averagePrice(value);
-};
-var getTradingBalanceLabel = (value) => {
-  return defaultLabels.trading.balance(formatUsd(value));
-};
-var getTradingSharesLabel = (value) => {
-  return defaultLabels.trading.shares(value);
-};
-var getTradingSlippageLabel = (value) => {
-  return defaultLabels.trading.slippage(value);
-};
-
-// src/trading/settlement/index.tsx
-import { useLabels, useSdkUiConfig } from "@agg-build/hooks";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var getSettlementHeaderClassName = () => {
-  return "flex items-center justify-between gap-4";
-};
-var Settlement = ({
-  sectionLabel = defaultSettlementSectionLabel,
-  question,
-  differencesTitle = defaultSettlementDifferencesTitle,
-  differences = [],
-  venues,
-  expandedVenue,
-  isLoading = false,
-  onExpandedVenueChange,
-  onShowMore,
-  className
-}) => {
-  var _a, _b;
-  const labels = useLabels();
-  const {
-    features: { enableAnimations }
-  } = useSdkUiConfig();
-  const [internalExpandedVenue, setInternalExpandedVenue] = useState(
-    (_b = (_a = venues[0]) == null ? void 0 : _a.venue) != null ? _b : null
-  );
-  const [expandedDescriptionByVenue, setExpandedDescriptionByVenue] = useState({});
-  const [overflowingDescriptionByVenue, setOverflowingDescriptionByVenue] = useState({});
-  const [collapsedDescriptionByVenue, setCollapsedDescriptionByVenue] = useState({});
-  const descriptionWrapperRefs = useRef(/* @__PURE__ */ new Map());
-  const descriptionMeasureRefs = useRef(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    if (expandedVenue === void 0) return;
-    setInternalExpandedVenue(expandedVenue);
-  }, [expandedVenue]);
-  const resolvedExpandedVenue = expandedVenue === void 0 ? internalExpandedVenue : expandedVenue;
-  const handleVenueClick = (venue) => {
-    const nextVenue = resolvedExpandedVenue === venue ? null : venue;
-    if (expandedVenue === void 0) {
-      setInternalExpandedVenue(nextVenue);
-    }
-    onExpandedVenueChange == null ? void 0 : onExpandedVenueChange(nextVenue);
-  };
-  const handleDescriptionWrapperRef = useCallback(
-    (venue, element) => {
-      if (!element) {
-        descriptionWrapperRefs.current.delete(venue);
-        return;
-      }
-      descriptionWrapperRefs.current.set(venue, element);
-    },
-    []
-  );
-  const handleDescriptionMeasureRef = useCallback(
-    (venue, element) => {
-      if (!element) {
-        descriptionMeasureRefs.current.delete(venue);
-        return;
-      }
-      descriptionMeasureRefs.current.set(venue, element);
-    },
-    []
-  );
-  const updateDescriptionLayout = useCallback(
-    (venue, description, showMoreLabel) => {
-      const descriptionWrapperElement = descriptionWrapperRefs.current.get(venue);
-      const descriptionMeasureElement = descriptionMeasureRefs.current.get(venue);
-      if (!descriptionWrapperElement || !descriptionMeasureElement) return;
-      const wrapperWidth = descriptionWrapperElement.clientWidth;
-      if (wrapperWidth <= 0) return;
-      const computedStyles = window.getComputedStyle(descriptionWrapperElement);
-      const parsedLineHeight = Number.parseFloat(computedStyles.lineHeight);
-      const lineHeight = Number.isFinite(parsedLineHeight) ? parsedLineHeight : 20;
-      const maxHeight = lineHeight * 2 + 1;
-      descriptionMeasureElement.style.width = `${wrapperWidth}px`;
-      const getHeight = (value) => {
-        descriptionMeasureElement.textContent = value;
-        return descriptionMeasureElement.scrollHeight;
-      };
-      const fullHeight = getHeight(description);
-      if (fullHeight <= maxHeight) {
-        setOverflowingDescriptionByVenue((currentState) => {
-          if (currentState[venue] === false) return currentState;
-          return __spreadProps(__spreadValues({}, currentState), {
-            [venue]: false
-          });
-        });
-        setCollapsedDescriptionByVenue((currentState) => {
-          if (currentState[venue] === description) return currentState;
-          return __spreadProps(__spreadValues({}, currentState), {
-            [venue]: description
-          });
-        });
-        return;
-      }
-      const suffix = `... ${showMoreLabel}`;
-      let left = 0;
-      let right = description.length;
-      let bestLength = 0;
-      while (left <= right) {
-        const middle = Math.floor((left + right) / 2);
-        const candidate = description.slice(0, middle).trimEnd();
-        const candidateHeight = getHeight(`${candidate}${suffix}`);
-        if (candidateHeight <= maxHeight) {
-          bestLength = middle;
-          left = middle + 1;
-          continue;
-        }
-        right = middle - 1;
-      }
-      const collapsedDescription = description.slice(0, bestLength).trimEnd();
-      setOverflowingDescriptionByVenue((currentState) => {
-        if (currentState[venue] === true) return currentState;
-        return __spreadProps(__spreadValues({}, currentState), {
-          [venue]: true
-        });
-      });
-      setCollapsedDescriptionByVenue((currentState) => {
-        if (currentState[venue] === collapsedDescription) return currentState;
-        return __spreadProps(__spreadValues({}, currentState), {
-          [venue]: collapsedDescription
-        });
-      });
-    },
-    []
-  );
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    if (!resolvedExpandedVenue) return;
-    if (expandedDescriptionByVenue[resolvedExpandedVenue]) return;
-    const expandedVenueItem = venues.find((venueItem) => venueItem.venue === resolvedExpandedVenue);
-    if (!expandedVenueItem) return;
-    const frameId = window.requestAnimationFrame(() => {
-      var _a2;
-      updateDescriptionLayout(
-        resolvedExpandedVenue,
-        expandedVenueItem.description,
-        (_a2 = expandedVenueItem.showMoreLabel) != null ? _a2 : "Show more"
-      );
-    });
-    return () => {
-      window.cancelAnimationFrame(frameId);
-    };
-  }, [expandedDescriptionByVenue, resolvedExpandedVenue, updateDescriptionLayout, venues]);
-  useEffect(() => {
-    if (!resolvedExpandedVenue) return;
-    if (expandedDescriptionByVenue[resolvedExpandedVenue]) return;
-    if (typeof ResizeObserver === "undefined") return;
-    const expandedVenueItem = venues.find((venueItem) => venueItem.venue === resolvedExpandedVenue);
-    if (!expandedVenueItem) return;
-    const descriptionWrapperElement = descriptionWrapperRefs.current.get(resolvedExpandedVenue);
-    if (!descriptionWrapperElement) return;
-    const resizeObserver = new ResizeObserver(() => {
-      var _a2;
-      updateDescriptionLayout(
-        resolvedExpandedVenue,
-        expandedVenueItem.description,
-        (_a2 = expandedVenueItem.showMoreLabel) != null ? _a2 : "Show more"
-      );
-    });
-    resizeObserver.observe(descriptionWrapperElement);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [expandedDescriptionByVenue, resolvedExpandedVenue, updateDescriptionLayout, venues]);
-  const handleDescriptionShowMoreClick = (event, venue) => {
-    event == null ? void 0 : event.stopPropagation();
-    setExpandedDescriptionByVenue((currentState) => {
-      if (currentState[venue]) return currentState;
-      return __spreadProps(__spreadValues({}, currentState), {
-        [venue]: true
-      });
-    });
-    onShowMore == null ? void 0 : onShowMore(venue);
-  };
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        ariaLabel: labels.trading.settlementLoading,
-        className,
-        view: skeletonViews.settlement
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      className: cn(
-        "group/agg-settlement-card",
-        "flex flex-col w-full gap-5 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 shadow-none hover:shadow-none",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: cn("agg-settlement-header", getSettlementHeaderClassName()), children: [
-          /* @__PURE__ */ jsx("p", { className: "text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground", children: sectionLabel === defaultSettlementSectionLabel ? labels.trading.settlementSection : sectionLabel }),
-          question ? /* @__PURE__ */ jsx("p", { className: "agg-settlement-question text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: question }) : null
-        ] }),
-        differences.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("div", { className: "agg-settlement-differences flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsx("p", { className: "agg-settlement-differences-title text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: differencesTitle === defaultSettlementDifferencesTitle ? labels.trading.settlementDifferencesTitle : differencesTitle }),
-            /* @__PURE__ */ jsx("ul", { className: "agg-settlement-differences-list list-disc pl-5 text-agg-sm leading-agg-5 text-agg-foreground", children: differences.map((difference) => /* @__PURE__ */ jsx("li", { children: difference }, difference)) })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-agg-separator" })
-        ] }) : null,
-        /* @__PURE__ */ jsx("div", { className: "agg-settlement-venues flex flex-col gap-3", children: venues.map((venue) => {
-          var _a2, _b2;
-          const venueLabel = getTradingVenueLabel(venue.venue, venue.label);
-          const isExpanded = resolvedExpandedVenue === venue.venue;
-          const isDescriptionExpanded = !!expandedDescriptionByVenue[venue.venue];
-          const isDescriptionOverflowing = !!overflowingDescriptionByVenue[venue.venue];
-          const shouldShowDescriptionCta = isExpanded && isDescriptionOverflowing && !isDescriptionExpanded;
-          const resolvedShowMoreLabel = (_a2 = venue.showMoreLabel) != null ? _a2 : "Show more";
-          return /* @__PURE__ */ jsxs("div", { className: "agg-settlement-venue flex flex-col", children: [
-            /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                className: cn(
-                  "agg-settlement-venue-trigger",
-                  "flex items-center gap-2 text-left",
-                  "cursor-pointer disabled:cursor-not-allowed hover:opacity-50",
-                  getMotionClassName(
-                    enableAnimations,
-                    "transition-[opacity,color] duration-200 ease-in-out"
-                  )
-                ),
-                "aria-expanded": isExpanded,
-                "aria-label": labels.trading.settlementDetailsAria(venueLabel),
-                onClick: (e) => {
-                  e.stopPropagation();
-                  e.preventDefault();
-                  handleVenueClick(venue.venue);
-                },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    VenueLogo,
-                    {
-                      venue: venue.venue,
-                      size: "small",
-                      ariaLabel: venueLabel
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: cn(
-                        "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground",
-                        "text-agg-foreground"
-                      ),
-                      children: venueLabel
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Icon,
-                    {
-                      name: isExpanded ? "chevron-up" : "chevron-down",
-                      size: "small",
-                      className: "text-agg-foreground",
-                      color: "currentColor"
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                "aria-hidden": !isExpanded,
-                className: cn(
-                  "grid overflow-hidden",
-                  isExpanded ? "mt-2 grid-rows-[1fr] opacity-100" : "mt-0 grid-rows-[0fr] opacity-0",
-                  !isExpanded && "pointer-events-none",
-                  getMotionClassName(
-                    enableAnimations,
-                    "transition-[grid-template-rows,opacity,margin-top] duration-300 ease-in-out"
-                  )
-                ),
-                children: /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    ref: (element) => handleDescriptionWrapperRef(venue.venue, element),
-                    className: "agg-settlement-venue-content relative min-h-0",
-                    children: [
-                      /* @__PURE__ */ jsxs("p", { className: "agg-settlement-venue-description min-h-0 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                        isDescriptionExpanded || !isDescriptionOverflowing ? venue.description : (_b2 = collapsedDescriptionByVenue[venue.venue]) != null ? _b2 : venue.description,
-                        shouldShowDescriptionCta ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                          "... ",
-                          /* @__PURE__ */ jsx(
-                            "button",
-                            {
-                              type: "button",
-                              tabIndex: isExpanded ? 0 : -1,
-                              className: cn(
-                                "agg-settlement-venue-action",
-                                "cursor-pointer disabled:cursor-not-allowed",
-                                "text-agg-sm leading-agg-5 text-agg-foreground underline-offset-2 hover:underline hover:font-agg-bold",
-                                getMotionClassName(
-                                  enableAnimations,
-                                  "transition-[text-decoration] duration-200 ease-in-out"
-                                )
-                              ),
-                              "aria-label": labels.trading.settlementShowMoreAria(
-                                resolvedShowMoreLabel,
-                                venueLabel
-                              ),
-                              onClick: (event) => handleDescriptionShowMoreClick(event, venue.venue),
-                              children: resolvedShowMoreLabel
-                            }
-                          )
-                        ] }) : null
-                      ] }),
-                      /* @__PURE__ */ jsx(
-                        "p",
-                        {
-                          ref: (element) => handleDescriptionMeasureRef(venue.venue, element),
-                          "aria-hidden": true,
-                          className: "pointer-events-none invisible fixed top-0 left-0 -z-10 whitespace-normal text-agg-sm leading-agg-5"
-                        }
-                      )
-                    ]
-                  }
-                )
-              }
-            )
-          ] }, venue.venue);
-        }) })
-      ]
-    }
-  );
-};
-Settlement.displayName = "Settlement";
-
 // src/trading/settlement/settlement-details.tsx
-import { useEventTradingContext, useLabels as useLabels2 } from "@agg-build/hooks";
-import { useMemo } from "react";
-
-// src/trading/settlement/settlement-details.utils.ts
-var SETTLEMENT_FIELD_KEYS = ["description", "rulesPrimary", "rulesSecondary"];
-var FIELD_TO_LABEL_KEY = {
-  description: "settlementDescriptionLabel",
-  rulesPrimary: "settlementRulesPrimaryLabel",
-  rulesSecondary: "settlementRulesSecondaryLabel"
+import { useEventTradingContext } from "@agg-build/hooks";
+import { jsx } from "react/jsx-runtime";
+var hasContent = (value) => {
+  return typeof value === "string" && value.trim().length > 0;
 };
-function mapVenueMarketsToSettlementSections(venueMarkets, labels, selectedMarketId) {
-  return SETTLEMENT_FIELD_KEYS.reduce((sections, fieldKey) => {
-    const venues = venueMarkets.filter((market) => {
-      const value = market[fieldKey];
-      return typeof value === "string" && value.trim().length > 0;
-    }).map(
-      (market) => market.id === selectedMarketId ? {
-        marketId: market.id,
-        venue: market.venue,
-        description: market[fieldKey]
-      } : null
-    ).filter((venue) => venue !== null);
-    if (venues.length > 0) {
-      sections.push({
-        key: fieldKey,
-        label: labels.trading[FIELD_TO_LABEL_KEY[fieldKey]],
-        venues
-      });
-    }
-    return sections;
-  }, []);
-}
-
-// src/trading/settlement/settlement-details.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
 var SettlementDetails = ({ className }) => {
   var _a, _b, _c, _d, _e, _f;
-  const labels = useLabels2();
   const tradingContext = useEventTradingContext();
-  const sections = useMemo(() => {
-    var _a2, _b2, _c2, _d2, _e2;
-    const venueMarkets = (_b2 = (_a2 = tradingContext == null ? void 0 : tradingContext.selectedEvent) == null ? void 0 : _a2.venueMarkets) != null ? _b2 : [];
-    if (!((_c2 = tradingContext == null ? void 0 : tradingContext.selectedMarket) == null ? void 0 : _c2.id)) return [];
-    return (_e2 = mapVenueMarketsToSettlementSections(
-      venueMarkets,
-      labels,
-      (_d2 = tradingContext == null ? void 0 : tradingContext.selectedMarket) == null ? void 0 : _d2.id
-    )) != null ? _e2 : [];
-  }, [(_a = tradingContext == null ? void 0 : tradingContext.selectedEvent) == null ? void 0 : _a.venueMarkets, (_b = tradingContext == null ? void 0 : tradingContext.selectedMarket) == null ? void 0 : _b.id, labels]);
-  if (!sections.length) return null;
-  return /* @__PURE__ */ jsx2("div", { className: "agg-settlement-list flex flex-col gap-6", children: /* @__PURE__ */ jsx2("div", { className: "agg-settlement-list-item", children: /* @__PURE__ */ jsx2(
+  const selectedEvent = (_a = tradingContext == null ? void 0 : tradingContext.selectedEvent) != null ? _a : null;
+  const selectedMarket = (_b = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b : null;
+  if (!selectedEvent) return null;
+  if (!selectedMarket) return null;
+  const eventDescription = (_c = selectedEvent.description) != null ? _c : null;
+  const marketDescription = (_d = selectedMarket.description) != null ? _d : null;
+  const primaryRules = (_e = selectedMarket.rulesPrimary) != null ? _e : null;
+  if (!hasContent(eventDescription) && !hasContent(marketDescription) && !hasContent(primaryRules)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "agg-settlement-list flex flex-col gap-6", children: /* @__PURE__ */ jsx("div", { className: "agg-settlement-list-item", children: /* @__PURE__ */ jsx(
     Settlement,
     {
-      question: (_e = (_c = tradingContext == null ? void 0 : tradingContext.selectedMarket) == null ? void 0 : _c.question) != null ? _e : (_d = tradingContext == null ? void 0 : tradingContext.selectedEvent) == null ? void 0 : _d.title,
-      venues: (_f = sections == null ? void 0 : sections[0]) == null ? void 0 : _f.venues,
+      question: (_f = selectedMarket.question) != null ? _f : selectedEvent.title,
+      eventDescription,
+      marketDescription,
+      primaryRules,
       className
     }
   ) }) });
@@ -500,16 +94,16 @@ import {
   useExecutionPositions,
   useExecutionProgress,
   useGeoBlock,
-  useLabels as useLabels3,
+  useLabels,
   useLiveOutcomePrices,
   useMidpoints,
   useQueryClient,
-  useSdkUiConfig as useSdkUiConfig2,
+  useSdkUiConfig,
   useSmartRoute
 } from "@agg-build/hooks";
 import NumberFlow from "@number-flow/react";
 import * as Dialog from "@radix-ui/react-dialog";
-import { Fragment as Fragment2, useCallback as useCallback3, useEffect as useEffect3, useId, useMemo as useMemo3, useRef as useRef3, useState as useState4 } from "react";
+import { Fragment, useCallback as useCallback2, useEffect as useEffect2, useId, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
 
 // src/shared/deposit-modal-events.ts
 var DEPOSIT_MODAL_OPEN_EVENT = "agg-deposit:open-modal";
@@ -525,7 +119,7 @@ var requestAggWithdrawModalOpen = () => {
 
 // src/trading/use-kalshi-kyc-flow.ts
 import { useAggClient, useDepositAddresses } from "@agg-build/hooks";
-import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 var KYC_PENDING_STORAGE_KEY = "agg_kyc_pending";
 var getKycPendingState = () => {
   var _a, _b;
@@ -556,13 +150,13 @@ var useKalshiKycFlow = ({
   onError
 }) => {
   const client = useAggClient();
-  const [isVerifyModalOpen, setIsVerifyModalOpen] = useState2(false);
-  const [showSuccessModal, setShowSuccessModal] = useState2(false);
-  const [isInitiating, setIsInitiating] = useState2(false);
-  const [needsDepositAddress, setNeedsDepositAddress] = useState2(false);
-  const initiationAttemptRef = useRef2(0);
+  const [isVerifyModalOpen, setIsVerifyModalOpen] = useState(false);
+  const [showSuccessModal, setShowSuccessModal] = useState(false);
+  const [isInitiating, setIsInitiating] = useState(false);
+  const [needsDepositAddress, setNeedsDepositAddress] = useState(false);
+  const initiationAttemptRef = useRef(0);
   const { isReady, isTimedOut } = useDepositAddresses({ enabled: needsDepositAddress, poll: true });
-  const pendingState = useMemo2(
+  const pendingState = useMemo(
     () => ({
       venue: "kalshi",
       userId: userId != null ? userId : null,
@@ -570,28 +164,28 @@ var useKalshiKycFlow = ({
     }),
     [userId, walletAddress]
   );
-  const resetInitiation = useCallback2(() => {
+  const resetInitiation = useCallback(() => {
     setIsInitiating(false);
     setNeedsDepositAddress(false);
   }, []);
-  const closeVerifyModal = useCallback2(() => {
+  const closeVerifyModal = useCallback(() => {
     initiationAttemptRef.current += 1;
     clearKycPendingState();
     resetInitiation();
     setIsVerifyModalOpen(false);
   }, [resetInitiation]);
-  const closeSuccessModal = useCallback2(() => {
+  const closeSuccessModal = useCallback(() => {
     setShowSuccessModal(false);
   }, []);
-  const openVerifyModal = useCallback2(() => {
+  const openVerifyModal = useCallback(() => {
     setIsVerifyModalOpen(true);
   }, []);
-  const startVerification = useCallback2(() => {
+  const startVerification = useCallback(() => {
     initiationAttemptRef.current += 1;
     setIsInitiating(true);
     setNeedsDepositAddress(true);
   }, []);
-  useEffect2(() => {
+  useEffect(() => {
     if (!isInitiating || !isReady) return;
     const attemptId = initiationAttemptRef.current;
     const redirectUri = window.location.href;
@@ -608,14 +202,14 @@ var useKalshiKycFlow = ({
       resetInitiation();
     });
   }, [client, isInitiating, isReady, onError, pendingState, resetInitiation]);
-  useEffect2(() => {
+  useEffect(() => {
     if (isTimedOut && isInitiating) {
       clearKycPendingState();
       resetInitiation();
       onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
     }
   }, [isInitiating, isTimedOut, onError, resetInitiation]);
-  useEffect2(() => {
+  useEffect(() => {
     const storedPendingState = getKycPendingState();
     const isMatchingSession = (storedPendingState == null ? void 0 : storedPendingState.venue) === "kalshi" && storedPendingState.userId === pendingState.userId && storedPendingState.walletAddress === pendingState.walletAddress;
     if (isKalshiVerified && isMatchingSession) {
@@ -978,14 +572,6 @@ var resolveExecutionVenueFromQuote = (quoteData) => {
   const parsed = parseVenue(dominantFill == null ? void 0 : dominantFill.venue);
   return parsed.success ? parsed.data : void 0;
 };
-var resolvePlaceOrderSuccessTone = ({
-  outcomeIndex,
-  tab
-}) => {
-  const isNegativeOutcome = outcomeIndex > 0;
-  const isPositiveExposure = tab === "buy" && !isNegativeOutcome || tab === "sell" && isNegativeOutcome;
-  return isPositiveExposure ? "positive" : "negative";
-};
 var getPlaceOrderPotentialReturn = (quoteData) => {
   var _a, _b;
   if (!((_a = quoteData == null ? void 0 : quoteData.fills) == null ? void 0 : _a.length) || quoteData.fills.length < 2) return 0;
@@ -1542,7 +1128,7 @@ var isPercentageBelowMinimum = (value, minimumValue) => {
 };
 
 // src/trading/place-order/index.place-order.failure.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var resolveFailureActionHandler = ({
   action,
   onDone,
@@ -1555,12 +1141,12 @@ var resolveFailureActionHandler = ({
 };
 var renderPartialFailureStep = (step) => {
   const isWarningStep = step.tone === "warning" || step.tone === "error";
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
       children: [
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx2(
           Icon,
           {
             name: isWarningStep ? "warning-filled" : "check-circle",
@@ -1569,8 +1155,8 @@ var renderPartialFailureStep = (step) => {
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx3("p", { className: "min-w-0 flex-1", children: step.label }),
-        step.venue ? /* @__PURE__ */ jsx3(VenueLogo, { venue: step.venue, size: "small", className: "h-4 w-4 shrink-0" }) : null
+        /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1", children: step.label }),
+        step.venue ? /* @__PURE__ */ jsx2(VenueLogo, { venue: step.venue, size: "small", className: "h-4 w-4 shrink-0" }) : null
       ]
     },
     step.id
@@ -1589,10 +1175,10 @@ var PlaceOrderFailureView = ({
   const shouldShowPartialFailureLayout = summary.kind === "partial_fill";
   const failureStepGroups = shouldShowPartialFailureLayout ? groupPlaceOrderFailureSteps(summary.steps) : [];
   if (shouldShowPartialFailureLayout) {
-    return /* @__PURE__ */ jsx3(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ jsxs2("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx3(
+    return /* @__PURE__ */ jsx2(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ jsxs("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx2(
             RemoteImage,
             {
               src: (_a = summary.eventImage) != null ? _a : null,
@@ -1600,12 +1186,12 @@ var PlaceOrderFailureView = ({
               className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
             }
           ),
-          /* @__PURE__ */ jsx3("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
+          /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
         ] }),
-        summary.eventSubtitle ? /* @__PURE__ */ jsx3("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+        summary.eventSubtitle ? /* @__PURE__ */ jsx2("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
       ] }),
-      /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
-      /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
+      /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ jsx2(
         Button,
         {
           variant: "tertiary",
@@ -1619,10 +1205,10 @@ var PlaceOrderFailureView = ({
       )) })
     ] }) });
   }
-  return /* @__PURE__ */ jsx3(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ jsxs2("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ jsxs("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx2(
           RemoteImage,
           {
             src: (_b = summary.eventImage) != null ? _b : null,
@@ -1630,11 +1216,11 @@ var PlaceOrderFailureView = ({
             className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
           }
         ),
-        /* @__PURE__ */ jsx3("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
+        /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
       ] }),
-      summary.eventSubtitle ? /* @__PURE__ */ jsx3("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+      summary.eventSubtitle ? /* @__PURE__ */ jsx2("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
     ] }),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx2(
       InlineAlert,
       {
         tone: "error",
@@ -1643,7 +1229,7 @@ var PlaceOrderFailureView = ({
         message: tradingLabels.orderFailureDescription((_c = summary.errorMessage) != null ? _c : "")
       }
     ),
-    /* @__PURE__ */ jsx3("div", { className: "agg-order-failure-actions flex items-center gap-3", children: summary.actions.map((action) => /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx2("div", { className: "agg-order-failure-actions flex items-center gap-3", children: summary.actions.map((action) => /* @__PURE__ */ jsx2(
       Button,
       {
         variant: action.variant === "retry" ? "primary" : "secondary",
@@ -1660,8 +1246,8 @@ var PlaceOrderFailureView = ({
 PlaceOrderFailureView.displayName = "PlaceOrderFailureView";
 
 // src/trading/place-order/index.place-order.success.tsx
-import { useState as useState3 } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useState as useState2 } from "react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var resolveBuyToWinLabel = (shares) => {
   if (!shares) return "$0";
   return shares.startsWith("$") ? shares : `$${shares}`;
@@ -1673,18 +1259,17 @@ var PlaceOrderSuccessView = ({
   onDone,
   onShare: _onShare
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const [isExecutionDetailsExpanded, setIsExecutionDetailsExpanded] = useState3(true);
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const [isExecutionDetailsExpanded, setIsExecutionDetailsExpanded] = useState2(true);
   const newTradeLabel = (_a = tradingLabels.orderNewTrade) != null ? _a : "New Trade";
   const _shareLabel = (_b = tradingLabels.orderShare) != null ? _b : "Share";
   const potentialReturnLabel = summary.potentialReturnLabel && tradingLabels.potentialReturnBonus ? tradingLabels.potentialReturnBonus(summary.potentialReturnLabel) : summary.potentialReturnLabel ? `+${summary.potentialReturnLabel} Better Payout` : null;
-  const resolvedActionTone = (_c = summary.actionTone) != null ? _c : "positive";
-  const resolvedActionLabel = (_d = summary.actionLabel) != null ? _d : tradingLabels.orderSuccessTitle;
-  const resolvedTradeSide = (_e = summary.tradeSide) != null ? _e : "buy";
-  const resolvedAmountLabel = (_f = summary.amountLabel) != null ? _f : resolvedTradeSide === "sell" ? summary.shares : summary.estimatedCost;
-  const resolvedToWinLabel = (_g = summary.toWinLabel) != null ? _g : resolvedTradeSide === "sell" ? summary.estimatedCost : resolveBuyToWinLabel(summary.shares);
-  const executionStepGroups = (_h = summary.executionStepGroups) != null ? _h : [];
-  const finalStep = (_i = executionStepGroups.at(-1)) == null ? void 0 : _i[0];
+  const resolvedActionLabel = (_c = summary.actionLabel) != null ? _c : tradingLabels.orderSuccessTitle;
+  const resolvedTradeSide = (_d = summary.tradeSide) != null ? _d : "buy";
+  const resolvedAmountLabel = (_e = summary.amountLabel) != null ? _e : resolvedTradeSide === "sell" ? summary.shares : summary.estimatedCost;
+  const resolvedToWinLabel = (_f = summary.toWinLabel) != null ? _f : resolvedTradeSide === "sell" ? summary.estimatedCost : resolveBuyToWinLabel(summary.shares);
+  const executionStepGroups = (_g = summary.executionStepGroups) != null ? _g : [];
+  const finalStep = (_h = executionStepGroups.at(-1)) == null ? void 0 : _h[0];
   const detailedStepGroups = executionStepGroups.slice(0, -1);
   const hasExecutionDetails = detailedStepGroups.length > 0;
   const resolveStepIconName = (tone) => {
@@ -1693,23 +1278,23 @@ var PlaceOrderSuccessView = ({
   const resolveStepIconClassName = (tone) => {
     return tone === "warning" || tone === "error" ? "text-agg-warning" : "text-agg-primary";
   };
-  return /* @__PURE__ */ jsx4(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ jsxs3("div", { className: "agg-order-success-body flex flex-col gap-6 p-5", children: [
-    summary.eventTitle ? /* @__PURE__ */ jsxs3("div", { className: "agg-order-success-header flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "agg-order-success-market flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ jsxs2("div", { className: "agg-order-success-body flex flex-col gap-6 p-5", children: [
+    summary.eventTitle ? /* @__PURE__ */ jsxs2("div", { className: "agg-order-success-header flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "agg-order-success-market flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx3(
           RemoteImage,
           {
-            src: (_j = summary.eventImage) != null ? _j : null,
+            src: (_i = summary.eventImage) != null ? _i : null,
             alt: "",
             className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
           }
         ),
-        /* @__PURE__ */ jsx4("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
+        /* @__PURE__ */ jsx3("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
       ] }),
-      summary.eventDateLabel ? /* @__PURE__ */ jsx4("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
+      summary.eventDateLabel ? /* @__PURE__ */ jsx3("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
     ] }) : null,
-    executionStepGroups.length > 0 ? /* @__PURE__ */ jsxs3("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx4(
+    executionStepGroups.length > 0 ? /* @__PURE__ */ jsxs2("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx3(
         "div",
         {
           "aria-hidden": !isExecutionDetailsExpanded,
@@ -1722,12 +1307,12 @@ var PlaceOrderSuccessView = ({
               "transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
             )
           ),
-          children: /* @__PURE__ */ jsx4("div", { className: "min-h-0", children: /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-4 pb-2", children: detailedStepGroups.map((group, groupIndex) => /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-2", children: group.map((step) => /* @__PURE__ */ jsxs3(
+          children: /* @__PURE__ */ jsx3("div", { className: "min-h-0", children: /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-4 pb-2", children: detailedStepGroups.map((group, groupIndex) => /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-2", children: group.map((step) => /* @__PURE__ */ jsxs2(
             "div",
             {
               className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
               children: [
-                /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx3(
                   Icon,
                   {
                     name: resolveStepIconName(step.tone),
@@ -1736,8 +1321,8 @@ var PlaceOrderSuccessView = ({
                     "aria-hidden": "true"
                   }
                 ),
-                /* @__PURE__ */ jsx4("p", { className: "min-w-0 flex-1", children: step.label }),
-                step.venue ? /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx3("p", { className: "min-w-0 flex-1", children: step.label }),
+                step.venue ? /* @__PURE__ */ jsx3(
                   VenueLogo,
                   {
                     venue: step.venue,
@@ -1751,7 +1336,7 @@ var PlaceOrderSuccessView = ({
           )) }, `execution-group-${groupIndex}`)) }) })
         }
       ),
-      finalStep ? hasExecutionDetails ? /* @__PURE__ */ jsxs3(
+      finalStep ? hasExecutionDetails ? /* @__PURE__ */ jsxs2(
         "button",
         {
           type: "button",
@@ -1763,7 +1348,7 @@ var PlaceOrderSuccessView = ({
           ),
           onClick: () => setIsExecutionDetailsExpanded((currentValue) => !currentValue),
           children: [
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx3(
               Icon,
               {
                 name: resolveStepIconName(finalStep.tone),
@@ -1772,8 +1357,8 @@ var PlaceOrderSuccessView = ({
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ jsx4("p", { className: "min-w-0 flex-1", children: finalStep.label }),
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx3("p", { className: "min-w-0 flex-1", children: finalStep.label }),
+            /* @__PURE__ */ jsx3(
               Icon,
               {
                 name: isExecutionDetailsExpanded ? "chevron-up" : "chevron-down",
@@ -1784,8 +1369,8 @@ var PlaceOrderSuccessView = ({
             )
           ]
         }
-      ) : /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-        /* @__PURE__ */ jsx4(
+      ) : /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+        /* @__PURE__ */ jsx3(
           Icon,
           {
             name: resolveStepIconName(finalStep.tone),
@@ -1794,35 +1379,34 @@ var PlaceOrderSuccessView = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx4("p", { className: "min-w-0 flex-1", children: finalStep.label })
+        /* @__PURE__ */ jsx3("p", { className: "min-w-0 flex-1", children: finalStep.label })
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsxs2(
       "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"
+          "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 bg-agg-success"
         ),
         children: [
-          /* @__PURE__ */ jsx4(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
-          /* @__PURE__ */ jsx4("span", { children: resolvedActionLabel })
+          /* @__PURE__ */ jsx3(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
+          /* @__PURE__ */ jsx3("span", { children: resolvedActionLabel })
         ]
       }
     ),
-    /* @__PURE__ */ jsxs3("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsx4("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.amount(resolvedTradeSide) }),
-      /* @__PURE__ */ jsx4("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
+    /* @__PURE__ */ jsxs2("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsx3("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.amount(resolvedTradeSide) }),
+      /* @__PURE__ */ jsx3("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsx4("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(resolvedTradeSide) }),
-      /* @__PURE__ */ jsx4("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedToWinLabel })
+    /* @__PURE__ */ jsxs2("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsx3("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(resolvedTradeSide) }),
+      /* @__PURE__ */ jsx3("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedToWinLabel })
     ] }),
-    summary.potentialReturnLabel ? /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col items-center justify-center gap-1 overflow-hidden rounded-agg-lg border border-agg-primary/50 bg-gradient-to-b from-agg-primary/8 to-agg-primary/15 p-3 text-center", children: [
-      /* @__PURE__ */ jsx4("p", { className: "bg-gradient-to-r from-agg-primary to-agg-primary-hover bg-clip-text text-agg-lg font-agg-bold leading-[28px] text-transparent", children: potentialReturnLabel }),
-      /* @__PURE__ */ jsx4("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: (_k = tradingLabels.withSmartRouting) != null ? _k : "with Smart Routing" })
+    summary.potentialReturnLabel ? /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-col items-center justify-center gap-1 overflow-hidden rounded-agg-lg border border-agg-primary/50 bg-gradient-to-b from-agg-primary/8 to-agg-primary/15 p-3 text-center", children: [
+      /* @__PURE__ */ jsx3("p", { className: "bg-gradient-to-r from-agg-primary to-agg-primary-hover bg-clip-text text-agg-lg font-agg-bold leading-[28px] text-transparent", children: potentialReturnLabel }),
+      /* @__PURE__ */ jsx3("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: (_j = tradingLabels.withSmartRouting) != null ? _j : "with Smart Routing" })
     ] }) : null,
-    /* @__PURE__ */ jsx4("div", { className: "agg-order-success-actions flex gap-3", children: /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3("div", { className: "agg-order-success-actions flex gap-3", children: /* @__PURE__ */ jsx3(
       Button,
       {
         variant: "secondary",
@@ -1838,7 +1422,7 @@ var PlaceOrderSuccessView = ({
 PlaceOrderSuccessView.displayName = "PlaceOrderSuccessView";
 
 // src/trading/place-order/index.tsx
-import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var DEFAULT_STEP_LABELS = {
   "check-balance": "Checking balance",
   "check-position": "Checking position",
@@ -1864,7 +1448,7 @@ var LoadingGlyph = ({
   className,
   enableAnimations
 }) => {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "span",
     {
       "aria-hidden": "true",
@@ -1884,25 +1468,25 @@ var PlaceOrderSlippageControl = ({
   minimumValue: slippageMinimumValue
 }) => {
   var _a, _b;
-  const labels = useLabels3();
-  const containerRef = useRef3(null);
-  const triggerRef = useRef3(null);
-  const inputRef = useRef3(null);
+  const labels = useLabels();
+  const containerRef = useRef2(null);
+  const triggerRef = useRef2(null);
+  const inputRef = useRef2(null);
   const warningId = useId();
   const defaultValue = finalizePercentageValue(slippageDefaultValue);
   const committedValue = finalizePercentageValue(slippageValue) || defaultValue;
-  const [draftValue, setDraftValue] = useState4(committedValue);
-  const [isEditing, setIsEditing] = useState4(
+  const [draftValue, setDraftValue] = useState3(committedValue);
+  const [isEditing, setIsEditing] = useState3(
     () => isPercentageBelowMinimum(committedValue, slippageMinimumValue)
   );
-  const [shouldFocusInput, setShouldFocusInput] = useState4(false);
-  useEffect3(() => {
+  const [shouldFocusInput, setShouldFocusInput] = useState3(false);
+  useEffect2(() => {
     setDraftValue(committedValue);
     if (isPercentageBelowMinimum(committedValue, slippageMinimumValue)) {
       setIsEditing(true);
     }
   }, [committedValue, slippageMinimumValue]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!shouldFocusInput) return;
     requestAnimationFrame(() => {
       var _a2, _b2;
@@ -1919,7 +1503,7 @@ var PlaceOrderSlippageControl = ({
     Number(committedValue || slippageDefaultValue || DEFAULT_SLIPPAGE_VALUE)
   );
   const resolvedAutoLabel = labels.trading.resetSlippage;
-  const resolvedWarningMessage = useMemo3(() => {
+  const resolvedWarningMessage = useMemo2(() => {
     if (isLowSlippage) {
       return labels.trading.slippageLow(slippageMinimumValue);
     }
@@ -1982,8 +1566,8 @@ var PlaceOrderSlippageControl = ({
     if (!isEditing) return;
     handleCommitDraft(false);
   };
-  return /* @__PURE__ */ jsxs4("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
-    /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
+    /* @__PURE__ */ jsxs3(
       "button",
       {
         ref: triggerRef,
@@ -2001,8 +1585,8 @@ var PlaceOrderSlippageControl = ({
         ),
         onClick: handleToggleEditing,
         children: [
-          /* @__PURE__ */ jsx5("span", { className: "agg-slippage-label", children: collapsedLabel }),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4("span", { className: "agg-slippage-label", children: collapsedLabel }),
+          /* @__PURE__ */ jsx4(
             Icon,
             {
               name: isEditing ? "chevron-up" : "pencil",
@@ -2014,7 +1598,7 @@ var PlaceOrderSlippageControl = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       "div",
       {
         "aria-hidden": !isEditing,
@@ -2028,10 +1612,10 @@ var PlaceOrderSlippageControl = ({
             "transition-[grid-template-rows,opacity,margin-top] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]"
           )
         ),
-        children: /* @__PURE__ */ jsx5("div", { className: "min-h-0", children: /* @__PURE__ */ jsxs4("div", { className: "agg-slippage-editor-body flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxs4("div", { className: "agg-slippage-input-row flex h-9 overflow-hidden rounded-agg-sm border border-agg-separator", children: [
-            /* @__PURE__ */ jsxs4("div", { className: "agg-slippage-input-group flex min-w-0 flex-1 items-center gap-2 bg-agg-secondary px-3", children: [
-              /* @__PURE__ */ jsx5(
+        children: /* @__PURE__ */ jsx4("div", { className: "min-h-0", children: /* @__PURE__ */ jsxs3("div", { className: "agg-slippage-editor-body flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "agg-slippage-input-row flex h-9 overflow-hidden rounded-agg-sm border border-agg-separator", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "agg-slippage-input-group flex min-w-0 flex-1 items-center gap-2 bg-agg-secondary px-3", children: [
+              /* @__PURE__ */ jsx4(
                 "input",
                 {
                   ref: inputRef,
@@ -2046,7 +1630,7 @@ var PlaceOrderSlippageControl = ({
                   onKeyDown: handleInputKeyDown
                 }
               ),
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx4(
                 "button",
                 {
                   type: "button",
@@ -2064,8 +1648,8 @@ var PlaceOrderSlippageControl = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx5("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx4(
               "div",
               {
                 className: "agg-slippage-suffix flex w-9 items-center justify-center bg-agg-secondary-hover text-agg-sm leading-agg-5 text-agg-muted-foreground",
@@ -2074,7 +1658,7 @@ var PlaceOrderSlippageControl = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(
             "div",
             {
               "aria-hidden": !resolvedWarningMessage,
@@ -2088,13 +1672,13 @@ var PlaceOrderSlippageControl = ({
                   "transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
                 )
               ),
-              children: /* @__PURE__ */ jsx5("div", { className: "min-h-0", children: /* @__PURE__ */ jsxs4(
+              children: /* @__PURE__ */ jsx4("div", { className: "min-h-0", children: /* @__PURE__ */ jsxs3(
                 "div",
                 {
                   id: warningId,
                   className: "agg-slippage-warning-message flex items-start gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
                   children: [
-                    /* @__PURE__ */ jsx5(
+                    /* @__PURE__ */ jsx4(
                       Icon,
                       {
                         name: "warning-filled",
@@ -2103,7 +1687,7 @@ var PlaceOrderSlippageControl = ({
                         color: "currentColor"
                       }
                     ),
-                    /* @__PURE__ */ jsx5("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
+                    /* @__PURE__ */ jsx4("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
                   ]
                 }
               ) })
@@ -2123,9 +1707,9 @@ var renderCardHeader = ({
   onClose
 }) => {
   if (!headerTitle) return null;
-  return /* @__PURE__ */ jsxs4("div", { className: cn("agg-order-panel-header flex flex-col gap-2", className), children: [
-    /* @__PURE__ */ jsxs4("div", { className: "agg-order-market-summary flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs3("div", { className: cn("agg-order-panel-header flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsxs3("div", { className: "agg-order-market-summary flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx4(
         RemoteImage,
         {
           src: headerImage,
@@ -2133,19 +1717,19 @@ var renderCardHeader = ({
           className: "agg-order-market-image h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
         }
       ),
-      /* @__PURE__ */ jsx5("p", { className: "agg-order-market-title min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: headerTitle }),
-      onClose ? /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx4("p", { className: "agg-order-market-title min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: headerTitle }),
+      onClose ? /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
           className: "agg-order-close -mr-1 -mt-1 hidden shrink-0 cursor-pointer items-center justify-center p-1 text-agg-muted-foreground hover:text-agg-foreground sm:flex",
           "aria-label": "Close",
           onClick: onClose,
-          children: /* @__PURE__ */ jsx5(CloseIcon, { className: "h-5 w-5" })
+          children: /* @__PURE__ */ jsx4(CloseIcon, { className: "h-5 w-5" })
         }
       ) : null
     ] }),
-    headerSubtitle ? /* @__PURE__ */ jsx5("p", { className: "agg-order-market-subtitle text-agg-base leading-agg-6 text-agg-foreground", children: headerSubtitle }) : null
+    headerSubtitle ? /* @__PURE__ */ jsx4("p", { className: "agg-order-market-subtitle text-agg-base leading-agg-6 text-agg-foreground", children: headerSubtitle }) : null
   ] });
 };
 var PlaceOrderResolvedView = ({
@@ -2155,7 +1739,7 @@ var PlaceOrderResolvedView = ({
   className
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const labels = useLabels3();
+  const labels = useLabels();
   const tradingLabels = labels.trading;
   const extendedTradingLabels = tradingLabels;
   const winningOutcomeLabel = (_c = (_b = (_a = tradingState.winningOutcome) == null ? void 0 : _a.label) == null ? void 0 : _b.trim().toLowerCase()) != null ? _c : "";
@@ -2165,7 +1749,7 @@ var PlaceOrderResolvedView = ({
   const resolvedIconName = isPositiveWinningOutcome ? "success-check" : "close";
   const resolvedIconToneClassName = isPositiveWinningOutcome ? "text-agg-success" : "text-agg-error";
   const resolvedIconContainerClassName = isPositiveWinningOutcome ? "bg-agg-success/15" : "bg-agg-error/15";
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     Card,
     {
       className: cn(
@@ -2174,7 +1758,7 @@ var PlaceOrderResolvedView = ({
         classNames == null ? void 0 : classNames.root,
         className
       ),
-      children: /* @__PURE__ */ jsxs4(
+      children: /* @__PURE__ */ jsxs3(
         "div",
         {
           className: cn(
@@ -2182,17 +1766,17 @@ var PlaceOrderResolvedView = ({
             classNames == null ? void 0 : classNames.body
           ),
           children: [
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4(
               "div",
               {
                 className: cn(
                   "flex h-15 w-15 items-center justify-center rounded-full",
                   resolvedIconContainerClassName
                 ),
-                children: /* @__PURE__ */ jsx5(Icon, { name: resolvedIconName, className: cn("h-6 w-6", resolvedIconToneClassName) })
+                children: /* @__PURE__ */ jsx4(Icon, { name: resolvedIconName, className: cn("h-6 w-6", resolvedIconToneClassName) })
               }
             ),
-            /* @__PURE__ */ jsxs4(
+            /* @__PURE__ */ jsxs3(
               "div",
               {
                 className: cn(
@@ -2200,30 +1784,30 @@ var PlaceOrderResolvedView = ({
                   classNames == null ? void 0 : classNames.content
                 ),
                 children: [
-                  tradingState.market ? /* @__PURE__ */ jsx5(Typography, { variant: "body", children: tradingState.market.question }) : null,
-                  tradingState.winningOutcome ? /* @__PURE__ */ jsx5(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(tradingState.winningOutcome.label) }) : null
+                  tradingState.market ? /* @__PURE__ */ jsx4(Typography, { variant: "body", children: tradingState.market.question }) : null,
+                  tradingState.winningOutcome ? /* @__PURE__ */ jsx4(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(tradingState.winningOutcome.label) }) : null
                 ]
               }
             ),
-            resolvedClaim ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-              /* @__PURE__ */ jsx5("div", { className: "h-px w-full bg-agg-separator" }),
-              /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-5 p-6", children: [
-                /* @__PURE__ */ jsx5(Typography, { variant: "body-strong", children: (_d = extendedTradingLabels.resolvedEarningsTitle) != null ? _d : "Your Earnings" }),
-                /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                  /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-4", children: [
-                    /* @__PURE__ */ jsx5("span", { children: (_e = extendedTradingLabels.resolvedResolutionDateLabel) != null ? _e : "Resolution date" }),
-                    /* @__PURE__ */ jsx5("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
+            resolvedClaim ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+              /* @__PURE__ */ jsx4("div", { className: "h-px w-full bg-agg-separator" }),
+              /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-5 p-6", children: [
+                /* @__PURE__ */ jsx4(Typography, { variant: "body-strong", children: (_d = extendedTradingLabels.resolvedEarningsTitle) != null ? _d : "Your Earnings" }),
+                /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                  /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-4", children: [
+                    /* @__PURE__ */ jsx4("span", { children: (_e = extendedTradingLabels.resolvedResolutionDateLabel) != null ? _e : "Resolution date" }),
+                    /* @__PURE__ */ jsx4("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
                   ] }),
-                  /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-4", children: [
-                    /* @__PURE__ */ jsx5("span", { children: (_f = extendedTradingLabels.resolvedSharesLabel) != null ? _f : "Shares" }),
-                    /* @__PURE__ */ jsx5("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
+                  /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-4", children: [
+                    /* @__PURE__ */ jsx4("span", { children: (_f = extendedTradingLabels.resolvedSharesLabel) != null ? _f : "Shares" }),
+                    /* @__PURE__ */ jsx4("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
                   ] }),
-                  /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-4", children: [
-                    /* @__PURE__ */ jsx5("span", { children: (_g = extendedTradingLabels.resolvedTotalPayoutLabel) != null ? _g : "Total payout" }),
-                    /* @__PURE__ */ jsx5("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
+                  /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-4", children: [
+                    /* @__PURE__ */ jsx4("span", { children: (_g = extendedTradingLabels.resolvedTotalPayoutLabel) != null ? _g : "Total payout" }),
+                    /* @__PURE__ */ jsx4("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
                   ] })
                 ] }),
-                resolvedClaim.onClaim ? /* @__PURE__ */ jsx5(
+                resolvedClaim.onClaim ? /* @__PURE__ */ jsx4(
                   Button,
                   {
                     size: "large",
@@ -2245,18 +1829,18 @@ var renderRouteBreakdownRow = (row) => {
   var _a, _b;
   const venueLabel = getTradingVenueLabel(row.venue);
   const rowKey = `${row.venue}-${row.label}-${row.priceLabel}-${(_a = row.resultLabel) != null ? _a : ""}`;
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: "agg-route-breakdown-row flex items-center justify-between gap-4 text-left",
       children: [
-        /* @__PURE__ */ jsxs4("div", { className: "agg-route-breakdown-market flex min-w-0 items-center gap-2", children: [
-          /* @__PURE__ */ jsx5(VenueLogo, { venue: row.venue, className: "!size-3", ariaLabel: venueLabel }),
-          /* @__PURE__ */ jsx5("p", { className: "agg-route-breakdown-label truncate text-agg-sm leading-agg-5 text-agg-foreground", children: row.label })
+        /* @__PURE__ */ jsxs3("div", { className: "agg-route-breakdown-market flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsx4(VenueLogo, { venue: row.venue, className: "!size-3", ariaLabel: venueLabel }),
+          /* @__PURE__ */ jsx4("p", { className: "agg-route-breakdown-label truncate text-agg-sm leading-agg-5 text-agg-foreground", children: row.label })
         ] }),
-        /* @__PURE__ */ jsxs4("div", { className: "agg-route-breakdown-value flex shrink-0 items-center gap-2 text-agg-sm leading-agg-5", children: [
-          /* @__PURE__ */ jsx5("p", { className: "text-agg-muted-foreground", children: row.priceLabel }),
-          /* @__PURE__ */ jsx5("p", { className: "text-agg-foreground", children: (_b = row.resultLabel) != null ? _b : "" })
+        /* @__PURE__ */ jsxs3("div", { className: "agg-route-breakdown-value flex shrink-0 items-center gap-2 text-agg-sm leading-agg-5", children: [
+          /* @__PURE__ */ jsx4("p", { className: "text-agg-muted-foreground", children: row.priceLabel }),
+          /* @__PURE__ */ jsx4("p", { className: "text-agg-foreground", children: (_b = row.resultLabel) != null ? _b : "" })
         ] })
       ]
     },
@@ -2275,7 +1859,7 @@ var renderRouteCard = ({
   const showSplitDetails = isSelected && isExpanded && card.kind === "split" && !!((_a = card.rows) == null ? void 0 : _a.length);
   const valueLabel = card.isUnavailable ? tradingLabels.venueUnavailableInRegion : card.value;
   const ariaLabel = [card.label, card.hint, valueLabel].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     "button",
     {
       type: "button",
@@ -2295,11 +1879,11 @@ var renderRouteCard = ({
       ),
       onClick: () => onSelect(card.id),
       children: [
-        isSelected && !card.isUnavailable ? /* @__PURE__ */ jsx5("div", { className: "agg-route-card-glow pointer-events-none absolute -inset-x-px -bottom-px h-11 bg-linear-to-b from-transparent to-agg-trade-highlight-glow" }) : null,
-        /* @__PURE__ */ jsxs4("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
-          /* @__PURE__ */ jsxs4("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsxs4("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
-              card.kind === "split" ? /* @__PURE__ */ jsx5(
+        isSelected && !card.isUnavailable ? /* @__PURE__ */ jsx4("div", { className: "agg-route-card-glow pointer-events-none absolute -inset-x-px -bottom-px h-11 bg-linear-to-b from-transparent to-agg-trade-highlight-glow" }) : null,
+        /* @__PURE__ */ jsxs3("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
+              card.kind === "split" ? /* @__PURE__ */ jsx4(
                 Icon,
                 {
                   name: "sparkles-filled",
@@ -2310,7 +1894,7 @@ var renderRouteCard = ({
                   ),
                   "aria-hidden": "true"
                 }
-              ) : card.venue ? /* @__PURE__ */ jsx5(
+              ) : card.venue ? /* @__PURE__ */ jsx4(
                 VenueLogo,
                 {
                   venue: card.venue,
@@ -2318,10 +1902,10 @@ var renderRouteCard = ({
                   ariaLabel: getTradingVenueLabel(card.venue)
                 }
               ) : null,
-              /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-1 min-w-0", children: [
-                /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsx5("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
-                  card.kind === "split" && isSelected ? /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1 min-w-0", children: [
+                /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ jsx4("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
+                  card.kind === "split" && isSelected ? /* @__PURE__ */ jsx4(
                     Icon,
                     {
                       name: showSplitDetails ? "chevron-up" : "chevron-down",
@@ -2331,10 +1915,10 @@ var renderRouteCard = ({
                     }
                   ) : null
                 ] }),
-                card.hint ? /* @__PURE__ */ jsx5("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
+                card.hint ? /* @__PURE__ */ jsx4("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
               ] })
             ] }),
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4(
               "p",
               {
                 className: cn(
@@ -2346,9 +1930,9 @@ var renderRouteCard = ({
               }
             )
           ] }),
-          showSplitDetails ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-            /* @__PURE__ */ jsx5("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
-            /* @__PURE__ */ jsx5("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
+          showSplitDetails ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+            /* @__PURE__ */ jsx4("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
+            /* @__PURE__ */ jsx4("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
           ] }) : null
         ] })
       ]
@@ -2442,7 +2026,7 @@ var renderSubmissionSurface = ({
     ];
   };
   const stepGroups = resolveStepGroups();
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     Card,
     {
       className: cn(
@@ -2451,30 +2035,30 @@ var renderSubmissionSurface = ({
         classNames == null ? void 0 : classNames.root,
         className
       ),
-      children: /* @__PURE__ */ jsxs4("div", { className: cn("agg-order-submission-body flex flex-col gap-6 p-5", classNames == null ? void 0 : classNames.body), children: [
+      children: /* @__PURE__ */ jsxs3("div", { className: cn("agg-order-submission-body flex flex-col gap-6 p-5", classNames == null ? void 0 : classNames.body), children: [
         renderCardHeader({
           className: classNames == null ? void 0 : classNames.header,
           headerSubtitle,
           headerImage,
           headerTitle
         }),
-        /* @__PURE__ */ jsxs4("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
-          /* @__PURE__ */ jsxs4("div", { className: "agg-order-submission-status flex h-12 w-full items-center justify-center gap-3 rounded-agg-full bg-agg-primary-hover px-8 text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary", children: [
-            /* @__PURE__ */ jsx5(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
-            /* @__PURE__ */ jsx5("span", { children: actionLabel })
+        /* @__PURE__ */ jsxs3("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
+          /* @__PURE__ */ jsxs3("div", { className: "agg-order-submission-status flex h-12 w-full items-center justify-center gap-3 rounded-agg-full bg-agg-primary-hover px-8 text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary", children: [
+            /* @__PURE__ */ jsx4(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
+            /* @__PURE__ */ jsx4("span", { children: actionLabel })
           ] }),
-          /* @__PURE__ */ jsx5("div", { className: "agg-order-submission-steps flex flex-col gap-4", children: stepGroups.map((steps, groupIndex) => {
-            return /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4("div", { className: "agg-order-submission-steps flex flex-col gap-4", children: stepGroups.map((steps, groupIndex) => {
+            return /* @__PURE__ */ jsx4(
               "div",
               {
                 className: "agg-order-submission-group flex flex-col gap-2",
                 children: steps.map((step) => {
-                  return /* @__PURE__ */ jsxs4(
+                  return /* @__PURE__ */ jsxs3(
                     "div",
                     {
                       className: "agg-order-submission-step flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
                       children: [
-                        step.status === "complete" ? /* @__PURE__ */ jsx5(
+                        step.status === "complete" ? /* @__PURE__ */ jsx4(
                           Icon,
                           {
                             name: "check-circle",
@@ -2482,15 +2066,15 @@ var renderSubmissionSurface = ({
                             className: "h-3 w-3 shrink-0 text-agg-primary",
                             "aria-hidden": "true"
                           }
-                        ) : /* @__PURE__ */ jsx5(
+                        ) : /* @__PURE__ */ jsx4(
                           LoadingGlyph,
                           {
                             enableAnimations,
                             className: "h-3 w-3 shrink-0 text-agg-primary"
                           }
                         ),
-                        /* @__PURE__ */ jsx5("p", { className: "min-w-0 flex-1", children: step.label }),
-                        step.venue ? /* @__PURE__ */ jsx5(
+                        /* @__PURE__ */ jsx4("p", { className: "min-w-0 flex-1", children: step.label }),
+                        step.venue ? /* @__PURE__ */ jsx4(
                           VenueLogo,
                           {
                             venue: step.venue,
@@ -2513,7 +2097,7 @@ var renderSubmissionSurface = ({
     }
   );
 };
-var InitiateKycButton = ({ label, onOpen }) => /* @__PURE__ */ jsx5(
+var InitiateKycButton = ({ label, onOpen }) => /* @__PURE__ */ jsx4(
   Button,
   {
     size: "large",
@@ -2530,35 +2114,35 @@ var KycVerifyModal = ({
   isInitiating,
   labels
 }) => {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     Modal,
     {
       open,
       onOpenChange: (next) => {
         onOpenChange(next);
       },
-      children: /* @__PURE__ */ jsxs4(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
-        /* @__PURE__ */ jsx5(Dialog.Title, { className: "sr-only", children: labels.title }),
-        /* @__PURE__ */ jsx5(Dialog.Description, { className: "sr-only", children: labels.description }),
-        /* @__PURE__ */ jsxs4(Modal.Body, { classNames: { root: "sm:px-10 sm:py-12" }, children: [
-          /* @__PURE__ */ jsx5(
+      children: /* @__PURE__ */ jsxs3(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
+        /* @__PURE__ */ jsx4(Dialog.Title, { className: "sr-only", children: labels.title }),
+        /* @__PURE__ */ jsx4(Dialog.Description, { className: "sr-only", children: labels.description }),
+        /* @__PURE__ */ jsxs3(Modal.Body, { classNames: { root: "sm:px-10 sm:py-12" }, children: [
+          /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
               className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
               onClick: () => onOpenChange(false),
               "aria-label": "Close",
-              children: /* @__PURE__ */ jsx5(CloseIcon, { className: "h-6 w-6" })
+              children: /* @__PURE__ */ jsx4(CloseIcon, { className: "h-6 w-6" })
             }
           ),
-          /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-8 text-center", children: [
-            /* @__PURE__ */ jsx5("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx5(UserTrustIcon, { className: "h-[60px] w-[60px]" }) }),
-            /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-3", children: [
-              /* @__PURE__ */ jsx5("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
-              /* @__PURE__ */ jsx5("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
+          /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-8 text-center", children: [
+            /* @__PURE__ */ jsx4("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx4(UserTrustIcon, { className: "h-[60px] w-[60px]" }) }),
+            /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-3", children: [
+              /* @__PURE__ */ jsx4("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
+              /* @__PURE__ */ jsx4("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
             ] }),
-            /* @__PURE__ */ jsxs4("div", { className: "flex w-full flex-col items-center gap-5", children: [
-              /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsxs3("div", { className: "flex w-full flex-col items-center gap-5", children: [
+              /* @__PURE__ */ jsx4(
                 Button,
                 {
                   size: "large",
@@ -2569,7 +2153,7 @@ var KycVerifyModal = ({
                   children: labels.startVerification
                 }
               ),
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx4(
                 "button",
                 {
                   type: "button",
@@ -2589,27 +2173,27 @@ var KycSuccessModal = ({
   open,
   onOpenChange,
   labels
-}) => /* @__PURE__ */ jsx5(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs4(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
-  /* @__PURE__ */ jsx5(Dialog.Title, { className: "sr-only", children: labels.title }),
-  /* @__PURE__ */ jsx5(Dialog.Description, { className: "sr-only", children: labels.description }),
-  /* @__PURE__ */ jsxs4(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
-    /* @__PURE__ */ jsx5(
+}) => /* @__PURE__ */ jsx4(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs3(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
+  /* @__PURE__ */ jsx4(Dialog.Title, { className: "sr-only", children: labels.title }),
+  /* @__PURE__ */ jsx4(Dialog.Description, { className: "sr-only", children: labels.description }),
+  /* @__PURE__ */ jsxs3(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
+    /* @__PURE__ */ jsx4(
       "button",
       {
         type: "button",
         className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
         onClick: () => onOpenChange(false),
         "aria-label": "Close",
-        children: /* @__PURE__ */ jsx5(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ jsx4(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-8 text-center", children: [
-      /* @__PURE__ */ jsx5("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ jsx5(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-3", children: [
-        /* @__PURE__ */ jsx5("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
-        /* @__PURE__ */ jsx5("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-8 text-center", children: [
+      /* @__PURE__ */ jsx4("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ jsx4(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-3", children: [
+        /* @__PURE__ */ jsx4("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
+        /* @__PURE__ */ jsx4("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
       ] }),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx4(
         Button,
         {
           variant: "secondary",
@@ -2645,18 +2229,18 @@ var PlaceOrder = ({
   const {
     features: { enableAnimations },
     general: { locale }
-  } = useSdkUiConfig2();
-  const labels = useLabels3();
+  } = useSdkUiConfig();
+  const labels = useLabels();
   const tradingLabels = labels.trading;
   const { isTradingBlocked } = useGeoBlock();
   const tradingContext = useEventTradingContext2();
   const selectedEvent = (_a = tradingContext == null ? void 0 : tradingContext.selectedEvent) != null ? _a : null;
   const selectedMarket = (_b = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b : null;
   const selectedOutcomeId = (_c = tradingContext == null ? void 0 : tradingContext.selectedOutcomeId) != null ? _c : null;
-  const resolvedEventTradingState = useMemo3(() => {
+  const resolvedEventTradingState = useMemo2(() => {
     return eventTradingState != null ? eventTradingState : resolveEventTradingState(selectedEvent);
   }, [eventTradingState, selectedEvent]);
-  const scopedSelectedEvent = useMemo3(() => {
+  const scopedSelectedEvent = useMemo2(() => {
     var _a2;
     if (!selectedEvent) return null;
     const primaryMarketId = (_a2 = resolvedEventTradingState.primaryMarket) == null ? void 0 : _a2.id;
@@ -2666,7 +2250,7 @@ var PlaceOrder = ({
     );
     return isSelectedEventInScope ? selectedEvent : null;
   }, [(_d = resolvedEventTradingState.primaryMarket) == null ? void 0 : _d.id, selectedEvent]);
-  const scopedSelectedMarket = useMemo3(() => {
+  const scopedSelectedMarket = useMemo2(() => {
     if (!selectedMarket) return resolvedEventTradingState.primaryMarket;
     const isSelectedMarketInScope = resolvedEventTradingState.marketStates.some(
       (item) => item.market.id === selectedMarket.id
@@ -2681,10 +2265,10 @@ var PlaceOrder = ({
     (outcome) => outcome.label.trim().toLowerCase() === "yes"
   )) != null ? _f : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes[0]) != null ? _g : null;
   const scopedSelectedOutcomeId = (_h = scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.id) != null ? _h : null;
-  const resolvedTradingState = useMemo3(() => {
+  const resolvedTradingState = useMemo2(() => {
     return resolveMarketTradingState(scopedSelectedMarket);
   }, [scopedSelectedMarket]);
-  const resolvedReadOnlyMarket = useMemo3(() => {
+  const resolvedReadOnlyMarket = useMemo2(() => {
     var _a2;
     if (resolvedEventTradingState.kind !== "resolved") {
       return scopedSelectedMarket;
@@ -2695,10 +2279,10 @@ var PlaceOrder = ({
     resolvedEventTradingState.primaryMarket,
     scopedSelectedMarket
   ]);
-  const resolvedReadOnlyTradingState = useMemo3(() => {
+  const resolvedReadOnlyTradingState = useMemo2(() => {
     return resolveMarketTradingState(resolvedReadOnlyMarket);
   }, [resolvedReadOnlyMarket]);
-  const orderEligibility = useMemo3(
+  const orderEligibility = useMemo2(
     () => resolveOrderEligibility({
       event: scopedSelectedEvent,
       market: scopedSelectedMarket,
@@ -2716,7 +2300,7 @@ var PlaceOrder = ({
   const livePrices = useLiveOutcomePrices(
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
-  const midpointsClusterMarkets = useMemo3(() => {
+  const midpointsClusterMarkets = useMemo2(() => {
     if (!scopedSelectedMarket) return [];
     return normalizeVenueMarketCluster(
       resolvedEventTradingState.displayMarkets,
@@ -2724,23 +2308,23 @@ var PlaceOrder = ({
     );
   }, [resolvedEventTradingState.displayMarkets, scopedSelectedMarket]);
   const { prices: clusterMidpoints } = useMidpoints(midpointsClusterMarkets);
-  const outcomes = useMemo3(
+  const outcomes = useMemo2(
     () => mapVenueMarketOutcomesToPlaceOrderOutcomes(scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes),
     [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes]
   );
-  const buyTabRef = useRef3(null);
-  const sellTabRef = useRef3(null);
-  const [internalTab, setInternalTab] = useState4("buy");
-  const [internalAmount, setInternalAmount] = useState4(PLACE_ORDER_DEFAULT_AMOUNT);
-  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = useState4(null);
-  const [internalSlippage, setInternalSlippage] = useState4(DEFAULT_SLIPPAGE_VALUE);
-  const [isRoutesExpanded, setIsRoutesExpanded] = useState4(false);
-  const [selectedRouteCardId, setSelectedRouteCardId] = useState4(null);
-  const [isSplitDetailOpen, setIsSplitDetailOpen] = useState4(false);
-  const [submissionFeedback, setSubmissionFeedback] = useState4(null);
-  const [submissionProgressState, setSubmissionProgressState] = useState4(null);
+  const buyTabRef = useRef2(null);
+  const sellTabRef = useRef2(null);
+  const [internalTab, setInternalTab] = useState3("buy");
+  const [internalAmount, setInternalAmount] = useState3(PLACE_ORDER_DEFAULT_AMOUNT);
+  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = useState3(null);
+  const [internalSlippage, setInternalSlippage] = useState3(DEFAULT_SLIPPAGE_VALUE);
+  const [isRoutesExpanded, setIsRoutesExpanded] = useState3(false);
+  const [selectedRouteCardId, setSelectedRouteCardId] = useState3(null);
+  const [isSplitDetailOpen, setIsSplitDetailOpen] = useState3(false);
+  const [submissionFeedback, setSubmissionFeedback] = useState3(null);
+  const [submissionProgressState, setSubmissionProgressState] = useState3(null);
   const debouncedAmount = useDebouncedValue(internalAmount, 300);
-  const isSell = useMemo3(() => internalTab === "sell", [internalTab]);
+  const isSell = useMemo2(() => internalTab === "sell", [internalTab]);
   const {
     positions: executionPositions,
     isLoading: isExecutionPositionsLoading,
@@ -2761,7 +2345,7 @@ var PlaceOrder = ({
     tradeSide: isSell ? "sell" : "buy",
     enabled: debouncedAmount > 0 && orderEligibility.canPlaceOrder
   });
-  const currentSellableShares = useMemo3(() => {
+  const currentSellableShares = useMemo2(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     const sharesFromQuote = (_b2 = (_a2 = smartRoute.data) == null ? void 0 : _a2.positionAvailability) == null ? void 0 : _b2.totalSellableShares;
     if (typeof sharesFromQuote === "number" && Number.isFinite(sharesFromQuote)) {
@@ -2798,11 +2382,12 @@ var PlaceOrder = ({
     (_j = (_i = smartRoute.data) == null ? void 0 : _i.positionAvailability) == null ? void 0 : _j.totalSellableShares
   ]);
   const isCurrentSellableSharesLoading = isSell && isAuthenticated && !(typeof ((_l = (_k = smartRoute.data) == null ? void 0 : _k.positionAvailability) == null ? void 0 : _l.totalSellableShares) === "number") && (isExecutionPositionsLoading || isExecutionPositionsFetching);
-  const displayedCurrentSellableShares = useMemo3(() => {
-    if (!Number.isFinite(currentSellableShares)) return 0;
-    return currentSellableShares;
+  const displayedCurrentSellableShares = useMemo2(() => {
+    if (!Number.isFinite(currentSellableShares) || currentSellableShares <= 0) return 0;
+    return Math.floor(currentSellableShares * 100) / 100;
   }, [currentSellableShares]);
-  useEffect3(() => {
+  const isAtMaxSellableShares = isSell && displayedCurrentSellableShares > 0 && Math.abs(internalAmount - displayedCurrentSellableShares) < 1e-9;
+  useEffect2(() => {
     if (!isSell || isCurrentSellableSharesLoading) return;
     if (scopedSelectedOutcomeId === sellFilledForOutcomeId) return;
     setInternalAmount(displayedCurrentSellableShares);
@@ -2816,7 +2401,7 @@ var PlaceOrder = ({
     displayedCurrentSellableShares,
     onAmountChange
   ]);
-  const routeCards = useMemo3(
+  const routeCards = useMemo2(
     () => smartRoute.data ? buildLiveRouteCards({
       eventVenues: scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets.map((market) => market.venue),
       labels: tradingLabels,
@@ -2825,7 +2410,7 @@ var PlaceOrder = ({
     }) : [],
     [smartRoute.data, tradingLabels, isSell, scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets]
   );
-  const resolvedSelectedRouteCardId = useMemo3(() => {
+  const resolvedSelectedRouteCardId = useMemo2(() => {
     var _a2, _b2, _c2, _d2;
     if (routeCards.length === 0) return null;
     if (selectedRouteCardId && routeCards.some((card) => card.id === selectedRouteCardId && !card.isUnavailable)) {
@@ -2833,7 +2418,7 @@ var PlaceOrder = ({
     }
     return (_d2 = (_c2 = (_a2 = routeCards.find((card) => !card.isUnavailable)) == null ? void 0 : _a2.id) != null ? _c2 : (_b2 = routeCards[0]) == null ? void 0 : _b2.id) != null ? _d2 : null;
   }, [routeCards, selectedRouteCardId]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (routeCards.length === 0) {
       setSelectedRouteCardId(null);
       setIsRoutesExpanded(false);
@@ -2844,19 +2429,19 @@ var PlaceOrder = ({
       setSelectedRouteCardId(resolvedSelectedRouteCardId);
     }
   }, [resolvedSelectedRouteCardId, routeCards.length, selectedRouteCardId]);
-  useEffect3(() => {
+  useEffect2(() => {
     setSubmissionFeedback(null);
     setSubmissionProgressState(null);
   }, [internalAmount, internalSlippage, internalTab, scopedSelectedOutcomeId]);
   const orderedRouteCards = routeCards;
   const selectedRouteCard = (_n = (_m = orderedRouteCards.find((card) => card.id === resolvedSelectedRouteCardId)) != null ? _m : orderedRouteCards[0]) != null ? _n : null;
-  const isKalshiRoute = useMemo3(() => {
+  const isKalshiRoute = useMemo2(() => {
     if (selectedRouteCard) {
       return selectedRouteCard.venue === "kalshi" || selectedRouteCard.quoteData.fills.some((f) => f.venue === "kalshi");
     }
     return (scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venue) === "kalshi";
   }, [selectedRouteCard, scopedSelectedMarket]);
-  const isKalshiVerified = useMemo3(() => {
+  const isKalshiVerified = useMemo2(() => {
     var _a2;
     const kalshiAccount = (_a2 = user == null ? void 0 : user.venueAccounts) == null ? void 0 : _a2.find((va) => va.venue === "kalshi");
     return (kalshiAccount == null ? void 0 : kalshiAccount.kycStatus) === "verified";
@@ -2876,7 +2461,7 @@ var PlaceOrder = ({
     walletAddress: (_o = getWalletAddressFromUserProfile(user)) != null ? _o : null,
     onError
   });
-  const handleRouteCardSelect = useCallback3(
+  const handleRouteCardSelect = useCallback2(
     (cardId) => {
       if (cardId === resolvedSelectedRouteCardId) {
         const card = routeCards.find((c) => c.id === cardId);
@@ -2897,18 +2482,13 @@ var PlaceOrder = ({
   const headerImage = (_v = (_u = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.image) != null ? _u : scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.image) != null ? _v : null;
   const headerTitle = (_x = (_w = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title) != null ? _w : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _x : "";
   const headerSubtitle = (_y = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _y : "";
-  const buildExecutionSummary = useCallback3(
+  const buildExecutionSummary = useCallback2(
     (quoteData, executionVenue, orderId, partialFillSummary) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
       if (!quoteData) return void 0;
       const avgPriceValue = quoteData.totalFilled > 0 ? quoteData.rawExecCost / quoteData.totalFilled : 0;
       const avgPriceLabel = quoteData.totalFilled > 0 ? getTradingRoutePriceLabel(avgPriceValue) : "\u2014";
       const actionPriceLabel = quoteData.totalFilled > 0 ? `~${avgPriceLabel}` : avgPriceLabel;
-      const selectedOutcomeIndex = outcomes.findIndex((o) => o.id === scopedSelectedOutcomeId);
-      const actionTone = resolvePlaceOrderSuccessTone({
-        outcomeIndex: selectedOutcomeIndex === -1 ? 0 : selectedOutcomeIndex,
-        tab: internalTab
-      });
       const actionLabel2 = internalTab === "buy" ? (_b2 = (_a2 = tradingLabels.boughtOutcomeAtPrice) == null ? void 0 : _a2.call(tradingLabels, selectedOutcomeLabel, actionPriceLabel)) != null ? _b2 : `Bought ${selectedOutcomeLabel} at ${actionPriceLabel}` : (_d2 = (_c2 = tradingLabels.soldOutcomeAtPrice) == null ? void 0 : _c2.call(tradingLabels, selectedOutcomeLabel, actionPriceLabel)) != null ? _d2 : `Sold ${selectedOutcomeLabel} at ${actionPriceLabel}`;
       const sharesLabel = quoteData.totalFilled.toLocaleString("en-US", {
         minimumFractionDigits: 2,
@@ -2931,7 +2511,6 @@ var PlaceOrder = ({
         eventDateLabel: eventDateSource ? getTradingDateLabel(eventDateSource) : "",
         eventImage: headerImage,
         actionLabel: actionLabel2,
-        actionTone,
         amountLabel,
         toWinLabel,
         potentialReturnLabel,
@@ -2962,17 +2541,15 @@ var PlaceOrder = ({
       executionProgress.submittedOrders,
       headerImage,
       internalTab,
-      outcomes,
       scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.endDate,
       scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title,
       scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.endDate,
       scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question,
-      scopedSelectedOutcomeId,
       selectedOutcomeLabel,
       tradingLabels
     ]
   );
-  useEffect3(() => {
+  useEffect2(() => {
     if (executionProgress.phase === "order_submitted") {
       const submittedOrder = executionProgress.submittedOrders[0];
       setSubmissionProgressState((prev) => {
@@ -3004,7 +2581,7 @@ var PlaceOrder = ({
     executionProgress.submittedOrders,
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
-  useEffect3(() => {
+  useEffect2(() => {
     const dp = executionProgress.dagProgress;
     if (!dp) return;
     setSubmissionProgressState((prev) => {
@@ -3023,7 +2600,7 @@ var PlaceOrder = ({
       return __spreadProps(__spreadValues({}, prev), { dagProgress: dp });
     });
   }, [executionProgress.dagProgress, tradingLabels.orderFailed]);
-  useEffect3(() => {
+  useEffect2(() => {
     const orderIds = submissionProgressState == null ? void 0 : submissionProgressState.orderIds;
     if (!(orderIds == null ? void 0 : orderIds.length)) return;
     const aggregateStatus = deriveAggregateOrderStatus(
@@ -3071,7 +2648,7 @@ var PlaceOrder = ({
     submissionProgressState == null ? void 0 : submissionProgressState.orderIds,
     tradingLabels.orderFailed
   ]);
-  useEffect3(() => {
+  useEffect2(() => {
     if (!submissionProgressState) return;
     onExecutionStateChange == null ? void 0 : onExecutionStateChange(submissionProgressState);
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
@@ -3086,10 +2663,9 @@ var PlaceOrder = ({
   const activeQuoteData = (_A = (_z = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _z : smartRoute.data) != null ? _A : null;
   const visibleRouteCards = orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT && !isRoutesExpanded ? orderedRouteCards.slice(0, PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT) : orderedRouteCards;
   const hasEnteredAmount = internalAmount > 0;
-  const shouldPromptSignIn = orderEligibility.canPlaceOrder && !isAuthenticated && hasEnteredAmount;
   const isInsufficientBalance = !isSell && isAuthenticated && hasEnteredAmount && !isBalanceLoading && internalAmount > totalBalance;
   const isBelowMinimum = !isSell && hasEnteredAmount && internalAmount < MIN_BUY_ORDER_AMOUNT;
-  const quoteStatus = useMemo3(() => {
+  const quoteStatus = useMemo2(() => {
     if (!orderEligibility.canPlaceOrder) return void 0;
     return resolvePlaceOrderQuoteStatus({
       amount: internalAmount,
@@ -3104,7 +2680,7 @@ var PlaceOrder = ({
     scopedSelectedMarket,
     tradingLabels
   ]);
-  const smartRouteErrorMessage = useMemo3(() => {
+  const smartRouteErrorMessage = useMemo2(() => {
     if (!smartRoute.error) return null;
     return normalizePlaceOrderErrorMessage({
       errorMessage: smartRoute.error.message,
@@ -3112,7 +2688,7 @@ var PlaceOrder = ({
     });
   }, [smartRoute.error, tradingLabels.quoteUnavailable]);
   const progressActionLabel = (internalTab === "buy" ? tradingLabels.buyingOutcome(selectedOutcomeLabel) : tradingLabels.sellingOutcome(selectedOutcomeLabel)).trim();
-  const canRetryRemaining = useMemo3(() => {
+  const canRetryRemaining = useMemo2(() => {
     const remaining = getPlaceOrderUnfilledRemaining({
       originalAmount: internalAmount,
       terminalOrderEvents: executionProgress.terminalOrderEvents
@@ -3121,7 +2697,7 @@ var PlaceOrder = ({
     return remaining >= minRemainder;
   }, [executionProgress.terminalOrderEvents, internalAmount, isSell]);
   const PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD = 0.95;
-  const shouldAutoSkipPartialFill = useMemo3(() => {
+  const shouldAutoSkipPartialFill = useMemo2(() => {
     if (internalAmount <= 0) return false;
     const remaining = getPlaceOrderUnfilledRemaining({
       originalAmount: internalAmount,
@@ -3131,7 +2707,7 @@ var PlaceOrder = ({
     const fillRatio = filled / internalAmount;
     return fillRatio >= PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD || !canRetryRemaining;
   }, [canRetryRemaining, executionProgress.terminalOrderEvents, internalAmount]);
-  const failureSummary = useMemo3(() => {
+  const failureSummary = useMemo2(() => {
     var _a2;
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return void 0;
     return buildPlaceOrderFailureSummary({
@@ -3164,14 +2740,14 @@ var PlaceOrder = ({
   const displayedToWinValue = (_C = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _C : 0;
   const isActionLoading = isPrimaryActionLoading || executeManaged.isPending;
   const selectedRouteGeoBlocked = (_D = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _D : false;
-  const geoBlockedVenuesFromWarnings = useMemo3(
+  const geoBlockedVenuesFromWarnings = useMemo2(
     () => {
       var _a2;
       return extractGeoBlockedVenues((_a2 = smartRoute.data) == null ? void 0 : _a2.warnings);
     },
     [(_E = smartRoute.data) == null ? void 0 : _E.warnings]
   );
-  const isPrimaryVenueGeoBlocked = useMemo3(() => {
+  const isPrimaryVenueGeoBlocked = useMemo2(() => {
     var _a2, _b2;
     if (!selectedRouteCard || selectedRouteCard.isUnavailable) return false;
     const fills = (_b2 = (_a2 = selectedRouteCard.quoteData) == null ? void 0 : _a2.fills) != null ? _b2 : [];
@@ -3183,7 +2759,7 @@ var PlaceOrder = ({
   const isActionDisabled = isPrimaryActionDisabled || !orderEligibility.canPlaceOrder || isActionLoading || !hasEnteredAmount || !scopedSelectedMarket || isInsufficientBalance || isBelowMinimum || !selectedRouteCard || !selectedRouteCard.quoteData.quoteId || selectedRouteGeoBlocked || !isAuthenticated || quoteStatus !== void 0;
   const shouldShowSmartRouting = orderEligibility.canPlaceOrder && hasEnteredAmount && (orderedRouteCards.length > 0 || smartRoute.isFetching);
   const shouldShowRouteToggle = orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT;
-  const handleStartNewTrade = useCallback3(() => {
+  const handleStartNewTrade = useCallback2(() => {
     setSubmissionProgressState(null);
     setSubmissionFeedback(null);
     setInternalAmount(0);
@@ -3206,7 +2782,7 @@ var PlaceOrder = ({
     const shareUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}`;
     window.open(shareUrl, "_blank", "noopener,noreferrer");
   };
-  const handleExecuteQuote = useCallback3(
+  const handleExecuteQuote = useCallback2(
     (quoteData) => __async(null, null, function* () {
       const quoteId = quoteData == null ? void 0 : quoteData.quoteId;
       if (!quoteId) {
@@ -3226,7 +2802,7 @@ var PlaceOrder = ({
     }),
     [executeManaged, onPrimaryAction, tradingLabels.quoteUnavailable]
   );
-  const handleSkipToSuccess = useCallback3(() => {
+  const handleSkipToSuccess = useCallback2(() => {
     const primaryFilledEvent = executionProgress.terminalOrderEvents.find(
       (e) => e.event === "filled" || e.event === "partial_fill"
     );
@@ -3251,7 +2827,7 @@ var PlaceOrder = ({
     failureSummary,
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
-  useEffect3(() => {
+  useEffect2(() => {
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return;
     if ((failureSummary == null ? void 0 : failureSummary.kind) !== "partial_fill") return;
     if (!shouldAutoSkipPartialFill) return;
@@ -3262,7 +2838,7 @@ var PlaceOrder = ({
     shouldAutoSkipPartialFill,
     submissionProgressState == null ? void 0 : submissionProgressState.phase
   ]);
-  const handleRetrySubmission = useCallback3(() => __async(null, null, function* () {
+  const handleRetrySubmission = useCallback2(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     if (!orderEligibility.canPlaceOrder) {
       handleStartNewTrade();
@@ -3349,7 +2925,7 @@ var PlaceOrder = ({
   ]);
   const resolvedStatusClassName = cn(classNames == null ? void 0 : classNames.root, className);
   if (isLoading) {
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx4(
       Skeleton,
       {
         ariaLabel: labels.common.loading,
@@ -3360,7 +2936,7 @@ var PlaceOrder = ({
   }
   if (submissionProgressState) {
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx4(
         PlaceOrderSuccessView,
         {
           className: resolvedStatusClassName,
@@ -3372,7 +2948,7 @@ var PlaceOrder = ({
       );
     }
     if (submissionProgressState.phase === "failed") {
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx4(
         PlaceOrderFailureView,
         {
           className: resolvedStatusClassName,
@@ -3429,10 +3005,6 @@ var PlaceOrder = ({
     if (displayedCurrentSellableShares <= 0) return;
     handleAmountChange(displayedCurrentSellableShares);
   };
-  const handleSignInRequiredClick = () => {
-    if (!shouldPromptSignIn) return;
-    requestAggAuthChooserOpen();
-  };
   const handleDepositRequiredClick = () => {
     if (!isInsufficientBalance) return;
     requestAggDepositModalOpen();
@@ -3474,7 +3046,7 @@ var PlaceOrder = ({
     }
   });
   if (!orderEligibility.canPlaceOrder && resolvedReadOnlyTradingState.kind !== "open") {
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx4(
       PlaceOrderResolvedView,
       {
         tradingState: resolvedReadOnlyTradingState,
@@ -3484,17 +3056,17 @@ var PlaceOrder = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsxs3(
       Card,
       {
         className: cn(
-          "group/agg-order-panel",
+          "group/agg-order-panel gap-6 p-5",
           getPlaceOrderContainerClassName(),
           classNames == null ? void 0 : classNames.root,
           className
         ),
-        children: /* @__PURE__ */ jsxs4("div", { className: cn("agg-order-panel-body flex flex-col gap-6 p-5", classNames == null ? void 0 : classNames.body), children: [
+        children: [
           renderCardHeader({
             className: classNames == null ? void 0 : classNames.header,
             headerSubtitle,
@@ -3502,8 +3074,8 @@ var PlaceOrder = ({
             headerTitle,
             onClose
           }),
-          /* @__PURE__ */ jsxs4("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
-            /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsxs3("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
+            /* @__PURE__ */ jsx4(
               "div",
               {
                 className: "agg-order-tabs flex items-end border-b border-agg-separator",
@@ -3514,7 +3086,7 @@ var PlaceOrder = ({
                   { value: "sell", label: tradingLabels.sell, ref: sellTabRef }
                 ].map((tabItem) => {
                   const isActive = internalTab === tabItem.value;
-                  return /* @__PURE__ */ jsxs4(
+                  return /* @__PURE__ */ jsxs3(
                     "button",
                     {
                       ref: tabItem.ref,
@@ -3538,7 +3110,7 @@ var PlaceOrder = ({
                       onKeyDown: (event) => handleTabKeyDown(event, tabItem.value),
                       children: [
                         tabItem.label,
-                        /* @__PURE__ */ jsx5(
+                        /* @__PURE__ */ jsx4(
                           "span",
                           {
                             "aria-hidden": "true",
@@ -3560,13 +3132,13 @@ var PlaceOrder = ({
                 })
               }
             ),
-            outcomes.length >= 2 ? /* @__PURE__ */ jsx5("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
+            outcomes.length >= 2 ? /* @__PURE__ */ jsx4("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
               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 = ((_c2 = outcome.title) == null ? void 0 : _c2.trim()) || outcome.label;
-              return /* @__PURE__ */ jsxs4(
+              return /* @__PURE__ */ jsxs3(
                 "button",
                 {
                   "data-id": outcome.id,
@@ -3586,7 +3158,7 @@ var PlaceOrder = ({
                   disabled: !orderEligibility.canPlaceOrder || isResolvedOutcomeCtaLocked,
                   onClick: () => handleOutcomeChange(outcome.id),
                   children: [
-                    /* @__PURE__ */ jsx5(
+                    /* @__PURE__ */ jsx4(
                       Typography,
                       {
                         as: "span",
@@ -3595,33 +3167,36 @@ var PlaceOrder = ({
                         children: displayLabel
                       }
                     ),
-                    /* @__PURE__ */ jsx5(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
+                    /* @__PURE__ */ jsx4(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
                   ]
                 },
                 outcome.id
               );
             }) }) : null,
-            /* @__PURE__ */ jsxs4("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ jsxs4("div", { className: "agg-order-amount-meta flex flex-col", children: [
-                /* @__PURE__ */ jsx5("p", { className: "agg-order-amount-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground whitespace-nowrap", children: tradingLabels.amount(internalTab) }),
-                isAuthenticated ? isSell ? /* @__PURE__ */ jsx5(
-                  "button",
-                  {
-                    type: "button",
-                    className: cn(
-                      "agg-balance-value",
-                      "cursor-pointer disabled:cursor-not-allowed",
-                      "flex items-center gap-2 bg-transparent p-0 text-agg-sm leading-agg-5 text-agg-muted-foreground",
-                      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary disabled:opacity-60"
-                    ),
-                    "aria-label": tradingLabels.shares(displayedCurrentSellableShares),
-                    disabled: isCurrentSellableSharesLoading || !orderEligibility.canPlaceOrder || displayedCurrentSellableShares <= 0,
-                    onClick: handleFillSellableShares,
-                    children: isCurrentSellableSharesLoading ? /* @__PURE__ */ jsx5(LoadingIcon, { size: "small" }) : tradingLabels.shares(displayedCurrentSellableShares)
-                  }
-                ) : /* @__PURE__ */ jsx5("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ jsx5(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(totalBalance)) }) : null
+            /* @__PURE__ */ jsxs3("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ jsxs3("div", { className: "agg-order-amount-meta flex flex-col", children: [
+                /* @__PURE__ */ jsx4("p", { className: "agg-order-amount-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground whitespace-nowrap", children: tradingLabels.amount(internalTab) }),
+                isAuthenticated ? isSell ? /* @__PURE__ */ jsx4("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ jsx4(LoadingIcon, { size: "small" }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                  /* @__PURE__ */ jsx4("span", { children: tradingLabels.shares(displayedCurrentSellableShares) }),
+                  displayedCurrentSellableShares > 0 ? /* @__PURE__ */ jsx4(
+                    "button",
+                    {
+                      type: "button",
+                      className: cn(
+                        "agg-max-shares-button",
+                        "cursor-pointer disabled:cursor-not-allowed",
+                        "bg-transparent p-0 text-agg-sm font-agg-bold leading-agg-5 text-agg-primary disabled:text-agg-muted-foreground",
+                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary"
+                      ),
+                      "aria-label": tradingLabels.maxShares,
+                      disabled: !orderEligibility.canPlaceOrder || isAtMaxSellableShares,
+                      onClick: handleFillSellableShares,
+                      children: tradingLabels.maxShares
+                    }
+                  ) : null
+                ] }) }) : /* @__PURE__ */ jsx4("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ jsx4(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(totalBalance)) }) : null
               ] }),
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx4(
                 CurrencyInput,
                 {
                   value: internalAmount,
@@ -3641,22 +3216,22 @@ var PlaceOrder = ({
                 }
               )
             ] }),
-            shouldShowSmartRouting ? /* @__PURE__ */ jsxs4("div", { className: "agg-route-panel flex flex-col gap-3", children: [
-              /* @__PURE__ */ jsxs4("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ jsx5("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
-                shouldShowRouteToggle ? /* @__PURE__ */ jsxs4(
+            shouldShowSmartRouting ? /* @__PURE__ */ jsxs3("div", { className: "agg-route-panel flex flex-col gap-3", children: [
+              /* @__PURE__ */ jsxs3("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ jsx4("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
+                shouldShowRouteToggle && !isRoutesExpanded ? /* @__PURE__ */ jsxs3(
                   "button",
                   {
                     type: "button",
                     className: "agg-route-toggle flex cursor-pointer items-center gap-1.5 text-agg-sm leading-agg-5 text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary",
-                    "aria-label": isRoutesExpanded ? tradingLabels.hideRoutes : tradingLabels.viewAllRoutes(orderedRouteCards.length),
+                    "aria-label": tradingLabels.viewAllRoutes(orderedRouteCards.length),
                     onClick: () => setIsRoutesExpanded((currentValue) => !currentValue),
                     children: [
-                      /* @__PURE__ */ jsx5("span", { children: isRoutesExpanded ? tradingLabels.hideRoutes : tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
-                      /* @__PURE__ */ jsx5(
+                      /* @__PURE__ */ jsx4("span", { children: tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
+                      /* @__PURE__ */ jsx4(
                         Icon,
                         {
-                          name: isRoutesExpanded ? "chevron-up" : "chevron-down",
+                          name: "chevron-down",
                           size: "small",
                           className: "h-4 w-4 text-agg-foreground",
                           "aria-hidden": "true"
@@ -3666,26 +3241,26 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ jsxs4("div", { className: "agg-route-list flex flex-col gap-2", children: [
-                visibleRouteCards.map((card) => {
-                  return /* @__PURE__ */ jsx5(Fragment2, { children: renderRouteCard({
-                    card,
-                    enableAnimations,
-                    isExpanded: card.kind === "split" ? isSplitDetailOpen : isRoutesExpanded,
-                    isSelected: !card.isUnavailable && card.id === resolvedSelectedRouteCardId,
-                    onSelect: handleRouteCardSelect,
-                    tradingLabels
-                  }) }, card.id);
-                }),
-                smartRoute.isFetching ? /* @__PURE__ */ jsx5("div", { className: "agg-route-loading flex items-center justify-center py-2", children: /* @__PURE__ */ jsx5(LoadingIcon, { size: "small" }) }) : null
-              ] })
+              /* @__PURE__ */ jsx4("div", { className: "agg-route-list flex flex-col gap-2", children: visibleRouteCards.length > 0 ? smartRoute.isFetching ? Array.from({ length: visibleRouteCards.length }).map((_, index) => /* @__PURE__ */ jsx4(PlaceOrderRouteCardSkeleton, {}, index)) : visibleRouteCards.map((card) => {
+                return /* @__PURE__ */ jsx4(Fragment, { children: renderRouteCard({
+                  card,
+                  enableAnimations,
+                  isExpanded: card.kind === "split" ? isSplitDetailOpen : isRoutesExpanded,
+                  isSelected: !card.isUnavailable && card.id === resolvedSelectedRouteCardId,
+                  onSelect: handleRouteCardSelect,
+                  tradingLabels
+                }) }, card.id);
+              }) : smartRoute.isFetching ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                /* @__PURE__ */ jsx4(PlaceOrderRouteCardSkeleton, {}),
+                /* @__PURE__ */ jsx4(PlaceOrderRouteCardSkeleton, {})
+              ] }) : null })
             ] }) : null,
-            hasEnteredAmount && selectedRouteCard && orderEligibility.canPlaceOrder ? /* @__PURE__ */ jsxs4("div", { className: "agg-order-summary flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ jsxs4("div", { className: "agg-order-summary-meta flex flex-col", children: [
-                /* @__PURE__ */ jsx5("p", { className: "agg-order-summary-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(internalTab) }),
-                /* @__PURE__ */ jsx5("p", { className: "agg-order-summary-hint text-agg-sm leading-agg-5 text-agg-muted-foreground", children: displayedToWinHint })
+            hasEnteredAmount && selectedRouteCard && orderEligibility.canPlaceOrder ? /* @__PURE__ */ jsxs3("div", { className: "agg-order-summary flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ jsxs3("div", { className: "agg-order-summary-meta flex flex-col", children: [
+                /* @__PURE__ */ jsx4("p", { className: "agg-order-summary-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(internalTab) }),
+                /* @__PURE__ */ jsx4("p", { className: "agg-order-summary-hint text-agg-sm leading-agg-5 text-agg-muted-foreground", children: displayedToWinHint })
               ] }),
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx4(
                 NumberFlow,
                 {
                   value: displayedToWinValue,
@@ -3700,7 +3275,7 @@ var PlaceOrder = ({
                 }
               )
             ] }) : null,
-            /* @__PURE__ */ jsxs4(
+            /* @__PURE__ */ jsxs3(
               "div",
               {
                 className: cn(
@@ -3708,54 +3283,23 @@ var PlaceOrder = ({
                   classNames == null ? void 0 : classNames.footer
                 ),
                 children: [
-                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsxs4("div", { className: "agg-order-alerts flex flex-col gap-3 empty:hidden mb-3", children: [
-                    submissionFeedback ? /* @__PURE__ */ jsx5(
+                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsxs3("div", { className: "agg-order-alerts flex flex-col gap-3 empty:hidden mb-3", children: [
+                    submissionFeedback ? /* @__PURE__ */ jsx4(
                       InlineAlert,
                       {
                         tone: submissionFeedback.tone,
                         message: submissionFeedback.message
                       }
                     ) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && isInsufficientBalance ? /* @__PURE__ */ jsx5(
-                      "div",
-                      {
-                        className: "agg-order-sign-in-alert flex items-center justify-center gap-2",
-                        role: "status",
-                        "aria-live": "polite",
-                        children: /* @__PURE__ */ jsx5(
-                          Button,
-                          {
-                            variant: "tertiary",
-                            "aria-label": tradingLabels.insufficientBalance,
-                            onClick: handleDepositRequiredClick,
-                            className: cn(
-                              "agg-order-sign-in-alert-trigger text-agg-sm! text-agg-foreground! font-agg-normal! hover:text-agg-muted-foreground!"
-                            ),
-                            children: /* @__PURE__ */ jsxs4("span", { className: "flex items-center gap-2", children: [
-                              /* @__PURE__ */ jsx5(
-                                Icon,
-                                {
-                                  name: "warning-filled",
-                                  size: "small",
-                                  className: "h-4! w-4! shrink-0 text-agg-warning",
-                                  "aria-hidden": "true"
-                                }
-                              ),
-                              /* @__PURE__ */ jsx5("span", { children: tradingLabels.insufficientBalance })
-                            ] })
-                          }
-                        )
-                      }
-                    ) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ jsx5(
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ jsx4(
                       InlineAlert,
                       {
                         tone: "error",
                         message: tradingLabels.minimumOrderAmount(MIN_BUY_ORDER_AMOUNT)
                       }
                     ) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ jsx5(InlineAlert, { tone: quoteStatus.tone, message: quoteStatus.message }) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && isAuthenticated && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ jsx5(
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ jsx4(InlineAlert, { tone: quoteStatus.tone, message: quoteStatus.message }) : null,
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && isAuthenticated && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ jsx4(
                       InlineAlert,
                       {
                         tone: "error",
@@ -3765,40 +3309,50 @@ var PlaceOrder = ({
                           void smartRoute.refetch();
                         }
                       }
-                    ) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !quoteStatus && !isAuthenticated && hasEnteredAmount ? /* @__PURE__ */ jsx5(
-                      "div",
-                      {
-                        className: "agg-order-sign-in-alert flex items-center justify-center gap-2",
-                        role: "status",
-                        "aria-live": "polite",
-                        children: /* @__PURE__ */ jsx5(
-                          Button,
-                          {
-                            variant: "tertiary",
-                            "aria-label": tradingLabels.signInRequired,
-                            onClick: handleSignInRequiredClick,
-                            className: cn(
-                              "agg-order-sign-in-alert-trigger text-agg-sm! text-agg-foreground! font-agg-normal! hover:text-agg-muted-foreground!"
-                            ),
-                            children: /* @__PURE__ */ jsxs4("span", { className: "flex items-center gap-2", children: [
-                              /* @__PURE__ */ jsx5(
-                                Icon,
-                                {
-                                  name: "warning-filled",
-                                  size: "small",
-                                  className: "h-4! w-4! shrink-0 text-agg-warning",
-                                  "aria-hidden": "true"
-                                }
-                              ),
-                              /* @__PURE__ */ jsx5("span", { children: tradingLabels.signInRequired })
-                            ] })
-                          }
-                        )
-                      }
                     ) : null
                   ] }) : null,
-                  needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx5(InitiateKycButton, { label: tradingLabels.kycRequired, onOpen: openVerifyModal }) : /* @__PURE__ */ jsx5(
+                  !submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && isInsufficientBalance ? /* @__PURE__ */ jsxs3(
+                    "div",
+                    {
+                      className: "agg-order-insufficient-balance-alert flex items-center justify-center gap-2",
+                      role: "status",
+                      "aria-live": "polite",
+                      children: [
+                        /* @__PURE__ */ jsx4(
+                          Icon,
+                          {
+                            name: "warning-filled",
+                            size: "small",
+                            className: "h-4 w-4 shrink-0 text-agg-warning",
+                            "aria-hidden": "true"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx4("span", { className: "text-agg-sm text-agg-foreground", children: tradingLabels.insufficientBalance })
+                      ]
+                    }
+                  ) : null,
+                  !submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ jsx4(
+                    Button,
+                    {
+                      size: "large",
+                      variant: "primary",
+                      className: "agg-order-submit h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none",
+                      "aria-label": tradingLabels.deposit,
+                      onClick: handleDepositRequiredClick,
+                      children: tradingLabels.deposit
+                    }
+                  ) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx4(InitiateKycButton, { label: tradingLabels.kycRequired, onOpen: openVerifyModal }) : !isAuthenticated ? /* @__PURE__ */ jsx4(
+                    Button,
+                    {
+                      size: "large",
+                      variant: "primary",
+                      className: "agg-order-submit h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none",
+                      disabled: !orderEligibility.canPlaceOrder || shouldShowGeoBlockBanner,
+                      "aria-label": tradingLabels.signInToTrade,
+                      onClick: requestAggAuthChooserOpen,
+                      children: tradingLabels.signInToTrade
+                    }
+                  ) : /* @__PURE__ */ jsx4(
                     Button,
                     {
                       size: "large",
@@ -3813,16 +3367,16 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
-                  shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx5(GeoBlockBanner, { venue: geoBlockVenueLabel, termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
-                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx5("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
+                  shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx4(GeoBlockBanner, { venue: geoBlockVenueLabel, termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
+                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx4("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
                 ]
               }
             )
           ] })
-        ] })
+        ]
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       KycVerifyModal,
       {
         open: isKycVerifyModalOpen,
@@ -3839,7 +3393,7 @@ var PlaceOrder = ({
         }
       }
     ),
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       KycSuccessModal,
       {
         open: showKycSuccessModal,
@@ -3860,19 +3414,6 @@ PlaceOrder.displayName = "PlaceOrder";
 export {
   parseVenue,
   parseAmount,
-  defaultSettlementSectionLabel,
-  defaultSettlementDifferencesTitle,
-  defaultTradingDisclaimer,
-  getTradingDateLabel,
-  getTradingVenueLabel,
-  getTradingValueLabel,
-  getTradingPriceLabel,
-  getTradingAveragePriceLabel,
-  getTradingBalanceLabel,
-  getTradingSharesLabel,
-  getTradingSlippageLabel,
-  Settlement,
-  mapVenueMarketsToSettlementSections,
   SettlementDetails,
   DEPOSIT_MODAL_OPEN_EVENT,
   WITHDRAW_MODAL_OPEN_EVENT,