@agg-build/ui 1.0.0

package/dist/chunk-CGNDMLQL.mjs

@@ -0,0 +1,3813 @@
+"use client";
+import {
+  formatProbabilityCents,
+  resolveOrderEligibilityMessage
+} from "./chunk-C7T56TJR.mjs";
+import {
+  GeoBlockBanner
+} from "./chunk-2QJXRRYP.mjs";
+import {
+  Button,
+  Card,
+  CloseIcon,
+  CurrencyInput,
+  Icon,
+  InlineAlert,
+  LoadingIcon,
+  Modal,
+  RemoteImage,
+  Skeleton,
+  SuccessCheckIcon,
+  Typography,
+  UserTrustIcon,
+  VenueLogo,
+  __async,
+  __spreadProps,
+  __spreadValues,
+  cn,
+  formatUsd,
+  getMotionClassName,
+  skeletonViews
+} from "./chunk-6NS7D73S.mjs";
+
+// src/trading/types.ts
+import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
+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"
+};
+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(
+    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,
+      className
+    }
+  ) }) });
+};
+SettlementDetails.displayName = "SettlementDetails";
+
+// src/trading/place-order/index.tsx
+import {
+  getWalletAddressFromUserProfile,
+  invalidateBalanceQueries,
+  invalidatePositionQueries,
+  requestAggAuthChooserOpen,
+  resolveEventTradingState,
+  resolveMarketTradingState,
+  resolveOrderEligibility,
+  useAggAuthContext,
+  useAggBalanceState,
+  useAggClient as useAggClient2,
+  useDebouncedValue,
+  useEventTradingContext as useEventTradingContext2,
+  useExecuteManaged,
+  useExecutionPositions,
+  useExecutionProgress,
+  useGeoBlock,
+  useLabels as useLabels3,
+  useLiveOutcomePrices,
+  useQueryClient,
+  useSdkUiConfig as useSdkUiConfig2,
+  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";
+
+// src/shared/deposit-modal-events.ts
+var DEPOSIT_MODAL_OPEN_EVENT = "agg-deposit:open-modal";
+var WITHDRAW_MODAL_OPEN_EVENT = "agg-withdraw:open-modal";
+var requestAggDepositModalOpen = () => {
+  if (typeof window === "undefined") return;
+  window.dispatchEvent(new Event(DEPOSIT_MODAL_OPEN_EVENT));
+};
+var requestAggWithdrawModalOpen = () => {
+  if (typeof window === "undefined") return;
+  window.dispatchEvent(new Event(WITHDRAW_MODAL_OPEN_EVENT));
+};
+
+// 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";
+var KYC_PENDING_STORAGE_KEY = "agg_kyc_pending";
+var getKycPendingState = () => {
+  var _a, _b;
+  const rawValue = sessionStorage.getItem(KYC_PENDING_STORAGE_KEY);
+  if (!rawValue) return null;
+  try {
+    const parsed = JSON.parse(rawValue);
+    if (parsed.venue !== "kalshi") return null;
+    return {
+      venue: "kalshi",
+      userId: (_a = parsed.userId) != null ? _a : null,
+      walletAddress: (_b = parsed.walletAddress) != null ? _b : null
+    };
+  } catch (e) {
+    return null;
+  }
+};
+var setKycPendingState = (state) => {
+  sessionStorage.setItem(KYC_PENDING_STORAGE_KEY, JSON.stringify(state));
+};
+var clearKycPendingState = () => {
+  sessionStorage.removeItem(KYC_PENDING_STORAGE_KEY);
+};
+var useKalshiKycFlow = ({
+  isKalshiVerified,
+  userId,
+  walletAddress,
+  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 { isReady, isTimedOut } = useDepositAddresses({ enabled: needsDepositAddress, poll: true });
+  const pendingState = useMemo2(
+    () => ({
+      venue: "kalshi",
+      userId: userId != null ? userId : null,
+      walletAddress: walletAddress != null ? walletAddress : null
+    }),
+    [userId, walletAddress]
+  );
+  const resetInitiation = useCallback2(() => {
+    setIsInitiating(false);
+    setNeedsDepositAddress(false);
+  }, []);
+  const closeVerifyModal = useCallback2(() => {
+    initiationAttemptRef.current += 1;
+    clearKycPendingState();
+    resetInitiation();
+    setIsVerifyModalOpen(false);
+  }, [resetInitiation]);
+  const closeSuccessModal = useCallback2(() => {
+    setShowSuccessModal(false);
+  }, []);
+  const openVerifyModal = useCallback2(() => {
+    setIsVerifyModalOpen(true);
+  }, []);
+  const startVerification = useCallback2(() => {
+    initiationAttemptRef.current += 1;
+    setIsInitiating(true);
+    setNeedsDepositAddress(true);
+  }, []);
+  useEffect2(() => {
+    if (!isInitiating || !isReady) return;
+    const attemptId = initiationAttemptRef.current;
+    const redirectUri = window.location.href;
+    setKycPendingState(pendingState);
+    client.initiateKyc("kalshi", redirectUri).then((res) => {
+      if (initiationAttemptRef.current !== attemptId) return;
+      if (res.kycUrl) window.location.assign(res.kycUrl);
+    }).catch((err) => {
+      if (initiationAttemptRef.current !== attemptId) return;
+      clearKycPendingState();
+      onError == null ? void 0 : onError(err instanceof Error ? err : new Error(String(err)));
+    }).finally(() => {
+      if (initiationAttemptRef.current !== attemptId) return;
+      resetInitiation();
+    });
+  }, [client, isInitiating, isReady, onError, pendingState, resetInitiation]);
+  useEffect2(() => {
+    if (isTimedOut && isInitiating) {
+      clearKycPendingState();
+      resetInitiation();
+      onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
+    }
+  }, [isInitiating, isTimedOut, onError, resetInitiation]);
+  useEffect2(() => {
+    const storedPendingState = getKycPendingState();
+    const isMatchingSession = (storedPendingState == null ? void 0 : storedPendingState.venue) === "kalshi" && storedPendingState.userId === pendingState.userId && storedPendingState.walletAddress === pendingState.walletAddress;
+    if (isKalshiVerified && isMatchingSession) {
+      clearKycPendingState();
+      setShowSuccessModal(true);
+    }
+  }, [isKalshiVerified, pendingState]);
+  return {
+    isVerifyModalOpen,
+    showSuccessModal,
+    isInitiating,
+    openVerifyModal,
+    closeVerifyModal,
+    closeSuccessModal,
+    startVerification
+  };
+};
+
+// src/trading/place-order/index.place-order.constants.ts
+var MIN_BUY_ORDER_AMOUNT = 1;
+var DEFAULT_SLIPPAGE_VALUE = "0.5";
+var HIGH_SLIPPAGE_THRESHOLD = 10;
+var PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT = 3;
+var PLACE_ORDER_CONTAINER_CLASS_NAME = "w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary shadow-none hover:shadow-none";
+var PLACE_ORDER_OUTCOME_BUTTON_CLASS_NAMES = {
+  activeNegative: "border-agg-error/50 bg-agg-error/15 font-agg-bold text-agg-error",
+  activePositive: "border-agg-success/50 bg-agg-success/15 font-agg-bold text-agg-success",
+  base: "flex h-10 flex-1 items-center justify-center rounded-agg-full border px-6 text-agg-base leading-agg-6",
+  inactive: "border-transparent bg-agg-secondary-hover font-agg-normal text-agg-foreground hover:bg-agg-tertiary"
+};
+
+// src/trading/place-order/index.place-order.utils.ts
+var routePriceLabelFormatter = new Intl.NumberFormat("en-US", {
+  minimumFractionDigits: 0,
+  maximumFractionDigits: 1
+});
+var GEO_BLOCK_WARNING_PREFIX = "Venue not available in your region";
+var isGeoBlockWarningReason = (reason) => reason.startsWith(GEO_BLOCK_WARNING_PREFIX);
+var extractGeoBlockedVenues = (warnings) => {
+  if (!(warnings == null ? void 0 : warnings.length)) return /* @__PURE__ */ new Set();
+  return new Set(
+    warnings.filter((w) => w.venue && isGeoBlockWarningReason(w.reason)).map((w) => w.venue)
+  );
+};
+var getPlaceOrderContainerClassName = () => {
+  return PLACE_ORDER_CONTAINER_CLASS_NAME;
+};
+var resolveIsPositiveOutcome = (_outcome, index) => {
+  return index === 0;
+};
+var getOutcomeButtonClassName = ({
+  enableAnimations,
+  isActive,
+  isPositive
+}) => {
+  return cn(
+    "cursor-pointer",
+    PLACE_ORDER_OUTCOME_BUTTON_CLASS_NAMES.base,
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary",
+    getMotionClassName(
+      enableAnimations,
+      "transition-[background-color,border-color,color,transform] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
+    ),
+    isActive ? isPositive ? PLACE_ORDER_OUTCOME_BUTTON_CLASS_NAMES.activePositive : PLACE_ORDER_OUTCOME_BUTTON_CLASS_NAMES.activeNegative : PLACE_ORDER_OUTCOME_BUTTON_CLASS_NAMES.inactive
+  );
+};
+var sortOutcomesYesFirst = (outcomes) => {
+  const hasYes = outcomes.some((o) => o.label.trim().toLowerCase() === "yes");
+  const hasNo = outcomes.some((o) => o.label.trim().toLowerCase() === "no");
+  if (!hasYes || !hasNo) return outcomes;
+  return [...outcomes].sort((a, b) => {
+    if (a.label.trim().toLowerCase() === "yes" && b.label.trim().toLowerCase() !== "yes") return -1;
+    if (a.label.trim().toLowerCase() !== "yes" && b.label.trim().toLowerCase() === "yes") return 1;
+    return 0;
+  });
+};
+var mapVenueMarketOutcomesToPlaceOrderOutcomes = (venueMarketOutcomes) => {
+  if (!(venueMarketOutcomes == null ? void 0 : venueMarketOutcomes.length)) return [];
+  return sortOutcomesYesFirst(venueMarketOutcomes).map((outcome) => {
+    var _a;
+    return {
+      id: outcome.id,
+      label: outcome.label,
+      title: (_a = outcome.title) != null ? _a : null,
+      price: outcome.price,
+      priceLabel: getTradingPriceLabel(outcome.price)
+    };
+  });
+};
+var mapQuoteDataToRoutingRows = (quoteData) => {
+  if (!(quoteData == null ? void 0 : quoteData.fills.length)) return [];
+  return quoteData.fills.map((fill) => ({
+    venue: fill.venue,
+    label: getTradingValueLabel({ amount: fill.venueQty * fill.avgPrice }),
+    priceLabel: getTradingRoutePriceLabel(fill.avgPrice),
+    resultLabel: getTradingValueLabel({
+      amount: fill.venueQty,
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    })
+  }));
+};
+var deriveAggregateOrderStatus = (orderIds, terminalEvents) => {
+  if (!orderIds.length) return "pending";
+  const terminalById = new Map(terminalEvents.map((e) => [e.orderId, e]));
+  const allSettled = orderIds.every((id) => terminalById.has(id));
+  if (!allSettled) return "pending";
+  const events = orderIds.map((id) => terminalById.get(id));
+  if (events.every((e) => e.event === "filled")) return "full_success";
+  if (events.every((e) => e.event === "failed")) return "full_failure";
+  return "partial_failure";
+};
+var parseFilledAmountRawDollars = (filledAmountRaw) => {
+  if (!filledAmountRaw) return null;
+  const raw = Number(filledAmountRaw);
+  if (!Number.isFinite(raw) || raw <= 0) return null;
+  return raw / 1e6;
+};
+var resolvePlaceOrderQuoteResult = ({
+  labels,
+  quoteData,
+  tradeSide
+}) => {
+  if (!quoteData || quoteData.totalFilled <= 0) return null;
+  const avgPrice = quoteData.rawExecCost / quoteData.totalFilled;
+  const quoteValue = tradeSide === "sell" ? quoteData.rawExecCost : quoteData.totalFilled;
+  return {
+    hint: labels.averagePrice(avgPrice),
+    value: getTradingValueLabel({
+      amount: quoteValue,
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    })
+  };
+};
+var getTradingRoutePriceLabel = (value) => {
+  const centsValue = Number.isFinite(value) ? value * 100 : 0;
+  return `${routePriceLabelFormatter.format(centsValue)}\xA2`;
+};
+var resolvePlaceOrderQuoteStatus = ({
+  amount,
+  labels,
+  quoteData,
+  selectedMarket
+}) => {
+  var _a, _b, _c, _d;
+  if (!selectedMarket) {
+    return {
+      tone: "warning",
+      message: labels.noMarketSelected,
+      placement: "above-action"
+    };
+  }
+  if (!quoteData) return void 0;
+  if (quoteData.status === "no_orderbooks") {
+    return {
+      tone: "error",
+      message: labels.noOrderbooks,
+      placement: "above-action"
+    };
+  }
+  if (quoteData.status === "infeasible") {
+    return {
+      tone: "error",
+      message: labels.insufficientLiquidity,
+      placement: "above-action"
+    };
+  }
+  if (quoteData.status === "min_order_size_violated") {
+    return {
+      tone: "error",
+      message: (_a = quoteData.message) != null ? _a : labels.minOrderSizeViolated,
+      placement: "above-action"
+    };
+  }
+  if (quoteData.status === "insufficient_input_amount") {
+    return {
+      tone: "error",
+      message: (_b = quoteData.message) != null ? _b : labels.insufficientInputAmount,
+      placement: "above-action"
+    };
+  }
+  if (quoteData.status === "invalid_input") {
+    return {
+      tone: "error",
+      message: (_c = quoteData.message) != null ? _c : labels.quoteUnavailable,
+      placement: "above-action"
+    };
+  }
+  if (quoteData.status === "insufficient_position") {
+    const total = (_d = quoteData.positionAvailability) == null ? void 0 : _d.totalSellableShares;
+    const message = total != null ? labels.insufficientPosition(total) : labels.insufficientPositionGeneric;
+    return { tone: "error", message, placement: "above-action" };
+  }
+  if (quoteData.status === "insufficient_depth") {
+    return {
+      tone: "error",
+      message: labels.insufficientSellDepth,
+      placement: "above-action"
+    };
+  }
+  if (quoteData.status === "no_bids_above_min_price") {
+    return {
+      tone: "error",
+      message: labels.noBidsAboveMinPrice,
+      placement: "above-action"
+    };
+  }
+  if (quoteData.status === "insufficient_balance") {
+    return void 0;
+  }
+  if (quoteData.status !== "ok") {
+    return {
+      tone: "error",
+      message: labels.engineUnavailable,
+      placement: "above-action"
+    };
+  }
+  if (quoteData.totalFilled === 0 && amount > 0) {
+    return {
+      tone: "error",
+      message: labels.insufficientLiquidity,
+      placement: "above-action"
+    };
+  }
+  return void 0;
+};
+var buildLiveRouteCards = ({
+  labels,
+  quoteData,
+  tradeSide
+}) => {
+  var _a, _b, _c;
+  const geoBlockedVenues = extractGeoBlockedVenues(quoteData.warnings);
+  const primaryResult = resolvePlaceOrderQuoteResult({ labels, quoteData, tradeSide });
+  const primaryVenue = (_a = quoteData.fills[0]) == null ? void 0 : _a.venue;
+  const parsedPrimaryVenue = parseVenue(primaryVenue);
+  const isSplit = quoteData.fills.length > 1;
+  const primaryWinnerVenue = quoteData.fills.length === 1 ? primaryVenue : void 0;
+  const isPrimaryRouteGeoBlocked = quoteData.fills.length > 0 && quoteData.fills.every((f) => geoBlockedVenues.has(f.venue));
+  const primaryCard = primaryResult ? isPrimaryRouteGeoBlocked ? {
+    id: "live-route",
+    hint: "",
+    kind: "venue",
+    label: getTradingVenueLabel(
+      parsedPrimaryVenue.success ? parsedPrimaryVenue.data : void 0
+    ),
+    numericValue: 0,
+    quoteData,
+    value: "",
+    venue: parsedPrimaryVenue.success ? parsedPrimaryVenue.data : void 0,
+    isUnavailable: true
+  } : {
+    id: "live-route",
+    hint: primaryResult.hint,
+    kind: isSplit ? "split" : "venue",
+    label: isSplit ? labels.orderSplitting : getTradingVenueLabel(
+      parsedPrimaryVenue.success ? parsedPrimaryVenue.data : void 0
+    ),
+    numericValue: tradeSide === "sell" ? quoteData.rawExecCost : quoteData.totalFilled,
+    quoteData,
+    rows: mapQuoteDataToRoutingRows(quoteData),
+    value: primaryResult.value,
+    venue: isSplit ? void 0 : parsedPrimaryVenue.success ? parsedPrimaryVenue.data : void 0
+  } : null;
+  const soloCards = ((_b = quoteData.venueSoloQuotes) != null ? _b : []).filter(
+    (sq) => sq.status === "ok" && sq.avgPrice !== null && sq.filledQty > 0 && (sq.quoteId || quoteData.status === "insufficient_balance") && sq.venue !== primaryWinnerVenue
+  ).map((sq) => {
+    var _a2;
+    const parsedVenue = parseVenue(sq.venue);
+    const venue = parsedVenue.success ? parsedVenue.data : void 0;
+    if (geoBlockedVenues.has(sq.venue)) {
+      return {
+        id: `live-unavailable-${sq.venue}`,
+        hint: "",
+        kind: "venue",
+        label: getTradingVenueLabel(venue),
+        numericValue: 0,
+        quoteData,
+        value: "",
+        venue,
+        isUnavailable: true
+      };
+    }
+    const avgPrice = sq.avgPrice;
+    const soloQuoteData = __spreadProps(__spreadValues({}, quoteData), {
+      // Preview-only solos from `insufficient_balance` intentionally carry
+      // no executable quoteId; the card should still render for comparison,
+      // while the CTA stays disabled until the user is funded and requotes.
+      quoteId: (_a2 = sq.quoteId) != null ? _a2 : "",
+      fills: sq.fills.map((f) => __spreadValues({}, f)),
+      totalFilled: sq.filledQty,
+      rawExecCost: sq.rawExecCost,
+      estimatedPayout: sq.estimatedPayout,
+      estimatedProfit: sq.estimatedProfit,
+      returnPct: sq.returnPct,
+      // venueSoloQuotes stripped on solo card's quoteData (only the primary needs them)
+      venueSoloQuotes: void 0
+    });
+    return {
+      id: `live-solo-${sq.venue}`,
+      hint: labels.averagePrice(avgPrice),
+      kind: "venue",
+      label: getTradingVenueLabel(venue),
+      numericValue: sq.filledQty,
+      quoteData: soloQuoteData,
+      value: getTradingValueLabel({
+        amount: sq.filledQty,
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2
+      }),
+      venue
+    };
+  });
+  const unavailableCards = ((_c = quoteData.venueSoloQuotes) != null ? _c : []).filter((sq) => sq.status === "unavailable").map((sq) => {
+    const parsedVenue = parseVenue(sq.venue);
+    const venue = parsedVenue.success ? parsedVenue.data : void 0;
+    return {
+      id: `live-unavailable-${sq.venue}`,
+      hint: "",
+      kind: "venue",
+      label: getTradingVenueLabel(venue),
+      numericValue: 0,
+      quoteData,
+      value: "",
+      venue,
+      isUnavailable: true
+    };
+  });
+  const baseCards = primaryCard ? [primaryCard, ...soloCards] : soloCards;
+  const coveredVenueStrings = new Set(
+    [...baseCards, ...unavailableCards].flatMap((c) => c.venue ? [c.venue] : [])
+  );
+  const geoBlockedOnlyCards = [...geoBlockedVenues].filter((venueStr) => !coveredVenueStrings.has(venueStr)).map((venueStr) => {
+    const parsedVenue = parseVenue(venueStr);
+    const venue = parsedVenue.success ? parsedVenue.data : void 0;
+    return {
+      id: `live-geo-blocked-${venueStr}`,
+      hint: "",
+      kind: "venue",
+      label: getTradingVenueLabel(venue),
+      numericValue: 0,
+      quoteData,
+      value: "",
+      venue,
+      isUnavailable: true
+    };
+  });
+  return [...baseCards, ...unavailableCards, ...geoBlockedOnlyCards];
+};
+var resolveExecutionVenueFromQuote = (quoteData) => {
+  if (!(quoteData == null ? void 0 : quoteData.fills.length)) return void 0;
+  const dominantFill = [...quoteData.fills].sort((a, b) => b.venueQty - a.venueQty)[0];
+  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;
+  const bestSoloVenueFill = Math.max(
+    0,
+    ...((_b = quoteData.venueSoloQuotes) != null ? _b : []).filter((quote) => quote.status === "ok" && quote.filledQty > 0).map((quote) => quote.filledQty)
+  );
+  if (bestSoloVenueFill <= 0) return 0;
+  return Math.max(0, quoteData.totalFilled - bestSoloVenueFill);
+};
+var resolvePrimarySubmittedOrderId = ({
+  allowOrderIdFallback = true,
+  orderId,
+  submittedOrders
+}) => {
+  var _a;
+  const submittedOrderId = (_a = [...submittedOrders != null ? submittedOrders : []].sort((left, right) => left.timestamp - right.timestamp).find((submittedOrder) => submittedOrder.orderId.trim())) == null ? void 0 : _a.orderId;
+  if (submittedOrderId) return submittedOrderId;
+  if (!allowOrderIdFallback) return void 0;
+  if (orderId == null ? void 0 : orderId.trim()) return orderId;
+  return void 0;
+};
+var normalizeOrderIdLabelInput = (orderId) => orderId.replace(/^#+/, "");
+var buildPlaceOrderExecutionStepGroups = ({
+  labels,
+  orderId,
+  quoteData,
+  submittedOrders
+}) => {
+  var _a, _b;
+  const submittedOrderId = resolvePrimarySubmittedOrderId({ orderId, submittedOrders });
+  const baseGroup = [
+    {
+      id: "finding-route",
+      label: labels.findingBestRoute,
+      tone: "complete"
+    },
+    {
+      id: "submitting-order",
+      label: labels.submittingOrderProgress,
+      tone: "complete"
+    }
+  ];
+  if (submittedOrderId) {
+    baseGroup.push({
+      id: "order-submitted",
+      label: labels.orderSubmittedProgress(normalizeOrderIdLabelInput(submittedOrderId)),
+      tone: "complete"
+    });
+  }
+  const fallbackVenueSteps = ((_a = quoteData == null ? void 0 : quoteData.fills) != null ? _a : []).map((fill, index) => {
+    var _a2, _b2;
+    const parsedVenue = parseVenue(fill.venue);
+    const venue = parsedVenue.success ? parsedVenue.data : void 0;
+    const venueLabel = getTradingVenueLabel(venue);
+    return [
+      {
+        id: `executing-${venueLabel}-${index}`,
+        label: labels.executingOnVenue(venueLabel),
+        tone: "complete",
+        venue
+      },
+      {
+        id: `filled-${venueLabel}-${index}`,
+        label: (_b2 = (_a2 = labels.orderFilledAtPrice) == null ? void 0 : _a2.call(labels, venueLabel, getTradingRoutePriceLabel(fill.avgPrice))) != null ? _b2 : `${venueLabel} order filled at ${getTradingRoutePriceLabel(fill.avgPrice)}`,
+        tone: "complete"
+      }
+    ];
+  });
+  const submittedOrderSteps = Array.from(
+    new Map(
+      (submittedOrders != null ? submittedOrders : []).map((submittedOrder) => [submittedOrder.orderId, submittedOrder])
+    ).values()
+  ).sort((left, right) => left.timestamp - right.timestamp).map((submittedOrder, index) => {
+    var _a2, _b2;
+    const parsedVenue = parseVenue(submittedOrder.venue);
+    const venue = parsedVenue.success ? parsedVenue.data : void 0;
+    const venueLabel = getTradingVenueLabel(venue);
+    return [
+      {
+        id: `executing-${submittedOrder.orderId}-${index}`,
+        label: labels.executingOnVenue(venueLabel),
+        tone: "complete",
+        venue
+      },
+      {
+        id: `filled-${submittedOrder.orderId}-${index}`,
+        label: (_b2 = (_a2 = labels.orderFilledAtPrice) == null ? void 0 : _a2.call(
+          labels,
+          venueLabel,
+          getTradingRoutePriceLabel(submittedOrder.price)
+        )) != null ? _b2 : `${venueLabel} order filled at ${getTradingRoutePriceLabel(submittedOrder.price)}`,
+        tone: "complete"
+      }
+    ];
+  });
+  return [
+    baseGroup,
+    ...submittedOrderSteps.length > 0 ? submittedOrderSteps : fallbackVenueSteps,
+    [
+      {
+        id: "order-complete",
+        label: (_b = labels.orderComplete) != null ? _b : "Order complete",
+        tone: "complete"
+      }
+    ]
+  ];
+};
+var groupPlaceOrderFailureSteps = (steps) => {
+  if (!steps.length) return [];
+  const baseStepIds = /* @__PURE__ */ new Set(["finding-route", "submitting-order", "order-submitted"]);
+  const groupedSteps = [];
+  const baseGroup = [];
+  let currentGroup = [];
+  for (const step of steps) {
+    if (baseStepIds.has(step.id)) {
+      if (currentGroup.length > 0) {
+        groupedSteps.push(currentGroup);
+        currentGroup = [];
+      }
+      baseGroup.push(step);
+      continue;
+    }
+    if (step.id.startsWith("executing-")) {
+      if (currentGroup.length > 0) {
+        groupedSteps.push(currentGroup);
+      }
+      currentGroup = [step];
+      continue;
+    }
+    if (currentGroup.length === 0) {
+      currentGroup = [step];
+      continue;
+    }
+    currentGroup.push(step);
+  }
+  if (baseGroup.length > 0) {
+    groupedSteps.unshift(baseGroup);
+  }
+  if (currentGroup.length > 0) {
+    groupedSteps.push(currentGroup);
+  }
+  return groupedSteps;
+};
+var buildPlaceOrderExecutionStepGroupsFromFailureSummary = ({
+  labels,
+  summary
+}) => {
+  var _a;
+  const failureStepGroups = groupPlaceOrderFailureSteps(summary.steps).map(
+    (group) => group.map((step) => ({
+      id: step.id,
+      label: step.label,
+      tone: step.tone,
+      venue: step.venue
+    }))
+  );
+  return [
+    ...failureStepGroups,
+    [
+      {
+        id: "order-complete",
+        label: (_a = labels.orderComplete) != null ? _a : "Order complete",
+        tone: "complete"
+      }
+    ]
+  ];
+};
+var MARKET_RESOLVED_ERROR_PATTERN = /\b(resolved|no longer accepting orders|accepting orders|market closed|event closed)\b/i;
+var VENUE_UNAVAILABLE_ERROR_PATTERN = /\b(unavailable|unreachable|timeout|timed out|expired|canceled|cancelled|failed with no fills)\b/i;
+var ALCHEMY_SPONSORSHIP_ERROR_PATTERN = /\bsponsorship failed: sender has no balance of the token for erc20 sponsorship\b/i;
+var ALCHEMY_PREPARE_CALLS_ERROR_PATTERN = /\bwallet_prepareCalls\b/i;
+var tryParseJsonErrorValue = (value) => {
+  try {
+    return JSON.parse(value);
+  } catch (e) {
+    return null;
+  }
+};
+var extractPlaceOrderErrorMessage = (value) => {
+  if (!value) return null;
+  if (typeof value === "string") {
+    const trimmedValue = value.trim();
+    if (!trimmedValue) return null;
+    const parsedValue = tryParseJsonErrorValue(trimmedValue);
+    if (parsedValue && parsedValue !== trimmedValue) {
+      return extractPlaceOrderErrorMessage(parsedValue);
+    }
+    return trimmedValue;
+  }
+  if (typeof value !== "object") return null;
+  if ("message" in value && typeof value.message === "string") {
+    return extractPlaceOrderErrorMessage(value.message);
+  }
+  if ("error" in value) {
+    return extractPlaceOrderErrorMessage(value.error);
+  }
+  return null;
+};
+var normalizePlaceOrderErrorMessage = ({
+  errorMessage,
+  fallbackMessage
+}) => {
+  const extractedMessage = extractPlaceOrderErrorMessage(errorMessage);
+  if (!extractedMessage) return fallbackMessage;
+  if (ALCHEMY_SPONSORSHIP_ERROR_PATTERN.test(extractedMessage) || ALCHEMY_PREPARE_CALLS_ERROR_PATTERN.test(extractedMessage)) {
+    return "Sponsored execution is temporarily unavailable. Please try again.";
+  }
+  return extractedMessage;
+};
+var resolvePlaceOrderFailureKind = ({
+  errorMessage,
+  terminalEvent
+}) => {
+  var _a, _b, _c;
+  if ((terminalEvent == null ? void 0 : terminalEvent.event) === "partial_fill") {
+    return "partial_fill";
+  }
+  const normalizedErrorMessage = (_c = (_b = errorMessage == null ? void 0 : errorMessage.trim()) != null ? _b : (_a = terminalEvent == null ? void 0 : terminalEvent.errorReason) == null ? void 0 : _a.trim()) != null ? _c : "";
+  if (!normalizedErrorMessage) {
+    return terminalEvent ? "venue_unavailable" : "generic";
+  }
+  if (MARKET_RESOLVED_ERROR_PATTERN.test(normalizedErrorMessage)) {
+    return "market_resolved";
+  }
+  if (terminalEvent && VENUE_UNAVAILABLE_ERROR_PATTERN.test(normalizedErrorMessage)) {
+    return "venue_unavailable";
+  }
+  return "generic";
+};
+var resolveFailedVenueStep = ({
+  kind,
+  labels,
+  terminalEvent
+}) => {
+  var _a;
+  if (!terminalEvent) return null;
+  const parsedVenue = parseVenue(terminalEvent.venue);
+  const venue = parsedVenue.success ? parsedVenue.data : void 0;
+  const venueLabel = getTradingVenueLabel(venue);
+  if (kind === "partial_fill") {
+    return {
+      id: `failed-${terminalEvent.orderId}`,
+      label: labels.orderPartialFillStatus(venueLabel),
+      tone: "warning"
+    };
+  }
+  if (kind === "market_resolved") {
+    return {
+      id: `failed-${terminalEvent.orderId}`,
+      label: labels.orderMarketResolvedStatus(venueLabel),
+      tone: "error"
+    };
+  }
+  if (kind === "venue_unavailable") {
+    return {
+      id: `failed-${terminalEvent.orderId}`,
+      label: labels.orderVenueUnavailableStatus(venueLabel),
+      tone: "error"
+    };
+  }
+  return {
+    id: `failed-${terminalEvent.orderId}`,
+    label: (_a = terminalEvent.errorReason) != null ? _a : labels.orderFailureDescription(""),
+    tone: "error"
+  };
+};
+var resolvePlaceOrderFailureActions = ({
+  canRetryRemaining = true,
+  kind,
+  labels,
+  terminalEvent
+}) => {
+  const parsedVenue = parseVenue(terminalEvent == null ? void 0 : terminalEvent.venue);
+  const venue = parsedVenue.success ? parsedVenue.data : void 0;
+  const venueLabel = getTradingVenueLabel(venue);
+  if (kind === "partial_fill") {
+    if (!canRetryRemaining) {
+      return [
+        {
+          id: "skip",
+          label: labels.orderSkip,
+          variant: "skip"
+        }
+      ];
+    }
+    return [
+      {
+        id: "retry",
+        label: labels.orderRetryRemaining,
+        variant: "retry"
+      },
+      {
+        id: "skip",
+        label: labels.orderSkip,
+        variant: "skip"
+      }
+    ];
+  }
+  if (kind === "venue_unavailable") {
+    return [
+      {
+        id: "retry",
+        label: labels.orderRetryVenue(venueLabel),
+        variant: "retry"
+      },
+      {
+        id: "dismiss",
+        label: labels.orderDismiss,
+        variant: "dismiss"
+      }
+    ];
+  }
+  if (kind === "market_resolved") {
+    return [
+      {
+        id: "continue",
+        label: labels.orderContinue,
+        variant: "continue"
+      }
+    ];
+  }
+  return [
+    {
+      id: "retry",
+      label: labels.orderRetry,
+      variant: "retry"
+    },
+    {
+      id: "dismiss",
+      label: labels.orderDone,
+      variant: "dismiss"
+    }
+  ];
+};
+var getPlaceOrderUnfilledRemaining = ({
+  originalAmount,
+  terminalOrderEvents
+}) => {
+  const filled = (terminalOrderEvents != null ? terminalOrderEvents : []).reduce((acc, event) => {
+    var _a;
+    if (event.event !== "filled" && event.event !== "partial_fill") return acc;
+    return acc + ((_a = parseFilledAmountRawDollars(event.filledAmountRaw)) != null ? _a : 0);
+  }, 0);
+  return Math.max(0, originalAmount - filled);
+};
+var buildPlaceOrderFailureSummary = ({
+  actionLabel,
+  canRetryRemaining,
+  errorMessage,
+  eventImage,
+  eventSubtitle,
+  eventTitle,
+  labels,
+  orderId,
+  quoteData,
+  submittedOrders,
+  terminalOrderEvents
+}) => {
+  var _a;
+  const normalizedErrorMessage = normalizePlaceOrderErrorMessage({
+    errorMessage,
+    fallbackMessage: labels.orderFailed
+  });
+  const submittedOrderId = resolvePrimarySubmittedOrderId({
+    orderId,
+    submittedOrders,
+    allowOrderIdFallback: false
+  });
+  const baseSteps = [
+    {
+      id: "finding-route",
+      label: labels.findingBestRoute,
+      tone: "complete"
+    },
+    {
+      id: "submitting-order",
+      label: labels.submittingOrderProgress,
+      tone: "complete"
+    }
+  ];
+  if (submittedOrderId) {
+    baseSteps.push({
+      id: "order-submitted",
+      label: labels.orderSubmittedProgress(normalizeOrderIdLabelInput(submittedOrderId)),
+      tone: "complete"
+    });
+  }
+  const sortedEvents = [...terminalOrderEvents != null ? terminalOrderEvents : []].sort((a, b) => a.timestamp - b.timestamp);
+  const hasAnyPartialFill = sortedEvents.some((e) => e.event === "partial_fill");
+  const hasAnyFilled = sortedEvents.some((e) => e.event === "filled");
+  const hasAnyFailed = sortedEvents.some((e) => e.event === "failed");
+  const isMixedOutcome = (hasAnyPartialFill || hasAnyFilled) && hasAnyFailed;
+  let overallFailureKind;
+  if (hasAnyPartialFill || isMixedOutcome) {
+    overallFailureKind = "partial_fill";
+  } else {
+    const firstFailedEvent = sortedEvents.find((e) => e.event === "failed");
+    overallFailureKind = resolvePlaceOrderFailureKind({
+      errorMessage: normalizedErrorMessage,
+      terminalEvent: firstFailedEvent
+    });
+  }
+  const venueSteps = sortedEvents.flatMap((terminalEvent, index) => {
+    var _a2, _b, _c, _d, _e;
+    const parsedVenue = parseVenue(terminalEvent.venue);
+    const venue = parsedVenue.success ? parsedVenue.data : void 0;
+    const venueLabel = getTradingVenueLabel(venue);
+    const submittedOrder = (submittedOrders != null ? submittedOrders : []).find(
+      (candidate) => candidate.orderId === terminalEvent.orderId
+    );
+    const fallbackPrice = (_a2 = quoteData == null ? void 0 : quoteData.fills[index]) == null ? void 0 : _a2.avgPrice;
+    const priceLabel = getTradingRoutePriceLabel((_c = (_b = submittedOrder == null ? void 0 : submittedOrder.price) != null ? _b : fallbackPrice) != null ? _c : 0);
+    const filledDollars = parseFilledAmountRawDollars(terminalEvent.filledAmountRaw);
+    const amountLabel = filledDollars != null ? formatUsd(filledDollars) : null;
+    const executingStep = {
+      id: `executing-${terminalEvent.orderId}`,
+      label: labels.executingOnVenue(venueLabel),
+      tone: "complete",
+      venue
+    };
+    if (terminalEvent.event === "filled") {
+      const filledStepLabel = amountLabel ? labels.orderFilledAtPriceWithAmount(venueLabel, priceLabel, amountLabel) : (_e = (_d = labels.orderFilledAtPrice) == null ? void 0 : _d.call(labels, venueLabel, priceLabel)) != null ? _e : `${venueLabel} order filled at ${priceLabel}`;
+      return [
+        executingStep,
+        {
+          id: `filled-${terminalEvent.orderId}`,
+          label: filledStepLabel,
+          tone: "complete"
+        }
+      ];
+    }
+    if (terminalEvent.event === "partial_fill") {
+      const partialStepLabel = amountLabel ? labels.orderPartiallyFilledAtPriceWithAmount(venueLabel, priceLabel, amountLabel) : labels.orderPartialFillStatus(venueLabel);
+      return [
+        executingStep,
+        {
+          id: `partial-${terminalEvent.orderId}`,
+          label: partialStepLabel,
+          tone: "warning"
+        }
+      ];
+    }
+    const perEventKind = resolvePlaceOrderFailureKind({
+      errorMessage: normalizePlaceOrderErrorMessage({
+        errorMessage: terminalEvent.errorReason,
+        fallbackMessage: labels.orderFailed
+      }),
+      terminalEvent
+    });
+    const failedStep = resolveFailedVenueStep({ kind: perEventKind, labels, terminalEvent });
+    return [executingStep, ...failedStep ? [failedStep] : []];
+  });
+  const fallbackFailureStep = sortedEvents.length === 0 ? {
+    id: "failed-generic",
+    label: normalizedErrorMessage,
+    tone: "error"
+  } : null;
+  const primaryNonFilledEvent = (_a = sortedEvents.find((e) => e.event !== "filled")) != null ? _a : sortedEvents[0];
+  return {
+    actionLabel,
+    actions: resolvePlaceOrderFailureActions({
+      canRetryRemaining,
+      kind: overallFailureKind,
+      labels,
+      terminalEvent: primaryNonFilledEvent
+    }),
+    errorMessage: normalizedErrorMessage,
+    eventImage,
+    eventSubtitle,
+    eventTitle,
+    kind: overallFailureKind,
+    steps: [...baseSteps, ...venueSteps, ...fallbackFailureStep ? [fallbackFailureStep] : []]
+  };
+};
+var buildPlaceOrderShareText = ({
+  actionLabel,
+  amountLabel,
+  eventTitle,
+  potentialReturnLabel,
+  tab,
+  toWinLabel,
+  tradingLabels
+}) => {
+  var _a, _b, _c;
+  const lines = [
+    actionLabel,
+    eventTitle,
+    `${tradingLabels.amount(tab)}: ${amountLabel}`,
+    `${tradingLabels.toWin(tab)}: ${toWinLabel}`
+  ];
+  if (potentialReturnLabel) {
+    lines.push(
+      (_b = (_a = tradingLabels.potentialReturnBonus) == null ? void 0 : _a.call(tradingLabels, potentialReturnLabel)) != null ? _b : `+${potentialReturnLabel} Better Payout`
+    );
+    lines.push((_c = tradingLabels.withSmartRouting) != null ? _c : "with Smart Routing");
+  }
+  return lines.join("\n");
+};
+var resolveNextTabFromKey = ({
+  currentTab,
+  key
+}) => {
+  switch (key) {
+    case "ArrowLeft":
+    case "ArrowRight":
+      return currentTab === "buy" ? "sell" : "buy";
+    case "Home":
+      return "buy";
+    case "End":
+      return "sell";
+    default:
+      return null;
+  }
+};
+var sanitizePercentageInput = (value) => {
+  let sanitizedValue = value.replace(/%/g, "").replace(/[^\d.]/g, "");
+  if (!sanitizedValue) return "";
+  if (sanitizedValue.startsWith(".")) sanitizedValue = `0${sanitizedValue}`;
+  const firstDecimalIndex = sanitizedValue.indexOf(".");
+  if (firstDecimalIndex === -1) return sanitizedValue.replace(/^0+(?=\d)/, "");
+  const wholeNumberPortion = sanitizedValue.slice(0, firstDecimalIndex).replace(/^0+(?=\d)/, "") || "0";
+  const decimalPortion = sanitizedValue.slice(firstDecimalIndex + 1).replace(/\./g, "").slice(0, 2);
+  return `${wholeNumberPortion}.${decimalPortion}`;
+};
+var finalizePercentageValue = (value) => {
+  const sanitizedValue = sanitizePercentageInput(value != null ? value : "");
+  if (!sanitizedValue) return "";
+  if (sanitizedValue.endsWith(".")) return sanitizedValue.slice(0, -1) || "0";
+  const numericValue = Number(sanitizedValue);
+  if (!Number.isFinite(numericValue)) return "";
+  return numericValue.toString();
+};
+var parsePercentageValue = (value) => {
+  const finalizedValue = finalizePercentageValue(value);
+  if (!finalizedValue) return null;
+  const numericValue = Number(finalizedValue);
+  return Number.isFinite(numericValue) ? numericValue : null;
+};
+var formatPercentageValue = (value) => {
+  const finalizedValue = finalizePercentageValue(value);
+  if (!finalizedValue) return "0%";
+  return `${finalizedValue}%`;
+};
+var isPercentageBelowMinimum = (value, minimumValue) => {
+  if (minimumValue === null) return false;
+  const parsedValue = parsePercentageValue(value);
+  if (parsedValue === null) return false;
+  return parsedValue < minimumValue;
+};
+
+// src/trading/place-order/index.place-order.failure.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var resolveFailureActionHandler = ({
+  action,
+  onDone,
+  onRetry,
+  onSkip
+}) => {
+  if (action.variant === "retry") return onRetry;
+  if (action.variant === "skip") return onSkip != null ? onSkip : onDone;
+  return onDone;
+};
+var renderPartialFailureStep = (step) => {
+  const isWarningStep = step.tone === "warning" || step.tone === "error";
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
+      children: [
+        /* @__PURE__ */ jsx3(
+          Icon,
+          {
+            name: isWarningStep ? "warning-filled" : "check-circle",
+            size: "small",
+            className: cn("h-3 w-3 shrink-0", isWarningStep ? "text-agg-warning" : "text-agg-primary"),
+            "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
+      ]
+    },
+    step.id
+  );
+};
+var PlaceOrderFailureView = ({
+  className,
+  enableAnimations: _enableAnimations = true,
+  summary,
+  tradingLabels,
+  onRetry,
+  onDone,
+  onSkip
+}) => {
+  var _a, _b, _c;
+  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(
+            RemoteImage,
+            {
+              src: (_a = summary.eventImage) != null ? _a : null,
+              alt: "",
+              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 })
+        ] }),
+        summary.eventSubtitle ? /* @__PURE__ */ jsx3("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex min-h-12 w-full items-center justify-center gap-3 rounded-agg-full agg-bg-brand px-8 text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary", children: [
+        /* @__PURE__ */ jsx3(LoadingIcon, { size: "small", className: "text-agg-on-primary!" }),
+        /* @__PURE__ */ jsx3("span", { children: summary.actionLabel })
+      ] }),
+      /* @__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(
+        Button,
+        {
+          variant: "tertiary",
+          size: "medium",
+          "aria-label": action.label,
+          className: "text-agg-sm! leading-agg-5! text-agg-primary!",
+          onClick: resolveFailureActionHandler({ action, onDone, onRetry, onSkip }),
+          children: action.label
+        },
+        action.id
+      )) })
+    ] }) });
+  }
+  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(
+          RemoteImage,
+          {
+            src: (_b = summary.eventImage) != null ? _b : null,
+            alt: "",
+            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 })
+      ] }),
+      summary.eventSubtitle ? /* @__PURE__ */ jsx3("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+    ] }),
+    /* @__PURE__ */ jsx3(
+      InlineAlert,
+      {
+        tone: "error",
+        variant: "surface",
+        title: tradingLabels.orderFailureTitle,
+        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(
+      Button,
+      {
+        variant: action.variant === "retry" ? "primary" : "secondary",
+        size: "medium",
+        className: "flex-1",
+        "aria-label": action.label,
+        onClick: resolveFailureActionHandler({ action, onDone, onRetry, onSkip }),
+        children: action.label
+      },
+      action.id
+    )) })
+  ] }) });
+};
+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";
+var resolveBuyToWinLabel = (shares) => {
+  if (!shares) return "$0";
+  return shares.startsWith("$") ? shares : `$${shares}`;
+};
+var PlaceOrderSuccessView = ({
+  className,
+  summary,
+  tradingLabels,
+  onDone,
+  onShare: _onShare
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const [isExecutionDetailsExpanded, setIsExecutionDetailsExpanded] = useState3(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 detailedStepGroups = executionStepGroups.slice(0, -1);
+  const hasExecutionDetails = detailedStepGroups.length > 0;
+  const resolveStepIconName = (tone) => {
+    return tone === "warning" || tone === "error" ? "warning-filled" : "check-circle";
+  };
+  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(
+          RemoteImage,
+          {
+            src: (_j = summary.eventImage) != null ? _j : 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 })
+      ] }),
+      summary.eventDateLabel ? /* @__PURE__ */ jsx4("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        className: cn(
+          "agg-order-success-pill flex min-h-12 w-full items-center justify-center gap-2 rounded-agg-full px-6 py-2.5 text-center text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary",
+          resolvedActionTone === "positive" ? "bg-agg-success" : "bg-agg-error"
+        ),
+        children: [
+          /* @__PURE__ */ jsx4(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
+          /* @__PURE__ */ jsx4("span", { children: resolvedActionLabel })
+        ]
+      }
+    ),
+    executionStepGroups.length > 0 ? /* @__PURE__ */ jsxs3("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx4(
+        "div",
+        {
+          "aria-hidden": !isExecutionDetailsExpanded,
+          className: cn(
+            "grid overflow-hidden",
+            isExecutionDetailsExpanded ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0",
+            !isExecutionDetailsExpanded && "pointer-events-none",
+            getMotionClassName(
+              true,
+              "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(
+            "div",
+            {
+              className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
+              children: [
+                /* @__PURE__ */ jsx4(
+                  Icon,
+                  {
+                    name: resolveStepIconName(step.tone),
+                    size: "small",
+                    className: cn("h-3 w-3 shrink-0", resolveStepIconClassName(step.tone)),
+                    "aria-hidden": "true"
+                  }
+                ),
+                /* @__PURE__ */ jsx4("p", { className: "min-w-0 flex-1", children: step.label }),
+                step.venue ? /* @__PURE__ */ jsx4(
+                  VenueLogo,
+                  {
+                    venue: step.venue,
+                    size: "small",
+                    className: "h-4 w-4"
+                  }
+                ) : null
+              ]
+            },
+            step.id
+          )) }, `execution-group-${groupIndex}`)) }) })
+        }
+      ),
+      finalStep ? hasExecutionDetails ? /* @__PURE__ */ jsxs3(
+        "button",
+        {
+          type: "button",
+          "aria-expanded": isExecutionDetailsExpanded,
+          className: cn(
+            "flex w-full items-center gap-2 text-left 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",
+            "cursor-pointer"
+          ),
+          onClick: () => setIsExecutionDetailsExpanded((currentValue) => !currentValue),
+          children: [
+            /* @__PURE__ */ jsx4(
+              Icon,
+              {
+                name: resolveStepIconName(finalStep.tone),
+                size: "small",
+                className: cn("h-3 w-3 shrink-0", resolveStepIconClassName(finalStep.tone)),
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsx4("p", { className: "min-w-0 flex-1", children: finalStep.label }),
+            /* @__PURE__ */ jsx4(
+              Icon,
+              {
+                name: isExecutionDetailsExpanded ? "chevron-up" : "chevron-down",
+                size: "small",
+                className: "h-4 w-4 shrink-0 text-agg-muted-foreground",
+                "aria-hidden": "true"
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+        /* @__PURE__ */ jsx4(
+          Icon,
+          {
+            name: resolveStepIconName(finalStep.tone),
+            size: "small",
+            className: cn("h-3 w-3 shrink-0", resolveStepIconClassName(finalStep.tone)),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx4("p", { className: "min-w-0 flex-1", children: finalStep.label })
+      ] }) : null
+    ] }) : null,
+    /* @__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__ */ 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 })
+    ] }),
+    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" })
+    ] }) : null,
+    /* @__PURE__ */ jsx4("div", { className: "agg-order-success-actions flex gap-3", children: /* @__PURE__ */ jsx4(
+      Button,
+      {
+        variant: "secondary",
+        size: "large",
+        className: "flex-1",
+        "aria-label": newTradeLabel,
+        onClick: onDone,
+        children: newTradeLabel
+      }
+    ) })
+  ] }) });
+};
+PlaceOrderSuccessView.displayName = "PlaceOrderSuccessView";
+
+// src/trading/place-order/index.tsx
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var DEFAULT_STEP_LABELS = {
+  "check-balance": "Checking balance",
+  "check-position": "Checking position",
+  "lane-bridge": "Bridging funds",
+  bridge: "Bridging funds",
+  "bridge-to-user": "Transferring to wallet",
+  "sweep-bridge": "Completing bridge",
+  "submit-order": "Submitting order",
+  "order-bridge-execute": "Executing order",
+  "transfer-to-user": "Transferring to wallet"
+};
+var getDefaultStepLabel = (stepType) => {
+  var _a;
+  return (_a = DEFAULT_STEP_LABELS[stepType]) != null ? _a : stepType.replace(/-/g, " ").replace(/^\w/, (c) => c.toUpperCase());
+};
+var resolveRefetchedQuoteData = (result) => {
+  if (!result || typeof result !== "object" || !("data" in result)) return null;
+  const data = result.data;
+  if (!data || typeof data !== "object" || !("quoteId" in data)) return null;
+  return data;
+};
+var LoadingGlyph = ({
+  className,
+  enableAnimations
+}) => {
+  return /* @__PURE__ */ jsx5(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "inline-block rounded-full border-2 border-current border-r-transparent",
+        getMotionClassName(enableAnimations, "animate-spin"),
+        className
+      )
+    }
+  );
+};
+var PlaceOrderSlippageControl = ({
+  enableAnimations,
+  onChange,
+  value: slippageValue,
+  defaultValue: slippageDefaultValue,
+  minimumValue: slippageMinimumValue
+}) => {
+  var _a, _b;
+  const labels = useLabels3();
+  const containerRef = useRef3(null);
+  const triggerRef = useRef3(null);
+  const inputRef = useRef3(null);
+  const warningId = useId();
+  const defaultValue = finalizePercentageValue(slippageDefaultValue);
+  const committedValue = finalizePercentageValue(slippageValue) || defaultValue;
+  const [draftValue, setDraftValue] = useState4(committedValue);
+  const [isEditing, setIsEditing] = useState4(
+    () => isPercentageBelowMinimum(committedValue, slippageMinimumValue)
+  );
+  const [shouldFocusInput, setShouldFocusInput] = useState4(false);
+  useEffect3(() => {
+    setDraftValue(committedValue);
+    if (isPercentageBelowMinimum(committedValue, slippageMinimumValue)) {
+      setIsEditing(true);
+    }
+  }, [committedValue, slippageMinimumValue]);
+  useEffect3(() => {
+    if (!shouldFocusInput) return;
+    requestAnimationFrame(() => {
+      var _a2, _b2;
+      (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+      (_b2 = inputRef.current) == null ? void 0 : _b2.select();
+      setShouldFocusInput(false);
+    });
+  }, [shouldFocusInput]);
+  const resolvedSlippageValue = (_b = (_a = parsePercentageValue(draftValue)) != null ? _a : parsePercentageValue(committedValue)) != null ? _b : 0;
+  const isLowSlippage = resolvedSlippageValue < slippageMinimumValue;
+  const isHighSlippage = resolvedSlippageValue > HIGH_SLIPPAGE_THRESHOLD;
+  const isUsingDefaultValue = finalizePercentageValue(draftValue) === defaultValue;
+  const collapsedLabel = labels.trading.slippage(
+    Number(committedValue || slippageDefaultValue || DEFAULT_SLIPPAGE_VALUE)
+  );
+  const resolvedAutoLabel = labels.trading.resetSlippage;
+  const resolvedWarningMessage = useMemo3(() => {
+    if (isLowSlippage) {
+      return labels.trading.slippageLow(slippageMinimumValue);
+    }
+    if (isHighSlippage) {
+      return labels.trading.slippageHigh(HIGH_SLIPPAGE_THRESHOLD);
+    }
+    return null;
+  }, [isHighSlippage, isLowSlippage, labels, slippageMinimumValue]);
+  const handleCommitDraft = (focusInputWhenInvalid = false) => {
+    const nextValue = finalizePercentageValue(draftValue) || committedValue || defaultValue;
+    setDraftValue(nextValue);
+    onChange == null ? void 0 : onChange(formatPercentageValue(nextValue));
+    if (isPercentageBelowMinimum(nextValue, slippageMinimumValue)) {
+      setIsEditing(true);
+      if (focusInputWhenInvalid) setShouldFocusInput(true);
+      return;
+    }
+    setIsEditing(false);
+  };
+  const handleToggleEditing = () => {
+    if (!isEditing) {
+      setIsEditing(true);
+      setShouldFocusInput(true);
+      return;
+    }
+    handleCommitDraft(true);
+  };
+  const handleResetToAuto = () => {
+    const nextValue = defaultValue || committedValue;
+    setDraftValue(nextValue);
+    setIsEditing(false);
+    onChange == null ? void 0 : onChange(formatPercentageValue(nextValue));
+    requestAnimationFrame(() => {
+      var _a2;
+      return (_a2 = triggerRef.current) == null ? void 0 : _a2.focus();
+    });
+  };
+  const handleInputChange = (event) => {
+    setDraftValue(sanitizePercentageInput(event.target.value));
+  };
+  const handleInputKeyDown = (event) => {
+    if (event.key === "Enter") {
+      event.preventDefault();
+      handleCommitDraft();
+      return;
+    }
+    if (event.key !== "Escape") return;
+    event.preventDefault();
+    setDraftValue(committedValue || defaultValue);
+    setIsEditing(false);
+    requestAnimationFrame(() => {
+      var _a2;
+      return (_a2 = triggerRef.current) == null ? void 0 : _a2.focus();
+    });
+  };
+  const handleContainerBlur = (event) => {
+    var _a2;
+    const nextFocusTarget = event.relatedTarget;
+    if ((_a2 = containerRef.current) == null ? void 0 : _a2.contains(nextFocusTarget)) return;
+    if (!isEditing) return;
+    handleCommitDraft(false);
+  };
+  return /* @__PURE__ */ jsxs4("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
+    /* @__PURE__ */ jsxs4(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        "aria-label": collapsedLabel,
+        "aria-expanded": isEditing,
+        className: cn(
+          "agg-slippage-trigger",
+          "inline-flex cursor-pointer items-center gap-2 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",
+          getMotionClassName(
+            enableAnimations,
+            "transition-[color,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
+          )
+        ),
+        onClick: handleToggleEditing,
+        children: [
+          /* @__PURE__ */ jsx5("span", { className: "agg-slippage-label", children: collapsedLabel }),
+          /* @__PURE__ */ jsx5(
+            Icon,
+            {
+              name: isEditing ? "chevron-up" : "pencil",
+              size: "small",
+              className: "h-3 w-3 text-agg-muted-foreground",
+              color: "currentColor"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      "div",
+      {
+        "aria-hidden": !isEditing,
+        className: cn(
+          "agg-slippage-editor",
+          "grid overflow-hidden",
+          isEditing ? "mt-2 grid-rows-[1fr] opacity-100" : "mt-0 grid-rows-[0fr] opacity-0",
+          !isEditing && "pointer-events-none",
+          getMotionClassName(
+            enableAnimations,
+            "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(
+                "input",
+                {
+                  ref: inputRef,
+                  type: "text",
+                  inputMode: "decimal",
+                  autoComplete: "off",
+                  value: draftValue,
+                  "aria-describedby": resolvedWarningMessage ? warningId : void 0,
+                  "aria-invalid": isLowSlippage || void 0,
+                  className: "agg-slippage-input min-w-0 flex-1 bg-transparent text-agg-sm leading-agg-5 text-agg-foreground outline-none",
+                  onChange: handleInputChange,
+                  onKeyDown: handleInputKeyDown
+                }
+              ),
+              /* @__PURE__ */ jsx5(
+                "button",
+                {
+                  type: "button",
+                  className: cn(
+                    "agg-slippage-reset",
+                    "shrink-0 cursor-pointer text-agg-sm font-agg-bold leading-agg-5 focus-visible:outline-none",
+                    isUsingDefaultValue ? "text-agg-muted-foreground" : "text-agg-primary",
+                    getMotionClassName(
+                      enableAnimations,
+                      "transition-colors duration-200 ease-in-out"
+                    )
+                  ),
+                  onClick: handleResetToAuto,
+                  children: resolvedAutoLabel
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx5("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx5(
+              "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",
+                "aria-hidden": "true",
+                children: "%"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx5(
+            "div",
+            {
+              "aria-hidden": !resolvedWarningMessage,
+              className: cn(
+                "agg-slippage-warning",
+                "grid overflow-hidden",
+                resolvedWarningMessage ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0",
+                !resolvedWarningMessage && "pointer-events-none",
+                getMotionClassName(
+                  enableAnimations,
+                  "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(
+                "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(
+                      Icon,
+                      {
+                        name: "warning-filled",
+                        size: "small",
+                        className: "mt-0.5 !h-4 !w-4 shrink-0 text-agg-warning",
+                        color: "currentColor"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx5("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
+                  ]
+                }
+              ) })
+            }
+          )
+        ] }) })
+      }
+    )
+  ] });
+};
+PlaceOrderSlippageControl.displayName = "PlaceOrderSlippageControl";
+var renderCardHeader = ({
+  className,
+  headerSubtitle,
+  headerImage,
+  headerTitle,
+  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(
+        RemoteImage,
+        {
+          src: headerImage,
+          alt: "",
+          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(
+        "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" })
+        }
+      ) : null
+    ] }),
+    headerSubtitle ? /* @__PURE__ */ jsx5("p", { className: "agg-order-market-subtitle text-agg-base leading-agg-6 text-agg-foreground", children: headerSubtitle }) : null
+  ] });
+};
+var PlaceOrderResolvedView = ({
+  classNames,
+  tradingState,
+  resolvedClaim,
+  className
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const labels = useLabels3();
+  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 : "";
+  const isPositiveWinningOutcome = ["yes", "up", "buy", "long", "true"].includes(
+    winningOutcomeLabel
+  );
+  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(
+    Card,
+    {
+      className: cn(
+        "group/agg-order-panel",
+        getPlaceOrderContainerClassName(),
+        classNames == null ? void 0 : classNames.root,
+        className
+      ),
+      children: /* @__PURE__ */ jsxs4(
+        "div",
+        {
+          className: cn(
+            "agg-order-panel-body flex flex-col items-center gap-6 p-8",
+            classNames == null ? void 0 : classNames.body
+          ),
+          children: [
+            /* @__PURE__ */ jsx5(
+              "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) })
+              }
+            ),
+            /* @__PURE__ */ jsxs4(
+              "div",
+              {
+                className: cn(
+                  "agg-order-panel-content flex flex-col items-center gap-1",
+                  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
+                ]
+              }
+            ),
+            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 })
+                  ] }),
+                  /* @__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__ */ 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 })
+                  ] })
+                ] }),
+                resolvedClaim.onClaim ? /* @__PURE__ */ jsx5(
+                  Button,
+                  {
+                    size: "large",
+                    onClick: resolvedClaim.onClaim,
+                    isLoading: resolvedClaim.isClaiming,
+                    disabled: resolvedClaim.isClaiming,
+                    children: (_h = extendedTradingLabels.claimWinnings) != null ? _h : "Claim Winnings"
+                  }
+                ) : null
+              ] })
+            ] }) : null
+          ]
+        }
+      )
+    }
+  );
+};
+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(
+    "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__ */ 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 : "" })
+        ] })
+      ]
+    },
+    rowKey
+  );
+};
+var renderRouteCard = ({
+  card,
+  enableAnimations,
+  isExpanded,
+  isSelected,
+  onSelect,
+  tradingLabels
+}) => {
+  var _a, _b;
+  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(
+    "button",
+    {
+      type: "button",
+      "aria-pressed": isSelected,
+      "aria-label": ariaLabel,
+      disabled: card.isUnavailable,
+      className: cn(
+        "agg-route-card",
+        "relative w-full cursor-pointer overflow-hidden rounded-agg-lg p-3 text-left",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary",
+        getMotionClassName(
+          enableAnimations,
+          "transition-[background-color,border-color,color] duration-200 ease-in-out"
+        ),
+        isSelected && !card.isUnavailable ? "border border-agg-trade-highlight-border bg-gradient-to-b from-agg-trade-highlight-surface-from to-agg-trade-highlight-surface-to" : "border-transparent bg-agg-secondary-hover",
+        card.isUnavailable && "cursor-not-allowed"
+      ),
+      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(
+                Icon,
+                {
+                  name: "sparkles-filled",
+                  size: "small",
+                  className: cn(
+                    "mt-0.5 h-4 w-4 shrink-0",
+                    isSelected ? "text-agg-trade-highlight-accent" : "text-agg-muted-foreground/70"
+                  ),
+                  "aria-hidden": "true"
+                }
+              ) : card.venue ? /* @__PURE__ */ jsx5(
+                VenueLogo,
+                {
+                  venue: card.venue,
+                  size: "small",
+                  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(
+                    Icon,
+                    {
+                      name: showSplitDetails ? "chevron-up" : "chevron-down",
+                      size: "small",
+                      className: "h-4 w-4 shrink-0 text-agg-muted-foreground/50",
+                      "aria-hidden": "true"
+                    }
+                  ) : 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
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx5(
+              "p",
+              {
+                className: cn(
+                  "agg-route-card-value",
+                  "shrink-0 whitespace-nowrap",
+                  card.isUnavailable ? "text-agg-xs leading-agg-4 text-agg-muted-foreground" : isSelected ? "text-agg-lg font-agg-bold leading-agg-7 text-agg-trade-highlight-accent" : "text-agg-base leading-agg-6 text-agg-foreground"
+                ),
+                children: valueLabel
+              }
+            )
+          ] }),
+          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)) })
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+};
+var normalizeOrderIdLabelInput2 = (orderId) => orderId.replace(/^#+/, "");
+var renderSubmissionSurface = ({
+  actionLabel,
+  className,
+  classNames,
+  enableAnimations,
+  headerSubtitle,
+  headerImage,
+  headerTitle,
+  progressState,
+  tradingLabels
+}) => {
+  const resolveStepGroups = () => {
+    var _a, _b, _c;
+    if (progressState.phase === "finding-route") {
+      return [
+        [
+          {
+            id: "finding-route",
+            label: tradingLabels.findingBestRoute,
+            status: "pending"
+          }
+        ]
+      ];
+    }
+    const dag = progressState.dagProgress;
+    if (dag && dag.totalSteps > 0) {
+      const steps = [
+        {
+          id: "finding-route",
+          label: tradingLabels.findingBestRoute,
+          status: "complete"
+        }
+      ];
+      for (let i = 1; i <= dag.totalSteps; i++) {
+        const isCompleted = dag.completedSequences.includes(i);
+        const isCurrent = i === dag.currentSequence && !isCompleted;
+        const stepType = (_a = dag.stepTypes[i]) != null ? _a : null;
+        const stepLabel = stepType ? getDefaultStepLabel(stepType) : `Step ${i} of ${dag.totalSteps}`;
+        const prev = steps[steps.length - 1];
+        if (prev && prev.label === stepLabel) {
+          if (prev.status === "complete" && !isCompleted) {
+            prev.status = "pending";
+          }
+          continue;
+        }
+        steps.push({
+          id: `dag-step-${i}`,
+          label: stepLabel,
+          status: isCompleted ? "complete" : isCurrent ? "pending" : "pending"
+        });
+      }
+      return [steps];
+    }
+    const baseSteps = [
+      {
+        id: "finding-route",
+        label: tradingLabels.findingBestRoute,
+        status: "complete"
+      },
+      {
+        id: "submitting-order",
+        label: tradingLabels.submittingOrderProgress,
+        status: "complete"
+      }
+    ];
+    const submittedOrderId = (_c = progressState.orderId) != null ? _c : (_b = progressState.orderIds) == null ? void 0 : _b[0];
+    if (submittedOrderId) {
+      baseSteps.push({
+        id: "order-submitted",
+        label: tradingLabels.orderSubmittedProgress(normalizeOrderIdLabelInput2(submittedOrderId)),
+        status: "complete"
+      });
+    }
+    return [
+      baseSteps,
+      [
+        {
+          id: "executing-order",
+          label: tradingLabels.executingOnVenue(getTradingVenueLabel(progressState.executionVenue)),
+          status: "pending",
+          venue: progressState.executionVenue
+        }
+      ]
+    ];
+  };
+  const stepGroups = resolveStepGroups();
+  return /* @__PURE__ */ jsx5(
+    Card,
+    {
+      className: cn(
+        "group/agg-order-panel",
+        getPlaceOrderContainerClassName(),
+        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: [
+        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__ */ jsx5("div", { className: "agg-order-submission-steps flex flex-col gap-4", children: stepGroups.map((steps, groupIndex) => {
+            return /* @__PURE__ */ jsx5(
+              "div",
+              {
+                className: "agg-order-submission-group flex flex-col gap-2",
+                children: steps.map((step) => {
+                  return /* @__PURE__ */ jsxs4(
+                    "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(
+                          Icon,
+                          {
+                            name: "check-circle",
+                            size: "small",
+                            className: "h-3 w-3 shrink-0 text-agg-primary",
+                            "aria-hidden": "true"
+                          }
+                        ) : /* @__PURE__ */ jsx5(
+                          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(
+                          VenueLogo,
+                          {
+                            venue: step.venue,
+                            size: "small",
+                            ariaLabel: getTradingVenueLabel(step.venue),
+                            className: "h-4 w-4"
+                          }
+                        ) : null
+                      ]
+                    },
+                    step.id
+                  );
+                })
+              },
+              `step-group-${groupIndex}`
+            );
+          }) })
+        ] })
+      ] })
+    }
+  );
+};
+var InitiateKycButton = ({ label, onOpen }) => /* @__PURE__ */ jsx5(
+  Button,
+  {
+    size: "large",
+    variant: "primary",
+    onClick: onOpen,
+    className: "agg-order-kyc-action h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none mb-3",
+    children: label
+  }
+);
+var KycVerifyModal = ({
+  open,
+  onOpenChange,
+  onStartVerification,
+  isInitiating,
+  labels
+}) => {
+  return /* @__PURE__ */ jsx5(
+    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(
+            "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" })
+            }
+          ),
+          /* @__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__ */ jsxs4("div", { className: "flex w-full flex-col items-center gap-5", children: [
+              /* @__PURE__ */ jsx5(
+                Button,
+                {
+                  size: "large",
+                  variant: "primary",
+                  disabled: isInitiating,
+                  isLoading: isInitiating,
+                  onClick: onStartVerification,
+                  children: labels.startVerification
+                }
+              ),
+              /* @__PURE__ */ jsx5(
+                "button",
+                {
+                  type: "button",
+                  className: "cursor-pointer text-agg-base font-agg-bold text-agg-primary hover:text-agg-primary/80 transition-colors",
+                  onClick: () => onOpenChange(false),
+                  children: labels.doItLater
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
+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(
+      "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" })
+      }
+    ),
+    /* @__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__ */ jsx5(
+        Button,
+        {
+          variant: "secondary",
+          size: "large",
+          className: "w-[120px]",
+          onClick: () => onOpenChange(false),
+          children: labels.done
+        }
+      )
+    ] })
+  ] })
+] }) });
+var PlaceOrder = ({
+  className,
+  classNames,
+  eventTradingState,
+  isLoading = false,
+  isPrimaryActionDisabled = false,
+  isPrimaryActionLoading = false,
+  chainBalancesOverride,
+  onAmountChange,
+  onClose,
+  onOutcomeChange,
+  onPrimaryAction,
+  onSlippageChange,
+  onTabChange,
+  onSuccess,
+  onError,
+  onExecutionStateChange,
+  resolvedClaim
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E;
+  const {
+    features: { enableAnimations },
+    general: { locale }
+  } = useSdkUiConfig2();
+  const labels = useLabels3();
+  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(() => {
+    return eventTradingState != null ? eventTradingState : resolveEventTradingState(selectedEvent);
+  }, [eventTradingState, selectedEvent]);
+  const scopedSelectedEvent = useMemo3(() => {
+    var _a2;
+    if (!selectedEvent) return null;
+    const primaryMarketId = (_a2 = resolvedEventTradingState.primaryMarket) == null ? void 0 : _a2.id;
+    if (!primaryMarketId) return selectedEvent;
+    const isSelectedEventInScope = selectedEvent.venueMarkets.some(
+      (market) => market.id === primaryMarketId
+    );
+    return isSelectedEventInScope ? selectedEvent : null;
+  }, [(_d = resolvedEventTradingState.primaryMarket) == null ? void 0 : _d.id, selectedEvent]);
+  const scopedSelectedMarket = useMemo3(() => {
+    if (!selectedMarket) return resolvedEventTradingState.primaryMarket;
+    const isSelectedMarketInScope = resolvedEventTradingState.marketStates.some(
+      (item) => item.market.id === selectedMarket.id
+    );
+    return isSelectedMarketInScope ? selectedMarket : resolvedEventTradingState.primaryMarket;
+  }, [
+    resolvedEventTradingState.marketStates,
+    resolvedEventTradingState.primaryMarket,
+    selectedMarket
+  ]);
+  const scopedSelectedOutcome = (_g = (_f = (_e = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes.find((outcome) => outcome.id === selectedOutcomeId)) != null ? _e : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes.find(
+    (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(() => {
+    return resolveMarketTradingState(scopedSelectedMarket);
+  }, [scopedSelectedMarket]);
+  const resolvedReadOnlyMarket = useMemo3(() => {
+    var _a2;
+    if (resolvedEventTradingState.kind !== "resolved") {
+      return scopedSelectedMarket;
+    }
+    return (_a2 = resolvedEventTradingState.primaryMarket) != null ? _a2 : scopedSelectedMarket;
+  }, [
+    resolvedEventTradingState.kind,
+    resolvedEventTradingState.primaryMarket,
+    scopedSelectedMarket
+  ]);
+  const resolvedReadOnlyTradingState = useMemo3(() => {
+    return resolveMarketTradingState(resolvedReadOnlyMarket);
+  }, [resolvedReadOnlyMarket]);
+  const orderEligibility = useMemo3(
+    () => resolveOrderEligibility({
+      event: scopedSelectedEvent,
+      market: scopedSelectedMarket,
+      outcome: scopedSelectedOutcome,
+      eventTradingState: resolvedEventTradingState
+    }),
+    [scopedSelectedEvent, scopedSelectedMarket, scopedSelectedOutcome, resolvedEventTradingState]
+  );
+  const isResolvedOutcomeCtaLocked = resolvedEventTradingState.kind === "resolved" || resolvedTradingState.kind === "resolved";
+  const { isAuthenticated, user } = useAggAuthContext();
+  const { totalBalance, isLoading: isBalanceLoading } = useAggBalanceState();
+  const executeManaged = useExecuteManaged();
+  const aggClient = useAggClient2();
+  const queryClient = useQueryClient();
+  const livePrices = useLiveOutcomePrices(
+    scopedSelectedMarket ? [scopedSelectedMarket] : void 0
+  );
+  const outcomes = useMemo3(
+    () => 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(0);
+  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 debouncedAmount = useDebouncedValue(internalAmount, 300);
+  const isSell = useMemo3(() => internalTab === "sell", [internalTab]);
+  const {
+    positions: executionPositions,
+    isLoading: isExecutionPositionsLoading,
+    isFetching: isExecutionPositionsFetching
+  } = useExecutionPositions({
+    enabled: Boolean(isAuthenticated && isSell)
+  });
+  const smartRoute = useSmartRoute({
+    venueMarketOutcomeId: scopedSelectedOutcomeId,
+    maxSpend: isSell ? void 0 : debouncedAmount,
+    sellShares: isSell ? debouncedAmount : void 0,
+    chainBalances: chainBalancesOverride,
+    // 1,000,000 bps = 10,000% — effectively unlimited slippage. Users rely on the avg
+    // price in the quote to size their orders. A future FE feature will let users pick
+    // their own slip cap; until then, don't let the engine clamp fills on their behalf.
+    slipCapBps: 1e6,
+    compareVenues: true,
+    tradeSide: isSell ? "sell" : "buy",
+    enabled: debouncedAmount > 0 && orderEligibility.canPlaceOrder
+  });
+  const currentSellableShares = useMemo3(() => {
+    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)) {
+      return Math.max(0, sharesFromQuote);
+    }
+    if (!isSell || !scopedSelectedOutcome || !scopedSelectedMarket) return 0;
+    const normalizedSelectedOutcomeLabel = scopedSelectedOutcome.label.trim().toLowerCase();
+    const selectedMarketIds = [
+      scopedSelectedMarket.id,
+      (_c2 = scopedSelectedMarket.marketId) != null ? _c2 : void 0,
+      (_d2 = scopedSelectedMarket.externalIdentifier) != null ? _d2 : void 0
+    ].filter((value) => Boolean(value));
+    const selectedMarketIdSet = new Set(selectedMarketIds);
+    const selectedVenue = scopedSelectedMarket.venue;
+    let resolvedShares = 0;
+    for (const group of executionPositions) {
+      const groupOutcomes = (_f2 = (_e2 = group.venueMarket) == null ? void 0 : _e2.venueMarketOutcomes) != null ? _f2 : [];
+      for (const outcome of groupOutcomes) {
+        if (outcome.label.trim().toLowerCase() !== normalizedSelectedOutcomeLabel) continue;
+        for (const breakdown of (_g2 = outcome.venueBreakdown) != null ? _g2 : []) {
+          if (breakdown.venue !== selectedVenue) continue;
+          const matchesMarketId = selectedMarketIdSet.size === 0 || selectedMarketIdSet.has(breakdown.venueMarketId) || selectedMarketIdSet.has(group.targetMarketId);
+          if (!matchesMarketId) continue;
+          resolvedShares += Number.isFinite(breakdown.size) ? breakdown.size : 0;
+        }
+      }
+    }
+    return Math.max(0, resolvedShares);
+  }, [
+    executionPositions,
+    isSell,
+    scopedSelectedMarket,
+    scopedSelectedOutcome,
+    (_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;
+  }, [currentSellableShares]);
+  const routeCards = useMemo3(
+    () => smartRoute.data ? buildLiveRouteCards({
+      labels: tradingLabels,
+      quoteData: smartRoute.data,
+      tradeSide: isSell ? "sell" : "buy"
+    }) : [],
+    [smartRoute.data, tradingLabels, isSell]
+  );
+  const resolvedSelectedRouteCardId = useMemo3(() => {
+    var _a2, _b2, _c2, _d2;
+    if (routeCards.length === 0) return null;
+    if (selectedRouteCardId && routeCards.some((card) => card.id === selectedRouteCardId && !card.isUnavailable)) {
+      return selectedRouteCardId;
+    }
+    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(() => {
+    if (routeCards.length === 0) {
+      setSelectedRouteCardId(null);
+      setIsRoutesExpanded(false);
+      setIsSplitDetailOpen(false);
+      return;
+    }
+    if (resolvedSelectedRouteCardId !== selectedRouteCardId) {
+      setSelectedRouteCardId(resolvedSelectedRouteCardId);
+    }
+  }, [resolvedSelectedRouteCardId, routeCards.length, selectedRouteCardId]);
+  useEffect3(() => {
+    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(() => {
+    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(() => {
+    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";
+  }, [user == null ? void 0 : user.venueAccounts]);
+  const needsKycVerification = isAuthenticated && (user == null ? void 0 : user.venueAccounts) != null && isKalshiRoute && !isKalshiVerified;
+  const {
+    isVerifyModalOpen: isKycVerifyModalOpen,
+    showSuccessModal: showKycSuccessModal,
+    isInitiating: isKycInitiating,
+    openVerifyModal,
+    closeVerifyModal,
+    closeSuccessModal,
+    startVerification
+  } = useKalshiKycFlow({
+    isKalshiVerified,
+    userId: user == null ? void 0 : user.id,
+    walletAddress: (_o = getWalletAddressFromUserProfile(user)) != null ? _o : null,
+    onError
+  });
+  const handleRouteCardSelect = useCallback3(
+    (cardId) => {
+      if (cardId === resolvedSelectedRouteCardId) {
+        const card = routeCards.find((c) => c.id === cardId);
+        if ((card == null ? void 0 : card.kind) === "split") {
+          setIsSplitDetailOpen((prev) => !prev);
+          return;
+        }
+      }
+      setSelectedRouteCardId(cardId);
+    },
+    [resolvedSelectedRouteCardId, routeCards]
+  );
+  const executionProgress = useExecutionProgress({
+    orderIds: (_p = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _p : null,
+    enabled: ((submissionProgressState == null ? void 0 : submissionProgressState.phase) === "submitting" || (submissionProgressState == null ? void 0 : submissionProgressState.phase) === "executing") && !!((_q = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) == null ? void 0 : _q.length)
+  });
+  const selectedOutcomeLabel = (_t = (_s = (_r = outcomes.find((outcome) => outcome.id === scopedSelectedOutcomeId)) == null ? void 0 : _r.label) != null ? _s : scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.label) != null ? _t : "";
+  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(
+    (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,
+        maximumFractionDigits: 2
+      });
+      const payoutLabel = formatUsd(quoteData.rawExecCost);
+      const amountLabel = internalTab === "sell" ? sharesLabel : payoutLabel;
+      const toWinLabel = internalTab === "sell" ? payoutLabel : formatUsd(quoteData.totalFilled);
+      const potentialReturnValue = getPlaceOrderPotentialReturn(quoteData);
+      const potentialReturnLabel = potentialReturnValue > 0 ? formatUsd(potentialReturnValue) : void 0;
+      const eventTitle = (_f2 = (_e2 = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title) != null ? _e2 : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _f2 : "";
+      const eventDateSource = (_g2 = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.endDate) != null ? _g2 : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.endDate;
+      return {
+        tradeSide: internalTab,
+        shares: sharesLabel,
+        avgPrice: avgPriceLabel,
+        estimatedCost: payoutLabel,
+        venue: executionVenue,
+        eventTitle,
+        eventDateLabel: eventDateSource ? getTradingDateLabel(eventDateSource) : "",
+        eventImage: headerImage,
+        actionLabel: actionLabel2,
+        actionTone,
+        amountLabel,
+        toWinLabel,
+        potentialReturnLabel,
+        executionStepGroups: (partialFillSummary == null ? void 0 : partialFillSummary.kind) === "partial_fill" ? buildPlaceOrderExecutionStepGroupsFromFailureSummary({
+          labels: tradingLabels,
+          summary: partialFillSummary
+        }) : buildPlaceOrderExecutionStepGroups({
+          labels: tradingLabels,
+          orderId: orderId != null ? orderId : (_h2 = executionProgress.submittedOrders[0]) == null ? void 0 : _h2.orderId,
+          quoteData,
+          submittedOrders: executionProgress.submittedOrders
+        }),
+        shareText: buildPlaceOrderShareText({
+          actionLabel: actionLabel2,
+          amountLabel,
+          eventTitle: eventTitle || tradingLabels.orderSuccessTitle,
+          potentialReturnLabel,
+          tab: internalTab != null ? internalTab : "buy",
+          toWinLabel,
+          tradingLabels
+        })
+      };
+    },
+    [
+      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(() => {
+    if (executionProgress.phase === "order_submitted") {
+      const submittedOrder = executionProgress.submittedOrders[0];
+      setSubmissionProgressState((prev) => {
+        var _a2;
+        if (!prev || prev.phase !== "submitting") return prev;
+        return __spreadProps(__spreadValues({}, prev), {
+          phase: "executing",
+          orderId: (_a2 = submittedOrder == null ? void 0 : submittedOrder.orderId) != null ? _a2 : prev.orderId
+        });
+      });
+    }
+    if (executionProgress.phase === "balance_updated") {
+      setSubmissionProgressState((prev) => {
+        var _a2, _b2;
+        if (!prev || prev.phase !== "submitting" && prev.phase !== "executing") return prev;
+        return __spreadProps(__spreadValues({}, prev), {
+          phase: "success",
+          summary: buildExecutionSummary(
+            selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData,
+            prev.executionVenue,
+            (_b2 = prev.orderId) != null ? _b2 : (_a2 = executionProgress.submittedOrders[0]) == null ? void 0 : _a2.orderId
+          )
+        });
+      });
+    }
+  }, [
+    buildExecutionSummary,
+    executionProgress.phase,
+    executionProgress.submittedOrders,
+    selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
+  ]);
+  useEffect3(() => {
+    const dp = executionProgress.dagProgress;
+    if (!dp) return;
+    setSubmissionProgressState((prev) => {
+      if (!prev) return prev;
+      if (dp.status === "failed") {
+        const errorMessage = normalizePlaceOrderErrorMessage({
+          errorMessage: dp.errorReason,
+          fallbackMessage: tradingLabels.orderFailed
+        });
+        return __spreadProps(__spreadValues({}, prev), {
+          phase: "failed",
+          errorMessage,
+          dagProgress: dp
+        });
+      }
+      return __spreadProps(__spreadValues({}, prev), { dagProgress: dp });
+    });
+  }, [executionProgress.dagProgress, tradingLabels.orderFailed]);
+  useEffect3(() => {
+    const orderIds = submissionProgressState == null ? void 0 : submissionProgressState.orderIds;
+    if (!(orderIds == null ? void 0 : orderIds.length)) return;
+    const aggregateStatus = deriveAggregateOrderStatus(
+      orderIds,
+      executionProgress.terminalOrderEvents
+    );
+    if (aggregateStatus === "pending") return;
+    setSubmissionProgressState((prev) => {
+      var _a2, _b2, _c2;
+      if (!prev || prev.phase === "success" || prev.phase === "failed") return prev;
+      if (aggregateStatus === "full_success") {
+        const primaryFilledEvent = executionProgress.terminalOrderEvents.find(
+          (e) => e.event === "filled"
+        );
+        return __spreadProps(__spreadValues({}, prev), {
+          phase: "success",
+          orderId: (_a2 = primaryFilledEvent == null ? void 0 : primaryFilledEvent.orderId) != null ? _a2 : prev.orderId,
+          summary: buildExecutionSummary(
+            selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData,
+            prev.executionVenue,
+            (_b2 = primaryFilledEvent == null ? void 0 : primaryFilledEvent.orderId) != null ? _b2 : prev.orderId
+          )
+        });
+      }
+      if (aggregateStatus === "full_failure") {
+        const firstFailedEvent = executionProgress.terminalOrderEvents.find(
+          (e) => e.event === "failed"
+        );
+        const errorMessage = normalizePlaceOrderErrorMessage({
+          errorMessage: firstFailedEvent == null ? void 0 : firstFailedEvent.errorReason,
+          fallbackMessage: tradingLabels.orderFailed
+        });
+        return __spreadProps(__spreadValues({}, prev), {
+          phase: "failed",
+          orderId: (_c2 = firstFailedEvent == null ? void 0 : firstFailedEvent.orderId) != null ? _c2 : prev.orderId,
+          errorMessage
+        });
+      }
+      return __spreadProps(__spreadValues({}, prev), { phase: "failed" });
+    });
+  }, [
+    buildExecutionSummary,
+    executionProgress.terminalOrderEvents,
+    selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData,
+    submissionProgressState == null ? void 0 : submissionProgressState.orderIds,
+    tradingLabels.orderFailed
+  ]);
+  useEffect3(() => {
+    if (!submissionProgressState) return;
+    onExecutionStateChange == null ? void 0 : onExecutionStateChange(submissionProgressState);
+    if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
+      invalidateBalanceQueries(queryClient);
+      invalidatePositionQueries(queryClient);
+      onSuccess == null ? void 0 : onSuccess(submissionProgressState.summary);
+    }
+    if (submissionProgressState.phase === "failed" && submissionProgressState.errorMessage) {
+      onError == null ? void 0 : onError(new Error(submissionProgressState.errorMessage));
+    }
+  }, [submissionProgressState, onExecutionStateChange, onSuccess, onError, queryClient]);
+  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(() => {
+    if (!orderEligibility.canPlaceOrder) return void 0;
+    return resolvePlaceOrderQuoteStatus({
+      amount: internalAmount,
+      labels: tradingLabels,
+      quoteData: activeQuoteData,
+      selectedMarket: scopedSelectedMarket
+    });
+  }, [
+    activeQuoteData,
+    internalAmount,
+    orderEligibility.canPlaceOrder,
+    scopedSelectedMarket,
+    tradingLabels
+  ]);
+  const smartRouteErrorMessage = useMemo3(() => {
+    if (!smartRoute.error) return null;
+    return normalizePlaceOrderErrorMessage({
+      errorMessage: smartRoute.error.message,
+      fallbackMessage: tradingLabels.quoteUnavailable
+    });
+  }, [smartRoute.error, tradingLabels.quoteUnavailable]);
+  const progressActionLabel = (internalTab === "buy" ? tradingLabels.buyingOutcome(selectedOutcomeLabel) : tradingLabels.sellingOutcome(selectedOutcomeLabel)).trim();
+  const canRetryRemaining = useMemo3(() => {
+    if (isSell) return true;
+    const remaining = getPlaceOrderUnfilledRemaining({
+      originalAmount: internalAmount,
+      terminalOrderEvents: executionProgress.terminalOrderEvents
+    });
+    return remaining >= MIN_BUY_ORDER_AMOUNT;
+  }, [executionProgress.terminalOrderEvents, internalAmount, isSell]);
+  const failureSummary = useMemo3(() => {
+    var _a2;
+    if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return void 0;
+    return buildPlaceOrderFailureSummary({
+      actionLabel: progressActionLabel,
+      canRetryRemaining,
+      errorMessage: submissionProgressState.errorMessage,
+      eventImage: headerImage,
+      eventSubtitle: headerSubtitle || void 0,
+      eventTitle: headerTitle || tradingLabels.orderFailureTitle,
+      labels: tradingLabels,
+      orderId: submissionProgressState.orderId,
+      quoteData: (_a2 = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _a2 : activeQuoteData,
+      submittedOrders: executionProgress.submittedOrders,
+      terminalOrderEvents: executionProgress.terminalOrderEvents
+    });
+  }, [
+    activeQuoteData,
+    canRetryRemaining,
+    executionProgress.submittedOrders,
+    executionProgress.terminalOrderEvents,
+    headerImage,
+    headerSubtitle,
+    headerTitle,
+    progressActionLabel,
+    selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData,
+    submissionProgressState,
+    tradingLabels
+  ]);
+  const displayedToWinHint = (_B = selectedRouteCard == null ? void 0 : selectedRouteCard.hint) != null ? _B : "";
+  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(
+    () => {
+      var _a2;
+      return extractGeoBlockedVenues((_a2 = smartRoute.data) == null ? void 0 : _a2.warnings);
+    },
+    [(_E = smartRoute.data) == null ? void 0 : _E.warnings]
+  );
+  const isPrimaryVenueGeoBlocked = useMemo3(() => {
+    var _a2, _b2;
+    if (!selectedRouteCard || selectedRouteCard.isUnavailable) return false;
+    const fills = (_b2 = (_a2 = selectedRouteCard.quoteData) == null ? void 0 : _a2.fills) != null ? _b2 : [];
+    return fills.length > 0 && fills.every((f) => geoBlockedVenuesFromWarnings.has(f.venue));
+  }, [selectedRouteCard, geoBlockedVenuesFromWarnings]);
+  const shouldShowGeoBlockBanner = isTradingBlocked || selectedRouteGeoBlocked || isPrimaryVenueGeoBlocked;
+  const geoBlockVenueLabel = isTradingBlocked ? void 0 : selectedRouteGeoBlocked ? selectedRouteCard == null ? void 0 : selectedRouteCard.label : isPrimaryVenueGeoBlocked && (selectedRouteCard == null ? void 0 : selectedRouteCard.venue) ? getTradingVenueLabel(selectedRouteCard.venue) : void 0;
+  const actionLabel = `${internalTab === "buy" ? tradingLabels.buy : tradingLabels.sell} ${selectedOutcomeLabel}`.trim();
+  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(() => {
+    setSubmissionProgressState(null);
+    setSubmissionFeedback(null);
+    setInternalAmount(0);
+    setInternalSlippage(DEFAULT_SLIPPAGE_VALUE);
+    setInternalTab("buy");
+    setIsRoutesExpanded(false);
+    setSelectedRouteCardId(null);
+    onAmountChange == null ? void 0 : onAmountChange(0);
+    onSlippageChange == null ? void 0 : onSlippageChange(formatPercentageValue(DEFAULT_SLIPPAGE_VALUE));
+    onTabChange == null ? void 0 : onTabChange("buy");
+    if (scopedSelectedEvent) {
+      tradingContext == null ? void 0 : tradingContext.initializeFromEvent(scopedSelectedEvent);
+    }
+  }, [onAmountChange, onSlippageChange, onTabChange, scopedSelectedEvent, tradingContext]);
+  const handleShareTrade = () => {
+    var _a2, _b2;
+    const shareText = (_b2 = (_a2 = submissionProgressState == null ? void 0 : submissionProgressState.summary) == null ? void 0 : _a2.shareText) == null ? void 0 : _b2.trim();
+    if (!shareText || typeof window === "undefined") return;
+    const shareUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}`;
+    window.open(shareUrl, "_blank", "noopener,noreferrer");
+  };
+  const handleExecuteQuote = useCallback3(
+    (quoteData) => __async(null, null, function* () {
+      const quoteId = quoteData == null ? void 0 : quoteData.quoteId;
+      if (!quoteId) {
+        throw new Error(tradingLabels.quoteUnavailable);
+      }
+      if (onPrimaryAction) {
+        onPrimaryAction({ quoteId });
+        return;
+      }
+      const response = yield executeManaged.mutateAsync({ quoteId });
+      setSubmissionProgressState({
+        executionVenue: resolveExecutionVenueFromQuote(quoteData),
+        orderId: response.orderIds[0],
+        orderIds: response.orderIds,
+        phase: "submitting"
+      });
+    }),
+    [executeManaged, onPrimaryAction, tradingLabels.quoteUnavailable]
+  );
+  const handleSkipToSuccess = useCallback3(() => {
+    const primaryFilledEvent = executionProgress.terminalOrderEvents.find(
+      (e) => e.event === "filled" || e.event === "partial_fill"
+    );
+    setSubmissionProgressState((prev) => {
+      var _a2;
+      if (!prev) return prev;
+      const orderId = (_a2 = primaryFilledEvent == null ? void 0 : primaryFilledEvent.orderId) != null ? _a2 : prev.orderId;
+      return __spreadProps(__spreadValues({}, prev), {
+        phase: "success",
+        orderId,
+        summary: buildExecutionSummary(
+          selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData,
+          prev.executionVenue,
+          orderId,
+          failureSummary
+        )
+      });
+    });
+  }, [
+    buildExecutionSummary,
+    executionProgress.terminalOrderEvents,
+    failureSummary,
+    selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
+  ]);
+  const handleRetrySubmission = useCallback3(() => __async(null, null, function* () {
+    var _a2, _b2, _c2;
+    if (!orderEligibility.canPlaceOrder) {
+      handleStartNewTrade();
+      return;
+    }
+    setSubmissionFeedback(null);
+    let retryAmount = internalAmount;
+    let useRemainderRoute = false;
+    if ((failureSummary == null ? void 0 : failureSummary.kind) === "partial_fill" && internalAmount > 0) {
+      const remaining = getPlaceOrderUnfilledRemaining({
+        originalAmount: internalAmount,
+        terminalOrderEvents: executionProgress.terminalOrderEvents
+      });
+      if (remaining > 0) {
+        retryAmount = remaining;
+        useRemainderRoute = true;
+        setInternalAmount(retryAmount);
+        onAmountChange == null ? void 0 : onAmountChange(retryAmount);
+      }
+    }
+    setSubmissionProgressState({ phase: "finding-route" });
+    try {
+      let refetchedQuoteData;
+      if (useRemainderRoute && scopedSelectedOutcomeId) {
+        refetchedQuoteData = yield aggClient.getSmartRoute({
+          venueMarketOutcomeId: scopedSelectedOutcomeId,
+          maxSpend: isSell ? void 0 : retryAmount,
+          sellShares: isSell ? retryAmount : void 0,
+          chainBalances: chainBalancesOverride,
+          slipCapBps: 1e6,
+          compareVenues: true,
+          tradeSide: isSell ? "sell" : "buy"
+        });
+      } else {
+        const refetchedQuoteResult = yield smartRoute.refetch();
+        refetchedQuoteData = (_b2 = (_a2 = resolveRefetchedQuoteData(refetchedQuoteResult)) != null ? _a2 : smartRoute.data) != null ? _b2 : null;
+      }
+      if (!(refetchedQuoteData == null ? void 0 : refetchedQuoteData.quoteId)) {
+        throw new Error(tradingLabels.quoteUnavailable);
+      }
+      const refreshedCards = buildLiveRouteCards({
+        labels: tradingLabels,
+        quoteData: refetchedQuoteData,
+        tradeSide: internalTab
+      });
+      const refreshedSelectedCard = selectedRouteCardId ? refreshedCards.find((card) => card.id === selectedRouteCardId) : void 0;
+      if (selectedRouteCardId && !refreshedSelectedCard) {
+        setSubmissionProgressState(null);
+        setSubmissionFeedback({
+          message: tradingLabels.selectedVenueUnavailable,
+          tone: "error"
+        });
+        return;
+      }
+      yield handleExecuteQuote((_c2 = refreshedSelectedCard == null ? void 0 : refreshedSelectedCard.quoteData) != null ? _c2 : refetchedQuoteData);
+    } catch (error) {
+      const errorMessage = normalizePlaceOrderErrorMessage({
+        errorMessage: error instanceof Error ? error.message : String(error),
+        fallbackMessage: tradingLabels.orderFailed
+      });
+      setSubmissionProgressState({
+        phase: "failed",
+        errorMessage
+      });
+    }
+  }), [
+    aggClient,
+    chainBalancesOverride,
+    executionProgress.terminalOrderEvents,
+    failureSummary == null ? void 0 : failureSummary.kind,
+    handleExecuteQuote,
+    handleStartNewTrade,
+    internalAmount,
+    internalTab,
+    isSell,
+    onAmountChange,
+    orderEligibility.canPlaceOrder,
+    scopedSelectedOutcomeId,
+    selectedRouteCardId,
+    smartRoute,
+    tradingLabels
+  ]);
+  const resolvedStatusClassName = cn(classNames == null ? void 0 : classNames.root, className);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx5(
+      Skeleton,
+      {
+        ariaLabel: labels.common.loading,
+        className: resolvedStatusClassName,
+        view: skeletonViews.placeOrder
+      }
+    );
+  }
+  if (submissionProgressState) {
+    if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
+      return /* @__PURE__ */ jsx5(
+        PlaceOrderSuccessView,
+        {
+          className: resolvedStatusClassName,
+          summary: submissionProgressState.summary,
+          tradingLabels,
+          onDone: handleStartNewTrade,
+          onShare: handleShareTrade
+        }
+      );
+    }
+    if (submissionProgressState.phase === "failed") {
+      return /* @__PURE__ */ jsx5(
+        PlaceOrderFailureView,
+        {
+          className: resolvedStatusClassName,
+          enableAnimations,
+          summary: failureSummary,
+          tradingLabels,
+          onRetry: handleRetrySubmission,
+          onDone: handleStartNewTrade,
+          onSkip: handleSkipToSuccess
+        }
+      );
+    }
+    return renderSubmissionSurface({
+      actionLabel: progressActionLabel,
+      className,
+      classNames,
+      enableAnimations,
+      headerSubtitle,
+      headerImage,
+      headerTitle,
+      progressState: submissionProgressState,
+      tradingLabels
+    });
+  }
+  const handleTabChange = (nextTab) => {
+    if (!orderEligibility.canPlaceOrder) return;
+    setInternalTab(nextTab);
+    onTabChange == null ? void 0 : onTabChange(nextTab);
+  };
+  const handleOutcomeChange = (nextOutcomeId) => {
+    if (isResolvedOutcomeCtaLocked) return;
+    if (!orderEligibility.canPlaceOrder) return;
+    onOutcomeChange == null ? void 0 : onOutcomeChange(nextOutcomeId);
+    tradingContext == null ? void 0 : tradingContext.selectOutcome(nextOutcomeId);
+  };
+  const handleAmountChange = (nextValue) => {
+    if (!orderEligibility.canPlaceOrder) return;
+    const resolvedNextValue = nextValue != null ? nextValue : 0;
+    setInternalAmount(resolvedNextValue);
+    onAmountChange == null ? void 0 : onAmountChange(resolvedNextValue);
+  };
+  const handleFillSellableShares = () => {
+    if (!isSell) return;
+    if (displayedCurrentSellableShares <= 0) return;
+    handleAmountChange(displayedCurrentSellableShares);
+  };
+  const handleSignInRequiredClick = () => {
+    if (!shouldPromptSignIn) return;
+    requestAggAuthChooserOpen();
+  };
+  const handleDepositRequiredClick = () => {
+    if (!isInsufficientBalance) return;
+    requestAggDepositModalOpen();
+  };
+  const handleTabKeyDown = (event, currentTab) => {
+    if (!orderEligibility.canPlaceOrder) return;
+    const nextTab = resolveNextTabFromKey({ currentTab, key: event.key });
+    if (!nextTab) return;
+    event.preventDefault();
+    handleTabChange(nextTab);
+    requestAnimationFrame(() => {
+      var _a2;
+      (_a2 = (nextTab === "buy" ? buyTabRef : sellTabRef).current) == null ? void 0 : _a2.focus();
+    });
+  };
+  const handlePrimaryAction = () => __async(null, null, function* () {
+    var _a2;
+    if (!orderEligibility.canPlaceOrder) {
+      setSubmissionFeedback({
+        message: (_a2 = resolveOrderEligibilityMessage(labels, orderEligibility.reason)) != null ? _a2 : tradingLabels.orderFailed,
+        tone: "error"
+      });
+      return;
+    }
+    if (!selectedRouteCard) return;
+    setSubmissionFeedback(null);
+    try {
+      setSubmissionProgressState({ phase: "finding-route" });
+      yield handleExecuteQuote(selectedRouteCard.quoteData);
+    } catch (error) {
+      const errorMessage = normalizePlaceOrderErrorMessage({
+        errorMessage: error instanceof Error ? error.message : String(error),
+        fallbackMessage: tradingLabels.orderFailed
+      });
+      setSubmissionProgressState({
+        phase: "failed",
+        errorMessage
+      });
+    }
+  });
+  if (!orderEligibility.canPlaceOrder && resolvedReadOnlyTradingState.kind !== "open") {
+    return /* @__PURE__ */ jsx5(
+      PlaceOrderResolvedView,
+      {
+        tradingState: resolvedReadOnlyTradingState,
+        resolvedClaim,
+        classNames,
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx5(
+      Card,
+      {
+        className: cn(
+          "group/agg-order-panel",
+          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: [
+          renderCardHeader({
+            className: classNames == null ? void 0 : classNames.header,
+            headerSubtitle,
+            headerImage,
+            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(
+              "div",
+              {
+                className: "agg-order-tabs flex items-end border-b border-agg-separator",
+                role: "tablist",
+                "aria-label": labels.common.tabsAria,
+                children: [
+                  { value: "buy", label: tradingLabels.buy, ref: buyTabRef },
+                  { value: "sell", label: tradingLabels.sell, ref: sellTabRef }
+                ].map((tabItem) => {
+                  const isActive = internalTab === tabItem.value;
+                  return /* @__PURE__ */ jsxs4(
+                    "button",
+                    {
+                      ref: tabItem.ref,
+                      type: "button",
+                      role: "tab",
+                      "aria-selected": isActive,
+                      tabIndex: isActive ? 0 : -1,
+                      className: cn(
+                        "agg-order-tab-trigger",
+                        "relative -mb-px cursor-pointer px-5 pb-2 text-agg-base leading-agg-6",
+                        "disabled:cursor-not-allowed disabled:opacity-60",
+                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary",
+                        isActive ? "text-agg-primary" : "text-agg-foreground",
+                        getMotionClassName(
+                          enableAnimations,
+                          "transition-[color,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
+                        )
+                      ),
+                      disabled: !orderEligibility.canPlaceOrder,
+                      onClick: () => handleTabChange(tabItem.value),
+                      onKeyDown: (event) => handleTabKeyDown(event, tabItem.value),
+                      children: [
+                        tabItem.label,
+                        /* @__PURE__ */ jsx5(
+                          "span",
+                          {
+                            "aria-hidden": "true",
+                            className: cn(
+                              "agg-order-tab-indicator",
+                              "pointer-events-none absolute inset-x-0 bottom-0 h-0.5 rounded-t-agg-sm bg-agg-primary",
+                              isActive ? "opacity-100" : "opacity-0",
+                              getMotionClassName(
+                                enableAnimations,
+                                "transition-opacity duration-200 ease-in-out"
+                              )
+                            )
+                          }
+                        )
+                      ]
+                    },
+                    tabItem.value
+                  );
+                })
+              }
+            ),
+            outcomes.length >= 2 ? /* @__PURE__ */ jsx5("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
+              var _a2, _b2;
+              const price = (_a2 = livePrices.get(outcome.id)) != null ? _a2 : outcome.price;
+              const isActive = outcome.id === scopedSelectedOutcomeId;
+              const isPositive = resolveIsPositiveOutcome(outcome, index);
+              const displayLabel = ((_b2 = outcome.title) == null ? void 0 : _b2.trim()) || outcome.label;
+              return /* @__PURE__ */ jsxs4(
+                "button",
+                {
+                  "data-id": outcome.id,
+                  type: "button",
+                  className: cn(
+                    "agg-outcome-button",
+                    getOutcomeButtonClassName({
+                      enableAnimations,
+                      isActive,
+                      isPositive
+                    }),
+                    "disabled:cursor-not-allowed disabled:opacity-60",
+                    "leading-agg-5! flex-1 min-w-0 gap-1 md:gap-2"
+                  ),
+                  "aria-pressed": isActive,
+                  "aria-label": `${displayLabel} ${formatProbabilityCents(price)}`,
+                  disabled: !orderEligibility.canPlaceOrder || isResolvedOutcomeCtaLocked,
+                  onClick: () => handleOutcomeChange(outcome.id),
+                  children: [
+                    /* @__PURE__ */ jsx5(
+                      Typography,
+                      {
+                        as: "span",
+                        variant: isActive ? "body-strong" : "body",
+                        className: cn("whitespace-nowrap truncate"),
+                        children: displayLabel
+                      }
+                    ),
+                    /* @__PURE__ */ jsx5(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__ */ jsx5(
+                CurrencyInput,
+                {
+                  value: internalAmount,
+                  onChange: handleAmountChange,
+                  ariaLabel: tradingLabels.amount(internalTab),
+                  isInvalid: isInsufficientBalance,
+                  disabled: !orderEligibility.canPlaceOrder,
+                  prefix: internalTab === "buy" ? "$" : "",
+                  decimalPlaces: isSell ? 6 : 2,
+                  classNames: {
+                    input: cn(
+                      "agg-order-amount-input",
+                      "w-full max-w-[168px] text-right text-agg-3xl font-agg-bold leading-agg-9 tracking-agg-normal",
+                      hasEnteredAmount ? "text-agg-foreground" : "text-agg-separator caret-agg-foreground"
+                    )
+                  }
+                }
+              )
+            ] }),
+            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(
+                  "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),
+                    onClick: () => setIsRoutesExpanded((currentValue) => !currentValue),
+                    children: [
+                      /* @__PURE__ */ jsx5("span", { children: isRoutesExpanded ? tradingLabels.hideRoutes : tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
+                      /* @__PURE__ */ jsx5(
+                        Icon,
+                        {
+                          name: isRoutesExpanded ? "chevron-up" : "chevron-down",
+                          size: "small",
+                          className: "h-4 w-4 text-agg-foreground",
+                          "aria-hidden": "true"
+                        }
+                      )
+                    ]
+                  }
+                ) : 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.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
+              ] })
+            ] }) : 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 })
+              ] }),
+              /* @__PURE__ */ jsx5(
+                NumberFlow,
+                {
+                  value: displayedToWinValue,
+                  locales: locale,
+                  format: {
+                    currency: "USD",
+                    maximumFractionDigits: 2,
+                    minimumFractionDigits: 2,
+                    style: "currency"
+                  },
+                  className: "agg-order-summary-value text-right text-agg-3xl font-agg-bold leading-agg-9 tracking-agg-normal text-agg-success"
+                }
+              )
+            ] }) : null,
+            /* @__PURE__ */ jsxs4(
+              "div",
+              {
+                className: cn(
+                  "agg-order-panel-footer agg-order-actions flex flex-col gap-3",
+                  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(
+                      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(
+                      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(
+                      InlineAlert,
+                      {
+                        tone: "error",
+                        message: smartRouteErrorMessage,
+                        actionLabel: labels.common.retry,
+                        onAction: () => {
+                          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(
+                    Button,
+                    {
+                      size: "large",
+                      variant: hasEnteredAmount && !shouldShowGeoBlockBanner ? "primary" : "secondary",
+                      className: "agg-order-submit h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none mb-3",
+                      disabled: isActionDisabled || shouldShowGeoBlockBanner,
+                      isLoading: isActionLoading,
+                      "aria-label": actionLabel,
+                      onClick: () => {
+                        void handlePrimaryAction();
+                      },
+                      children: actionLabel
+                    }
+                  ),
+                  shouldShowGeoBlockBanner ? /* @__PURE__ */ jsx5(GeoBlockBanner, { venue: geoBlockVenueLabel }) : 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
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      KycVerifyModal,
+      {
+        open: isKycVerifyModalOpen,
+        onOpenChange: (next) => {
+          if (!next) closeVerifyModal();
+        },
+        onStartVerification: startVerification,
+        isInitiating: isKycInitiating,
+        labels: {
+          title: tradingLabels.kycVerifyModalTitle,
+          description: tradingLabels.kycVerifyModalDescription,
+          startVerification: tradingLabels.kycStartVerification,
+          doItLater: tradingLabels.kycDoItLater
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      KycSuccessModal,
+      {
+        open: showKycSuccessModal,
+        onOpenChange: (next) => {
+          if (!next) closeSuccessModal();
+        },
+        labels: {
+          title: tradingLabels.kycSuccessTitle,
+          description: tradingLabels.kycSuccessDescription,
+          done: tradingLabels.kycSuccessDone
+        }
+      }
+    )
+  ] });
+};
+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,
+  requestAggDepositModalOpen,
+  requestAggWithdrawModalOpen,
+  PlaceOrderFailureView,
+  PlaceOrderSuccessView,
+  PlaceOrder
+};