@agg-build/ui 4.17.0 → 4.17.2

package/dist/{chunk-D2BTU7QI.mjs → chunk-7E4UXCEX.mjs}

@@ -9,13 +9,13 @@ import {
   getTradingVenueLabel,
   prepareSettlementDifferences,
   resolveOrderEligibilityMessage
-} from "./chunk-HFMKCV4L.mjs";
+} from "./chunk-TK62UB5F.mjs";
 import {
   ConnectKalshiModal,
   GeoBlockBanner,
   SharedKycModal,
   subscribeAggDepositNotification
-} from "./chunk-QGONLJLE.mjs";
+} from "./chunk-B5ALKYD5.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -48,7 +48,7 @@ import {
   resolveResolvedOutcomeLabel,
   skeletonViews,
   useOptionalToast
-} from "./chunk-RR44PSKH.mjs";
+} from "./chunk-BBDFSTIA.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -172,7 +172,7 @@ import * as Popover from "@radix-ui/react-popover";
 import dayjs from "dayjs";
 import timezone from "dayjs/plugin/timezone";
 import utc from "dayjs/plugin/utc";
-import { Fragment as Fragment2, useCallback as useCallback3, useEffect as useEffect3, useId, useMemo, useRef as useRef3, useState as useState2 } from "react";
+import { Fragment as Fragment2, useCallback as useCallback3, useEffect as useEffect4, useId, useMemo, useRef as useRef4, useState as useState3 } from "react";
 
 // src/kyc/shared-kyc.ts
 import { Venue as Venue2 } from "@agg-build/sdk";
@@ -1128,14 +1128,10 @@ var routePriceLabelFormatter = new Intl.NumberFormat("en-US", {
   minimumFractionDigits: 0,
   maximumFractionDigits: 1
 });
-var PLACE_ORDER_PRICE_DISPLAY_MULTIPLIER = 1e3;
 var GEO_BLOCK_WARNING_PREFIX = "Venue not available in your region";
 var isFiniteNonNegativePrice = (value) => {
   return typeof value === "number" && Number.isFinite(value) && value >= 0;
 };
