@agg-build/ui 2.7.2 → 2.8.0

package/dist/trading.js

@@ -105,7 +105,7 @@ __export(trading_exports, {
   prepareSettlementDifferences: () => prepareSettlementDifferences,
   resolveDifferenceIconClassName: () => resolveDifferenceIconClassName,
   useClaimWinnings: () => useClaimWinnings,
-  useEventTradingContext: () => import_hooks37.useEventTradingContext,
+  useEventTradingContext: () => import_hooks38.useEventTradingContext,
   useResolvedMarketClaim: () => useResolvedMarketClaim
 });
 module.exports = __toCommonJS(trading_exports);
@@ -5331,15 +5331,14 @@ var SettlementDetails = ({ className }) => {
 SettlementDetails.displayName = "SettlementDetails";
 
 // src/trading/place-order/index.tsx
-var import_hooks36 = require("@agg-build/hooks");
+var import_hooks37 = require("@agg-build/hooks");
 var import_sdk17 = require("@agg-build/sdk");
-var import_react14 = __toESM(require("@number-flow/react"));
-var DropdownMenu = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_react15 = __toESM(require("@number-flow/react"));
 var Popover = __toESM(require("@radix-ui/react-popover"));
 var import_dayjs5 = __toESM(require("dayjs"));
 var import_timezone2 = __toESM(require("dayjs/plugin/timezone"));
 var import_utc2 = __toESM(require("dayjs/plugin/utc"));
-var import_react15 = require("react");
+var import_react16 = require("react");
 
 // src/events/market-details/market-details.utils.ts
 var import_sdk12 = require("@agg-build/sdk");
@@ -5347,8 +5346,9 @@ var import_dayjs2 = __toESM(require("dayjs"));
 
 // src/events/orderbook/orderbook.utils.ts
 var import_sdk11 = require("@agg-build/sdk");
-var formatProbabilityCents = (value) => {
+var formatProbabilityCents = (value, formatPrice) => {
   if (value == null) return "-";
+  if (formatPrice) return formatPrice(value);
   const cents = (value * 100).toFixed(1).replace(/\.0$/, "");
   return `${cents}\xA2`;
 };
@@ -5492,8 +5492,8 @@ var GeoBlockBanner = ({
 GeoBlockBanner.displayName = "GeoBlockBanner";
 
 // src/onboarding/index.tsx
-var import_react11 = require("react");
-var import_hooks33 = require("@agg-build/hooks");
+var import_react12 = require("react");
+var import_hooks34 = require("@agg-build/hooks");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/primitives/modal/index.tsx
@@ -6021,8 +6021,8 @@ var HowItWorksStep = ({ onContinue, icons }) => {
 HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
-var import_react8 = require("react");
-var import_hooks29 = require("@agg-build/hooks");
+var import_react9 = require("react");
+var import_hooks30 = require("@agg-build/hooks");
 
 // src/primitives/calendar/index.tsx
 var import_react_day_picker = require("react-day-picker");
@@ -6571,6 +6571,302 @@ var LoadingIcon = ({
 };
 LoadingIcon.displayName = "LoadingIcon";
 
+// src/primitives/select/index.tsx
+var import_hooks28 = require("@agg-build/hooks");
+var import_react6 = require("react");
+var import_react_dom = require("react-dom");
+
+// src/primitives/select/select.constants.ts
+var SELECT_DEFAULT_IS_DISABLED = false;
+
+// src/primitives/select/select.utils.ts
+var resolveHasEnabledItems = (items) => {
+  return items.some((item) => !item.disabled);
+};
+var resolveSelectedItem = (items, value) => {
+  return items.find((item) => item.value === value);
+};
+var resolveIsSelectDisabled = ({
+  disabled,
+  items
+}) => {
+  return disabled || !resolveHasEnabledItems(items);
+};
+
+// src/primitives/select/index.tsx
+var import_jsx_runtime122 = require("react/jsx-runtime");
+var SELECT_DROPDOWN_Z = 1e4;
+function resolveSelectPortalContainer(triggerRoot) {
+  var _a, _b;
+  if (!triggerRoot) return document.body;
+  return (_b = (_a = triggerRoot.closest(".agg-modal-center")) != null ? _a : triggerRoot.closest(".agg-modal-content")) != null ? _b : document.body;
+}
+var Select = ({
+  items,
+  value,
+  onChange,
+  ariaLabel,
+  className,
+  triggerClassName,
+  contentClassName,
+  itemClassName,
+  disabled = SELECT_DEFAULT_IS_DISABLED,
+  variant = "default",
+  openOnHover = false,
+  contentAlign = "start",
+  contentSideOffset = 8
+}) => {
+  var _a;
+  const labels = (0, import_hooks28.useLabels)();
+  const {
+    general: { rootClassName },
+    features: { enableAnimations }
+  } = (0, import_hooks28.useSdkUiConfig)();
+  const isDisabled = resolveIsSelectDisabled({ disabled, items });
+  const selectedItem = resolveSelectedItem(items, value);
+  const [isOpen, setIsOpen] = (0, import_react6.useState)(false);
+  const [menuRect, setMenuRect] = (0, import_react6.useState)(null);
+  const containerRef = (0, import_react6.useRef)(null);
+  const portalRef = (0, import_react6.useRef)(null);
+  const closeTimerRef = (0, import_react6.useRef)(null);
+  const openedByHoverRef = (0, import_react6.useRef)(false);
+  const handleClose = (0, import_react6.useCallback)(() => {
+    setIsOpen(false);
+    openedByHoverRef.current = false;
+  }, []);
+  const updateMenuRect = (0, import_react6.useCallback)(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const r = el.getBoundingClientRect();
+    setMenuRect({
+      top: r.bottom + contentSideOffset,
+      left: r.left,
+      right: r.right,
+      width: r.width
+    });
+  }, [contentSideOffset]);
+  (0, import_react6.useEffect)(() => {
+    return () => {
+      if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
+    };
+  }, []);
+  (0, import_react6.useLayoutEffect)(() => {
+    if (!isOpen) {
+      setMenuRect(null);
+      return;
+    }
+    updateMenuRect();
+  }, [isOpen, updateMenuRect, value]);
+  (0, import_react6.useEffect)(() => {
+    if (!isOpen) return;
+    const handlePointerDown = (event) => {
+      var _a2, _b;
+      const target = event.target;
+      if ((_a2 = containerRef.current) == null ? void 0 : _a2.contains(target)) return;
+      if ((_b = portalRef.current) == null ? void 0 : _b.contains(target)) return;
+      handleClose();
+    };
+    const handleReposition = () => {
+      updateMenuRect();
+    };
+    document.addEventListener("mousedown", handlePointerDown);
+    window.addEventListener("resize", handleReposition);
+    document.addEventListener("scroll", handleReposition, true);
+    return () => {
+      document.removeEventListener("mousedown", handlePointerDown);
+      window.removeEventListener("resize", handleReposition);
+      document.removeEventListener("scroll", handleReposition, true);
+    };
+  }, [isOpen, handleClose, updateMenuRect]);
+  (0, import_react6.useEffect)(() => {
+    if (!isOpen) return;
+    const handleKeyDown = (event) => {
+      if ((event == null ? void 0 : event.key) === "Escape") handleClose();
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, handleClose]);
+  const handlePointerEnter = (event) => {
+    if (!openOnHover || isDisabled || event.pointerType === "touch") return;
+    if (closeTimerRef.current) {
+      clearTimeout(closeTimerRef.current);
+      closeTimerRef.current = null;
+    }
+    if (isOpen) return;
+    openedByHoverRef.current = true;
+    setIsOpen(true);
+  };
+  const handlePointerLeave = (event) => {
+    if (!openOnHover || event.pointerType === "touch") return;
+    if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
+    closeTimerRef.current = setTimeout(() => {
+      handleClose();
+      closeTimerRef.current = null;
+    }, 120);
+  };
+  const handleTriggerClick = () => {
+    if (openedByHoverRef.current && isOpen) {
+      openedByHoverRef.current = false;
+      return;
+    }
+    setIsOpen((previousValue) => !previousValue);
+  };
+  const isInline = variant === "inline";
+  const triggerRadiusClass = triggerClassName != null ? triggerClassName : isInline ? "rounded-agg-sm" : "rounded-agg-md";
+  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    "div",
+    {
+      ref: portalRef,
+      "data-agg-select-dropdown": true,
+      role: "listbox",
+      "aria-label": ariaLabel != null ? ariaLabel : labels.common.selectAria,
+      style: {
+        position: "fixed",
+        top: menuRect.top,
+        left: contentAlign === "start" ? menuRect.left : void 0,
+        right: contentAlign === "end" ? window.innerWidth - menuRect.right : void 0,
+        width: menuRect.width,
+        zIndex: SELECT_DROPDOWN_Z
+      },
+      className: cn(
+        AGG_ROOT_CLASS_NAME,
+        rootClassName,
+        "agg-select-content pointer-events-auto max-h-[min(20rem,calc(100vh-4rem))] overflow-y-auto border border-agg-separator bg-agg-secondary flex flex-col",
+        isInline ? "min-w-[120px] gap-0 rounded-agg-lg py-1 shadow-[0_8px_16px_rgba(0,0,0,0.12)]" : "gap-1 rounded-[12px] p-2 shadow-[0_8px_16px_rgba(0,0,0,0.1)]",
+        contentClassName
+      ),
+      onPointerEnter: handlePointerEnter,
+      onPointerLeave: handlePointerLeave,
+      children: items.map((item) => {
+        const isSelected = item.value === value;
+        const isHidden = item.hidden === true;
+        if (isHidden) return null;
+        return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": isSelected,
+            disabled: item.disabled,
+            className: cn(
+              "agg-select-item",
+              "relative flex w-full items-center text-left text-agg-sm leading-agg-5 outline-none",
+              isInline ? "gap-2 px-4 py-2" : "gap-3 rounded-[6px] py-3 pl-3 pr-5",
+              "hover:bg-agg-secondary-hover focus-visible:bg-agg-secondary-hover",
+              isSelected ? isInline ? "font-agg-bold text-agg-foreground" : "bg-agg-primary/10 font-agg-normal text-agg-primary" : "font-agg-normal text-agg-foreground",
+              item.disabled && "cursor-not-allowed opacity-60",
+              itemClassName
+            ),
+            onClick: () => {
+              if (item.disabled) {
+                return;
+              }
+              onChange(item.value);
+              handleClose();
+            },
+            children: [
+              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                "span",
+                {
+                  className: "agg-select-item-indicator absolute bottom-2 left-0 top-2 w-1 bg-agg-primary",
+                  "aria-hidden": true
+                }
+              ) : null,
+              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                "span",
+                {
+                  className: cn(
+                    "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full",
+                    isSelected ? "text-agg-primary" : "text-agg-muted-foreground"
+                  ),
+                  children: item.icon
+                }
+              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                RemoteImage,
+                {
+                  src: item.iconUrl,
+                  alt: "",
+                  className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
+                }
+              ) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
+            ]
+          },
+          item.value
+        );
+      })
+    }
+  ) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+    "div",
+    {
+      ref: containerRef,
+      className: cn(
+        "group/agg-select relative inline-flex",
+        isInline ? "w-auto" : "w-full",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+          "button",
+          {
+            type: "button",
+            "aria-label": ariaLabel != null ? ariaLabel : labels.common.selectAria,
+            "aria-expanded": isOpen,
+            "aria-haspopup": "listbox",
+            disabled: isDisabled,
+            className: cn(
+              "agg-select-trigger",
+              "flex cursor-pointer items-center gap-2 font-agg-sans text-agg-foreground outline-none disabled:cursor-not-allowed disabled:opacity-60",
+              isInline ? "h-auto w-auto bg-transparent px-2 py-1 pr-8 text-left text-agg-base leading-agg-6" : "h-10 w-full border border-agg-separator bg-agg-secondary px-3 py-[9px] pr-10 text-left text-agg-sm leading-agg-5",
+              triggerRadiusClass,
+              !isInline && getMotionClassName(
+                enableAnimations,
+                "transition-[border-color,box-shadow] duration-200 ease-in-out"
+              ),
+              !isInline && isOpen && "border-2 border-agg-primary px-[11px] py-2 ring-0",
+              !isInline && "hover:border-agg-primary focus:border-agg-primary focus:ring-0"
+            ),
+            onClick: handleTriggerClick,
+            onPointerEnter: handlePointerEnter,
+            onPointerLeave: handlePointerLeave,
+            children: [
+              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+                RemoteImage,
+                {
+                  src: selectedItem.iconUrl,
+                  alt: "",
+                  className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
+                }
+              ) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+          "span",
+          {
+            className: cn(
+              "agg-select-chevron pointer-events-none absolute inset-y-0 inline-flex items-center justify-center",
+              isInline ? "right-2 text-agg-foreground" : "right-3 text-agg-muted-foreground"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+              Icon,
+              {
+                name: isOpen ? "chevron-up" : "chevron-down-thin",
+                size: "small",
+                color: "currentColor"
+              }
+            )
+          }
+        ),
+        isOpen && typeof document !== "undefined" && listbox ? (0, import_react_dom.createPortal)(listbox, resolveSelectPortalContainer(containerRef.current)) : null
+      ]
+    }
+  );
+};
+Select.displayName = "Select";
+
 // src/primitives/typography/typography.constants.ts
 var display = cn("agg-type-display");
 var heading = cn("agg-type-heading");
