@loafmarkets/ui 0.1.428 → 0.1.430

package/dist/index.d.mts

@@ -324,7 +324,43 @@ type PropertyNewsItem = {
      *  can concern several properties, user call 2026-08-20). Takes precedence
      *  over the singular `asset`. */
     assets?: NewsBadgeAsset[];
-};
+    /** Is this old news? Derived server-side on every read (loaf-news-service
+     *  src/freshness.ts:41). Only `catching_up` and `retrospective` are badged —
+     *  `fresh` is the default class and badging it is noise. */
+    freshness?: NewsFreshness;
+    /** When the EVENT happened, not when it was published (schemas/article.ts:91).
+     *  Absent is common and correct — never stand `publishedAt` in for it. */
+    eventTime?: string;
+    /** `month`/`quarter`/`year` are PERIODS, not timestamps (freshness.ts:21). */
+    eventTimePrecision?: NewsEventTimePrecision;
+    /** How many publishers ran the story; ≥1 (article.ts:190). >1 earns the
+     *  "Reported by N outlets" trust line. */
+    reportedByCount?: number;
+    /** Storyline id — equals `id` for a standalone story. */
+    storyId?: string;
+    storyRole?: 'canonical' | 'follow_up';
+    publishedAtSource?: 'publisher' | 'ingest_fallback' | 'clamped_future';
+};
+type NewsFreshness = 'breaking' | 'fresh' | 'catching_up' | 'retrospective' | 'evergreen';
+/** One report in a storyline — loaf-news-service GET /v1/stories/:story_id. */
+type NewsStoryEntry = {
+    id: string;
+    title: string;
+    publishedAt: string;
+    source?: string;
+    url?: string;
+    relation?: 'duplicate' | 'follow_up';
+};
+type NewsStoryThread = {
+    storyId: string;
+    canonical: NewsStoryEntry;
+    /** Oldest → newest. */
+    timeline: NewsStoryEntry[];
+    reportedBy: string[];
+    firstReportedAt?: string;
+    lastUpdatedAt?: string;
+};
+type NewsEventTimePrecision = 'instant' | 'day' | 'month' | 'quarter' | 'year' | 'unknown';
 /** The badge's tooltip is name and ticker only (user call 2026-08-24: no price or % change). */
 type NewsBadgeAsset = {
     ticker: string;
@@ -373,6 +409,10 @@ interface PropertyNewsUpdatesProps extends React$1.HTMLAttributes<HTMLDivElement
         price?: number;
         changePercent?: number;
     }) => void;
+    /** Loads one storyline for the article popup (DI, like SharePositionModal's
+     *  `fetchCard`): loaf-ui owns no transport, and the consumer already knows its
+     *  news base URL. Omitted → the popup shows the article alone. */
+    fetchStory?: (storyId: string) => Promise<NewsStoryThread | null>;
     /** Show the square asset thumbnail(s) on property rows: which platform
      *  asset(s) the story is about. ON by default (user call 2026-08-24, which
      *  reversed the 22 Aug "hide for now"); pass `false` to hide them. */
@@ -387,6 +427,16 @@ declare function rowAgeLabel(publishedAt: string | undefined, now: number): {
     label: string;
     fresh: boolean;
 } | null;
+/**
+ * The two freshness classes worth saying out loud. `fresh` is the default class, so
+ * badging it would mark every row; `breaking` already has the gold pin and `evergreen`
+ * (an explainer with no datable event) has nothing to date. Wording is what the class
+ * MEANS to a reader, not the wire value — loaf-news-service src/freshness.ts:41-51.
+ */
+declare function freshnessNote(freshness?: string): {
+    label: string;
+    title: string;
+} | null;
 declare function SentimentBar({ score, color }: {
     score: number;
     color: string;
@@ -1552,4 +1602,4 @@ declare function extractSparkline(candles: ReadonlyArray<{
 }>, maxPoints?: number): number[];
 declare const SparklineChart: React__default.NamedExoticComponent<SparklineChartProps>;
 
-export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, HlsVideo, type HlsVideoProps, type HlsVideoSource, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type NewsBadgeAsset, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SentimentBar, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, __reloadBreakingMemory, __resetDismissedBreaking, badgeVariants, buttonVariants, extractSparkline, formatAge, hasPendingActivity, matchesTab, rowAgeLabel, useAdaptivePolling, useToast };
+export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, HlsVideo, type HlsVideoProps, type HlsVideoSource, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type NewsBadgeAsset, type NewsEventTimePrecision, type NewsFreshness, type NewsStoryEntry, type NewsStoryThread, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SentimentBar, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, __reloadBreakingMemory, __resetDismissedBreaking, badgeVariants, buttonVariants, extractSparkline, formatAge, freshnessNote, hasPendingActivity, matchesTab, rowAgeLabel, useAdaptivePolling, useToast };