-var isPredictionMarketPrice = (value) => {
-  return isFiniteNonNegativePrice(value) && value <= 1;
-};
 var getPlaceOrderAverageExecutionPrice = (quoteData) => {
   var _a;
   if (!quoteData || quoteData.totalFilled <= 0) return null;
@@ -1146,22 +1142,6 @@ var getPlaceOrderAverageExecutionPrice = (quoteData) => {
   const averageExecutionPrice = quoteData.rawExecCost / quoteData.totalFilled;
   return isFiniteNonNegativePrice(averageExecutionPrice) ? averageExecutionPrice : null;
 };
-var isPlaceOrderAveragePriceWorse = ({
-  averageExecutionPrice,
-  displayedMarketPrice,
-  tradeSide
-}) => {
-  if (!isPredictionMarketPrice(averageExecutionPrice) || !isPredictionMarketPrice(displayedMarketPrice)) {
-    return false;
-  }
-  const displayedAveragePrice = Math.round(
-    averageExecutionPrice * PLACE_ORDER_PRICE_DISPLAY_MULTIPLIER
-  );
-  const displayedReferencePrice = Math.round(
-    displayedMarketPrice * PLACE_ORDER_PRICE_DISPLAY_MULTIPLIER
-  );
-  return tradeSide === "buy" ? displayedAveragePrice > displayedReferencePrice : displayedAveragePrice < displayedReferencePrice;
-};
 var floorToDecimals = (value, decimals) => {
   if (!Number.isFinite(value) || value <= 0) return 0;
   const [coefficient = "0", exponentText = "0"] = value.toString().toLowerCase().split("e");
@@ -1772,16 +1752,21 @@ var buildLiveRouteCards = ({
   })() : [];
   return [...baseCards, ...unavailableCards, ...warningOnlyUnavailableCards];
 };
-var resolveDefaultRouteCardId = (routeCards, primaryStatus) => {
-  var _a, _b, _c, _d, _e;
+var routeCardRequiresKalshi = (card) => card.venue === "kalshi" || card.quoteData.fills.some((fill) => fill.venue === "kalshi");
+var resolveDefaultRouteCardId = (routeCards, primaryStatus, options) => {
+  var _a, _b, _c, _d, _e, _f;
   if (routeCards.length === 0) return null;
-  const firstExecutableCard = routeCards.find(
-    (card) => !card.isUnavailable && card.quoteData.status === "ok" && card.quoteData.quoteId
-  );
+  const isExecutableCard = (card) => !card.isUnavailable && card.quoteData.status === "ok" && !!card.quoteData.quoteId;
+  if (options == null ? void 0 : options.isKalshiDisconnected) {
+    const nonKalshiCards = routeCards.filter((card) => !routeCardRequiresKalshi(card));
+    const preferredCard = (_a = nonKalshiCards.find(isExecutableCard)) != null ? _a : nonKalshiCards.find((card) => !card.isUnavailable);
+    if (preferredCard) return preferredCard.id;
+  }
+  const firstExecutableCard = routeCards.find(isExecutableCard);
   if (primaryStatus === "insufficient_balance") {
     if (firstExecutableCard) return firstExecutableCard.id;
   }
-  return (_e = (_d = (_b = firstExecutableCard == null ? void 0 : firstExecutableCard.id) != null ? _b : (_a = routeCards.find((card) => !card.isUnavailable)) == null ? void 0 : _a.id) != null ? _d : (_c = routeCards[0]) == null ? void 0 : _c.id) != null ? _e : null;
+  return (_f = (_e = (_c = firstExecutableCard == null ? void 0 : firstExecutableCard.id) != null ? _c : (_b = routeCards.find((card) => !card.isUnavailable)) == null ? void 0 : _b.id) != null ? _e : (_d = routeCards[0]) == null ? void 0 : _d.id) != null ? _f : null;
 };
 var getPlaceOrderRouteCardIdentity = (card) => {
   var _a;
@@ -2987,9 +2972,9 @@ var deriveBackendExecutionOrderGroups = ({
     return [__spreadProps(__spreadValues({ id: order.orderId }, presentation), { steps })];
   });
   const allOrdersTerminal = executionOrders.every((order) => order.event !== null);
-  return deriveSequentialDisplayGroups(realGroups, allOrdersTerminal);
+  return deriveSequentialDisplayGroups(realGroups, allOrdersTerminal, "per-leg");
 };
-var deriveSequentialDisplayGroups = (groups, revealTerminalOutcomes = false) => {
+var deriveSequentialDisplayGroups = (groups, revealTerminalOutcomes = false, scope = "global") => {
   if (revealTerminalOutcomes) {
     return groups.map((group) => __spreadProps(__spreadValues({}, group), {
       steps: group.steps.map((_a) => {
@@ -2999,19 +2984,22 @@ var deriveSequentialDisplayGroups = (groups, revealTerminalOutcomes = false) =>
     }));
   }
   let hasUnresolvedPredecessor = false;
-  return groups.map((group) => __spreadProps(__spreadValues({}, group), {
-    steps: group.steps.map((_a) => {
-      var _b = _a, { realStatus } = _b, step = __objRest(_b, ["realStatus"]);
-      if (hasUnresolvedPredecessor) {
-        return __spreadProps(__spreadValues({}, step), { status: "not-started" });
-      }
-      if (realStatus === "done") {
-        return __spreadProps(__spreadValues({}, step), { status: "done" });
-      }
-      hasUnresolvedPredecessor = true;
-      return __spreadProps(__spreadValues({}, step), { status: realStatus });
-    })
-  }));
+  return groups.map((group) => {
+    if (scope === "per-leg") hasUnresolvedPredecessor = false;
+    return __spreadProps(__spreadValues({}, group), {
+      steps: group.steps.map((_a) => {
+        var _b = _a, { realStatus } = _b, step = __objRest(_b, ["realStatus"]);
+        if (hasUnresolvedPredecessor) {
+          return __spreadProps(__spreadValues({}, step), { status: "not-started" });
+        }
+        if (realStatus === "done") {
+          return __spreadProps(__spreadValues({}, step), { status: "done" });
+        }
+        hasUnresolvedPredecessor = true;
+        return __spreadProps(__spreadValues({}, step), { status: realStatus });
+      })
+    });
+  });
 };
 var deriveExecutionOrderGroups = ({
   quoteData,
@@ -3232,6 +3220,7 @@ var calculateExecutionProgress = ({
 };
 
 // src/trading/place-order/index.place-order.execution-view.tsx
+import { useEffect as useEffect3, useRef as useRef3, useState as useState2 } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var PlaceOrderExecutionHeader = ({
   className,
@@ -3254,6 +3243,85 @@ var PlaceOrderExecutionHeader = ({
     eventDateLabel ? /* @__PURE__ */ jsx4("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: eventDateLabel }) : null
   ] });
 };
+var PROGRESS_TWEEN_MS = 700;
+var prefersReducedMotion = () => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+var useTweenedProgress = (target, enabled) => {
+  const [value, setValue] = useState2(target);
+  const valueRef = useRef3(target);
+  useEffect3(() => {
+    const from = valueRef.current;
+    if (!enabled || from === target || prefersReducedMotion()) {
+      valueRef.current = target;
+      setValue(target);
+      return;
+    }
+    let frame = 0;
+    const start = performance.now();
+    const tick = (now) => {
+      const t = Math.min(1, (now - start) / PROGRESS_TWEEN_MS);
+      const eased = 1 - Math.pow(1 - t, 3);
+      const next = Math.round(from + (target - from) * eased);
+      valueRef.current = next;
+      setValue(next);
+      if (t < 1) frame = requestAnimationFrame(tick);
+    };
+    frame = requestAnimationFrame(tick);
+    return () => cancelAnimationFrame(frame);
+  }, [enabled, target]);
+  return value;
+};
+var ExecutionProgressBar = ({
+  enableAnimations,
+  label,
+  progress
+}) => {
+  const clamped = Math.max(0, Math.min(100, progress));
+  const displayed = useTweenedProgress(clamped, enableAnimations);
+  const isRunning = clamped < 100;
+  return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsxs3("p", { className: "shrink-0 tabular-nums text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
+      displayed,
+      "%"
+    ] }),
+    /* @__PURE__ */ jsx4(
+      "div",
+      {
+        role: "progressbar",
+        "aria-label": label,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": clamped,
+        className: "relative h-1 min-w-0 flex-1 overflow-hidden rounded-agg-full bg-agg-separator",
+        children: /* @__PURE__ */ jsx4(
+          "div",
+          {
+            className: cn(
+              "absolute inset-y-0 left-0 overflow-hidden rounded-agg-full bg-agg-primary",
+              getMotionClassName(
+                enableAnimations,
+                "transition-[width] duration-700 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none"
+              )
+            ),
+            style: { width: `${clamped}%` },
+            children: isRunning ? /* @__PURE__ */ jsx4(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: cn(
+                  "absolute inset-0 hidden bg-gradient-to-r from-transparent via-white/40 to-transparent",
+                  getMotionClassName(
+                    enableAnimations,
+                    "motion-safe:block motion-safe:animate-agg-progress-shimmer"
+                  )
+                )
+              }
+            ) : null
+          }
+        )
+      }
+    )
+  ] });
+};
 var ExecutionStepIndicator = ({
   enableAnimations,
   step
@@ -3389,21 +3457,14 @@ var PlaceOrderExecutionView = ({
           }
         ),
         /* @__PURE__ */ jsxs3("div", { className: cn("flex flex-col gap-5", classNames == null ? void 0 : classNames.content), children: [
-          /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsxs3("p", { className: "shrink-0 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
-              progress,
-              "%"
-            ] }),
-            /* @__PURE__ */ jsx4(
-              "progress",
-              {
-                "aria-label": labels.executingOrder,
-                className: "h-1 min-w-0 flex-1 overflow-hidden rounded-agg-full bg-agg-separator text-agg-primary accent-agg-primary [&::-moz-progress-bar]:bg-agg-primary [&::-webkit-progress-bar]:bg-agg-separator [&::-webkit-progress-value]:bg-agg-primary",
-                max: 100,
-                value: progress
-              }
-            )
-          ] }),
+          /* @__PURE__ */ jsx4(
+            ExecutionProgressBar,
+            {
+              enableAnimations,
+              label: labels.executingOrder,
+              progress
+            }
+          ),
           /* @__PURE__ */ jsx4(
             PlaceOrderExecutionGroups,
             {
@@ -3651,7 +3712,7 @@ var PlaceOrderSuccessView = ({
           /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-4", children: [
             /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
               /* @__PURE__ */ jsx6("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.orderPayout }),
-              potentialReturnLabel ? /* @__PURE__ */ jsx6("span", { className: "inline-flex h-5 items-center rounded-agg-sm border border-agg-primary/50 bg-gradient-to-b from-agg-primary/8 to-agg-primary/15 px-2 text-[10px] font-agg-bold uppercase leading-[14px] text-agg-primary", children: potentialReturnLabel }) : null
+              potentialReturnLabel ? /* @__PURE__ */ jsx6("span", { className: "agg-type-overline agg-text-brand", children: potentialReturnLabel }) : null
             ] }),
             /* @__PURE__ */ jsx6("p", { className: "shrink-0 text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedPayoutLabel })
           ] })
@@ -3793,24 +3854,24 @@ var PlaceOrderSlippageControl = ({
 }) => {
   var _a, _b;
   const labels = useLabels2();
-  const containerRef = useRef3(null);
-  const triggerRef = useRef3(null);
-  const inputRef = useRef3(null);
+  const containerRef = useRef4(null);
+  const triggerRef = useRef4(null);
+  const inputRef = useRef4(null);
   const warningId = useId();
   const defaultValue = finalizePercentageValue(slippageDefaultValue);
   const committedValue = finalizePercentageValue(slippageValue) || defaultValue;
-  const [draftValue, setDraftValue] = useState2(committedValue);
-  const [isEditing, setIsEditing] = useState2(
+  const [draftValue, setDraftValue] = useState3(committedValue);
+  const [isEditing, setIsEditing] = useState3(
     () => isPercentageBelowMinimum(committedValue, slippageMinimumValue)
   );
-  const [shouldFocusInput, setShouldFocusInput] = useState2(false);
-  useEffect3(() => {
+  const [shouldFocusInput, setShouldFocusInput] = useState3(false);
+  useEffect4(() => {
     setDraftValue(committedValue);
     if (isPercentageBelowMinimum(committedValue, slippageMinimumValue)) {
       setIsEditing(true);
     }
   }, [committedValue, slippageMinimumValue]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!shouldFocusInput) return;
     requestAnimationFrame(() => {
       var _a2, _b2;
@@ -4234,13 +4295,15 @@ var renderRouteCard = ({
   isExpanded,
   isSelected,
   onSelect,
+  isKalshiDisconnected = false,
   sharedKycStatus,
   tradingLabels
 }) => {
   var _a, _b, _c;
   const showSharedKycRequirement = card.requiresSharedKyc === true && sharedKycStatus !== void 0 && sharedKycStatus !== "verified" && !card.isUnavailable;
+  const showKalshiRequirement = isKalshiDisconnected && card.kind === "venue" && card.venue === "kalshi" && !isSelected && !card.isUnavailable;
   const showSplitDetails = isSelected && isExpanded && card.kind === "split" && !!((_a = card.rows) == null ? void 0 : _a.length);
-  const displayedHint = showSharedKycRequirement ? tradingLabels.sharedKyc.required : card.hint;
+  const displayedHint = showKalshiRequirement ? tradingLabels.requiresKalshiAccount : showSharedKycRequirement ? tradingLabels.sharedKyc.required : card.hint;
   const ariaLabel = [card.label, displayedHint, card.value].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx7(
     "button",
@@ -4294,7 +4357,7 @@ var renderRouteCard = ({
                     className: "shrink-0 text-agg-muted-foreground",
                     "aria-hidden": "true"
                   }
-                ) : showSharedKycRequirement || card.insufficientInventory ? /* @__PURE__ */ jsx7(
+                ) : showKalshiRequirement || showSharedKycRequirement || card.insufficientInventory ? /* @__PURE__ */ jsx7(
                   Icon,
                   {
                     name: "warning",
@@ -4471,8 +4534,8 @@ var PlaceOrder = ({
     Venue4.kalshi,
     isAuthenticated
   );
-  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = useState2(false);
-  const [isFundKalshiModalOpen, setIsFundKalshiModalOpen] = useState2(false);
+  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = useState3(false);
+  const [isFundKalshiModalOpen, setIsFundKalshiModalOpen] = useState3(false);
   const livePrices = useLiveOutcomePrices(
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
@@ -4488,32 +4551,32 @@ var PlaceOrder = ({
     () => mergeBestPricesPreferringLive(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
-  const [internalTab, setInternalTab] = useState2("buy");
-  const [executionType, setExecutionType] = useState2("market");
-  const [selectedLimitVenue, setSelectedLimitVenue] = useState2(null);
-  const [limitPrice, setLimitPrice] = useState2(0.5);
-  const [limitPriceInputValue, setLimitPriceInputValue] = useState2(formatLimitPriceInputValue(0.5));
-  const [limitPriceInputError, setLimitPriceInputError] = useState2(null);
-  const [limitExpirationType, setLimitExpirationType] = useState2("GTC");
-  const [limitExpirationDate, setLimitExpirationDate] = useState2(void 0);
-  const [limitExpirationTime, setLimitExpirationTime] = useState2("17:00");
-  const [limitExpirationDraftDate, setLimitExpirationDraftDate] = useState2();
-  const [limitExpirationDraftTime, setLimitExpirationDraftTime] = useState2("17:00");
-  const [limitExpirationPickerView, setLimitExpirationPickerView] = useState2("options");
-  const [isLimitExpirationPickerOpen, setIsLimitExpirationPickerOpen] = useState2(false);
-  const [internalAmount, setInternalAmount] = useState2(PLACE_ORDER_DEFAULT_AMOUNT);
-  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = useState2(null);
-  const [internalSlippage] = useState2(DEFAULT_SLIPPAGE_VALUE);
-  const [isRoutesExpanded, setIsRoutesExpanded] = useState2(false);
-  const [selectedRouteCardId, setSelectedRouteCardId] = useState2(null);
-  const [manualRouteSelectionIdentity, setManualRouteSelectionIdentity] = useState2(
+  const [internalTab, setInternalTab] = useState3("buy");
+  const [executionType, setExecutionType] = useState3("market");
+  const [selectedLimitVenue, setSelectedLimitVenue] = useState3(null);
+  const [limitPrice, setLimitPrice] = useState3(0.5);
+  const [limitPriceInputValue, setLimitPriceInputValue] = useState3(formatLimitPriceInputValue(0.5));
+  const [limitPriceInputError, setLimitPriceInputError] = useState3(null);
+  const [limitExpirationType, setLimitExpirationType] = useState3("GTC");
+  const [limitExpirationDate, setLimitExpirationDate] = useState3(void 0);
+  const [limitExpirationTime, setLimitExpirationTime] = useState3("17:00");
+  const [limitExpirationDraftDate, setLimitExpirationDraftDate] = useState3();
+  const [limitExpirationDraftTime, setLimitExpirationDraftTime] = useState3("17:00");
+  const [limitExpirationPickerView, setLimitExpirationPickerView] = useState3("options");
+  const [isLimitExpirationPickerOpen, setIsLimitExpirationPickerOpen] = useState3(false);
+  const [internalAmount, setInternalAmount] = useState3(PLACE_ORDER_DEFAULT_AMOUNT);
+  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = useState3(null);
+  const [internalSlippage] = useState3(DEFAULT_SLIPPAGE_VALUE);
+  const [isRoutesExpanded, setIsRoutesExpanded] = useState3(false);
+  const [selectedRouteCardId, setSelectedRouteCardId] = useState3(null);
+  const [manualRouteSelectionIdentity, setManualRouteSelectionIdentity] = useState3(
     null
   );
-  const [isSplitDetailOpen, setIsSplitDetailOpen] = useState2(false);
-  const [buyGeoBlockSnapshot, setBuyGeoBlockSnapshot] = useState2(null);
-  const [submissionFeedback, setSubmissionFeedback] = useState2(null);
-  const [submissionProgressState, setSubmissionProgressState] = useState2(null);
-  const [isBeforeActionPending, setIsBeforeActionPending] = useState2(false);
+  const [isSplitDetailOpen, setIsSplitDetailOpen] = useState3(false);
+  const [buyGeoBlockSnapshot, setBuyGeoBlockSnapshot] = useState3(null);
+  const [submissionFeedback, setSubmissionFeedback] = useState3(null);
+  const [submissionProgressState, setSubmissionProgressState] = useState3(null);
+  const [isBeforeActionPending, setIsBeforeActionPending] = useState3(false);
   const outcomes = useMemo(
     () => mapVenueMarketOutcomesToPlaceOrderOutcomes(scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes),
     [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes]
@@ -4541,25 +4604,25 @@ var PlaceOrder = ({
     scopedSelectedOutcomeId,
     tradingContext == null ? void 0 : tradingContext.tradeSide
   ]);
-  const buyTabRef = useRef3(null);
-  const sellTabRef = useRef3(null);
-  const expirationTriggerRef = useRef3(null);
-  const limitPriceInitializedForOutcomeRef = useRef3(void 0);
-  const expirationOptionRefs = useRef3([]);
-  const shouldFocusExpirationOptionsRef = useRef3(false);
+  const buyTabRef = useRef4(null);
+  const sellTabRef = useRef4(null);
+  const expirationTriggerRef = useRef4(null);
+  const limitPriceInitializedForOutcomeRef = useRef4(void 0);
+  const expirationOptionRefs = useRef4([]);
+  const shouldFocusExpirationOptionsRef = useRef4(false);
   const expirationTimeInputId = useId();
-  const executionDebugStoreRef = useRef3(null);
-  const executionDebugAttemptIdRef = useRef3(null);
-  const submittedSelectionRef = useRef3(null);
-  const lastValidRouteCardsRef = useRef3(null);
-  useEffect3(() => {
+  const executionDebugStoreRef = useRef4(null);
+  const executionDebugAttemptIdRef = useRef4(null);
+  const submittedSelectionRef = useRef4(null);
+  const lastValidRouteCardsRef = useRef4(null);
+  useEffect4(() => {
     if (!isExecutionDebugEnabled) {
       executionDebugStoreRef.current = null;
       return;
     }
     executionDebugStoreRef.current = enableExecutionDebugInBrowser();
   }, [isExecutionDebugEnabled]);
-  useEffect3(() => {
+  useEffect4(() => {
     var _a2;
     if (!isLimitExpirationPickerOpen) return;
     if (limitExpirationPickerView !== "options") return;
@@ -4567,7 +4630,7 @@ var PlaceOrder = ({
     (_a2 = expirationOptionRefs.current[LIMIT_EXPIRATION_OPTION_COUNT - 1]) == null ? void 0 : _a2.focus();
     shouldFocusExpirationOptionsRef.current = false;
   }, [isLimitExpirationPickerOpen, limitExpirationPickerView]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!isExecutionDebugEnabled) return;
     const store = executionDebugStoreRef.current;
     if (!store) return;
@@ -4704,7 +4767,7 @@ var PlaceOrder = ({
     }
     return automaticLimitVenueOption;
   }, [automaticLimitVenueOption, availableLimitVenueOptions, selectedLimitVenue]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!selectedLimitVenue || !geoBlockedLimitVenues.has(selectedLimitVenue)) return;
     setSelectedLimitVenue(null);
   }, [geoBlockedLimitVenues, selectedLimitVenue]);
@@ -4733,7 +4796,7 @@ var PlaceOrder = ({
   } : {}), {
     refreshContext: smartRouteRefreshContext
   }));
-  useEffect3(() => {
+  useEffect4(() => {
     var _a2, _b2, _c2;
     if (isSell || smartRoute.isFetching || ((_a2 = smartRoute.data) == null ? void 0 : _a2.venueMarketOutcomeId) !== scopedSelectedOutcomeId) {
       return;
@@ -4816,7 +4879,7 @@ var PlaceOrder = ({
   );
   const isAtMaxSellableShares = isSell && maxSellableShares > 0 && Math.abs(internalAmount - maxSellableShares) < 1e-9;
   const isSellAmountAboveAvailability = isSell && ((_t = smartRoute.data) == null ? void 0 : _t.venueMarketOutcomeId) === scopedSelectedOutcomeId && typeof ((_u = smartRoute.data.positionAvailability) == null ? void 0 : _u.totalSellableShares) === "number" && internalAmount > maxSellableShares;
-  useEffect3(() => {
+  useEffect4(() => {
     if (submissionProgressState != null) return;
     if (!isSell || isCurrentSellableSharesLoading) return;
     if (scopedSelectedOutcomeId === sellFilledForOutcomeId) return;
@@ -4832,7 +4895,7 @@ var PlaceOrder = ({
     onAmountChange,
     submissionProgressState
   ]);
-  useEffect3(() => {
+  useEffect4(() => {
     var _a2, _b2;
     if (submissionProgressState != null || !isSell) return;
     if (((_a2 = smartRoute.data) == null ? void 0 : _a2.venueMarketOutcomeId) !== scopedSelectedOutcomeId) return;
@@ -4900,6 +4963,21 @@ var PlaceOrder = ({
   const selectedManualRouteCard = manualRouteSelectionIdentity ? routeCards.find(
     (card) => getPlaceOrderRouteCardIdentity(card) === manualRouteSelectionIdentity
   ) : void 0;
+  const legacyKalshiAccount = 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 = (_B = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.connected) != null ? _B : (legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.status) === "active";
+  const hasKalshiConnectionState = kalshiKeyStatus !== void 0 || (user == null ? void 0 : user.venueAccounts) != null;
+  const isKalshiAvailable = getVenueAvailabilityState({
+    venueId: "kalshi",
+    disabledVenues,
+    isConfigLoading: isAppConfigLoading
+  }) === "available";
+  const isKalshiDisconnected = !isPaperMode && isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && !isKalshiAccountActive;
   const resolvedSelectedRouteCardId = useMemo(() => {
     var _a2;
     if (selectedManualRouteCard && !selectedManualRouteCard.isUnavailable) {
@@ -4909,17 +4987,20 @@ var PlaceOrder = ({
       return selectedRouteCardId;
     }
     if (routeCards.length === 0) return null;
-    return resolveDefaultRouteCardId(routeCards, isSell ? void 0 : (_a2 = smartRoute.data) == null ? void 0 : _a2.status);
+    return resolveDefaultRouteCardId(routeCards, isSell ? void 0 : (_a2 = smartRoute.data) == null ? void 0 : _a2.status, {
+      isKalshiDisconnected
+    });
   }, [
+    isKalshiDisconnected,
     isSell,
     isRouteCardsTransient,
     manualRouteSelectionIdentity,
     routeCards,
     selectedManualRouteCard,
     selectedRouteCardId,
-    (_B = smartRoute.data) == null ? void 0 : _B.status
+    (_C = smartRoute.data) == null ? void 0 : _C.status
   ]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (routeCards.length === 0) {
       if (isRouteCardsTransient) return;
       setSelectedRouteCardId(null);
@@ -4943,19 +5024,19 @@ var PlaceOrder = ({
     selectedRouteCardId
   ]);
   const isSubmissionLocked = submissionProgressState != null;
-  const isSubmissionLockedRef = useRef3(isSubmissionLocked);
+  const isSubmissionLockedRef = useRef4(isSubmissionLocked);
   isSubmissionLockedRef.current = isSubmissionLocked;
-  useEffect3(() => {
+  useEffect4(() => {
     if (isSubmissionLockedRef.current) return;
     setSubmissionFeedback(null);
     setSubmissionProgressState(null);
   }, [executionType, internalAmount, internalSlippage, internalTab, scopedSelectedOutcomeId]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (showLimitOrders || executionType !== "limit") return;
     setExecutionType("market");
     setIsLimitExpirationPickerOpen(false);
   }, [executionType, showLimitOrders]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (executionType !== "limit") {
       limitPriceInitializedForOutcomeRef.current = void 0;
       return;
@@ -4968,17 +5049,17 @@ var PlaceOrder = ({
     setLimitPriceInputValue(formatLimitPriceInputValue(nextLimitPrice));
     setLimitPriceInputError(null);
   }, [executionType, scopedSelectedOutcomeId, selectedOutcomeDisplayPrice]);
-  useEffect3(() => {
+  useEffect4(() => {
     setSelectedLimitVenue(null);
   }, [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id, scopedSelectedOutcomeId]);
-  useEffect3(() => {
+  useEffect4(() => {
     setSelectedRouteCardId(null);
     setManualRouteSelectionIdentity(null);
     setIsRoutesExpanded(false);
     setIsSplitDetailOpen(false);
   }, [executionType, internalTab, scopedSelectedOutcomeId]);
   const orderedRouteCards = routeCards;
-  const selectedRouteCard = (_D = (_C = orderedRouteCards.find((card) => card.id === resolvedSelectedRouteCardId)) != null ? _C : orderedRouteCards[0]) != null ? _D : null;
+  const selectedRouteCard = (_E = (_D = orderedRouteCards.find((card) => card.id === resolvedSelectedRouteCardId)) != null ? _D : orderedRouteCards[0]) != null ? _E : null;
   const selectedSharedKycVenue = useMemo(() => {
     var _a2, _b2;
     const candidateVenue = isLimitOrder ? selectedLimitVenueOption == null ? void 0 : selectedLimitVenueOption.venue : (_b2 = (_a2 = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData.fills.find(
@@ -4996,22 +5077,8 @@ var PlaceOrder = ({
     }
     return (scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venue) === "kalshi";
   }, [isLimitOrder, selectedLimitVenueOption == null ? void 0 : selectedLimitVenueOption.venue, selectedRouteCard, scopedSelectedMarket]);
-  const displayedBalance = isPaperMode ? paperTotalBalance : isKalshiRoute ? (_E = liveBalanceState.kalshiBalance) != null ? _E : 0 : liveAvailableBalance;
-  const legacyKalshiAccount = 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 = (_F = kalshiKeyStatus == null ? void 0 : kalshiKeyStatus.connected) != null ? _F : (legacyKalshiAccount == null ? void 0 : legacyKalshiAccount.status) === "active";
-  const hasKalshiConnectionState = kalshiKeyStatus !== void 0 || (user == null ? void 0 : user.venueAccounts) != null;
-  const isKalshiAvailable = getVenueAvailabilityState({
-    venueId: "kalshi",
-    disabledVenues,
-    isConfigLoading: isAppConfigLoading
-  }) === "available";
-  const needsKalshiConnection = !isPaperMode && isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && isKalshiRoute && !isKalshiAccountActive;
+  const displayedBalance = isPaperMode ? paperTotalBalance : isKalshiRoute ? (_F = liveBalanceState.kalshiBalance) != null ? _F : 0 : liveAvailableBalance;
+  const needsKalshiConnection = isKalshiDisconnected && isKalshiRoute;
   const handleVerifyKalshi = useCallback3(
     (credentials) => __async(null, null, function* () {
       if (onConnectKalshi) {
@@ -5067,7 +5134,7 @@ var PlaceOrder = ({
     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)
   });
-  const executionProgressFloorRef = useRef3({
+  const executionProgressFloorRef = useRef4({
     quoteId: null,
     value: 0
   });
@@ -5225,7 +5292,7 @@ var PlaceOrder = ({
       tradingLabels
     ]
   );
-  useEffect3(() => {
+  useEffect4(() => {
     if (executionProgress.phase === "order_submitted") {
       const submittedOrder = executionProgress.submittedOrders[0];
       setSubmissionProgressState((prev) => {
@@ -5238,7 +5305,7 @@ var PlaceOrder = ({
       });
     }
   }, [executionProgress.phase, executionProgress.submittedOrders]);
-  useEffect3(() => {
+  useEffect4(() => {
     var _a2, _b2;
     const dp = executionProgress.dagProgress;
     if (!dp) return;
@@ -5293,7 +5360,7 @@ var PlaceOrder = ({
       return __spreadProps(__spreadValues({}, prev), { dagProgress: dp });
     });
   }, [executionOrderGroups, executionProgress.dagProgress, tradingLabels]);
-  useEffect3(() => {
+  useEffect4(() => {
     const orderIds = submissionProgressState == null ? void 0 : submissionProgressState.orderIds;
     if (!(orderIds == null ? void 0 : orderIds.length)) return;
     const aggregateStatus = deriveAggregateOrderStatus(
@@ -5354,7 +5421,7 @@ var PlaceOrder = ({
     tradingLabels
   ]);
   const estDurationMs = executionQuoteData && typeof executionQuoteData.estDurationMs === "number" ? executionQuoteData.estDurationMs : 6e4;
-  useEffect3(() => {
+  useEffect4(() => {
     const phase = submissionProgressState == null ? void 0 : submissionProgressState.phase;
     if (phase !== "submitting" && phase !== "executing") return;
     const timeoutMs = Math.max(6e4, 2 * estDurationMs);
@@ -5398,7 +5465,7 @@ var PlaceOrder = ({
       });
     }
   }, [executionProgress.terminalOrderEvents, labels, toastCtx]);
-  useEffect3(() => {
+  useEffect4(() => {
     var _a2, _b2;
     if (!submissionProgressState) return;
     onExecutionStateChange == null ? void 0 : onExecutionStateChange(submissionProgressState);
@@ -5867,11 +5934,6 @@ var PlaceOrder = ({
     return fills.length > 0 && fills.every((f) => geoBlockedVenuesFromWarnings.has(f.venue));
   }, [selectedRouteCard, geoBlockedVenuesFromWarnings]);
   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 && !(activeQuoteData == null ? void 0 : activeQuoteData.fills.some((fill) => fill.venue === "prophetx")) && isPlaceOrderAveragePriceWorse({
-    averageExecutionPrice: selectedRouteCard == null ? void 0 : selectedRouteCard.executionPrice,
-    displayedMarketPrice: selectedOutcomeDisplayPrice,
-    tradeSide: internalTab
-  });
   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 || isSelectedVenueInventoryInsufficient || (isLimitOrder ? !limitOrderPayload : !selectedRouteCard || !selectedRouteCard.quoteData.quoteId) || selectedRouteGeoBlocked || !isAuthenticated || !isLimitOrder && quoteStatus !== void 0;
   const shouldShowSmartRouting = orderEligibility.canPlaceOrder && hasEnteredAmount && !isBelowMinimum && (isLimitOrder ? limitRouteCards.length > 0 : displayedRouteCards.length > 0 || smartRoute.isFetching || smartRoute.isLoading || isSell && (venueSellQuotes.isFetching || venueSellQuotes.isLoading));
@@ -6123,7 +6185,7 @@ var PlaceOrder = ({
     failureSummary,
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
-  useEffect3(() => {
+  useEffect4(() => {
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return;
     if ((failureSummary == null ? void 0 : failureSummary.kind) !== "partial_fill") return;
     if (!shouldAutoSkipPartialFill) return;
@@ -6934,6 +6996,7 @@ var PlaceOrder = ({
                       isExpanded: card.kind === "split" ? isSplitDetailOpen : isRoutesExpanded,
                       isSelected: !card.isUnavailable && card.id === (isLimitOrder ? selectedLimitRouteCardId : resolvedSelectedRouteCardId),
                       onSelect: handleActiveRouteCardSelect,
+                      isKalshiDisconnected,
                       sharedKycStatus: isPaperMode ? void 0 : sharedKyc == null ? void 0 : sharedKyc.status,
                       tradingLabels
                     }) }, card.id);
@@ -7295,15 +7358,6 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
-                  shouldShowLowLiquidityWarning ? /* @__PURE__ */ jsx7(
-                    InlineAlert,
-                    {
-                      tone: "warning",
-                      variant: "surface",
-                      className: "agg-order-low-liquidity-warning justify-start! border-0! bg-agg-warning/10! py-2!",
-                      message: internalTab === "buy" ? tradingLabels.lowLiquidityWarning : tradingLabels.lowLiquiditySellWarning
-                    }
-                  ) : null,
                   !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown && appFeeValue === 0 ? /* @__PURE__ */ jsxs6("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
                     /* @__PURE__ */ jsx7(
                       Icon,
@@ -7363,7 +7417,7 @@ import {
   useRedeem,
   useRedeemLifecycles
 } from "@agg-build/hooks";
-import { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo2, useRef as useRef4, useState as useState3 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect5, useMemo as useMemo2, useRef as useRef5, useState as useState4 } from "react";
 var toClaimError = (err) => {
   if (err instanceof Error) return err;
   return new Error(String(err));
@@ -7375,11 +7429,11 @@ function useClaimWinnings(options = {}) {
   const toastCtx = useOptionalToast();
   const queryClient = useQueryClient2();
   const redeemMutation = useRedeem();
-  const [activeRedeems, setActiveRedeems] = useState3({});
-  const activeClaimKeysRef = useRef4(/* @__PURE__ */ new Set());
-  const pendingClaimToastIdsRef = useRef4({});
-  const submittedClaimToastKeysRef = useRef4(/* @__PURE__ */ new Set());
-  const [submittingClaimKeys, setSubmittingClaimKeys] = useState3({});
+  const [activeRedeems, setActiveRedeems] = useState4({});
+  const activeClaimKeysRef = useRef5(/* @__PURE__ */ new Set());
+  const pendingClaimToastIdsRef = useRef5({});
+  const submittedClaimToastKeysRef = useRef5(/* @__PURE__ */ new Set());
+  const [submittingClaimKeys, setSubmittingClaimKeys] = useState4({});
   const lifecycleInputs = useMemo2(
     () => Object.values(activeRedeems),
     [activeRedeems]
@@ -7545,8 +7599,8 @@ function useClaimWinnings(options = {}) {
       toastCtx
     ]
   );
-  const firedTerminalRef = useRef4({});
-  useEffect4(() => {
+  const firedTerminalRef = useRef5({});
+  useEffect5(() => {
     var _a, _b;
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
       const state = lifecycleStates[active.redeemId];