@@ -6634,7 +6930,7 @@ var getTypographyClassName = ({
 };
 
 // src/primitives/typography/index.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var Typography = ({
   as: Component = "p",
   variant = "body",
@@ -6642,23 +6938,23 @@ var Typography = ({
   children,
   "aria-label": ariaLabel
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Component, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Component, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
 };
 Typography.displayName = "Typography";
 
 // src/primitives/toast/index.tsx
 var RadixToast = __toESM(require("@radix-ui/react-toast"));
-var import_react6 = require("react");
-var import_jsx_runtime123 = require("react/jsx-runtime");
-var ToastContext = (0, import_react6.createContext)(null);
+var import_react7 = require("react");
+var import_jsx_runtime124 = require("react/jsx-runtime");
+var ToastContext = (0, import_react7.createContext)(null);
 function useOptionalToast() {
-  return (0, import_react6.useContext)(ToastContext);
+  return (0, import_react7.useContext)(ToastContext);
 }
 
 // src/primitives/tooltip/index.tsx
-var import_hooks28 = require("@agg-build/hooks");
+var import_hooks29 = require("@agg-build/hooks");
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/primitives/tooltip/tooltip.constants.ts
 var tooltipSizeClasses = {
@@ -6690,7 +6986,7 @@ var resolveTooltipArrowDimensions = (size) => {
 };
 
 // src/primitives/tooltip/index.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var Tooltip = ({
   content,
   children,
@@ -6705,25 +7001,25 @@ var Tooltip = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks28.useSdkUiConfig)();
-  const trigger = (0, import_react7.useMemo)(() => {
+  } = (0, import_hooks29.useSdkUiConfig)();
+  const trigger = (0, import_react8.useMemo)(() => {
     if (children) return children;
-    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
       "button",
       {
         type: "button",
         className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
         "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
       }
     );
   }, [children, classNames == null ? void 0 : classNames.trigger, classNames == null ? void 0 : classNames.icon, ariaLabel]);
   const { width: arrowWidth, height: arrowHeight } = resolveTooltipArrowDimensions(size);
   const arrowPoints = `0,0 ${arrowWidth},0 ${arrowWidth / 2},${arrowHeight}`;
   const arrowBorderPath = `M0 0 L${arrowWidth / 2} ${arrowHeight} L${arrowWidth} 0`;
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
       TooltipPrimitive.Content,
       {
         side,
@@ -6747,7 +7043,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
             "svg",
             {
               width: arrowWidth,
@@ -6756,8 +7052,8 @@ var Tooltip = ({
               "aria-hidden": "true",
               className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                   "path",
                   {
                     d: arrowBorderPath,
@@ -6779,18 +7075,18 @@ var Tooltip = ({
 Tooltip.displayName = "Tooltip";
 
 // src/onboarding/steps/profile-setup.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = (0, import_hooks29.useLabels)();
-  const [username, setUsername] = (0, import_react8.useState)("");
-  const [avatarFile, setAvatarFile] = (0, import_react8.useState)();
-  const [avatarPreview, setAvatarPreview] = (0, import_react8.useState)();
-  const fileInputRef = (0, import_react8.useRef)(null);
-  const handleAvatarClick = (0, import_react8.useCallback)(() => {
+  const labels = (0, import_hooks30.useLabels)();
+  const [username, setUsername] = (0, import_react9.useState)("");
+  const [avatarFile, setAvatarFile] = (0, import_react9.useState)();
+  const [avatarPreview, setAvatarPreview] = (0, import_react9.useState)();
+  const fileInputRef = (0, import_react9.useRef)(null);
+  const handleAvatarClick = (0, import_react9.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react8.useCallback)((e) => {
+  const handleFileChange = (0, import_react9.useCallback)((e) => {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (!file) return;
@@ -6802,18 +7098,18 @@ var ProfileSetupStep = ({ onContinue }) => {
     };
     reader.readAsDataURL(file);
   }, []);
-  const handleContinue = (0, import_react8.useCallback)(() => {
+  const handleContinue = (0, import_react9.useCallback)(() => {
     onContinue({
       username,
       avatarFile,
       avatarPreview
     });
   }, [username, avatarFile, avatarPreview, onContinue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex justify-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-5 items-center w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
           "button",
           {
             type: "button",
@@ -6829,13 +7125,13 @@ var ProfileSetupStep = ({ onContinue }) => {
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
             children: [
-              !avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+              !avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
                 "svg",
                 {
                   "aria-hidden": true,
                   viewBox: "0 0 80 80",
                   className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
                     "circle",
                     {
                       cx: "40",
@@ -6849,18 +7145,18 @@ var ProfileSetupStep = ({ onContinue }) => {
                   )
                 }
               ) : null,
-              avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+              avatarPreview ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
                 RemoteImage,
                 {
                   src: avatarPreview,
                   alt: labels.onboarding.profileSetup.profilePreviewAlt,
                   className: "h-full w-full object-cover"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           "input",
           {
             ref: fileInputRef,
@@ -6872,8 +7168,8 @@ var ProfileSetupStep = ({ onContinue }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           "label",
           {
             htmlFor: "onboarding-username",
@@ -6881,7 +7177,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             children: labels.onboarding.profileSetup.usernameLabel
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           "input",
           {
             id: "onboarding-username",
@@ -6905,16 +7201,16 @@ var ProfileSetupStep = ({ onContinue }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
   ] });
 };
 ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
-var import_hooks30 = require("@agg-build/hooks");
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_hooks31 = require("@agg-build/hooks");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -6925,8 +7221,8 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = (0, import_hooks30.useLabels)();
-  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  const labels = (0, import_hooks31.useLabels)();
+  const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
     Button,
     {
       variant: "tertiary",
@@ -6936,18 +7232,18 @@ var VenueCard = ({
       children: labels.onboarding.connectAccounts.connect
     }
   );
-  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  const mobileAction = connected ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
     Button,
     {
       variant: "tertiary",
       size: "medium",
       className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
       onClick: onConnect,
-      suffix: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
+      suffix: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(ChevronRightIcon, { className: "h-4 w-4" }),
       children: labels.onboarding.connectAccounts.connectAccount
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
     "div",
     {
       className: cn(
@@ -6955,23 +7251,23 @@ var VenueCard = ({
         connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title2 }),
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "hidden sm:flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-[2px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title2 }),
+              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-sm text-agg-foreground", children: description })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "shrink-0", children: action })
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "shrink-0", children: action })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title2 })
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-3 sm:hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title2 })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
             mobileAction
           ] })
         ] })
@@ -6984,14 +7280,14 @@ var ConnectAccountsStep = ({
   onContinue,
   connectedOnchain = false
 }) => {
-  const labels = (0, import_hooks30.useLabels)();
+  const labels = (0, import_hooks31.useLabels)();
   const canContinue = connectedOnchain;
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       VenueCard,
       {
-        logos: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(OnchainVenueLogos, {}),
+        logos: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(OnchainVenueLogos, {}),
         title: labels.onboarding.connectAccounts.onchainTitle,
         mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
           ONCHAIN_VENUES.length - 1
@@ -7002,7 +7298,7 @@ var ConnectAccountsStep = ({
         connected: connectedOnchain
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       Button,
       {
         variant: "primary",
@@ -7018,22 +7314,22 @@ var ConnectAccountsStep = ({
 ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-var import_react9 = require("react");
-var import_hooks31 = require("@agg-build/hooks");
+var import_react10 = require("react");
+var import_hooks32 = require("@agg-build/hooks");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var ConnectOnchainModal = ({
   open,
   onOpenChange,
   onConnect
 }) => {
-  const labels = (0, import_hooks31.useLabels)();
-  const [connecting, setConnecting] = (0, import_react9.useState)(false);
-  const [error, setError] = (0, import_react9.useState)();
-  const handleCancel = (0, import_react9.useCallback)(() => {
+  const labels = (0, import_hooks32.useLabels)();
+  const [connecting, setConnecting] = (0, import_react10.useState)(false);
+  const [error, setError] = (0, import_react10.useState)();
+  const handleCancel = (0, import_react10.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleConnect = (0, import_react9.useCallback)(() => __async(null, null, function* () {
+  const handleConnect = (0, import_react10.useCallback)(() => __async(null, null, function* () {
     if (connecting) return;
     setConnecting(true);
     setError(void 0);
@@ -7048,7 +7344,7 @@ var ConnectOnchainModal = ({
       setConnecting(false);
     }
   }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = (0, import_react9.useCallback)(
+  const handleOpenChange = (0, import_react10.useCallback)(
     (value) => {
       if (value) {
         setError(void 0);
@@ -7058,15 +7354,15 @@ var ConnectOnchainModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           Modal.Header,
           {
             hideClose: false,
@@ -7077,26 +7373,26 @@ var ConnectOnchainModal = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
             ] }, venue)) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -7107,7 +7403,7 @@ var ConnectOnchainModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -7126,12 +7422,12 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
-var import_hooks32 = require("@agg-build/hooks");
+var import_hooks33 = require("@agg-build/hooks");
 var import_sdk14 = require("@agg-build/sdk");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_zod = require("zod");
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var kalshiCredentialsSchema = import_zod.z.object({
   apiKeyId: import_zod.z.string().trim().min(1),
   privateKey: import_zod.z.string().trim().min(1)
@@ -7153,25 +7449,25 @@ var ConnectKalshiModal = ({
   onOpenChange,
   onVerify
 }) => {
-  const labels = (0, import_hooks32.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks32.useAppConfig)();
-  const apiKeyInputRef = (0, import_react10.useRef)(null);
-  const errorId = (0, import_react10.useId)();
-  const [apiKeyId, setApiKeyId] = (0, import_react10.useState)("");
-  const [privateKey, setPrivateKey] = (0, import_react10.useState)("");
-  const [isVerifying, setIsVerifying] = (0, import_react10.useState)(false);
-  const [isConnected, setIsConnected] = (0, import_react10.useState)(false);
-  const [error, setError] = (0, import_react10.useState)();
-  const availabilityState = (0, import_hooks32.getVenueAvailabilityState)({
+  const labels = (0, import_hooks33.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks33.useAppConfig)();
+  const apiKeyInputRef = (0, import_react11.useRef)(null);
+  const errorId = (0, import_react11.useId)();
+  const [apiKeyId, setApiKeyId] = (0, import_react11.useState)("");
+  const [privateKey, setPrivateKey] = (0, import_react11.useState)("");
+  const [isVerifying, setIsVerifying] = (0, import_react11.useState)(false);
+  const [isConnected, setIsConnected] = (0, import_react11.useState)(false);
+  const [error, setError] = (0, import_react11.useState)();
+  const availabilityState = (0, import_hooks33.getVenueAvailabilityState)({
     venueId: import_sdk14.Venue.kalshi,
     disabledVenues,
     isConfigLoading: isAppConfigLoading
   });
-  const parsedCredentials = (0, import_react10.useMemo)(
+  const parsedCredentials = (0, import_react11.useMemo)(
     () => kalshiCredentialsSchema.safeParse({ apiKeyId, privateKey }),
     [apiKeyId, privateKey]
   );
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!open) return;
     setApiKeyId("");
     setPrivateKey("");
@@ -7184,14 +7480,14 @@ var ConnectKalshiModal = ({
     });
     return () => window.cancelAnimationFrame(animationFrame);
   }, [open]);
-  const handleOpenChange = (0, import_react10.useCallback)(
+  const handleOpenChange = (0, import_react11.useCallback)(
     (nextOpen) => {
       if (isVerifying && !nextOpen) return;
       onOpenChange(nextOpen);
     },
     [isVerifying, onOpenChange]
   );
-  const handleVerify = (0, import_react10.useCallback)(() => __async(null, null, function* () {
+  const handleVerify = (0, import_react11.useCallback)(() => __async(null, null, function* () {
     if (!parsedCredentials.success || isVerifying || isConnected) return;
     const credentials = parsedCredentials.data;
     setIsVerifying(true);
@@ -7218,7 +7514,7 @@ var ConnectKalshiModal = ({
     onVerify,
     parsedCredentials
   ]);
-  const handleSubmit = (0, import_react10.useCallback)(
+  const handleSubmit = (0, import_react11.useCallback)(
     (event) => {
       event.preventDefault();
       void handleVerify();
@@ -7226,30 +7522,30 @@ var ConnectKalshiModal = ({
     [handleVerify]
   );
   if (availabilityState === "hidden") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-2xl" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex h-[60px] shrink-0 items-center justify-end px-8", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "flex h-[60px] shrink-0 items-center justify-end px-8", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
           Dialog3.Close,
           {
             "aria-label": labels.common.close,
             className: "flex size-10 cursor-pointer items-center justify-center rounded-agg-full text-agg-secondary transition-colors hover:bg-agg-quaternary hover:text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-accent disabled:cursor-default disabled:opacity-50",
             disabled: isVerifying,
-            children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { name: "close", size: "medium" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "close", size: "medium" })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Modal.Body, { classNames: { root: "!px-5 !pb-12 !pt-0 sm:!px-10" }, children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Modal.Body, { classNames: { root: "!px-5 !pb-12 !pt-0 sm:!px-10" }, children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
           "div",
           {
             className: "flex flex-col items-center gap-8 pb-3 text-center",
             role: "status",
             "aria-live": "polite",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 Icon,
                 {
                   name: "success-check",
@@ -7257,11 +7553,11 @@ var ConnectKalshiModal = ({
                   "aria-hidden": "true"
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Dialog3.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Dialog3.Description, { className: "max-w-[480px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.description })
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Dialog3.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Dialog3.Description, { className: "max-w-[480px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.description })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 Button,
                 {
                   variant: "primary",
@@ -7273,27 +7569,27 @@ var ConnectKalshiModal = ({
               )
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("form", { className: "flex flex-col items-center gap-8", onSubmit: handleSubmit, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(VenueLogo, { venue: import_sdk14.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Dialog3.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Dialog3.Description, { className: "max-w-[520px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
+        ) : /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("form", { className: "flex flex-col items-center gap-8", onSubmit: handleSubmit, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(VenueLogo, { venue: import_sdk14.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Dialog3.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Dialog3.Description, { className: "max-w-[520px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("p", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                     "a",
                     {
                       href: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl,
@@ -7304,34 +7600,34 @@ var ConnectKalshiModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("p", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("br", {}),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -7339,7 +7635,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                   "input",
                   {
                     ref: apiKeyInputRef,
@@ -7361,8 +7657,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -7370,7 +7666,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -7393,22 +7689,22 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { name: "document", size: "small", className: "size-4 text-agg-primary" }),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "document", size: "small", className: "size-4 text-agg-primary" }),
                 labels.onboarding.connectKalshiModal.help.docsLinkLabel
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { name: "play-square", size: "small", className: "size-4 text-agg-primary" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "play-square", size: "small", className: "size-4 text-agg-primary" }),
                 labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
+            error ? /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
               "div",
               {
                 id: errorId,
@@ -7416,13 +7712,13 @@ var ConnectKalshiModal = ({
                 role: "alert",
                 "aria-live": "assertive",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
                 ]
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 Button,
                 {
                   variant: "secondary",
@@ -7432,7 +7728,7 @@ var ConnectKalshiModal = ({
                   children: labels.onboarding.connectKalshiModal.actions.cancel
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                 Button,
                 {
                   type: "submit",
@@ -7453,7 +7749,7 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/index.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -7464,55 +7760,55 @@ var OnboardingModal = ({
   connectedOnchain = false
 }) => {
   var _a;
-  const labels = (0, import_hooks33.useLabels)();
-  const [step, setStep] = (0, import_react11.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const labels = (0, import_hooks34.useLabels)();
+  const [step, setStep] = (0, import_react12.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
     [ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
     [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
   };
   const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
-  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react11.useState)(false);
-  const [onchainConnected, setOnchainConnected] = (0, import_react11.useState)(false);
-  (0, import_react11.useEffect)(() => {
+  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react12.useState)(false);
+  const [onchainConnected, setOnchainConnected] = (0, import_react12.useState)(false);
+  (0, import_react12.useEffect)(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = (0, import_react11.useCallback)(() => {
+  const handleHowItWorksContinue = (0, import_react12.useCallback)(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = (0, import_react11.useCallback)(
+  const handleProfileContinue = (0, import_react12.useCallback)(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = (0, import_react11.useCallback)(() => {
+  const handleConnectContinue = (0, import_react12.useCallback)(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = (0, import_react11.useCallback)(() => {
+  const handleOpenOnchainModal = (0, import_react12.useCallback)(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = (0, import_react11.useCallback)(() => __async(null, null, function* () {
+  const handleOnchainConnect = (0, import_react12.useCallback)(() => __async(null, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
-            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
+            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -7524,7 +7820,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -7537,9 +7833,9 @@ var OnboardingModal = ({
 OnboardingModal.displayName = "OnboardingModal";
 
 // src/notifications/agg-notification-events-provider.tsx
-var import_hooks34 = require("@agg-build/hooks");
-var import_react12 = require("react");
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_hooks35 = require("@agg-build/hooks");
+var import_react13 = require("react");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var firedOrderNotificationKeys = /* @__PURE__ */ new Set();
 var MICRO_UNITS_SCALE = 1e6;
 var formatScaledMicroAmount = (value) => {
@@ -7636,41 +7932,41 @@ var requestAggDepositModalOpen = () => {
 };
 
 // src/trading/fund-kalshi-modal.tsx
-var import_hooks35 = require("@agg-build/hooks");
+var import_hooks36 = require("@agg-build/hooks");
 var import_sdk15 = require("@agg-build/sdk");
 var Dialog5 = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var FundKalshiModal = ({ open, onOpenChange }) => {
-  const labels = (0, import_hooks35.useLabels)();
+  const labels = (0, import_hooks36.useLabels)();
   const modalLabels = labels.trading.fundKalshiModal;
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": modalLabels.ariaLabel,
       classNames: { container: "relative !rounded-agg-2xl" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
           Dialog5.Close,
           {
             "aria-label": labels.common.close,
             className: "absolute right-6 top-6 z-10 flex size-11 cursor-pointer items-center justify-center rounded-agg-full text-agg-secondary transition-colors hover:bg-agg-quaternary hover:text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-accent sm:right-7 sm:top-7",
-            children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Icon, { name: "close", size: "medium" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: "close", size: "medium" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Modal.Body, { classNames: { root: "!px-5 !py-12 sm:!px-10" }, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(VenueLogo, { venue: import_sdk15.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Dialog5.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: modalLabels.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Dialog5.Description, { className: "max-w-[520px] text-agg-base leading-agg-6 text-agg-foreground", children: modalLabels.description })
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Modal.Body, { classNames: { root: "!px-5 !py-12 sm:!px-10" }, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(VenueLogo, { venue: import_sdk15.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Dialog5.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: modalLabels.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Dialog5.Description, { className: "max-w-[520px] text-agg-base leading-agg-6 text-agg-foreground", children: modalLabels.description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex w-full flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4 text-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: modalLabels.howItWorks }),
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("ol", { className: "list-decimal space-y-0 pl-5 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("li", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex w-full flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4 text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: modalLabels.howItWorks }),
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("ol", { className: "list-decimal space-y-0 pl-5 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("li", { children: [
                 modalLabels.firstStepPrefix,
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                   "a",
                   {
                     href: modalLabels.kalshiUrl,
@@ -7683,12 +7979,12 @@ var FundKalshiModal = ({ open, onOpenChange }) => {
                 " ",
                 modalLabels.firstStepSuffix
               ] }),
-              modalLabels.remainingSteps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("li", { children: step }, step))
+              modalLabels.remainingSteps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("li", { children: step }, step))
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-wrap items-center justify-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Button, { variant: "secondary", size: "large", onClick: () => onOpenChange(false), children: modalLabels.doItLater }),
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-wrap items-center justify-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Button, { variant: "secondary", size: "large", onClick: () => onOpenChange(false), children: modalLabels.doItLater }),
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
               Button,
               {
                 variant: "primary",
@@ -7713,11 +8009,12 @@ var MIN_SELL_ORDER_SHARES = 1;
 var DEFAULT_SLIPPAGE_VALUE = "0.5";
 var HIGH_SLIPPAGE_THRESHOLD = 10;
 var PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT = 3;
+var PLACE_ORDER_NUMERIC_INPUT_CLASS_NAME = "bg-transparent text-right text-agg-3xl font-agg-bold leading-agg-9 tracking-agg-normal text-agg-foreground outline-none";
 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",
+  base: "flex h-11 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"
 };
 
@@ -8186,6 +8483,93 @@ var routePriceLabelFormatter = new Intl.NumberFormat("en-US", {
   maximumFractionDigits: 1
 });
 var GEO_BLOCK_WARNING_PREFIX = "Venue not available in your region";
+var normalizeOutcomeName = (value) => {
+  var _a;
+  return (_a = value == null ? void 0 : value.trim().toLowerCase()) != null ? _a : "";
+};
+var findMatchingVenueOutcome = (market, selectedOutcome) => {
+  var _a, _b;
+  const selectedNames = new Set(
+    [selectedOutcome.label, selectedOutcome.title].map(normalizeOutcomeName).filter(Boolean)
+  );
+  return (_b = (_a = market.venueMarketOutcomes) == null ? void 0 : _a.find((outcome) => {
+    const normalizedLabel = normalizeOutcomeName(outcome.label);
+    return normalizedLabel !== "" && selectedNames.has(normalizedLabel);
+  })) != null ? _b : null;
+};
+var buildLimitOrderVenueOptions = ({
+  currentPrices,
+  livePrices,
+  market,
+  selectedOutcomeId
+}) => {
+  var _a, _b, _c, _d;
+  if (!market || !selectedOutcomeId) return [];
+  const selectedOutcome = market.venueMarketOutcomes.find(
+    (outcome) => outcome.id === selectedOutcomeId
+  );
+  if (!selectedOutcome) return [];
+  const options = /* @__PURE__ */ new Map();
+  const addOption = ({
+    outcomeId,
+    venue,
+    venueMarketId
+  }) => {
+    var _a2;
+    const parsedVenue = parseVenue(venue);
+    if (!parsedVenue.success || options.has(parsedVenue.data)) return;
+    options.set(parsedVenue.data, {
+      currentPrice: (_a2 = livePrices == null ? void 0 : livePrices.get(outcomeId)) != null ? _a2 : currentPrices.get(outcomeId),
+      venue: parsedVenue.data,
+      venueMarketId,
+      venueMarketOutcomeId: outcomeId
+    });
+  };
+  addOption({
+    outcomeId: selectedOutcome.id,
+    venue: market.venue,
+    venueMarketId: market.id
+  });
+  const matchedMarketsById = new Map(
+    ((_a = market.matchedVenueMarkets) != null ? _a : []).map((matchedMarket) => [matchedMarket.id, matchedMarket])
+  );
+  const matchedOutcomeRefs = (_b = selectedOutcome.matchedVenueMarketOutcomes) != null ? _b : [];
+  for (const ref of matchedOutcomeRefs) {
+    const matchedMarket = matchedMarketsById.get(ref.venueMarketId);
+    const matchedOutcome = (_c = matchedMarket == null ? void 0 : matchedMarket.venueMarketOutcomes) == null ? void 0 : _c.find(
+      (outcome) => outcome.id === ref.venueMarketOutcomeId
+    );
+    if (!matchedMarket || !matchedOutcome) continue;
+    addOption({
+      outcomeId: matchedOutcome.id,
+      venue: matchedMarket.venue,
+      venueMarketId: matchedMarket.id
+    });
+  }
+  if (matchedOutcomeRefs.length === 0) {
+    for (const matchedMarket of (_d = market.matchedVenueMarkets) != null ? _d : []) {
+      const matchedOutcome = findMatchingVenueOutcome(matchedMarket, selectedOutcome);
+      if (!matchedOutcome) continue;
+      addOption({
+        outcomeId: matchedOutcome.id,
+        venue: matchedMarket.venue,
+        venueMarketId: matchedMarket.id
+      });
+    }
+  }
+  return [...options.values()];
+};
+var resolveAutomaticLimitOrderVenueOption = (options, side) => {
+  if (options.length === 0) return null;
+  return [...options].sort((left, right) => {
+    if (left.currentPrice == null && right.currentPrice == null) {
+      return left.venue.localeCompare(right.venue);
+    }
+    if (left.currentPrice == null) return 1;
+    if (right.currentPrice == null) return -1;
+    return side === "buy" ? left.currentPrice - right.currentPrice : right.currentPrice - left.currentPrice;
+  })[0];
+};
 var isGeoBlockWarningReason = (reason) => reason.startsWith(GEO_BLOCK_WARNING_PREFIX);
 var extractGeoBlockedVenues = (warnings) => {
   if (!(warnings == null ? void 0 : warnings.length)) return /* @__PURE__ */ new Set();
@@ -8193,6 +8577,12 @@ var extractGeoBlockedVenues = (warnings) => {
     warnings.filter((w) => w.venue && isGeoBlockWarningReason(w.reason)).map((w) => w.venue)
   );
 };
+var getSmartRouteTotalFees = (feeBreakdown) => {
+  if (!feeBreakdown) return null;
+  const feeParts = [feeBreakdown.venueFees, feeBreakdown.bridgeFees, feeBreakdown.executionGas];
+  if (!feeParts.every(Number.isFinite)) return null;
+  return feeParts.reduce((total, fee) => total + fee, 0);
+};
 var hasLowLiquidityWarning = (warnings) => {
   if (!(warnings == null ? void 0 : warnings.length)) return false;
   return warnings.some((warning) => (warning == null ? void 0 : warning.reason) === "low_liquidity");
@@ -9406,7 +9796,7 @@ var isPercentageBelowMinimum = (value, minimumValue) => {
 };
 
 // src/trading/place-order/index.place-order.failure.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var resolveFailureActionHandler = ({
   action,
   onDone,
@@ -9419,12 +9809,12 @@ var resolveFailureActionHandler = ({
 };
 var renderPartialFailureStep = (step) => {
   const isWarningStep = step.tone === "warning" || step.tone === "error";
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
     "div",
     {
       className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
           Icon,
           {
             name: isWarningStep ? "warning-filled" : "check-circle",
@@ -9433,8 +9823,8 @@ var renderPartialFailureStep = (step) => {
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
-        step.venue ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(VenueLogo, { venue: step.venue, size: "small", className: "h-4 w-4 shrink-0" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
+        step.venue ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(VenueLogo, { venue: step.venue, size: "small", className: "h-4 w-4 shrink-0" }) : null
       ]
     },
     step.id
@@ -9453,10 +9843,10 @@ var PlaceOrderFailureView = ({
   const shouldShowPartialFailureLayout = summary.kind === "partial_fill";
   const failureStepGroups = shouldShowPartialFailureLayout ? groupPlaceOrderFailureSteps(summary.steps) : [];
   if (shouldShowPartialFailureLayout) {
-    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             RemoteImage,
             {
               src: (_a = summary.eventImage) != null ? _a : null,
@@ -9464,12 +9854,12 @@ var PlaceOrderFailureView = ({
               className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+        summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
         Button,
         {
           variant: "tertiary",
@@ -9483,10 +9873,10 @@ var PlaceOrderFailureView = ({
       )) })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
           RemoteImage,
           {
             src: (_b = summary.eventImage) != null ? _b : null,
@@ -9494,11 +9884,11 @@ var PlaceOrderFailureView = ({
             className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+      summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       InlineAlert,
       {
         tone: "error",
@@ -9507,7 +9897,7 @@ var PlaceOrderFailureView = ({
         message: tradingLabels.orderFailureDescription((_c = summary.errorMessage) != null ? _c : "")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "agg-order-failure-actions flex items-center gap-3", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "agg-order-failure-actions flex items-center gap-3", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       Button,
       {
         variant: action.variant === "retry" ? "primary" : "secondary",
@@ -9524,8 +9914,8 @@ var PlaceOrderFailureView = ({
 PlaceOrderFailureView.displayName = "PlaceOrderFailureView";
 
 // src/trading/place-order/index.place-order.success.tsx
-var import_react13 = require("react");
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 var resolveBuyToWinLabel = (shares) => {
   if (!shares) return "$0";
   return shares.startsWith("$") ? shares : `$${shares}`;
@@ -9538,7 +9928,7 @@ var PlaceOrderSuccessView = ({
   onShare: _onShare
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const [isExecutionDetailsExpanded, setIsExecutionDetailsExpanded] = (0, import_react13.useState)(true);
+  const [isExecutionDetailsExpanded, setIsExecutionDetailsExpanded] = (0, import_react14.useState)(true);
   const doneLabel = tradingLabels.orderDone;
   const _shareLabel = (_a = tradingLabels.orderShare) != null ? _a : "Share";
   const potentialReturnLabel = summary.potentialReturnLabel && tradingLabels.potentialReturnBonus ? tradingLabels.potentialReturnBonus(summary.potentialReturnLabel) : summary.potentialReturnLabel ? `+${summary.potentialReturnLabel} Better Payout` : null;
@@ -9556,10 +9946,10 @@ var PlaceOrderSuccessView = ({
   const resolveStepIconClassName = (tone) => {
     return tone === "warning" || tone === "error" ? "text-agg-warning" : "text-agg-primary";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-order-success-body flex flex-col gap-6 p-5", children: [
-    summary.eventTitle ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-order-success-header flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-order-success-market flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-order-success-body flex flex-col gap-6 p-5", children: [
+    summary.eventTitle ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-order-success-header flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-order-success-market flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           RemoteImage,
           {
             src: (_h = summary.eventImage) != null ? _h : null,
@@ -9567,12 +9957,12 @@ var PlaceOrderSuccessView = ({
             className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("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__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
+      summary.eventDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
     ] }) : null,
-    executionStepGroups.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    executionStepGroups.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         "div",
         {
           "aria-hidden": !isExecutionDetailsExpanded,
@@ -9585,12 +9975,12 @@ var PlaceOrderSuccessView = ({
               "transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
             )
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex flex-col gap-4 pb-2", children: detailedStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex flex-col gap-4 pb-2", children: detailedStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
             "div",
             {
               className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                   Icon,
                   {
                     name: resolveStepIconName(step.tone),
@@ -9599,8 +9989,8 @@ var PlaceOrderSuccessView = ({
                     "aria-hidden": "true"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
-                step.venue ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
+                step.venue ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                   VenueLogo,
                   {
                     venue: step.venue,
@@ -9614,7 +10004,7 @@ var PlaceOrderSuccessView = ({
           )) }, `execution-group-${groupIndex}`)) }) })
         }
       ),
-      finalStep ? hasExecutionDetails ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+      finalStep ? hasExecutionDetails ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
         "button",
         {
           type: "button",
@@ -9626,7 +10016,7 @@ var PlaceOrderSuccessView = ({
           ),
           onClick: () => setIsExecutionDetailsExpanded((currentValue) => !currentValue),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               Icon,
               {
                 name: resolveStepIconName(finalStep.tone),
@@ -9635,8 +10025,8 @@ var PlaceOrderSuccessView = ({
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               Icon,
               {
                 name: isExecutionDetailsExpanded ? "chevron-up" : "chevron-down",
@@ -9647,8 +10037,8 @@ var PlaceOrderSuccessView = ({
             )
           ]
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           Icon,
           {
             name: resolveStepIconName(finalStep.tone),
@@ -9657,34 +10047,34 @@ var PlaceOrderSuccessView = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label })
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label })
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
       "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 bg-agg-success"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { children: resolvedActionLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: resolvedActionLabel })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.amount(resolvedTradeSide) }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.amount(resolvedTradeSide) }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(resolvedTradeSide) }),
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedToWinLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(resolvedTradeSide) }),
+      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedToWinLabel })
     ] }),
-    summary.potentialReturnLabel ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("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__ */ (0, import_jsx_runtime133.jsx)("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__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: (_i = tradingLabels.withSmartRouting) != null ? _i : "with Smart Routing" })
+    summary.potentialReturnLabel ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("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__ */ (0, import_jsx_runtime134.jsx)("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__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: (_i = tradingLabels.withSmartRouting) != null ? _i : "with Smart Routing" })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "agg-order-success-actions flex gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-order-success-actions flex gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       Button,
       {
         variant: "secondary",
@@ -9700,7 +10090,7 @@ var PlaceOrderSuccessView = ({
 PlaceOrderSuccessView.displayName = "PlaceOrderSuccessView";
 
 // src/trading/place-order/index.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 var SELL_SHARE_INPUT_DECIMALS = 6;
 var SELL_SHARE_DISPLAY_DECIMALS = 2;
 var floorToDecimals = (value, decimals) => {
@@ -9824,7 +10214,7 @@ var LoadingGlyph = ({
   className,
   enableAnimations
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     "span",
     {
       "aria-hidden": "true",
@@ -9844,25 +10234,25 @@ var PlaceOrderSlippageControl = ({
   minimumValue: slippageMinimumValue
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks36.useLabels)();
-  const containerRef = (0, import_react15.useRef)(null);
-  const triggerRef = (0, import_react15.useRef)(null);
-  const inputRef = (0, import_react15.useRef)(null);
-  const warningId = (0, import_react15.useId)();
+  const labels = (0, import_hooks37.useLabels)();
+  const containerRef = (0, import_react16.useRef)(null);
+  const triggerRef = (0, import_react16.useRef)(null);
+  const inputRef = (0, import_react16.useRef)(null);
+  const warningId = (0, import_react16.useId)();
   const defaultValue = finalizePercentageValue(slippageDefaultValue);
   const committedValue = finalizePercentageValue(slippageValue) || defaultValue;
-  const [draftValue, setDraftValue] = (0, import_react15.useState)(committedValue);
-  const [isEditing, setIsEditing] = (0, import_react15.useState)(
+  const [draftValue, setDraftValue] = (0, import_react16.useState)(committedValue);
+  const [isEditing, setIsEditing] = (0, import_react16.useState)(
     () => isPercentageBelowMinimum(committedValue, slippageMinimumValue)
   );
-  const [shouldFocusInput, setShouldFocusInput] = (0, import_react15.useState)(false);
-  (0, import_react15.useEffect)(() => {
+  const [shouldFocusInput, setShouldFocusInput] = (0, import_react16.useState)(false);
+  (0, import_react16.useEffect)(() => {
     setDraftValue(committedValue);
     if (isPercentageBelowMinimum(committedValue, slippageMinimumValue)) {
       setIsEditing(true);
     }
   }, [committedValue, slippageMinimumValue]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!shouldFocusInput) return;
     requestAnimationFrame(() => {
       var _a2, _b2;
@@ -9879,7 +10269,7 @@ var PlaceOrderSlippageControl = ({
     Number(committedValue || slippageDefaultValue || DEFAULT_SLIPPAGE_VALUE)
   );
   const resolvedAutoLabel = labels.trading.resetSlippage;
-  const resolvedWarningMessage = (0, import_react15.useMemo)(() => {
+  const resolvedWarningMessage = (0, import_react16.useMemo)(() => {
     if (isLowSlippage) {
       return labels.trading.slippageLow(slippageMinimumValue);
     }
@@ -9942,8 +10332,8 @@ var PlaceOrderSlippageControl = ({
     if (!isEditing) return;
     handleCommitDraft(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -9961,8 +10351,8 @@ var PlaceOrderSlippageControl = ({
         ),
         onClick: handleToggleEditing,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "agg-slippage-label", children: collapsedLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "agg-slippage-label", children: collapsedLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
             Icon,
             {
               name: isEditing ? "chevron-up" : "pencil",
@@ -9974,7 +10364,7 @@ var PlaceOrderSlippageControl = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       "div",
       {
         "aria-hidden": !isEditing,
@@ -9988,10 +10378,10 @@ var PlaceOrderSlippageControl = ({
             "transition-[grid-template-rows,opacity,margin-top] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]"
           )
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-slippage-editor-body flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-slippage-input-row flex h-9 overflow-hidden rounded-agg-sm border border-agg-separator", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-slippage-input-group flex min-w-0 flex-1 items-center gap-2 bg-agg-secondary px-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-slippage-editor-body flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-slippage-input-row flex h-9 overflow-hidden rounded-agg-sm border border-agg-separator", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-slippage-input-group flex min-w-0 flex-1 items-center gap-2 bg-agg-secondary px-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                 "input",
                 {
                   ref: inputRef,
@@ -10006,7 +10396,7 @@ var PlaceOrderSlippageControl = ({
                   onKeyDown: handleInputKeyDown
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                 "button",
                 {
                   type: "button",
@@ -10024,8 +10414,8 @@ var PlaceOrderSlippageControl = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
               "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",
@@ -10034,7 +10424,7 @@ var PlaceOrderSlippageControl = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
             "div",
             {
               "aria-hidden": !resolvedWarningMessage,
@@ -10048,13 +10438,13 @@ var PlaceOrderSlippageControl = ({
                   "transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
                 )
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
                 "div",
                 {
                   id: warningId,
                   className: "agg-slippage-warning-message flex items-start gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                       Icon,
                       {
                         name: "warning-filled",
@@ -10063,7 +10453,7 @@ var PlaceOrderSlippageControl = ({
                         color: "currentColor"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
+                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
                   ]
                 }
               ) })
@@ -10083,9 +10473,9 @@ var renderCardHeader = ({
   onClose
 }) => {
   if (!headerTitle) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn("agg-order-panel-header flex flex-col gap-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-order-market-summary flex items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: cn("agg-order-panel-header flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-order-market-summary flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
         RemoteImage,
         {
           src: headerImage,
@@ -10093,19 +10483,19 @@ var renderCardHeader = ({
           className: "agg-order-market-image h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("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__ */ (0, import_jsx_runtime134.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("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__ */ (0, import_jsx_runtime135.jsx)(
         "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__ */ (0, import_jsx_runtime134.jsx)(CloseIcon, { className: "h-5 w-5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(CloseIcon, { className: "h-5 w-5" })
         }
       ) : null
     ] }),
-    headerSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "agg-order-market-subtitle text-agg-base leading-agg-6 text-agg-foreground", children: headerSubtitle }) : null
+    headerSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-order-market-subtitle text-agg-base leading-agg-6 text-agg-foreground", children: headerSubtitle }) : null
   ] });
 };
 var PlaceOrderResolvedView = ({
@@ -10117,7 +10507,7 @@ var PlaceOrderResolvedView = ({
   isSportsEvent = false
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks36.useLabels)();
+  const labels = (0, import_hooks37.useLabels)();
   const tradingLabels = labels.trading;
   const resolvingTimestamp = (_a = resolutionTimestamp != null ? resolutionTimestamp : tradingState.resolvesAt) != null ? _a : tradingState.endsAt;
   const isResolvingMarket = false;
@@ -10126,7 +10516,7 @@ var PlaceOrderResolvedView = ({
     return endDateLabel ? `${tradingState.market.question} \xB7 ${endDateLabel}` : tradingState.market.question;
   })() : "";
   if (isResolvingMarket) {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       Card,
       {
         className: cn(
@@ -10137,7 +10527,7 @@ var PlaceOrderResolvedView = ({
         ),
         role: "status",
         "aria-label": labels.marketDetails.resolvingTitle,
-        children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
           "div",
           {
             className: cn(
@@ -10145,12 +10535,12 @@ var PlaceOrderResolvedView = ({
               classNames == null ? void 0 : classNames.body
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(LoadingIcon, { variant: "prominent" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn("flex w-full flex-col items-center gap-1", classNames == null ? void 0 : classNames.content), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.resolvingTitle }),
-                resolvingSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "body", className: "text-center", children: resolvingSubtitle }) : null
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-primary/10", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(LoadingIcon, { variant: "prominent" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: cn("flex w-full flex-col items-center gap-1", classNames == null ? void 0 : classNames.content), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Typography, { variant: "body-large-strong", children: labels.marketDetails.resolvingTitle }),
+                resolvingSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Typography, { variant: "body", className: "text-center", children: resolvingSubtitle }) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                 Typography,
                 {
                   variant: "label",
@@ -10164,7 +10554,7 @@ var PlaceOrderResolvedView = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     Card,
     {
       className: cn(
@@ -10173,19 +10563,19 @@ var PlaceOrderResolvedView = ({
         classNames == null ? void 0 : classNames.root,
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn("agg-order-panel-body flex flex-col", classNames == null ? void 0 : classNames.body), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col items-center gap-6 p-8", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: cn("agg-order-panel-body flex flex-col", classNames == null ? void 0 : classNames.body), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col items-center gap-6 p-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
             "div",
             {
               className: cn(
                 "flex h-15 w-15 items-center justify-center rounded-full",
                 "bg-agg-primary/15"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: "success-check", className: cn("h-6 w-6", "text-agg-primary") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { name: "success-check", className: cn("h-6 w-6", "text-agg-primary") })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
             "div",
             {
               className: cn(
@@ -10193,8 +10583,8 @@ var PlaceOrderResolvedView = ({
                 classNames == null ? void 0 : classNames.content
               ),
               children: [
-                tradingState.market ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "body", className: "text-center", children: tradingState.market.question }) : null,
-                tradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(
+                tradingState.market ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Typography, { variant: "body", className: "text-center", children: tradingState.market.question }) : null,
+                tradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(
                   shouldUseRawResolvedPlaceOrderOutcomeLabel(
                     tradingState.market,
                     tradingState.winningOutcome
@@ -10208,25 +10598,25 @@ var PlaceOrderResolvedView = ({
             }
           )
         ] }),
-        resolvedClaim ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex w-full flex-col gap-5 p-6", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "body-strong", className: "text-center", children: tradingLabels.resolvedEarningsTitle }),
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-              resolvedClaim.resolutionDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: tradingLabels.resolvedResolutionDateLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
+        resolvedClaim ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex w-full flex-col gap-5 p-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Typography, { variant: "body-strong", className: "text-center", children: tradingLabels.resolvedEarningsTitle }),
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              resolvedClaim.resolutionDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { children: tradingLabels.resolvedResolutionDateLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: tradingLabels.resolvedSharesLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { children: tradingLabels.resolvedSharesLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: tradingLabels.resolvedTotalPayoutLabel }),
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { children: tradingLabels.resolvedTotalPayoutLabel }),
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
               ] })
             ] }),
-            resolvedClaim.onClaim ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+            resolvedClaim.onClaim ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
               Button,
               {
                 size: "large",
@@ -10247,18 +10637,18 @@ var renderRouteBreakdownRow = (row) => {
   var _a, _b;
   const venueLabel = getTradingVenueLabel(row.venue);
   const rowKey = `${row.venue}-${row.label}-${row.priceLabel}-${(_a = row.resultLabel) != null ? _a : ""}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
     "div",
     {
       className: "agg-route-breakdown-row flex items-center justify-between gap-4 text-left",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-route-breakdown-market flex min-w-0 items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(VenueLogo, { venue: row.venue, className: "size-3!", ariaLabel: venueLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "agg-route-breakdown-label truncate text-agg-sm leading-agg-5 text-agg-foreground", children: row.label })
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-breakdown-market flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(VenueLogo, { venue: row.venue, className: "size-3!", ariaLabel: venueLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-route-breakdown-label truncate text-agg-sm leading-agg-5 text-agg-foreground", children: row.label })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-route-breakdown-value flex shrink-0 items-center gap-2 text-agg-sm leading-agg-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-muted-foreground", children: row.priceLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-foreground", children: (_b = row.resultLabel) != null ? _b : "" })
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-breakdown-value flex shrink-0 items-center gap-2 text-agg-sm leading-agg-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-agg-muted-foreground", children: row.priceLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-agg-foreground", children: (_b = row.resultLabel) != null ? _b : "" })
         ] })
       ]
     },
@@ -10286,7 +10676,7 @@ var renderRouteCard = ({
   var _a, _b;
   const showSplitDetails = isSelected && isExpanded && card.kind === "split" && !!((_a = card.rows) == null ? void 0 : _a.length);
   const ariaLabel = [card.label, card.hint, card.value].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     "button",
     {
       type: "button",
@@ -10305,10 +10695,10 @@ var renderRouteCard = ({
         isSelected && !card.isUnavailable ? "border border-agg-trade-highlight-border bg-linear-to-b from-agg-trade-highlight-surface-from to-agg-trade-highlight-surface-to" : "border-transparent bg-agg-secondary-hover"
       ),
       onClick: () => onSelect(card.id),
-      children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
-            card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
+            card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
               Icon,
               {
                 name: "sparkles-filled",
@@ -10319,7 +10709,7 @@ var renderRouteCard = ({
                 ),
                 "aria-hidden": "true"
               }
-            ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+            ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
               VenueLogo,
               {
                 venue: card.venue,
@@ -10327,10 +10717,10 @@ var renderRouteCard = ({
                 ariaLabel: getTradingVenueLabel(card.venue)
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
-                card.isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
+                card.isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                   Icon,
                   {
                     name: "lock",
@@ -10338,7 +10728,7 @@ var renderRouteCard = ({
                     className: "shrink-0 text-agg-muted-foreground",
                     "aria-hidden": "true"
                   }
-                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                   Icon,
                   {
                     name: showSplitDetails ? "chevron-up" : "chevron-down",
@@ -10348,10 +10738,10 @@ var renderRouteCard = ({
                   }
                 ) : null
               ] }),
-              card.hint ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
+              card.hint ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
             "p",
             {
               className: cn(
@@ -10363,9 +10753,9 @@ var renderRouteCard = ({
             }
           )
         ] }),
-        showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
+        showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
         ] }) : null
       ] })
     }
@@ -10388,7 +10778,7 @@ var renderSubmissionSurface = ({
     executionVenue: progressState.executionVenue,
     labels: tradingLabels
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     Card,
     {
       className: cn(
@@ -10397,31 +10787,31 @@ var renderSubmissionSurface = ({
         classNames == null ? void 0 : classNames.root,
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn("agg-order-submission-body flex flex-col gap-6 p-5", classNames == null ? void 0 : classNames.body), children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("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__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("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__ */ (0, import_jsx_runtime134.jsx)(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: actionLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("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__ */ (0, import_jsx_runtime135.jsx)(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { children: actionLabel })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
             "div",
             {
               className: "agg-order-submission-steps agg-order-submission-group flex flex-col gap-2",
               "data-testid": "agg-order-submission-steps",
               children: displayRows.map((step) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
                   "div",
                   {
                     className: "agg-order-submission-step flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
                     "data-status": step.status,
                     children: [
-                      step.status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                      step.status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                         Icon,
                         {
                           name: "check-circle",
@@ -10429,15 +10819,15 @@ var renderSubmissionSurface = ({
                           className: "h-3 w-3 shrink-0 text-agg-primary",
                           "aria-hidden": "true"
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                         LoadingGlyph,
                         {
                           enableAnimations,
                           className: "h-3 w-3 shrink-0 text-agg-primary"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
-                      step.venue ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
+                      step.venue ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                         VenueLogo,
                         {
                           venue: step.venue,
@@ -10481,25 +10871,26 @@ var PlaceOrder = ({
   resolvedClaim,
   midpointsResult
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$;
   const {
     enableDebug: isExecutionDebugEnabled,
     features: { enableAnimations, showFeesBreakdown, showLimitOrders },
+    formatting: { formatPrice },
     general: { locale },
     trading: { executionMode: configuredExecutionMode = "live" } = { executionMode: "live" }
-  } = (0, import_hooks36.useSdkUiConfig)();
-  const labels = (0, import_hooks36.useLabels)();
+  } = (0, import_hooks37.useSdkUiConfig)();
+  const labels = (0, import_hooks37.useLabels)();
   const tradingLabels = labels.trading;
   const toastCtx = useOptionalToast();
-  const { isTradingBlocked } = (0, import_hooks36.useGeoBlock)();
-  const tradingContext = (0, import_hooks36.useEventTradingContext)();
+  const { isTradingBlocked } = (0, import_hooks37.useGeoBlock)();
+  const tradingContext = (0, import_hooks37.useEventTradingContext)();
   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 = (0, import_react15.useMemo)(() => {
-    return eventTradingState != null ? eventTradingState : (0, import_hooks36.resolveEventTradingState)(selectedEvent);
+  const resolvedEventTradingState = (0, import_react16.useMemo)(() => {
+    return eventTradingState != null ? eventTradingState : (0, import_hooks37.resolveEventTradingState)(selectedEvent);
   }, [eventTradingState, selectedEvent]);
-  const scopedSelectedEvent = (0, import_react15.useMemo)(() => {
+  const scopedSelectedEvent = (0, import_react16.useMemo)(() => {
     var _a2;
     if (!selectedEvent) return null;
     const primaryMarketId = (_a2 = resolvedEventTradingState.primaryMarket) == null ? void 0 : _a2.id;
@@ -10509,7 +10900,7 @@ var PlaceOrder = ({
     );
     return isSelectedEventInScope ? selectedEvent : null;
   }, [(_d = resolvedEventTradingState.primaryMarket) == null ? void 0 : _d.id, selectedEvent]);
-  const scopedSelectedMarket = (0, import_react15.useMemo)(() => {
+  const scopedSelectedMarket = (0, import_react16.useMemo)(() => {
     if (!selectedMarket) return resolvedEventTradingState.primaryMarket;
     const isSelectedMarketInScope = resolvedEventTradingState.marketStates.some(
       (item) => item.market.id === selectedMarket.id
@@ -10524,10 +10915,10 @@ var PlaceOrder = ({
     (outcome) => outcome.label.trim().toLowerCase() === "yes"
   )) != null ? _f : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes[0]) != null ? _g : null;
   const scopedSelectedOutcomeId = (_h = scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.id) != null ? _h : null;
-  const resolvedTradingState = (0, import_react15.useMemo)(() => {
-    return (0, import_hooks36.resolveMarketTradingState)(scopedSelectedMarket);
+  const resolvedTradingState = (0, import_react16.useMemo)(() => {
+    return (0, import_hooks37.resolveMarketTradingState)(scopedSelectedMarket);
   }, [scopedSelectedMarket]);
-  const resolvedReadOnlyMarket = (0, import_react15.useMemo)(() => {
+  const resolvedReadOnlyMarket = (0, import_react16.useMemo)(() => {
     var _a2;
     if (resolvedEventTradingState.kind !== "resolved") {
       return scopedSelectedMarket;
@@ -10538,12 +10929,12 @@ var PlaceOrder = ({
     resolvedEventTradingState.primaryMarket,
     scopedSelectedMarket
   ]);
-  const resolvedReadOnlyTradingState = (0, import_react15.useMemo)(() => {
-    return (0, import_hooks36.resolveMarketTradingState)(resolvedReadOnlyMarket);
+  const resolvedReadOnlyTradingState = (0, import_react16.useMemo)(() => {
+    return (0, import_hooks37.resolveMarketTradingState)(resolvedReadOnlyMarket);
   }, [resolvedReadOnlyMarket]);
   const isEndedWithoutKnownWinner = false;
-  const orderEligibility = (0, import_react15.useMemo)(
-    () => (0, import_hooks36.resolveOrderEligibility)({
+  const orderEligibility = (0, import_react16.useMemo)(
+    () => (0, import_hooks37.resolveOrderEligibility)({
       event: scopedSelectedEvent,
       market: scopedSelectedMarket,
       outcome: scopedSelectedOutcome,
@@ -10552,15 +10943,15 @@ var PlaceOrder = ({
     [scopedSelectedEvent, scopedSelectedMarket, scopedSelectedOutcome, resolvedEventTradingState]
   );
   const isResolvedOutcomeCtaLocked = resolvedEventTradingState.kind === "resolved" || resolvedTradingState.kind === "resolved";
-  const { isAuthenticated, user } = (0, import_hooks36.useAggAuthContext)();
+  const { isAuthenticated, user } = (0, import_hooks37.useAggAuthContext)();
   const resolvedExecutionMode = executionMode != null ? executionMode : configuredExecutionMode;
   const isPaperMode = resolvedExecutionMode === "paper";
-  const liveBalanceState = (0, import_hooks36.useAggBalanceState)();
-  const paperBalancesQuery = (0, import_hooks36.useManagedBalances)({
+  const liveBalanceState = (0, import_hooks37.useAggBalanceState)();
+  const paperBalancesQuery = (0, import_hooks37.useManagedBalances)({
     enabled: Boolean(isAuthenticated && isPaperMode),
     mode: "paper"
   });
-  const paperTotalBalance = (0, import_react15.useMemo)(() => {
+  const paperTotalBalance = (0, import_react16.useMemo)(() => {
     var _a2, _b2;
     const cash = (_b2 = (_a2 = paperBalancesQuery.balances) == null ? void 0 : _a2.cash) != null ? _b2 : [];
     return cash.reduce((sum, token) => {
@@ -10576,60 +10967,60 @@ var PlaceOrder = ({
   const liveAvailableBalance = (_i = liveBalanceState.availableBalance) != null ? _i : liveBalanceState.totalBalance;
   const totalBalance = isPaperMode ? paperTotalBalance : liveAvailableBalance;
   const isBalanceLoading = isPaperMode ? paperBalancesQuery.isLoading : liveBalanceState.isLoading;
-  const executeManaged = (0, import_hooks36.useExecuteManaged)();
-  const placeLimitOrder = (0, import_hooks36.usePlaceLimitOrder)();
-  const aggClient = (0, import_hooks36.useAggClient)();
-  const queryClient = (0, import_hooks36.useQueryClient)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks36.useAppConfig)();
-  const { data: kalshiKeyStatus, refetch: refetchKalshiKeyStatus } = (0, import_hooks36.useVenueKeyStatus)(
+  const executeManaged = (0, import_hooks37.useExecuteManaged)();
+  const placeLimitOrder = (0, import_hooks37.usePlaceLimitOrder)();
+  const aggClient = (0, import_hooks37.useAggClient)();
+  const queryClient = (0, import_hooks37.useQueryClient)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks37.useAppConfig)();
+  const { data: kalshiKeyStatus, refetch: refetchKalshiKeyStatus } = (0, import_hooks37.useVenueKeyStatus)(
     import_sdk17.Venue.kalshi,
     isAuthenticated
   );
-  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react15.useState)(false);
-  const [isFundKalshiModalOpen, setIsFundKalshiModalOpen] = (0, import_react15.useState)(false);
-  const livePrices = (0, import_hooks36.useLiveOutcomePrices)(
+  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react16.useState)(false);
+  const [isFundKalshiModalOpen, setIsFundKalshiModalOpen] = (0, import_react16.useState)(false);
+  const livePrices = (0, import_hooks37.useLiveOutcomePrices)(
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
-  const wsBestPrices = (0, import_hooks36.useLiveBestPrices)(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
-  const fetchedClusterMidpointResult = (0, import_hooks36.useMidpoints)(
+  const wsBestPrices = (0, import_hooks37.useLiveBestPrices)(scopedSelectedMarket ? [scopedSelectedMarket] : void 0);
+  const fetchedClusterMidpointResult = (0, import_hooks37.useMidpoints)(
     midpointsResult ? [] : scopedSelectedMarket ? [scopedSelectedMarket] : []
   );
   const clusterMidpointResult = midpointsResult != null ? midpointsResult : fetchedClusterMidpointResult;
   const clusterBestMidpointsByOutcomeId = (_j = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _j : clusterMidpointResult.prices;
   const clusterBestMidpoint = clusterMidpointResult.bestMidpoint;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
-  const clusterBestPrices = (0, import_react15.useMemo)(
-    () => (0, import_hooks36.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
+  const clusterBestPrices = (0, import_react16.useMemo)(
+    () => (0, import_hooks37.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
-  const [internalTab, setInternalTab] = (0, import_react15.useState)("buy");
-  const [executionType, setExecutionType] = (0, import_react15.useState)("market");
-  const [isExecutionTypeMenuOpen, setIsExecutionTypeMenuOpen] = (0, import_react15.useState)(false);
-  const [limitPrice, setLimitPrice] = (0, import_react15.useState)(0.5);
-  const [limitPriceInputValue, setLimitPriceInputValue] = (0, import_react15.useState)(formatLimitPriceInputValue(0.5));
-  const [limitPriceInputError, setLimitPriceInputError] = (0, import_react15.useState)(null);
-  const [limitExpirationType, setLimitExpirationType] = (0, import_react15.useState)("GTC");
-  const [limitExpirationDate, setLimitExpirationDate] = (0, import_react15.useState)(void 0);
-  const [limitExpirationTime, setLimitExpirationTime] = (0, import_react15.useState)("17:00");
-  const [limitExpirationDraftDate, setLimitExpirationDraftDate] = (0, import_react15.useState)();
-  const [limitExpirationDraftTime, setLimitExpirationDraftTime] = (0, import_react15.useState)("17:00");
-  const [limitExpirationPickerView, setLimitExpirationPickerView] = (0, import_react15.useState)("options");
-  const [isLimitExpirationPickerOpen, setIsLimitExpirationPickerOpen] = (0, import_react15.useState)(false);
-  const [internalAmount, setInternalAmount] = (0, import_react15.useState)(PLACE_ORDER_DEFAULT_AMOUNT);
-  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = (0, import_react15.useState)(null);
-  const [internalSlippage] = (0, import_react15.useState)(DEFAULT_SLIPPAGE_VALUE);
-  const [isRoutesExpanded, setIsRoutesExpanded] = (0, import_react15.useState)(false);
-  const [selectedRouteCardId, setSelectedRouteCardId] = (0, import_react15.useState)(null);
-  const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react15.useState)(false);
-  const [buyGeoBlockSnapshot, setBuyGeoBlockSnapshot] = (0, import_react15.useState)(null);
-  const [submissionFeedback, setSubmissionFeedback] = (0, import_react15.useState)(null);
-  const [submissionProgressState, setSubmissionProgressState] = (0, import_react15.useState)(null);
-  const [isBeforeActionPending, setIsBeforeActionPending] = (0, import_react15.useState)(false);
-  const outcomes = (0, import_react15.useMemo)(
+  const [internalTab, setInternalTab] = (0, import_react16.useState)("buy");
+  const [executionType, setExecutionType] = (0, import_react16.useState)("market");
+  const [selectedLimitVenue, setSelectedLimitVenue] = (0, import_react16.useState)(null);
+  const [limitPrice, setLimitPrice] = (0, import_react16.useState)(0.5);
+  const [limitPriceInputValue, setLimitPriceInputValue] = (0, import_react16.useState)(formatLimitPriceInputValue(0.5));
+  const [limitPriceInputError, setLimitPriceInputError] = (0, import_react16.useState)(null);
+  const [limitExpirationType, setLimitExpirationType] = (0, import_react16.useState)("GTC");
+  const [limitExpirationDate, setLimitExpirationDate] = (0, import_react16.useState)(void 0);
+  const [limitExpirationTime, setLimitExpirationTime] = (0, import_react16.useState)("17:00");
+  const [limitExpirationDraftDate, setLimitExpirationDraftDate] = (0, import_react16.useState)();
+  const [limitExpirationDraftTime, setLimitExpirationDraftTime] = (0, import_react16.useState)("17:00");
+  const [limitExpirationPickerView, setLimitExpirationPickerView] = (0, import_react16.useState)("options");
+  const [isLimitExpirationPickerOpen, setIsLimitExpirationPickerOpen] = (0, import_react16.useState)(false);
+  const [internalAmount, setInternalAmount] = (0, import_react16.useState)(PLACE_ORDER_DEFAULT_AMOUNT);
+  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = (0, import_react16.useState)(null);
+  const [internalSlippage] = (0, import_react16.useState)(DEFAULT_SLIPPAGE_VALUE);
+  const [isRoutesExpanded, setIsRoutesExpanded] = (0, import_react16.useState)(false);
+  const [selectedRouteCardId, setSelectedRouteCardId] = (0, import_react16.useState)(null);
+  const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react16.useState)(false);
+  const [buyGeoBlockSnapshot, setBuyGeoBlockSnapshot] = (0, import_react16.useState)(null);
+  const [submissionFeedback, setSubmissionFeedback] = (0, import_react16.useState)(null);
+  const [submissionProgressState, setSubmissionProgressState] = (0, import_react16.useState)(null);
+  const [isBeforeActionPending, setIsBeforeActionPending] = (0, import_react16.useState)(false);
+  const outcomes = (0, import_react16.useMemo)(
     () => mapVenueMarketOutcomesToPlaceOrderOutcomes(scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes),
     [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes]
   );
-  const selectedOutcomeDisplayPrice = (0, import_react15.useMemo)(() => {
+  const selectedOutcomeDisplayPrice = (0, import_react16.useMemo)(() => {
     var _a2;
     if (!scopedSelectedOutcomeId || !scopedSelectedOutcome) return 0.5;
     return getDisplayOutcomePrice({
@@ -10652,25 +11043,24 @@ var PlaceOrder = ({
     scopedSelectedOutcomeId,
     tradingContext == null ? void 0 : tradingContext.tradeSide
   ]);
-  const buyTabRef = (0, import_react15.useRef)(null);
-  const sellTabRef = (0, import_react15.useRef)(null);
-  const executionTypeTriggerRef = (0, import_react15.useRef)(null);
-  const expirationTriggerRef = (0, import_react15.useRef)(null);
-  const limitPriceInitializedForOutcomeRef = (0, import_react15.useRef)(void 0);
-  const expirationOptionRefs = (0, import_react15.useRef)([]);
-  const shouldFocusExpirationOptionsRef = (0, import_react15.useRef)(false);
-  const expirationTimeInputId = (0, import_react15.useId)();
-  const executionDebugStoreRef = (0, import_react15.useRef)(null);
-  const executionDebugAttemptIdRef = (0, import_react15.useRef)(null);
-  const submittedSelectionRef = (0, import_react15.useRef)(null);
-  (0, import_react15.useEffect)(() => {
+  const buyTabRef = (0, import_react16.useRef)(null);
+  const sellTabRef = (0, import_react16.useRef)(null);
+  const expirationTriggerRef = (0, import_react16.useRef)(null);
+  const limitPriceInitializedForOutcomeRef = (0, import_react16.useRef)(void 0);
+  const expirationOptionRefs = (0, import_react16.useRef)([]);
+  const shouldFocusExpirationOptionsRef = (0, import_react16.useRef)(false);
+  const expirationTimeInputId = (0, import_react16.useId)();
+  const executionDebugStoreRef = (0, import_react16.useRef)(null);
+  const executionDebugAttemptIdRef = (0, import_react16.useRef)(null);
+  const submittedSelectionRef = (0, import_react16.useRef)(null);
+  (0, import_react16.useEffect)(() => {
     if (!isExecutionDebugEnabled) {
       executionDebugStoreRef.current = null;
       return;
     }
     executionDebugStoreRef.current = enableExecutionDebugInBrowser();
   }, [isExecutionDebugEnabled]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     var _a2;
     if (!isLimitExpirationPickerOpen) return;
     if (limitExpirationPickerView !== "options") return;
@@ -10678,7 +11068,7 @@ var PlaceOrder = ({
     (_a2 = expirationOptionRefs.current[LIMIT_EXPIRATION_OPTION_COUNT - 1]) == null ? void 0 : _a2.focus();
     shouldFocusExpirationOptionsRef.current = false;
   }, [isLimitExpirationPickerOpen, limitExpirationPickerView]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!isExecutionDebugEnabled) return;
     const store = executionDebugStoreRef.current;
     if (!store) return;
@@ -10690,16 +11080,37 @@ var PlaceOrder = ({
     scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id,
     scopedSelectedOutcomeId
   ]);
-  const debouncedAmount = (0, import_hooks36.useDebouncedValue)(internalAmount, 300);
+  const debouncedAmount = (0, import_hooks37.useDebouncedValue)(internalAmount, 300);
   const isQuoteInputEditing = internalAmount !== debouncedAmount;
   const isLimitOrder = showLimitOrders && executionType === "limit";
-  const isSell = (0, import_react15.useMemo)(() => internalTab === "sell", [internalTab]);
+  const isSell = (0, import_react16.useMemo)(() => internalTab === "sell", [internalTab]);
+  const limitVenueOptions = (0, import_react16.useMemo)(
+    () => {
+      var _a2;
+      return buildLimitOrderVenueOptions({
+        currentPrices: (_a2 = clusterMidpointResult.currentMidpointsByOutcomeId) != null ? _a2 : clusterMidpointResult.prices,
+        livePrices,
+        market: scopedSelectedMarket,
+        selectedOutcomeId: scopedSelectedOutcomeId
+      });
+    },
+    [clusterMidpointResult, livePrices, scopedSelectedMarket, scopedSelectedOutcomeId]
+  );
+  const visibleLimitVenueOptions = (0, import_react16.useMemo)(() => {
+    return limitVenueOptions.filter((option) => {
+      return (0, import_hooks37.getVenueAvailabilityState)({
+        venueId: option.venue,
+        disabledVenues,
+        isConfigLoading: isAppConfigLoading
+      }) !== "hidden";
+    });
+  }, [disabledVenues, isAppConfigLoading, limitVenueOptions]);
   const {
     positions: executionPositions,
     dataUpdatedAt: executionPositionsUpdatedAt,
     isLoading: isExecutionPositionsLoading,
     isFetching: isExecutionPositionsFetching
-  } = (0, import_hooks36.useExecutionPositions)({
+  } = (0, import_hooks37.useExecutionPositions)({
     enabled: Boolean(isAuthenticated && isSell),
     mode: isPaperMode ? "paper" : void 0
   });
@@ -10714,9 +11125,70 @@ var PlaceOrder = ({
     isEditing: isQuoteInputEditing,
     isMarketOpen: resolvedTradingState.kind === "open" && !isEndedWithoutKnownWinner,
     isPanelActive: isQuotePanelActive,
-    isSubmitting: submissionProgressState != null || isBeforeActionPending || executeManaged.isPending
+    isSubmitting: submissionProgressState != null || isBeforeActionPending || executeManaged.isPending || placeLimitOrder.isPending
   };
-  const smartRoute = (0, import_hooks36.useSmartRoute)(__spreadProps(__spreadValues({
+  const limitVenueQuoteRequests = (0, import_react16.useMemo)(
+    () => visibleLimitVenueOptions.map((option) => ({
+      venue: option.venue,
+      venueMarketOutcomeId: option.venueMarketOutcomeId
+    })),
+    [visibleLimitVenueOptions]
+  );
+  const hasValidLimitVenueQuoteAmount = debouncedAmount > 0;
+  const isLimitVenueQuoteEnabled = isLimitOrder && isQuotePanelActive && !isEndedWithoutKnownWinner && !submissionProgressState && !isBeforeActionPending && !placeLimitOrder.isPending && hasValidLimitVenueQuoteAmount && orderEligibility.canPlaceOrder && (!isSell || sellFilledForOutcomeId === scopedSelectedOutcomeId && !isQuoteInputEditing);
+  const limitVenueQuotes = (0, import_hooks37.useLimitOrderVenueQuotes)({
+    requests: limitVenueQuoteRequests,
+    tradeSide: internalTab,
+    amount: debouncedAmount,
+    marketId: scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id,
+    accountId: (_k = user == null ? void 0 : user.id) != null ? _k : null,
+    chainBalances: chainBalancesOverride,
+    mode: isPaperMode ? "paper" : void 0,
+    slipCapBps: 1e6,
+    enabled: isLimitVenueQuoteEnabled,
+    refreshContext: smartRouteRefreshContext
+  });
+  const limitVenueQuoteByVenue = (0, import_react16.useMemo)(
+    () => new Map(limitVenueQuotes.quotes.map((quote) => [quote.request.venue, quote])),
+    [limitVenueQuotes.quotes]
+  );
+  const geoBlockedLimitVenues = (0, import_react16.useMemo)(() => {
+    var _a2;
+    const venues = /* @__PURE__ */ new Set();
+    for (const quote of limitVenueQuotes.quotes) {
+      if (extractGeoBlockedVenues((_a2 = quote.data) == null ? void 0 : _a2.warnings).has(quote.request.venue)) {
+        venues.add(quote.request.venue);
+      }
+    }
+    return venues;
+  }, [limitVenueQuotes.quotes]);
+  const availableLimitVenueOptions = (0, import_react16.useMemo)(() => {
+    return visibleLimitVenueOptions.filter((option) => {
+      return !geoBlockedLimitVenues.has(option.venue) && (0, import_hooks37.getVenueAvailabilityState)({
+        venueId: option.venue,
+        disabledVenues,
+        isConfigLoading: isAppConfigLoading
+      }) === "available";
+    });
+  }, [disabledVenues, geoBlockedLimitVenues, isAppConfigLoading, visibleLimitVenueOptions]);
+  const automaticLimitVenueOption = (0, import_react16.useMemo)(
+    () => resolveAutomaticLimitOrderVenueOption(availableLimitVenueOptions, internalTab),
+    [availableLimitVenueOptions, internalTab]
+  );
+  const selectedLimitVenueOption = (0, import_react16.useMemo)(() => {
+    if (selectedLimitVenue) {
+      const selectedOption = availableLimitVenueOptions.find(
+        (option) => option.venue === selectedLimitVenue
+      );
+      if (selectedOption) return selectedOption;
+    }
+    return automaticLimitVenueOption;
+  }, [automaticLimitVenueOption, availableLimitVenueOptions, selectedLimitVenue]);
+  (0, import_react16.useEffect)(() => {
+    if (!selectedLimitVenue || !geoBlockedLimitVenues.has(selectedLimitVenue)) return;
+    setSelectedLimitVenue(null);
+  }, [geoBlockedLimitVenues, selectedLimitVenue]);
+  const smartRoute = (0, import_hooks37.useSmartRoute)(__spreadProps(__spreadValues({
     venueMarketOutcomeId: scopedSelectedOutcomeId,
     maxSpend: isSell ? void 0 : debouncedAmount,
     sellShares: isSell ? debouncedAmount : void 0,
@@ -10731,13 +11203,13 @@ var PlaceOrder = ({
     enabled: isSmartRouteEnabled
   }, isSell ? {
     sellCacheScope: {
-      accountId: (_k = user == null ? void 0 : user.id) != null ? _k : null,
+      accountId: (_l = user == null ? void 0 : user.id) != null ? _l : null,
       positionVersion: executionPositionsUpdatedAt
     }
   } : {}), {
     refreshContext: smartRouteRefreshContext
   }));
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     var _a2, _b2, _c2;
     if (isSell || smartRoute.isFetching || ((_a2 = smartRoute.data) == null ? void 0 : _a2.venueMarketOutcomeId) !== scopedSelectedOutcomeId) {
       return;
@@ -10759,7 +11231,7 @@ var PlaceOrder = ({
     smartRoute.isFetching,
     user == null ? void 0 : user.id
   ]);
-  const inheritedBuyGeoBlockedVenues = (0, import_react15.useMemo)(() => {
+  const inheritedBuyGeoBlockedVenues = (0, import_react16.useMemo)(() => {
     var _a2, _b2;
     if (!isSell || !buyGeoBlockSnapshot || !scopedSelectedOutcomeId) return void 0;
     if (buyGeoBlockSnapshot.eventId !== ((_a2 = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.id) != null ? _a2 : null)) return void 0;
@@ -10775,7 +11247,7 @@ var PlaceOrder = ({
     scopedSelectedOutcomeId,
     user == null ? void 0 : user.id
   ]);
-  const venueSellQuoteRequests = (0, import_react15.useMemo)(
+  const venueSellQuoteRequests = (0, import_react16.useMemo)(
     () => {
       var _a2;
       return isSell && !smartRoute.isLoading && ((_a2 = smartRoute.data) == null ? void 0 : _a2.venueMarketOutcomeId) === scopedSelectedOutcomeId ? buildVenueSellQuoteRequests({
@@ -10785,17 +11257,17 @@ var PlaceOrder = ({
     },
     [debouncedAmount, isSell, scopedSelectedOutcomeId, smartRoute.data, smartRoute.isLoading]
   );
-  const venueSellQuotes = (0, import_hooks36.useVenueSellQuotes)({
+  const venueSellQuotes = (0, import_hooks37.useVenueSellQuotes)({
     venueMarketOutcomeId: scopedSelectedOutcomeId,
-    accountId: (_l = user == null ? void 0 : user.id) != null ? _l : null,
+    accountId: (_m = user == null ? void 0 : user.id) != null ? _m : null,
     positionVersion: executionPositionsUpdatedAt,
     requests: venueSellQuoteRequests,
     mode: isPaperMode ? "paper" : void 0,
     slipCapBps: 1e6,
-    enabled: isSell && isSmartRouteEnabled && !smartRoute.isLoading && ((_m = smartRoute.data) == null ? void 0 : _m.venueMarketOutcomeId) === scopedSelectedOutcomeId,
+    enabled: isSell && isSmartRouteEnabled && !smartRoute.isLoading && ((_n = smartRoute.data) == null ? void 0 : _n.venueMarketOutcomeId) === scopedSelectedOutcomeId,
     refreshContext: smartRouteRefreshContext
   });
-  const currentSellableShares = (0, import_react15.useMemo)(() => {
+  const currentSellableShares = (0, import_react16.useMemo)(() => {
     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)) {
@@ -10827,24 +11299,24 @@ var PlaceOrder = ({
     isSell,
     scopedSelectedMarket,
     scopedSelectedOutcome,
-    (_o = (_n = smartRoute.data) == null ? void 0 : _n.positionAvailability) == null ? void 0 : _o.totalSellableShares
+    (_p = (_o = smartRoute.data) == null ? void 0 : _o.positionAvailability) == null ? void 0 : _p.totalSellableShares
   ]);
-  const maxSellableShares = (0, import_react15.useMemo)(
+  const maxSellableShares = (0, import_react16.useMemo)(
     () => floorToDecimals(currentSellableShares, SELL_SHARE_INPUT_DECIMALS),
     [currentSellableShares]
   );
-  const isCurrentSellableSharesLoading = isSell && isAuthenticated && !(typeof ((_q = (_p = smartRoute.data) == null ? void 0 : _p.positionAvailability) == null ? void 0 : _q.totalSellableShares) === "number") && (isExecutionPositionsLoading || isExecutionPositionsFetching);
-  const displayedCurrentSellableShares = (0, import_react15.useMemo)(() => {
+  const isCurrentSellableSharesLoading = isSell && isAuthenticated && !(typeof ((_r = (_q = smartRoute.data) == null ? void 0 : _q.positionAvailability) == null ? void 0 : _r.totalSellableShares) === "number") && (isExecutionPositionsLoading || isExecutionPositionsFetching);
+  const displayedCurrentSellableShares = (0, import_react16.useMemo)(() => {
     if (!Number.isFinite(currentSellableShares) || currentSellableShares <= 0) return 0;
     return floorToDecimals(currentSellableShares, SELL_SHARE_DISPLAY_DECIMALS);
   }, [currentSellableShares]);
-  const displayedCurrentSellableSharesLabel = (0, import_react15.useMemo)(
+  const displayedCurrentSellableSharesLabel = (0, import_react16.useMemo)(
     () => `${formatFlooredShareAmount(maxSellableShares, SELL_SHARE_DISPLAY_DECIMALS)} shares`,
     [maxSellableShares]
   );
   const isAtMaxSellableShares = isSell && maxSellableShares > 0 && Math.abs(internalAmount - maxSellableShares) < 1e-9;
-  const isSellAmountAboveAvailability = isSell && ((_r = smartRoute.data) == null ? void 0 : _r.venueMarketOutcomeId) === scopedSelectedOutcomeId && typeof ((_s = smartRoute.data.positionAvailability) == null ? void 0 : _s.totalSellableShares) === "number" && internalAmount > maxSellableShares;
-  (0, import_react15.useEffect)(() => {
+  const isSellAmountAboveAvailability = isSell && ((_s = smartRoute.data) == null ? void 0 : _s.venueMarketOutcomeId) === scopedSelectedOutcomeId && typeof ((_t = smartRoute.data.positionAvailability) == null ? void 0 : _t.totalSellableShares) === "number" && internalAmount > maxSellableShares;
+  (0, import_react16.useEffect)(() => {
     if (submissionProgressState != null) return;
     if (!isSell || isCurrentSellableSharesLoading) return;
     if (scopedSelectedOutcomeId === sellFilledForOutcomeId) return;
@@ -10860,7 +11332,7 @@ var PlaceOrder = ({
     onAmountChange,
     submissionProgressState
   ]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     var _a2, _b2;
     if (submissionProgressState != null || !isSell) return;
     if (((_a2 = smartRoute.data) == null ? void 0 : _a2.venueMarketOutcomeId) !== scopedSelectedOutcomeId) return;
@@ -10879,11 +11351,11 @@ var PlaceOrder = ({
     isSell,
     onAmountChange,
     scopedSelectedOutcomeId,
-    (_u = (_t = smartRoute.data) == null ? void 0 : _t.positionAvailability) == null ? void 0 : _u.totalSellableShares,
-    (_v = smartRoute.data) == null ? void 0 : _v.venueMarketOutcomeId,
+    (_v = (_u = smartRoute.data) == null ? void 0 : _u.positionAvailability) == null ? void 0 : _v.totalSellableShares,
+    (_w = smartRoute.data) == null ? void 0 : _w.venueMarketOutcomeId,
     submissionProgressState
   ]);
-  const routeCards = (0, import_react15.useMemo)(() => {
+  const routeCards = (0, import_react16.useMemo)(() => {
     const eventVenues = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets.map((market) => market.venue);
     if (isSell) {
       return buildLiveSellRouteCards({
@@ -10911,15 +11383,15 @@ var PlaceOrder = ({
     scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets,
     venueSellQuotes.quotes
   ]);
-  const resolvedSelectedRouteCardId = (0, import_react15.useMemo)(() => {
+  const resolvedSelectedRouteCardId = (0, import_react16.useMemo)(() => {
     var _a2;
     if (routeCards.length === 0) return null;
     if (selectedRouteCardId && routeCards.some((card) => card.id === selectedRouteCardId && !card.isUnavailable)) {
       return selectedRouteCardId;
     }
     return resolveDefaultRouteCardId(routeCards, isSell ? void 0 : (_a2 = smartRoute.data) == null ? void 0 : _a2.status);
-  }, [routeCards, selectedRouteCardId, isSell, (_w = smartRoute.data) == null ? void 0 : _w.status]);
-  (0, import_react15.useEffect)(() => {
+  }, [routeCards, selectedRouteCardId, isSell, (_x = smartRoute.data) == null ? void 0 : _x.status]);
+  (0, import_react16.useEffect)(() => {
     if (routeCards.length === 0) {
       setSelectedRouteCardId(null);
       setIsRoutesExpanded(false);
@@ -10931,20 +11403,19 @@ var PlaceOrder = ({
     }
   }, [resolvedSelectedRouteCardId, routeCards.length, selectedRouteCardId]);
   const isSubmissionLocked = submissionProgressState != null;
-  const isSubmissionLockedRef = (0, import_react15.useRef)(isSubmissionLocked);
+  const isSubmissionLockedRef = (0, import_react16.useRef)(isSubmissionLocked);
   isSubmissionLockedRef.current = isSubmissionLocked;
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (isSubmissionLockedRef.current) return;
     setSubmissionFeedback(null);
     setSubmissionProgressState(null);
   }, [executionType, internalAmount, internalSlippage, internalTab, scopedSelectedOutcomeId]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (showLimitOrders || executionType !== "limit") return;
     setExecutionType("market");
-    setIsExecutionTypeMenuOpen(false);
     setIsLimitExpirationPickerOpen(false);
   }, [executionType, showLimitOrders]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (executionType !== "limit") {
       limitPriceInitializedForOutcomeRef.current = void 0;
       return;
@@ -10957,32 +11428,36 @@ var PlaceOrder = ({
     setLimitPriceInputValue(formatLimitPriceInputValue(nextLimitPrice));
     setLimitPriceInputError(null);
   }, [executionType, scopedSelectedOutcomeId, selectedOutcomeDisplayPrice]);
+  (0, import_react16.useEffect)(() => {
+    setSelectedLimitVenue(null);
+  }, [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id, scopedSelectedOutcomeId]);
   const orderedRouteCards = routeCards;
-  const selectedRouteCard = (_y = (_x = orderedRouteCards.find((card) => card.id === resolvedSelectedRouteCardId)) != null ? _x : orderedRouteCards[0]) != null ? _y : null;
-  const isKalshiRoute = (0, import_react15.useMemo)(() => {
+  const selectedRouteCard = (_z = (_y = orderedRouteCards.find((card) => card.id === resolvedSelectedRouteCardId)) != null ? _y : orderedRouteCards[0]) != null ? _z : null;
+  const isKalshiRoute = (0, import_react16.useMemo)(() => {
+    if (isLimitOrder) return (selectedLimitVenueOption == null ? void 0 : selectedLimitVenueOption.venue) === import_sdk17.Venue.kalshi;
     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 displayedBalance = isPaperMode ? paperTotalBalance : isKalshiRoute ? (_z = liveBalanceState.kalshiBalance) != null ? _z : 0 : liveAvailableBalance;
-  const legacyKalshiAccount = (0, import_react15.useMemo)(
+  }, [isLimitOrder, selectedLimitVenueOption == null ? void 0 : selectedLimitVenueOption.venue, selectedRouteCard, scopedSelectedMarket]);
+  const displayedBalance = isPaperMode ? paperTotalBalance : isKalshiRoute ? (_A = liveBalanceState.kalshiBalance) != null ? _A : 0 : liveAvailableBalance;
+  const legacyKalshiAccount = (0, import_react16.useMemo)(
     () => {
       var _a2;
       return (_a2 = user == null ? void 0 : user.venueAccounts) == null ? void 0 : _a2.find((venueAccount) => venueAccount.venue === "kalshi");
     },
     [user == null ? void 0 : user.venueAccounts]
   );
-  const isKalshiAccountActive = (_A = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.connected) != null ? _A : (legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.status) === "active";
-  const isKalshiVerified = ((_B = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.kycStatus) != null ? _B : legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.kycStatus) === "verified";
+  const isKalshiAccountActive = (_B = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.connected) != null ? _B : (legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.status) === "active";
+  const isKalshiVerified = ((_C = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.kycStatus) != null ? _C : legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.kycStatus) === "verified";
   const hasKalshiConnectionState = kalshiKeyStatus !== void 0 || (user == null ? void 0 : user.venueAccounts) != null;
-  const isKalshiAvailable = (0, import_hooks36.getVenueAvailabilityState)({
+  const isKalshiAvailable = (0, import_hooks37.getVenueAvailabilityState)({
     venueId: "kalshi",
     disabledVenues,
     isConfigLoading: isAppConfigLoading
   }) === "available";
   const needsKalshiConnection = isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && isKalshiRoute && !isKalshiAccountActive;
-  const handleVerifyKalshi = (0, import_react15.useCallback)(
+  const handleVerifyKalshi = (0, import_react16.useCallback)(
     (credentials) => __async(null, null, function* () {
       if (onConnectKalshi) {
         yield onConnectKalshi(credentials);
@@ -11001,8 +11476,8 @@ var PlaceOrder = ({
     [aggClient, onConnectKalshi, refetchKalshiKeyStatus]
   );
   const needsKycVerification = isAuthenticated && hasKalshiConnectionState && isKalshiRoute && isKalshiAccountActive && !isKalshiVerified;
-  const verifyKalshiConnectionLabel = (_F = (_E = (_D = (_C = labels.onboarding) == null ? void 0 : _C.connectKalshiModal) == null ? void 0 : _D.actions) == null ? void 0 : _E.verifyConnection) != null ? _F : tradingLabels.kycRequired;
-  const handleRouteCardSelect = (0, import_react15.useCallback)(
+  const verifyKalshiConnectionLabel = (_G = (_F = (_E = (_D = labels.onboarding) == null ? void 0 : _D.connectKalshiModal) == null ? void 0 : _E.actions) == null ? void 0 : _F.verifyConnection) != null ? _G : tradingLabels.kycRequired;
+  const handleRouteCardSelect = (0, import_react16.useCallback)(
     (cardId) => {
       if (cardId === resolvedSelectedRouteCardId) {
         const card = routeCards.find((c) => c.id === cardId);
@@ -11015,17 +11490,17 @@ var PlaceOrder = ({
     },
     [resolvedSelectedRouteCardId, routeCards]
   );
-  const executionProgress = (0, import_hooks36.useExecutionProgress)({
-    orderIds: (_G = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _G : null,
-    quoteId: (_H = submissionProgressState == null ? void 0 : submissionProgressState.quoteId) != null ? _H : null,
+  const executionProgress = (0, import_hooks37.useExecutionProgress)({
+    orderIds: (_H = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _H : null,
+    quoteId: (_I = submissionProgressState == null ? void 0 : submissionProgressState.quoteId) != null ? _I : null,
     mode: isPaperMode ? "paper" : void 0,
-    enabled: ((submissionProgressState == null ? void 0 : submissionProgressState.phase) === "submitting" || (submissionProgressState == null ? void 0 : submissionProgressState.phase) === "executing") && !!((_I = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) == null ? void 0 : _I.length)
+    enabled: ((submissionProgressState == null ? void 0 : submissionProgressState.phase) === "submitting" || (submissionProgressState == null ? void 0 : submissionProgressState.phase) === "executing") && !!((_J = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) == null ? void 0 : _J.length)
   });
-  const selectedOutcomeLabel = (_L = (_K = (_J = outcomes.find((outcome) => outcome.id === scopedSelectedOutcomeId)) == null ? void 0 : _J.label) != null ? _K : scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.label) != null ? _L : "";
-  const headerImage = (_N = (_M = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.image) != null ? _M : scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.image) != null ? _N : null;
-  const headerTitle = (_P = (_O = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title) != null ? _O : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _P : "";
-  const headerSubtitle = (_Q = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _Q : "";
-  const buildExecutionSummary = (0, import_react15.useCallback)(
+  const selectedOutcomeLabel = (_M = (_L = (_K = outcomes.find((outcome) => outcome.id === scopedSelectedOutcomeId)) == null ? void 0 : _K.label) != null ? _L : scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.label) != null ? _M : "";
+  const headerImage = (_O = (_N = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.image) != null ? _N : scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.image) != null ? _O : null;
+  const headerTitle = (_Q = (_P = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title) != null ? _P : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _Q : "";
+  const headerSubtitle = (_R = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _R : "";
+  const buildExecutionSummary = (0, import_react16.useCallback)(
     (quoteData, executionVenue, orderId, partialFillSummary) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
       if (!quoteData) return void 0;
@@ -11101,7 +11576,7 @@ var PlaceOrder = ({
       tradingLabels
     ]
   );
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (executionProgress.phase === "order_submitted") {
       const submittedOrder = executionProgress.submittedOrders[0];
       setSubmissionProgressState((prev) => {
@@ -11114,7 +11589,7 @@ var PlaceOrder = ({
       });
     }
   }, [executionProgress.phase, executionProgress.submittedOrders]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     var _a2, _b2;
     const dp = executionProgress.dagProgress;
     if (!dp) return;
@@ -11165,7 +11640,7 @@ var PlaceOrder = ({
       return __spreadProps(__spreadValues({}, prev), { dagProgress: dp });
     });
   }, [executionProgress.dagProgress, tradingLabels]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const orderIds = submissionProgressState == null ? void 0 : submissionProgressState.orderIds;
     if (!(orderIds == null ? void 0 : orderIds.length)) return;
     const aggregateStatus = deriveAggregateOrderStatus(
@@ -11226,7 +11701,7 @@ var PlaceOrder = ({
     tradingLabels
   ]);
   const estDurationMs = (selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) && typeof selectedRouteCard.quoteData.estDurationMs === "number" ? selectedRouteCard.quoteData.estDurationMs : 6e4;
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     const phase = submissionProgressState == null ? void 0 : submissionProgressState.phase;
     if (phase !== "submitting" && phase !== "executing") return;
     const timeoutMs = Math.max(6e4, 2 * estDurationMs);
@@ -11241,7 +11716,7 @@ var PlaceOrder = ({
     }, timeoutMs);
     return () => clearTimeout(id);
   }, [submissionProgressState == null ? void 0 : submissionProgressState.phase, estDurationMs]);
-  const emitTerminalOrderNotifications = (0, import_react15.useCallback)(() => {
+  const emitTerminalOrderNotifications = (0, import_react16.useCallback)(() => {
     const toast = toastCtx == null ? void 0 : toastCtx.toast;
     if (!toast) return;
     for (const event of executionProgress.terminalOrderEvents) {
@@ -11270,7 +11745,7 @@ var PlaceOrder = ({
       });
     }
   }, [executionProgress.terminalOrderEvents, labels, toastCtx]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     var _a2, _b2;
     if (!submissionProgressState) return;
     onExecutionStateChange == null ? void 0 : onExecutionStateChange(submissionProgressState);
@@ -11290,8 +11765,8 @@ var PlaceOrder = ({
     }
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
       emitTerminalOrderNotifications();
-      (0, import_hooks36.invalidateBalanceQueries)(queryClient);
-      (0, import_hooks36.invalidatePositionQueries)(queryClient);
+      (0, import_hooks37.invalidateBalanceQueries)(queryClient);
+      (0, import_hooks37.invalidatePositionQueries)(queryClient);
       if (debugStore && debugAttemptId) {
         debugStore.updateAttempt(debugAttemptId, {
           status: "succeeded",
@@ -11322,19 +11797,19 @@ var PlaceOrder = ({
     queryClient,
     submissionProgressState
   ]);
-  const activeQuoteData = (_S = (_R = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _R : smartRoute.data) != null ? _S : null;
-  const visibleRouteCards = orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT && !isRoutesExpanded ? orderedRouteCards.slice(0, PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT) : orderedRouteCards;
+  const activeQuoteData = isLimitOrder ? null : (_T = (_S = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _S : smartRoute.data) != null ? _T : null;
+  const visibleMarketRouteCards = orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT && !isRoutesExpanded ? orderedRouteCards.slice(0, PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT) : orderedRouteCards;
   const hasEnteredAmount = internalAmount > 0;
   const isQuoteLoading = !isLimitOrder && hasEnteredAmount && (smartRoute.isFetching || smartRoute.isLoading || isSell && (venueSellQuotes.isFetching || venueSellQuotes.isLoading));
   const routeLoadingMessage = isQuoteLoading ? smartRoute.loadingReason === "updating-route" ? tradingLabels.updatingRoute : smartRoute.loadingReason === "refreshing-quotes" ? tradingLabels.refreshingQuotes : tradingLabels.findingBestOdds : null;
-  const selectedRouteFills = (_T = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData.fills) != null ? _T : [];
+  const selectedRouteFills = (_U = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData.fills) != null ? _U : [];
   const isKalshiOnlyRoute = isKalshiRoute && ((selectedRouteCard == null ? void 0 : selectedRouteCard.venue) === import_sdk17.Venue.kalshi || selectedRouteFills.length > 0 && selectedRouteFills.every((fill) => fill.venue === import_sdk17.Venue.kalshi));
   const isOnchainOnlyRoute = !isKalshiRoute || selectedRouteFills.length > 0 && selectedRouteFills.every((fill) => fill.venue !== import_sdk17.Venue.kalshi);
   const kalshiRequiredAmount = isSell ? 0 : selectedRouteFills.filter((fill) => fill.venue === import_sdk17.Venue.kalshi).reduce((total, fill) => total + fill.venueQty * fill.avgPrice, 0);
   const onchainRequiredAmount = isSell ? 0 : selectedRouteFills.filter((fill) => fill.venue !== import_sdk17.Venue.kalshi).reduce((total, fill) => total + fill.venueQty * fill.avgPrice, 0);
   const resolvedKalshiRequiredAmount = isKalshiOnlyRoute || isKalshiRoute && selectedRouteFills.length === 0 ? internalAmount : kalshiRequiredAmount;
   const resolvedOnchainRequiredAmount = isOnchainOnlyRoute || !isKalshiRoute && selectedRouteFills.length === 0 ? internalAmount : onchainRequiredAmount;
-  const isKalshiBalanceInsufficient = !isPaperMode && isKalshiRoute && resolvedKalshiRequiredAmount > ((_U = liveBalanceState.kalshiBalance) != null ? _U : 0);
+  const isKalshiBalanceInsufficient = !isPaperMode && isKalshiRoute && resolvedKalshiRequiredAmount > ((_V = liveBalanceState.kalshiBalance) != null ? _V : 0);
   const isOnchainBalanceInsufficient = resolvedOnchainRequiredAmount > liveAvailableBalance;
   const isInsufficientBalance = !isSell && isAuthenticated && hasEnteredAmount && !isBalanceLoading && (isLimitOrder ? internalAmount > totalBalance : isPaperMode ? internalAmount > paperTotalBalance : isKalshiBalanceInsufficient || isOnchainBalanceInsufficient);
   const isQuoteInsufficientBalance = !isLimitOrder && (activeQuoteData == null ? void 0 : activeQuoteData.status) === "insufficient_balance";
@@ -11343,7 +11818,7 @@ var PlaceOrder = ({
   const isBelowVenueMinimumFromQuote = isQuoteBelowVenueMinimum(activeQuoteData);
   const isBelowMinimum = isBelowClientMinimum || isBelowVenueMinimumFromQuote;
   const belowMinimumMessage = isBelowClientMinimum ? tradingLabels.minimumOrderAmount(MIN_BUY_ORDER_AMOUNT) : tradingLabels.minOrderSizeViolated;
-  const quoteStatus = (0, import_react15.useMemo)(() => {
+  const quoteStatus = (0, import_react16.useMemo)(() => {
     if (!orderEligibility.canPlaceOrder) return void 0;
     return resolvePlaceOrderQuoteStatus({
       amount: internalAmount,
@@ -11358,7 +11833,7 @@ var PlaceOrder = ({
     scopedSelectedMarket,
     tradingLabels
   ]);
-  const smartRouteErrorMessage = (0, import_react15.useMemo)(() => {
+  const smartRouteErrorMessage = (0, import_react16.useMemo)(() => {
     var _a2;
     const quoteError = (_a2 = smartRoute.error) != null ? _a2 : isSell ? venueSellQuotes.error : null;
     if (!quoteError || orderedRouteCards.length > 0) return null;
@@ -11369,7 +11844,7 @@ var PlaceOrder = ({
     });
   }, [isSell, orderedRouteCards.length, smartRoute.error, tradingLabels, venueSellQuotes.error]);
   const progressActionLabel = (internalTab === "buy" ? tradingLabels.buyingOutcome(selectedOutcomeLabel) : tradingLabels.sellingOutcome(selectedOutcomeLabel)).trim();
-  const canRetryRemaining = (0, import_react15.useMemo)(() => {
+  const canRetryRemaining = (0, import_react16.useMemo)(() => {
     const remaining = getPlaceOrderUnfilledRemaining({
       originalAmount: internalAmount,
       tradeSide: internalTab,
@@ -11379,7 +11854,7 @@ var PlaceOrder = ({
     return remaining >= minRemainder;
   }, [executionProgress.terminalOrderEvents, internalAmount, internalTab, isSell]);
   const PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD = 0.95;
-  const shouldAutoSkipPartialFill = (0, import_react15.useMemo)(() => {
+  const shouldAutoSkipPartialFill = (0, import_react16.useMemo)(() => {
     if (internalAmount <= 0) return false;
     const remaining = getPlaceOrderUnfilledRemaining({
       originalAmount: internalAmount,
@@ -11390,7 +11865,7 @@ var PlaceOrder = ({
     const fillRatio = filled / internalAmount;
     return fillRatio >= PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD || !canRetryRemaining;
   }, [canRetryRemaining, executionProgress.terminalOrderEvents, internalAmount, internalTab]);
-  const failureSummary = (0, import_react15.useMemo)(() => {
+  const failureSummary = (0, import_react16.useMemo)(() => {
     var _a2;
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return void 0;
     return buildPlaceOrderFailureSummary({
@@ -11419,7 +11894,7 @@ var PlaceOrder = ({
     submissionProgressState,
     tradingLabels
   ]);
-  const displayedToWinHint = (0, import_react15.useMemo)(() => {
+  const displayedToWinHint = (0, import_react16.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
     if (!selectedRouteCard) return "";
     if (selectedRouteCard.isUnavailable) {
@@ -11428,9 +11903,9 @@ var PlaceOrder = ({
     }
     return (_d2 = selectedRouteCard.hint) != null ? _d2 : "";
   }, [selectedRouteCard, tradingLabels]);
-  const displayedToWinValue = (_V = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _V : 0;
-  const limitOrderPayload = (0, import_react15.useMemo)(() => {
-    if (!scopedSelectedMarket || !scopedSelectedOutcomeId || internalAmount <= 0) return null;
+  const displayedToWinValue = (_W = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _W : 0;
+  const limitOrderPayload = (0, import_react16.useMemo)(() => {
+    if (!selectedLimitVenueOption || internalAmount <= 0) return null;
     if (limitPriceInputError) return null;
     const expirationDate = resolveLimitExpirationDate({
       expirationType: limitExpirationType,
@@ -11446,8 +11921,8 @@ var PlaceOrder = ({
     });
     const expiresAt = expirationDate ? serializeLimitOrderExpiration(expirationDate) : void 0;
     return __spreadValues({
-      venue: scopedSelectedMarket.venue,
-      venueMarketOutcomeId: scopedSelectedOutcomeId,
+      venue: selectedLimitVenueOption.venue,
+      venueMarketOutcomeId: selectedLimitVenueOption.venueMarketOutcomeId,
       side: internalTab,
       limitPriceRaw,
       sizeRaw,
@@ -11461,10 +11936,9 @@ var PlaceOrder = ({
     limitExpirationType,
     limitPrice,
     limitPriceInputError,
-    scopedSelectedMarket,
-    scopedSelectedOutcomeId
+    selectedLimitVenueOption
   ]);
-  const resolvedLimitExpirationDraftDate = (0, import_react15.useMemo)(() => {
+  const resolvedLimitExpirationDraftDate = (0, import_react16.useMemo)(() => {
     return resolveLimitExpirationDate({
       expirationType: "CUSTOM",
       customDate: limitExpirationDraftDate,
@@ -11472,7 +11946,7 @@ var PlaceOrder = ({
     });
   }, [limitExpirationDraftDate, limitExpirationDraftTime]);
   const isLimitExpirationDraftValid = isFutureLimitExpiration(resolvedLimitExpirationDraftDate);
-  const resolvedCustomExpirationDate = (0, import_react15.useMemo)(() => {
+  const resolvedCustomExpirationDate = (0, import_react16.useMemo)(() => {
     return resolveLimitExpirationDate({
       expirationType: "CUSTOM",
       customDate: limitExpirationDate,
@@ -11494,7 +11968,7 @@ var PlaceOrder = ({
       expiresAt: serializeLimitOrderExpiration(expirationDate)
     });
   };
-  const displayedLimitToWinValue = (0, import_react15.useMemo)(() => {
+  const displayedLimitToWinValue = (0, import_react16.useMemo)(() => {
     if (!limitOrderPayload) return 0;
     const size = Number(BigInt(limitOrderPayload.sizeRaw)) / Number(LIMIT_ORDER_RAW_SCALE);
     if (internalTab === "buy") return size;
@@ -11505,14 +11979,73 @@ var PlaceOrder = ({
       )
     ) / Number(LIMIT_ORDER_RAW_SCALE);
   }, [internalTab, limitOrderPayload]);
+  const limitRouteCards = (0, import_react16.useMemo)(() => {
+    return visibleLimitVenueOptions.map((option) => {
+      var _a2, _b2;
+      const availabilityState = (0, import_hooks37.getVenueAvailabilityState)({
+        venueId: option.venue,
+        disabledVenues,
+        isConfigLoading: isAppConfigLoading
+      });
+      const isGeoBlocked = geoBlockedLimitVenues.has(option.venue);
+      const isUnavailable = isTradingBlocked || isGeoBlocked || availabilityState !== "available";
+      const currentPriceLabel = option.currentPrice == null ? "\u2014" : formatProbabilityCents(option.currentPrice, formatPrice);
+      const totalFees = getSmartRouteTotalFees(
+        (_b2 = (_a2 = limitVenueQuoteByVenue.get(option.venue)) == null ? void 0 : _a2.data) == null ? void 0 : _b2.feeBreakdown
+      );
+      const feeLabel = totalFees == null ? void 0 : formatUsd(totalFees, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+      return {
+        id: `limit-venue-${option.venue}-${option.venueMarketOutcomeId}`,
+        hint: isGeoBlocked ? tradingLabels.venueUnavailableInRegion : tradingLabels.limitRoutingCurrentPrice(currentPriceLabel, feeLabel),
+        isUnavailable,
+        kind: "venue",
+        label: getTradingVenueLabel(option.venue),
+        numericValue: displayedLimitToWinValue,
+        value: formatUsd(displayedLimitToWinValue, {
+          maximumFractionDigits: 2,
+          minimumFractionDigits: 2
+        }),
+        venue: option.venue
+      };
+    });
+  }, [
+    disabledVenues,
+    displayedLimitToWinValue,
+    formatPrice,
+    geoBlockedLimitVenues,
+    isAppConfigLoading,
+    isTradingBlocked,
+    limitVenueQuoteByVenue,
+    tradingLabels,
+    visibleLimitVenueOptions
+  ]);
+  const limitVenueOptionByCardId = (0, import_react16.useMemo)(() => {
+    return new Map(
+      visibleLimitVenueOptions.map((option) => [
+        `limit-venue-${option.venue}-${option.venueMarketOutcomeId}`,
+        option
+      ])
+    );
+  }, [visibleLimitVenueOptions]);
+  const activeRouteCards = isLimitOrder ? limitRouteCards : visibleMarketRouteCards;
+  const activeRouteCardCount = isLimitOrder ? limitRouteCards.length : orderedRouteCards.length;
+  const handleActiveRouteCardSelect = (cardId) => {
+    if (!isLimitOrder) {
+      handleRouteCardSelect(cardId);
+      return;
+    }
+    const option = limitVenueOptionByCardId.get(cardId);
+    if (!option) return;
+    setSelectedLimitVenue(option.venue);
+  };
   const displayedLimitToWinHint = formatLimitPriceLabel(limitPrice);
   const activeFeeBreakdown = activeQuoteData == null ? void 0 : activeQuoteData.feeBreakdown;
-  const estimatedFeesValue = (0, import_react15.useMemo)(() => {
-    if (!activeFeeBreakdown) return null;
-    const totalFees = activeFeeBreakdown.venueFees + activeFeeBreakdown.bridgeFees + activeFeeBreakdown.executionGas;
+  const estimatedFeesValue = (0, import_react16.useMemo)(() => {
+    const totalFees = getSmartRouteTotalFees(activeFeeBreakdown);
+    if (totalFees == null) return null;
     return formatUsd(totalFees, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
   }, [activeFeeBreakdown]);
-  const feeBreakdownRows = (0, import_react15.useMemo)(() => {
+  const feeBreakdownRows = (0, import_react16.useMemo)(() => {
     if (!activeFeeBreakdown) return [];
     return [
       {
@@ -11547,27 +12080,29 @@ var PlaceOrder = ({
     ];
   }, [activeFeeBreakdown, tradingLabels]);
   const isActionLoading = isPrimaryActionLoading || executeManaged.isPending || placeLimitOrder.isPending || isBeforeActionPending;
-  const selectedRouteGeoBlocked = (_W = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _W : false;
-  const geoBlockedVenuesFromWarnings = (0, import_react15.useMemo)(
+  const selectedLimitRouteCardId = selectedLimitVenueOption ? `limit-venue-${selectedLimitVenueOption.venue}-${selectedLimitVenueOption.venueMarketOutcomeId}` : null;
+  const selectedLimitRouteCard = selectedLimitRouteCardId ? (_X = limitRouteCards.find((card) => card.id === selectedLimitRouteCardId)) != null ? _X : null : null;
+  const selectedRouteGeoBlocked = isLimitOrder ? (_Y = selectedLimitRouteCard == null ? void 0 : selectedLimitRouteCard.isUnavailable) != null ? _Y : false : (_Z = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _Z : false;
+  const geoBlockedVenuesFromWarnings = (0, import_react16.useMemo)(
     () => {
       var _a2;
       return extractGeoBlockedVenues((_a2 = smartRoute.data) == null ? void 0 : _a2.warnings);
     },
-    [(_X = smartRoute.data) == null ? void 0 : _X.warnings]
+    [(__ = smartRoute.data) == null ? void 0 : __.warnings]
   );
-  const isPrimaryVenueGeoBlocked = (0, import_react15.useMemo)(() => {
+  const isPrimaryVenueGeoBlocked = (0, import_react16.useMemo)(() => {
     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 shouldShowGeoBlockBanner = isTradingBlocked || selectedRouteGeoBlocked || isPrimaryVenueGeoBlocked || isLimitOrder && limitRouteCards.length > 0 && limitRouteCards.every((card) => card.isUnavailable);
   const shouldShowLowLiquidityWarning = !isQuoteInputEditing && !isQuoteLoading && (activeQuoteData == null ? void 0 : activeQuoteData.venueMarketOutcomeId) === scopedSelectedOutcomeId && hasLowLiquidityWarning(activeQuoteData.warnings);
   const actionLabel = `${internalTab === "buy" ? tradingLabels.buy : tradingLabels.sell} ${selectedOutcomeLabel}`.trim();
   const isActionDisabled = isPrimaryActionDisabled || !orderEligibility.canPlaceOrder || isActionLoading || !hasEnteredAmount || !scopedSelectedMarket || isInsufficientBalance || isQuoteInsufficientBalance || isSell && isQuoteInputEditing || isSellAmountAboveAvailability || isBelowMinimum || !isLimitOrder && isQuoteLoading || (isLimitOrder ? !limitOrderPayload : !selectedRouteCard || !selectedRouteCard.quoteData.quoteId) || selectedRouteGeoBlocked || !isAuthenticated || !isLimitOrder && quoteStatus !== void 0;
-  const shouldShowSmartRouting = !isLimitOrder && orderEligibility.canPlaceOrder && hasEnteredAmount && !isBelowMinimum && (orderedRouteCards.length > 0 || smartRoute.isFetching || smartRoute.isLoading || isSell && (venueSellQuotes.isFetching || venueSellQuotes.isLoading));
-  const shouldShowRouteToggle = !isQuoteLoading && orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT;
-  const handleReturnToOrderForm = (0, import_react15.useCallback)(() => {
+  const shouldShowSmartRouting = orderEligibility.canPlaceOrder && hasEnteredAmount && !isBelowMinimum && (isLimitOrder ? limitRouteCards.length > 0 : orderedRouteCards.length > 0 || smartRoute.isFetching || smartRoute.isLoading || isSell && (venueSellQuotes.isFetching || venueSellQuotes.isLoading));
+  const shouldShowRouteToggle = !isLimitOrder && !isQuoteLoading && orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT;
+  const handleReturnToOrderForm = (0, import_react16.useCallback)(() => {
     const submittedSelection = submittedSelectionRef.current;
     submittedSelectionRef.current = null;
     setSubmissionProgressState(null);
@@ -11588,7 +12123,7 @@ var PlaceOrder = ({
     const shareUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}`;
     window.open(shareUrl, "_blank", "noopener,noreferrer");
   };
-  const handleExecuteQuote = (0, import_react15.useCallback)(
+  const handleExecuteQuote = (0, import_react16.useCallback)(
     (quoteData) => __async(null, null, function* () {
       var _a2, _b2, _c2;
       const quoteId = quoteData == null ? void 0 : quoteData.quoteId;
@@ -11698,7 +12233,7 @@ var PlaceOrder = ({
       venueSellQuotes.quotes
     ]
   );
-  const handlePlaceLimitOrder = (0, import_react15.useCallback)(
+  const handlePlaceLimitOrder = (0, import_react16.useCallback)(
     (submissionLimitOrderPayload) => __async(null, null, function* () {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
       if (!showLimitOrders) return;
@@ -11782,7 +12317,7 @@ var PlaceOrder = ({
       tradingLabels
     ]
   );
-  const handleSkipToSuccess = (0, import_react15.useCallback)(() => {
+  const handleSkipToSuccess = (0, import_react16.useCallback)(() => {
     const primaryFilledEvent = executionProgress.terminalOrderEvents.find(
       (e) => e.event === "filled" || e.event === "partial_fill"
     );
@@ -11807,7 +12342,7 @@ var PlaceOrder = ({
     failureSummary,
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return;
     if ((failureSummary == null ? void 0 : failureSummary.kind) !== "partial_fill") return;
     if (!shouldAutoSkipPartialFill) return;
@@ -11818,7 +12353,7 @@ var PlaceOrder = ({
     shouldAutoSkipPartialFill,
     submissionProgressState == null ? void 0 : submissionProgressState.phase
   ]);
-  const handleRetrySubmission = (0, import_react15.useCallback)(() => __async(null, null, function* () {
+  const handleRetrySubmission = (0, import_react16.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2, _c2, _d2, _e2;
     if (!orderEligibility.canPlaceOrder || (failureSummary == null ? void 0 : failureSummary.kind) === "generic") {
       handleReturnToOrderForm();
@@ -11967,7 +12502,7 @@ var PlaceOrder = ({
   ]);
   const resolvedStatusClassName = cn(classNames == null ? void 0 : classNames.root, className);
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       Skeleton,
       {
         ariaLabel: labels.common.loading,
@@ -11978,7 +12513,7 @@ var PlaceOrder = ({
   }
   if (submissionProgressState) {
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
-      return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
         PlaceOrderSuccessView,
         {
           className: resolvedStatusClassName,
@@ -11990,7 +12525,7 @@ var PlaceOrder = ({
       );
     }
     if (submissionProgressState.phase === "failed") {
-      return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
         PlaceOrderFailureView,
         {
           className: resolvedStatusClassName,
@@ -12207,11 +12742,11 @@ var PlaceOrder = ({
     }
   });
   if (isEndedWithoutKnownWinner || !orderEligibility.canPlaceOrder && resolvedReadOnlyTradingState.kind !== "open") {
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       PlaceOrderResolvedView,
       {
         tradingState: resolvedReadOnlyTradingState,
-        resolutionTimestamp: (_Y = resolvedEventTradingState.resolvesAt) != null ? _Y : resolvedReadOnlyTradingState.resolvesAt,
+        resolutionTimestamp: (_$ = resolvedEventTradingState.resolvesAt) != null ? _$ : resolvedReadOnlyTradingState.resolvesAt,
         resolvedClaim,
         classNames,
         className,
@@ -12219,8 +12754,8 @@ var PlaceOrder = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_react15.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_react16.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
       Card,
       {
         className: cn(
@@ -12237,20 +12772,20 @@ var PlaceOrder = ({
             headerTitle,
             onClose
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
               "div",
               {
                 className: "agg-order-tabs flex items-end border-b border-agg-separator",
                 role: "tablist",
                 "aria-label": labels.common.tabsAria,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex min-w-0 flex-1 items-end", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex min-w-0 flex-1 items-end", children: [
                     { value: "buy", label: tradingLabels.buy, ref: buyTabRef },
                     { value: "sell", label: tradingLabels.sell, ref: sellTabRef }
                   ].map((tabItem) => {
                     const isActive = internalTab === tabItem.value;
-                    return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
                       "button",
                       {
                         ref: tabItem.ref,
@@ -12274,7 +12809,7 @@ var PlaceOrder = ({
                         onKeyDown: (event) => handleTabKeyDown(event, tabItem.value),
                         children: [
                           tabItem.label,
-                          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                             "span",
                             {
                               "aria-hidden": "true",
@@ -12294,274 +12829,241 @@ var PlaceOrder = ({
                       tabItem.value
                     );
                   }) }),
-                  showLimitOrders ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
-                    DropdownMenu.Root,
+                  showLimitOrders ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                    Select,
                     {
-                      open: isExecutionTypeMenuOpen,
-                      onOpenChange: setIsExecutionTypeMenuOpen,
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
-                          "button",
-                          {
-                            ref: executionTypeTriggerRef,
-                            type: "button",
-                            className: cn(
-                              "agg-order-type-trigger mb-2 flex cursor-pointer items-center gap-2 rounded-agg-sm px-2 py-1 text-agg-base leading-agg-6 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": tradingLabels.orderTypeAria,
-                            children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: isLimitOrder ? tradingLabels.orderTypeLimit : tradingLabels.orderTypeMarket }),
-                              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: "chevron-down", size: "small", className: "h-4 w-4", "aria-hidden": true })
-                            ]
-                          }
-                        ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                          DropdownMenu.Portal,
-                          {
-                            container: resolvePlaceOrderPortalContainer(executionTypeTriggerRef.current),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                              DropdownMenu.Content,
-                              {
-                                align: "end",
-                                sideOffset: 8,
-                                className: "z-50 min-w-[140px] rounded-agg-lg border border-agg-separator bg-agg-secondary p-1 shadow-[0_8px_16px_rgba(0,0,0,0.12)]",
-                                children: [
-                                  { value: "market", label: tradingLabels.orderTypeMarket },
-                                  { value: "limit", label: tradingLabels.orderTypeLimit }
-                                ].map((item) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                                  DropdownMenu.Item,
-                                  {
-                                    className: cn(
-                                      "cursor-pointer rounded-agg-sm px-3 py-2 text-agg-sm leading-agg-5 text-agg-foreground outline-none hover:bg-agg-secondary-hover focus:bg-agg-secondary-hover",
-                                      executionType === item.value && "font-agg-bold text-agg-primary"
-                                    ),
-                                    onSelect: () => handleExecutionTypeChange(item.value),
-                                    children: item.label
-                                  },
-                                  item.value
-                                ))
-                              }
-                            )
-                          }
-                        )
-                      ]
+                      ariaLabel: tradingLabels.orderTypeAria,
+                      className: "mb-2",
+                      triggerClassName: "agg-order-type-trigger",
+                      items: [
+                        { value: "market", label: tradingLabels.orderTypeMarket },
+                        { value: "limit", label: tradingLabels.orderTypeLimit }
+                      ],
+                      value: executionType,
+                      onChange: handleExecutionTypeChange,
+                      variant: "inline",
+                      openOnHover: true,
+                      contentAlign: "end",
+                      contentSideOffset: 4
                     }
                   ) : null
                 ]
               }
             ),
-            outcomes.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
-              var _a2, _b2, _c2;
-              const price = getDisplayOutcomePrice({
-                outcomeId: outcome.id,
-                outcomeLabel: outcome.label,
-                selection: (_a2 = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a2 : isSell ? "sell" : "buy",
-                bestPrices: clusterBestPrices,
-                bestMidpoint: clusterBestMidpoint,
-                bestMidpointsByOutcomeId: clusterBestMidpointsByOutcomeId,
-                livePrices
-              });
-              const isActive = outcome.id === scopedSelectedOutcomeId;
-              const isPositive = resolveIsPositiveOutcome(outcome, index);
-              const isPriceLoading = clusterMidpointResult.isLoading && price == null;
-              return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
-                "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": `${(_b2 = outcome.title) != null ? _b2 : outcome.label} ${formatProbabilityCents(price)}`,
-                  disabled: !orderEligibility.canPlaceOrder || isResolvedOutcomeCtaLocked,
-                  onClick: () => handleOutcomeChange(outcome.id),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                      Typography,
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-order-entry-section flex flex-col gap-4", children: [
+              outcomes.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
+                var _a2, _b2, _c2;
+                const price = getDisplayOutcomePrice({
+                  outcomeId: outcome.id,
+                  outcomeLabel: outcome.label,
+                  selection: (_a2 = tradingContext == null ? void 0 : tradingContext.tradeSide) != null ? _a2 : isSell ? "sell" : "buy",
+                  bestPrices: clusterBestPrices,
+                  bestMidpoint: clusterBestMidpoint,
+                  bestMidpointsByOutcomeId: clusterBestMidpointsByOutcomeId,
+                  livePrices
+                });
+                const isActive = outcome.id === scopedSelectedOutcomeId;
+                const isPositive = resolveIsPositiveOutcome(outcome, index);
+                const isPriceLoading = clusterMidpointResult.isLoading && price == null;
+                return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+                  "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": `${(_b2 = outcome.title) != null ? _b2 : outcome.label} ${formatProbabilityCents(price, formatPrice)}`,
+                    disabled: !orderEligibility.canPlaceOrder || isResolvedOutcomeCtaLocked,
+                    onClick: () => handleOutcomeChange(outcome.id),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                        Typography,
+                        {
+                          as: "span",
+                          variant: isActive ? "body-strong" : "body",
+                          className: cn("whitespace-nowrap truncate"),
+                          children: (_c2 = outcome.title) != null ? _c2 : outcome.label
+                        }
+                      ),
+                      isPriceLoading ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: cn(
+                            "agg-place-order-outcome-price-loading",
+                            "h-4 w-10 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
+                          )
+                        }
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price, formatPrice) })
+                    ]
+                  },
+                  outcome.id
+                );
+              }) }) : null,
+              isLimitOrder ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-limit-price-section flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.limitPrice }),
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex min-w-0 flex-col items-end gap-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("label", { className: "relative flex items-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                        "input",
+                        {
+                          type: "text",
+                          inputMode: "decimal",
+                          "aria-label": tradingLabels.limitPriceInputAria,
+                          "aria-invalid": Boolean(limitPriceInputError),
+                          value: limitPriceInputValue,
+                          onChange: handleLimitPriceInputChange,
+                          onBlur: handleLimitPriceInputBlur,
+                          className: cn(
+                            PLACE_ORDER_NUMERIC_INPUT_CLASS_NAME,
+                            "h-9 w-[108px] pr-5",
+                            limitPriceInputError && "text-agg-error focus-visible:text-agg-error"
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "pointer-events-none absolute right-1 text-agg-3xl font-agg-bold leading-agg-9 text-agg-foreground", children: "\xA2" })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                      "button",
                       {
-                        as: "span",
-                        variant: isActive ? "body-strong" : "body",
-                        className: cn("whitespace-nowrap truncate"),
-                        children: (_c2 = outcome.title) != null ? _c2 : outcome.label
+                        type: "button",
+                        className: "flex size-8 cursor-pointer items-center justify-center rounded-agg-lg bg-agg-secondary-hover text-agg-foreground hover:bg-agg-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+                        "aria-label": tradingLabels.limitPriceDecreaseAria,
+                        onClick: () => handleLimitPriceStep("decrease"),
+                        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { name: "minus", size: "small", className: "h-4 w-4", "aria-hidden": true })
                       }
                     ),
-                    isPriceLoading ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                      "span",
+                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                      "button",
                       {
-                        "aria-hidden": "true",
-                        className: cn(
-                          "agg-place-order-outcome-price-loading",
-                          "h-4 w-10 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
-                        )
+                        type: "button",
+                        className: "flex size-8 cursor-pointer items-center justify-center rounded-agg-lg bg-agg-secondary-hover text-agg-foreground hover:bg-agg-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+                        "aria-label": tradingLabels.limitPriceIncreaseAria,
+                        onClick: () => handleLimitPriceStep("increase"),
+                        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { name: "plus", size: "small", className: "h-4 w-4", "aria-hidden": true })
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
-                  ]
-                },
-                outcome.id
-              );
-            }) }) : null,
-            isLimitOrder ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-limit-price-section flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.limitPrice }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex min-w-0 flex-col items-end gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("label", { className: "relative flex items-center", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                      "input",
+                    )
+                  ] }),
+                  limitPriceInputError ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "max-w-[220px] text-right text-agg-xs leading-agg-4 text-agg-error", children: limitPriceInputError }) : null
+                ] })
+              ] }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-order-amount-meta flex flex-col", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("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__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(LoadingIcon, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "whitespace-pre", children: displayedCurrentSellableSharesLabel }),
+                    displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                      "button",
                       {
-                        type: "text",
-                        inputMode: "decimal",
-                        "aria-label": tradingLabels.limitPriceInputAria,
-                        "aria-invalid": Boolean(limitPriceInputError),
-                        value: limitPriceInputValue,
-                        onChange: handleLimitPriceInputChange,
-                        onBlur: handleLimitPriceInputBlur,
+                        type: "button",
                         className: cn(
-                          "h-9 w-[108px] rounded-agg-sm bg-transparent pr-5 text-right text-agg-3xl font-agg-bold leading-agg-9 text-agg-foreground outline-none",
-                          "focus-visible:ring-2 focus-visible:ring-agg-primary",
-                          limitPriceInputError && "text-agg-error focus-visible:ring-agg-error"
-                        )
+                          "agg-max-shares-button",
+                          "cursor-pointer disabled:cursor-not-allowed",
+                          "bg-transparent p-0 text-agg-sm font-agg-bold leading-agg-5 text-agg-primary disabled:text-agg-muted-foreground",
+                          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary"
+                        ),
+                        "aria-label": tradingLabels.maxShares,
+                        disabled: !orderEligibility.canPlaceOrder || isAtMaxSellableShares,
+                        onClick: handleFillSellableShares,
+                        children: tradingLabels.maxShares
                       }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "pointer-events-none absolute right-1 text-agg-3xl font-agg-bold leading-agg-9 text-agg-foreground", children: "\xA2" })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                    "button",
-                    {
-                      type: "button",
-                      className: "flex size-8 cursor-pointer items-center justify-center rounded-agg-lg bg-agg-secondary-hover text-agg-foreground hover:bg-agg-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
-                      "aria-label": tradingLabels.limitPriceDecreaseAria,
-                      onClick: () => handleLimitPriceStep("decrease"),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: "minus", size: "small", className: "h-4 w-4", "aria-hidden": true })
+                    ) : null
+                  ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(displayedBalance)) }) : null
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                  CurrencyInput,
+                  {
+                    value: internalAmount,
+                    onChange: handleAmountChange,
+                    ariaLabel: tradingLabels.amount(internalTab),
+                    max: isLimitOrder && !isSell && isAuthenticated && !isBalanceLoading ? totalBalance : void 0,
+                    isInvalid: isInsufficientBalance || isBelowMinimum,
+                    disabled: !orderEligibility.canPlaceOrder,
+                    prefix: internalTab === "buy" ? "$" : "",
+                    decimalPlaces: isSell ? SELL_SHARE_INPUT_DECIMALS : 2,
+                    classNames: {
+                      input: cn(
+                        "agg-order-amount-input",
+                        PLACE_ORDER_NUMERIC_INPUT_CLASS_NAME,
+                        "w-full max-w-[168px]",
+                        hasEnteredAmount ? "text-agg-foreground" : "text-agg-separator caret-agg-foreground"
+                      )
                     }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                    "button",
+                  }
+                )
+              ] }),
+              showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && estimatedFeesValue ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                    Typography,
                     {
-                      type: "button",
-                      className: "flex size-8 cursor-pointer items-center justify-center rounded-agg-lg bg-agg-secondary-hover text-agg-foreground hover:bg-agg-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
-                      "aria-label": tradingLabels.limitPriceIncreaseAria,
-                      onClick: () => handleLimitPriceStep("increase"),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: "plus", size: "small", className: "h-4 w-4", "aria-hidden": true })
+                      variant: "text-sm",
+                      className: "text-agg-sm leading-agg-5 text-agg-muted-foreground",
+                      children: tradingLabels.estimatedFees
                     }
-                  )
-                ] }),
-                limitPriceInputError ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "max-w-[220px] text-right text-agg-xs leading-agg-4 text-agg-error", children: limitPriceInputError }) : null
-              ] })
-            ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-order-amount-meta flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("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__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(LoadingIcon, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "whitespace-pre", children: displayedCurrentSellableSharesLabel }),
-                  displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                    "button",
+                  ),
+                  feeBreakdownRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                    Tooltip,
                     {
-                      type: "button",
-                      className: cn(
-                        "agg-max-shares-button",
-                        "cursor-pointer disabled:cursor-not-allowed",
-                        "bg-transparent p-0 text-agg-sm font-agg-bold leading-agg-5 text-agg-primary disabled:text-agg-muted-foreground",
-                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary"
-                      ),
-                      "aria-label": tradingLabels.maxShares,
-                      disabled: !orderEligibility.canPlaceOrder || isAtMaxSellableShares,
-                      onClick: handleFillSellableShares,
-                      children: tradingLabels.maxShares
+                      "aria-label": tradingLabels.estimatedFeesTooltipAria,
+                      classNames: {
+                        content: cn(
+                          "min-w-[220px] max-w-[320px] rounded-[10px] px-5 py-4",
+                          "shadow-[0_12px_12px_rgba(0,0,0,0.10)]"
+                        ),
+                        icon: "h-3 w-3 text-agg-muted-foreground",
+                        trigger: "h-3 w-3 text-agg-muted-foreground"
+                      },
+                      content: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+                        "div",
+                        {
+                          className: "flex items-center justify-between gap-3 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground",
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { children: row.label }),
+                            row.kind === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                              "span",
+                              {
+                                className: cn(
+                                  "agg-fee-badge inline-flex items-center justify-center rounded-agg-sm border border-agg-primary/50",
+                                  "bg-linear-to-b from-agg-primary/8 to-agg-primary/15 px-1.5 py-1",
+                                  "text-agg-xs font-agg-bold leading-agg-4 text-agg-primary uppercase whitespace-nowrap"
+                                ),
+                                children: row.badgeLabel
+                              }
+                            ) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-right", children: row.value })
+                          ]
+                        },
+                        row.label
+                      )) })
                     }
                   ) : null
-                ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(displayedBalance)) }) : null
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                CurrencyInput,
-                {
-                  value: internalAmount,
-                  onChange: handleAmountChange,
-                  ariaLabel: tradingLabels.amount(internalTab),
-                  max: isLimitOrder && !isSell && isAuthenticated && !isBalanceLoading ? totalBalance : void 0,
-                  isInvalid: isInsufficientBalance || isBelowMinimum,
-                  disabled: !orderEligibility.canPlaceOrder,
-                  prefix: internalTab === "buy" ? "$" : "",
-                  decimalPlaces: isSell ? SELL_SHARE_INPUT_DECIMALS : 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"
-                    )
-                  }
-                }
-              )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
+              ] }) : null
             ] }),
-            showFeesBreakdown && hasEnteredAmount && !isBelowMinimum && estimatedFeesValue ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                  Typography,
-                  {
-                    variant: "text-sm",
-                    className: "text-agg-sm leading-agg-5 text-agg-muted-foreground",
-                    children: tradingLabels.estimatedFees
-                  }
-                ),
-                feeBreakdownRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                  Tooltip,
-                  {
-                    "aria-label": tradingLabels.estimatedFeesTooltipAria,
-                    classNames: {
-                      content: cn(
-                        "min-w-[220px] max-w-[320px] rounded-[10px] px-5 py-4",
-                        "shadow-[0_12px_12px_rgba(0,0,0,0.10)]"
-                      ),
-                      icon: "h-3 w-3 text-agg-muted-foreground",
-                      trigger: "h-3 w-3 text-agg-muted-foreground"
-                    },
-                    content: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex w-full flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
-                      "div",
-                      {
-                        className: "flex items-center justify-between gap-3 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground",
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: row.label }),
-                          row.kind === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                            "span",
-                            {
-                              className: cn(
-                                "agg-fee-badge inline-flex items-center justify-center rounded-agg-sm border border-agg-primary/50",
-                                "bg-linear-to-b from-agg-primary/8 to-agg-primary/15 px-1.5 py-1",
-                                "text-agg-xs font-agg-bold leading-agg-4 text-agg-primary uppercase whitespace-nowrap"
-                              ),
-                              children: row.badgeLabel
-                            }
-                          ) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-right", children: row.value })
-                        ]
-                      },
-                      row.label
-                    )) })
-                  }
-                ) : null
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
-            ] }) : null,
-            shouldShowSmartRouting ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-route-panel flex flex-col gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
-                shouldShowRouteToggle && !isRoutesExpanded ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+            shouldShowSmartRouting ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-panel flex flex-col gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
+                shouldShowRouteToggle && !isRoutesExpanded ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
                   "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": tradingLabels.viewAllRoutes(orderedRouteCards.length),
+                    "aria-label": tradingLabels.viewAllRoutes(activeRouteCardCount),
                     onClick: () => setIsRoutesExpanded((currentValue) => !currentValue),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { children: tradingLabels.viewAllRoutes(activeRouteCardCount) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                         Icon,
                         {
                           name: "chevron-down",
@@ -12574,29 +13076,29 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: isQuoteLoading ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(PlaceOrderRouteCardSkeleton, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(PlaceOrderRouteCardSkeleton, {})
-              ] }) : visibleRouteCards.length > 0 ? visibleRouteCards.map((card) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react15.Fragment, { children: renderRouteCard({
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: !isLimitOrder && isQuoteLoading ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-loading flex flex-col gap-2", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(PlaceOrderRouteCardSkeleton, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(PlaceOrderRouteCardSkeleton, {})
+              ] }) : activeRouteCards.length > 0 ? activeRouteCards.map((card) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react16.Fragment, { children: renderRouteCard({
                   card,
                   enableAnimations,
                   isExpanded: card.kind === "split" ? isSplitDetailOpen : isRoutesExpanded,
-                  isSelected: !card.isUnavailable && card.id === resolvedSelectedRouteCardId,
-                  onSelect: handleRouteCardSelect,
+                  isSelected: !card.isUnavailable && card.id === (isLimitOrder ? selectedLimitRouteCardId : resolvedSelectedRouteCardId),
+                  onSelect: handleActiveRouteCardSelect,
                   tradingLabels
                 }) }, card.id);
               }) : null })
             ] }) : null,
-            isLimitOrder ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-limit-expiration-section flex items-center justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.expiration }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+            isLimitOrder ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-limit-expiration-section flex items-center justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.expiration }),
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
                 Popover.Root,
                 {
                   open: isLimitExpirationPickerOpen,
                   onOpenChange: handleLimitExpirationPickerOpenChange,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
                       "button",
                       {
                         ref: expirationTriggerRef,
@@ -12604,11 +13106,10 @@ var PlaceOrder = ({
                         className: "flex min-w-0 cursor-pointer items-center justify-end gap-2 text-right text-agg-base leading-agg-6 text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
                         "aria-label": tradingLabels.expirationMenuAria,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: "calendar", size: "small", className: "h-4 w-4 shrink-0", "aria-hidden": true }),
-                          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "min-w-0 truncate", children: limitExpirationType === "GTC" ? tradingLabels.expirationGoodTilCanceled : limitExpirationType === "FIVE_MINUTES" ? tradingLabels.expirationFiveMinutes : limitExpirationType === "ONE_HOUR" ? tradingLabels.expirationOneHour : limitExpirationType === "END_OF_DAY" ? tradingLabels.expirationEndOfDay : resolvedCustomExpirationDate ? (0, import_dayjs5.default)(resolvedCustomExpirationDate).format(
+                          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "min-w-0 truncate", children: limitExpirationType === "GTC" ? tradingLabels.expirationGoodTilCanceled : limitExpirationType === "FIVE_MINUTES" ? tradingLabels.expirationFiveMinutes : limitExpirationType === "ONE_HOUR" ? tradingLabels.expirationOneHour : limitExpirationType === "END_OF_DAY" ? tradingLabels.expirationEndOfDay : resolvedCustomExpirationDate ? (0, import_dayjs5.default)(resolvedCustomExpirationDate).format(
                             "MMM D, YYYY [at] HH:mm"
                           ) : tradingLabels.expirationCustom }),
-                          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                             Icon,
                             {
                               name: isLimitExpirationPickerOpen ? "chevron-up" : "chevron-down",
@@ -12620,11 +13121,11 @@ var PlaceOrder = ({
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                       Popover.Portal,
                       {
                         container: resolvePlaceOrderPortalContainer(expirationTriggerRef.current),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                           Popover.Content,
                           {
                             align: "end",
@@ -12633,14 +13134,14 @@ var PlaceOrder = ({
                             role: "dialog",
                             "aria-label": tradingLabels.expirationMenuAria,
                             className: "z-50 max-h-[calc(100dvh-2rem)] w-[min(312px,calc(100vw-2rem))] overflow-y-auto rounded-agg-xl border border-agg-separator bg-agg-secondary p-0 shadow-[0_8px_16px_rgba(0,0,0,0.20)]",
-                            children: limitExpirationPickerView === "calendar" ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col gap-3 p-4", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                            children: limitExpirationPickerView === "calendar" ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-3 p-4", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                                 Button,
                                 {
                                   variant: "tertiary",
                                   size: "small",
                                   className: "w-fit px-0",
-                                  prefix: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                                  prefix: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                                     Icon,
                                     {
                                       name: "chevron-left",
@@ -12653,7 +13154,7 @@ var PlaceOrder = ({
                                   children: tradingLabels.expirationOptions
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                                 Calendar,
                                 {
                                   mode: "single",
@@ -12668,9 +13169,9 @@ var PlaceOrder = ({
                                   }
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex items-center gap-4", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex shrink-0 flex-col gap-0.5", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-4", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex shrink-0 flex-col gap-0.5", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                                     "label",
                                     {
                                       htmlFor: expirationTimeInputId,
@@ -12678,9 +13179,9 @@ var PlaceOrder = ({
                                       children: tradingLabels.expirationStartTime
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.expirationStartTimeHint })
+                                  /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.expirationStartTimeHint })
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                                   "input",
                                   {
                                     id: expirationTimeInputId,
@@ -12691,8 +13192,8 @@ var PlaceOrder = ({
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex gap-2", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex gap-2", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                                   Button,
                                   {
                                     variant: "secondary",
@@ -12702,13 +13203,13 @@ var PlaceOrder = ({
                                     children: tradingLabels.expirationCancel
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                                   Button,
                                   {
                                     size: "small",
                                     className: "min-w-0 flex-1",
                                     disabled: !isLimitExpirationDraftValid,
-                                    prefix: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                                    prefix: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                                       Icon,
                                       {
                                         name: "success-check",
@@ -12722,7 +13223,7 @@ var PlaceOrder = ({
                                   }
                                 )
                               ] })
-                            ] }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                            ] }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                               "div",
                               {
                                 role: "radiogroup",
@@ -12740,7 +13241,7 @@ var PlaceOrder = ({
                                   { value: "ONE_HOUR", label: tradingLabels.expirationOneHour },
                                   { value: "END_OF_DAY", label: tradingLabels.expirationEndOfDay },
                                   { value: "CUSTOM", label: tradingLabels.expirationCustom }
-                                ].map((item, optionIndex) => /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+                                ].map((item, optionIndex) => /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
                                   "button",
                                   {
                                     ref: (element) => {
@@ -12757,14 +13258,14 @@ var PlaceOrder = ({
                                     onClick: () => handleLimitExpirationTypeChange(item.value),
                                     onKeyDown: (event) => handleLimitExpirationOptionKeyDown(event, optionIndex),
                                     children: [
-                                      limitExpirationType === item.value ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                                      limitExpirationType === item.value ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                                         "span",
                                         {
                                           className: "absolute bottom-2 left-0 top-2 w-1 bg-agg-primary",
                                           "aria-hidden": true
                                         }
                                       ) : null,
-                                      /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "truncate", children: item.label })
+                                      /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "truncate", children: item.label })
                                     ]
                                   },
                                   item.value
@@ -12779,13 +13280,13 @@ var PlaceOrder = ({
                 }
               )
             ] }) : null,
-            hasEnteredAmount && (isLimitOrder ? limitOrderPayload : selectedRouteCard) && !isQuoteLoading && !isBelowMinimum && orderEligibility.canPlaceOrder ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-order-summary flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-order-summary-meta flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "agg-order-summary-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(internalTab) }),
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "agg-order-summary-hint text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isLimitOrder ? displayedLimitToWinHint : displayedToWinHint })
+            hasEnteredAmount && (isLimitOrder ? limitOrderPayload : selectedRouteCard) && !isQuoteLoading && !isBelowMinimum && orderEligibility.canPlaceOrder ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-order-summary flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-order-summary-meta flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-order-summary-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(internalTab) }),
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-order-summary-hint text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isLimitOrder ? displayedLimitToWinHint : displayedToWinHint })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
-                import_react14.default,
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                import_react15.default,
                 {
                   value: isLimitOrder ? displayedLimitToWinValue : displayedToWinValue,
                   locales: locale,
@@ -12799,7 +13300,7 @@ var PlaceOrder = ({
                 }
               )
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
               "div",
               {
                 className: cn(
@@ -12807,17 +13308,17 @@ var PlaceOrder = ({
                   classNames == null ? void 0 : classNames.footer
                 ),
                 children: [
-                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-order-alerts flex flex-col gap-3 empty:hidden mb-3", children: [
-                    submissionFeedback ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-order-alerts flex flex-col gap-3 empty:hidden mb-3", children: [
+                    submissionFeedback ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                       InlineAlert,
                       {
                         tone: submissionFeedback.tone,
                         message: submissionFeedback.message
                       }
                     ) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(InlineAlert, { tone: "error", message: belowMinimumMessage }) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(InlineAlert, { tone: quoteStatus.tone, message: quoteStatus.message }) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(InlineAlert, { tone: "error", message: belowMinimumMessage }) : null,
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(InlineAlert, { tone: quoteStatus.tone, message: quoteStatus.message }) : null,
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                       InlineAlert,
                       {
                         tone: "error",
@@ -12829,14 +13330,14 @@ var PlaceOrder = ({
                       }
                     ) : null
                   ] }) : null,
-                  !submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && !needsKalshiConnection && shouldShowInsufficientBalanceAlert ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+                  !submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && !needsKalshiConnection && shouldShowInsufficientBalanceAlert ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
                     "div",
                     {
                       className: "agg-order-insufficient-balance-alert flex items-center justify-center gap-2",
                       role: "status",
                       "aria-live": "polite",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                           Icon,
                           {
                             name: "warning-filled",
@@ -12845,11 +13346,11 @@ var PlaceOrder = ({
                             "aria-hidden": "true"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-agg-sm text-agg-foreground", children: tradingLabels.insufficientBalance })
+                        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-agg-sm text-agg-foreground", children: tradingLabels.insufficientBalance })
                       ]
                     }
                   ) : null,
-                  !submissionFeedback && !shouldShowGeoBlockBanner && needsKalshiConnection ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                  !submissionFeedback && !shouldShowGeoBlockBanner && needsKalshiConnection ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                     Button,
                     {
                       size: "large",
@@ -12859,7 +13360,7 @@ var PlaceOrder = ({
                       onClick: () => setIsConnectKalshiModalOpen(true),
                       children: tradingLabels.connectKalshi
                     }
-                  ) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                  ) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                     Button,
                     {
                       size: "large",
@@ -12869,7 +13370,7 @@ var PlaceOrder = ({
                       onClick: () => setIsConnectKalshiModalOpen(true),
                       children: verifyKalshiConnectionLabel
                     }
-                  ) : !submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                  ) : !submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                     Button,
                     {
                       size: "large",
@@ -12879,7 +13380,7 @@ var PlaceOrder = ({
                       onClick: handleDepositRequiredClick,
                       children: isKalshiBalanceInsufficient ? tradingLabels.addFundsToKalshi : tradingLabels.deposit
                     }
-                  ) : isQuoteLoading && !isActionLoading ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                  ) : isQuoteLoading && !isActionLoading ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                     Button,
                     {
                       size: "large",
@@ -12888,7 +13389,7 @@ var PlaceOrder = ({
                       disabled: true,
                       "aria-live": "polite",
                       "aria-label": routeLoadingMessage != null ? routeLoadingMessage : labels.common.loading,
-                      prefix: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                      prefix: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                         "span",
                         {
                           className: cn(
@@ -12900,7 +13401,7 @@ var PlaceOrder = ({
                       ),
                       children: routeLoadingMessage
                     }
-                  ) : !isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                  ) : !isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                     Button,
                     {
                       size: "large",
@@ -12908,10 +13409,10 @@ var PlaceOrder = ({
                       className: "agg-order-submit h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none",
                       disabled: !orderEligibility.canPlaceOrder || shouldShowGeoBlockBanner,
                       "aria-label": tradingLabels.signInToTrade,
-                      onClick: import_hooks36.requestAggAuthChooserOpen,
+                      onClick: import_hooks37.requestAggAuthChooserOpen,
                       children: tradingLabels.signInToTrade
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                     Button,
                     {
                       size: "large",
@@ -12926,13 +13427,13 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
-                  shouldShowLowLiquidityWarning ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+                  shouldShowLowLiquidityWarning ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
                     "div",
                     {
                       className: "agg-order-low-liquidity-warning flex w-full items-center gap-2 rounded-agg-lg bg-agg-warning/10 px-3 py-2",
                       role: "status",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                           Icon,
                           {
                             name: "warning-filled",
@@ -12941,12 +13442,12 @@ var PlaceOrder = ({
                             "aria-hidden": "true"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "min-w-0 flex-1 wrap-break-word text-agg-sm leading-agg-5 text-agg-foreground", children: tradingLabels.lowLiquidityWarning })
+                        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "min-w-0 flex-1 wrap-break-word text-agg-sm leading-agg-5 text-agg-foreground", children: tradingLabels.lowLiquidityWarning })
                       ]
                     }
                   ) : null,
-                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                       Icon,
                       {
                         name: "shield-trust",
@@ -12955,10 +13456,10 @@ var PlaceOrder = ({
                         "aria-hidden": "true"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Typography, { variant: "text-xs-caps", className: "text-agg-primary", children: tradingLabels.platformFee })
+                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Typography, { variant: "text-xs-caps", className: "text-agg-primary", children: tradingLabels.platformFee })
                   ] }) : null,
-                  shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(GeoBlockBanner, { termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
-                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
+                  shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(GeoBlockBanner, { termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
+                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
                 ]
               }
             )
@@ -12966,7 +13467,7 @@ var PlaceOrder = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       ConnectKalshiModal,
       {
         open: isConnectKalshiModalOpen,
@@ -12974,39 +13475,39 @@ var PlaceOrder = ({
         onVerify: handleVerifyKalshi
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(FundKalshiModal, { open: isFundKalshiModalOpen, onOpenChange: setIsFundKalshiModalOpen })
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(FundKalshiModal, { open: isFundKalshiModalOpen, onOpenChange: setIsFundKalshiModalOpen })
   ] });
 };
 PlaceOrder.displayName = "PlaceOrder";
 
 // src/trading/trading-context/index.tsx
-var import_hooks37 = require("@agg-build/hooks");
+var import_hooks38 = require("@agg-build/hooks");
 
 // src/trading/use-claim-winnings.ts
-var import_hooks38 = require("@agg-build/hooks");
-var import_react16 = require("react");
+var import_hooks39 = require("@agg-build/hooks");
+var import_react17 = require("react");
 var toClaimError = (err) => {
   if (err instanceof Error) return err;
   return new Error(String(err));
 };
 function useClaimWinnings(options = {}) {
   const { onClaim, onClaimResult, onClaimSubmitError, externalClaimingKeys } = options;
-  const labels = (0, import_hooks38.useLabels)();
+  const labels = (0, import_hooks39.useLabels)();
   const claimNotificationLabels = labels.notifications.claim;
   const toastCtx = useOptionalToast();
-  const queryClient = (0, import_hooks38.useQueryClient)();
-  const redeemMutation = (0, import_hooks38.useRedeem)();
-  const [activeRedeems, setActiveRedeems] = (0, import_react16.useState)({});
-  const activeClaimKeysRef = (0, import_react16.useRef)(/* @__PURE__ */ new Set());
-  const pendingClaimToastIdsRef = (0, import_react16.useRef)({});
-  const submittedClaimToastKeysRef = (0, import_react16.useRef)(/* @__PURE__ */ new Set());
-  const [submittingClaimKeys, setSubmittingClaimKeys] = (0, import_react16.useState)({});
-  const lifecycleInputs = (0, import_react16.useMemo)(
+  const queryClient = (0, import_hooks39.useQueryClient)();
+  const redeemMutation = (0, import_hooks39.useRedeem)();
+  const [activeRedeems, setActiveRedeems] = (0, import_react17.useState)({});
+  const activeClaimKeysRef = (0, import_react17.useRef)(/* @__PURE__ */ new Set());
+  const pendingClaimToastIdsRef = (0, import_react17.useRef)({});
+  const submittedClaimToastKeysRef = (0, import_react17.useRef)(/* @__PURE__ */ new Set());
+  const [submittingClaimKeys, setSubmittingClaimKeys] = (0, import_react17.useState)({});
+  const lifecycleInputs = (0, import_react17.useMemo)(
     () => Object.values(activeRedeems),
     [activeRedeems]
   );
-  const lifecycleStates = (0, import_hooks38.useRedeemLifecycles)(lifecycleInputs);
-  const internalClaimingIds = (0, import_react16.useMemo)(() => {
+  const lifecycleStates = (0, import_hooks39.useRedeemLifecycles)(lifecycleInputs);
+  const internalClaimingIds = (0, import_react17.useMemo)(() => {
     const out = __spreadValues({}, submittingClaimKeys);
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
       const state = lifecycleStates[active.redeemId];
@@ -13015,20 +13516,20 @@ function useClaimWinnings(options = {}) {
     return out;
   }, [activeRedeems, lifecycleStates, submittingClaimKeys]);
   const claimingKeys = externalClaimingKeys != null ? externalClaimingKeys : internalClaimingIds;
-  const isClaiming = (0, import_react16.useCallback)(
+  const isClaiming = (0, import_react17.useCallback)(
     (claimKey) => Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[claimKey]) || Boolean(internalClaimingIds[claimKey]),
     [externalClaimingKeys, internalClaimingIds]
   );
-  const invalidateClaimUiState = (0, import_react16.useCallback)(() => {
-    (0, import_hooks38.invalidateBalanceQueries)(queryClient);
-    (0, import_hooks38.invalidatePositionQueries)(queryClient);
+  const invalidateClaimUiState = (0, import_react17.useCallback)(() => {
+    (0, import_hooks39.invalidateBalanceQueries)(queryClient);
+    (0, import_hooks39.invalidatePositionQueries)(queryClient);
     queryClient.invalidateQueries({
-      queryKey: import_hooks38.executionKeys.claimablePositionsCount(),
+      queryKey: import_hooks39.executionKeys.claimablePositionsCount(),
       refetchType: "active"
     });
-    (0, import_hooks38.invalidateUserActivityQueries)(queryClient);
+    (0, import_hooks39.invalidateUserActivityQueries)(queryClient);
   }, [queryClient]);
-  const claim = (0, import_react16.useCallback)(
+  const claim = (0, import_react17.useCallback)(
     (_0) => __async(null, [_0], function* ({ claimKey, winningOutcomeIds, payload }) {
       if (activeClaimKeysRef.current.has(claimKey) || Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[claimKey]) || internalClaimingIds[claimKey]) {
         return;
@@ -13166,8 +13667,8 @@ function useClaimWinnings(options = {}) {
       toastCtx
     ]
   );
-  const firedTerminalRef = (0, import_react16.useRef)({});
-  (0, import_react16.useEffect)(() => {
+  const firedTerminalRef = (0, import_react17.useRef)({});
+  (0, import_react17.useEffect)(() => {
     var _a, _b;
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
       const state = lifecycleStates[active.redeemId];
@@ -13223,8 +13724,8 @@ function useClaimWinnings(options = {}) {
 }
 
 // src/trading/use-resolved-market-claim.ts
-var import_hooks39 = require("@agg-build/hooks");
-var import_react17 = require("react");
+var import_hooks40 = require("@agg-build/hooks");
+var import_react18 = require("react");
 var sharesFormatter = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
 var dateFormatter = new Intl.DateTimeFormat("en-US", {
   month: "short",
@@ -13240,18 +13741,18 @@ var formatResolutionDate = (value) => {
 function useResolvedMarketClaim(options = {}) {
   var _a;
   const { market, enabled = true, executionMode } = options;
-  const { isAuthenticated } = (0, import_hooks39.useAggAuthState)();
-  const tradingState = (0, import_react17.useMemo)(() => (0, import_hooks39.resolveMarketTradingState)(market), [market]);
+  const { isAuthenticated } = (0, import_hooks40.useAggAuthState)();
+  const tradingState = (0, import_react18.useMemo)(() => (0, import_hooks40.resolveMarketTradingState)(market), [market]);
   const isResolved = tradingState.kind === "resolved";
   const marketId = (_a = market == null ? void 0 : market.id) != null ? _a : null;
   const shouldFetch = Boolean(enabled && isAuthenticated && isResolved && marketId);
-  const { positions } = (0, import_hooks39.useExecutionPositions)(__spreadValues({
+  const { positions } = (0, import_hooks40.useExecutionPositions)(__spreadValues({
     enabled: shouldFetch,
     status: "active",
     limit: 50
   }, executionMode === "paper" ? { mode: "paper" } : {}));
   const claimWinnings = useClaimWinnings();
-  return (0, import_react17.useMemo)(() => {
+  return (0, import_react18.useMemo)(() => {
     var _a2;
     if (!shouldFetch || !marketId) return void 0;
     const group = positions.find(
@@ -13262,7 +13763,7 @@ function useResolvedMarketClaim(options = {}) {
       (outcome) => outcome.winner === true && outcome.totalSize > 0
     );
     if (winningOutcomes.length === 0) return void 0;
-    const totals = (0, import_hooks39.computeClosedPositionTotals)(group);
+    const totals = (0, import_hooks40.computeClosedPositionTotals)(group);
     const winningShares = winningOutcomes.reduce((sum, outcome) => sum + outcome.totalSize, 0);
     const winningOutcomeLabel = (_a2 = resolveResolvedOutcomeLabel({
       market: market != null ? market : group.venueMarket,