@agg-build/ui 2.4.3 → 2.4.5

package/dist/{chunk-WZ55ERDO.mjs → chunk-PTNFXXOV.mjs}

@@ -1643,6 +1643,12 @@ var iconSizeClasses = {
   medium: "h-6 w-6",
   large: "h-8 w-8"
 };
+var iconSizePixels = {
+  xs: 12,
+  small: 16,
+  medium: 24,
+  large: 32
+};
 
 // src/primitives/search/search-empty-icon.tsx
 import { jsx as jsx40, jsxs as jsxs40 } from "react/jsx-runtime";
@@ -3244,6 +3250,8 @@ var Icon = (_a) => {
     __spreadValues({
       color,
       className: cn("group/agg-icon", resolvedClassName),
+      width: iconSizePixels[size],
+      height: iconSizePixels[size],
       style: resolvedStyle
     }, props)
   );
@@ -5575,7 +5583,7 @@ EventListSkeletonView.displayName = "EventListSkeletonView";
 import { useLabels as useLabels5 } from "@agg-build/hooks";
 
 // src/events/item-details/event-list-item-details.constants.ts
-var detailsBaseCardClassName = "w-full gap-6 p-5 md:gap-8";
+var detailsBaseCardClassName = "w-full gap-6 p-4 md:p-5 md:gap-8";
 
 // src/primitives/skeleton/views/event-list-item-details-skeleton-view.tsx
 import { jsx as jsx101, jsxs as jsxs98 } from "react/jsx-runtime";