package/dist/index.d.ts

@@ -324,7 +324,43 @@ type PropertyNewsItem = {
      *  can concern several properties, user call 2026-08-20). Takes precedence
      *  over the singular `asset`. */
     assets?: NewsBadgeAsset[];
-};
+    /** Is this old news? Derived server-side on every read (loaf-news-service
+     *  src/freshness.ts:41). Only `catching_up` and `retrospective` are badged —
+     *  `fresh` is the default class and badging it is noise. */
+    freshness?: NewsFreshness;
+    /** When the EVENT happened, not when it was published (schemas/article.ts:91).
+     *  Absent is common and correct — never stand `publishedAt` in for it. */
+    eventTime?: string;
+    /** `month`/`quarter`/`year` are PERIODS, not timestamps (freshness.ts:21). */
+    eventTimePrecision?: NewsEventTimePrecision;
+    /** How many publishers ran the story; ≥1 (article.ts:190). >1 earns the
+     *  "Reported by N outlets" trust line. */
+    reportedByCount?: number;
+    /** Storyline id — equals `id` for a standalone story. */
+    storyId?: string;
+    storyRole?: 'canonical' | 'follow_up';
+    publishedAtSource?: 'publisher' | 'ingest_fallback' | 'clamped_future';
+};
+type NewsFreshness = 'breaking' | 'fresh' | 'catching_up' | 'retrospective' | 'evergreen';
+/** One report in a storyline — loaf-news-service GET /v1/stories/:story_id. */
+type NewsStoryEntry = {
+    id: string;
+    title: string;
+    publishedAt: string;
+    source?: string;
+    url?: string;
+    relation?: 'duplicate' | 'follow_up';
+};
+type NewsStoryThread = {
+    storyId: string;
+    canonical: NewsStoryEntry;
+    /** Oldest → newest. */
+    timeline: NewsStoryEntry[];
+    reportedBy: string[];
+    firstReportedAt?: string;
+    lastUpdatedAt?: string;
+};
+type NewsEventTimePrecision = 'instant' | 'day' | 'month' | 'quarter' | 'year' | 'unknown';
 /** The badge's tooltip is name and ticker only (user call 2026-08-24: no price or % change). */
 type NewsBadgeAsset = {
     ticker: string;
@@ -373,6 +409,10 @@ interface PropertyNewsUpdatesProps extends React$1.HTMLAttributes<HTMLDivElement
         price?: number;
         changePercent?: number;
     }) => void;
+    /** Loads one storyline for the article popup (DI, like SharePositionModal's
+     *  `fetchCard`): loaf-ui owns no transport, and the consumer already knows its
+     *  news base URL. Omitted → the popup shows the article alone. */
+    fetchStory?: (storyId: string) => Promise<NewsStoryThread | null>;
     /** Show the square asset thumbnail(s) on property rows: which platform
      *  asset(s) the story is about. ON by default (user call 2026-08-24, which
      *  reversed the 22 Aug "hide for now"); pass `false` to hide them. */
@@ -387,6 +427,16 @@ declare function rowAgeLabel(publishedAt: string | undefined, now: number): {
     label: string;
     fresh: boolean;
 } | null;
