@agg-build/ui 1.2.7 → 1.2.9

package/dist/{chunk-E45WOOMN.mjs → chunk-PFOSEY46.mjs}

@@ -21,7 +21,7 @@ import {
   resolveUnifiedOrderBookEntries,
   sortOutcomeSelectorOutcomes,
   useEventTradingContext
-} from "./chunk-TBKDLNOE.mjs";
+} from "./chunk-5PSAIGOT.mjs";
 import {
   AutocompleteSelect,
   Badge,
@@ -73,7 +73,7 @@ import {
   sortMarketsByYesOddsDesc,
   sortOutcomes,
   splitEventsByLifecycle
-} from "./chunk-34L7ZKJW.mjs";
+} from "./chunk-QFW5NDJ6.mjs";
 
 // src/events/item/index.tsx
 import {
@@ -1990,7 +1990,9 @@ var EventListItemDetailsGraphSection = ({
                               }
                             ),
                             classNames: {
-                              root: cn("h-9 shrink-0 border px-4 text-agg-base leading-agg-6")
+                              root: cn(
+                                "shrink-0 border px-4 h-8 text-agg-sm leading-agg-5 md:h-9 md:text-agg-base md:leading-agg-6"
+                              )
                             },
                             isActive: isActiveVenue
                           }
@@ -2601,8 +2603,20 @@ var OrderbookRow = ({
   }).map(([venue]) => venue);
   const venues = entry.row.venues && entry.row.venues.length > 0 ? entry.row.venues : venuesFromBreakdown.length > 0 ? venuesFromBreakdown : [entry.row.venue];
   const barPercent = Math.max(2, Number((entry.unifiedBarScale * 100).toFixed(2)));
