@loafmarkets/ui 0.1.427 → 0.1.429

package/dist/index.mjs

@@ -3019,7 +3019,7 @@ PropertyTour.displayName = "PropertyTour";
 var BREAKING_WINDOW_HOURS = 6;
 var BREAKING_MEMORY_CAP = 50;
 var BREAKING_MEMORY_STORAGE_KEY = "loaf:dismissed-breaking";
-var emptyBreakingMemory = () => ({ dismissed: {}, pinned: {}, watermark: null });
+var emptyBreakingMemory = () => ({ dismissed: {}, blocked: {} });
 var isTimestampMap = (v) => typeof v === "object" && v !== null && !Array.isArray(v) && Object.values(v).every((t) => typeof t === "number" && Number.isFinite(t));
 var pruneMap = (map, cutoff) => {
   const fresh = Object.entries(map).filter(([, t]) => t >= cutoff);
@@ -3030,44 +3030,30 @@ var prune = (mem, now) => {
   const cutoff = now - BREAKING_WINDOW_HOURS * 36e5;
   return {
     dismissed: pruneMap(mem.dismissed, cutoff),
-    pinned: pruneMap(mem.pinned, cutoff),
-    // An expired watermark can't block anything (every in-window story is newer).
-    watermark: mem.watermark !== null && mem.watermark >= cutoff ? mem.watermark : null
+    blocked: pruneMap(mem.blocked, cutoff)
   };
 };
 function parseBreakingMemory(raw, now) {
   if (!raw) return emptyBreakingMemory();
   try {
     const v = JSON.parse(raw);
-    if (typeof v !== "object" || v === null || Array.isArray(v) || !isTimestampMap(v.dismissed) || !isTimestampMap(v.pinned) || !(v.watermark === null || typeof v.watermark === "number" && Number.isFinite(v.watermark))) {
+    if (typeof v !== "object" || v === null || Array.isArray(v) || !isTimestampMap(v.dismissed)) {
       return emptyBreakingMemory();
     }
-    return prune({ dismissed: v.dismissed, pinned: v.pinned, watermark: v.watermark ?? null }, now);
+    const blocked = isTimestampMap(v.blocked) ? v.blocked : {};
+    return prune({ dismissed: v.dismissed, blocked }, now);
   } catch {
     return emptyBreakingMemory();
   }
 }
 var serializeBreakingMemory = (mem) => JSON.stringify(mem);
-function recordBreakingDismissal(mem, key, publishedAtMs, now) {
-  return prune(
-    {
-      dismissed: { ...mem.dismissed, [key]: publishedAtMs },
-      pinned: mem.pinned,
-      watermark: Math.max(mem.watermark ?? -Infinity, publishedAtMs)
-    },
-    now
-  );
+function recordBreakingDismissal(mem, key, publishedAtMs, now, waiting = []) {
+  const blocked = { ...mem.blocked };
+  for (const w of waiting) blocked[w.key] = w.publishedAtMs;
+  return prune({ dismissed: { ...mem.dismissed, [key]: publishedAtMs }, blocked }, now);
 }
-function recordBreakingPins(mem, pins, now) {
-  if (pins.every((p) => mem.pinned[p.key] !== void 0)) return mem;
-  const pinned = { ...mem.pinned };
-  for (const p of pins) pinned[p.key] = p.publishedAtMs;
-  return prune({ dismissed: mem.dismissed, pinned, watermark: mem.watermark }, now);
-}
-function mayPinBreaking(mem, key, publishedAtMs) {
-  if (mem.dismissed[key] !== void 0) return false;
-  if (mem.watermark === null) return true;
-  return publishedAtMs > mem.watermark || mem.pinned[key] !== void 0;
+function mayPinBreaking(mem, key) {
+  return mem.dismissed[key] === void 0 && mem.blocked[key] === void 0;
 }
 function loadBreakingMemory(now) {
   try {
@@ -3332,6 +3318,47 @@ var formatTimeAgo = (timestamp) => {
   if (diff < 3600) return `${Math.floor(diff / 60)}m ago`;
   return `${Math.floor(diff / 3600)}h ago`;
 };
+function freshnessNote(freshness) {
+  if (freshness === "catching_up") return { label: "Catching up", title: "Reported promptly; we picked it up late" };
+  if (freshness === "retrospective") return { label: "Older event", title: "The event is materially older than this report" };
+  return null;
+}
+function NewsMetaNotes({ item, fontSize }) {
+  const note = freshnessNote(item.freshness);
+  const outlets = typeof item.reportedByCount === "number" && item.reportedByCount > 1 ? item.reportedByCount : null;
+  if (!note && outlets === null) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    note && /* @__PURE__ */ jsx(
+      "span",
+      {
+        "data-testid": "news-freshness",
+        title: note.title,
+        style: {
+          fontSize,
+          fontWeight: 500,
+          color: "rgba(255,255,255,0.5)",
+          border: "1px solid rgba(255,255,255,0.14)",
+          borderRadius: "3px",
+          padding: "0.1rem 0.35rem",
+          whiteSpace: "nowrap"
+        },
+        children: note.label
+      }
+    ),
+    outlets !== null && /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "data-testid": "news-outlets",
+        title: `Reported by ${outlets} publishers`,
+        style: { fontSize, fontWeight: 500, color: "rgba(255,255,255,0.5)", whiteSpace: "nowrap" },
+        children: [
+          outlets,
+          " outlets"
+        ]
+      }
+    )
+  ] });
+}
 function getSentimentInfo(score) {
   if (score == null) return null;
   if (score > 0.15) return { arrow: "\u25B2", label: "Bullish", color: "#0ecb81" };
@@ -3394,9 +3421,27 @@ function SentimentBar({ score, color }) {
     }
   );
 }
