@agg-build/ui 4.17.0 → 4.17.3

package/dist/pages.js

@@ -103,7 +103,7 @@ module.exports = __toCommonJS(pages_exports);
 // src/pages/home/index.tsx
 var import_hooks75 = require("@agg-build/hooks");
 var import_sdk25 = require("@agg-build/sdk");
-var import_react48 = require("react");
+var import_react49 = require("react");
 
 // src/events/item/index.tsx
 var import_hooks38 = require("@agg-build/hooks");
@@ -8166,7 +8166,8 @@ var ModalContainer = ({
   maxWidth = "600px",
   classNames,
   "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy
+  "aria-labelledby": ariaLabelledBy,
+  onOpenAutoFocus
 }) => {
   const {
     general: { rootClassName },
@@ -8197,6 +8198,7 @@ var ModalContainer = ({
         ),
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledBy,
+        onOpenAutoFocus,
         onCloseAutoFocus: (event) => {
           event.preventDefault();
         },
@@ -11523,7 +11525,7 @@ EventList.displayName = "EventList";
 
 // src/pages/event-market/index.tsx
 var import_hooks74 = require("@agg-build/hooks");
-var import_react45 = require("react");
+var import_react46 = require("react");
 
 // src/events/item-details/index.tsx
 var import_hooks51 = require("@agg-build/hooks");
@@ -13906,13 +13908,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;
@@ -13947,7 +13950,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), {
@@ -13961,7 +13964,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;
@@ -13975,9 +13978,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) => {
@@ -14016,6 +14017,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")
@@ -14025,6 +14032,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;
@@ -14041,8 +14053,8 @@ var SettlementVenueRules = ({
     /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementFullRulesTitle }),
     /* @__PURE__ */ (0, import_jsx_runtime147.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_runtime147.jsxs)("details", { className: "group/agg-settlement-rule w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime147.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_runtime147.jsxs)("details", { className: "w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime147.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_runtime147.jsx)(
             VenueLogo,
             {
@@ -14066,7 +14078,7 @@ var SettlementVenueRules = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(SettlementTextRenderer, { content: rule.content }) })
+        /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "mt-3 pl-6", children: rule.content ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(SettlementTextRenderer, { content: rule.content }) : /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground", children: labels.trading.settlementValueUnavailable }) })
       ] }, rule.venue);
     }) })
   ] });
@@ -14094,9 +14106,10 @@ var Settlement = ({
     }),
     [eventDescription, marketDescription, primaryRules]
   );
+  const isSingleVenueCluster = settlementVenues !== void 0 && settlementVenues.length < 2;
   const settlementDifferences = (0, import_react23.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;
@@ -14112,7 +14125,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;
@@ -17533,12 +17546,12 @@ SettlementDetails.displayName = "SettlementDetails";
 // src/trading/place-order/index.tsx
 var import_hooks67 = require("@agg-build/hooks");
 var import_sdk24 = require("@agg-build/sdk");
-var import_react37 = __toESM(require("@number-flow/react"));
+var import_react38 = __toESM(require("@number-flow/react"));
 var Popover = __toESM(require("@radix-ui/react-popover"));
 var import_dayjs8 = __toESM(require("dayjs"));
 var import_timezone2 = __toESM(require("dayjs/plugin/timezone"));
 var import_utc2 = __toESM(require("dayjs/plugin/utc"));
-var import_react38 = require("react");
+var import_react39 = require("react");
 
 // src/geo-block-banner/index.tsx
 var import_hooks57 = require("@agg-build/hooks");
@@ -18439,6 +18452,27 @@ var getSafeConnectionError = ({
     error.message
   ).trim();
 };
+var CloseButton = ({
+  className,
+  disabled
+}) => {
+  const labels = (0, import_hooks64.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
+    Dialog5.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_runtime163.jsx)(Icon, { name: "close", size: "medium", className: "!text-agg-foreground" })
+    }
+  );
+};
 var ConnectKalshiModal = ({
   open,
   onOpenChange,
@@ -18469,12 +18503,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_react35.useCallback)((event) => {
+    var _a;
+    event.preventDefault();
+    (_a = apiKeyInputRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+  }, []);
   const handleOpenChange = (0, import_react35.useCallback)(
     (nextOpen) => {
       if (isVerifying && !nextOpen) return;
@@ -18517,207 +18551,211 @@ var ConnectKalshiModal = ({
     [handleVerify]
   );
   if (availabilityState === "hidden") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime163.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_runtime163.jsx)("div", { className: "flex h-[60px] shrink-0 items-center justify-end px-8", children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
-          Dialog5.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_runtime163.jsx)(Icon, { name: "close", size: "medium" })
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Modal.Body, { classNames: { root: "!px-5 !pb-12 !pt-0 sm:!px-10" }, children: isConnected ? /* @__PURE__ */ (0, import_jsx_runtime163.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_runtime163.jsxs)(Modal.Body, { classNames: { root: "relative !px-5 !py-8 md:!px-10 md:!py-12" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(CloseButton, { className: "absolute right-5 top-5 md:right-8 md:top-8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime163.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_runtime163.jsx)("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success", children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
-                Icon,
-                {
-                  name: "success-check",
-                  className: "size-7 text-agg-on-primary",
-                  "aria-hidden": "true"
-                }
-              ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Icon, { name: "success-check", className: "size-6 text-agg-success", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Dialog5.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.title }),
-                /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Dialog5.Description, { className: "max-w-[480px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.description })
+                /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Dialog5.Description, { className: "text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.description })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(
-                Button,
-                {
-                  variant: "primary",
-                  size: "large",
-                  className: "min-w-[120px]",
-                  onClick: () => handleOpenChange(false),
-                  children: labels.onboarding.connectKalshiModal.success.done
-                }
-              )
+              /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Button, { variant: "secondary", size: "large", onClick: () => handleOpenChange(false), children: labels.onboarding.connectKalshiModal.success.done })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("form", { className: "flex flex-col items-center gap-8", onSubmit: handleSubmit, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(VenueLogo, { venue: import_sdk22.Venue.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Dialog5.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Dialog5.Description, { className: "max-w-[520px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime163.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_runtime163.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_runtime163.jsxs)("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("p", { children: [
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
-                  " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
-                  " ",
+        )
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("form", { className: "flex min-h-0 flex-1 flex-col", onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime163.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_runtime163.jsxs)("div", { className: "flex flex-col gap-6 md:items-center md:gap-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex w-full flex-col md:contents", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex items-center gap-3 md:contents", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime163.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_sdk22.Venue.kalshi,
+                      variant: "logo",
+                      size: "large",
+                      className: "!size-10 md:!mb-8 md:!size-[60px]"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Dialog5.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_runtime163.jsx)(
+                    CloseButton,
+                    {
+                      disabled: isVerifying,
+                      className: "ml-auto shrink-0 md:absolute md:right-8 md:top-8 md:ml-0"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("p", { children: [
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
-                  " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("p", { children: [
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
-                  " ",
-                  /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
-                  labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("br", {}),
-                labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime163.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_runtime163.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_runtime163.jsx)(Dialog5.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_runtime163.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime163.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_runtime163.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_runtime163.jsxs)("div", { className: "flex w-full flex-col gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime163.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_runtime163.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_runtime163.jsxs)("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                    /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("p", { children: [
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime163.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_runtime163.jsxs)("p", { children: [
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("p", { children: [
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                      labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                    labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
+                    /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("br", {}),
+                    labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col gap-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime163.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_runtime163.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_runtime163.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+                  /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime163.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_runtime163.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_runtime163.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime163.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_runtime163.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_runtime163.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime163.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_runtime163.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_runtime163.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Icon, { name: "document", size: "small", className: "size-4 text-agg-primary" }),
-                labels.onboarding.connectKalshiModal.help.docsLinkLabel
+                  ] })
+                ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Icon, { name: "play-square", size: "small", className: "size-4 text-agg-primary" }),
-                labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
-              ] })
+              error ? /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(
+                "div",
+                {
+                  id: errorId,
+                  className: "flex items-center gap-2 md:justify-center",
+                  role: "alert",
+                  "aria-live": "assertive",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+                  ]
+                }
+              ) : null
             ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex flex-col items-center gap-5", children: [
-            error ? /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(
-              "div",
-              {
-                id: errorId,
-                className: "flex items-center gap-2",
-                role: "alert",
-                "aria-live": "assertive",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
-                ]
-              }
-            ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", { className: "flex items-center justify-center gap-3", children: [
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime163.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_runtime163.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_runtime163.jsx)(
                 Button,
                 {
                   variant: "secondary",
                   size: "large",
+                  className: "shrink-0",
                   onClick: () => handleOpenChange(false),
                   disabled: isVerifying,
                   children: labels.onboarding.connectKalshiModal.actions.cancel
@@ -18729,15 +18767,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
                 }
               )
-            ] })
-          ] })
-        ] }) })
-      ]
+            ]
+          }
+        )
+      ] })
     }
   ) });
 };