+/**
+ * The two freshness classes worth saying out loud. `fresh` is the default class, so
+ * badging it would mark every row; `breaking` already has the gold pin and `evergreen`
+ * (an explainer with no datable event) has nothing to date. Wording is what the class
+ * MEANS to a reader, not the wire value — loaf-news-service src/freshness.ts:41-51.
+ */
+declare function freshnessNote(freshness?: string): {
+    label: string;
+    title: string;
+} | null;
 declare function SentimentBar({ score, color }: {
     score: number;
     color: string;
@@ -1552,4 +1602,4 @@ declare function extractSparkline(candles: ReadonlyArray<{
 }>, maxPoints?: number): number[];
 declare const SparklineChart: React__default.NamedExoticComponent<SparklineChartProps>;
 
-export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, HlsVideo, type HlsVideoProps, type HlsVideoSource, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type NewsBadgeAsset, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SentimentBar, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, __reloadBreakingMemory, __resetDismissedBreaking, badgeVariants, buttonVariants, extractSparkline, formatAge, hasPendingActivity, matchesTab, rowAgeLabel, useAdaptivePolling, useToast };
+export { type ActivityTabId, AssetSelectorBar, type AssetSelectorBarProps, type AssetSelectorMetric, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, ContactPopup, type ContactPopupProps, type FinancialItem, type FundWalletParams, type FundWalletResult, Header, type HeaderNavItem, type HeaderPortfolioData, type HeaderProps, HlsVideo, type HlsVideoProps, type HlsVideoSource, type HousePositionOrderbook, type HousePositionPendingOrder, HousePositionSlider, HousePositionSliderMobile, type HousePositionSliderMobileOrderPayload, type HousePositionSliderMobileOrderbook, type HousePositionSliderMobileProps, type HousePositionSliderOrderPayload, type HousePositionSliderProps, type InspectionSlot, LoafLiquidityBadge, type LoafLiquidityDotState, LoafLiquidityLogo, type LoafLiquidityLogoProps, LoginPopup, type LoginPopupProps, MobileTradeNav, type MobileTradeNavItem, type MobileTradeNavProps, type NewsBadgeAsset, type NewsEventTimePrecision, type NewsFreshness, type NewsStoryEntry, type NewsStoryThread, type OfferStatus, OfferingProgressCard, type OfferingProgressCardProps, OnboardingGuide, type OnboardingGuideProps, Orderbook, type OrderbookLevel, type OrderbookProps, type OrderbookSide, type OrderbookTrade, type OverviewImage, type OverviewResponse, OwnerBooking, type OwnerBookingProps, PaymentPopup, type PaymentPopupProps, PortfolioActivityPanel, type PortfolioActivityPanelProps, type PortfolioPosition, PortfolioSummary, type PortfolioSummaryProps, PriceChart, type PriceChartCandle, type PriceChartProps, type PriceChartRange, type PropertyAddressOption, PropertyBuy, PropertyCompareBar, type PropertyCompareBarProps, PropertyDocuments, type PropertyGalleryHotspot, type PropertyGalleryImage, PropertyHeroHeader, type PropertyHeroHeaderProps, PropertyHistory, type PropertyInfoItem, PropertyInspectionTimes, PropertyMediaRow, type PropertyMediaRowProps, type PropertyNewsItem, type PropertyNewsType, PropertyNewsUpdates, type PropertyNewsUpdatesProps, type PropertyOffer, PropertyOffers, type PropertyOffersProps, PropertyOverview, type PropertyOverviewProps, PropertyPhotoGallery, type PropertyPriceSummary, PropertySubheader, type PropertySubheaderAction, type PropertySubheaderProps, type PropertySubheaderTab, PropertyTour, type PropertyTourProps, PropertyValuation, type PropertyValuationProps, type PropertyValueSummary, type PurchaseFeedItem, type SelectorItem, SentimentBar, SiteFooter, Skeleton, type SkeletonProps, SlideDigit, SparklineChart, type SparklineChartProps, type ToastData, ToastProvider, type ToastVariant, TradeConfirmationModal, type TradeConfirmationModalDetails, type TradeConfirmationModalProps, TradingSlider, type TradingSliderProps, type YourOrder, type YourOrderSide, YourOrders, type YourOrdersProps, __reloadBreakingMemory, __resetDismissedBreaking, badgeVariants, buttonVariants, extractSparkline, formatAge, freshnessNote, hasPendingActivity, matchesTab, rowAgeLabel, useAdaptivePolling, useToast };

package/dist/index.js

@@ -3343,6 +3343,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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    note && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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" };
@@ -3405,9 +3446,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__namespace.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__namespace.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__namespace.useEffect(() => {
     const handler = (e) => {
       if (e.key === "Escape") onClose();
@@ -3529,10 +3588,45 @@ function NewsArticleModal({ item, onClose }) {
                   },
                   children: item.type === "property" ? catStyle.label : "Market News"
                 }
-              )
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(NewsMetaNotes, { item, fontSize: "0.65rem" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "1px", background: "rgba(255,255,255,0.08)", marginBottom: "1.25rem" } }),
             item.summary ? /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.875rem", color: "rgba(255,255,255,0.8)", lineHeight: 1.75, margin: 0 }, children: item.summary }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { "aria-live": "polite", style: { marginTop: "1.25rem", paddingTop: "1rem", borderTop: "1px solid rgba(255,255,255,0.08)" }, children: [
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("ol", { style: { listStyle: "none", margin: 0, padding: 0, display: "flex", flexDirection: "column", gap: "0.6rem" }, children: threadEntries.map((entry) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "0.4rem", alignItems: "baseline", flexWrap: "wrap", marginBottom: "0.15rem" }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.65rem", color: "#848e9c" }, children: formatDateShort(entry.publishedAt) }),
+                      entry.source && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.65rem", color: "rgba(255,255,255,0.5)" }, children: entry.source })
+                    ] }),
+                    entry.url && isSafeUrl(entry.url) ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { style: { marginTop: "1.25rem", paddingTop: "1rem", borderTop: "1px solid rgba(255,255,255,0.08)" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
               "a",
               {
@@ -3592,6 +3686,7 @@ var PropertyNewsUpdates = React9__namespace.forwardRef(
     pinBreaking = false,
     onAssetOpen,
     showAssetBadges = true,
+    fetchStory,
     ...props
   }, ref) => {
     const isPurchaseVariant = variant === "purchases";
@@ -4128,6 +4223,7 @@ var PropertyNewsUpdates = React9__namespace.forwardRef(
                             },
                             badgeAsset.ticker
                           )),
+                          /* @__PURE__ */ jsxRuntime.jsx(NewsMetaNotes, { item, fontSize: isMobile ? "0.52rem" : "0.62rem" }),
                           /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { style: { fontSize: isMobile ? "0.52rem" : "0.65rem", fontWeight: 600, color: sentimentInfo.color }, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "0.3rem" }, children: [
                             sentimentInfo.arrow ? `${sentimentInfo.arrow} ` : "",
@@ -4182,7 +4278,10 @@ var PropertyNewsUpdates = React9__namespace.forwardRef(
                         children: [
                           /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.9375rem", fontWeight: 500, marginBottom: "0.4rem", color: "#fff", lineHeight: 1.4 }, children: item.title }),
                           /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-end", gap: "0.5rem" }, children: [
-                            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", minWidth: 0, flexWrap: "wrap" }, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.75rem", color: isHighlighted ? "#0ecb81" : "#b5b8c5", whiteSpace: "nowrap" }, children: dateLabel }) }),
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", minWidth: 0, flexWrap: "wrap" }, children: [
+                              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.75rem", color: isHighlighted ? "#0ecb81" : "#b5b8c5", whiteSpace: "nowrap" }, children: dateLabel }),
+                              /* @__PURE__ */ jsxRuntime.jsx(NewsMetaNotes, { item, fontSize: "0.65rem" })
+                            ] }),
                             /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-end", gap: "0.3rem", flexShrink: 0 }, children: [
                               sentimentInfo && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.65rem", fontWeight: 700, color: sentimentInfo.color, whiteSpace: "nowrap" }, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "0.3rem" }, children: [
                                 sentimentInfo.arrow ? `${sentimentInfo.arrow} ` : "",
@@ -4261,7 +4360,7 @@ var PropertyNewsUpdates = React9__namespace.forwardRef(
               }
             )
           ] }),
-          selectedItem && !isPurchaseVariant && /* @__PURE__ */ jsxRuntime.jsx(NewsArticleModal, { item: selectedItem, onClose: () => setSelectedItem(null) }),
+          selectedItem && !isPurchaseVariant && /* @__PURE__ */ jsxRuntime.jsx(NewsArticleModal, { item: selectedItem, onClose: () => setSelectedItem(null), fetchStory }),
           badgeTip && ReactDOM__namespace.createPortal(
             /* @__PURE__ */ jsxRuntime.jsx(
               "span",
@@ -22125,6 +22224,7 @@ exports.badgeVariants = badgeVariants;
 exports.buttonVariants = buttonVariants;
 exports.extractSparkline = extractSparkline;
 exports.formatAge = formatAge;
+exports.freshnessNote = freshnessNote;
 exports.hasPendingActivity = hasPendingActivity;
 exports.matchesTab = matchesTab;
 exports.rowAgeLabel = rowAgeLabel;