@@ -8846,14 +8854,23 @@ import { useCallback as useCallback6, useEffect as useEffect9, useLayoutEffect a
 import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef8, useState as useState9 } from "react";
 var useHorizontalScrollState = () => {
   const containerRef = useRef8(null);
+  const [hasOverflow, setHasOverflow] = useState9(false);
+  const [isAtStart, setIsAtStart] = useState9(true);
+  const [isAtEnd, setIsAtEnd] = useState9(true);
   const [canScrollLeft, setCanScrollLeft] = useState9(false);
   const [canScrollRight, setCanScrollRight] = useState9(false);
   const update = useCallback5(() => {
     const el = containerRef.current;
     if (!el) return;
-    const maxScroll = el.scrollWidth - el.clientWidth;
-    setCanScrollLeft(el.scrollLeft > 4);
-    setCanScrollRight(maxScroll - el.scrollLeft > 4);
+    const epsilon = 2;
+    const nextHasOverflow = el.scrollWidth > el.clientWidth + epsilon;
+    const nextIsAtStart = el.scrollLeft <= epsilon;
+    const nextIsAtEnd = el.scrollLeft + el.clientWidth >= el.scrollWidth - epsilon;
+    setHasOverflow(nextHasOverflow);
+    setIsAtStart(nextIsAtStart);
+    setIsAtEnd(nextIsAtEnd);
+    setCanScrollLeft(nextHasOverflow && !nextIsAtStart);
+    setCanScrollRight(nextHasOverflow && !nextIsAtEnd);
   }, []);
   useEffect8(() => {
     const el = containerRef.current;
@@ -8869,7 +8886,15 @@ var useHorizontalScrollState = () => {
     ro.observe(el);
     return () => ro.disconnect();
   }, [update]);
-  return { containerRef, canScrollLeft, canScrollRight, update };
+  return {
+    containerRef,
+    hasOverflow,
+    isAtStart,
+    isAtEnd,
+    canScrollLeft,
+    canScrollRight,
+    update
+  };
 };
 
 // src/primitives/tabs/tabs.constants.ts
@@ -8964,6 +8989,9 @@ var Tabs = ({
   });
   const {
     containerRef: tabListRef,
+    hasOverflow,
+    isAtStart,
+    isAtEnd,
     canScrollLeft,
     canScrollRight,
     update: updateScrollState
@@ -9052,7 +9080,7 @@ var Tabs = ({
       "overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",
       getMotionClassName(enableAnimations, "scroll-smooth")
     ) : "overflow-x-auto",
-    isBarVariant ? "items-start rounded-agg-lg border border-agg-separator p-1.5" : "h-15 border-b border-agg-separator -mb-[1px]",
+    isBarVariant ? "items-start rounded-agg-lg border border-agg-separator p-1.5" : "h-14 md:h-15 border-b border-agg-separator -mb-[1px]",
     shouldUseOverflowScroll && "select-none",
     shouldUseOverflowScroll && !isBarVariant && "snap-x snap-mandatory",
     shouldUseOverflowScroll && (isDraggingTabs ? "cursor-grabbing" : "cursor-grab")
@@ -9210,7 +9238,10 @@ var Tabs = ({
       left: Math.max(0, nextScrollLeft),
       behavior: getScrollBehavior(enableAnimations)
     });
-  }, [enableAnimations, renderedItems, shouldUseOverflowScroll, value]);
+    requestAnimationFrame(() => {
+      updateScrollState();
+    });
+  }, [enableAnimations, renderedItems, shouldUseOverflowScroll, updateScrollState, value]);
   if (shouldUseOverflowSelect) {
     return /* @__PURE__ */ jsx128("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsx128(
       Select,
@@ -9249,6 +9280,13 @@ var Tabs = ({
             onPointerUp: handleEndTabListDrag,
             onWheel: handleTabListWheel,
             children: [
+              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ jsx128(
+                "span",
+                {
+                  "aria-hidden": true,
+                  className: "agg-tab-scroll-start-spacer h-full w-4 shrink-0 snap-start"
+                }
+              ) : null,
               renderedItems.map((item, index) => {
                 var _a;
                 const isActive = item.value === value;
@@ -9283,6 +9321,7 @@ var Tabs = ({
                         isDisabled: !!item.disabled,
                         size
                       }),
+                      !isBarVariant && (size === "s" ? "px-3 md:px-4" : "h-14 px-3 md:h-15 md:px-4"),
                       shouldUseOverflowScroll && !isBarVariant && "snap-start",
                       classNames == null ? void 0 : classNames.tabTrigger
                     ),
@@ -9332,9 +9371,9 @@ var Tabs = ({
               "aria-hidden": true,
               className: cn(
                 "agg-tab-scroll-start",
-                "pointer-events-none absolute top-0 bottom-0 left-0 z-10 w-12 md:w-18 bg-linear-to-r from-agg-secondary via-agg-secondary to-transparent",
+                "pointer-events-none absolute inset-y-0 left-0 z-10 w-6 md:w-[60px] bg-linear-to-r from-agg-secondary to-transparent",
                 getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-                canScrollLeft ? "opacity-100" : "opacity-0"
+                hasOverflow && canScrollLeft && !isAtStart ? "opacity-100" : "opacity-0"
               )
             }
           ),
@@ -9344,9 +9383,9 @@ var Tabs = ({
               "aria-hidden": true,
               className: cn(
                 "agg-tab-scroll-end",
-                "pointer-events-none absolute top-0 right-0 bottom-0 z-10 w-12 md:w-18 bg-linear-to-l from-agg-secondary via-agg-secondary to-transparent",
+                "pointer-events-none absolute inset-y-0 right-0 z-10 w-6 md:w-[60px] bg-linear-to-l from-agg-secondary to-transparent",
                 getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-                canScrollRight ? "opacity-100" : "opacity-0"
+                hasOverflow && canScrollRight && !isAtEnd ? "opacity-100" : "opacity-0"
               )
             }
           )

package/dist/{chunk-STL4ZHLP.mjs → chunk-UH3DUTMG.mjs}

@@ -2,7 +2,6 @@
 import {
   Card,
   DEFAULT_VENUE_COLOR,
-  Icon,
   Skeleton,
   VenueLogo,
   __spreadProps,
@@ -20,7 +19,7 @@ import {
   selectPrimaryVenueMarket,
   skeletonViews,
   sortOutcomes
-} from "./chunk-WZ55ERDO.mjs";
+} from "./chunk-PTNFXXOV.mjs";
 
 // src/trading/trading-context/index.tsx
 import { useEventTradingContext } from "@agg-build/hooks";
@@ -198,13 +197,6 @@ var parseSettlementBlocks = (input) => {
   }
   return blocks;
 };
-var getFirstSettlementParagraph = (input) => {
-  if (!input) return "";
-  const blocks = parseSettlementBlocks(input);
-  const firstParagraph = blocks.find((block) => block.kind === "paragraph");
-  if (!firstParagraph || firstParagraph.kind !== "paragraph") return "";
-  return firstParagraph.lines.join(" ").trim();
-};
 var normalizeSettlementForCompare = (input) => {
   return stripHtmlFragments(input).replace(/\s+/g, " ").trim().toLowerCase();
 };
@@ -440,7 +432,13 @@ var mergePerVenueValues = (current, next) => {
 };
 var prepareSettlementDifferences = (differences) => {
   const byCanonicalKey = /* @__PURE__ */ new Map();
-  for (const [originalIndex, difference] of (differences != null ? differences : []).entries()) {
+  for (const [originalIndex, rawDifference] of (differences != null ? differences : []).entries()) {
+    const title = rawDifference.title.trim();
+    const perVenue = Object.fromEntries(
+      Object.entries(rawDifference.perVenue).map(([venue, value]) => [venue.trim(), value.trim()]).filter(([venue, value]) => venue.length > 0 && value.length > 0)
+    );
+    if (!title || Object.keys(perVenue).length === 0) continue;
+    const difference = __spreadProps(__spreadValues({}, rawDifference), { title, perVenue });
     const canonicalKey = resolveCanonicalDifferenceKey(difference);
     if (hasEqualNormalizedDateValues(difference, canonicalKey)) continue;
     const existing = byCanonicalKey.get(canonicalKey);
@@ -495,17 +493,76 @@ var resolveDifferenceIconClassName = (canonicalKey) => {
   return "fi-rr-info";
 };
 var buildSettlementVenueRules = ({
-  eventBlock,
   marketBlock,
   primaryRulesBlock,
+  settlementVenues,
   settlementVenueRules
 }) => {
-  if (settlementVenueRules) return settlementVenueRules;
-  const content = [marketBlock == null ? void 0 : marketBlock.content, primaryRulesBlock == null ? void 0 : primaryRulesBlock.content, eventBlock == null ? void 0 : eventBlock.content].filter((value) => typeof value === "string" && value.trim().length > 0).join("\n\n");
-  return content ? [{ venue: "polymarket", content }] : [];
+  var _a, _b;
+  if (settlementVenueRules) {
+    const rulesByVenue = /* @__PURE__ */ new Map();
+    for (const rule of settlementVenueRules) {
+      const venue2 = rule.venue.trim();
+      const content2 = rule.content.trim();
+      if (!venue2 || !content2) continue;
+      const venueRules = (_a = rulesByVenue.get(venue2)) != null ? _a : [];
+      if (!venueRules.includes(content2)) venueRules.push(content2);
+      rulesByVenue.set(venue2, venueRules);
+    }
+    return Array.from(rulesByVenue, ([venue2, contents]) => ({
+      venue: venue2,
+      content: contents.join("\n\n")
+    }));
+  }
+  const content = [marketBlock == null ? void 0 : marketBlock.content, primaryRulesBlock == null ? void 0 : primaryRulesBlock.content].filter((value) => typeof value === "string" && value.trim().length > 0).join("\n\n");
+  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 isDuplicatedByVenueRules = (content, venueRules) => {
+  const normalizedContent = normalizeSettlementForCompare(content);
+  if (!normalizedContent) return false;
+  return venueRules.some((rule) => {
+    const normalizedRule = normalizeSettlementForCompare(rule.content);
+    return normalizedRule.includes(normalizedContent);
+  });
 };
-var getSettlementHeaderClassName = () => {
-  return "flex items-center justify-between gap-4";
+var SettlementVenueRules = ({
+  rules,
+  labels
+}) => {
+  return /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-venue-rules flex w-full flex-col items-start gap-4", children: [
+    /* @__PURE__ */ jsx2("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementFullRulesTitle }),
+    /* @__PURE__ */ jsx2("div", { className: "flex w-full flex-col items-start gap-4", children: rules.map((rule) => {
+      const venueLabel = resolveSettlementVenueLabel(rule.venue, labels);
+      return /* @__PURE__ */ jsxs2("details", { className: "group/agg-settlement-rule w-full", children: [
+        /* @__PURE__ */ jsxs2("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: [
+          /* @__PURE__ */ jsx2(
+            VenueLogo,
+            {
+              venue: rule.venue,
+              size: "small",
+              className: "size-4",
+              ariaLabel: venueLabel
+            }
+          ),
+          /* @__PURE__ */ jsx2("span", { className: "text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-colors", children: venueLabel }),
+          /* @__PURE__ */ jsx2(
+            "i",
+            {
+              className: cn(
+                "fi fi-rr-angle-small-down text-[14px]!",
+                "group-open/agg-settlement-rule:rotate-180",
+                "size-3.5! shrink-0 text-agg-foreground group-hover/agg-settlement-rule:text-agg-muted-foreground transition-[colors,transform]"
+              ),
+              style: { fontSize: 14 },
+              "aria-hidden": "true"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx2("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: rule.content }) })
+      ] }, rule.venue);
+    }) })
+  ] });
 };
 var Settlement = ({
   className,
@@ -539,13 +596,20 @@ var Settlement = ({
   const primaryRulesBlock = (_c = blocks.find((block) => block.key === "primaryRules")) != null ? _c : null;
   const venueRuleBlocks = useMemo(
     () => buildSettlementVenueRules({
-      eventBlock,
       marketBlock,
       primaryRulesBlock,
+      settlementVenues,
       settlementVenueRules
     }),
-    [eventBlock, marketBlock, primaryRulesBlock, settlementVenueRules]
+    [marketBlock, primaryRulesBlock, settlementVenues, settlementVenueRules]
   );
+  const hasSettlementDifferences = settlementDifferences.length > 0;
+  const hasVenueSettlementRules = venueRuleBlocks.length > 0;
+  const standaloneEventBlock = eventBlock && !isDuplicatedByVenueRules(eventBlock.content, venueRuleBlocks) ? eventBlock : null;
+  const standaloneMarketBlock = hasVenueSettlementRules ? null : marketBlock;
+  const standalonePrimaryRulesBlock = hasVenueSettlementRules ? null : primaryRulesBlock;
+  const hasStandaloneSettlementText = hasVenueSettlementRules ? standaloneEventBlock !== null : blocks.length > 0;
+  const hasSettlementContent = hasSettlementDifferences || hasVenueSettlementRules || hasStandaloneSettlementText;
   const defaultOpenDifferenceKey = (_e = (_d = settlementDifferences[0]) == null ? void 0 : _d.canonicalKey) != null ? _e : null;
   const [openDifferenceKeys, setOpenDifferenceKeys] = useState(
     () => defaultOpenDifferenceKey ? [defaultOpenDifferenceKey] : []
@@ -568,25 +632,51 @@ var Settlement = ({
       }
     );
   }
+  if (!hasSettlementContent) return null;
   const resolvedSectionLabel = sectionLabel === defaultSettlementSectionLabel ? labels.trading.settlementSection : sectionLabel;
-  if (settlementDifferences.length > 0) {
-    return /* @__PURE__ */ jsxs2(
-      Card,
-      {
-        id,
-        className: cn(
-          "group/agg-settlement-card",
-          "flex w-full flex-col items-start gap-4 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 shadow-none hover:shadow-none sm:gap-5",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-header flex w-full flex-col items-start gap-1 text-agg-muted-foreground sm:flex-row sm:items-center sm:justify-between sm:gap-4", children: [
-            /* @__PURE__ */ jsx2("p", { className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase", children: resolvedSectionLabel }),
-            question ? /* @__PURE__ */ jsx2("p", { className: "agg-settlement-question min-w-0 text-agg-sm font-agg-normal leading-agg-5 sm:max-w-[314px] sm:truncate", children: question }) : null
-          ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-differences flex w-full flex-col items-start gap-5", children: [
+  return /* @__PURE__ */ jsxs2(
+    Card,
+    {
+      id,
+      className: cn(
+        "group/agg-settlement-card",
+        "flex w-full flex-col items-start gap-4 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 shadow-none hover:shadow-none sm:gap-5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-header flex w-full flex-col items-start gap-1 text-agg-muted-foreground sm:flex-row sm:items-center sm:justify-between sm:gap-4", children: [
+          /* @__PURE__ */ jsx2("p", { className: "shrink-0 text-agg-xs font-agg-bold leading-agg-4 uppercase", children: resolvedSectionLabel }),
+          question ? /* @__PURE__ */ jsx2("p", { className: "agg-settlement-question min-w-0 text-agg-sm font-agg-normal leading-agg-5 sm:max-w-[314px] sm:truncate", children: question }) : null
+        ] }),
+        /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-sections flex w-full flex-col items-start gap-5", children: [
+          hasStandaloneSettlementText ? /* @__PURE__ */ jsxs2("div", { className: "w-full", children: [
+            standaloneEventBlock || standaloneMarketBlock ? /* @__PURE__ */ jsxs2(
+              "div",
+              {
+                className: "agg-settlement-section agg-settlement-section-description",
+                "data-source": "description",
+                children: [
+                  standaloneEventBlock ? /* @__PURE__ */ jsx2("div", { "data-source": "eventDescription", children: /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: standaloneEventBlock.content }) }) : null,
+                  standaloneEventBlock && standaloneMarketBlock ? /* @__PURE__ */ jsx2("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
+                  standaloneMarketBlock ? /* @__PURE__ */ jsx2("div", { "data-source": "marketDescription", children: /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: standaloneMarketBlock.content }) }) : null
+                ]
+              }
+            ) : null,
+            standalonePrimaryRulesBlock ? /* @__PURE__ */ jsxs2(
+              "div",
+              {
+                className: "agg-settlement-section agg-settlement-section-primaryRules",
+                "data-source": "primaryRules",
+                children: [
+                  /* @__PURE__ */ jsx2("p", { className: "agg-settlement-section-label text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground mb-2", children: labels.trading.settlementPrimaryRulesLabel }),
+                  /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: standalonePrimaryRulesBlock.content })
+                ]
+              }
+            ) : null
+          ] }) : null,
+          hasSettlementDifferences ? /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-differences flex w-full flex-col items-start gap-5", children: [
             /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx2("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: "Key differences" }),
+              /* @__PURE__ */ jsx2("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.trading.settlementDifferencesTitle }),
               /* @__PURE__ */ jsx2("span", { className: "flex size-4 shrink-0 items-center justify-center rounded-agg-full bg-agg-primary text-[10px] font-agg-bold leading-[14px] text-agg-on-primary", children: settlementDifferences.length })
             ] }),
             /* @__PURE__ */ jsx2("div", { className: "flex w-full flex-col items-start gap-5", children: settlementDifferences.map((difference) => {
@@ -602,7 +692,7 @@ var Settlement = ({
                       "button",
                       {
                         type: "button",
-                        className: "flex w-full cursor-pointer items-start gap-2 text-left",
+                        className: "flex w-full cursor-pointer items-center gap-2 text-left group/agg-settlement-difference",
                         "aria-expanded": isExpanded,
                         onClick: () => handleToggleDifference(difference.canonicalKey),
                         children: [
@@ -617,12 +707,16 @@ var Settlement = ({
                               "aria-hidden": "true"
                             }
                           ),
-                          /* @__PURE__ */ jsx2("p", { className: "min-w-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground break-words [overflow-wrap:anywhere]", children: difference.title }),
+                          /* @__PURE__ */ jsx2("p", { className: "min-w-0 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground group-hover/agg-settlement-difference:text-agg-muted-foreground transition-colors break-words [overflow-wrap:anywhere]", children: difference.title }),
                           /* @__PURE__ */ jsx2(
-                            Icon,
+                            "i",
                             {
-                              name: isExpanded ? "chevron-up" : "chevron-down",
-                              className: "size-4! mt-0.5 shrink-0 text-agg-foreground",
+                              className: cn(
+                                "fi fi-rr-angle-small-down text-[14px]!",
+                                isExpanded && "rotate-180",
+                                "size-3.5! shrink-0 text-agg-foreground group-hover/agg-settlement-difference:text-agg-muted-foreground transition-[colors,transform]"
+                              ),
+                              style: { fontSize: 14 },
                               "aria-hidden": "true"
                             }
                           )
@@ -651,80 +745,12 @@ var Settlement = ({
                 },
                 difference.canonicalKey
               );
-            }) }),
-            venueRuleBlocks.length > 0 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-              /* @__PURE__ */ jsx2("div", { className: "h-px w-full bg-agg-separator" }),
-              /* @__PURE__ */ jsx2("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: "Full rules by venue" }),
-              /* @__PURE__ */ jsx2("div", { className: "flex w-full flex-col items-start gap-4", children: venueRuleBlocks.map((rule) => {
-                const venueLabel = resolveSettlementVenueLabel(rule.venue, labels);
-                return /* @__PURE__ */ jsxs2("details", { className: "group/agg-settlement-rule w-full", children: [
-                  /* @__PURE__ */ jsxs2("summary", { className: "flex cursor-pointer list-none items-center gap-2 text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground marker:hidden", children: [
-                    /* @__PURE__ */ jsx2(
-                      VenueLogo,
-                      {
-                        venue: rule.venue,
-                        size: "small",
-                        className: "size-4",
-                        ariaLabel: venueLabel
-                      }
-                    ),
-                    /* @__PURE__ */ jsx2("span", { children: venueLabel }),
-                    /* @__PURE__ */ jsx2(
-                      Icon,
-                      {
-                        name: "chevron-down",
-                        className: "size-4! shrink-0 text-agg-foreground transition-transform group-open/agg-settlement-rule:rotate-180",
-                        "aria-hidden": "true"
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ jsx2("div", { className: "mt-3 pl-6", children: /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: rule.content }) })
-                ] }, rule.venue);
-              }) })
-            ] }) : null
-          ] })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs2(
-    Card,
-    {
-      id,
-      className: cn(
-        "group/agg-settlement-card",
-        "flex flex-col w-full gap-5 rounded-agg-xl border border-agg-separator bg-agg-secondary p-5 shadow-none hover:shadow-none",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs2("div", { className: cn("agg-settlement-header", getSettlementHeaderClassName()), children: [
-          /* @__PURE__ */ jsx2("p", { className: "text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground", children: resolvedSectionLabel }),
-          question ? /* @__PURE__ */ jsx2("p", { className: "agg-settlement-question text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: question }) : null
-        ] }),
-        blocks.length === 0 && settlementDifferences.length === 0 ? /* @__PURE__ */ jsx2("p", { className: "agg-settlement-empty text-agg-sm leading-agg-5 text-agg-muted-foreground", children: labels.trading.settlementEmpty }) : /* @__PURE__ */ jsxs2("div", { className: "agg-settlement-sections flex flex-col gap-4", children: [
-          eventBlock || marketBlock ? /* @__PURE__ */ jsxs2(
-            "div",
-            {
-              className: "agg-settlement-section agg-settlement-section-description",
-              "data-source": "description",
-              children: [
-                eventBlock ? /* @__PURE__ */ jsx2("div", { "data-source": "eventDescription", children: /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: eventBlock.content }) }) : null,
-                eventBlock && marketBlock ? /* @__PURE__ */ jsx2("hr", { className: "agg-settlement-divider my-4 border-0 border-t border-agg-separator" }) : null,
-                marketBlock ? /* @__PURE__ */ jsx2("div", { "data-source": "marketDescription", children: /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: marketBlock.content }) }) : null
-              ]
-            }
-          ) : null,
-          primaryRulesBlock ? /* @__PURE__ */ jsxs2(
-            "div",
-            {
-              className: "agg-settlement-section agg-settlement-section-primaryRules",
-              "data-source": "primaryRules",
-              children: [
-                /* @__PURE__ */ jsx2("p", { className: "agg-settlement-section-label text-agg-xs font-agg-bold leading-agg-4 uppercase text-agg-muted-foreground mb-2", children: labels.trading.settlementPrimaryRulesLabel }),
-                /* @__PURE__ */ jsx2(SettlementTextRenderer, { content: primaryRulesBlock.content })
-              ]
-            }
-          ) : null
+            }) })
+          ] }) : null,
+          hasVenueSettlementRules ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+            hasSettlementDifferences || hasStandaloneSettlementText ? /* @__PURE__ */ jsx2("div", { className: "h-px w-full bg-agg-separator" }) : null,
+            /* @__PURE__ */ jsx2(SettlementVenueRules, { rules: venueRuleBlocks, labels })
+          ] }) : null
         ] })
       ]
     }
@@ -1599,7 +1625,6 @@ export {
   getTradingBalanceLabel,
   getTradingSharesLabel,
   getTradingSlippageLabel,
-  getFirstSettlementParagraph,
   SETTLEMENT_SECTION_ID,
   getSettlementDifferenceId,
   prepareSettlementDifferences,