@@ -19225,14 +19264,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;
@@ -19243,22 +19278,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");
@@ -19869,16 +19888,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;
@@ -21084,9 +21108,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) => {
@@ -21096,19 +21120,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,
@@ -21329,6 +21356,7 @@ var calculateExecutionProgress = ({
 };
 
 // src/trading/place-order/index.place-order.execution-view.tsx
+var import_react37 = require("react");
 var import_jsx_runtime166 = require("react/jsx-runtime");
 var PlaceOrderExecutionHeader = ({
   className,
@@ -21351,6 +21379,85 @@ var PlaceOrderExecutionHeader = ({
     eventDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime166.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_react37.useState)(target);
+  const valueRef = (0, import_react37.useRef)(target);
+  (0, import_react37.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_runtime166.jsxs)("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("p", { className: "shrink-0 tabular-nums text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
+      displayed,
+      "%"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.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_runtime166.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
@@ -21486,21 +21593,14 @@ var PlaceOrderExecutionView = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: cn("flex flex-col gap-5", classNames == null ? void 0 : classNames.content), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime166.jsxs)("p", { className: "shrink-0 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
-              progress,
-              "%"
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime166.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_runtime166.jsx)(
+            ExecutionProgressBar,
+            {
+              enableAnimations,
+              label: labels.executingOrder,
+              progress
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(
             PlaceOrderExecutionGroups,
             {
@@ -21748,7 +21848,7 @@ var PlaceOrderSuccessView = ({
           /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
             /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
               /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.orderPayout }),
-              potentialReturnLabel ? /* @__PURE__ */ (0, import_jsx_runtime168.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_runtime168.jsx)("span", { className: "agg-type-overline agg-text-brand", children: potentialReturnLabel }) : null
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("p", { className: "shrink-0 text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedPayoutLabel })
           ] })
@@ -21890,24 +21990,24 @@ var PlaceOrderSlippageControl = ({
 }) => {
   var _a, _b;
   const labels = (0, import_hooks67.useLabels)();
-  const containerRef = (0, import_react38.useRef)(null);
-  const triggerRef = (0, import_react38.useRef)(null);
-  const inputRef = (0, import_react38.useRef)(null);
-  const warningId = (0, import_react38.useId)();
+  const containerRef = (0, import_react39.useRef)(null);
+  const triggerRef = (0, import_react39.useRef)(null);
+  const inputRef = (0, import_react39.useRef)(null);
+  const warningId = (0, import_react39.useId)();
   const defaultValue = finalizePercentageValue(slippageDefaultValue);
   const committedValue = finalizePercentageValue(slippageValue) || defaultValue;
-  const [draftValue, setDraftValue] = (0, import_react38.useState)(committedValue);
-  const [isEditing, setIsEditing] = (0, import_react38.useState)(
+  const [draftValue, setDraftValue] = (0, import_react39.useState)(committedValue);
+  const [isEditing, setIsEditing] = (0, import_react39.useState)(
     () => isPercentageBelowMinimum(committedValue, slippageMinimumValue)
   );
-  const [shouldFocusInput, setShouldFocusInput] = (0, import_react38.useState)(false);
-  (0, import_react38.useEffect)(() => {
+  const [shouldFocusInput, setShouldFocusInput] = (0, import_react39.useState)(false);
+  (0, import_react39.useEffect)(() => {
     setDraftValue(committedValue);
     if (isPercentageBelowMinimum(committedValue, slippageMinimumValue)) {
       setIsEditing(true);
     }
   }, [committedValue, slippageMinimumValue]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (!shouldFocusInput) return;
     requestAnimationFrame(() => {
       var _a2, _b2;
@@ -21924,7 +22024,7 @@ var PlaceOrderSlippageControl = ({
     Number(committedValue || slippageDefaultValue || DEFAULT_SLIPPAGE_VALUE)
   );
   const resolvedAutoLabel = labels.trading.resetSlippage;
-  const resolvedWarningMessage = (0, import_react38.useMemo)(() => {
+  const resolvedWarningMessage = (0, import_react39.useMemo)(() => {
     if (isLowSlippage) {
       return labels.trading.slippageLow(slippageMinimumValue);
     }
@@ -22331,13 +22431,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_runtime169.jsx)(
     "button",
@@ -22391,7 +22493,7 @@ var renderRouteCard = ({
                     className: "shrink-0 text-agg-muted-foreground",
                     "aria-hidden": "true"
                   }
-                ) : showSharedKycRequirement || card.insufficientInventory ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
+                ) : showKalshiRequirement || showSharedKycRequirement || card.insufficientInventory ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
                   Icon,
                   {
                     name: "warning",
@@ -22474,10 +22576,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_react38.useMemo)(() => {
+  const resolvedEventTradingState = (0, import_react39.useMemo)(() => {
     return eventTradingState != null ? eventTradingState : (0, import_hooks67.resolveEventTradingState)(selectedEvent);
   }, [eventTradingState, selectedEvent]);
-  const scopedSelectedEvent = (0, import_react38.useMemo)(() => {
+  const scopedSelectedEvent = (0, import_react39.useMemo)(() => {
     var _a2;
     if (!selectedEvent) return null;
     const primaryMarketId = (_a2 = resolvedEventTradingState.primaryMarket) == null ? void 0 : _a2.id;
@@ -22487,7 +22589,7 @@ var PlaceOrder = ({
     );
     return isSelectedEventInScope ? selectedEvent : null;
   }, [(_d = resolvedEventTradingState.primaryMarket) == null ? void 0 : _d.id, selectedEvent]);
-  const scopedSelectedMarket = (0, import_react38.useMemo)(() => {
+  const scopedSelectedMarket = (0, import_react39.useMemo)(() => {
     if (!selectedMarket) return resolvedEventTradingState.primaryMarket;
     const isSelectedMarketInScope = resolvedEventTradingState.marketStates.some(
       (item) => item.market.id === selectedMarket.id
@@ -22502,10 +22604,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_react38.useMemo)(() => {
+  const resolvedTradingState = (0, import_react39.useMemo)(() => {
     return (0, import_hooks67.resolveMarketTradingState)(scopedSelectedMarket);
   }, [scopedSelectedMarket]);
-  const resolvedReadOnlyMarket = (0, import_react38.useMemo)(() => {
+  const resolvedReadOnlyMarket = (0, import_react39.useMemo)(() => {
     var _a2;
     if (resolvedEventTradingState.kind !== "resolved") {
       return scopedSelectedMarket;
@@ -22516,11 +22618,11 @@ var PlaceOrder = ({
     resolvedEventTradingState.primaryMarket,
     scopedSelectedMarket
   ]);
-  const resolvedReadOnlyTradingState = (0, import_react38.useMemo)(() => {
+  const resolvedReadOnlyTradingState = (0, import_react39.useMemo)(() => {
     return (0, import_hooks67.resolveMarketTradingState)(resolvedReadOnlyMarket);
   }, [resolvedReadOnlyMarket]);
   const isEndedWithoutKnownWinner = showResolvingState && !resolvedEventTradingState.winningOutcome && !resolvedReadOnlyTradingState.winningOutcome;
-  const orderEligibility = (0, import_react38.useMemo)(
+  const orderEligibility = (0, import_react39.useMemo)(
     () => (0, import_hooks67.resolveOrderEligibility)({
       event: scopedSelectedEvent,
       market: scopedSelectedMarket,
@@ -22543,7 +22645,7 @@ var PlaceOrder = ({
     enabled: Boolean(isAuthenticated && isPaperMode),
     mode: "paper"
   });
-  const paperTotalBalance = (0, import_react38.useMemo)(() => {
+  const paperTotalBalance = (0, import_react39.useMemo)(() => {
     var _a2, _b2;
     const cash = (_b2 = (_a2 = paperBalancesQuery.balances) == null ? void 0 : _a2.cash) != null ? _b2 : [];
     return cash.reduce((sum, token) => {
@@ -22568,8 +22670,8 @@ var PlaceOrder = ({
     import_sdk24.Venue.kalshi,
     isAuthenticated
   );
-  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react38.useState)(false);
-  const [isFundKalshiModalOpen, setIsFundKalshiModalOpen] = (0, import_react38.useState)(false);
+  const [isConnectKalshiModalOpen, setIsConnectKalshiModalOpen] = (0, import_react39.useState)(false);
+  const [isFundKalshiModalOpen, setIsFundKalshiModalOpen] = (0, import_react39.useState)(false);
   const livePrices = (0, import_hooks67.useLiveOutcomePrices)(
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
@@ -22581,41 +22683,41 @@ var PlaceOrder = ({
   const clusterBestMidpointsByOutcomeId = (_j = clusterMidpointResult.bestMidpointsByOutcomeId) != null ? _j : clusterMidpointResult.prices;
   const clusterBestMidpoint = clusterMidpointResult.bestMidpoint;
   const clusterBestPricesRest = clusterMidpointResult.bestPrices;
-  const clusterBestPrices = (0, import_react38.useMemo)(
+  const clusterBestPrices = (0, import_react39.useMemo)(
     () => (0, import_hooks67.mergeBestPricesPreferringLive)(clusterBestPricesRest, wsBestPrices),
     [clusterBestPricesRest, wsBestPrices]
   );
-  const [internalTab, setInternalTab] = (0, import_react38.useState)("buy");
-  const [executionType, setExecutionType] = (0, import_react38.useState)("market");
-  const [selectedLimitVenue, setSelectedLimitVenue] = (0, import_react38.useState)(null);
-  const [limitPrice, setLimitPrice] = (0, import_react38.useState)(0.5);
-  const [limitPriceInputValue, setLimitPriceInputValue] = (0, import_react38.useState)(formatLimitPriceInputValue(0.5));
-  const [limitPriceInputError, setLimitPriceInputError] = (0, import_react38.useState)(null);
-  const [limitExpirationType, setLimitExpirationType] = (0, import_react38.useState)("GTC");
-  const [limitExpirationDate, setLimitExpirationDate] = (0, import_react38.useState)(void 0);
-  const [limitExpirationTime, setLimitExpirationTime] = (0, import_react38.useState)("17:00");
-  const [limitExpirationDraftDate, setLimitExpirationDraftDate] = (0, import_react38.useState)();
-  const [limitExpirationDraftTime, setLimitExpirationDraftTime] = (0, import_react38.useState)("17:00");
-  const [limitExpirationPickerView, setLimitExpirationPickerView] = (0, import_react38.useState)("options");
-  const [isLimitExpirationPickerOpen, setIsLimitExpirationPickerOpen] = (0, import_react38.useState)(false);
-  const [internalAmount, setInternalAmount] = (0, import_react38.useState)(PLACE_ORDER_DEFAULT_AMOUNT);
-  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = (0, import_react38.useState)(null);
-  const [internalSlippage] = (0, import_react38.useState)(DEFAULT_SLIPPAGE_VALUE);
-  const [isRoutesExpanded, setIsRoutesExpanded] = (0, import_react38.useState)(false);
-  const [selectedRouteCardId, setSelectedRouteCardId] = (0, import_react38.useState)(null);
-  const [manualRouteSelectionIdentity, setManualRouteSelectionIdentity] = (0, import_react38.useState)(
+  const [internalTab, setInternalTab] = (0, import_react39.useState)("buy");
+  const [executionType, setExecutionType] = (0, import_react39.useState)("market");
+  const [selectedLimitVenue, setSelectedLimitVenue] = (0, import_react39.useState)(null);
+  const [limitPrice, setLimitPrice] = (0, import_react39.useState)(0.5);
+  const [limitPriceInputValue, setLimitPriceInputValue] = (0, import_react39.useState)(formatLimitPriceInputValue(0.5));
+  const [limitPriceInputError, setLimitPriceInputError] = (0, import_react39.useState)(null);
+  const [limitExpirationType, setLimitExpirationType] = (0, import_react39.useState)("GTC");
+  const [limitExpirationDate, setLimitExpirationDate] = (0, import_react39.useState)(void 0);
+  const [limitExpirationTime, setLimitExpirationTime] = (0, import_react39.useState)("17:00");
+  const [limitExpirationDraftDate, setLimitExpirationDraftDate] = (0, import_react39.useState)();
+  const [limitExpirationDraftTime, setLimitExpirationDraftTime] = (0, import_react39.useState)("17:00");
+  const [limitExpirationPickerView, setLimitExpirationPickerView] = (0, import_react39.useState)("options");
+  const [isLimitExpirationPickerOpen, setIsLimitExpirationPickerOpen] = (0, import_react39.useState)(false);
+  const [internalAmount, setInternalAmount] = (0, import_react39.useState)(PLACE_ORDER_DEFAULT_AMOUNT);
+  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = (0, import_react39.useState)(null);
+  const [internalSlippage] = (0, import_react39.useState)(DEFAULT_SLIPPAGE_VALUE);
+  const [isRoutesExpanded, setIsRoutesExpanded] = (0, import_react39.useState)(false);
+  const [selectedRouteCardId, setSelectedRouteCardId] = (0, import_react39.useState)(null);
+  const [manualRouteSelectionIdentity, setManualRouteSelectionIdentity] = (0, import_react39.useState)(
     null
   );
-  const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react38.useState)(false);
-  const [buyGeoBlockSnapshot, setBuyGeoBlockSnapshot] = (0, import_react38.useState)(null);
-  const [submissionFeedback, setSubmissionFeedback] = (0, import_react38.useState)(null);
-  const [submissionProgressState, setSubmissionProgressState] = (0, import_react38.useState)(null);
-  const [isBeforeActionPending, setIsBeforeActionPending] = (0, import_react38.useState)(false);
-  const outcomes = (0, import_react38.useMemo)(
+  const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react39.useState)(false);
+  const [buyGeoBlockSnapshot, setBuyGeoBlockSnapshot] = (0, import_react39.useState)(null);
+  const [submissionFeedback, setSubmissionFeedback] = (0, import_react39.useState)(null);
+  const [submissionProgressState, setSubmissionProgressState] = (0, import_react39.useState)(null);
+  const [isBeforeActionPending, setIsBeforeActionPending] = (0, import_react39.useState)(false);
+  const outcomes = (0, import_react39.useMemo)(
     () => mapVenueMarketOutcomesToPlaceOrderOutcomes(scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes),
     [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes]
   );
-  const selectedOutcomeDisplayPrice = (0, import_react38.useMemo)(() => {
+  const selectedOutcomeDisplayPrice = (0, import_react39.useMemo)(() => {
     var _a2;
     if (!scopedSelectedOutcomeId || !scopedSelectedOutcome) return 0.5;
     return getDisplayOutcomePrice({
@@ -22638,25 +22740,25 @@ var PlaceOrder = ({
     scopedSelectedOutcomeId,
     tradingContext == null ? void 0 : tradingContext.tradeSide
   ]);
-  const buyTabRef = (0, import_react38.useRef)(null);
-  const sellTabRef = (0, import_react38.useRef)(null);
-  const expirationTriggerRef = (0, import_react38.useRef)(null);
-  const limitPriceInitializedForOutcomeRef = (0, import_react38.useRef)(void 0);
-  const expirationOptionRefs = (0, import_react38.useRef)([]);
-  const shouldFocusExpirationOptionsRef = (0, import_react38.useRef)(false);
-  const expirationTimeInputId = (0, import_react38.useId)();
-  const executionDebugStoreRef = (0, import_react38.useRef)(null);
-  const executionDebugAttemptIdRef = (0, import_react38.useRef)(null);
-  const submittedSelectionRef = (0, import_react38.useRef)(null);
-  const lastValidRouteCardsRef = (0, import_react38.useRef)(null);
-  (0, import_react38.useEffect)(() => {
+  const buyTabRef = (0, import_react39.useRef)(null);
+  const sellTabRef = (0, import_react39.useRef)(null);
+  const expirationTriggerRef = (0, import_react39.useRef)(null);
+  const limitPriceInitializedForOutcomeRef = (0, import_react39.useRef)(void 0);
+  const expirationOptionRefs = (0, import_react39.useRef)([]);
+  const shouldFocusExpirationOptionsRef = (0, import_react39.useRef)(false);
+  const expirationTimeInputId = (0, import_react39.useId)();
+  const executionDebugStoreRef = (0, import_react39.useRef)(null);
+  const executionDebugAttemptIdRef = (0, import_react39.useRef)(null);
+  const submittedSelectionRef = (0, import_react39.useRef)(null);
+  const lastValidRouteCardsRef = (0, import_react39.useRef)(null);
+  (0, import_react39.useEffect)(() => {
     if (!isExecutionDebugEnabled) {
       executionDebugStoreRef.current = null;
       return;
     }
     executionDebugStoreRef.current = enableExecutionDebugInBrowser();
   }, [isExecutionDebugEnabled]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     var _a2;
     if (!isLimitExpirationPickerOpen) return;
     if (limitExpirationPickerView !== "options") return;
@@ -22664,7 +22766,7 @@ var PlaceOrder = ({
     (_a2 = expirationOptionRefs.current[LIMIT_EXPIRATION_OPTION_COUNT - 1]) == null ? void 0 : _a2.focus();
     shouldFocusExpirationOptionsRef.current = false;
   }, [isLimitExpirationPickerOpen, limitExpirationPickerView]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (!isExecutionDebugEnabled) return;
     const store = executionDebugStoreRef.current;
     if (!store) return;
@@ -22679,8 +22781,8 @@ var PlaceOrder = ({
   const debouncedAmount = (0, import_hooks67.useDebouncedValue)(internalAmount, 300);
   const isQuoteInputEditing = internalAmount !== debouncedAmount;
   const isLimitOrder = showLimitOrders && executionType === "limit";
-  const isSell = (0, import_react38.useMemo)(() => internalTab === "sell", [internalTab]);
-  const limitVenueOptions = (0, import_react38.useMemo)(
+  const isSell = (0, import_react39.useMemo)(() => internalTab === "sell", [internalTab]);
+  const limitVenueOptions = (0, import_react39.useMemo)(
     () => {
       var _a2;
       return buildLimitOrderVenueOptions({
@@ -22692,7 +22794,7 @@ var PlaceOrder = ({
     },
     [clusterMidpointResult, livePrices, scopedSelectedMarket, scopedSelectedOutcomeId]
   );
-  const visibleLimitVenueOptions = (0, import_react38.useMemo)(() => {
+  const visibleLimitVenueOptions = (0, import_react39.useMemo)(() => {
     return limitVenueOptions.filter((option) => {
       return (0, import_hooks67.getVenueAvailabilityState)({
         venueId: option.venue,
@@ -22710,7 +22812,7 @@ var PlaceOrder = ({
     enabled: Boolean(isAuthenticated && isSell),
     mode: isPaperMode ? "paper" : void 0
   });
-  const sellableSharesByVenue = (0, import_react38.useMemo)(
+  const sellableSharesByVenue = (0, import_react39.useMemo)(
     () => isSell ? resolveSellableSharesByVenue({
       positions: executionPositions,
       market: scopedSelectedMarket,
@@ -22731,7 +22833,7 @@ var PlaceOrder = ({
     isPanelActive: isQuotePanelActive,
     isSubmitting: submissionProgressState != null || isBeforeActionPending || executeManaged.isPending || placeLimitOrder.isPending
   };
-  const limitVenueQuoteRequests = (0, import_react38.useMemo)(
+  const limitVenueQuoteRequests = (0, import_react39.useMemo)(
     () => visibleLimitVenueOptions.map((option) => ({
       venue: option.venue,
       venueMarketOutcomeId: option.venueMarketOutcomeId
@@ -22752,11 +22854,11 @@ var PlaceOrder = ({
     enabled: isLimitVenueQuoteEnabled,
     refreshContext: smartRouteRefreshContext
   });
-  const limitVenueQuoteByVenue = (0, import_react38.useMemo)(
+  const limitVenueQuoteByVenue = (0, import_react39.useMemo)(
     () => new Map(limitVenueQuotes.quotes.map((quote) => [quote.request.venue, quote])),
     [limitVenueQuotes.quotes]
   );
-  const geoBlockedLimitVenues = (0, import_react38.useMemo)(() => {
+  const geoBlockedLimitVenues = (0, import_react39.useMemo)(() => {
     var _a2;
     const venues = /* @__PURE__ */ new Set();
     for (const quote of limitVenueQuotes.quotes) {
@@ -22766,7 +22868,7 @@ var PlaceOrder = ({
     }
     return venues;
   }, [limitVenueQuotes.quotes]);
-  const availableLimitVenueOptions = (0, import_react38.useMemo)(() => {
+  const availableLimitVenueOptions = (0, import_react39.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
@@ -22788,11 +22890,11 @@ var PlaceOrder = ({
     sellableSharesByVenue,
     visibleLimitVenueOptions
   ]);
-  const automaticLimitVenueOption = (0, import_react38.useMemo)(
+  const automaticLimitVenueOption = (0, import_react39.useMemo)(
     () => resolveAutomaticLimitOrderVenueOption(availableLimitVenueOptions, internalTab),
     [availableLimitVenueOptions, internalTab]
   );
-  const selectedLimitVenueOption = (0, import_react38.useMemo)(() => {
+  const selectedLimitVenueOption = (0, import_react39.useMemo)(() => {
     if (selectedLimitVenue) {
       const selectedOption = availableLimitVenueOptions.find(
         (option) => option.venue === selectedLimitVenue
@@ -22801,7 +22903,7 @@ var PlaceOrder = ({
     }
     return automaticLimitVenueOption;
   }, [automaticLimitVenueOption, availableLimitVenueOptions, selectedLimitVenue]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (!selectedLimitVenue || !geoBlockedLimitVenues.has(selectedLimitVenue)) return;
     setSelectedLimitVenue(null);
   }, [geoBlockedLimitVenues, selectedLimitVenue]);
@@ -22830,7 +22932,7 @@ var PlaceOrder = ({
   } : {}), {
     refreshContext: smartRouteRefreshContext
   }));
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     var _a2, _b2, _c2;
     if (isSell || smartRoute.isFetching || ((_a2 = smartRoute.data) == null ? void 0 : _a2.venueMarketOutcomeId) !== scopedSelectedOutcomeId) {
       return;
@@ -22852,7 +22954,7 @@ var PlaceOrder = ({
     smartRoute.isFetching,
     user == null ? void 0 : user.id
   ]);
-  const inheritedBuyGeoBlockedVenues = (0, import_react38.useMemo)(() => {
+  const inheritedBuyGeoBlockedVenues = (0, import_react39.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;
@@ -22868,7 +22970,7 @@ var PlaceOrder = ({
     scopedSelectedOutcomeId,
     user == null ? void 0 : user.id
   ]);
-  const venueSellQuoteRequests = (0, import_react38.useMemo)(
+  const venueSellQuoteRequests = (0, import_react39.useMemo)(
     () => {
       var _a2;
       return isSell && !smartRoute.isLoading && ((_a2 = smartRoute.data) == null ? void 0 : _a2.venueMarketOutcomeId) === scopedSelectedOutcomeId ? buildVenueSellQuoteRequests({
@@ -22888,7 +22990,7 @@ var PlaceOrder = ({
     enabled: isSell && isSmartRouteEnabled && !smartRoute.isLoading && ((_o = smartRoute.data) == null ? void 0 : _o.venueMarketOutcomeId) === scopedSelectedOutcomeId,
     refreshContext: smartRouteRefreshContext
   });
-  const currentSellableShares = (0, import_react38.useMemo)(() => {
+  const currentSellableShares = (0, import_react39.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)) {
@@ -22898,22 +23000,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_react38.useMemo)(
+  const maxSellableShares = (0, import_react39.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_react38.useMemo)(() => {
+  const displayedCurrentSellableShares = (0, import_react39.useMemo)(() => {
     if (!Number.isFinite(currentSellableShares) || currentSellableShares <= 0) return 0;
     return floorToDecimals(currentSellableShares, SELL_SHARE_DISPLAY_DECIMALS);
   }, [currentSellableShares]);
-  const displayedCurrentSellableSharesLabel = (0, import_react38.useMemo)(
+  const displayedCurrentSellableSharesLabel = (0, import_react39.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_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (submissionProgressState != null) return;
     if (!isSell || isCurrentSellableSharesLoading) return;
     if (scopedSelectedOutcomeId === sellFilledForOutcomeId) return;
@@ -22929,7 +23031,7 @@ var PlaceOrder = ({
     onAmountChange,
     submissionProgressState
   ]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     var _a2, _b2;
     if (submissionProgressState != null || !isSell) return;
     if (((_a2 = smartRoute.data) == null ? void 0 : _a2.venueMarketOutcomeId) !== scopedSelectedOutcomeId) return;
@@ -22953,7 +23055,7 @@ var PlaceOrder = ({
     submissionProgressState
   ]);
   const scopedSmartRouteData = ((_y = smartRoute.data) == null ? void 0 : _y.venueMarketOutcomeId) === scopedSelectedOutcomeId ? smartRoute.data : null;
-  const routeCards = (0, import_react38.useMemo)(() => {
+  const routeCards = (0, import_react39.useMemo)(() => {
     const eventVenues = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets.map((market) => market.venue);
     if (isSell) {
       return buildLiveSellRouteCards({
@@ -22997,7 +23099,22 @@ var PlaceOrder = ({
   const selectedManualRouteCard = manualRouteSelectionIdentity ? routeCards.find(
     (card) => getPlaceOrderRouteCardIdentity(card) === manualRouteSelectionIdentity
   ) : void 0;
-  const resolvedSelectedRouteCardId = (0, import_react38.useMemo)(() => {
+  const legacyKalshiAccount = (0, import_react39.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_hooks67.getVenueAvailabilityState)({
+    venueId: "kalshi",
+    disabledVenues,
+    isConfigLoading: isAppConfigLoading
+  }) === "available";
+  const isKalshiDisconnected = !isPaperMode && isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && !isKalshiAccountActive;
+  const resolvedSelectedRouteCardId = (0, import_react39.useMemo)(() => {
     var _a2;
     if (selectedManualRouteCard && !selectedManualRouteCard.isUnavailable) {
       return selectedManualRouteCard.id;
@@ -23006,17 +23123,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_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (routeCards.length === 0) {
       if (isRouteCardsTransient) return;
       setSelectedRouteCardId(null);
@@ -23040,19 +23160,19 @@ var PlaceOrder = ({
     selectedRouteCardId
   ]);
   const isSubmissionLocked = submissionProgressState != null;
-  const isSubmissionLockedRef = (0, import_react38.useRef)(isSubmissionLocked);
+  const isSubmissionLockedRef = (0, import_react39.useRef)(isSubmissionLocked);
   isSubmissionLockedRef.current = isSubmissionLocked;
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (isSubmissionLockedRef.current) return;
     setSubmissionFeedback(null);
     setSubmissionProgressState(null);
   }, [executionType, internalAmount, internalSlippage, internalTab, scopedSelectedOutcomeId]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (showLimitOrders || executionType !== "limit") return;
     setExecutionType("market");
     setIsLimitExpirationPickerOpen(false);
   }, [executionType, showLimitOrders]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (executionType !== "limit") {
       limitPriceInitializedForOutcomeRef.current = void 0;
       return;
@@ -23065,18 +23185,18 @@ var PlaceOrder = ({
     setLimitPriceInputValue(formatLimitPriceInputValue(nextLimitPrice));
     setLimitPriceInputError(null);
   }, [executionType, scopedSelectedOutcomeId, selectedOutcomeDisplayPrice]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     setSelectedLimitVenue(null);
   }, [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.id, scopedSelectedOutcomeId]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.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_react38.useMemo)(() => {
+  const selectedRouteCard = (_E = (_D = orderedRouteCards.find((card) => card.id === resolvedSelectedRouteCardId)) != null ? _D : orderedRouteCards[0]) != null ? _E : null;
+  const selectedSharedKycVenue = (0, import_react39.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 })
@@ -23086,30 +23206,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_react38.useMemo)(() => {
+  const isKalshiRoute = (0, import_react39.useMemo)(() => {
     if (isLimitOrder) return (selectedLimitVenueOption == null ? void 0 : selectedLimitVenueOption.venue) === import_sdk24.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_react38.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_hooks67.getVenueAvailabilityState)({
-    venueId: "kalshi",
-    disabledVenues,
-    isConfigLoading: isAppConfigLoading
-  }) === "available";
-  const needsKalshiConnection = !isPaperMode && isAuthenticated && hasKalshiConnectionState && isKalshiAvailable && isKalshiRoute && !isKalshiAccountActive;
-  const handleVerifyKalshi = (0, import_react38.useCallback)(
+  const displayedBalance = isPaperMode ? paperTotalBalance : isKalshiRoute ? (_F = liveBalanceState.kalshiBalance) != null ? _F : 0 : liveAvailableBalance;
+  const needsKalshiConnection = isKalshiDisconnected && isKalshiRoute;
+  const handleVerifyKalshi = (0, import_react39.useCallback)(
     (credentials) => __async(null, null, function* () {
       if (onConnectKalshi) {
         yield onConnectKalshi(credentials);
@@ -23127,7 +23233,7 @@ var PlaceOrder = ({
     }),
     [aggClient, onConnectKalshi, refetchKalshiKeyStatus]
   );
-  const handleRouteCardSelect = (0, import_react38.useCallback)(
+  const handleRouteCardSelect = (0, import_react39.useCallback)(
     (cardId) => {
       const card = routeCards.find((routeCard) => routeCard.id === cardId);
       if (!card || card.isUnavailable) return;
@@ -23164,7 +23270,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_react38.useRef)({
+  const executionProgressFloorRef = (0, import_react39.useRef)({
     quoteId: null,
     value: 0
   });
@@ -23175,7 +23281,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_react38.useMemo)(() => {
+  const executionOrderGroups = (0, import_react39.useMemo)(() => {
     var _a2, _b2, _c2;
     if (!executionQuoteData) return [];
     return deriveExecutionOrderGroups({
@@ -23198,7 +23304,7 @@ var PlaceOrder = ({
     (_U = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) == null ? void 0 : _U.length,
     tradingLabels
   ]);
-  const executionProgressPercent = (0, import_react38.useMemo)(() => {
+  const executionProgressPercent = (0, import_react39.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;
@@ -23218,7 +23324,7 @@ var PlaceOrder = ({
     submissionProgressState == null ? void 0 : submissionProgressState.orderIds,
     submissionProgressState == null ? void 0 : submissionProgressState.quoteId
   ]);
-  const buildExecutionSummary = (0, import_react38.useCallback)(
+  const buildExecutionSummary = (0, import_react39.useCallback)(
     (quoteData, executionVenue, orderId, partialFillSummary) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2;
       if (!quoteData) return void 0;
@@ -23322,7 +23428,7 @@ var PlaceOrder = ({
       tradingLabels
     ]
   );
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (executionProgress.phase === "order_submitted") {
       const submittedOrder = executionProgress.submittedOrders[0];
       setSubmissionProgressState((prev) => {
@@ -23335,7 +23441,7 @@ var PlaceOrder = ({
       });
     }
   }, [executionProgress.phase, executionProgress.submittedOrders]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     var _a2, _b2;
     const dp = executionProgress.dagProgress;
     if (!dp) return;
@@ -23390,7 +23496,7 @@ var PlaceOrder = ({
       return __spreadProps(__spreadValues({}, prev), { dagProgress: dp });
     });
   }, [executionOrderGroups, executionProgress.dagProgress, tradingLabels]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     const orderIds = submissionProgressState == null ? void 0 : submissionProgressState.orderIds;
     if (!(orderIds == null ? void 0 : orderIds.length)) return;
     const aggregateStatus = deriveAggregateOrderStatus(
@@ -23451,7 +23557,7 @@ var PlaceOrder = ({
     tradingLabels
   ]);
   const estDurationMs = executionQuoteData && typeof executionQuoteData.estDurationMs === "number" ? executionQuoteData.estDurationMs : 6e4;
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     const phase = submissionProgressState == null ? void 0 : submissionProgressState.phase;
     if (phase !== "submitting" && phase !== "executing") return;
     const timeoutMs = Math.max(6e4, 2 * estDurationMs);
@@ -23466,7 +23572,7 @@ var PlaceOrder = ({
     }, timeoutMs);
     return () => clearTimeout(id);
   }, [submissionProgressState == null ? void 0 : submissionProgressState.phase, estDurationMs, tradingLabels.orderStillSettling]);
-  const emitTerminalOrderNotifications = (0, import_react38.useCallback)(() => {
+  const emitTerminalOrderNotifications = (0, import_react39.useCallback)(() => {
     const toast = toastCtx == null ? void 0 : toastCtx.toast;
     if (!toast) return;
     for (const event of executionProgress.terminalOrderEvents) {
@@ -23495,7 +23601,7 @@ var PlaceOrder = ({
       });
     }
   }, [executionProgress.terminalOrderEvents, labels, toastCtx]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     var _a2, _b2;
     if (!submissionProgressState) return;
     onExecutionStateChange == null ? void 0 : onExecutionStateChange(submissionProgressState);
@@ -23570,7 +23676,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_react38.useMemo)(() => {
+  const quoteStatus = (0, import_react39.useMemo)(() => {
     if (!orderEligibility.canPlaceOrder) return void 0;
     return resolvePlaceOrderQuoteStatus({
       amount: internalAmount,
@@ -23587,7 +23693,7 @@ var PlaceOrder = ({
     scopedSelectedMarket,
     tradingLabels
   ]);
-  const smartRouteErrorMessage = (0, import_react38.useMemo)(() => {
+  const smartRouteErrorMessage = (0, import_react39.useMemo)(() => {
     var _a2;
     const quoteError = (_a2 = smartRoute.error) != null ? _a2 : isSell ? venueSellQuotes.error : null;
     if (!quoteError || orderedRouteCards.length > 0) return null;
@@ -23598,26 +23704,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_react38.useMemo)(() => {
+  const retryRemainingAmount = (0, import_react39.useMemo)(() => {
     return getCanonicalPlaceOrderUnfilledRemaining({
       originalAmount: internalAmount,
       tradeSide: internalTab,
       terminalOrderEvents: executionProgress.terminalOrderEvents
     });
   }, [executionProgress.terminalOrderEvents, internalAmount, internalTab]);
-  const canRetryRemaining = (0, import_react38.useMemo)(() => {
+  const canRetryRemaining = (0, import_react39.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_react38.useMemo)(() => {
+  const shouldAutoSkipPartialFill = (0, import_react39.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_react38.useMemo)(() => {
+  const failureSummary = (0, import_react39.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;
@@ -23690,14 +23796,14 @@ var PlaceOrder = ({
     submissionProgressState,
     tradingLabels
   ]);
-  const displayedToWinHint = (0, import_react38.useMemo)(() => {
+  const displayedToWinHint = (0, import_react39.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_react38.useMemo)(() => toLimitPriceRaw(limitPrice), [limitPrice]);
-  const limitPriceAdjustmentByVenue = (0, import_react38.useMemo)(() => {
+  const originalLimitPriceRaw = (0, import_react39.useMemo)(() => toLimitPriceRaw(limitPrice), [limitPrice]);
+  const limitPriceAdjustmentByVenue = (0, import_react39.useMemo)(() => {
     var _a2;
     const adjustments = /* @__PURE__ */ new Map();
     for (const option of visibleLimitVenueOptions) {
@@ -23725,7 +23831,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_react38.useMemo)(() => {
+  const limitPriceAdjustmentMessage = (0, import_react39.useMemo)(() => {
     if (!selectedLimitVenueOption || !(selectedLimitPriceAdjustment == null ? void 0 : selectedLimitPriceAdjustment.adjusted) || !selectedLimitPriceAdjustment.tickSizeRaw) {
       return "";
     }
@@ -23743,7 +23849,7 @@ var PlaceOrder = ({
     selectedLimitVenueOption,
     tradingLabels
   ]);
-  const limitOrderPayload = (0, import_react38.useMemo)(() => {
+  const limitOrderPayload = (0, import_react39.useMemo)(() => {
     if (!selectedLimitVenueOption || internalAmount <= 0) return null;
     if (limitPriceInputError) return null;
     const effectivePriceRaw = BigInt(selectedLimitPriceRaw);
@@ -23779,7 +23885,7 @@ var PlaceOrder = ({
     selectedLimitVenueOption,
     selectedLimitPriceRaw
   ]);
-  const resolvedLimitExpirationDraftDate = (0, import_react38.useMemo)(() => {
+  const resolvedLimitExpirationDraftDate = (0, import_react39.useMemo)(() => {
     return resolveLimitExpirationDate({
       expirationType: "CUSTOM",
       customDate: limitExpirationDraftDate,
@@ -23787,7 +23893,7 @@ var PlaceOrder = ({
     });
   }, [limitExpirationDraftDate, limitExpirationDraftTime]);
   const isLimitExpirationDraftValid = isFutureLimitExpiration(resolvedLimitExpirationDraftDate);
-  const resolvedCustomExpirationDate = (0, import_react38.useMemo)(() => {
+  const resolvedCustomExpirationDate = (0, import_react39.useMemo)(() => {
     return resolveLimitExpirationDate({
       expirationType: "CUSTOM",
       customDate: limitExpirationDate,
@@ -23809,7 +23915,7 @@ var PlaceOrder = ({
       expiresAt: serializeLimitOrderExpiration(expirationDate)
     });
   };
-  const displayedLimitToWinValue = (0, import_react38.useMemo)(() => {
+  const displayedLimitToWinValue = (0, import_react39.useMemo)(() => {
     if (!limitOrderPayload) return 0;
     const size = Number(BigInt(limitOrderPayload.sizeRaw)) / Number(import_sdk24.LIMIT_PRICE_RAW_SCALE);
     if (internalTab === "buy") return size;
@@ -23820,7 +23926,7 @@ var PlaceOrder = ({
       )
     ) / Number(import_sdk24.LIMIT_PRICE_RAW_SCALE);
   }, [internalTab, limitOrderPayload]);
-  const limitRouteCards = (0, import_react38.useMemo)(() => {
+  const limitRouteCards = (0, import_react39.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;
@@ -23870,7 +23976,7 @@ var PlaceOrder = ({
     tradingLabels,
     visibleLimitVenueOptions
   ]);
-  const limitVenueOptionByCardId = (0, import_react38.useMemo)(() => {
+  const limitVenueOptionByCardId = (0, import_react39.useMemo)(() => {
     return new Map(
       visibleLimitVenueOptions.map((option) => [
         `limit-venue-${option.venue}-${option.venueMarketOutcomeId}`,
@@ -23893,13 +23999,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_react38.useMemo)(() => {
+  const estimatedFeesValue = (0, import_react39.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_react38.useMemo)(() => {
+  const feeBreakdownRows = (0, import_react39.useMemo)(() => {
     var _a2;
     if (!activeFeeBreakdown) return [];
     return [
@@ -23950,30 +24056,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_react38.useMemo)(
+  const geoBlockedVenuesFromWarnings = (0, import_react39.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_react38.useMemo)(() => {
+  const isPrimaryVenueGeoBlocked = (0, import_react39.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_react38.useCallback)(() => {
+  const handleReturnToOrderForm = (0, import_react39.useCallback)(() => {
     const submittedSelection = submittedSelectionRef.current;
     submittedSelectionRef.current = null;
     setSubmissionProgressState(null);
@@ -23995,7 +24096,7 @@ var PlaceOrder = ({
     const shareUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}`;
     window.open(shareUrl, "_blank", "noopener,noreferrer");
   };
-  const handleExecuteQuote = (0, import_react38.useCallback)(
+  const handleExecuteQuote = (0, import_react39.useCallback)(
     (quoteData) => __async(null, null, function* () {
       var _a2, _b2, _c2;
       const quoteId = quoteData == null ? void 0 : quoteData.quoteId;
@@ -24112,7 +24213,7 @@ var PlaceOrder = ({
       venueSellQuotes.quotes
     ]
   );
-  const handlePlaceLimitOrder = (0, import_react38.useCallback)(
+  const handlePlaceLimitOrder = (0, import_react39.useCallback)(
     (submissionLimitOrderPayload) => __async(null, null, function* () {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
       if (!showLimitOrders) return;
@@ -24195,7 +24296,7 @@ var PlaceOrder = ({
       tradingLabels
     ]
   );
-  const handleSkipToSuccess = (0, import_react38.useCallback)(() => {
+  const handleSkipToSuccess = (0, import_react39.useCallback)(() => {
     const primaryFilledEvent = executionProgress.terminalOrderEvents.find(
       (e) => e.event === "filled" || e.event === "partial_fill"
     );
@@ -24220,7 +24321,7 @@ var PlaceOrder = ({
     failureSummary,
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return;
     if ((failureSummary == null ? void 0 : failureSummary.kind) !== "partial_fill") return;
     if (!shouldAutoSkipPartialFill) return;
@@ -24231,7 +24332,7 @@ var PlaceOrder = ({
     shouldAutoSkipPartialFill,
     submissionProgressState == null ? void 0 : submissionProgressState.phase
   ]);
-  const handleRetrySubmission = (0, import_react38.useCallback)(() => __async(null, null, function* () {
+  const handleRetrySubmission = (0, import_react39.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2, _c2, _d2, _e2;
     if (!orderEligibility.canPlaceOrder || !failureSummary || failureSummary.kind === "generic") {
       handleReturnToOrderForm();
@@ -24649,7 +24750,7 @@ var PlaceOrder = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(import_react38.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(import_react39.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(
       Card,
       {
@@ -25025,12 +25126,13 @@ var PlaceOrder = ({
                     /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(PlaceOrderRouteCardSkeleton, {}),
                     /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(PlaceOrderRouteCardSkeleton, {})
                   ] }) : activeRouteCards.length > 0 ? activeRouteCards.map((card) => {
-                    return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_react38.Fragment, { children: renderRouteCard({
+                    return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_react39.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);
@@ -25234,7 +25336,7 @@ var PlaceOrder = ({
                 /* @__PURE__ */ (0, import_jsx_runtime169.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_runtime169.jsx)(
-                import_react37.default,
+                import_react38.default,
                 {
                   value: isLimitOrder ? displayedLimitToWinValue : displayedToWinValue,
                   locales: locale,
@@ -25392,15 +25494,6 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
-                  shouldShowLowLiquidityWarning ? /* @__PURE__ */ (0, import_jsx_runtime169.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_runtime169.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_runtime169.jsx)(
                       Icon,
@@ -25451,7 +25544,7 @@ PlaceOrder.displayName = "PlaceOrder";
 
 // src/trading/use-claim-winnings.ts
 var import_hooks68 = require("@agg-build/hooks");
-var import_react39 = require("react");
+var import_react40 = require("react");
 var toClaimError = (err) => {
   if (err instanceof Error) return err;
   return new Error(String(err));
@@ -25463,17 +25556,17 @@ function useClaimWinnings(options = {}) {
   const toastCtx = useOptionalToast();
   const queryClient = (0, import_hooks68.useQueryClient)();
   const redeemMutation = (0, import_hooks68.useRedeem)();
-  const [activeRedeems, setActiveRedeems] = (0, import_react39.useState)({});
-  const activeClaimKeysRef = (0, import_react39.useRef)(/* @__PURE__ */ new Set());
-  const pendingClaimToastIdsRef = (0, import_react39.useRef)({});
-  const submittedClaimToastKeysRef = (0, import_react39.useRef)(/* @__PURE__ */ new Set());
-  const [submittingClaimKeys, setSubmittingClaimKeys] = (0, import_react39.useState)({});
-  const lifecycleInputs = (0, import_react39.useMemo)(
+  const [activeRedeems, setActiveRedeems] = (0, import_react40.useState)({});
+  const activeClaimKeysRef = (0, import_react40.useRef)(/* @__PURE__ */ new Set());
+  const pendingClaimToastIdsRef = (0, import_react40.useRef)({});
+  const submittedClaimToastKeysRef = (0, import_react40.useRef)(/* @__PURE__ */ new Set());
+  const [submittingClaimKeys, setSubmittingClaimKeys] = (0, import_react40.useState)({});
+  const lifecycleInputs = (0, import_react40.useMemo)(
     () => Object.values(activeRedeems),
     [activeRedeems]
   );
   const lifecycleStates = (0, import_hooks68.useRedeemLifecycles)(lifecycleInputs);
-  const internalClaimingIds = (0, import_react39.useMemo)(() => {
+  const internalClaimingIds = (0, import_react40.useMemo)(() => {
     const out = __spreadValues({}, submittingClaimKeys);
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
       const state = lifecycleStates[active.redeemId];
@@ -25482,11 +25575,11 @@ function useClaimWinnings(options = {}) {
     return out;
   }, [activeRedeems, lifecycleStates, submittingClaimKeys]);
   const claimingKeys = externalClaimingKeys != null ? externalClaimingKeys : internalClaimingIds;
-  const isClaiming = (0, import_react39.useCallback)(
+  const isClaiming = (0, import_react40.useCallback)(
     (claimKey) => Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[claimKey]) || Boolean(internalClaimingIds[claimKey]),
     [externalClaimingKeys, internalClaimingIds]
   );
-  const invalidateClaimUiState = (0, import_react39.useCallback)(() => {
+  const invalidateClaimUiState = (0, import_react40.useCallback)(() => {
     (0, import_hooks68.invalidateBalanceQueries)(queryClient);
     (0, import_hooks68.invalidatePositionQueries)(queryClient);
     queryClient.invalidateQueries({
@@ -25495,7 +25588,7 @@ function useClaimWinnings(options = {}) {
     });
     (0, import_hooks68.invalidateUserActivityQueries)(queryClient);
   }, [queryClient]);
-  const claim = (0, import_react39.useCallback)(
+  const claim = (0, import_react40.useCallback)(
     (_0) => __async(null, [_0], function* ({ claimKey, winningOutcomeIds, payload }) {
       if (activeClaimKeysRef.current.has(claimKey) || Boolean(externalClaimingKeys == null ? void 0 : externalClaimingKeys[claimKey]) || internalClaimingIds[claimKey]) {
         return;
@@ -25633,8 +25726,8 @@ function useClaimWinnings(options = {}) {
       toastCtx
     ]
   );
-  const firedTerminalRef = (0, import_react39.useRef)({});
-  (0, import_react39.useEffect)(() => {
+  const firedTerminalRef = (0, import_react40.useRef)({});
+  (0, import_react40.useEffect)(() => {
     var _a, _b;
     for (const [claimKey, active] of Object.entries(activeRedeems)) {
       const state = lifecycleStates[active.redeemId];
@@ -25691,7 +25784,7 @@ function useClaimWinnings(options = {}) {
 
 // src/trading/use-resolved-market-claim.ts
 var import_hooks69 = require("@agg-build/hooks");
-var import_react40 = require("react");
+var import_react41 = require("react");
 var sharesFormatter = new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 });
 var dateFormatter = new Intl.DateTimeFormat("en-US", {
   month: "short",
@@ -25708,7 +25801,7 @@ function useResolvedMarketClaim(options = {}) {
   var _a;
   const { market, enabled = true, executionMode } = options;
   const { isAuthenticated } = (0, import_hooks69.useAggAuthState)();
-  const tradingState = (0, import_react40.useMemo)(() => (0, import_hooks69.resolveMarketTradingState)(market), [market]);
+  const tradingState = (0, import_react41.useMemo)(() => (0, import_hooks69.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);
@@ -25718,7 +25811,7 @@ function useResolvedMarketClaim(options = {}) {
     limit: 50
   }, executionMode === "paper" ? { mode: "paper" } : {}));
   const claimWinnings = useClaimWinnings();
-  return (0, import_react40.useMemo)(() => {
+  return (0, import_react41.useMemo)(() => {
     var _a2;
     if (!shouldFetch || !marketId) return void 0;
     const group = positions.find(
@@ -25815,7 +25908,7 @@ var resolveEventMarketPageStickyState = ({
 // src/pages/event-market/event-market.shared.tsx
 var import_hooks70 = require("@agg-build/hooks");
 var Dialog8 = __toESM(require("@radix-ui/react-dialog"));
-var import_react41 = require("react");
+var import_react42 = require("react");
 var import_jsx_runtime170 = require("react/jsx-runtime");
 var MOBILE_EVENT_MARKET_MEDIA_QUERY = "(max-width: 1023px)";
 var SPORTS_EVENT_MARKET_MEDIA_QUERY = "(max-width: 1279px)";
@@ -25825,10 +25918,10 @@ var getIsMobileEventMarketViewport = (mediaQuery = MOBILE_EVENT_MARKET_MEDIA_QUE
   return window.matchMedia(mediaQuery).matches;
 };
 var useIsMobileEventMarketViewport = (mediaQuery = MOBILE_EVENT_MARKET_MEDIA_QUERY) => {
-  const [isMobileViewport, setIsMobileViewport] = (0, import_react41.useState)(
+  const [isMobileViewport, setIsMobileViewport] = (0, import_react42.useState)(
     () => getIsMobileEventMarketViewport(mediaQuery)
   );
-  (0, import_react41.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (typeof window === "undefined") return;
     if (typeof window.matchMedia !== "function") return;
     const mediaQueryList = window.matchMedia(mediaQuery);
@@ -26053,11 +26146,11 @@ var EventMarketPageLoadingState = ({
 
 // src/pages/event-market/sports-event-market-page.tsx
 var import_hooks73 = require("@agg-build/hooks");
-var import_react44 = require("react");
+var import_react45 = require("react");
 
 // src/pages/event-market/sports-markets.tsx
 var import_hooks72 = require("@agg-build/hooks");
-var import_react43 = require("react");
+var import_react44 = require("react");
 
 // src/pages/event-market/sports-event-market.utils.ts
 var SPORTS_MARKET_TYPE_KEYS = [
@@ -27072,7 +27165,7 @@ var mergeSportsSectionMarketsIntoEvent = ({
 
 // src/pages/event-market/sports-market-card.tsx
 var import_hooks71 = require("@agg-build/hooks");
-var import_react42 = require("react");
+var import_react43 = require("react");
 
 // src/pages/event-market/sports-line-rail.tsx
 var React = __toESM(require("react"));
@@ -27425,18 +27518,18 @@ var SportsMarketCard = ({
     formatting: { formatCompactCurrency }
   } = (0, import_hooks71.useSdkUiConfig)();
   const tradingContext = (0, import_hooks71.useEventTradingContext)();
-  const slide = (0, import_react42.useMemo)(() => buildSportsSlideFromGroup(group), [group]);
-  const [selectedLineIndex, setSelectedLineIndex] = (0, import_react42.useState)(slide.defaultStopIndex);
-  const combinedLegs = (0, import_react42.useMemo)(() => resolveSportsCombinedLegs(group), [group]);
+  const slide = (0, import_react43.useMemo)(() => buildSportsSlideFromGroup(group), [group]);
+  const [selectedLineIndex, setSelectedLineIndex] = (0, import_react43.useState)(slide.defaultStopIndex);
+  const combinedLegs = (0, import_react43.useMemo)(() => resolveSportsCombinedLegs(group), [group]);
   const isCombinedLegGroup = combinedLegs != null;
-  const combinedLegMarkets = (0, import_react42.useMemo)(
+  const combinedLegMarkets = (0, import_react43.useMemo)(
     () => {
       var _a2;
       return (_a2 = combinedLegs == null ? void 0 : combinedLegs.map((leg) => leg.market)) != null ? _a2 : [];
     },
     [combinedLegs]
   );
-  const preferredResolvedLegMarket = (0, import_react42.useMemo)(() => {
+  const preferredResolvedLegMarket = (0, import_react43.useMemo)(() => {
     var _a2, _b2;
     const resolvedYesWinnerMarket = (_a2 = combinedLegMarkets.find(
       (market) => market.venueMarketOutcomes.some(
@@ -27448,7 +27541,7 @@ var SportsMarketCard = ({
       (market) => market.venueMarketOutcomes.some((outcome) => outcome.winner === true)
     )) != null ? _b2 : null;
   }, [combinedLegMarkets]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (!slide.hasLadder) return;
     const tradingMarketId = tradingContext == null ? void 0 : tradingContext.selectedMarketId;
     if (!tradingMarketId) return;
@@ -27460,8 +27553,8 @@ var SportsMarketCard = ({
   const activeDefaultOutcome = isCombinedLegGroup && activeMarket ? (_g = activeMarket.venueMarketOutcomes.find(
     (outcome) => outcome.label.trim().toLowerCase() === "yes"
   )) != null ? _g : activeMarket.venueMarketOutcomes[0] : activeMarket == null ? void 0 : activeMarket.venueMarketOutcomes[0];
-  const wasExpandedRef = (0, import_react42.useRef)(isExpanded);
-  (0, import_react42.useEffect)(() => {
+  const wasExpandedRef = (0, import_react43.useRef)(isExpanded);
+  (0, import_react43.useEffect)(() => {
     const justOpened = isExpanded && !wasExpandedRef.current;
     wasExpandedRef.current = isExpanded;
     if (!justOpened || !activeMarket) return;
@@ -27474,7 +27567,7 @@ var SportsMarketCard = ({
       tradingContext == null ? void 0 : tradingContext.selectMarketAndOutcome(activeMarket.id, firstOutcome.id);
     }
   }, [activeDefaultOutcome, isExpanded, activeMarket, tradingContext]);
-  const combinedLegHeaderOutcomeItems = (0, import_react42.useMemo)(() => {
+  const combinedLegHeaderOutcomeItems = (0, import_react43.useMemo)(() => {
     if (!combinedLegs) return void 0;
     return combinedLegs.flatMap(({ label: label2, market }, index) => {
       var _a2;
@@ -27501,7 +27594,7 @@ var SportsMarketCard = ({
       ];
     });
   }, [combinedLegs, midpointsResult]);
-  const spreadHeaderOutcomeItems = (0, import_react42.useMemo)(() => {
+  const spreadHeaderOutcomeItems = (0, import_react43.useMemo)(() => {
     if (slide.kind !== "spread" || !activeMarket) return void 0;
     return resolveSpreadHeaderOutcomeItems({
       market: activeMarket,
@@ -27744,7 +27837,7 @@ var SportsMarkets = ({
     isFetchingNextPage: isFetchingNextGameMarketsPage,
     fetchNextPage: fetchNextGameMarketsPage
   } = gameMarketsQuery;
-  const tabSourceMarkets = (0, import_react43.useMemo)(() => {
+  const tabSourceMarkets = (0, import_react44.useMemo)(() => {
     const seen = /* @__PURE__ */ new Set();
     const merged = [];
     for (const market of [...event.venueMarkets, ...gameMarkets]) {
@@ -27754,21 +27847,21 @@ var SportsMarkets = ({
     }
     return merged;
   }, [event.venueMarkets, gameMarkets]);
-  const visibleTabs = (0, import_react43.useMemo)(
+  const visibleTabs = (0, import_react44.useMemo)(
     () => resolveVisibleSportsSectionTabs(__spreadProps(__spreadValues({}, event), { venueMarkets: tabSourceMarkets })),
     [event, tabSourceMarkets]
   );
   const shouldRenderTabs = visibleTabs.length > 1 && tabSourceMarkets.length > 1;
-  const [activeTabKey, setActiveTabKey] = (0, import_react43.useState)((_b = (_a = visibleTabs[0]) == null ? void 0 : _a.key) != null ? _b : "game_lines");
-  const activeTab = (0, import_react43.useMemo)(
+  const [activeTabKey, setActiveTabKey] = (0, import_react44.useState)((_b = (_a = visibleTabs[0]) == null ? void 0 : _a.key) != null ? _b : "game_lines");
+  const activeTab = (0, import_react44.useMemo)(
     () => {
       var _a2, _b2;
       return (_b2 = (_a2 = visibleTabs.find((tab) => tab.key === activeTabKey)) != null ? _a2 : visibleTabs[0]) != null ? _b2 : { key: "game_lines", kind: "game_lines" };
     },
     [visibleTabs, activeTabKey]
   );
-  const [expandedGroupId, setExpandedGroupId] = (0, import_react43.useState)(null);
-  const [stableMarketsByTab, setStableMarketsByTab] = (0, import_react43.useState)({});
+  const [expandedGroupId, setExpandedGroupId] = (0, import_react44.useState)(null);
+  const [stableMarketsByTab, setStableMarketsByTab] = (0, import_react44.useState)({});
   const activeTabLabel = resolveSportsSectionLabel(labels, activeTab);
   const sectionFilters = resolveSportsSectionFilters(activeTab);
   const sectionMarketsQuery = (0, import_hooks72.useVenueMarkets)({
@@ -27791,7 +27884,7 @@ var SportsMarkets = ({
     isFetchingNextPage,
     fetchNextPage
   } = sectionMarketsQuery;
-  const resolvedSectionMarkets = (0, import_react43.useMemo)(
+  const resolvedSectionMarkets = (0, import_react44.useMemo)(
     () => resolveSportsSectionMarkets({
       tab: activeTab,
       eventMarkets: tabSourceMarkets,
@@ -27802,29 +27895,29 @@ var SportsMarkets = ({
   );
   const isSectionSettled = !isSectionLoading && !hasNextPage && !isFetchingNextPage;
   const stableSectionMarkets = stableMarketsByTab[activeTabKey];
-  const displayedSectionMarkets = (0, import_react43.useMemo)(
+  const displayedSectionMarkets = (0, import_react44.useMemo)(
     () => stableSectionMarkets != null ? stableSectionMarkets : isSectionSettled ? resolvedSectionMarkets : [],
     [stableSectionMarkets, isSectionSettled, resolvedSectionMarkets]
   );
-  const periodGroups = (0, import_react43.useMemo)(
+  const periodGroups = (0, import_react44.useMemo)(
     () => groupSportsMarketsByPeriod(displayedSectionMarkets, event.sport),
     [displayedSectionMarkets, event.sport]
   );
-  const allGroups = (0, import_react43.useMemo)(
+  const allGroups = (0, import_react44.useMemo)(
     () => periodGroups.flatMap((periodGroup) => periodGroup.groups),
     [periodGroups]
   );
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (hasNextPage && !isFetchingNextPage) {
       void fetchNextPage();
     }
   }, [hasNextPage, isFetchingNextPage, fetchNextPage]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (hasNextGameMarketsPage && !isFetchingNextGameMarketsPage) {
       void fetchNextGameMarketsPage();
     }
   }, [hasNextGameMarketsPage, isFetchingNextGameMarketsPage, fetchNextGameMarketsPage]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (!isSectionSettled) return;
     setStableMarketsByTab((currentStableMarketsByTab) => {
       var _a2;
@@ -27840,17 +27933,17 @@ var SportsMarkets = ({
       });
     });
   }, [activeTabKey, isSectionSettled, resolvedSectionMarkets]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     if (!hasAggKey) return;
     onSectionMarketsChange(activeTabKey, displayedSectionMarkets);
   }, [activeTabKey, displayedSectionMarkets, hasAggKey, onSectionMarketsChange]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     var _a2, _b2;
     if (visibleTabs.some((tab) => tab.key === activeTabKey)) return;
     setActiveTabKey((_b2 = (_a2 = visibleTabs[0]) == null ? void 0 : _a2.key) != null ? _b2 : "game_lines");
   }, [activeTabKey, visibleTabs]);
-  const lastActiveTabRef = (0, import_react43.useRef)(null);
-  (0, import_react43.useEffect)(() => {
+  const lastActiveTabRef = (0, import_react44.useRef)(null);
+  (0, import_react44.useEffect)(() => {
     if (allGroups.length === 0) return;
     if (lastActiveTabRef.current !== activeTabKey) {
       lastActiveTabRef.current = activeTabKey;
@@ -27976,15 +28069,15 @@ var SportsEventMarketPage = ({
   onBeforePrimaryAction,
   sharedKyc
 }) => {
-  const [sectionMarketsByKey, setSectionMarketsByKey] = (0, import_react44.useState)({});
-  const composedEvent = (0, import_react44.useMemo)(() => {
+  const [sectionMarketsByKey, setSectionMarketsByKey] = (0, import_react45.useState)({});
+  const composedEvent = (0, import_react45.useMemo)(() => {
     return mergeSportsSectionMarketsIntoEvent({
       event,
       sectionMarketsByKey
     });
   }, [event, sectionMarketsByKey]);
-  const eventTradingState = (0, import_react44.useMemo)(() => (0, import_hooks73.resolveEventTradingState)(composedEvent), [composedEvent]);
-  const hasSportsSections = (0, import_react44.useMemo)(
+  const eventTradingState = (0, import_react45.useMemo)(() => (0, import_hooks73.resolveEventTradingState)(composedEvent), [composedEvent]);
+  const hasSportsSections = (0, import_react45.useMemo)(
     () => resolveVisibleSportsSectionTabs(event).length > 0,
     [event]
   );
@@ -27992,7 +28085,7 @@ var SportsEventMarketPage = ({
     stickyOrderPanel
   });
   const { executionMode: resolvedExecutionMode } = (0, import_hooks73.useResolvedExecutionMode)(executionMode);
-  const [isMobileTradeOpen, setIsMobileTradeOpen] = (0, import_react44.useState)(false);
+  const [isMobileTradeOpen, setIsMobileTradeOpen] = (0, import_react45.useState)(false);
   const isMobileViewport = useIsMobileEventMarketViewport(SPORTS_EVENT_MARKET_MEDIA_QUERY);
   const tradingContext = (0, import_hooks73.useEventTradingContext)();
   const { stateByEventId: sportsLiveStateByEventId } = (0, import_hooks73.useSportsLive)([event.id]);
@@ -28003,15 +28096,15 @@ var SportsEventMarketPage = ({
     executionMode: resolvedExecutionMode
   });
   const effectiveResolvedClaim = resolvedClaim != null ? resolvedClaim : internalResolvedClaim;
-  const setTradeSideRef = (0, import_react44.useRef)(tradingContext == null ? void 0 : tradingContext.setTradeSide);
+  const setTradeSideRef = (0, import_react45.useRef)(tradingContext == null ? void 0 : tradingContext.setTradeSide);
   setTradeSideRef.current = tradingContext == null ? void 0 : tradingContext.setTradeSide;
-  (0, import_react44.useEffect)(() => {
+  (0, import_react45.useEffect)(() => {
     return () => {
       var _a;
       (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, import_hooks73.TradeSide.Buy);
     };
   }, []);
-  const handleSectionMarketsChange = (0, import_react44.useCallback)(
+  const handleSectionMarketsChange = (0, import_react45.useCallback)(
     (tabKey, markets) => {
       setSectionMarketsByKey((currentSectionMarketsByKey) => {
         var _a;
@@ -28184,8 +28277,8 @@ var formatRecurringCountdown = (remainingMs) => {
   return hours > 0 ? `${hours}:${minuteSecondLabel}` : minuteSecondLabel;
 };
 var useCurrentTimestamp = (enabled) => {
-  const [currentTimestamp, setCurrentTimestamp] = (0, import_react45.useState)(null);
-  (0, import_react45.useEffect)(() => {
+  const [currentTimestamp, setCurrentTimestamp] = (0, import_react46.useState)(null);
+  (0, import_react46.useEffect)(() => {
     if (!enabled) {
       setCurrentTimestamp(null);
       return;
@@ -28219,18 +28312,18 @@ var EventMarketPageContent = ({
   onRecurringMarketNavigate
 }) => {
   var _a;
-  const eventTradingState = (0, import_react45.useMemo)(() => (0, import_hooks74.resolveEventTradingState)(event), [event]);
+  const eventTradingState = (0, import_react46.useMemo)(() => (0, import_hooks74.resolveEventTradingState)(event), [event]);
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
   const { executionMode: resolvedExecutionMode } = (0, import_hooks74.useResolvedExecutionMode)(executionMode);
-  const [isMobileTradeOpen, setIsMobileTradeOpen] = (0, import_react45.useState)(false);
+  const [isMobileTradeOpen, setIsMobileTradeOpen] = (0, import_react46.useState)(false);
   const isMobileViewport = useIsMobileEventMarketViewport();
   const tradingContext = (0, import_hooks74.useEventTradingContext)();
   const labels = (0, import_hooks74.useLabels)();
   const recurringQuery = (0, import_hooks74.useRecurringCryptoMarkets)({ event });
   const currentTimestamp = useCurrentTimestamp(recurringQuery.isRecurringCryptoMarket);
-  const recurringTimeline = (0, import_react45.useMemo)(
+  const recurringTimeline = (0, import_react46.useMemo)(
     () => currentTimestamp == null ? null : (0, import_hooks74.resolveRecurringCryptoTimeline)(recurringQuery.windows, event, currentTimestamp),
     [currentTimestamp, event, recurringQuery.windows]
   );
@@ -28238,11 +28331,11 @@ var EventMarketPageContent = ({
   const recurringViewedEndTimestamp = (recurringTimeline == null ? void 0 : recurringTimeline.viewed) ? Date.parse(recurringTimeline.viewed.windowEnd) : Number.NaN;
   const hasViewedMarketEnded = currentTimestamp != null && Number.isFinite(recurringViewedEndTimestamp) && currentTimestamp >= recurringViewedEndTimestamp;
   const isRecurringResolvingMarket = recurringQuery.isRecurringCryptoMarket && eventTradingState.kind === "closed";
-  const lastBoundaryRefetchRef = (0, import_react45.useRef)(null);
-  (0, import_react45.useEffect)(() => {
+  const lastBoundaryRefetchRef = (0, import_react46.useRef)(null);
+  (0, import_react46.useEffect)(() => {
     lastBoundaryRefetchRef.current = null;
   }, [event.id]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (!isRecurringCryptoMarket || !hasViewedMarketEnded || !(recurringTimeline == null ? void 0 : recurringTimeline.viewed)) return;
     const refetchKey = `${event.id}:${recurringTimeline.viewed.windowEnd}`;
     if (lastBoundaryRefetchRef.current === refetchKey) return;
@@ -28255,20 +28348,20 @@ var EventMarketPageContent = ({
     recurringQuery,
     recurringTimeline == null ? void 0 : recurringTimeline.viewed
   ]);
-  const handleRecurringMarketSelect = (0, import_react45.useCallback)(
+  const handleRecurringMarketSelect = (0, import_react46.useCallback)(
     (eventId) => {
       if (!onRecurringMarketNavigate || eventId === event.id) return;
       onRecurringMarketNavigate(eventId, { replace: false });
     },
     [event.id, onRecurringMarketNavigate]
   );
-  const handleGoToLive = (0, import_react45.useCallback)(() => {
+  const handleGoToLive = (0, import_react46.useCallback)(() => {
     var _a2;
     const liveEventId = (_a2 = recurringTimeline == null ? void 0 : recurringTimeline.live) == null ? void 0 : _a2.venueEventId;
     if (!onRecurringMarketNavigate || !liveEventId || liveEventId === event.id) return;
     onRecurringMarketNavigate(liveEventId, { replace: false });
   }, [event.id, onRecurringMarketNavigate, (_a = recurringTimeline == null ? void 0 : recurringTimeline.live) == null ? void 0 : _a.venueEventId]);
-  const recurringMarketsPresentation = (0, import_react45.useMemo)(() => {
+  const recurringMarketsPresentation = (0, import_react46.useMemo)(() => {
     var _a2, _b;
     if (!isRecurringCryptoMarket || !(recurringTimeline == null ? void 0 : recurringTimeline.viewed)) return void 0;
     const toOption = (market) => {
@@ -28307,7 +28400,7 @@ var EventMarketPageContent = ({
     recurringTimeline,
     recurringViewedEndTimestamp
   ]);
-  const eventDetailVenueMarkets = (0, import_react45.useMemo)(
+  const eventDetailVenueMarkets = (0, import_react46.useMemo)(
     () => normalizeVenueMarketCluster(event.venueMarkets),
     [event.venueMarkets]
   );
@@ -28320,9 +28413,9 @@ var EventMarketPageContent = ({
     executionMode: resolvedExecutionMode
   });
   const effectiveResolvedClaim = resolvedClaim != null ? resolvedClaim : internalResolvedClaim;
-  const setTradeSideRef = (0, import_react45.useRef)(tradingContext == null ? void 0 : tradingContext.setTradeSide);
+  const setTradeSideRef = (0, import_react46.useRef)(tradingContext == null ? void 0 : tradingContext.setTradeSide);
   setTradeSideRef.current = tradingContext == null ? void 0 : tradingContext.setTradeSide;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     return () => {
       var _a2;
       (_a2 = setTradeSideRef.current) == null ? void 0 : _a2.call(setTradeSideRef, import_hooks74.TradeSide.Buy);
@@ -28663,15 +28756,15 @@ var buildEventDiscoveryUrl = ({
 };
 
 // src/pages/home/use-scroll-restoration.ts
-var import_react46 = require("react");
+var import_react47 = require("react");
 function useScrollRestoration({
   enabled,
   scrollY,
   isReady
 }) {
-  const restoredRef = (0, import_react46.useRef)(false);
-  const [isRestoring, setIsRestoring] = (0, import_react46.useState)(enabled && scrollY > 0);
-  (0, import_react46.useLayoutEffect)(() => {
+  const restoredRef = (0, import_react47.useRef)(false);
+  const [isRestoring, setIsRestoring] = (0, import_react47.useState)(enabled && scrollY > 0);
+  (0, import_react47.useLayoutEffect)(() => {
     if (!enabled || restoredRef.current) return;
     if (!isReady) return;
     restoredRef.current = true;
@@ -28684,15 +28777,15 @@ function useScrollRestoration({
 }
 
 // src/pages/home/use-home-page-modals.ts
-var import_react47 = require("react");
+var import_react48 = require("react");
 var useHomePageModals = () => {
-  const [profileOpen, setProfileOpen] = (0, import_react47.useState)(false);
-  const [depositOpen, setDepositOpen] = (0, import_react47.useState)(false);
-  const [withdrawOpen, setWithdrawOpen] = (0, import_react47.useState)(false);
-  const onProfileClick = (0, import_react47.useCallback)(() => setProfileOpen(true), []);
-  const onDepositClick = (0, import_react47.useCallback)(() => setDepositOpen(true), []);
-  const onWithdrawClick = (0, import_react47.useCallback)(() => setWithdrawOpen(true), []);
-  (0, import_react47.useEffect)(() => {
+  const [profileOpen, setProfileOpen] = (0, import_react48.useState)(false);
+  const [depositOpen, setDepositOpen] = (0, import_react48.useState)(false);
+  const [withdrawOpen, setWithdrawOpen] = (0, import_react48.useState)(false);
+  const onProfileClick = (0, import_react48.useCallback)(() => setProfileOpen(true), []);
+  const onDepositClick = (0, import_react48.useCallback)(() => setDepositOpen(true), []);
+  const onWithdrawClick = (0, import_react48.useCallback)(() => setWithdrawOpen(true), []);
+  (0, import_react48.useEffect)(() => {
     if (typeof window === "undefined") return;
     window.addEventListener(DEPOSIT_MODAL_OPEN_EVENT, onDepositClick);
     window.addEventListener(WITHDRAW_MODAL_OPEN_EVENT, onWithdrawClick);
@@ -28743,17 +28836,17 @@ var HomeSearchResults = ({
   const labels = (0, import_hooks75.useLabels)();
   const { search: searchConfig } = (0, import_hooks75.useSdkUiConfig)();
   const { disabledVenues } = (0, import_hooks75.useAppConfig)();
-  const [activeVenueTabValue, setActiveVenueTabValue] = (0, import_react48.useState)("all");
+  const [activeVenueTabValue, setActiveVenueTabValue] = (0, import_react49.useState)("all");
   const eventListTabs = useEventListTabs();
   const { headerRef, titleRef, shouldUseSelectOverflow } = useEventListTabsHeaderOverflow(eventListTabs);
-  const visibleVenues = (0, import_react48.useMemo)(
+  const visibleVenues = (0, import_react49.useMemo)(
     () => disabledVenues.length === 0 ? void 0 : (0, import_hooks75.getVisibleVenueIdsByConfig)(import_sdk25.VENUES, disabledVenues),
     [disabledVenues]
   );
-  const activeVenueTab = (0, import_react48.useMemo)(() => {
+  const activeVenueTab = (0, import_react49.useMemo)(() => {
     return eventListTabs.find((tab) => tab.value === activeVenueTabValue);
   }, [activeVenueTabValue, eventListTabs]);
-  const activeCategoryTab = (0, import_react48.useMemo)(() => {
+  const activeCategoryTab = (0, import_react49.useMemo)(() => {
     return resolvedTabs.find((tab) => tab.value === activeTabValue);
   }, [activeTabValue, resolvedTabs]);
   const activeVenues = resolveTabVenus(activeVenueTab, visibleVenues);
@@ -28777,28 +28870,28 @@ var HomeSearchResults = ({
     // so debounced keystrokes don't pay reranker latency.
     deep: true
   });
-  const openEvents = (0, import_react48.useMemo)(() => {
+  const openEvents = (0, import_react49.useMemo)(() => {
     let filtered = filterOpenEvents(searchResults);
     if (activeVenues == null ? void 0 : activeVenues.length) {
       filtered = filtered.filter((e) => activeVenues.includes(e.venue));
     }
     return filtered;
   }, [searchResults, activeVenues]);
-  const visibleVenueMarkets = (0, import_react48.useMemo)(() => {
+  const visibleVenueMarkets = (0, import_react49.useMemo)(() => {
     return openEvents.flatMap((event) => {
       var _a;
       return (_a = event.venueMarkets) != null ? _a : [];
     });
   }, [openEvents]);
-  const visibleMidpointVenueMarketIds = (0, import_react48.useMemo)(() => {
+  const visibleMidpointVenueMarketIds = (0, import_react49.useMemo)(() => {
     return collectVisibleVenueMarketIds(visibleVenueMarkets);
   }, [visibleVenueMarkets]);
   const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks75.useVenueMarketMidpoints)({
     venueMarketIds: visibleMidpointVenueMarketIds,
     enabled: visibleMidpointVenueMarketIds.length > 0
   });
-  const loadMoreRef = (0, import_react48.useRef)(null);
-  (0, import_react48.useEffect)(() => {
+  const loadMoreRef = (0, import_react49.useRef)(null);
+  (0, import_react49.useEffect)(() => {
     if (!hasNextPage) return;
     const target = loadMoreRef.current;
     if (!target) return;
@@ -28957,9 +29050,9 @@ var HomePage = ({
   const { isLoading: isAppConfigLoading } = (0, import_hooks75.useAppConfig)();
   const primaryEventListTabs = useEventListTabs();
   const { capture, consume } = (0, import_hooks75.useEventListState)();
-  const [snapshot] = (0, import_react48.useState)(() => consume());
-  const eventListStateRef = (0, import_react48.useRef)(null);
-  const handleSelectEvent = (0, import_react48.useCallback)(
+  const [snapshot] = (0, import_react49.useState)(() => consume());
+  const eventListStateRef = (0, import_react49.useRef)(null);
+  const handleSelectEvent = (0, import_react49.useCallback)(
     (event) => {
       var _a2, _b2, _c2, _d2;
       capture({
@@ -28978,14 +29071,14 @@ var HomePage = ({
   );
   const hasCustomTabs = !!tabs && tabs.length > 0;
   const normalizedSearchValue = searchValue.trim();
-  const [stickySelectedEvent, setStickySelectedEvent] = (0, import_react48.useState)(
+  const [stickySelectedEvent, setStickySelectedEvent] = (0, import_react49.useState)(
     selectedEvent
   );
-  const [debouncedSearchValue, setDebouncedSearchValue] = (0, import_react48.useState)(() => {
+  const [debouncedSearchValue, setDebouncedSearchValue] = (0, import_react49.useState)(() => {
     return normalizedSearchValue.length >= MIN_SEARCH_LENGTH2 ? normalizedSearchValue : "";
   });
-  const [isMobileSearchViewport, setIsMobileSearchViewport] = (0, import_react48.useState)(false);
-  (0, import_react48.useEffect)(() => {
+  const [isMobileSearchViewport, setIsMobileSearchViewport] = (0, import_react49.useState)(false);
+  (0, import_react49.useEffect)(() => {
     if (typeof window === "undefined") return;
     const mediaQueryList = window.matchMedia(MOBILE_HOME_SEARCH_MEDIA_QUERY);
     const handleMediaQueryChange = (event) => {
@@ -29003,7 +29096,7 @@ var HomePage = ({
       mediaQueryList.removeListener(handleMediaQueryChange);
     };
   }, []);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (normalizedSearchValue.length < MIN_SEARCH_LENGTH2) {
       setDebouncedSearchValue("");
       return;
@@ -29015,7 +29108,7 @@ var HomePage = ({
       window.clearTimeout(timeoutId);
     };
   }, [normalizedSearchValue]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (selectedEvent) {
       setStickySelectedEvent(selectedEvent);
       return;
@@ -29030,30 +29123,30 @@ var HomePage = ({
     limit: categoriesLimit,
     enabled: !hasCustomTabs
   });
-  const categoryTabs = (0, import_react48.useMemo)(() => {
+  const categoryTabs = (0, import_react49.useMemo)(() => {
     return resolveCategoryTabs(categories, resolvedAllCategoryTabLabel);
   }, [categories, resolvedAllCategoryTabLabel]);
-  const resolvedTabs = (0, import_react48.useMemo)(() => {
+  const resolvedTabs = (0, import_react49.useMemo)(() => {
     if (hasCustomTabs && tabs) return tabs;
     return categoryTabs;
   }, [categoryTabs, hasCustomTabs, tabs]);
-  const availableCategoryValues = (0, import_react48.useMemo)(
+  const availableCategoryValues = (0, import_react49.useMemo)(
     () => resolvedTabs.filter((tab) => !tab.disabled).map((tab) => tab.value),
     [resolvedTabs]
   );
   const resolvedDefaultCategory = resolveInitialTabValue(resolvedTabs, defaultActiveTab);
   const defaultCategory = availableCategoryValues.includes(resolvedDefaultCategory) ? resolvedDefaultCategory : (_a = availableCategoryValues[0]) != null ? _a : resolvedDefaultCategory;
-  const availableVenueTabs = (0, import_react48.useMemo)(
+  const availableVenueTabs = (0, import_react49.useMemo)(
     () => primaryEventListTabs.filter((tab) => !tab.disabled && !tab.isComingSoon),
     [primaryEventListTabs]
   );
-  const availableVenueValues = (0, import_react48.useMemo)(
+  const availableVenueValues = (0, import_react49.useMemo)(
     () => availableVenueTabs.map((tab) => tab.value),
     [availableVenueTabs]
   );
   const defaultVenue = (_c = (_b = availableVenueTabs[0]) == null ? void 0 : _b.value) != null ? _c : "matched";
   const resolvedEventSectionItems = eventSectionItems && eventSectionItems.length > 0 ? eventSectionItems : getDefaultEventSectionItems(labels);
-  const [discoveryFilterState, setDiscoveryFilterState] = (0, import_react48.useState)(
+  const [discoveryFilterState, setDiscoveryFilterState] = (0, import_react49.useState)(
     () => {
       var _a2, _b2;
       return {
@@ -29064,12 +29157,12 @@ var HomePage = ({
       };
     }
   );
-  const discoveryFilterStateRef = (0, import_react48.useRef)(discoveryFilterState);
+  const discoveryFilterStateRef = (0, import_react49.useRef)(discoveryFilterState);
   discoveryFilterStateRef.current = discoveryFilterState;
-  const [isUrlStateReady, setIsUrlStateReady] = (0, import_react48.useState)(!enableEventDiscoveryUrlPersistence);
-  const hasInitializedUrlStateRef = (0, import_react48.useRef)(false);
+  const [isUrlStateReady, setIsUrlStateReady] = (0, import_react49.useState)(!enableEventDiscoveryUrlPersistence);
+  const hasInitializedUrlStateRef = (0, import_react49.useRef)(false);
   const activeTabValue = discoveryFilterState.category;
-  const resolveCurrentUrlState = (0, import_react48.useCallback)(() => {
+  const resolveCurrentUrlState = (0, import_react49.useCallback)(() => {
     if (typeof window === "undefined") return null;
     const parsedState = readEventDiscoveryUrlState(new URL(window.location.href).searchParams);
     const resolvedState = resolveEventDiscoveryUrlState({
@@ -29093,7 +29186,7 @@ var HomePage = ({
       shouldCanonicalize: resolvedState.shouldCanonicalize
     };
   }, [availableCategoryValues, availableVenueValues, defaultCategory, defaultVenue]);
-  const writeFilterStateToHistory = (0, import_react48.useCallback)(
+  const writeFilterStateToHistory = (0, import_react49.useCallback)(
     (state, historyMode) => {
       if (!enableEventDiscoveryUrlPersistence || typeof window === "undefined") return;
       const currentUrl = new URL(window.location.href);
@@ -29115,7 +29208,7 @@ var HomePage = ({
     },
     [defaultCategory, defaultVenue, enableEventDiscoveryUrlPersistence]
   );
-  const commitDiscoveryFilterState = (0, import_react48.useCallback)(
+  const commitDiscoveryFilterState = (0, import_react49.useCallback)(
     (state, historyMode) => {
       discoveryFilterStateRef.current = state;
       setDiscoveryFilterState(state);
@@ -29123,7 +29216,7 @@ var HomePage = ({
     },
     [isUrlStateReady, writeFilterStateToHistory]
   );
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!enableEventDiscoveryUrlPersistence) {
       hasInitializedUrlStateRef.current = false;
       setIsUrlStateReady(true);
@@ -29162,7 +29255,7 @@ var HomePage = ({
     isCategoriesLoading,
     resolveCurrentUrlState
   ]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!enableEventDiscoveryUrlPersistence || !isUrlStateReady) return;
     const handlePopState = () => {
       const resolvedUrlState = resolveCurrentUrlState();
@@ -29183,9 +29276,9 @@ var HomePage = ({
     resolveCurrentUrlState,
     writeFilterStateToHistory
   ]);
-  const activeTabValueRef = (0, import_react48.useRef)(activeTabValue);
+  const activeTabValueRef = (0, import_react49.useRef)(activeTabValue);
   activeTabValueRef.current = activeTabValue;
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (enableEventDiscoveryUrlPersistence && !isUrlStateReady) return;
     const currentState = discoveryFilterStateRef.current;
     const categoryIsAvailable = availableCategoryValues.includes(currentState.category);
@@ -29211,7 +29304,7 @@ var HomePage = ({
     enableEventDiscoveryUrlPersistence,
     isUrlStateReady
   ]);
-  const tabsItems = (0, import_react48.useMemo)(() => {
+  const tabsItems = (0, import_react49.useMemo)(() => {
     return resolvedTabs.map((tab) => {
       const isActive = tab.value === activeTabValue;
       return {
@@ -29231,10 +29324,10 @@ var HomePage = ({
       };
     });
   }, [activeTabValue, resolvedTabs]);
-  const activeTab = (0, import_react48.useMemo)(() => {
+  const activeTab = (0, import_react49.useMemo)(() => {
     return resolvedTabs.find((tab) => tab.value === activeTabValue);
   }, [activeTabValue, resolvedTabs]);
-  const resolvedSectionItems = (0, import_react48.useMemo)(() => {
+  const resolvedSectionItems = (0, import_react49.useMemo)(() => {
     var _a2, _b2, _c2;
     if (activeTabValue === ALL_CATEGORIES_TAB_VALUE) {
       return resolvedEventSectionItems;
@@ -29431,7 +29524,25 @@ HomePage.displayName = "HomePage";
 var import_hooks83 = require("@agg-build/hooks");
 var import_sdk29 = require("@agg-build/sdk");
 var import_dayjs9 = __toESM(require("dayjs"));
-var import_react51 = require("react");
+var import_react52 = require("react");
+
+// src/pages/user-profile/cost-basis-display.ts
+function costBasisDisplay(outcome) {
+  if (outcome.costBasisUnknown === true) {
+    return {
+      averagePriceCents: null,
+      averagePrice: null,
+      totalTradedValue: null,
+      costUnknown: true
+    };
+  }
+  return {
+    averagePriceCents: Math.round(outcome.avgEntryPrice * 100),
+    averagePrice: outcome.avgEntryPrice,
+    totalTradedValue: outcome.avgEntryPrice * outcome.totalSize,
+    costUnknown: false
+  };
+}
 
 // src/pages/user-profile/components/available-balance-card.tsx
 var import_hooks76 = require("@agg-build/hooks");
@@ -29479,6 +29590,7 @@ var AvailableBalanceCard = ({
   label: label2,
   valueLabel,
   reservedValueLabel,
+  kalshiValueLabel,
   chains,
   isLoading = false,
   className,
@@ -29631,6 +29743,13 @@ var AvailableBalanceCard = ({
             }
           )
         ] }),
+        kalshiValueLabel !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: "agg-balance-kalshi flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className: "font-agg-sans text-agg-base leading-6 font-agg-bold text-agg-foreground", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { role: "status", "aria-label": "Loading Kalshi balance", children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(SkeletonBlock, { className: "h-6 w-16 rounded-agg-sm" }) }) : kalshiValueLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("span", { className: "flex h-5 shrink-0 items-center gap-1 rounded-[4px] bg-agg-secondary-hover px-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(VenueLogo, { venue: "kalshi", size: "small", className: "size-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", { className: "font-agg-sans text-agg-xs leading-agg-4 font-agg-normal text-agg-muted-foreground", children: labels.venues.kalshi })
+          ] })
+        ] }) : null,
         !isLoading && reservedValueLabel ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("p", { className: "font-agg-sans text-agg-xs leading-agg-4 text-agg-muted-foreground", children: balanceLabels.reservedForOpenOrders(reservedValueLabel) }) : null
       ]
     }
@@ -29773,7 +29892,7 @@ var ClaimActivityBreakdownModal = ({
 var import_hooks78 = require("@agg-build/hooks");
 var import_sdk28 = require("@agg-build/sdk");
 var Dialog9 = __toESM(require("@radix-ui/react-dialog"));
-var import_react49 = require("react");
+var import_react50 = require("react");
 var import_zod3 = require("zod");
 var import_jsx_runtime179 = require("react/jsx-runtime");
 var USDC_DECIMALS = 6;
@@ -29857,16 +29976,16 @@ var ManageBalancesModal = ({
   const depositAddressesQuery = (0, import_hooks78.useDepositAddresses)({ enabled: open });
   const policiesQuery = (0, import_hooks78.useBalanceRefillPolicies)({ enabled: open });
   const toastContext = useOptionalToast();
-  const descriptionId = (0, import_react49.useId)();
-  const savingRef = (0, import_react49.useRef)(false);
-  const [expandedChainIds, setExpandedChainIds] = (0, import_react49.useState)(/* @__PURE__ */ new Set());
-  const [resetChainIds, setResetChainIds] = (0, import_react49.useState)(/* @__PURE__ */ new Set());
-  const [drafts, setDrafts] = (0, import_react49.useState)({});
-  const [initialDrafts, setInitialDrafts] = (0, import_react49.useState)({});
-  const [submissionErrors, setSubmissionErrors] = (0, import_react49.useState)({});
-  const [isInitialized, setIsInitialized] = (0, import_react49.useState)(false);
-  const [isSaving, setIsSaving] = (0, import_react49.useState)(false);
-  const networks = (0, import_react49.useMemo)(() => {
+  const descriptionId = (0, import_react50.useId)();
+  const savingRef = (0, import_react50.useRef)(false);
+  const [expandedChainIds, setExpandedChainIds] = (0, import_react50.useState)(/* @__PURE__ */ new Set());
+  const [resetChainIds, setResetChainIds] = (0, import_react50.useState)(/* @__PURE__ */ new Set());
+  const [drafts, setDrafts] = (0, import_react50.useState)({});
+  const [initialDrafts, setInitialDrafts] = (0, import_react50.useState)({});
+  const [submissionErrors, setSubmissionErrors] = (0, import_react50.useState)({});
+  const [isInitialized, setIsInitialized] = (0, import_react50.useState)(false);
+  const [isSaving, setIsSaving] = (0, import_react50.useState)(false);
+  const networks = (0, import_react50.useMemo)(() => {
     var _a, _b, _c;
     const supportedChains = (_a = depositAddressesQuery.supportedChains) != null ? _a : [];
     const availableBalanceBreakdown = (_c = (_b = balanceState.availableBalanceBreakdown) != null ? _b : balanceState.balanceBreakdown) != null ? _c : [];
@@ -29906,7 +30025,7 @@ var ManageBalancesModal = ({
   const hasPoliciesLoadError = policiesQuery.isError && policiesQuery.data === void 0;
   const loadError = hasDepositAddressesLoadError ? depositAddressesQuery.error : hasPoliciesLoadError ? policiesQuery.error : balanceState.error;
   const hasLoadError = hasDepositAddressesLoadError || hasPoliciesLoadError || Boolean(balanceState.error);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (open) return;
     setExpandedChainIds(/* @__PURE__ */ new Set());
     setResetChainIds(/* @__PURE__ */ new Set());
@@ -29917,7 +30036,7 @@ var ManageBalancesModal = ({
     setIsSaving(false);
     savingRef.current = false;
   }, [open]);
-  (0, import_react49.useEffect)(() => {
+  (0, import_react50.useEffect)(() => {
     if (!open || isLoading || hasLoadError || isInitialized) return;
     const nextDrafts = Object.fromEntries(
       networks.map((network) => [network.chainId, getInitialDraft(network.policy)])
@@ -29926,7 +30045,7 @@ var ManageBalancesModal = ({
     setInitialDrafts(nextDrafts);
     setIsInitialized(true);
   }, [hasLoadError, isInitialized, isLoading, networks, open]);
-  const validateDraft = (0, import_react49.useCallback)(
+  const validateDraft = (0, import_react50.useCallback)(
     (network, draft) => {
       const errors = {};
       const minimum = draft.minimum.trim();
@@ -29960,7 +30079,7 @@ var ManageBalancesModal = ({
     },
     [refillLabels]
   );
-  const dirtyNetworks = (0, import_react49.useMemo)(
+  const dirtyNetworks = (0, import_react50.useMemo)(
     () => networks.filter((network) => {
       if (!network.canManageBalance) return false;
       if (resetChainIds.has(network.chainId)) return true;
@@ -29971,7 +30090,7 @@ var ManageBalancesModal = ({
     }),
     [drafts, initialDrafts, networks, resetChainIds]
   );
-  const validationErrors = (0, import_react49.useMemo)(
+  const validationErrors = (0, import_react50.useMemo)(
     () => Object.fromEntries(
       dirtyNetworks.map((network) => {
         var _a;
@@ -29987,14 +30106,14 @@ var ManageBalancesModal = ({
     (errors) => errors.minimum || errors.refillTo || errors.general
   );
   const isSaveDisabled = dirtyNetworks.length === 0 || hasValidationErrors || isSaving;
-  const handleOpenChange = (0, import_react49.useCallback)(
+  const handleOpenChange = (0, import_react50.useCallback)(
     (nextOpen) => {
       if (isSaving && !nextOpen) return;
       onOpenChange(nextOpen);
     },
     [isSaving, onOpenChange]
   );
-  const handleToggleNetwork = (0, import_react49.useCallback)((chainId, canManageBalance) => {
+  const handleToggleNetwork = (0, import_react50.useCallback)((chainId, canManageBalance) => {
     if (!canManageBalance) return;
     setExpandedChainIds((current) => {
       const next = new Set(current);
@@ -30003,7 +30122,7 @@ var ManageBalancesModal = ({
       return next;
     });
   }, []);
-  const handleDraftChange = (0, import_react49.useCallback)(
+  const handleDraftChange = (0, import_react50.useCallback)(
     (chainId, field, value) => {
       if (!EDITABLE_AMOUNT_PATTERN.test(value)) return;
       setDrafts((current) => {
@@ -30032,7 +30151,7 @@ var ManageBalancesModal = ({
     },
     []
   );
-  const handleResetNetwork = (0, import_react49.useCallback)((network) => {
+  const handleResetNetwork = (0, import_react50.useCallback)((network) => {
     setDrafts((current) => __spreadProps(__spreadValues({}, current), {
       [network.chainId]: { minimum: "0", refillTo: "0" }
     }));
@@ -30048,7 +30167,7 @@ var ManageBalancesModal = ({
       return __spreadProps(__spreadValues({}, current), { [network.chainId]: {} });
     });
   }, []);
-  const handleAmountBlur = (0, import_react49.useCallback)((chainId, field) => {
+  const handleAmountBlur = (0, import_react50.useCallback)((chainId, field) => {
     setDrafts((current) => {
       const currentDraft = current[chainId];
       if (!currentDraft) return current;
@@ -30059,12 +30178,12 @@ var ManageBalancesModal = ({
       });
     });
   }, []);
-  const handleRetry = (0, import_react49.useCallback)(() => {
+  const handleRetry = (0, import_react50.useCallback)(() => {
     void depositAddressesQuery.refetch();
     void policiesQuery.refetch();
     balanceState.refetch();
   }, [balanceState, depositAddressesQuery, policiesQuery]);
-  const handleSave = (0, import_react49.useCallback)(() => __async(null, null, function* () {
+  const handleSave = (0, import_react50.useCallback)(() => __async(null, null, function* () {
     if (savingRef.current || isSaveDisabled) return;
     savingRef.current = true;
     setIsSaving(true);
@@ -30477,7 +30596,7 @@ ManageBalancesModal.displayName = "ManageBalancesModal";
 
 // src/pages/user-profile/components/positions-activity.tsx
 var import_hooks81 = require("@agg-build/hooks");
-var import_react50 = require("react");
+var import_react51 = require("react");
 
 // src/pages/user-profile/user-profile.constants.ts
 var USER_PROFILE_TAB_POSITIONS = "positions";
@@ -30556,6 +30675,7 @@ var resolvePositionStatus = (position) => {
   return "open";
 };
 var resolvePositionBucket = (position) => {
+  if (position.status === "closed") return "closed";
   const status = resolvePositionStatus(position);
   if (status === "won_unclaimed") return "active";
   if (status === "open") return "active";
@@ -31332,6 +31452,18 @@ var OpenOrderRow = ({
   };
   const canCancel = canCancelOpenOrder(order);
   const isPending = isPendingOpenOrder(order);
+  const sideLabel = order.side === "buy" ? labels.buy : order.side === "sell" ? labels.sell : void 0;
+  const outcomePillLabel = sideLabel ? `${sideLabel} ${order.outcomeLabel}` : order.outcomeLabel;
+  const currentPriceLabel = order.currentPriceLabel ? `${labels.nowPrefix} ${order.currentPriceLabel}` : void 0;
+  const mobileStats = [
+    __spreadValues({
+      label: resolvedLimitPriceHeader,
+      value: (_a = order.limitPriceLabel) != null ? _a : "\u2014"
+    }, currentPriceLabel ? { subValue: currentPriceLabel } : {}),
+    { label: resolvedFilledHeader, value: order.filledLabel },
+    { label: resolvedTotalHeader, value: order.valueLabel },
+    { label: resolvedExpirationHeader, value: (_b = order.expirationLabel) != null ? _b : "\u2014" }
+  ];
   const Wrapper = href ? "a" : "div";
   const wrapperProps = href ? {
     href,
@@ -31370,22 +31502,23 @@ var OpenOrderRow = ({
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("p", { className: "agg-open-order-market min-w-0 overflow-hidden font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground [display:-webkit-box] [-webkit-line-clamp:2] [-webkit-box-orient:vertical] lg:text-agg-base lg:leading-agg-6 lg:whitespace-nowrap lg:text-ellipsis lg:[-webkit-line-clamp:1] lg:[display:block]", children: order.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "agg-open-order-outcome hidden lg:inline-flex w-fit items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: order.outcomeLabel }) })
+            /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "agg-open-order-outcome hidden lg:inline-flex w-fit items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: outcomePillLabel }) })
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex w-full flex-wrap items-center gap-x-4 gap-y-2 lg:hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "agg-open-order-outcome inline-flex shrink-0 items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: order.outcomeLabel }) }),
-          [
-            { label: resolvedLimitPriceHeader, value: (_a = order.limitPriceLabel) != null ? _a : "\u2014" },
-            { label: resolvedFilledHeader, value: order.filledLabel },
-            { label: resolvedTotalHeader, value: order.valueLabel },
-            { label: resolvedExpirationHeader, value: (_b = order.expirationLabel) != null ? _b : "\u2014" }
-          ].map(({ label: label2, value }) => /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex items-baseline gap-1.5 whitespace-nowrap", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "font-agg-sans text-agg-lg leading-agg-7 font-agg-normal text-agg-foreground", children: value }),
-            /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "font-agg-sans text-[10px] leading-[14px] font-agg-bold uppercase text-agg-muted-foreground", children: label2 })
+          /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "agg-open-order-outcome inline-flex shrink-0 items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground whitespace-nowrap", children: outcomePillLabel }) }),
+          mobileStats.map(({ label: label2, value, subValue }) => /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex flex-col gap-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "flex items-baseline gap-1.5 whitespace-nowrap", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "font-agg-sans text-agg-lg leading-agg-7 font-agg-normal text-agg-foreground", children: value }),
+              /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "font-agg-sans text-[10px] leading-[14px] font-agg-bold uppercase text-agg-muted-foreground", children: label2 })
+            ] }),
+            subValue ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: "agg-open-order-current-price font-agg-sans text-agg-sm leading-agg-5 font-agg-normal whitespace-nowrap text-agg-foreground", children: subValue }) : null
           ] }, label2))
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("p", { className: "agg-open-order-limit-price hidden w-[120px] shrink-0 agg-type-body-strong text-agg-foreground lg:block", children: (_c = order.limitPriceLabel) != null ? _c : "\u2014" }),
+        /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: "agg-open-order-limit-price hidden w-[120px] shrink-0 flex-col justify-center gap-0.5 lg:flex", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: (_c = order.limitPriceLabel) != null ? _c : "\u2014" }),
+          currentPriceLabel ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("p", { className: "agg-open-order-current-price font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: currentPriceLabel }) : null
+        ] }),
         /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("p", { className: "agg-open-order-filled hidden w-[120px] shrink-0 agg-type-body-strong text-agg-foreground lg:block", children: order.filledLabel }),
         /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("p", { className: "agg-open-order-value hidden w-[120px] shrink-0 agg-type-body-strong text-agg-foreground lg:block", children: order.valueLabel }),
         /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("p", { className: "agg-open-order-expiration hidden w-[140px] shrink-0 agg-type-label text-agg-foreground lg:block", children: (_d = order.expirationLabel) != null ? _d : "\u2014" }),
@@ -31476,8 +31609,8 @@ var ResultBadge = ({
   status,
   labels
 }) => {
-  if (status !== "won_claimed" && status !== "lost" && status !== "sold") return null;
-  const isWon = status === "won_claimed";
+  const isWon = status === "won_claimed" || status === "won_unclaimed";
+  if (!isWon && status !== "lost" && status !== "sold") return null;
   const isSold = status === "sold";
   return /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)(
     "span",
@@ -31743,7 +31876,7 @@ var getTabItems = (tabsLabels, showOpenOrders) => [
   ...showOpenOrders ? [{ value: USER_PROFILE_TAB_OPEN_ORDERS, label: tabsLabels.openOrders }] : [],
   { value: USER_PROFILE_TAB_ACTIVITY, label: tabsLabels.activity }
 ];
-var TabRowsSkeleton = ({ ariaLabel }) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("div", { role: "status", "aria-label": ariaLabel, className: "flex flex-col gap-3 sm:gap-4", children: Array.from({ length: 3 }).map((_, index, acc) => /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(import_react50.Fragment, { children: [
+var TabRowsSkeleton = ({ ariaLabel }) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("div", { role: "status", "aria-label": ariaLabel, className: "flex flex-col gap-3 sm:gap-4", children: Array.from({ length: 3 }).map((_, index, acc) => /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(import_react51.Fragment, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("div", { className: "h-14 rounded-agg-sm bg-agg-secondary-hover/80 sm:h-16" }, index),
   index < acc.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("div", { className: "agg-position-divider h-px w-full shrink-0 bg-agg-separator", "aria-hidden": true }) : null
 ] }, index)) });
@@ -31791,12 +31924,12 @@ var PositionsActivity = ({
   const positionsLabels = userProfileLabels.positions;
   const openOrdersLabels = userProfileLabels.openOrders;
   const { formatCurrency: formatCurrency2, formatPrice } = (0, import_hooks81.useAggUiConfig)().formatting;
-  const tabItems = (0, import_react50.useMemo)(
+  const tabItems = (0, import_react51.useMemo)(
     () => getTabItems(userProfileLabels.tabs, showOpenOrders),
     [showOpenOrders, userProfileLabels.tabs]
   );
   const isTabControlled = tab !== void 0;
-  const [internalActiveTab, setInternalActiveTab] = (0, import_react50.useState)(
+  const [internalActiveTab, setInternalActiveTab] = (0, import_react51.useState)(
     tab != null ? tab : USER_PROFILE_TAB_POSITIONS
   );
   const requestedActiveTab = isTabControlled ? tab : internalActiveTab;
@@ -31806,21 +31939,21 @@ var PositionsActivity = ({
     if (!isTabControlled) setInternalActiveTab(next);
     onTabChange == null ? void 0 : onTabChange(next);
   };
-  const [positionFilter, setPositionFilter] = (0, import_react50.useState)(initialPositionFilter);
-  const [searchValue, setSearchValue] = (0, import_react50.useState)("");
-  const [isSearchFocused, setIsSearchFocused] = (0, import_react50.useState)(false);
-  const [locallyClaimedPositionIds, setLocallyClaimedPositionIds] = (0, import_react50.useState)(
+  const [positionFilter, setPositionFilter] = (0, import_react51.useState)(initialPositionFilter);
+  const [searchValue, setSearchValue] = (0, import_react51.useState)("");
+  const [isSearchFocused, setIsSearchFocused] = (0, import_react51.useState)(false);
+  const [locallyClaimedPositionIds, setLocallyClaimedPositionIds] = (0, import_react51.useState)(
     () => /* @__PURE__ */ new Set()
   );
-  const positionsLoadMoreRef = (0, import_react50.useRef)(null);
-  const openOrdersLoadMoreRef = (0, import_react50.useRef)(null);
-  const activitiesLoadMoreRef = (0, import_react50.useRef)(null);
-  const rowsScrollRef = (0, import_react50.useRef)(null);
+  const positionsLoadMoreRef = (0, import_react51.useRef)(null);
+  const openOrdersLoadMoreRef = (0, import_react51.useRef)(null);
+  const activitiesLoadMoreRef = (0, import_react51.useRef)(null);
+  const rowsScrollRef = (0, import_react51.useRef)(null);
   const isPositionsTab = activeTab === USER_PROFILE_TAB_POSITIONS;
   const isOpenOrdersTab = activeTab === USER_PROFILE_TAB_OPEN_ORDERS;
   const isActivityTab = activeTab === USER_PROFILE_TAB_ACTIVITY;
   const isClosedPositionsFilter = isPositionsTab && positionFilter === "closed";
-  const positionsForCurrentFilter = (0, import_react50.useMemo)(() => {
+  const positionsForCurrentFilter = (0, import_react51.useMemo)(() => {
     if (positionFilter === "active") {
       return activePositions.filter((position) => !locallyClaimedPositionIds.has(position.id));
     }
@@ -31837,7 +31970,7 @@ var PositionsActivity = ({
     }
     return Array.from(byId.values());
   }, [activePositions, closedPositions, locallyClaimedPositionIds, positionFilter]);
-  const filteredPositions = (0, import_react50.useMemo)(() => {
+  const filteredPositions = (0, import_react51.useMemo)(() => {
     if (!searchValue.trim()) return positionsForCurrentFilter;
     const q = searchValue.toLowerCase();
     return positionsForCurrentFilter.filter((p) => p.title.toLowerCase().includes(q));
@@ -31862,7 +31995,7 @@ var PositionsActivity = ({
   const isLoadingMorePositions = positionFilter === "active" ? isLoadingMoreActivePositions : isLoadingMoreClosedPositions;
   const loadMorePositions = positionFilter === "active" ? onLoadMoreActivePositions : onLoadMoreClosedPositions;
   const filteredActivities = activities;
-  const searchResults = (0, import_react50.useMemo)(() => {
+  const searchResults = (0, import_react51.useMemo)(() => {
     if (!isPositionsTab || !searchValue.trim()) return [];
     return filteredPositions.slice(0, 5).map((position) => ({
       id: position.id,
@@ -31891,11 +32024,11 @@ var PositionsActivity = ({
   const handleSearchChange = (event) => {
     setSearchValue(event.target.value);
   };
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (isPositionsTab) return;
     setIsSearchFocused(false);
   }, [isPositionsTab]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (!isPositionsTab || !hasMorePositions) return;
     const target = positionsLoadMoreRef.current;
     if (!target || !loadMorePositions) return;
@@ -31917,7 +32050,7 @@ var PositionsActivity = ({
     isPositionsTab,
     loadMorePositions
   ]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (!isActivityTab || !hasMoreActivities) return;
     const target = activitiesLoadMoreRef.current;
     if (!target || !onLoadMoreActivities) return;
@@ -31939,7 +32072,7 @@ var PositionsActivity = ({
     isLoadingMoreActivities,
     onLoadMoreActivities
   ]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (!isOpenOrdersTab || !hasMoreOpenOrders) return;
     const target = openOrdersLoadMoreRef.current;
     if (!target || !onLoadMoreOpenOrders) return;
@@ -32174,7 +32307,7 @@ var PositionsActivity = ({
                         }
                       ) : filteredPositions.length > 0 ? filteredPositions.map((position, index) => {
                         var _a;
-                        return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(import_react50.Fragment, { children: [
+                        return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(import_react51.Fragment, { children: [
                           index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
                             "div",
                             {
@@ -32219,7 +32352,7 @@ var PositionsActivity = ({
                           title: openOrdersLabels.errorTitle,
                           description: openOrdersLabels.errorDescription
                         }
-                      ) : openOrders.length > 0 ? openOrders.map((order, index) => /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(import_react50.Fragment, { children: [
+                      ) : openOrders.length > 0 ? openOrders.map((order, index) => /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(import_react51.Fragment, { children: [
                         index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
                           "div",
                           {
@@ -32266,7 +32399,7 @@ var PositionsActivity = ({
                           title: "Unable to load activity",
                           description: "Please try again in a moment."
                         }
-                      ) : filteredActivities.length > 0 ? filteredActivities.map((activity, index) => /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(import_react50.Fragment, { children: [
+                      ) : filteredActivities.length > 0 ? filteredActivities.map((activity, index) => /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(import_react51.Fragment, { children: [
                         index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
                           "div",
                           {
@@ -32699,11 +32832,13 @@ var formatScaledNumberTwoDecimals = (value) => {
   if (parsed == null) return "0.00";
   return twoDecimalNumberFormatter.format(parsed);
 };
+var formatPriceCentsLabel = (value) => `${limitPriceCentsFormatter.format(value * 100)}\xA2`;
 var formatLimitPriceLabel2 = (value) => {
   const parsed = parseRawMicroValue(value);
   if (parsed == null) return void 0;
-  return `${limitPriceCentsFormatter.format(parsed * 100)}\xA2`;
+  return formatPriceCentsLabel(parsed);
 };
+var normalizeOutcomeMatchLabel = (value) => typeof value === "string" ? value.trim().toLowerCase() : "";
 var formatOpenOrderExpirationLabel = ({
   timeInForce,
   expiresAt,
@@ -33134,8 +33269,8 @@ var UserProfilePage = ({
   onError
 }) => {
   var _a, _b, _c;
-  const [isHydrated, setIsHydrated] = (0, import_react51.useState)(false);
-  (0, import_react51.useEffect)(() => {
+  const [isHydrated, setIsHydrated] = (0, import_react52.useState)(false);
+  (0, import_react52.useEffect)(() => {
     setIsHydrated(true);
   }, []);
   const { user: currentUser, isAuthenticated } = (0, import_hooks83.useAggAuthState)();
@@ -33148,28 +33283,28 @@ var UserProfilePage = ({
   const client = (0, import_hooks83.useAggClient)();
   const cancelOrderMutation = (0, import_hooks83.useCancelManagedOrder)();
   const toastContext = useOptionalToast();
-  const [internalCancellingIds, setInternalCancellingIds] = (0, import_react51.useState)({});
+  const [internalCancellingIds, setInternalCancellingIds] = (0, import_react52.useState)({});
   const { claim: startClaim, claimingKeys } = useClaimWinnings({
     onClaim,
     onClaimResult,
     onClaimSubmitError,
     externalClaimingKeys: claimingPositionKeys
   });
-  const [profileUser, setProfileUser] = (0, import_react51.useState)(void 0);
+  const [profileUser, setProfileUser] = (0, import_react52.useState)(void 0);
   const shouldUseHookData = !user;
-  const connectedVenues = (0, import_react51.useMemo)(() => {
+  const connectedVenues = (0, import_react52.useMemo)(() => {
     var _a2;
     if (!shouldUseHookData) return [];
     const fromBalance = (_a2 = balanceState.connectedVenues) != null ? _a2 : [];
     return [...new Set(fromBalance)].sort((a, b) => a.localeCompare(b));
   }, [balanceState, shouldUseHookData]);
-  const [positionFilter, setPositionFilter] = (0, import_react51.useState)(initialPositionFilter);
-  const [selectedClaimActivity, setSelectedClaimActivity] = (0, import_react51.useState)(null);
-  const [isManageBalancesOpen, setIsManageBalancesOpen] = (0, import_react51.useState)(false);
-  const manageBalancesButtonRef = (0, import_react51.useRef)(null);
+  const [positionFilter, setPositionFilter] = (0, import_react52.useState)(initialPositionFilter);
+  const [selectedClaimActivity, setSelectedClaimActivity] = (0, import_react52.useState)(null);
+  const [isManageBalancesOpen, setIsManageBalancesOpen] = (0, import_react52.useState)(false);
+  const manageBalancesButtonRef = (0, import_react52.useRef)(null);
   const { executionMode: resolvedExecutionMode, isPaperMode } = (0, import_hooks83.useResolvedExecutionMode)(executionMode);
   const queryExecutionMode = resolvedExecutionMode === "paper" ? "paper" : void 0;
-  const handleManageBalancesOpenChange = (0, import_react51.useCallback)((open) => {
+  const handleManageBalancesOpenChange = (0, import_react52.useCallback)((open) => {
     setIsManageBalancesOpen(open);
     if (open) return;
     requestAnimationFrame(() => {
@@ -33189,14 +33324,14 @@ var UserProfilePage = ({
     limit: 25,
     mode: queryExecutionMode
   });
-  const handlePositionFilterChange = (0, import_react51.useCallback)(
+  const handlePositionFilterChange = (0, import_react52.useCallback)(
     (filter) => {
       setPositionFilter(filter);
       onPositionFilterChangeProp == null ? void 0 : onPositionFilterChangeProp(filter);
     },
     [onPositionFilterChangeProp]
   );
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     setPositionFilter(initialPositionFilter);
   }, [initialPositionFilter]);
   const ordersQuery = (0, import_hooks83.useExecutionOrders)({
@@ -33261,7 +33396,7 @@ var UserProfilePage = ({
     limit: 25,
     mode: queryExecutionMode
   });
-  const openOrderQueries = (0, import_react51.useMemo)(
+  const openOrderQueries = (0, import_react52.useMemo)(
     () => [
       pendingOpenOrdersQuery,
       signingOpenOrdersQuery,
@@ -33287,7 +33422,7 @@ var UserProfilePage = ({
     enabled: shouldUseHookData && isAuthenticated,
     limit: 25
   });
-  const handleCancelOrder = (0, import_react51.useCallback)(
+  const handleCancelOrder = (0, import_react52.useCallback)(
     (order) => __async(null, null, function* () {
       if (onCancelOrder) {
         onCancelOrder(order);
@@ -33320,7 +33455,7 @@ var UserProfilePage = ({
     }),
     [cancelOrderMutation, labels.notifications.order, onCancelOrder, toastContext]
   );
-  const handleClaimPosition = (0, import_react51.useCallback)(
+  const handleClaimPosition = (0, import_react52.useCallback)(
     (position) => {
       var _a2, _b2;
       return startClaim({
@@ -33331,7 +33466,7 @@ var UserProfilePage = ({
     },
     [startClaim]
   );
-  const handleActivityRowClick = (0, import_react51.useCallback)(
+  const handleActivityRowClick = (0, import_react52.useCallback)(
     (activity) => {
       if (activity.kind === "redeem") {
         setSelectedClaimActivity(activity);
@@ -33341,13 +33476,13 @@ var UserProfilePage = ({
     },
     [onActivityClick]
   );
-  const handleClaimTransactionSelect = (0, import_react51.useCallback)((transaction) => {
+  const handleClaimTransactionSelect = (0, import_react52.useCallback)((transaction) => {
     const href = buildAggTxExplorerHref(transaction.chainId, transaction.txHash);
     setSelectedClaimActivity(null);
     if (!href || typeof window === "undefined") return;
     window.open(href, "_blank", "noopener,noreferrer");
   }, []);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (!shouldUseHookData || !isAuthenticated) {
       setProfileUser(void 0);
       return;
@@ -33366,7 +33501,7 @@ var UserProfilePage = ({
       isActive = false;
     };
   }, [client, currentUser, isAuthenticated, shouldUseHookData]);
-  const resolvedUser = (0, import_react51.useMemo)(() => {
+  const resolvedUser = (0, import_react52.useMemo)(() => {
     var _a2, _b2, _c2, _d, _e, _f;
     if (user) return user;
     const fullUser = profileUser != null ? profileUser : currentUser;
@@ -33400,7 +33535,7 @@ var UserProfilePage = ({
       socialHandle: normalizedTwitterHandle != null ? normalizedTwitterHandle : void 0
     };
   }, [connectedVenues, currentUser, profileUser, user]);
-  const _resolvedVenueBalances = (0, import_react51.useMemo)(() => {
+  const _resolvedVenueBalances = (0, import_react52.useMemo)(() => {
     if (_venueBalances) return _venueBalances;
     return balanceState.balanceBreakdown.map((item) => ({
       chain: item.label,
@@ -33408,24 +33543,24 @@ var UserProfilePage = ({
       balanceLabel: formatUsd2(item.balance)
     }));
   }, [_venueBalances, balanceState.balanceBreakdown]);
-  const positionsValueLabel = (0, import_react51.useMemo)(() => {
+  const positionsValueLabel = (0, import_react52.useMemo)(() => {
     var _a2;
     if (balance == null ? void 0 : balance.totalLabel) return balance.totalLabel;
     return formatUsd2((_a2 = balanceState.positionsBalanceTotal) != null ? _a2 : 0);
   }, [balance == null ? void 0 : balance.totalLabel, balanceState.positionsBalanceTotal]);
-  const availableBalanceLabel = (0, import_react51.useMemo)(() => {
+  const availableBalanceLabel = (0, import_react52.useMemo)(() => {
     var _a2, _b2;
     return formatUsd2((_b2 = (_a2 = balanceState.availableBalance) != null ? _a2 : balanceState.totalBalance) != null ? _b2 : 0);
   }, [balanceState.availableBalance, balanceState.totalBalance]);
   const paperSummary = (_a = balanceState.managedBalances) == null ? void 0 : _a.paper;
-  const paperBuyingPowerLabel = (0, import_react51.useMemo)(
+  const paperBuyingPowerLabel = (0, import_react52.useMemo)(
     () => {
       var _a2;
       return formatUsd2((_a2 = paperSummary == null ? void 0 : paperSummary.cashBalance) != null ? _a2 : 0);
     },
     [paperSummary == null ? void 0 : paperSummary.cashBalance]
   );
-  const paperEarningsLabel = (0, import_react51.useMemo)(
+  const paperEarningsLabel = (0, import_react52.useMemo)(
     () => {
       var _a2;
       return formatUsd2((_a2 = paperSummary == null ? void 0 : paperSummary.earnings) != null ? _a2 : 0);
@@ -33440,7 +33575,7 @@ var UserProfilePage = ({
   }) === "available";
   const isPositionsValueLoading = !(balance == null ? void 0 : balance.totalLabel) && balanceState.isLoading;
   const isAvailableBalanceLoading = balanceState.isLoading;
-  const resolvedActivities = (0, import_react51.useMemo)(() => {
+  const resolvedActivities = (0, import_react52.useMemo)(() => {
     if (activities) return activities.filter(isVisibleUserProfileActivity);
     const formatTime = isHydrated ? toRelativeTimeLabel : toAbsoluteTimeLabel;
     return activityQuery.activities.filter(isVisibleActivityItem).map((item, index) => {
@@ -33591,8 +33726,7 @@ var UserProfilePage = ({
       };
     });
   }, [activities, activityQuery.activities, isHydrated, labels, ordersQuery.orders]);
-  const resolvedOpenOrders = (0, import_react51.useMemo)(() => {
-    if (openOrders) return openOrders.filter(isUserProfileLimitOrder);
+  const openOrderRows = (0, import_react52.useMemo)(() => {
     const orderRowsById = /* @__PURE__ */ new Map();
     for (const query of openOrderQueries) {
       for (const order of query.orders) {
@@ -33603,7 +33737,47 @@ var UserProfilePage = ({
       (order) => isOpenOrderStatus(order.status) && isExecutionLimitOrder(order)
     ).sort(
       (a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
-    ).map((order) => {
+    );
+  }, [openOrderQueries]);
+  const openOrderVenueMarketIds = (0, import_react52.useMemo)(
+    () => openOrderRows.map((order) => {
+      var _a2;
+      return (_a2 = order.venueMarket) == null ? void 0 : _a2.id;
+    }).filter((venueMarketId) => Boolean(venueMarketId)),
+    [openOrderRows]
+  );
+  const openOrderMidpointsQuery = (0, import_hooks83.useVenueMarketMidpoints)({
+    venueMarketIds: openOrderVenueMarketIds,
+    enabled: !openOrders && openOrderVenueMarketIds.length > 0
+  });
+  const openOrderMidpointRows = openOrderMidpointsQuery.midpointRows;
+  const openOrderCurrentPriceLabels = (0, import_react52.useMemo)(() => {
+    var _a2, _b2, _c2, _d;
+    const midpointRowsByVenueMarketId = new Map(
+      openOrderMidpointRows.map((row) => [row.venueMarketId, row])
+    );
+    const labelsByOrderId = /* @__PURE__ */ new Map();
+    for (const order of openOrderRows) {
+      const venueMarketId = (_a2 = order.venueMarket) == null ? void 0 : _a2.id;
+      if (!venueMarketId) continue;
+      const midpointRow = midpointRowsByVenueMarketId.get(venueMarketId);
+      if (!midpointRow) continue;
+      const orderOutcomeLabels = [
+        normalizeOutcomeMatchLabel((_b2 = order.venueMarketOutcome) == null ? void 0 : _b2.label),
+        normalizeOutcomeMatchLabel((_c2 = order.venueMarketOutcome) == null ? void 0 : _c2.title)
+      ].filter(Boolean);
+      if (orderOutcomeLabels.length === 0) continue;
+      const outcomeMidpoint = (_d = midpointRow.outcomes) == null ? void 0 : _d.find(
+        (outcome) => orderOutcomeLabels.includes(normalizeOutcomeMatchLabel(outcome.label))
+      );
+      if ((outcomeMidpoint == null ? void 0 : outcomeMidpoint.midpoint) == null) continue;
+      labelsByOrderId.set(order.id, formatPriceCentsLabel(outcomeMidpoint.midpoint));
+    }
+    return labelsByOrderId;
+  }, [openOrderMidpointRows, openOrderRows]);
+  const resolvedOpenOrders = (0, import_react52.useMemo)(() => {
+    if (openOrders) return openOrders.filter(isUserProfileLimitOrder);
+    return openOrderRows.map((order) => {
       var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k;
       const isLimitOrder = isExecutionLimitOrder(order);
       const filledRaw = isLimitOrder ? order.filledSizeRaw : order.filledAmountRaw;
@@ -33616,15 +33790,17 @@ var UserProfilePage = ({
         goodTilCanceledLabel: labels.userProfile.openOrders.goodTilCanceled,
         expiredLabel: labels.userProfile.openOrders.expired
       });
-      return __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+      const currentPriceLabel = openOrderCurrentPriceLabels.get(order.id);
+      return __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadProps(__spreadValues({
         id: order.id,
         eventId: (_c2 = (_b2 = order.venueMarket) == null ? void 0 : _b2.venueEventId) != null ? _c2 : void 0,
         marketId: (_e = (_d = order.venueMarket) == null ? void 0 : _d.id) != null ? _e : void 0,
         thumbnailSrc: (_g = (_f = order.venueMarket) == null ? void 0 : _f.image) != null ? _g : fallbackThumbnailSrc,
         title: ((_h = order.venueMarket) == null ? void 0 : _h.question) || "Market",
-        outcomeLabel: ((_i = order.venueMarketOutcome) == null ? void 0 : _i.title) || ((_j = order.venueMarketOutcome) == null ? void 0 : _j.label) || "Outcome",
+        outcomeLabel: ((_i = order.venueMarketOutcome) == null ? void 0 : _i.title) || ((_j = order.venueMarketOutcome) == null ? void 0 : _j.label) || "Outcome"
+      }, order.side === "sell" || order.side === "buy" ? { side: order.side } : {}), {
         venue: order.venue
-      }, limitPriceLabel ? { limitPriceLabel } : {}), {
+      }), limitPriceLabel ? { limitPriceLabel } : {}), currentPriceLabel ? { currentPriceLabel } : {}), {
         filledLabel: `${formatScaledNumberTwoDecimals(filledRaw != null ? filledRaw : "0")}/${formatScaledNumberTwoDecimals(totalRaw)}`,
         valueLabel: formatFilledUsdTwoDecimals(totalCostRaw)
       }), expirationLabel ? { expirationLabel } : {}), {
@@ -33633,31 +33809,31 @@ var UserProfilePage = ({
         dagRunId: (_k = order.dagRunId) != null ? _k : null
       });
     });
-  }, [labels, openOrderQueries, openOrders]);
-  const isOpenOrdersQueryLoading = (0, import_react51.useMemo)(
+  }, [labels, openOrderCurrentPriceLabels, openOrderRows, openOrders]);
+  const isOpenOrdersQueryLoading = (0, import_react52.useMemo)(
     () => openOrderQueries.some((query) => query.isLoading),
     [openOrderQueries]
   );
-  const hasOpenOrdersQueryError = (0, import_react51.useMemo)(
+  const hasOpenOrdersQueryError = (0, import_react52.useMemo)(
     () => openOrderQueries.some((query) => query.error),
     [openOrderQueries]
   );
-  const hasMoreOpenOrdersQuery = (0, import_react51.useMemo)(
+  const hasMoreOpenOrdersQuery = (0, import_react52.useMemo)(
     () => openOrderQueries.some((query) => query.hasNextPage),
     [openOrderQueries]
   );
-  const isLoadingMoreOpenOrdersQuery = (0, import_react51.useMemo)(
+  const isLoadingMoreOpenOrdersQuery = (0, import_react52.useMemo)(
     () => openOrderQueries.some((query) => query.isFetchingNextPage),
     [openOrderQueries]
   );
-  const handleLoadMoreOpenOrders = (0, import_react51.useCallback)(() => {
+  const handleLoadMoreOpenOrders = (0, import_react52.useCallback)(() => {
     for (const query of openOrderQueries) {
       if (query.hasNextPage) {
         void query.fetchNextPage();
       }
     }
   }, [openOrderQueries]);
-  const adaptPositionGroups = (0, import_react51.useCallback)(
+  const adaptPositionGroups = (0, import_react52.useCallback)(
     (groups) => {
       return groups.flatMap((group) => {
         var _a2, _b2, _c2, _d;
@@ -33674,16 +33850,15 @@ var UserProfilePage = ({
           const outcomeId = (_b3 = (_a3 = outcome.venueBreakdown.find((row) => row.venueMarketOutcomeId)) == null ? void 0 : _a3.venueMarketOutcomeId) != null ? _b3 : void 0;
           const isResolved = group.venueMarket.status === "resolved";
           const isUnpriced = outcome.priceSource === "entry";
-          const averagePriceCents = Math.round(outcome.avgEntryPrice * 100);
-          const totalTradedValue = outcome.avgEntryPrice * outcome.totalSize;
+          const { averagePriceCents, averagePrice, totalTradedValue, costUnknown } = costBasisDisplay(outcome);
           const finalPayoutValue = isResolved ? outcome.winner === true ? outcome.totalValue : 0 : outcome.totalValue;
           const finalPrice = isResolved ? outcome.winner === true ? 1 : 0 : outcome.currentPrice;
-          const finalPnlValue = finalPayoutValue - totalTradedValue;
-          const finalPnlPercent = totalTradedValue === 0 ? 0 : finalPnlValue / Math.abs(totalTradedValue) * 100;
+          const finalPnlValue = totalTradedValue == null ? null : finalPayoutValue - totalTradedValue;
+          const finalPnlPercent = totalTradedValue == null || totalTradedValue === 0 || finalPnlValue == null ? null : finalPnlValue / Math.abs(totalTradedValue) * 100;
           const displayCurrentPrice = isResolved ? finalPrice : isUnpriced ? null : outcome.currentPrice;
           const displayCurrentValue = isResolved ? finalPayoutValue : isUnpriced ? null : outcome.totalValue;
-          const displayPnlValue = isResolved ? finalPnlValue : isUnpriced ? null : outcome.unrealizedPnl;
-          const displayPnlPercent = isResolved ? finalPnlPercent : isUnpriced ? null : outcome.unrealizedPnlPercent;
+          const displayPnlValue = costUnknown ? null : isResolved ? finalPnlValue : isUnpriced ? null : outcome.unrealizedPnl;
+          const displayPnlPercent = costUnknown ? null : isResolved ? finalPnlPercent : isUnpriced ? null : outcome.unrealizedPnlPercent;
           const currentPriceCents = typeof displayCurrentPrice === "number" ? Math.round(displayCurrentPrice * 100) : null;
           const pnlPrefix = (displayPnlValue != null ? displayPnlValue : 0) >= 0 ? "+" : "";
           const pnlPercent = displayPnlPercent == null ? null : displayPnlPercent.toFixed(2);
@@ -33699,8 +33874,8 @@ var UserProfilePage = ({
             resolutionLabel: winningOutcomeLabel,
             venueShareBreakdown: buildVenueShareBreakdown(outcome),
             totalShares: outcome.totalSize,
-            averageLabel: `${averagePriceCents}\xA2`,
-            averagePrice: outcome.avgEntryPrice,
+            averageLabel: averagePriceCents == null ? "\u2014" : `${averagePriceCents}\xA2`,
+            averagePrice,
             currentLabel: currentPriceCents == null ? "\u2014" : `${currentPriceCents}\xA2`,
             currentPrice: displayCurrentPrice,
             valueLabel: displayCurrentValue == null ? "\u2014" : formatUsd2(displayCurrentValue),
@@ -33713,14 +33888,14 @@ var UserProfilePage = ({
             marketStatus: group.venueMarket.status,
             winner: (_f = outcome.winner) != null ? _f : null,
             resolutionDate: group.resolutionDate,
-            closedTotalTradedLabel: formatUsd2(totalTradedValue),
+            closedTotalTradedLabel: totalTradedValue == null ? "\u2014" : formatUsd2(totalTradedValue),
             totalTradedValue,
             closedAmountWonLabel: formatUsd2(finalPayoutValue),
             finalPayoutValue,
             finalPnlValue,
             finalPnlPercent,
             finalPrice,
-            closedReturnLabel: formatSignedPercentLabel(finalPnlPercent / 100),
+            closedReturnLabel: finalPnlPercent == null ? "\u2014" : formatSignedPercentLabel(finalPnlPercent / 100),
             closedClaimStatus: group.redeemStatus,
             winningOutcomeIds: winningOutcomeIds.length > 0 ? winningOutcomeIds : closedTotals.winningOutcomeIds
           };
@@ -33729,11 +33904,11 @@ var UserProfilePage = ({
     },
     []
   );
-  const resolvedActivePositions = (0, import_react51.useMemo)(() => {
+  const resolvedActivePositions = (0, import_react52.useMemo)(() => {
     const source = activePositions != null ? activePositions : adaptPositionGroups(activePositionsQuery.positions);
     return source.filter(shouldIncludeByShares);
   }, [activePositions, activePositionsQuery.positions, adaptPositionGroups]);
-  const resolvedClosedPositions = (0, import_react51.useMemo)(() => {
+  const resolvedClosedPositions = (0, import_react52.useMemo)(() => {
     const source = closedPositions != null ? closedPositions : adaptPositionGroups(closedPositionsQuery.positions);
     return source.filter(shouldIncludeByShares);
   }, [closedPositions, closedPositionsQuery.positions, adaptPositionGroups]);
@@ -33798,32 +33973,13 @@ var UserProfilePage = ({
                         classNames == null ? void 0 : classNames.rightColumn
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)(
-                          "div",
+                        /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
+                          PositionsValueCard,
                           {
-                            className: cn(
-                              "grid gap-4",
-                              isKalshiAvailable && !isPaperMode ? "grid-cols-1 sm:grid-cols-2" : "grid-cols-1"
-                            ),
-                            children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
-                                PositionsValueCard,
-                                {
-                                  label: labels.userProfile.balance.positionsValue,
-                                  valueLabel: positionsValueLabel,
-                                  isLoading: isPositionsValueLoading,
-                                  compact: isPaperMode
-                                }
-                              ),
-                              isKalshiAvailable && !isPaperMode ? /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
-                                PositionsValueCard,
-                                {
-                                  label: labels.userProfile.balance.kalshiBalance,
-                                  valueLabel: formatUsd2((_b = balanceState.kalshiBalance) != null ? _b : 0),
-                                  icon: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(VenueLogo, { venue: import_sdk29.Venue.kalshi, size: "small", className: "size-4" })
-                                }
-                              ) : null
-                            ]
+                            label: labels.userProfile.balance.positionsValue,
+                            valueLabel: positionsValueLabel,
+                            isLoading: isPositionsValueLoading,
+                            compact: isPaperMode
                           }
                         ),
                         isPaperMode ? (
@@ -33872,13 +34028,14 @@ var UserProfilePage = ({
                           {
                             valueLabel: availableBalanceLabel,
                             isLoading: isAvailableBalanceLoading,
-                            chains: ((_c = balanceChainsOverride != null ? balanceChainsOverride : balanceState.availableBalanceBreakdown) != null ? _c : balanceState.balanceBreakdown).map((b) => ({
+                            chains: ((_b = balanceChainsOverride != null ? balanceChainsOverride : balanceState.availableBalanceBreakdown) != null ? _b : balanceState.balanceBreakdown).map((b) => ({
                               key: b.key,
                               label: b.label,
                               balance: b.balance,
                               accountCount: b.accountCount,
                               venues: b.venues
                             })),
+                            kalshiValueLabel: isKalshiAvailable ? formatUsd2((_c = balanceState.kalshiBalance) != null ? _c : 0) : void 0,
                             manageButtonRef: manageBalancesButtonRef,
                             onManage: () => handleManageBalancesOpenChange(true)
                           }