-  return /* @__PURE__ */ jsxs5("div", { className: "agg-orderbook-row relative flex h-9 items-center gap-2.5 overflow-clip md:gap-10 pr-2.5 md:pr-5", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "md:relative min-w-0 flex-1 self-stretch", children: [
+  return /* @__PURE__ */ jsxs5("div", { className: "agg-orderbook-row relative flex h-9 items-center gap-2.5 overflow-clip pl-5 pr-2.5 md:gap-10 md:pl-0 md:pr-5", children: [
+    /* @__PURE__ */ jsx6(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: cn(
+          "agg-orderbook-bar md:hidden absolute inset-y-0 left-0",
+          barClassName,
+          getMotionClassName(enableAnimations, "transition-[width] duration-200 ease-in-out")
+        ),
+        style: { width: `${barPercent}%` }
+      }
+    ),
+    /* @__PURE__ */ jsxs5("div", { className: "hidden md:block md:relative min-w-0 flex-1 self-stretch", children: [
       /* @__PURE__ */ jsx6(
         "div",
         {
@@ -2705,8 +2719,8 @@ var Orderbook = ({
     spreadEntry
   ]);
   return /* @__PURE__ */ jsxs5("div", { className: cn("agg-orderbook-unified flex flex-col", className), children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex h-9 items-center gap-2.5 overflow-clip border-b border-agg-separator pr-5 md:gap-10", children: [
-      /* @__PURE__ */ jsx6("span", { className: "flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ jsx6("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex h-9 items-center gap-2.5 overflow-clip border-b border-agg-separator pl-5 pr-5 md:pl-0 md:gap-10", children: [
+      /* @__PURE__ */ jsx6("span", { className: "hidden md:flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ jsx6("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
       /* @__PURE__ */ jsx6("span", { className: "w-20 shrink-0 text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.price }),
       /* @__PURE__ */ jsx6("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.shares }),
       /* @__PURE__ */ jsx6("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.total })
@@ -3520,7 +3534,7 @@ var MarketDetailsContent = ({
                     "span",
                     {
                       className: cn(
-                        "min-w-35 inline-flex h-9 items-center justify-center gap-2 rounded-agg-full",
+                        "w-full md:w-auto md:min-w-35 inline-flex h-9 items-center justify-center gap-2 rounded-agg-full",
                         "border px-5 py-1.5 text-agg-sm font-agg-bold",
                         getMotionClassName(
                           enableAnimations,

package/dist/{chunk-QMWKXDVZ.mjs → chunk-PYKD4W4T.mjs}

@@ -9,13 +9,13 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-E45WOOMN.mjs";
+} from "./chunk-PFOSEY46.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-3RG2K7MV.mjs";
+} from "./chunk-K23CJ5UP.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -44,7 +44,7 @@ import {
   filterOpenEvents,
   resolveTabVenus,
   shortenAddress
-} from "./chunk-34L7ZKJW.mjs";
+} from "./chunk-QFW5NDJ6.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -1819,7 +1819,7 @@ var toneTextClassName = (tone) => {
   if (tone === "negative") return "text-agg-error";
   return "text-agg-muted-foreground";
 };
-var OutcomePill = ({ label }) => /* @__PURE__ */ jsx6("span", { className: "agg-position-outcome inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx6("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: label }) });
+var OutcomePill = ({ label }) => /* @__PURE__ */ jsx6("span", { className: "agg-position-outcome max-w-[120px] inline-flex items-center justify-center rounded-full bg-agg-secondary-hover px-4 py-[6px]", children: /* @__PURE__ */ jsx6("span", { className: "whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground truncate", children: label }) });
 var VenueShares = ({
   model,
   className,
@@ -1853,7 +1853,7 @@ var StatusBadge = ({
         isWon ? "border-agg-success/50 bg-agg-success/10 text-agg-success" : "border-agg-muted-foreground/30 bg-agg-secondary-hover text-agg-foreground"
       ),
       children: [
-        /* @__PURE__ */ jsx6(Icon, { name: isWon ? "check-circle" : "hourglass-start", size: "small", className: "size-2.5" }),
+        /* @__PURE__ */ jsx6(Icon, { name: isWon ? "check-circle" : "hourglass-start", size: "small", className: "size-2.5!" }),
         isWon ? labels.won : labels.open
       ]
     }
@@ -1893,7 +1893,7 @@ var TotalTradedCell = ({
   className
 }) => /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col gap-[2px] whitespace-nowrap", className), children: [
   /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: model.totalTraded.primaryLabel }),
-  /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: model.totalTraded.averageLabel })
+  /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: model.totalTraded.averageLabel })
 ] });
 var PositionValueCell = ({
   value,
@@ -2002,7 +2002,7 @@ var PositionRow = ({
                   {
                     model,
                     keyPrefix: "desktop",
-                    className: "agg-position-venues flex min-w-0 flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2"
+                    className: "agg-position-venues flex flex-1 flex-wrap content-center items-center gap-x-3 gap-y-2"
                   }
                 )
               ] })
@@ -2029,12 +2029,12 @@ var PositionRow = ({
             "button",
             {
               type: "button",
-              className: "ml-auto inline-flex h-8 items-center justify-center gap-1 rounded-agg-full px-2 font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-accent disabled:cursor-not-allowed disabled:opacity-60",
+              className: "ml-auto inline-flex h-8 cursor-pointer items-center justify-center gap-1 rounded-agg-full px-2 font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-primary hover:text-agg-primary-hover disabled:cursor-not-allowed disabled:opacity-60",
               onClick: handleClaim,
               disabled: isClaiming,
               "aria-busy": isClaiming || void 0,
               children: [
-                isClaiming ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small", className: "text-agg-accent" }) : null,
+                isClaiming ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small", className: "text-agg-primary" }) : null,
                 labels.claim
               ]
             }
@@ -2062,13 +2062,13 @@ var PositionRow = ({
               className: "hidden w-[160px] shrink-0 md:flex"
             }
           ),
-          /* @__PURE__ */ jsxs6("div", { className: "hidden w-[100px] shrink-0 items-center gap-2 md:flex", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "hidden w-[100px] shrink-0 items-center gap-3 md:flex", children: [
             /* @__PURE__ */ jsx6(StatusBadge, { status: model.positionStatus, labels }),
             model.canClaim ? /* @__PURE__ */ jsxs6(
               "button",
               {
                 type: "button",
-                className: "inline-flex h-6 items-center justify-center gap-1 rounded-agg-full font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
+                className: "inline-flex h-6 cursor-pointer items-center justify-center gap-1 rounded-agg-full font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-primary hover:text-agg-primary-hover disabled:cursor-not-allowed disabled:opacity-60",
                 onClick: handleClaim,
                 disabled: isClaiming,
                 "aria-busy": isClaiming || void 0,
@@ -2755,6 +2755,7 @@ var UserInfoCard = ({
                   content: /* @__PURE__ */ jsx10("p", { className: "text-center", children: labels.auth.depositGeoBlocked }),
                   size: "small",
                   side: "bottom",
+                  sideOffset: 4,
                   children
                 }
               ),
@@ -3235,6 +3236,8 @@ var UserProfilePage = ({
       try {
         yield redeemMutation.mutateAsync({ venueMarketOutcomeIds });
         yield queryClient.invalidateQueries({ queryKey: ["current-user"] });
+      } catch (err) {
+        console.error("[UserProfilePage] redeem failed", err);
       } finally {
         setInternalClaimingIds((prev) => {
           const _a2 = prev, { [claimKey]: _removed } = _a2, rest = __objRest(_a2, [__restKey(claimKey)]);
@@ -3617,7 +3620,10 @@ var UserProfilePage = ({
               /* @__PURE__ */ jsxs11(
                 "div",
                 {
-                  className: cn("agg-profile-side-panels flex flex-col gap-4", classNames == null ? void 0 : classNames.rightColumn),
+                  className: cn(
+                    "agg-profile-side-panels flex flex-col-reverse md:flex-col gap-4",
+                    classNames == null ? void 0 : classNames.rightColumn
+                  ),
                   children: [
                     /* @__PURE__ */ jsx11(PositionsValueCard, { valueLabel: positionsValueLabel }),
                     /* @__PURE__ */ jsx11(

package/dist/{chunk-34L7ZKJW.mjs → chunk-QFW5NDJ6.mjs}

@@ -1377,7 +1377,7 @@ var HourglassStartIcon = (_a) => {
     __spreadProps(__spreadValues(__spreadValues({
       width: "16",
       height: "16",
-      viewBox: "0 0 16 16",
+      viewBox: "0 0 10 10",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className
@@ -1387,14 +1387,10 @@ var HourglassStartIcon = (_a) => {
         /* @__PURE__ */ jsx35(
           "path",
           {
-            d: "M4.25 1.5H11.75M4.25 14.5H11.75M5 1.5V4.6C5 5.2 5.27 5.76 5.73 6.14L8 8L5.73 9.86C5.27 10.24 5 10.8 5 11.4V14.5M11 1.5V4.6C11 5.2 10.73 5.76 10.27 6.14L8 8L10.27 9.86C10.73 10.24 11 10.8 11 11.4V14.5",
-            stroke: "currentColor",
-            strokeWidth: "1.4",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            d: "M8.7324 1.90708C8.80282 1.43542 8.66324 0.95625 8.3499 0.5925C8.03115 0.2225 7.56907 0.0108337 7.08157 0.0108337H2.91907C2.43157 0.0108337 1.96949 0.223334 1.65115 0.593334C1.3374 0.9575 1.19824 1.43667 1.26907 1.90875C1.43824 3.03333 2.05449 4.07458 3.10282 5.01042C2.05407 5.94625 1.43782 6.9875 1.26907 8.11208C1.19824 8.58417 1.33782 9.06333 1.65115 9.4275C1.96949 9.79792 2.43199 10.0096 2.91907 10.0096H7.08157C7.56907 10.0096 8.03115 9.79792 8.3499 9.42792C8.66324 9.06417 8.80282 8.585 8.7324 8.11375C8.56449 6.99292 7.9474 5.95083 6.89657 5.01C7.9474 4.06917 8.56449 3.0275 8.7324 1.90708ZM7.46949 1.83333C7.05949 2.84667 6.19824 3.67583 5.54907 4.1925L5.26157 4.42208C5.10949 4.54292 4.8949 4.54292 4.74282 4.42292L4.44949 4.19C3.80074 3.67708 2.94157 2.85167 2.53074 1.83333C2.47865 1.70458 2.49449 1.55917 2.57157 1.44417C2.64907 1.32958 2.77865 1.26083 2.91699 1.26083H7.08365C7.2224 1.26083 7.35199 1.32917 7.42907 1.44417C7.50657 1.55875 7.52157 1.705 7.46949 1.83333ZM5.0299 3.54083L5.00074 3.56417L4.96657 3.53708C4.53032 3.19208 3.9874 2.69167 3.60365 2.09458H6.39615C6.01115 2.69 5.4674 3.19292 5.03032 3.54125L5.0299 3.54083Z",
+            fill: "currentColor"
           }
-        ),
-        /* @__PURE__ */ jsx35("path", { d: "M6.75 4.25H9.25L8 5.25L6.75 4.25Z", fill: "currentColor" })
+        )
       ]
     })
   );
@@ -3484,7 +3480,7 @@ var SWITCH_BUTTON_ANIMATION_DURATION_MS = 350;
 var SWITCH_BUTTON_CONTAINER_CLASS_NAME = "group/agg-switch-button min-w-fit inline-flex min-w-0 rounded-agg-full bg-agg-secondary-hover font-agg-sans cursor-pointer hover:bg-agg-tertiary";
 var SWITCH_BUTTON_TRACK_CLASS_NAME = "agg-switch-button-track relative grid min-w-0 flex-1 items-center";
 var SWITCH_BUTTON_TRACK_HIGHLIGHT_CLASS_NAME = "pointer-events-none absolute inset-y-0 left-0 rounded-agg-full border border-agg-primary bg-agg-secondary";
-var SWITCH_BUTTON_OPTION_BASE_CLASS_NAME = "agg-switch-button-option whitespace-nowrap relative z-10 min-w-0 rounded-agg-full px-5 py-1.5 font-agg-sans text-agg-base leading-agg-6 text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary-hover cursor-pointer disabled:cursor-not-allowed disabled:text-agg-muted-foreground";
+var SWITCH_BUTTON_OPTION_BASE_CLASS_NAME = "agg-switch-button-option whitespace-nowrap relative z-10 min-w-0 rounded-agg-full px-5 py-1.5 font-agg-sans text-agg-sm leading-agg-5 md:text-agg-base md:leading-agg-6 text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary-hover cursor-pointer disabled:cursor-not-allowed disabled:text-agg-muted-foreground";
 
 // src/primitives/switch-button/switch-button.utils.ts
 var resolveActiveIndex = (options, value) => {
@@ -8995,6 +8991,7 @@ var Tooltip = ({
   side = "top",
   delayDuration = 150,
   collisionPadding = 12,
+  sideOffset = 0,
   classNames,
   "aria-label": ariaLabel
 }) => {
@@ -9022,7 +9019,7 @@ var Tooltip = ({
       TooltipPrimitive.Content,
       {
         side,
-        sideOffset: 0,
+        sideOffset,
         collisionPadding,
         className: cn(
           "group/agg-tooltip",

package/dist/events.js

@@ -1127,7 +1127,7 @@ var HourglassStartIcon = (_a) => {
     __spreadProps(__spreadValues(__spreadValues({
       width: "16",
       height: "16",
-      viewBox: "0 0 16 16",
+      viewBox: "0 0 10 10",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className
@@ -1137,14 +1137,10 @@ var HourglassStartIcon = (_a) => {
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "path",
           {
-            d: "M4.25 1.5H11.75M4.25 14.5H11.75M5 1.5V4.6C5 5.2 5.27 5.76 5.73 6.14L8 8L5.73 9.86C5.27 10.24 5 10.8 5 11.4V14.5M11 1.5V4.6C11 5.2 10.73 5.76 10.27 6.14L8 8L10.27 9.86C10.73 10.24 11 10.8 11 11.4V14.5",
-            stroke: "currentColor",
-            strokeWidth: "1.4",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            d: "M8.7324 1.90708C8.80282 1.43542 8.66324 0.95625 8.3499 0.5925C8.03115 0.2225 7.56907 0.0108337 7.08157 0.0108337H2.91907C2.43157 0.0108337 1.96949 0.223334 1.65115 0.593334C1.3374 0.9575 1.19824 1.43667 1.26907 1.90875C1.43824 3.03333 2.05449 4.07458 3.10282 5.01042C2.05407 5.94625 1.43782 6.9875 1.26907 8.11208C1.19824 8.58417 1.33782 9.06333 1.65115 9.4275C1.96949 9.79792 2.43199 10.0096 2.91907 10.0096H7.08157C7.56907 10.0096 8.03115 9.79792 8.3499 9.42792C8.66324 9.06417 8.80282 8.585 8.7324 8.11375C8.56449 6.99292 7.9474 5.95083 6.89657 5.01C7.9474 4.06917 8.56449 3.0275 8.7324 1.90708ZM7.46949 1.83333C7.05949 2.84667 6.19824 3.67583 5.54907 4.1925L5.26157 4.42208C5.10949 4.54292 4.8949 4.54292 4.74282 4.42292L4.44949 4.19C3.80074 3.67708 2.94157 2.85167 2.53074 1.83333C2.47865 1.70458 2.49449 1.55917 2.57157 1.44417C2.64907 1.32958 2.77865 1.26083 2.91699 1.26083H7.08365C7.2224 1.26083 7.35199 1.32917 7.42907 1.44417C7.50657 1.55875 7.52157 1.705 7.46949 1.83333ZM5.0299 3.54083L5.00074 3.56417L4.96657 3.53708C4.53032 3.19208 3.9874 2.69167 3.60365 2.09458H6.39615C6.01115 2.69 5.4674 3.19292 5.03032 3.54125L5.0299 3.54083Z",
+            fill: "currentColor"
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M6.75 4.25H9.25L8 5.25L6.75 4.25Z", fill: "currentColor" })
+        )
       ]
     })
   );
@@ -3233,7 +3229,7 @@ var SWITCH_BUTTON_ANIMATION_DURATION_MS = 350;
 var SWITCH_BUTTON_CONTAINER_CLASS_NAME = "group/agg-switch-button min-w-fit inline-flex min-w-0 rounded-agg-full bg-agg-secondary-hover font-agg-sans cursor-pointer hover:bg-agg-tertiary";
 var SWITCH_BUTTON_TRACK_CLASS_NAME = "agg-switch-button-track relative grid min-w-0 flex-1 items-center";
 var SWITCH_BUTTON_TRACK_HIGHLIGHT_CLASS_NAME = "pointer-events-none absolute inset-y-0 left-0 rounded-agg-full border border-agg-primary bg-agg-secondary";
-var SWITCH_BUTTON_OPTION_BASE_CLASS_NAME = "agg-switch-button-option whitespace-nowrap relative z-10 min-w-0 rounded-agg-full px-5 py-1.5 font-agg-sans text-agg-base leading-agg-6 text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary-hover cursor-pointer disabled:cursor-not-allowed disabled:text-agg-muted-foreground";
+var SWITCH_BUTTON_OPTION_BASE_CLASS_NAME = "agg-switch-button-option whitespace-nowrap relative z-10 min-w-0 rounded-agg-full px-5 py-1.5 font-agg-sans text-agg-sm leading-agg-5 md:text-agg-base md:leading-agg-6 text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary-hover cursor-pointer disabled:cursor-not-allowed disabled:text-agg-muted-foreground";
 
 // src/primitives/switch-button/switch-button.utils.ts
 var resolveActiveIndex = (options, value) => {
@@ -6450,6 +6446,7 @@ var Tooltip = ({
   side = "top",
   delayDuration = 150,
   collisionPadding = 12,
+  sideOffset = 0,
   classNames,
   "aria-label": ariaLabel
 }) => {
@@ -6477,7 +6474,7 @@ var Tooltip = ({
       TooltipPrimitive.Content,
       {
         side,
-        sideOffset: 0,
+        sideOffset,
         collisionPadding,
         className: cn(
           "group/agg-tooltip",
@@ -7418,6 +7415,18 @@ var marketChartCandleToScaledCandlePoint = (candle, transformProbability) => {
     v: candle.volume
   };
 };
+var venueCandlesToLinePoints = (venueData, transformProbability) => {
+  const candles = venueData.liveCandle && !venueData.candles.some((candle) => {
+    var _a;
+    return candle.time === ((_a = venueData.liveCandle) == null ? void 0 : _a.time);
+  }) ? [...venueData.candles, venueData.liveCandle] : venueData.liveCandle ? venueData.candles.map(
+    (candle) => {
+      var _a;
+      return candle.time === ((_a = venueData.liveCandle) == null ? void 0 : _a.time) ? venueData.liveCandle : candle;
+    }
+  ) : venueData.candles;
+  return candles.map((candle) => marketChartCandleToLineChartPoint(candle, transformProbability));
+};
 var resolveMarketChartVenueSeries = ({
   chartData,
   transformProbability
@@ -7425,9 +7434,7 @@ var resolveMarketChartVenueSeries = ({
   if (!chartData) return [];
   return Object.entries(chartData.venues).map(([venue, venueData]) => ({
     venue,
-    points: venueData.candles.map(
-      (candle) => marketChartCandleToLineChartPoint(candle, transformProbability)
-    )
+    points: venueCandlesToLinePoints(venueData, transformProbability)
   })).filter((item) => item.points.length > 0);
 };
 var resolveAggregatedCandleSource = (candles) => {
@@ -7480,13 +7487,24 @@ var resolveMarketChartDisplaySeries = ({
   if (selectedVenue) {
     return venueEntries.map(([venue, venueData]) => ({
       venue,
-      points: venueData.candles.map(
-        (candle) => marketChartCandleToLineChartPoint(candle, transformProbability)
-      )
+      points: venueCandlesToLinePoints(venueData, transformProbability)
     })).filter((item) => item.points.length > 0);
   }
   const aggregatedCandles = aggregateMarketChartCandles(
-    venueEntries.flatMap(([, venueData]) => venueData.candles)
+    venueEntries.flatMap(([, venueData]) => {
+      const closed = venueData.candles;
+      if (!venueData.liveCandle) return closed;
+      const hasOverlap = closed.some((candle) => {
+        var _a;
+        return candle.time === ((_a = venueData.liveCandle) == null ? void 0 : _a.time);
+      });
+      return hasOverlap ? closed.map(
+        (candle) => {
+          var _a;
+          return candle.time === ((_a = venueData.liveCandle) == null ? void 0 : _a.time) ? venueData.liveCandle : candle;
+        }
+      ) : [...closed, venueData.liveCandle];
+    })
   );
   if (aggregatedCandles.length === 0) return [];
   return [
@@ -9325,7 +9343,9 @@ var EventListItemDetailsGraphSection = ({
                               }
                             ),
                             classNames: {
-                              root: cn("h-9 shrink-0 border px-4 text-agg-base leading-agg-6")
+                              root: cn(
+                                "shrink-0 border px-4 h-8 text-agg-sm leading-agg-5 md:h-9 md:text-agg-base md:leading-agg-6"
+                              )
                             },
                             isActive: isActiveVenue
                           }
@@ -10006,8 +10026,20 @@ var OrderbookRow = ({
   }).map(([venue]) => venue);
   const venues = entry.row.venues && entry.row.venues.length > 0 ? entry.row.venues : venuesFromBreakdown.length > 0 ? venuesFromBreakdown : [entry.row.venue];
   const barPercent = Math.max(2, Number((entry.unifiedBarScale * 100).toFixed(2)));
-  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "agg-orderbook-row relative flex h-9 items-center gap-2.5 overflow-clip md:gap-10 pr-2.5 md:pr-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "md:relative min-w-0 flex-1 self-stretch", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "agg-orderbook-row relative flex h-9 items-center gap-2.5 overflow-clip pl-5 pr-2.5 md:gap-10 md:pl-0 md:pr-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: cn(
+          "agg-orderbook-bar md:hidden absolute inset-y-0 left-0",
+          barClassName,
+          getMotionClassName(enableAnimations, "transition-[width] duration-200 ease-in-out")
+        ),
+        style: { width: `${barPercent}%` }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "hidden md:block md:relative min-w-0 flex-1 self-stretch", children: [
       /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
         "div",
         {
@@ -10110,8 +10142,8 @@ var Orderbook = ({
     spreadEntry
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: cn("agg-orderbook-unified flex flex-col", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex h-9 items-center gap-2.5 overflow-clip border-b border-agg-separator pr-5 md:gap-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "flex h-9 items-center gap-2.5 overflow-clip border-b border-agg-separator pl-5 pr-5 md:pl-0 md:gap-10", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "hidden md:flex min-w-0 flex-1 items-center gap-2 pl-5", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.tradeOutcome }) }),
       /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "w-20 shrink-0 text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.price }),
       /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.shares }),
       /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("span", { className: "w-20 shrink-0 text-center text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground md:w-[120px]", children: labels.total })
@@ -10927,7 +10959,7 @@ var MarketDetailsContent = ({
                     "span",
                     {
                       className: cn(
-                        "min-w-35 inline-flex h-9 items-center justify-center gap-2 rounded-agg-full",
+                        "w-full md:w-auto md:min-w-35 inline-flex h-9 items-center justify-center gap-2 rounded-agg-full",
                         "border px-5 py-1.5 text-agg-sm font-agg-bold",
                         getMotionClassName(
                           enableAnimations,

package/dist/events.mjs

@@ -14,13 +14,13 @@ import {
   mergeVenueOutcomeOrderbooks,
   orderbookRowLimitDefault,
   useCenterOrderbookSpread
-} from "./chunk-E45WOOMN.mjs";
+} from "./chunk-PFOSEY46.mjs";
 import {
   formatProbabilityCents,
   resolveOrderBookRows,
   resolveUnifiedOrderBookEntries
-} from "./chunk-TBKDLNOE.mjs";
-import "./chunk-34L7ZKJW.mjs";
+} from "./chunk-5PSAIGOT.mjs";
+import "./chunk-QFW5NDJ6.mjs";
 export {
   EventList,
   EventListItem,