@agg-build/ui 4.17.0 → 4.17.2

package/dist/trading.js

@@ -5190,13 +5190,14 @@ var parseSettlementDateMs = (value) => {
 var isDateLikeDifference = (canonicalKey) => {
   return canonicalKey === "resolution_timing" || canonicalKey === "start_date" || canonicalKey === "end_date";
 };
-var hasEqualNormalizedDateValues = (difference, canonicalKey) => {
-  if (!isDateLikeDifference(canonicalKey)) return false;
+var hasEqualValuesAcrossVenues = (difference) => {
   const values = Object.values(difference.perVenue);
   if (values.length < 2) return false;
   const timestamps = values.map(parseSettlementDateMs);
-  if (timestamps.some((timestamp) => timestamp === null)) return false;
-  return new Set(timestamps).size === 1;
+  if (timestamps.every((timestamp) => timestamp !== null)) {
+    return new Set(timestamps).size === 1;
+  }
+  return new Set(values.map(normalizeSettlementForCompare)).size === 1;
 };
 var resolveDifferenceSeverity = (difference, canonicalKey) => {
   var _a;
@@ -5231,7 +5232,7 @@ var prepareSettlementDifferences = (differences) => {
     if (!title2 || Object.keys(perVenue).length === 0) continue;
     const difference = __spreadProps(__spreadValues({}, rawDifference), { title: title2, perVenue });
     const canonicalKey = resolveCanonicalDifferenceKey(difference);
-    if (hasEqualNormalizedDateValues(difference, canonicalKey)) continue;
+    if (hasEqualValuesAcrossVenues(difference)) continue;
     const existing = byCanonicalKey.get(canonicalKey);
     if (existing) {
       byCanonicalKey.set(canonicalKey, __spreadProps(__spreadValues({}, existing), {
@@ -5245,7 +5246,7 @@ var prepareSettlementDifferences = (differences) => {
       originalIndex
     }));
   }
-  return Array.from(byCanonicalKey.values()).sort((left, right) => {
+  return Array.from(byCanonicalKey.values()).filter((difference) => !hasEqualValuesAcrossVenues(difference)).sort((left, right) => {
     const severityDelta = Number(right.severity === "critical") - Number(left.severity === "critical");
     if (severityDelta !== 0) return severityDelta;
     return left.originalIndex - right.originalIndex;
@@ -5259,9 +5260,7 @@ var resolveSettlementVenueLabel = (venue, labels) => {
   return (_a = labels.venues[venue]) != null ? _a : formatVenueFallbackLabel(venue);
 };
 var resolveDifferenceVenueKeys = (difference, settlementVenues) => {
-  const explicitVenues = Object.keys(difference.perVenue);
-  if (!isDateLikeDifference(difference.canonicalKey)) return explicitVenues;
-  const allVenues = [...settlementVenues != null ? settlementVenues : [], ...explicitVenues];
+  const allVenues = [...settlementVenues != null ? settlementVenues : [], ...Object.keys(difference.perVenue)];
   return Array.from(new Set(allVenues.filter((venue) => venue.trim().length > 0)));
 };
 var resolveDifferenceIconClassName = (canonicalKey) => {
@@ -5300,6 +5299,12 @@ var buildSettlementVenueRules = ({
       if (!venueRules.includes(content2)) venueRules.push(content2);
       rulesByVenue.set(venue2, venueRules);
     }
+    if (rulesByVenue.size > 0) {
+      for (const venue2 of settlementVenues != null ? settlementVenues : []) {
+        const trimmedVenue = venue2.trim();
+        if (trimmedVenue && !rulesByVenue.has(trimmedVenue)) rulesByVenue.set(trimmedVenue, []);
+      }
+    }
     return Array.from(rulesByVenue, ([venue2, contents]) => ({
       venue: venue2,
       content: contents.join("\n\n")
@@ -5309,6 +5314,11 @@ var buildSettlementVenueRules = ({
   const venue = (_b = settlementVenues == null ? void 0 : settlementVenues.find((candidate) => candidate.trim().length > 0)) == null ? void 0 : _b.trim();
   return content && venue ? [{ venue, content }] : [];
 };
+var repeatsQuestion = (content, question) => {
+  const normalizedQuestion = normalizeSettlementForCompare(question != null ? question : "");
+  if (!normalizedQuestion) return false;
+  return normalizeSettlementForCompare(content) === normalizedQuestion;
+};
 var isDuplicatedByVenueRules = (content, venueRules) => {
   const normalizedContent = normalizeSettlementForCompare(content);
   if (!normalizedContent) return false;
@@ -5325,8 +5335,8 @@ var SettlementVenueRules = ({
     /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementFullRulesTitle }),
     /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "flex w-full flex-col items-start gap-4", children: rules.map((rule) => {
       const venueLabel = resolveSettlementVenueLabel(rule.venue, labels);
-      return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("details", { className: "group/agg-settlement-rule w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("summary", { className: "flex cursor-pointer list-none items-center gap-2 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors marker:hidden", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("details", { className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("summary", { className: "group/agg-settlement-rule flex w-fit cursor-pointer list-none items-center gap-2 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground transition-colors marker:hidden", children: [
           /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
             VenueLogo,
             {
@@ -5350,7 +5360,7 @@ var SettlementVenueRules = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SettlementTextRenderer, { content: rule.content }) })
+        /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "mt-3 pl-6", children: rule.content ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(SettlementTextRenderer, { content: rule.content }) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground", children: labels.trading.settlementValueUnavailable }) })
       ] }, rule.venue);
     }) })
   ] });
@@ -5378,9 +5388,10 @@ var Settlement = ({
     }),
     [eventDescription, marketDescription, primaryRules]
   );
+  const isSingleVenueCluster = settlementVenues !== void 0 && settlementVenues.length < 2;
   const settlementDifferences = (0, import_react4.useMemo)(
-    () => prepareSettlementDifferences(settlementDiff == null ? void 0 : settlementDiff.differences),
-    [settlementDiff == null ? void 0 : settlementDiff.differences]
+    () => isSingleVenueCluster ? [] : prepareSettlementDifferences(settlementDiff == null ? void 0 : settlementDiff.differences),
+    [isSingleVenueCluster, settlementDiff == null ? void 0 : settlementDiff.differences]
   );
   const eventBlock = (_a = blocks.find((block) => block.key === "eventDescription")) != null ? _a : null;
   const marketBlock = (_b = blocks.find((block) => block.key === "marketDescription")) != null ? _b : null;
@@ -5396,7 +5407,7 @@ var Settlement = ({
   );
   const hasSettlementDifferences = settlementDifferences.length > 0;
   const hasVenueSettlementRules = venueRuleBlocks.length > 0;
-  const standaloneEventBlock = eventBlock && !isDuplicatedByVenueRules(eventBlock.content, venueRuleBlocks) ? eventBlock : null;
+  const standaloneEventBlock = eventBlock && !isDuplicatedByVenueRules(eventBlock.content, venueRuleBlocks) && !repeatsQuestion(eventBlock.content, question) ? eventBlock : null;
   const standaloneMarketBlock = hasVenueSettlementRules ? null : marketBlock;
   const standalonePrimaryRulesBlock = hasVenueSettlementRules ? null : primaryRulesBlock;
   const hasStandaloneSettlementText = hasVenueSettlementRules ? standaloneEventBlock !== null : blocks.length > 0;
@@ -5742,12 +5753,12 @@ SettlementDetails.displayName = "SettlementDetails";
 // src/trading/place-order/index.tsx
 var import_hooks41 = require("@agg-build/hooks");
 var import_sdk19 = require("@agg-build/sdk");
-var import_react16 = __toESM(require("@number-flow/react"));
+var import_react17 = __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_react17 = require("react");
+var import_react18 = require("react");
 
 // src/events/market-details/market-details.utils.ts
 var import_sdk14 = require("@agg-build/sdk");
@@ -6228,7 +6239,8 @@ var ModalContainer = ({
   maxWidth = "600px",
   classNames,
   "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy
+  "aria-labelledby": ariaLabelledBy,
+  onOpenAutoFocus
 }) => {
   const {
     general: { rootClassName },
@@ -6259,6 +6271,7 @@ var ModalContainer = ({
         ),
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
+        onOpenAutoFocus,
         onCloseAutoFocus: (event) => {
           event.preventDefault();
         },
@@ -8251,6 +8264,27 @@ var getSafeConnectionError = ({
     error.message
   ).trim();
 };
+var CloseButton = ({
+  className,
+  disabled
+}) => {
+  const labels = (0, import_hooks38.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+    Dialog4.Close,
+    {
+      "aria-label": labels.common.close,
+      disabled,
+      className: cn(
+        "z-30 flex size-6 cursor-pointer items-center justify-center rounded-agg-full",
+        "text-agg-foreground transition-colors hover:text-agg-foreground/80",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-accent",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "close", size: "medium", className: "!text-agg-foreground" })
+    }
+  );
+};
 var ConnectKalshiModal = ({
   open,
   onOpenChange,
@@ -8281,12 +8315,12 @@ var ConnectKalshiModal = ({
     setError(void 0);
     setIsVerifying(false);
     setIsConnected(false);
-    const animationFrame = window.requestAnimationFrame(() => {
-      var _a;
-      return (_a = apiKeyInputRef.current) == null ? void 0 : _a.focus();
-    });
-    return () => window.cancelAnimationFrame(animationFrame);
   }, [open]);
+  const handleOpenAutoFocus = (0, import_react14.useCallback)((event) => {
+    var _a;
+    event.preventDefault();
+    (_a = apiKeyInputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+  }, []);
   const handleOpenChange = (0, import_react14.useCallback)(
     (nextOpen) => {
       if (isVerifying && !nextOpen) return;
@@ -8329,207 +8363,211 @@ var ConnectKalshiModal = ({
     [handleVerify]
   );
   if (availabilityState === "hidden") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
     Modal.Container,
     {
-      maxWidth: "600px",
+      maxWidth: isConnected ? "480px" : "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
-      classNames: { container: "!rounded-agg-2xl" },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "flex h-[60px] shrink-0 items-center justify-end px-8", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
-          Dialog4.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_runtime139.jsx)(Icon, { name: "close", size: "medium" })
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Modal.Body, { classNames: { root: "!px-5 !pb-12 !pt-0 sm:!px-10" }, children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+      classNames: {
+        container: "!rounded-t-agg-xl !rounded-b-none md:!rounded-agg-2xl"
+      },
+      onOpenAutoFocus: isConnected ? void 0 : handleOpenAutoFocus,
+      children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(Modal.Body, { classNames: { root: "relative !px-5 !py-8 md:!px-10 md:!py-12" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(CloseButton, { className: "absolute right-5 top-5 md:right-8 md:top-8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
           "div",
           {
-            className: "flex flex-col items-center gap-8 pb-3 text-center",
+            className: "flex flex-col items-center gap-8 text-center",
             role: "status",
             "aria-live": "polite",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
-                Icon,
-                {
-                  name: "success-check",
-                  className: "size-7 text-agg-on-primary",
-                  "aria-hidden": "true"
-                }
-              ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "success-check", className: "size-6 text-agg-success", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Dialog4.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Dialog4.Description, { className: "max-w-[480px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.description })
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Dialog4.Description, { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.description })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
-                Button,
-                {
-                  variant: "primary",
-                  size: "large",
-                  className: "min-w-[120px]",
-                  onClick: () => handleOpenChange(false),
-                  children: labels.onboarding.connectKalshiModal.success.done
-                }
-              )
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Button, { variant: "secondary", size: "large", onClick: () => handleOpenChange(false), children: labels.onboarding.connectKalshiModal.success.done })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("form", { className: "flex flex-col items-center gap-8", onSubmit: handleSubmit, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(VenueLogo, { venue: import_sdk17.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Dialog4.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Dialog4.Description, { className: "max-w-[520px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime139.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_runtime139.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_runtime139.jsxs)("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("p", { children: [
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
-                  " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
-                  " ",
+        )
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("form", { className: "flex min-h-0 flex-1 flex-col", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+          Modal.Body,
+          {
+            classNames: { root: "relative !px-5 !pb-6 !pt-5 md:!px-10 md:!pb-0 md:!pt-12" },
+            children: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-6 md:items-center md:gap-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex w-full flex-col md:contents", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex items-center gap-3 md:contents", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
-                    "a",
+                    VenueLogo,
                     {
-                      href: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl,
-                      target: "_blank",
-                      rel: "noreferrer",
-                      className: "cursor-pointer underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
-                      children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl
+                      venue: import_sdk17.Venue.kalshi,
+                      variant: "logo",
+                      size: "large",
+                      className: "!size-10 md:!mb-8 md:!size-[60px]"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Dialog4.Title, { className: "text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground md:mb-4 md:text-center md:text-agg-2xl md:leading-agg-8", children: labels.onboarding.connectKalshiModal.title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+                    CloseButton,
+                    {
+                      disabled: isVerifying,
+                      className: "ml-auto shrink-0 md:absolute md:right-8 md:top-8 md:ml-0"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("p", { children: [
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
-                  " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("p", { children: [
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
-                  " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Dialog4.Description, { className: "mt-3 text-agg-sm leading-agg-5 text-agg-foreground md:mb-8 md:mt-0 md:text-center md:text-agg-base md:leading-agg-6", children: labels.onboarding.connectKalshiModal.description })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("br", {}),
-                labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime139.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_runtime139.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_runtime139.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
-                  "label",
-                  {
-                    htmlFor: "kalshi-api-key-id",
-                    className: "text-agg-sm font-agg-bold text-agg-foreground",
-                    children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
-                  "input",
-                  {
-                    ref: apiKeyInputRef,
-                    id: "kalshi-api-key-id",
-                    type: "text",
-                    autoComplete: "off",
-                    value: apiKeyId,
-                    onChange: (event) => setApiKeyId(event.target.value),
-                    placeholder: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdPlaceholder,
-                    disabled: isVerifying,
-                    "aria-invalid": !!error,
-                    "aria-describedby": error ? errorId : void 0,
-                    className: cn(
-                      "h-10 w-full rounded-agg-md border border-agg-separator bg-agg-secondary px-3 py-2.5",
-                      "text-agg-base text-agg-foreground placeholder:text-agg-muted-foreground",
-                      "outline-none transition-colors focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
-                      "disabled:cursor-not-allowed disabled:opacity-60"
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime139.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_runtime139.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_runtime139.jsxs)("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                    /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("p", { children: [
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+                        "a",
+                        {
+                          href: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl,
+                          target: "_blank",
+                          rel: "noreferrer",
+                          className: "cursor-pointer underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
+                          children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("p", { children: [
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("p", { children: [
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                    labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
+                    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("br", {}),
+                    labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime139.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_runtime139.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_runtime139.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+                      "label",
+                      {
+                        htmlFor: "kalshi-api-key-id",
+                        className: "text-agg-sm font-agg-bold text-agg-foreground",
+                        children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+                      "input",
+                      {
+                        ref: apiKeyInputRef,
+                        id: "kalshi-api-key-id",
+                        type: "text",
+                        autoComplete: "off",
+                        value: apiKeyId,
+                        onChange: (event) => setApiKeyId(event.target.value),
+                        placeholder: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdPlaceholder,
+                        disabled: isVerifying,
+                        "aria-invalid": !!error,
+                        "aria-describedby": error ? errorId : void 0,
+                        className: cn(
+                          "h-10 w-full rounded-agg-sm border border-agg-separator bg-agg-secondary px-3 py-2.5",
+                          "text-agg-base text-agg-foreground placeholder:text-agg-muted-foreground",
+                          "outline-none transition-colors focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
+                          "disabled:cursor-not-allowed disabled:opacity-60"
+                        )
+                      }
                     )
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
-                  "label",
-                  {
-                    htmlFor: "kalshi-private-key",
-                    className: "text-agg-sm font-agg-bold text-agg-foreground",
-                    children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
-                  "textarea",
-                  {
-                    id: "kalshi-private-key",
-                    autoComplete: "off",
-                    value: privateKey,
-                    onChange: (event) => setPrivateKey(event.target.value),
-                    placeholder: labels.onboarding.connectKalshiModal.stepTwo.privateKeyPlaceholder,
-                    rows: 3,
-                    disabled: isVerifying,
-                    "aria-invalid": !!error,
-                    "aria-describedby": error ? errorId : void 0,
-                    className: cn(
-                      "w-full resize-none rounded-agg-md border border-agg-separator bg-agg-secondary px-3 py-2.5",
-                      "text-agg-base text-agg-foreground placeholder:text-agg-muted-foreground",
-                      "outline-none transition-colors focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
-                      "disabled:cursor-not-allowed disabled:opacity-60"
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+                      "label",
+                      {
+                        htmlFor: "kalshi-private-key",
+                        className: "text-agg-sm font-agg-bold text-agg-foreground",
+                        children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+                      "textarea",
+                      {
+                        id: "kalshi-private-key",
+                        autoComplete: "off",
+                        value: privateKey,
+                        onChange: (event) => setPrivateKey(event.target.value),
+                        placeholder: labels.onboarding.connectKalshiModal.stepTwo.privateKeyPlaceholder,
+                        rows: 3,
+                        disabled: isVerifying,
+                        "aria-invalid": !!error,
+                        "aria-describedby": error ? errorId : void 0,
+                        className: cn(
+                          "w-full resize-none rounded-agg-sm border border-agg-separator bg-agg-secondary px-3 py-2.5",
+                          "text-agg-base text-agg-foreground placeholder:text-agg-muted-foreground",
+                          "outline-none transition-colors focus:border-agg-primary focus:ring-1 focus:ring-agg-primary",
+                          "disabled:cursor-not-allowed disabled:opacity-60"
+                        )
+                      }
                     )
-                  }
-                )
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "document", size: "small", className: "size-4 text-agg-primary" }),
-                labels.onboarding.connectKalshiModal.help.docsLinkLabel
+                  ] })
+                ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "play-square", size: "small", className: "size-4 text-agg-primary" }),
-                labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
-              ] })
+              error ? /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+                "div",
+                {
+                  id: errorId,
+                  className: "flex items-center gap-2 md:justify-center",
+                  role: "alert",
+                  "aria-live": "assertive",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+                  ]
+                }
+              ) : null
             ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
-              "div",
-              {
-                id: errorId,
-                className: "flex items-center gap-2",
-                role: "alert",
-                "aria-live": "assertive",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
-                ]
-              }
-            ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+          Modal.Footer,
+          {
+            classNames: {
+              root: "relative !h-auto !gap-3 !p-4 md:!justify-center md:!border-0 md:!px-10 md:!pb-12 md:!pt-8"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+                "div",
+                {
+                  "aria-hidden": "true",
+                  className: "pointer-events-none absolute inset-x-0 -top-[60px] h-[60px] bg-gradient-to-b from-transparent to-agg-secondary md:hidden"
+                }
+              ),
               /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                 Button,
                 {
                   variant: "secondary",
                   size: "large",
+                  className: "shrink-0",
                   onClick: () => handleOpenChange(false),
                   disabled: isVerifying,
                   children: labels.onboarding.connectKalshiModal.actions.cancel
@@ -8541,15 +8579,16 @@ var ConnectKalshiModal = ({
                   type: "submit",
                   variant: "primary",
                   size: "large",
+                  className: "flex-1 md:flex-none",
                   disabled: !parsedCredentials.success || isVerifying,
                   isLoading: isVerifying,
                   children: labels.onboarding.connectKalshiModal.actions.verifyConnection
                 }
               )
-            ] })
-          ] })
-        ] }) })
-      ]
+            ]
+          }
+        )
+      ] })
     }
   ) });
 };
@@ -9032,14 +9071,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;
@@ -9050,22 +9085,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");
@@ -9676,16 +9695,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;
@@ -10891,9 +10915,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) => {
@@ -10903,19 +10927,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,
@@ -11136,6 +11163,7 @@ var calculateExecutionProgress = ({
 };
 
 // src/trading/place-order/index.place-order.execution-view.tsx
+var import_react16 = require("react");
 var import_jsx_runtime142 = require("react/jsx-runtime");
 var PlaceOrderExecutionHeader = ({
   className,
@@ -11158,6 +11186,85 @@ var PlaceOrderExecutionHeader = ({
     eventDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("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] = (0, import_react16.useState)(target);
+  const valueRef = (0, import_react16.useRef)(target);
+  (0, import_react16.useEffect)(() => {
+    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: label2,
+  progress
+}) => {
+  const clamped = Math.max(0, Math.min(100, progress));
+  const displayed = useTweenedProgress(clamped, enableAnimations);
+  const isRunning = clamped < 100;
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("p", { className: "shrink-0 tabular-nums text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
+      displayed,
+      "%"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+      "div",
+      {
+        role: "progressbar",
+        "aria-label": label2,
+        "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__ */ (0, import_jsx_runtime142.jsx)(
+          "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__ */ (0, import_jsx_runtime142.jsx)(
+              "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
@@ -11293,21 +11400,14 @@ var PlaceOrderExecutionView = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: cn("flex flex-col gap-5", classNames == null ? void 0 : classNames.content), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("p", { className: "shrink-0 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
-              progress,
-              "%"
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
-              "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__ */ (0, import_jsx_runtime142.jsx)(
+            ExecutionProgressBar,
+            {
+              enableAnimations,
+              label: labels.executingOrder,
+              progress
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
             PlaceOrderExecutionGroups,
             {
@@ -11555,7 +11655,7 @@ var PlaceOrderSuccessView = ({
           /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
             /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
               /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.orderPayout }),
-              potentialReturnLabel ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("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__ */ (0, import_jsx_runtime144.jsx)("span", { className: "agg-type-overline agg-text-brand", children: potentialReturnLabel }) : null
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("p", { className: "shrink-0 text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedPayoutLabel })
           ] })
@@ -11697,24 +11797,24 @@ var PlaceOrderSlippageControl = ({
 }) => {
   var _a, _b;
   const labels = (0, import_hooks41.useLabels)();
-  const containerRef = (0, import_react17.useRef)(null);
-  const triggerRef = (0, import_react17.useRef)(null);
-  const inputRef = (0, import_react17.useRef)(null);
-  const warningId = (0, import_react17.useId)();
+  const containerRef = (0, import_react18.useRef)(null);
+  const triggerRef = (0, import_react18.useRef)(null);
+  const inputRef = (0, import_react18.useRef)(null);
+  const warningId = (0, import_react18.useId)();
   const defaultValue = finalizePercentageValue(slippageDefaultValue);
   const committedValue = finalizePercentageValue(slippageValue) || defaultValue;
-  const [draftValue, setDraftValue] = (0, import_react17.useState)(committedValue);
-  const [isEditing, setIsEditing] = (0, import_react17.useState)(
+  const [draftValue, setDraftValue] = (0, import_react18.useState)(committedValue);
+  const [isEditing, setIsEditing] = (0, import_react18.useState)(
     () => isPercentageBelowMinimum(committedValue, slippageMinimumValue)
   );
-  const [shouldFocusInput, setShouldFocusInput] = (0, import_react17.useState)(false);
-  (0, import_react17.useEffect)(() => {
+  const [shouldFocusInput, setShouldFocusInput] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
     setDraftValue(committedValue);
     if (isPercentageBelowMinimum(committedValue, slippageMinimumValue)) {
       setIsEditing(true);
     }
   }, [committedValue, slippageMinimumValue]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!shouldFocusInput) return;
     requestAnimationFrame(() => {
       var _a2, _b2;
@@ -11731,7 +11831,7 @@ var PlaceOrderSlippageControl = ({
     Number(committedValue || slippageDefaultValue || DEFAULT_SLIPPAGE_VALUE)
   );
   const resolvedAutoLabel = labels.trading.resetSlippage;
-  const resolvedWarningMessage = (0, import_react17.useMemo)(() => {
+  const resolvedWarningMessage = (0, import_react18.useMemo)(() => {
     if (isLowSlippage) {
       return labels.trading.slippageLow(slippageMinimumValue);
     }
@@ -12138,13 +12238,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__ */ (0, import_jsx_runtime145.jsx)(
     "button",
@@ -12198,7 +12300,7 @@ var renderRouteCard = ({
                     className: "shrink-0 text-agg-muted-foreground",
                     "aria-hidden": "true"
                   }
-                ) : showSharedKycRequirement || card.insufficientInventory ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+                ) : showKalshiRequirement || showSharedKycRequirement || card.insufficientInventory ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                   Icon,
                   {
                     name: "warning",
@@ -12281,10 +12383,10 @@ var PlaceOrder = ({
   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_react17.useMemo)(() => {
+  const resolvedEventTradingState = (0, import_react18.useMemo)(() => {
     return eventTradingState != null ? eventTradingState : (0, import_hooks41.resolveEventTradingState)(selectedEvent);
   }, [eventTradingState, selectedEvent]);
-  const scopedSelectedEvent = (0, import_react17.useMemo)(() => {
+  const scopedSelectedEvent = (0, import_react18.useMemo)(() => {
     var _a2;
     if (!selectedEvent) return null;
     const primaryMarketId = (_a2 = resolvedEventTradingState.primaryMarket) == null ? void 0 : _a2.id;
@@ -12294,7 +12396,7 @@ var PlaceOrder = ({
     );
     return isSelectedEventInScope ? selectedEvent : null;
   }, [(_d = resolvedEventTradingState.primaryMarket) == null ? void 0 : _d.id, selectedEvent]);
-  const scopedSelectedMarket = (0, import_react17.useMemo)(() => {
+  const scopedSelectedMarket = (0, import_react18.useMemo)(() => {
     if (!selectedMarket) return resolvedEventTradingState.primaryMarket;
     const isSelectedMarketInScope = resolvedEventTradingState.marketStates.some(
       (item) => item.market.id === selectedMarket.id
@@ -12309,10 +12411,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_react17.useMemo)(() => {
+  const resolvedTradingState = (0, import_react18.useMemo)(() => {
     return (0, import_hooks41.resolveMarketTradingState)(scopedSelectedMarket);
   }, [scopedSelectedMarket]);
-  const resolvedReadOnlyMarket = (0, import_react17.useMemo)(() => {
+  const resolvedReadOnlyMarket = (0, import_react18.useMemo)(() => {
     var _a2;
     if (resolvedEventTradingState.kind !== "resolved") {
       return scopedSelectedMarket;
@@ -12323,11 +12425,11 @@ var PlaceOrder = ({
     resolvedEventTradingState.primaryMarket,
     scopedSelectedMarket
   ]);
-  const resolvedReadOnlyTradingState = (0, import_react17.useMemo)(() => {
+  const resolvedReadOnlyTradingState = (0, import_react18.useMemo)(() => {
     return (0, import_hooks41.resolveMarketTradingState)(resolvedReadOnlyMarket);
   }, [resolvedReadOnlyMarket]);
   const isEndedWithoutKnownWinner = showResolvingState && !resolvedEventTradingState.winningOutcome && !resolvedReadOnlyTradingState.winningOutcome;
-  const orderEligibility = (0, import_react17.useMemo)(
+  const orderEligibility = (0, import_react18.useMemo)(
     () => (0, import_hooks41.resolveOrderEligibility)({
       event: scopedSelectedEvent,
       market: scopedSelectedMarket,
@@ -12350,7 +12452,7 @@ var PlaceOrder = ({
     enabled: Boolean(isAuthenticated && isPaperMode),
     mode: "paper"
   });
-  const paperTotalBalance = (0, import_react17.useMemo)(() => {
+  const paperTotalBalance = (0, import_react18.useMemo)(() => {
     var _a2, _b2;
     const cash = (_b2 = (_a2 = paperBalancesQuery.balances) == null ? void 0 : _a2.cash) != null ? _b2 : [];
     return cash.reduce((sum, token) => {
@@ -12375,8 +12477,8 @@ var PlaceOrder = ({
     import_sdk19.Venue.kalshi,
     isAuthenticated
   );
-  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react17.useState)(false);
-  const [isFundKalshiModalOpen, setIsFundKalshiModalOpen] = (0, import_react17.useState)(false);
+  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react18.useState)(false);
+  const [isFundKalshiModalOpen, setIsFundKalshiModalOpen] = (0, import_react18.useState)(false);
   const livePrices = (0, import_hooks41.useLiveOutcomePrices)(
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
@@ -12388,41 +12490,41 @@ var PlaceOrder = ({
   const clusterBestMidpointsByOutcomeId = (_j = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _j : clusterMidpointResult.prices;
   const clusterBestMidpoint = clusterMidpointResult.bestMidpoint;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
-  const clusterBestPrices = (0, import_react17.useMemo)(
+  const clusterBestPrices = (0, import_react18.useMemo)(
     () => (0, import_hooks41.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
-  const [internalTab, setInternalTab] = (0, import_react17.useState)("buy");
-  const [executionType, setExecutionType] = (0, import_react17.useState)("market");
-  const [selectedLimitVenue, setSelectedLimitVenue] = (0, import_react17.useState)(null);
-  const [limitPrice, setLimitPrice] = (0, import_react17.useState)(0.5);
-  const [limitPriceInputValue, setLimitPriceInputValue] = (0, import_react17.useState)(formatLimitPriceInputValue(0.5));
-  const [limitPriceInputError, setLimitPriceInputError] = (0, import_react17.useState)(null);
-  const [limitExpirationType, setLimitExpirationType] = (0, import_react17.useState)("GTC");
-  const [limitExpirationDate, setLimitExpirationDate] = (0, import_react17.useState)(void 0);
-  const [limitExpirationTime, setLimitExpirationTime] = (0, import_react17.useState)("17:00");
-  const [limitExpirationDraftDate, setLimitExpirationDraftDate] = (0, import_react17.useState)();
-  const [limitExpirationDraftTime, setLimitExpirationDraftTime] = (0, import_react17.useState)("17:00");
-  const [limitExpirationPickerView, setLimitExpirationPickerView] = (0, import_react17.useState)("options");
-  const [isLimitExpirationPickerOpen, setIsLimitExpirationPickerOpen] = (0, import_react17.useState)(false);
-  const [internalAmount, setInternalAmount] = (0, import_react17.useState)(PLACE_ORDER_DEFAULT_AMOUNT);
-  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = (0, import_react17.useState)(null);
-  const [internalSlippage] = (0, import_react17.useState)(DEFAULT_SLIPPAGE_VALUE);
-  const [isRoutesExpanded, setIsRoutesExpanded] = (0, import_react17.useState)(false);
-  const [selectedRouteCardId, setSelectedRouteCardId] = (0, import_react17.useState)(null);
-  const [manualRouteSelectionIdentity, setManualRouteSelectionIdentity] = (0, import_react17.useState)(
+  const [internalTab, setInternalTab] = (0, import_react18.useState)("buy");
+  const [executionType, setExecutionType] = (0, import_react18.useState)("market");
+  const [selectedLimitVenue, setSelectedLimitVenue] = (0, import_react18.useState)(null);
+  const [limitPrice, setLimitPrice] = (0, import_react18.useState)(0.5);
+  const [limitPriceInputValue, setLimitPriceInputValue] = (0, import_react18.useState)(formatLimitPriceInputValue(0.5));
+  const [limitPriceInputError, setLimitPriceInputError] = (0, import_react18.useState)(null);
+  const [limitExpirationType, setLimitExpirationType] = (0, import_react18.useState)("GTC");
+  const [limitExpirationDate, setLimitExpirationDate] = (0, import_react18.useState)(void 0);
+  const [limitExpirationTime, setLimitExpirationTime] = (0, import_react18.useState)("17:00");
+  const [limitExpirationDraftDate, setLimitExpirationDraftDate] = (0, import_react18.useState)();
+  const [limitExpirationDraftTime, setLimitExpirationDraftTime] = (0, import_react18.useState)("17:00");
+  const [limitExpirationPickerView, setLimitExpirationPickerView] = (0, import_react18.useState)("options");
+  const [isLimitExpirationPickerOpen, setIsLimitExpirationPickerOpen] = (0, import_react18.useState)(false);
+  const [internalAmount, setInternalAmount] = (0, import_react18.useState)(PLACE_ORDER_DEFAULT_AMOUNT);
+  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = (0, import_react18.useState)(null);
+  const [internalSlippage] = (0, import_react18.useState)(DEFAULT_SLIPPAGE_VALUE);
+  const [isRoutesExpanded, setIsRoutesExpanded] = (0, import_react18.useState)(false);
+  const [selectedRouteCardId, setSelectedRouteCardId] = (0, import_react18.useState)(null);
+  const [manualRouteSelectionIdentity, setManualRouteSelectionIdentity] = (0, import_react18.useState)(
     null
   );
-  const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react17.useState)(false);
-  const [buyGeoBlockSnapshot, setBuyGeoBlockSnapshot] = (0, import_react17.useState)(null);
-  const [submissionFeedback, setSubmissionFeedback] = (0, import_react17.useState)(null);
-  const [submissionProgressState, setSubmissionProgressState] = (0, import_react17.useState)(null);
-  const [isBeforeActionPending, setIsBeforeActionPending] = (0, import_react17.useState)(false);
-  const outcomes = (0, import_react17.useMemo)(
+  const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react18.useState)(false);
+  const [buyGeoBlockSnapshot, setBuyGeoBlockSnapshot] = (0, import_react18.useState)(null);
+  const [submissionFeedback, setSubmissionFeedback] = (0, import_react18.useState)(null);
+  const [submissionProgressState, setSubmissionProgressState] = (0, import_react18.useState)(null);
+  const [isBeforeActionPending, setIsBeforeActionPending] = (0, import_react18.useState)(false);
+  const outcomes = (0, import_react18.useMemo)(
     () => mapVenueMarketOutcomesToPlaceOrderOutcomes(scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes),
     [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes]
   );
-  const selectedOutcomeDisplayPrice = (0, import_react17.useMemo)(() => {
+  const selectedOutcomeDisplayPrice = (0, import_react18.useMemo)(() => {
     var _a2;
     if (!scopedSelectedOutcomeId || !scopedSelectedOutcome) return 0.5;
     return getDisplayOutcomePrice({
@@ -12445,25 +12547,25 @@ var PlaceOrder = ({
     scopedSelectedOutcomeId,
     tradingContext == null ? void 0 : tradingContext.tradeSide
   ]);
-  const buyTabRef = (0, import_react17.useRef)(null);
-  const sellTabRef = (0, import_react17.useRef)(null);
-  const expirationTriggerRef = (0, import_react17.useRef)(null);
-  const limitPriceInitializedForOutcomeRef = (0, import_react17.useRef)(void 0);
-  const expirationOptionRefs = (0, import_react17.useRef)([]);
-  const shouldFocusExpirationOptionsRef = (0, import_react17.useRef)(false);
-  const expirationTimeInputId = (0, import_react17.useId)();
-  const executionDebugStoreRef = (0, import_react17.useRef)(null);
-  const executionDebugAttemptIdRef = (0, import_react17.useRef)(null);
-  const submittedSelectionRef = (0, import_react17.useRef)(null);
-  const lastValidRouteCardsRef = (0, import_react17.useRef)(null);
-  (0, import_react17.useEffect)(() => {
+  const buyTabRef = (0, import_react18.useRef)(null);
+  const sellTabRef = (0, import_react18.useRef)(null);
+  const expirationTriggerRef = (0, import_react18.useRef)(null);
+  const limitPriceInitializedForOutcomeRef = (0, import_react18.useRef)(void 0);
+  const expirationOptionRefs = (0, import_react18.useRef)([]);
+  const shouldFocusExpirationOptionsRef = (0, import_react18.useRef)(false);
+  const expirationTimeInputId = (0, import_react18.useId)();
+  const executionDebugStoreRef = (0, import_react18.useRef)(null);
+  const executionDebugAttemptIdRef = (0, import_react18.useRef)(null);
+  const submittedSelectionRef = (0, import_react18.useRef)(null);
+  const lastValidRouteCardsRef = (0, import_react18.useRef)(null);
+  (0, import_react18.useEffect)(() => {
     if (!isExecutionDebugEnabled) {
       executionDebugStoreRef.current = null;
       return;
     }
     executionDebugStoreRef.current = enableExecutionDebugInBrowser();
   }, [isExecutionDebugEnabled]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     var _a2;
     if (!isLimitExpirationPickerOpen) return;
     if (limitExpirationPickerView !== "options") return;
@@ -12471,7 +12573,7 @@ var PlaceOrder = ({
     (_a2 = expirationOptionRefs.current[LIMIT_EXPIRATION_OPTION_COUNT - 1]) == null ? void 0 : _a2.focus();
     shouldFocusExpirationOptionsRef.current = false;
   }, [isLimitExpirationPickerOpen, limitExpirationPickerView]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!isExecutionDebugEnabled) return;
     const store = executionDebugStoreRef.current;
     if (!store) return;
@@ -12486,8 +12588,8 @@ var PlaceOrder = ({
   const debouncedAmount = (0, import_hooks41.useDebouncedValue)(internalAmount, 300);
   const isQuoteInputEditing = internalAmount !== debouncedAmount;
   const isLimitOrder = showLimitOrders && executionType === "limit";
-  const isSell = (0, import_react17.useMemo)(() => internalTab === "sell", [internalTab]);
-  const limitVenueOptions = (0, import_react17.useMemo)(
+  const isSell = (0, import_react18.useMemo)(() => internalTab === "sell", [internalTab]);
+  const limitVenueOptions = (0, import_react18.useMemo)(
     () => {
       var _a2;
       return buildLimitOrderVenueOptions({
@@ -12499,7 +12601,7 @@ var PlaceOrder = ({
     },
     [clusterMidpointResult, livePrices, scopedSelectedMarket, scopedSelectedOutcomeId]
   );
-  const visibleLimitVenueOptions = (0, import_react17.useMemo)(() => {
+  const visibleLimitVenueOptions = (0, import_react18.useMemo)(() => {
     return limitVenueOptions.filter((option) => {
       return (0, import_hooks41.getVenueAvailabilityState)({
         venueId: option.venue,
@@ -12517,7 +12619,7 @@ var PlaceOrder = ({
     enabled: Boolean(isAuthenticated && isSell),
     mode: isPaperMode ? "paper" : void 0
   });
-  const sellableSharesByVenue = (0, import_react17.useMemo)(
+  const sellableSharesByVenue = (0, import_react18.useMemo)(
     () => isSell ? resolveSellableSharesByVenue({
       positions: executionPositions,
       market: scopedSelectedMarket,
@@ -12538,7 +12640,7 @@ var PlaceOrder = ({
     isPanelActive: isQuotePanelActive,
     isSubmitting: submissionProgressState != null || isBeforeActionPending || executeManaged.isPending || placeLimitOrder.isPending
   };
-  const limitVenueQuoteRequests = (0, import_react17.useMemo)(
+  const limitVenueQuoteRequests = (0, import_react18.useMemo)(
     () => visibleLimitVenueOptions.map((option) => ({
       venue: option.venue,
       venueMarketOutcomeId: option.venueMarketOutcomeId
@@ -12559,11 +12661,11 @@ var PlaceOrder = ({
     enabled: isLimitVenueQuoteEnabled,
     refreshContext: smartRouteRefreshContext
   });
-  const limitVenueQuoteByVenue = (0, import_react17.useMemo)(
+  const limitVenueQuoteByVenue = (0, import_react18.useMemo)(
     () => new Map(limitVenueQuotes.quotes.map((quote) => [quote.request.venue, quote])),
     [limitVenueQuotes.quotes]
   );
-  const geoBlockedLimitVenues = (0, import_react17.useMemo)(() => {
+  const geoBlockedLimitVenues = (0, import_react18.useMemo)(() => {
     var _a2;
     const venues = /* @__PURE__ */ new Set();
     for (const quote of limitVenueQuotes.quotes) {
@@ -12573,7 +12675,7 @@ var PlaceOrder = ({
     }
     return venues;
   }, [limitVenueQuotes.quotes]);
-  const availableLimitVenueOptions = (0, import_react17.useMemo)(() => {
+  const availableLimitVenueOptions = (0, import_react18.useMemo)(() => {
     return visibleLimitVenueOptions.filter((option) => {
       var _a2;
       return !geoBlockedLimitVenues.has(option.venue) && // A limit SELL rests against shares held at that specific venue, so a
@@ -12595,11 +12697,11 @@ var PlaceOrder = ({
     sellableSharesByVenue,
     visibleLimitVenueOptions
   ]);
-  const automaticLimitVenueOption = (0, import_react17.useMemo)(
+  const automaticLimitVenueOption = (0, import_react18.useMemo)(
     () => resolveAutomaticLimitOrderVenueOption(availableLimitVenueOptions, internalTab),
     [availableLimitVenueOptions, internalTab]
   );
-  const selectedLimitVenueOption = (0, import_react17.useMemo)(() => {
+  const selectedLimitVenueOption = (0, import_react18.useMemo)(() => {
     if (selectedLimitVenue) {
       const selectedOption = availableLimitVenueOptions.find(
         (option) => option.venue === selectedLimitVenue
@@ -12608,7 +12710,7 @@ var PlaceOrder = ({
     }
     return automaticLimitVenueOption;
   }, [automaticLimitVenueOption, availableLimitVenueOptions, selectedLimitVenue]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!selectedLimitVenue || !geoBlockedLimitVenues.has(selectedLimitVenue)) return;
     setSelectedLimitVenue(null);
   }, [geoBlockedLimitVenues, selectedLimitVenue]);
@@ -12637,7 +12739,7 @@ var PlaceOrder = ({
   } : {}), {
     refreshContext: smartRouteRefreshContext
   }));
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     var _a2, _b2, _c2;
     if (isSell || smartRoute.isFetching || ((_a2 = smartRoute.data) == null ? void 0 : _a2.venueMarketOutcomeId) !== scopedSelectedOutcomeId) {
       return;
@@ -12659,7 +12761,7 @@ var PlaceOrder = ({
     smartRoute.isFetching,
     user == null ? void 0 : user.id
   ]);
-  const inheritedBuyGeoBlockedVenues = (0, import_react17.useMemo)(() => {
+  const inheritedBuyGeoBlockedVenues = (0, import_react18.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;
@@ -12675,7 +12777,7 @@ var PlaceOrder = ({
     scopedSelectedOutcomeId,
     user == null ? void 0 : user.id
   ]);
-  const venueSellQuoteRequests = (0, import_react17.useMemo)(
+  const venueSellQuoteRequests = (0, import_react18.useMemo)(
     () => {
       var _a2;
       return isSell && !smartRoute.isLoading && ((_a2 = smartRoute.data) == null ? void 0 : _a2.venueMarketOutcomeId) === scopedSelectedOutcomeId ? buildVenueSellQuoteRequests({
@@ -12695,7 +12797,7 @@ var PlaceOrder = ({
     enabled: isSell && isSmartRouteEnabled && !smartRoute.isLoading && ((_o = smartRoute.data) == null ? void 0 : _o.venueMarketOutcomeId) === scopedSelectedOutcomeId,
     refreshContext: smartRouteRefreshContext
   });
-  const currentSellableShares = (0, import_react17.useMemo)(() => {
+  const currentSellableShares = (0, import_react18.useMemo)(() => {
     var _a2, _b2;
     const sharesFromQuote = (_b2 = (_a2 = smartRoute.data) == null ? void 0 : _a2.positionAvailability) == null ? void 0 : _b2.totalSellableShares;
     if (typeof sharesFromQuote === "number" && Number.isFinite(sharesFromQuote)) {
@@ -12705,22 +12807,22 @@ var PlaceOrder = ({
     for (const size of sellableSharesByVenue.values()) resolvedShares += size;
     return Math.max(0, resolvedShares);
   }, [sellableSharesByVenue, (_q = (_p = smartRoute.data) == null ? void 0 : _p.positionAvailability) == null ? void 0 : _q.totalSellableShares]);
-  const maxSellableShares = (0, import_react17.useMemo)(
+  const maxSellableShares = (0, import_react18.useMemo)(
     () => floorToDecimals(currentSellableShares, SELL_SHARE_INPUT_DECIMALS),
     [currentSellableShares]
   );
   const isCurrentSellableSharesLoading = isSell && isAuthenticated && !(typeof ((_s = (_r = smartRoute.data) == null ? void 0 : _r.positionAvailability) == null ? void 0 : _s.totalSellableShares) === "number") && (isExecutionPositionsLoading || isExecutionPositionsFetching);
-  const displayedCurrentSellableShares = (0, import_react17.useMemo)(() => {
+  const displayedCurrentSellableShares = (0, import_react18.useMemo)(() => {
     if (!Number.isFinite(currentSellableShares) || currentSellableShares <= 0) return 0;
     return floorToDecimals(currentSellableShares, SELL_SHARE_DISPLAY_DECIMALS);
   }, [currentSellableShares]);
-  const displayedCurrentSellableSharesLabel = (0, import_react17.useMemo)(
+  const displayedCurrentSellableSharesLabel = (0, import_react18.useMemo)(
     () => `${formatFlooredShareAmount(maxSellableShares, SELL_SHARE_DISPLAY_DECIMALS)} shares`,
     [maxSellableShares]
   );
   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;
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (submissionProgressState != null) return;
     if (!isSell || isCurrentSellableSharesLoading) return;
     if (scopedSelectedOutcomeId === sellFilledForOutcomeId) return;
@@ -12736,7 +12838,7 @@ var PlaceOrder = ({
     onAmountChange,
     submissionProgressState
   ]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     var _a2, _b2;
     if (submissionProgressState != null || !isSell) return;
     if (((_a2 = smartRoute.data) == null ? void 0 : _a2.venueMarketOutcomeId) !== scopedSelectedOutcomeId) return;
@@ -12760,7 +12862,7 @@ var PlaceOrder = ({
     submissionProgressState
   ]);
   const scopedSmartRouteData = ((_y = smartRoute.data) == null ? void 0 : _y.venueMarketOutcomeId) === scopedSelectedOutcomeId ? smartRoute.data : null;
-  const routeCards = (0, import_react17.useMemo)(() => {
+  const routeCards = (0, import_react18.useMemo)(() => {
     const eventVenues = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets.map((market) => market.venue);
     if (isSell) {
       return buildLiveSellRouteCards({
@@ -12804,7 +12906,22 @@ var PlaceOrder = ({
   const selectedManualRouteCard = manualRouteSelectionIdentity ? routeCards.find(
     (card) => getPlaceOrderRouteCardIdentity(card) === manualRouteSelectionIdentity
   ) : void 0;
-  const resolvedSelectedRouteCardId = (0, import_react17.useMemo)(() => {
+  const legacyKalshiAccount = (0, import_react18.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 = (0, import_hooks41.getVenueAvailabilityState)({
+    venueId: "kalshi",
+    disabledVenues,
+    isConfigLoading: isAppConfigLoading
+  }) === "available";
+  const isKalshiDisconnected = !isPaperMode && isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && !isKalshiAccountActive;
+  const resolvedSelectedRouteCardId = (0, import_react18.useMemo)(() => {
     var _a2;
     if (selectedManualRouteCard && !selectedManualRouteCard.isUnavailable) {
       return selectedManualRouteCard.id;
@@ -12813,17 +12930,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
   ]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (routeCards.length === 0) {
       if (isRouteCardsTransient) return;
       setSelectedRouteCardId(null);
@@ -12847,19 +12967,19 @@ var PlaceOrder = ({
     selectedRouteCardId
   ]);
   const isSubmissionLocked = submissionProgressState != null;
-  const isSubmissionLockedRef = (0, import_react17.useRef)(isSubmissionLocked);
+  const isSubmissionLockedRef = (0, import_react18.useRef)(isSubmissionLocked);
   isSubmissionLockedRef.current = isSubmissionLocked;
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (isSubmissionLockedRef.current) return;
     setSubmissionFeedback(null);
     setSubmissionProgressState(null);
   }, [executionType, internalAmount, internalSlippage, internalTab, scopedSelectedOutcomeId]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (showLimitOrders || executionType !== "limit") return;
     setExecutionType("market");
     setIsLimitExpirationPickerOpen(false);
   }, [executionType, showLimitOrders]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (executionType !== "limit") {
       limitPriceInitializedForOutcomeRef.current = void 0;
       return;
@@ -12872,18 +12992,18 @@ var PlaceOrder = ({
     setLimitPriceInputValue(formatLimitPriceInputValue(nextLimitPrice));
     setLimitPriceInputError(null);
   }, [executionType, scopedSelectedOutcomeId, selectedOutcomeDisplayPrice]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     setSelectedLimitVenue(null);
   }, [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id, scopedSelectedOutcomeId]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     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 selectedSharedKycVenue = (0, import_react17.useMemo)(() => {
+  const selectedRouteCard = (_E = (_D = orderedRouteCards.find((card) => card.id === resolvedSelectedRouteCardId)) != null ? _D : orderedRouteCards[0]) != null ? _E : null;
+  const selectedSharedKycVenue = (0, import_react18.useMemo)(() => {
     var _a2, _b2;
     const candidateVenue = isLimitOrder ? selectedLimitVenueOption == null ? void 0 : selectedLimitVenueOption.venue : (_b2 = (_a2 = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData.fills.find(
       (fill) => venueRequiresSharedKyc({ venue: fill.venue })
@@ -12893,30 +13013,16 @@ var PlaceOrder = ({
     return parsedVenue.success ? parsedVenue.data : null;
   }, [isLimitOrder, selectedLimitVenueOption == null ? void 0 : selectedLimitVenueOption.venue, selectedRouteCard]);
   const needsSharedKycVerification = !isPaperMode && isAuthenticated && sharedKyc !== void 0 && selectedSharedKycVenue !== null && sharedKyc.status !== "verified";
-  const isKalshiRoute = (0, import_react17.useMemo)(() => {
+  const isKalshiRoute = (0, import_react18.useMemo)(() => {
     if (isLimitOrder) return (selectedLimitVenueOption == null ? void 0 : selectedLimitVenueOption.venue) === import_sdk19.Venue.kalshi;
     if (selectedRouteCard) {
       return selectedRouteCard.venue === "kalshi" || selectedRouteCard.quoteData.fills.some((f) => f.venue === "kalshi");
     }
     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 = (0, import_react17.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 = (0, import_hooks41.getVenueAvailabilityState)({
-    venueId: "kalshi",
-    disabledVenues,
-    isConfigLoading: isAppConfigLoading
-  }) === "available";
-  const needsKalshiConnection = !isPaperMode && isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && isKalshiRoute && !isKalshiAccountActive;
-  const handleVerifyKalshi = (0, import_react17.useCallback)(
+  const displayedBalance = isPaperMode ? paperTotalBalance : isKalshiRoute ? (_F = liveBalanceState.kalshiBalance) != null ? _F : 0 : liveAvailableBalance;
+  const needsKalshiConnection = isKalshiDisconnected && isKalshiRoute;
+  const handleVerifyKalshi = (0, import_react18.useCallback)(
     (credentials) => __async(null, null, function* () {
       if (onConnectKalshi) {
         yield onConnectKalshi(credentials);
@@ -12934,7 +13040,7 @@ var PlaceOrder = ({
     }),
     [aggClient, onConnectKalshi, refetchKalshiKeyStatus]
   );
-  const handleRouteCardSelect = (0, import_react17.useCallback)(
+  const handleRouteCardSelect = (0, import_react18.useCallback)(
     (cardId) => {
       const card = routeCards.find((routeCard) => routeCard.id === cardId);
       if (!card || card.isUnavailable) return;
@@ -12971,7 +13077,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 = (0, import_react17.useRef)({
+  const executionProgressFloorRef = (0, import_react18.useRef)({
     quoteId: null,
     value: 0
   });
@@ -12982,7 +13088,7 @@ var PlaceOrder = ({
   const executionDateSource = (_R = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.endDate) != null ? _R : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.endDate;
   const executionDateLabel = executionDateSource ? getTradingDateLabel(executionDateSource) : "";
   const executionQuoteData = (_T = (_S = submissionProgressState == null ? void 0 : submissionProgressState.quoteData) != null ? _S : selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _T : null;
-  const executionOrderGroups = (0, import_react17.useMemo)(() => {
+  const executionOrderGroups = (0, import_react18.useMemo)(() => {
     var _a2, _b2, _c2;
     if (!executionQuoteData) return [];
     return deriveExecutionOrderGroups({
@@ -13005,7 +13111,7 @@ var PlaceOrder = ({
     (_U = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) == null ? void 0 : _U.length,
     tradingLabels
   ]);
-  const executionProgressPercent = (0, import_react17.useMemo)(() => {
+  const executionProgressPercent = (0, import_react18.useMemo)(() => {
     var _a2, _b2, _c2;
     const quoteId = (_a2 = submissionProgressState == null ? void 0 : submissionProgressState.quoteId) != null ? _a2 : null;
     const previousProgress = executionProgressFloorRef.current.quoteId === quoteId ? executionProgressFloorRef.current.value : 0;
@@ -13025,7 +13131,7 @@ var PlaceOrder = ({
     submissionProgressState == null ? void 0 : submissionProgressState.orderIds,
     submissionProgressState == null ? void 0 : submissionProgressState.quoteId
   ]);
-  const buildExecutionSummary = (0, import_react17.useCallback)(
+  const buildExecutionSummary = (0, import_react18.useCallback)(
     (quoteData, executionVenue, orderId, partialFillSummary) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2;
       if (!quoteData) return void 0;
@@ -13129,7 +13235,7 @@ var PlaceOrder = ({
       tradingLabels
     ]
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (executionProgress.phase === "order_submitted") {
       const submittedOrder = executionProgress.submittedOrders[0];
       setSubmissionProgressState((prev) => {
@@ -13142,7 +13248,7 @@ var PlaceOrder = ({
       });
     }
   }, [executionProgress.phase, executionProgress.submittedOrders]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     var _a2, _b2;
     const dp = executionProgress.dagProgress;
     if (!dp) return;
@@ -13197,7 +13303,7 @@ var PlaceOrder = ({
       return __spreadProps(__spreadValues({}, prev), { dagProgress: dp });
     });
   }, [executionOrderGroups, executionProgress.dagProgress, tradingLabels]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const orderIds = submissionProgressState == null ? void 0 : submissionProgressState.orderIds;
     if (!(orderIds == null ? void 0 : orderIds.length)) return;
     const aggregateStatus = deriveAggregateOrderStatus(
@@ -13258,7 +13364,7 @@ var PlaceOrder = ({
     tradingLabels
   ]);
   const estDurationMs = executionQuoteData && typeof executionQuoteData.estDurationMs === "number" ? executionQuoteData.estDurationMs : 6e4;
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const phase = submissionProgressState == null ? void 0 : submissionProgressState.phase;
     if (phase !== "submitting" && phase !== "executing") return;
     const timeoutMs = Math.max(6e4, 2 * estDurationMs);
@@ -13273,7 +13379,7 @@ var PlaceOrder = ({
     }, timeoutMs);
     return () => clearTimeout(id);
   }, [submissionProgressState == null ? void 0 : submissionProgressState.phase, estDurationMs, tradingLabels.orderStillSettling]);
-  const emitTerminalOrderNotifications = (0, import_react17.useCallback)(() => {
+  const emitTerminalOrderNotifications = (0, import_react18.useCallback)(() => {
     const toast = toastCtx == null ? void 0 : toastCtx.toast;
     if (!toast) return;
     for (const event of executionProgress.terminalOrderEvents) {
@@ -13302,7 +13408,7 @@ var PlaceOrder = ({
       });
     }
   }, [executionProgress.terminalOrderEvents, labels, toastCtx]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     var _a2, _b2;
     if (!submissionProgressState) return;
     onExecutionStateChange == null ? void 0 : onExecutionStateChange(submissionProgressState);
@@ -13377,7 +13483,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_react17.useMemo)(() => {
+  const quoteStatus = (0, import_react18.useMemo)(() => {
     if (!orderEligibility.canPlaceOrder) return void 0;
     return resolvePlaceOrderQuoteStatus({
       amount: internalAmount,
@@ -13394,7 +13500,7 @@ var PlaceOrder = ({
     scopedSelectedMarket,
     tradingLabels
   ]);
-  const smartRouteErrorMessage = (0, import_react17.useMemo)(() => {
+  const smartRouteErrorMessage = (0, import_react18.useMemo)(() => {
     var _a2;
     const quoteError = (_a2 = smartRoute.error) != null ? _a2 : isSell ? venueSellQuotes.error : null;
     if (!quoteError || orderedRouteCards.length > 0) return null;
@@ -13405,26 +13511,26 @@ var PlaceOrder = ({
     });
   }, [isSell, orderedRouteCards.length, smartRoute.error, tradingLabels, venueSellQuotes.error]);
   const progressActionLabel = (internalTab === "buy" ? tradingLabels.buyingOutcome(selectedOutcomeLabel) : tradingLabels.sellingOutcome(selectedOutcomeLabel)).trim();
-  const retryRemainingAmount = (0, import_react17.useMemo)(() => {
+  const retryRemainingAmount = (0, import_react18.useMemo)(() => {
     return getCanonicalPlaceOrderUnfilledRemaining({
       originalAmount: internalAmount,
       tradeSide: internalTab,
       terminalOrderEvents: executionProgress.terminalOrderEvents
     });
   }, [executionProgress.terminalOrderEvents, internalAmount, internalTab]);
-  const canRetryRemaining = (0, import_react17.useMemo)(() => {
+  const canRetryRemaining = (0, import_react18.useMemo)(() => {
     if (retryRemainingAmount == null) return false;
     const minRemainder = isSell ? MIN_SELL_ORDER_SHARES : MIN_BUY_ORDER_AMOUNT;
     return retryRemainingAmount >= minRemainder;
   }, [isSell, retryRemainingAmount]);
   const PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD = 0.95;
-  const shouldAutoSkipPartialFill = (0, import_react17.useMemo)(() => {
+  const shouldAutoSkipPartialFill = (0, import_react18.useMemo)(() => {
     if (internalAmount <= 0 || retryRemainingAmount == null) return false;
     const filled = Math.max(0, internalAmount - retryRemainingAmount);
     const fillRatio = filled / internalAmount;
     return fillRatio >= PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD || !canRetryRemaining;
   }, [canRetryRemaining, internalAmount, retryRemainingAmount]);
-  const failureSummary = (0, import_react17.useMemo)(() => {
+  const failureSummary = (0, import_react18.useMemo)(() => {
     var _a2;
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return void 0;
     const quoteData = (_a2 = selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData) != null ? _a2 : activeQuoteData;
@@ -13497,14 +13603,14 @@ var PlaceOrder = ({
     submissionProgressState,
     tradingLabels
   ]);
-  const displayedToWinHint = (0, import_react17.useMemo)(() => {
+  const displayedToWinHint = (0, import_react18.useMemo)(() => {
     if (!selectedRouteCard) return "";
     const averagePrice = selectedRouteCard.executionPrice;
     return averagePrice == null ? "" : tradingLabels.averagePrice(averagePrice);
   }, [selectedRouteCard, tradingLabels]);
   const displayedToWinValue = (_Y = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _Y : 0;
-  const originalLimitPriceRaw = (0, import_react17.useMemo)(() => toLimitPriceRaw(limitPrice), [limitPrice]);
-  const limitPriceAdjustmentByVenue = (0, import_react17.useMemo)(() => {
+  const originalLimitPriceRaw = (0, import_react18.useMemo)(() => toLimitPriceRaw(limitPrice), [limitPrice]);
+  const limitPriceAdjustmentByVenue = (0, import_react18.useMemo)(() => {
     var _a2;
     const adjustments = /* @__PURE__ */ new Map();
     for (const option of visibleLimitVenueOptions) {
@@ -13532,7 +13638,7 @@ var PlaceOrder = ({
   }, [internalTab, limitVenueQuoteByVenue, originalLimitPriceRaw, visibleLimitVenueOptions]);
   const selectedLimitPriceAdjustment = selectedLimitVenueOption ? limitPriceAdjustmentByVenue.get(selectedLimitVenueOption.venue) : void 0;
   const selectedLimitPriceRaw = (_Z = selectedLimitPriceAdjustment == null ? void 0 : selectedLimitPriceAdjustment.adjustedPriceRaw) != null ? _Z : originalLimitPriceRaw;
-  const limitPriceAdjustmentMessage = (0, import_react17.useMemo)(() => {
+  const limitPriceAdjustmentMessage = (0, import_react18.useMemo)(() => {
     if (!selectedLimitVenueOption || !(selectedLimitPriceAdjustment == null ? void 0 : selectedLimitPriceAdjustment.adjusted) || !selectedLimitPriceAdjustment.tickSizeRaw) {
       return "";
     }
@@ -13550,7 +13656,7 @@ var PlaceOrder = ({
     selectedLimitVenueOption,
     tradingLabels
   ]);
-  const limitOrderPayload = (0, import_react17.useMemo)(() => {
+  const limitOrderPayload = (0, import_react18.useMemo)(() => {
     if (!selectedLimitVenueOption || internalAmount <= 0) return null;
     if (limitPriceInputError) return null;
     const effectivePriceRaw = BigInt(selectedLimitPriceRaw);
@@ -13586,7 +13692,7 @@ var PlaceOrder = ({
     selectedLimitVenueOption,
     selectedLimitPriceRaw
   ]);
-  const resolvedLimitExpirationDraftDate = (0, import_react17.useMemo)(() => {
+  const resolvedLimitExpirationDraftDate = (0, import_react18.useMemo)(() => {
     return resolveLimitExpirationDate({
       expirationType: "CUSTOM",
       customDate: limitExpirationDraftDate,
@@ -13594,7 +13700,7 @@ var PlaceOrder = ({
     });
   }, [limitExpirationDraftDate, limitExpirationDraftTime]);
   const isLimitExpirationDraftValid = isFutureLimitExpiration(resolvedLimitExpirationDraftDate);
-  const resolvedCustomExpirationDate = (0, import_react17.useMemo)(() => {
+  const resolvedCustomExpirationDate = (0, import_react18.useMemo)(() => {
     return resolveLimitExpirationDate({
       expirationType: "CUSTOM",
       customDate: limitExpirationDate,
@@ -13616,7 +13722,7 @@ var PlaceOrder = ({
       expiresAt: serializeLimitOrderExpiration(expirationDate)
     });
   };
-  const displayedLimitToWinValue = (0, import_react17.useMemo)(() => {
+  const displayedLimitToWinValue = (0, import_react18.useMemo)(() => {
     if (!limitOrderPayload) return 0;
     const size = Number(BigInt(limitOrderPayload.sizeRaw)) / Number(import_sdk19.LIMIT_PRICE_RAW_SCALE);
     if (internalTab === "buy") return size;
@@ -13627,7 +13733,7 @@ var PlaceOrder = ({
       )
     ) / Number(import_sdk19.LIMIT_PRICE_RAW_SCALE);
   }, [internalTab, limitOrderPayload]);
-  const limitRouteCards = (0, import_react17.useMemo)(() => {
+  const limitRouteCards = (0, import_react18.useMemo)(() => {
     return visibleLimitVenueOptions.map((option) => {
       var _a2, _b2, _c2, _d2;
       const effectiveLimitPriceRaw = (_b2 = (_a2 = limitPriceAdjustmentByVenue.get(option.venue)) == null ? void 0 : _a2.adjustedPriceRaw) != null ? _b2 : originalLimitPriceRaw;
@@ -13677,7 +13783,7 @@ var PlaceOrder = ({
     tradingLabels,
     visibleLimitVenueOptions
   ]);
-  const limitVenueOptionByCardId = (0, import_react17.useMemo)(() => {
+  const limitVenueOptionByCardId = (0, import_react18.useMemo)(() => {
     return new Map(
       visibleLimitVenueOptions.map((option) => [
         `limit-venue-${option.venue}-${option.venueMarketOutcomeId}`,
@@ -13700,13 +13806,13 @@ var PlaceOrder = ({
   const activeFeeBreakdown = activeQuoteData == null ? void 0 : activeQuoteData.feeBreakdown;
   const executionReserve = activeFeeBreakdown == null ? void 0 : activeFeeBreakdown.executionReserve;
   const executionReserveValue = typeof executionReserve === "number" && Number.isFinite(executionReserve) && executionReserve > 0 ? formatUsd(executionReserve, { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : null;
-  const estimatedFeesValue = (0, import_react17.useMemo)(() => {
+  const estimatedFeesValue = (0, import_react18.useMemo)(() => {
     const totalFees = getSmartRouteTotalFees(activeFeeBreakdown);
     if (totalFees == null) return null;
     return formatUsd(totalFees, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
   }, [activeFeeBreakdown]);
   const appFeeValue = (__ = activeFeeBreakdown == null ? void 0 : activeFeeBreakdown.appFee) != null ? __ : 0;
-  const feeBreakdownRows = (0, import_react17.useMemo)(() => {
+  const feeBreakdownRows = (0, import_react18.useMemo)(() => {
     var _a2;
     if (!activeFeeBreakdown) return [];
     return [
@@ -13757,30 +13863,25 @@ var PlaceOrder = ({
   const selectedLimitRouteCardId = selectedLimitVenueOption ? `limit-venue-${selectedLimitVenueOption.venue}-${selectedLimitVenueOption.venueMarketOutcomeId}` : null;
   const selectedLimitRouteCard = selectedLimitRouteCardId ? (_$ = limitRouteCards.find((card) => card.id === selectedLimitRouteCardId)) != null ? _$ : null : null;
   const selectedRouteGeoBlocked = isLimitOrder ? (_aa = selectedLimitRouteCard == null ? void 0 : selectedLimitRouteCard.isUnavailable) != null ? _aa : false : (_ba = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _ba : false;
-  const geoBlockedVenuesFromWarnings = (0, import_react17.useMemo)(
+  const geoBlockedVenuesFromWarnings = (0, import_react18.useMemo)(
     () => {
       var _a2;
       return extractGeoBlockedVenues((_a2 = smartRoute.data) == null ? void 0 : _a2.warnings);
     },
     [(_ca = smartRoute.data) == null ? void 0 : _ca.warnings]
   );
-  const isPrimaryVenueGeoBlocked = (0, import_react17.useMemo)(() => {
+  const isPrimaryVenueGeoBlocked = (0, import_react18.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 || 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));
   const shouldShowRouteToggle = !isLimitOrder && !isQuoteLoading && displayedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT;
-  const handleReturnToOrderForm = (0, import_react17.useCallback)(() => {
+  const handleReturnToOrderForm = (0, import_react18.useCallback)(() => {
     const submittedSelection = submittedSelectionRef.current;
     submittedSelectionRef.current = null;
     setSubmissionProgressState(null);
@@ -13802,7 +13903,7 @@ var PlaceOrder = ({
     const shareUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}`;
     window.open(shareUrl, "_blank", "noopener,noreferrer");
   };
-  const handleExecuteQuote = (0, import_react17.useCallback)(
+  const handleExecuteQuote = (0, import_react18.useCallback)(
     (quoteData) => __async(null, null, function* () {
       var _a2, _b2, _c2;
       const quoteId = quoteData == null ? void 0 : quoteData.quoteId;
@@ -13919,7 +14020,7 @@ var PlaceOrder = ({
       venueSellQuotes.quotes
     ]
   );
-  const handlePlaceLimitOrder = (0, import_react17.useCallback)(
+  const handlePlaceLimitOrder = (0, import_react18.useCallback)(
     (submissionLimitOrderPayload) => __async(null, null, function* () {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
       if (!showLimitOrders) return;
@@ -14002,7 +14103,7 @@ var PlaceOrder = ({
       tradingLabels
     ]
   );
-  const handleSkipToSuccess = (0, import_react17.useCallback)(() => {
+  const handleSkipToSuccess = (0, import_react18.useCallback)(() => {
     const primaryFilledEvent = executionProgress.terminalOrderEvents.find(
       (e) => e.event === "filled" || e.event === "partial_fill"
     );
@@ -14027,7 +14128,7 @@ var PlaceOrder = ({
     failureSummary,
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return;
     if ((failureSummary == null ? void 0 : failureSummary.kind) !== "partial_fill") return;
     if (!shouldAutoSkipPartialFill) return;
@@ -14038,7 +14139,7 @@ var PlaceOrder = ({
     shouldAutoSkipPartialFill,
     submissionProgressState == null ? void 0 : submissionProgressState.phase
   ]);
-  const handleRetrySubmission = (0, import_react17.useCallback)(() => __async(null, null, function* () {
+  const handleRetrySubmission = (0, import_react18.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2, _c2, _d2, _e2;
     if (!orderEligibility.canPlaceOrder || !failureSummary || failureSummary.kind === "generic") {
       handleReturnToOrderForm();
@@ -14456,7 +14557,7 @@ var PlaceOrder = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_react17.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(import_react18.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
       Card,
       {
@@ -14832,12 +14933,13 @@ var PlaceOrder = ({
                     /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(PlaceOrderRouteCardSkeleton, {}),
                     /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(PlaceOrderRouteCardSkeleton, {})
                   ] }) : activeRouteCards.length > 0 ? activeRouteCards.map((card) => {
-                    return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_react17.Fragment, { children: renderRouteCard({
+                    return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_react18.Fragment, { children: renderRouteCard({
                       card,
                       enableAnimations,
                       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);
@@ -15041,7 +15143,7 @@ var PlaceOrder = ({
                 /* @__PURE__ */ (0, import_jsx_runtime145.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_runtime145.jsx)(
-                import_react16.default,
+                import_react17.default,
                 {
                   value: isLimitOrder ? displayedLimitToWinValue : displayedToWinValue,
                   locales: locale,
@@ -15199,15 +15301,6 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
-                  shouldShowLowLiquidityWarning ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
-                    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__ */ (0, import_jsx_runtime145.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_runtime145.jsx)(
                       Icon,
@@ -15261,7 +15354,7 @@ var import_hooks42 = require("@agg-build/hooks");
 
 // src/trading/use-claim-winnings.ts
 var import_hooks43 = require("@agg-build/hooks");
-var import_react18 = require("react");
+var import_react19 = require("react");
 var toClaimError = (err) => {
   if (err instanceof Error) return err;
   return new Error(String(err));
@@ -15273,17 +15366,17 @@ function useClaimWinnings(options = {}) {
   const toastCtx = useOptionalToast();
   const queryClient = (0, import_hooks43.useQueryClient)();
   const redeemMutation = (0, import_hooks43.useRedeem)();
-  const [activeRedeems, setActiveRedeems] = (0, import_react18.useState)({});
-  const activeClaimKeysRef = (0, import_react18.useRef)(/* @__PURE__ */ new Set());
-  const pendingClaimToastIdsRef = (0, import_react18.useRef)({});
-  const submittedClaimToastKeysRef = (0, import_react18.useRef)(/* @__PURE__ */ new Set());
-  const [submittingClaimKeys, setSubmittingClaimKeys] = (0, import_react18.useState)({});
-  const lifecycleInputs = (0, import_react18.useMemo)(
+  const [activeRedeems, setActiveRedeems] = (0, import_react19.useState)({});
+  const activeClaimKeysRef = (0, import_react19.useRef)(/* @__PURE__ */ new Set());
+  const pendingClaimToastIdsRef = (0, import_react19.useRef)({});
+  const submittedClaimToastKeysRef = (0, import_react19.useRef)(/* @__PURE__ */ new Set());
+  const [submittingClaimKeys, setSubmittingClaimKeys] = (0, import_react19.useState)({});
+  const lifecycleInputs = (0, import_react19.useMemo)(
     () => Object.values(activeRedeems),
     [activeRedeems]
   );
   const lifecycleStates = (0, import_hooks43.useRedeemLifecycles)(lifecycleInputs);
-  const internalClaimingIds = (0, import_react18.useMemo)(() => {
+  const internalClaimingIds = (0, import_react19.useMemo)(() => {
     const out = __spreadValues({}, submittingClaimKeys);
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
       const state = lifecycleStates[active.redeemId];
@@ -15292,11 +15385,11 @@ function useClaimWinnings(options = {}) {
     return out;
   }, [activeRedeems, lifecycleStates, submittingClaimKeys]);
   const claimingKeys = externalClaimingKeys != null ? externalClaimingKeys : internalClaimingIds;
-  const isClaiming = (0, import_react18.useCallback)(
+  const isClaiming = (0, import_react19.useCallback)(
     (claimKey) => Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[claimKey]) || Boolean(internalClaimingIds[claimKey]),
     [externalClaimingKeys, internalClaimingIds]
   );
-  const invalidateClaimUiState = (0, import_react18.useCallback)(() => {
+  const invalidateClaimUiState = (0, import_react19.useCallback)(() => {
     (0, import_hooks43.invalidateBalanceQueries)(queryClient);
     (0, import_hooks43.invalidatePositionQueries)(queryClient);
     queryClient.invalidateQueries({
@@ -15305,7 +15398,7 @@ function useClaimWinnings(options = {}) {
     });
     (0, import_hooks43.invalidateUserActivityQueries)(queryClient);
   }, [queryClient]);
-  const claim = (0, import_react18.useCallback)(
+  const claim = (0, import_react19.useCallback)(
     (_0) => __async(null, [_0], function* ({ claimKey, winningOutcomeIds, payload }) {
       if (activeClaimKeysRef.current.has(claimKey) || Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[claimKey]) || internalClaimingIds[claimKey]) {
         return;
@@ -15443,8 +15536,8 @@ function useClaimWinnings(options = {}) {
       toastCtx
     ]
   );
-  const firedTerminalRef = (0, import_react18.useRef)({});
-  (0, import_react18.useEffect)(() => {
+  const firedTerminalRef = (0, import_react19.useRef)({});
+  (0, import_react19.useEffect)(() => {
     var _a, _b;
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
       const state = lifecycleStates[active.redeemId];
@@ -15501,7 +15594,7 @@ function useClaimWinnings(options = {}) {
 
 // src/trading/use-resolved-market-claim.ts
 var import_hooks44 = require("@agg-build/hooks");
-var import_react19 = require("react");
+var import_react20 = require("react");
 var sharesFormatter = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
 var dateFormatter = new Intl.DateTimeFormat("en-US", {
   month: "short",
@@ -15518,7 +15611,7 @@ function useResolvedMarketClaim(options = {}) {
   var _a;
   const { market, enabled = true, executionMode } = options;
   const { isAuthenticated } = (0, import_hooks44.useAggAuthState)();
-  const tradingState = (0, import_react19.useMemo)(() => (0, import_hooks44.resolveMarketTradingState)(market), [market]);
+  const tradingState = (0, import_react20.useMemo)(() => (0, import_hooks44.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);
@@ -15528,7 +15621,7 @@ function useResolvedMarketClaim(options = {}) {
     limit: 50
   }, executionMode === "paper" ? { mode: "paper" } : {}));
   const claimWinnings = useClaimWinnings();
-  return (0, import_react19.useMemo)(() => {
+  return (0, import_react20.useMemo)(() => {
     var _a2;
     if (!shouldFetch || !marketId) return void 0;
     const group = positions.find(