-function NewsArticleModal({ item, onClose }) {
+function NewsArticleModal({
+  item,
+  onClose,
+  fetchStory
+}) {
   const sentimentInfo = getSentimentInfo(item.sentimentScore);
   const catStyle = categoryStyles[item.type] ?? categoryStyles.market;
+  const [thread, setThread] = React9.useState(null);
+  const threadEntries = thread ? thread.timeline.filter((entry) => entry.id !== item.id) : [];
+  const storyId = item.storyId;
+  const threaded = storyId !== void 0 && (typeof item.reportedByCount === "number" && item.reportedByCount > 1 || storyId !== item.id);
+  React9.useEffect(() => {
+    if (!fetchStory || !threaded || storyId === void 0) return;
+    let dropped = false;
+    void fetchStory(storyId).then((t) => {
+      if (!dropped) setThread(t);
+    });
+    return () => {
+      dropped = true;
+    };
+  }, [fetchStory, threaded, storyId]);
   React9.useEffect(() => {
     const handler = (e) => {
       if (e.key === "Escape") onClose();
@@ -3522,6 +3567,40 @@ function NewsArticleModal({ item, onClose }) {
             ] }),
             /* @__PURE__ */ jsx("div", { style: { height: "1px", background: "rgba(255,255,255,0.08)", marginBottom: "1.25rem" } }),
             item.summary ? /* @__PURE__ */ jsx("p", { style: { fontSize: "0.875rem", color: "rgba(255,255,255,0.8)", lineHeight: 1.75, margin: 0 }, children: item.summary }) : /* @__PURE__ */ jsx("p", { style: { fontSize: "0.8rem", color: "rgba(255,255,255,0.35)", fontStyle: "italic", margin: 0 }, children: "Summary not available for this article." }),
+            thread && threadEntries.length > 0 && // Lands after the popup is already open, so it is announced rather than silent.
+            /* @__PURE__ */ jsxs("div", { "aria-live": "polite", style: { marginTop: "1.25rem", paddingTop: "1rem", borderTop: "1px solid rgba(255,255,255,0.08)" }, children: [
+              /* @__PURE__ */ jsxs("p", { style: { fontSize: "0.75rem", fontWeight: 600, color: "rgba(255,255,255,0.75)", margin: "0 0 0.75rem" }, children: [
+                "Reported by ",
+                thread.reportedBy.length > 0 ? thread.reportedBy.length : threadEntries.length + 1,
+                " outlets"
+              ] }),
+              /* @__PURE__ */ jsx("ol", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: "0.6rem" }, children: threadEntries.map((entry) => /* @__PURE__ */ jsxs(
+                "li",
+                {
+                  "data-testid": "news-story-entry",
+                  "data-entry-id": entry.id,
+                  "data-relation": entry.relation,
+                  style: { borderLeft: "1px solid rgba(255,255,255,0.14)", paddingLeft: "0.7rem" },
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "0.4rem", alignItems: "baseline", flexWrap: "wrap", marginBottom: "0.15rem" }, children: [
+                      /* @__PURE__ */ jsx("span", { style: { fontSize: "0.65rem", color: "#848e9c" }, children: formatDateShort(entry.publishedAt) }),
+                      entry.source && /* @__PURE__ */ jsx("span", { style: { fontSize: "0.65rem", color: "rgba(255,255,255,0.5)" }, children: entry.source })
+                    ] }),
+                    entry.url && isSafeUrl(entry.url) ? /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: entry.url,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        style: { fontSize: "0.8rem", color: "rgba(255,255,255,0.8)", textDecoration: "none", lineHeight: 1.5, overflowWrap: "anywhere" },
+                        children: entry.title
+                      }
+                    ) : /* @__PURE__ */ jsx("span", { style: { fontSize: "0.8rem", color: "rgba(255,255,255,0.8)", lineHeight: 1.5, overflowWrap: "anywhere" }, children: entry.title })
+                  ]
+                },
+                entry.id
+              )) })
+            ] }),
             item.url && isSafeUrl(item.url) && /* @__PURE__ */ jsx("div", { style: { marginTop: "1.25rem", paddingTop: "1rem", borderTop: "1px solid rgba(255,255,255,0.08)" }, children: /* @__PURE__ */ jsxs(
               "a",
               {
@@ -3581,6 +3660,7 @@ var PropertyNewsUpdates = React9.forwardRef(
     pinBreaking = false,
     onAssetOpen,
     showAssetBadges = true,
+    fetchStory,
     ...props
   }, ref) => {
     const isPurchaseVariant = variant === "purchases";
@@ -3652,18 +3732,8 @@ var PropertyNewsUpdates = React9.forwardRef(
     };
     const pinnedBreaking = React9.useMemo(() => {
       const mem = getBreakingMemory();
-      return breakingEligible.filter((it) => mayPinBreaking(mem, breakingKey(it), breakingPublishedMs(it))).sort((a, b) => breakingImpact(b) - breakingImpact(a)).slice(0, MAX_PINNED_BREAKING);
+      return breakingEligible.filter((it) => mayPinBreaking(mem, breakingKey(it))).sort((a, b) => breakingImpact(b) - breakingImpact(a)).slice(0, MAX_PINNED_BREAKING);
     }, [breakingEligible, dismissedVersion]);
-    React9.useEffect(() => {
-      if (pinnedBreaking.length === 0) return;
-      const mem = getBreakingMemory();
-      const next = recordBreakingPins(
-        mem,
-        pinnedBreaking.map((it) => ({ key: breakingKey(it), publishedAtMs: breakingPublishedMs(it) })),
-        Date.now()
-      );
-      if (next !== mem) commitBreakingMemory(next);
-    }, [pinnedBreaking]);
     const breakingRowKeys = React9.useMemo(
       () => new Set(breakingEligible.map(breakingKey)),
       [breakingEligible]
@@ -3769,8 +3839,10 @@ var PropertyNewsUpdates = React9.forwardRef(
                 const k = breakingKey(item);
                 const dx = breakingSwipe?.key === k ? breakingSwipe.dx : 0;
                 const persistDismissal = () => {
+                  const holding = new Set(pinnedBreaking);
+                  const waiting = breakingEligible.filter((c) => !holding.has(c)).map((c) => ({ key: breakingKey(c), publishedAtMs: breakingPublishedMs(c) }));
                   commitBreakingMemory(
-                    recordBreakingDismissal(getBreakingMemory(), k, breakingPublishedMs(item), Date.now())
+                    recordBreakingDismissal(getBreakingMemory(), k, breakingPublishedMs(item), Date.now(), waiting)
                   );
                 };
                 const finishDismiss = () => {
@@ -4125,6 +4197,7 @@ var PropertyNewsUpdates = React9.forwardRef(
                             },
                             badgeAsset.ticker
                           )),
+                          /* @__PURE__ */ jsx(NewsMetaNotes, { item, fontSize: isMobile ? "0.52rem" : "0.62rem" }),
                           /* @__PURE__ */ jsx("span", { style: { padding: isMobile ? "0.1rem 0.35rem" : "0.15rem 0.4rem", borderRadius: "2px", fontSize: isMobile ? "0.52rem" : "0.65rem", fontWeight: 500, backgroundColor: isProperty ? "rgba(14,203,129,0.1)" : "rgba(240,185,11,0.1)", color: isProperty ? "#0ecb81" : "#E6C87E" }, children: isProperty ? "Property Update" : "Market News" }),
                           sentimentInfo && /* @__PURE__ */ jsx("span", { style: { fontSize: isMobile ? "0.52rem" : "0.65rem", fontWeight: 600, color: sentimentInfo.color }, children: /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "0.3rem" }, children: [
                             sentimentInfo.arrow ? `${sentimentInfo.arrow} ` : "",
@@ -4179,7 +4252,10 @@ var PropertyNewsUpdates = React9.forwardRef(
                         children: [
                           /* @__PURE__ */ jsx("p", { style: { fontSize: "0.9375rem", fontWeight: 500, marginBottom: "0.4rem", color: "#fff", lineHeight: 1.4 }, children: item.title }),
                           /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-end", gap: "0.5rem" }, children: [
-                            /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", minWidth: 0, flexWrap: "wrap" }, children: /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", color: isHighlighted ? "#0ecb81" : "#b5b8c5", whiteSpace: "nowrap" }, children: dateLabel }) }),
+                            /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", minWidth: 0, flexWrap: "wrap" }, children: [
+                              /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", color: isHighlighted ? "#0ecb81" : "#b5b8c5", whiteSpace: "nowrap" }, children: dateLabel }),
+                              /* @__PURE__ */ jsx(NewsMetaNotes, { item, fontSize: "0.65rem" })
+                            ] }),
                             /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-end", gap: "0.3rem", flexShrink: 0 }, children: [
                               sentimentInfo && /* @__PURE__ */ jsx("span", { style: { fontSize: "0.65rem", fontWeight: 700, color: sentimentInfo.color, whiteSpace: "nowrap" }, children: /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "0.3rem" }, children: [
                                 sentimentInfo.arrow ? `${sentimentInfo.arrow} ` : "",
@@ -4258,7 +4334,7 @@ var PropertyNewsUpdates = React9.forwardRef(
               }
             )
           ] }),
-          selectedItem && !isPurchaseVariant && /* @__PURE__ */ jsx(NewsArticleModal, { item: selectedItem, onClose: () => setSelectedItem(null) }),
+          selectedItem && !isPurchaseVariant && /* @__PURE__ */ jsx(NewsArticleModal, { item: selectedItem, onClose: () => setSelectedItem(null), fetchStory }),
           badgeTip && ReactDOM.createPortal(
             /* @__PURE__ */ jsx(
               "span",
@@ -22067,6 +22143,6 @@ var SparklineChart = React9__default.memo(function SparklineChart2({ data, width
   );
 });
 
-export { AssetSelectorBar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ContactPopup, Header, HlsVideo, HousePositionSlider, HousePositionSliderMobile, LoafLiquidityBadge, LoafLiquidityLogo, LoginPopup, MobileTradeNav, OfferingProgressCard, OnboardingGuide, Orderbook, owner_booking_default as OwnerBooking, PaymentPopup, PortfolioActivityPanel, PortfolioSummary, PriceChart, PropertyBuy, PropertyCompareBar, PropertyDocuments, PropertyHeroHeader, PropertyHistory, PropertyInspectionTimes, PropertyMediaRow, PropertyNewsUpdates, PropertyOffers, PropertyOverview, PropertyPhotoGallery, PropertySubheader, PropertyTour, PropertyValuation, SentimentBar, SiteFooter, Skeleton, SlideDigit, SparklineChart, ToastProvider, TradeConfirmationModal, TradingSlider, YourOrders, __reloadBreakingMemory, __resetDismissedBreaking, badgeVariants, buttonVariants, extractSparkline, formatAge, hasPendingActivity, matchesTab, rowAgeLabel, useAdaptivePolling, useToast };
+export { AssetSelectorBar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ContactPopup, Header, HlsVideo, HousePositionSlider, HousePositionSliderMobile, LoafLiquidityBadge, LoafLiquidityLogo, LoginPopup, MobileTradeNav, OfferingProgressCard, OnboardingGuide, Orderbook, owner_booking_default as OwnerBooking, PaymentPopup, PortfolioActivityPanel, PortfolioSummary, PriceChart, PropertyBuy, PropertyCompareBar, PropertyDocuments, PropertyHeroHeader, PropertyHistory, PropertyInspectionTimes, PropertyMediaRow, PropertyNewsUpdates, PropertyOffers, PropertyOverview, PropertyPhotoGallery, PropertySubheader, PropertyTour, PropertyValuation, SentimentBar, SiteFooter, Skeleton, SlideDigit, SparklineChart, ToastProvider, TradeConfirmationModal, TradingSlider, YourOrders, __reloadBreakingMemory, __resetDismissedBreaking, badgeVariants, buttonVariants, extractSparkline, formatAge, freshnessNote, hasPendingActivity, matchesTab, rowAgeLabel, useAdaptivePolling, useToast };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map