@anthusai/papyrus 5.54.0 → 5.55.0

package/components/auto-accepted-badge.tsx

@@ -0,0 +1,21 @@
+import { BotIcon } from "lucide-react";
+import { AUTO_ACCEPT_RULE_ACTOR } from "../lib/reference-policy";
+import { cn } from "../lib/utils";
+
+/**
+ * Shown on a Reference accepted automatically: by the Cyclotron's confidence after the editors' usual time, or, for a monitor that delivers
+ * by a fixed rule, on delivery ("by rule"). Words and an icon, never colour alone, and different from an editor's Accept.
+ */
+export function AutoAcceptedBadge({ actor, className, reason }: { actor?: string | null; className?: string; reason?: string | null }) {
+  const byRule = (actor ?? "").trim() === AUTO_ACCEPT_RULE_ACTOR;
+  return (
+    <span
+      className={cn("inline-flex items-center gap-1 rounded-full bg-[var(--feed-control)] px-2 py-0.5 text-[0.7rem] font-medium text-foreground", className)}
+      data-auto-accepted={byRule ? "rule" : "cyclotron"}
+      title={reason?.trim() || (byRule ? "The monitor's rule matched this item, so it was accepted on delivery. An editor can still Reject it." : "The Cyclotron accepted this automatically because nobody voted in the time editors usually take. An editor can still Reject it.")}
+    >
+      <BotIcon aria-hidden="true" className="size-3.5" />
+      Accepted automatically{byRule ? " (by rule)" : ""}
+    </span>
+  );
+}

package/components/needs-me-reference-detail.tsx

@@ -4,7 +4,8 @@ import { referenceDisplayTitle, referenceLineageId, formatReferenceListDate } fr
 import { referenceMetadataField } from "../lib/reference-display";
 import { referenceDek, referencePreviewsByLineage } from "../lib/reference-preview";
 import { DEFAULT_TEASER_WORDS } from "../lib/reference-capture";
-import { referenceReasonCode, normalizeReferenceCurationStatus } from "../lib/reference-policy";
+import { isAutoAccepted, referenceReasonCode, normalizeReferenceCurationStatus } from "../lib/reference-policy";
+import { AutoAcceptedBadge } from "./auto-accepted-badge";
 import type { ReferenceRecord } from "../lib/category-repository";
 import type { NeedsMeEntry } from "../lib/needs-me-items";
 import { DefaultOutcome, Heading, type DetailProps } from "./needs-me-bodies";
@@ -36,16 +37,17 @@ export function ReferenceBody(props: DetailProps & { payload: Extract<NeedsMeEnt
   const summary = capture.summary ?? referenceMetadataField(null, reference.metadata, "summary");
   const dek = referenceDek(reference, referencePreviewsByLineage(previewAttachments).get(lineageId));
   const incomplete = item.type === "incomplete_capture";
+  const auto = isAutoAccepted(reference);
   return (
     <div className="space-y-4" data-reference-curation-status={status} data-news-desk-reference-detail={lineageId}>
       <ReviewCard
         decided={decidedChoiceOf(item)}
         disabledReason={disabledReason}
-        initialNote={status === "pending" ? "" : reference.curationStatusReason ?? ""}
+        initialNote={status === "pending" || auto ? "" : reference.curationStatusReason ?? ""}
         initialReason={referenceReasonCode(reference) ?? null}
         dek={dek}
         itemId={item.id}
-        meta={<Heading item={item} />}
+        meta={<><Heading item={item} />{auto ? <AutoAcceptedBadge actor={reference.curationStatusUpdatedBy} reason={reference.curationStatusReason} /> : null}</>}
         onDecide={async () => undefined}
         prediction={cardPrediction(item, predictionLoading)}
         ratings={ratings}

package/components/newsroom-board-skeleton.tsx

@@ -0,0 +1,20 @@
+import { FEED_SURFACE_PROPS } from "./reference-feed";
+
+/** The board's loading state: three columns of pulsing cards in the feed's flat tones and rounded rectangles, with no outlines. */
+export function NewsroomBoardSkeleton() {
+  return (
+    <div aria-busy="true" aria-label="Loading board records" className="grid w-full grid-cols-1 gap-3 sm:grid-cols-3" data-board-skeleton role="status" {...FEED_SURFACE_PROPS}>
+      {Array.from({ length: 3 }, (_, column) => (
+        <div className="min-h-64 space-y-3 rounded-[20px] bg-[var(--feed-footer)] p-4" key={column}>
+          <div className="h-4 w-1/2 animate-pulse rounded-full bg-[var(--feed-control)]" />
+          {Array.from({ length: 2 }, (_, row) => (
+            <div className="h-24 rounded-2xl bg-[var(--feed-card)] p-3" key={row}>
+              <div className="h-4 w-3/4 animate-pulse rounded-full bg-[var(--feed-control)]" />
+              <div className="mt-3 h-3 w-1/2 animate-pulse rounded-full bg-[var(--feed-control)]" />
+            </div>
+          ))}
+        </div>
+      ))}
+    </div>
+  );
+}

package/components/newsroom-board-view.tsx

@@ -31,6 +31,7 @@ import type { ContentItemVersionRecord } from "../lib/content-item-lifecycle";
 import { useOptionalNewsDeskClient } from "./news-desk-client-provider";
 import { NewsDeskAccessGate } from "./newsroom-access-gate";
 import { isLocalPreviewEnabled } from "../lib/local-preview";
+import { NewsroomBoardSkeleton } from "./newsroom-board-skeleton";
 import { NewsroomArticleEditor } from "./newsroom-article-editor";
 import { NewsroomAssignmentDetail } from "./newsroom-assignment-detail";
 import { NewsroomOpsShell, NewsroomOpsStatusBanner } from "./newsroom-ops-shell";
@@ -174,12 +175,7 @@ export function NewsroomBoardView({ subject, deskId }: { subject: NewsroomBoardS
       {error && <NewsroomOpsStatusBanner tone="error">{error}</NewsroomOpsStatusBanner>}
       {subject === "desk" && <IssueTypeFilter config={config} value={typeFilter} onChange={setTypeFilter} name="Record type" className="organizer-board-type-filter" />}
       <div className="organizer-board-body" data-detail-open={Boolean(issue)} ref={boardBodyRef} onScrollCapture={handleBoardScroll}>
-        {loading && !issues.length ? <div aria-label="Loading board records" className="grid w-full grid-cols-1 gap-3 sm:grid-cols-3" role="status">
-          {Array.from({ length: 3 }, (_, column) => <div className="min-h-64 space-y-3 rounded-xl border bg-card p-4" key={column}>
-            <div className="h-4 w-1/2 rounded bg-muted" />
-            {Array.from({ length: 2 }, (_, row) => <div className="h-24 rounded-lg border bg-background p-3" key={row}><div className="h-4 w-3/4 rounded bg-muted" /><div className="mt-3 h-3 w-1/2 rounded bg-muted" /></div>)}
-          </div>)}
-        </div> : <IssueCollection issues={issues} config={config} query={{ type: subject === "desk" ? issueTypeFromFilter(typeFilter) : boardType }} view={view}
+        {loading && !issues.length ? <NewsroomBoardSkeleton /> : <IssueCollection issues={issues} config={config} query={{ type: subject === "desk" ? issueTypeFromFilter(typeFilter) : boardType }} view={view}
           motion={lowMotion ? STATIC_MOTION : undefined}
           collapsedColumns={columnState.collapsedColumns} onToggleCollapse={columnState.toggleColumn} initialScroll="start"
           selectedIssueId={selected} detailOpen={Boolean(issue)} onSelectIssue={item => setSelected(item.id)} ariaLabel={pageTitle}

package/components/newsroom-organizer.css

@@ -194,6 +194,17 @@ body:has(.newsroom-organizer)>[data-staging-banner]{flex-shrink:0}
 .story-trail-row{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
 .story-trail-meta,.story-trail-empty{font-size:12px;color:var(--org-muted);margin:0}
 .story-trail-chip{font-size:11px;border:1px solid var(--org-ink);padding:0 6px;text-transform:uppercase;letter-spacing:.04em}
+.story-trail-reference{display:grid;grid-template-columns:minmax(0,96px) minmax(0,1fr);gap:12px;align-items:start;background:color-mix(in srgb,var(--org-ink) 6%,transparent);border-radius:10px;padding:12px}
+.story-trail-reference:not(:has(.story-trail-reference-image)){grid-template-columns:minmax(0,1fr)}
+.story-trail-reference-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:color-mix(in srgb,var(--org-ink) 10%,transparent)}
+.story-trail-reference-text{display:grid;gap:4px;min-width:0}
+.story-trail-reference-links{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px}
+.story-trail-reference-links a,.reference-stories a{display:inline-flex;align-items:center;gap:4px}
+.story-trail-role{display:inline-flex;align-items:center;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb,var(--org-ink) 12%,transparent);border-radius:999px;padding:1px 8px}
+.reference-stories{display:grid;gap:8px}
+.reference-stories h3{margin:0;font-size:14px;font-weight:500}
+.reference-stories ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
+.reference-stories li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;background:color-mix(in srgb,var(--org-ink) 6%,transparent);border-radius:10px;padding:10px 12px}
 .story-trail-message pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:12px;max-height:320px;overflow:auto}
 .story-trail-message summary{cursor:pointer;font-size:13px}
 @container (min-width:900px){.story-trail{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;align-items:start}}

package/components/newsroom-references-view.tsx

@@ -39,9 +39,11 @@ import {
   type ReferenceCurationAction,
   type ReferenceStatusFilter,
 } from "../lib/newsroom-references";
-import { normalizeReferenceCurationStatus, referenceReasonCode, type ReferenceRejectionReasonCode } from "../lib/reference-policy";
+import { AutoAcceptedBadge } from "./auto-accepted-badge";
+import { isAutoAccepted, normalizeReferenceCurationStatus, referenceReasonCode, type ReferenceRejectionReasonCode } from "../lib/reference-policy";
 import { newsroomListRowClassName } from "../lib/newsroom-list-selection";
 import { ReferenceSourcePreview } from "./reference-source-preview";
+import { ReferenceStories } from "./reference-stories";
 import { useReferencePreviewAttachments } from "./use-reference-preview-attachments";
 import { useMediaQuery } from "./use-media-query";
 import { FEED_SURFACE_PROPS, FEED_SURFACE_STYLE, ReferenceFeed } from "./reference-feed";
@@ -196,6 +198,7 @@ function ReferenceDetailPanel({
   countsAsTrainingLabel,
   delegated,
   decision,
+  demo = false,
   disabled,
   onReview,
   predictionState = "ready",
@@ -234,7 +237,8 @@ function ReferenceDetailPanel({
 }) {
   const lineageId = referenceLineageId(reference);
   const status = normalizeReferenceCurationStatus(reference.curationStatus);
-  const sourceNote = status === "pending" ? "" : reference.curationStatusReason ?? "";
+  const auto = isAutoAccepted(reference);
+  const sourceNote = status === "pending" || auto ? "" : reference.curationStatusReason ?? "";
   const sourceReason = reviewReason ?? referenceReasonCode(reference) ?? null;
   const [chosenSectionId, setChosenSectionId] = useState<string | null>(reviewSectionId ?? null);
   const sectionEdited = useRef(false);
@@ -272,6 +276,7 @@ function ReferenceDetailPanel({
           meta={(
             <div className="flex flex-wrap items-center gap-2">
               <Badge variant={referenceStatusBadgeVariant(status)}>{referenceStatusLabel(status)}</Badge>
+              {auto ? <AutoAcceptedBadge actor={reference.curationStatusUpdatedBy} reason={reference.curationStatusReason} /> : null}
               {reference.corpusId ? <Badge variant="secondary">{reference.corpusId}</Badge> : null}
             </div>
           )}
@@ -307,6 +312,8 @@ function ReferenceDetailPanel({
 
         <Separator />
 
+        <ReferenceStories demo={demo} referenceLineageId={lineageId} />
+
         <ReferenceCapturePanel capture={capture} showSummary={false} />
 
         <dl className="grid gap-3 text-sm">
@@ -845,6 +852,7 @@ export function NewsroomReferencesView({
                     <Badge variant={referenceStatusBadgeVariant(status)}>{referenceStatusLabel(status)}</Badge>
                   </div>
                   <p className="mt-2 text-xs text-muted-foreground">{formatReferenceListDate(reference)}</p>
+                  {isAutoAccepted(reference) ? <AutoAcceptedBadge actor={reference.curationStatusUpdatedBy} className="mt-1" reason={reference.curationStatusReason} /> : null}
                   {decision ? (
                     <div className="flex flex-wrap items-center gap-2" data-reference-relevance-row={lineageId}>
                       <ReferenceSuggestionRowLine decision={decision} referenceLineageId={lineageId} />

package/components/reference-feed.tsx

@@ -3,7 +3,7 @@
 import { InfoIcon, Loader2Icon } from "lucide-react";
 import { useEffect, useId, useRef, useState, type CSSProperties, type ReactNode } from "react";
 import type { ReferenceRecord } from "../lib/category-repository";
-import { REFERENCE_REJECTION_REASON_CODES, normalizeReferenceCurationStatus, type ReferenceRejectionReasonCode } from "../lib/reference-policy";
+import { REFERENCE_REJECTION_REASON_CODES, isAutoAccepted, normalizeReferenceCurationStatus, type ReferenceRejectionReasonCode } from "../lib/reference-policy";
 import {
   referenceDisplayTime,
   groupFeedItems,
@@ -22,6 +22,7 @@ import { cn } from "../lib/utils";
 import { predictionFromDecision, type ReviewChoice } from "./reference-review-card";
 import { RatingGrid } from "./review-rating-grid";
 import { CaptureBadge } from "./reference-capture-panel";
+import { AutoAcceptedBadge } from "./auto-accepted-badge";
 import { useRatingStore, type RatingController } from "./use-reference-ratings";
 import type { CaptureStatus } from "../lib/reference-capture";
 
@@ -293,6 +294,7 @@ export function FeedCard({
               {host}
             </span>
             {capture ? <CaptureBadge status={capture} /> : null}
+            {isAutoAccepted(reference) ? <AutoAcceptedBadge actor={reference.curationStatusUpdatedBy} reason={reference.curationStatusReason} /> : null}
           </span>
         </span>
       </button>

package/components/reference-stories.tsx

@@ -0,0 +1,34 @@
+"use client";
+
+import { FileTextIcon, LinkIcon } from "lucide-react";
+import Link from "next/link";
+import { useEffect, useState } from "react";
+import { getNewsroomNavHref } from "../lib/newsroom-nav";
+import { referenceRoleLabel, type ReferenceStory } from "../lib/story-reporting-trail";
+import { loadStoriesBasedOnReference } from "./story-reporting-trail-client";
+
+/**
+ * The stories made from one Reference: each links to the story's own page. The stories' text is their own; this list is the other end
+ * of the link the story view shows under References.
+ */
+export function ReferenceStories({ demo = false, referenceLineageId }: { demo?: boolean; referenceLineageId: string }) {
+  const [stories, setStories] = useState<ReferenceStory[] | null>(null);
+  useEffect(() => {
+    let active = true;
+    setStories(null);
+    loadStoriesBasedOnReference(referenceLineageId, demo).then(rows => { if (active) setStories(rows); }).catch(() => { if (active) setStories([]); });
+    return () => { active = false; };
+  }, [demo, referenceLineageId]);
+  if (!stories?.length) return null;
+  return <section aria-label="Stories based on this Reference" className="reference-stories" data-reference-stories={referenceLineageId}>
+    <h3>Stories based on this Reference</h3>
+    <ul>
+      {stories.map(story => <li data-reference-story={story.lineageId} key={story.relationId}>
+        <FileTextIcon aria-hidden="true" size={16} />
+        <Link href={getNewsroomNavHref(`/newsroom/articles/${encodeURIComponent(story.itemId)}`, demo)}>{story.title ?? story.lineageId}</Link>
+        <span className="story-trail-role">{story.role === "based_on" ? <LinkIcon aria-hidden="true" size={13} /> : null}{referenceRoleLabel(story.role)}</span>
+        {story.stage && <span className="story-trail-meta">{story.stage}</span>}
+      </li>)}
+    </ul>
+  </section>;
+}

package/components/story-reporting-trail-client.ts

@@ -3,8 +3,8 @@
 import { generateClient } from "aws-amplify/data";
 import type { Schema } from "../amplify/data/resource";
 import { isLocalPreviewEnabled } from "../lib/local-preview";
-import { createLocalPreviewReportingTrail } from "../lib/local-preview-seed";
-import { EMPTY_STORY_REPORTING_TRAIL, type StoryReportingTrail, type TrailAssignment, type TrailAttachment, type TrailReference, type TrailThread, type TrailVersion } from "../lib/story-reporting-trail";
+import { createLocalPreviewReportingTrail, createLocalPreviewStoriesForReference } from "../lib/local-preview-seed";
+import { EMPTY_STORY_REPORTING_TRAIL, referencesByRole, siteNameOf, type ReferenceStory, type StoryReportingTrail, type TrailAssignment, type TrailAttachment, type TrailReference, type TrailThread, type TrailVersion } from "../lib/story-reporting-trail";
 import { configureAmplifyClient } from "./amplify-client-provider";
 
 type GraphqlResponse = { data?: Record<string, { items?: Record<string, unknown>[] | null; nextToken?: string | null } | null> | null; errors?: { message?: string }[] | null };
@@ -48,9 +48,44 @@ async function getReference(client: GraphqlClient, referenceId: string): Promise
   }
 }
 
+function relationRole(value: unknown): TrailReference["role"] {
+  return value === "based_on" ? "based_on" : value === "cited" ? "cited" : "consulted";
+}
+
+/** The Reference's preview image address and site name, from its `preview` attachment (nothing is downloaded). */
+async function getPreview(client: GraphqlClient, referenceLineageId: string): Promise<{ imageUrl: string | null; siteName: string | null }> {
+  try {
+    const rows = await listAll(client, "listReferenceAttachmentsByReferenceLineageAndSortKey", "id role sourceUri filename metadata", ", $referenceLineageId: ID!", ", referenceLineageId: $referenceLineageId", { referenceLineageId });
+    const preview = rows.find(row => row.role === "preview");
+    const address = text(preview?.sourceUri);
+    return { imageUrl: address && /^https?:\/\//i.test(address) ? address : null, siteName: text(parseMetadata(preview?.metadata).siteName) ?? text(preview?.filename) };
+  } catch {
+    return { imageUrl: null, siteName: null };
+  }
+}
+
+/** The stories whose `uses_evidence` link names this Reference, each with its working title and stage. */
+export async function loadStoriesBasedOnReference(referenceLineageId: string, demo = false): Promise<ReferenceStory[]> {
+  if (demo || isLocalPreviewEnabled()) return createLocalPreviewStoriesForReference(referenceLineageId);
+  configureAmplifyClient();
+  const client = generateClient<Schema>() as unknown as GraphqlClient;
+  const relations = await listAll(client, "listSemanticRelationsByObjectState", "id predicate subjectKind subjectId subjectLineageId metadata", ", $objectStateKey: String!", ", objectStateKey: $objectStateKey", { objectStateKey: `reference#${referenceLineageId}#current` });
+  const stories = relations.filter(relation => relation.predicate === "uses_evidence" && relation.subjectKind === "item");
+  const rows = await Promise.all(stories.map(async relation => {
+    const lineageId = String(relation.subjectLineageId ?? relation.subjectId);
+    const versions = await listAll(client, "listItemsByLineageAndVersion", "id versionNumber versionState stage headline title", ", $lineageId: ID!", ", lineageId: $lineageId", { lineageId }).catch(() => []);
+    const current = versions.find(version => version.versionState === "current") ?? versions.sort((left, right) => Number(right.versionNumber ?? 0) - Number(left.versionNumber ?? 0))[0];
+    return {
+      relationId: String(relation.id), itemId: String(current?.id ?? relation.subjectId), lineageId, title: text(current?.headline) ?? text(current?.title), stage: text(current?.stage),
+      role: relationRole(parseMetadata(relation.metadata).role),
+    } satisfies ReferenceStory;
+  }));
+  return rows;
+}
+
 /** Reads the whole reporting trail of one story from the backend; the local preview serves a snapshot instead. */
-export async function loadStoryReportingTrail(lineageId: string, itemId: string): Promise<StoryReportingTrail> {
-  if (isLocalPreviewEnabled()) return createLocalPreviewReportingTrail(lineageId);
+export async function loadStoryReportingTrail(lineageId: string, itemId: string, demo = false): Promise<StoryReportingTrail> {
+  if (demo || isLocalPreviewEnabled()) return createLocalPreviewReportingTrail(lineageId);
   configureAmplifyClient();
   const client = generateClient<Schema>() as unknown as GraphqlClient;
   const [versionRows, assignmentRows, attachmentRows, relationRows] = await Promise.all([
@@ -77,15 +112,17 @@ export async function loadStoryReportingTrail(lineageId: string, itemId: string)
     return { id: String(row.id), title: text(row.title), threadKind: text(row.threadKind), summary: text(row.summary), messages: messageRows.map(message => ({ id: String(message.id), sequenceNumber: typeof message.sequenceNumber === "number" ? message.sequenceNumber : null, messageKind: text(message.messageKind), authorLabel: text(message.authorLabel), summary: text(message.summary), content: text(message.content), createdAt: String(message.createdAt ?? "") })) };
   }));
   const referenceRelations = relationRows.filter(relation => relation.predicate === "uses_evidence" && relation.subjectLineageId === lineageId && relation.objectKind === "reference");
-  const references: TrailReference[] = await Promise.all(referenceRelations.map(async relation => {
+  const references: TrailReference[] = referencesByRole(await Promise.all(referenceRelations.map(async relation => {
     const metadata = parseMetadata(relation.metadata);
     const referenceRow = await getReference(client, String(relation.objectId));
+    const preview = await getPreview(client, text(relation.objectLineageId) ?? String(relation.objectId));
+    const sourceUri = text(referenceRow?.sourceUri);
     return {
       relationId: String(relation.id), predicate: String(relation.predicate ?? ""), referenceId: String(relation.objectId), referenceLineageId: text(relation.objectLineageId),
-      title: text(referenceRow?.title), sourceUri: text(referenceRow?.sourceUri),
-      role: metadata.role === "cited" ? "cited" as const : "consulted" as const, note: text(metadata.note), citationKey: text(metadata.citationKey), addedBy: text(metadata.addedBy), addedAt: text(metadata.addedAt),
+      title: text(referenceRow?.title), sourceUri, siteName: siteNameOf(sourceUri, preview.siteName), previewImageUrl: preview.imageUrl,
+      role: relationRole(metadata.role), note: text(metadata.note), citationKey: text(metadata.citationKey), addedBy: text(metadata.addedBy), addedAt: text(metadata.addedAt),
     };
-  }));
+  })));
   const attachments: TrailAttachment[] = attachmentRows.map(row => ({ id: String(row.id), role: text(row.role), filename: text(row.filename), mediaType: text(row.mediaType), byteSize: typeof row.byteSize === "number" ? row.byteSize : null }));
   return { ...EMPTY_STORY_REPORTING_TRAIL, versions, assignments, threads, references, attachments };
 }

package/components/story-reporting-trail.tsx

@@ -1,9 +1,10 @@
 "use client";
 
+import { BookmarkIcon, ExternalLinkIcon, GlobeIcon, LinkIcon } from "lucide-react";
 import Link from "next/link";
 import { useEffect, useState } from "react";
 import { getNewsroomNavHref } from "../lib/newsroom-nav";
-import { storyMessageFeed, storyReportingTrailIsEmpty, type StoryReportingTrail, type TrailReference } from "../lib/story-reporting-trail";
+import { referenceRoleLabel, storyMessageFeed, storyReportingTrailIsEmpty, type StoryReportingTrail, type TrailReference } from "../lib/story-reporting-trail";
 import { loadStoryReportingTrail } from "./story-reporting-trail-client";
 
 const timestampFormat = new Intl.DateTimeFormat(undefined, { dateStyle: "medium", timeStyle: "short" });
@@ -15,17 +16,26 @@ function formatTimestamp(value: string | null | undefined): string {
 }
 
 function ReferenceSummary({ citedKeys, demo, focused, reference }: { citedKeys: readonly string[]; demo: boolean; focused: boolean; reference: TrailReference }) {
-  return <>
-    <div className="story-trail-row">
-      <strong>{reference.title ?? reference.referenceId}</strong>
-      <span className="story-trail-chip" data-story-trail-reference-role={reference.role}>{reference.role === "cited" ? "Cited" : "Consulted"}</span>
-      {reference.citationKey && citedKeys.includes(reference.citationKey) && <span className="story-trail-chip">In the text</span>}
+  const basedOn = reference.role === "based_on";
+  const RoleIcon = basedOn ? LinkIcon : BookmarkIcon;
+  return <div className="story-trail-reference" data-story-trail-reference-card={reference.referenceId}>
+    {/* eslint-disable-next-line @next/next/no-img-element -- the preview is shown from its own site, never copied or optimised here */}
+    {reference.previewImageUrl && <img alt="" className="story-trail-reference-image" data-story-trail-reference-image loading="lazy" referrerPolicy="no-referrer" src={reference.previewImageUrl} />}
+    <div className="story-trail-reference-text">
+      <div className="story-trail-row">
+        <strong data-story-trail-reference-title>{reference.title ?? reference.referenceId}</strong>
+        <span className="story-trail-role" data-story-trail-reference-role={reference.role}><RoleIcon aria-hidden="true" size={13} />{referenceRoleLabel(reference.role)}</span>
+        {reference.citationKey && citedKeys.includes(reference.citationKey) && <span className="story-trail-role">In the text</span>}
+      </div>
+      {reference.siteName && <div className="story-trail-meta" data-story-trail-reference-site><GlobeIcon aria-hidden="true" size={13} /> {reference.siteName}</div>}
+      <div className="story-trail-meta">{[reference.addedBy && `added by ${reference.addedBy}`, formatTimestamp(reference.addedAt), reference.citationKey && `citation key ${reference.citationKey}`].filter(Boolean).join(" · ")}</div>
+      {reference.note && <p data-story-trail-reference-summary={focused ? "focused" : undefined}>{reference.note}</p>}
+      <div className="story-trail-reference-links">
+        {reference.referenceLineageId && <Link data-story-trail-open-reference={reference.referenceLineageId} href={getNewsroomNavHref(`/newsroom/references/${encodeURIComponent(reference.referenceLineageId)}`, demo)}><BookmarkIcon aria-hidden="true" size={14} /> Open the Reference</Link>}
+        {reference.sourceUri && <a href={reference.sourceUri} rel="noreferrer" target="_blank"><ExternalLinkIcon aria-hidden="true" size={14} /> Open the source page</a>}
+      </div>
     </div>
-    <div className="story-trail-meta">{[reference.addedBy && `added by ${reference.addedBy}`, formatTimestamp(reference.addedAt), reference.citationKey && `citation key ${reference.citationKey}`].filter(Boolean).join(" · ")}</div>
-    {reference.note && <p data-story-trail-reference-summary={focused ? "focused" : undefined}>{reference.note}</p>}
-    {reference.sourceUri && <div className="story-trail-meta">{reference.sourceUri}</div>}
-    {reference.referenceLineageId && <Link href={getNewsroomNavHref(`/newsroom/references/${encodeURIComponent(reference.referenceLineageId)}`, demo)}>Open the full reference page</Link>}
-  </>;
+  </div>;
 }
 
 function TrailSection({ count, children, title }: { count: number; children: React.ReactNode; title: string }) {
@@ -46,16 +56,17 @@ export function StoryReportingTrailView({ citedKeys = [], demo = false, focusedR
   useEffect(() => {
     let cancelled = false;
     setTrail(null); setError(null);
-    loadStoryReportingTrail(lineageId || itemId, itemId)
+    loadStoryReportingTrail(lineageId || itemId, itemId, demo)
       .then(loaded => { if (!cancelled) setTrail(loaded); })
       .catch((reason: unknown) => { if (!cancelled) setError(reason instanceof Error ? reason.message : "Could not load the reporting trail."); });
     return () => { cancelled = true; };
-  }, [itemId, lineageId]);
+  }, [demo, itemId, lineageId]);
   if (error) return <p role="alert" className="story-trail-empty">{error}</p>;
   if (!trail) return <p className="story-trail-empty">Loading the reporting trail…</p>;
   const messageFeed = storyMessageFeed(trail);
   if (view === "references") return <div className="story-trail" data-story-trail data-story-trail-view="references">
     <TrailSection count={trail.references.length} title="References">
+      {trail.references.some(reference => reference.role === "based_on") && <p className="story-trail-meta" data-story-trail-based-on-note>The text of this story is our own. It is based on the Reference marked Based on, and is written and edited here, never copied from it.</p>}
       <ul className="story-trail-list" data-story-references-list>
         {trail.references.map(reference => <li data-story-reference-entry={reference.referenceId} data-story-reference-focused={reference.referenceId === focusedReferenceId ? "true" : undefined} key={reference.relationId} ref={reference.referenceId === focusedReferenceId ? node => node?.scrollIntoView({ block: "nearest" }) : undefined}>
           <ReferenceSummary citedKeys={citedKeys} demo={demo} focused={reference.referenceId === focusedReferenceId} reference={reference} />

package/lib/local-preview-seed.ts

@@ -2,7 +2,7 @@ import type { AssignmentRecord, MessageRecord, ReferenceRecord, SemanticRelation
 import { SHADOW_AGREEMENT_SCHEMA, type ShadowAgreement } from "./cyclotron-suggestions";
 import type { EditableArticle } from "./newsroom-articles";
 import type { MediaAssetRecord } from "./newsroom-media";
-import { EMPTY_STORY_REPORTING_TRAIL, type StoryReportingTrail, type TrailVersion } from "./story-reporting-trail";
+import { EMPTY_STORY_REPORTING_TRAIL, type ReferenceStory, type StoryReportingTrail, type TrailReference, type TrailVersion } from "./story-reporting-trail";
 import { contentItemStageKeys, type ContentItemVersionRecord } from "./content-item-lifecycle";
 import { getContentItemStageDefinitions } from "./site-brand";
 import { LOCAL_PREVIEW_TENANTS, getLocalPreviewTenantId } from "./local-preview-tenant";
@@ -159,9 +159,31 @@ export function lineageForPreviewVersion(versionId: string): string | null {
   return previewLineageByVersionId.get(versionId) ?? null;
 }
 
+/** The demo story that is based on a demo Reference, so the story view and the Reference view can show the link without a backend. */
+const PREVIEW_BASED_ON = {
+  storyLineageId: "demo-article-published",
+  storyTitle: "Harbor Cranes Return",
+  referenceLineageId: "reference-knowledge-corpus-demo-source-history-002",
+};
+const PREVIEW_IMAGE = "data:image/svg+xml;utf8," + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="96" height="72"><rect width="96" height="72" fill="#cbd5c0"/></svg>');
+
+function previewBasedOnReference(): TrailReference {
+  return {
+    relationId: "preview-story-reference-relation", predicate: "uses_evidence", referenceId: "reference-knowledge-corpus-demo-source-history-002", referenceLineageId: PREVIEW_BASED_ON.referenceLineageId,
+    title: "Foundation Model Scaling Retrospective", sourceUri: "https://history.example.org/scaling-retrospective", siteName: "history.example.org", previewImageUrl: PREVIEW_IMAGE,
+    role: "based_on", note: null, citationKey: null, addedBy: "papyrus-cli", addedAt: isoTimestampHoursBeforeBase(30),
+  };
+}
+
 export function createLocalPreviewReportingTrail(lineageId: string): StoryReportingTrail {
   const saved = previewSavedVersions.get(lineageId) ?? [];
-  return { ...EMPTY_STORY_REPORTING_TRAIL, versions: saved };
+  const references = lineageId === PREVIEW_BASED_ON.storyLineageId ? [previewBasedOnReference()] : [];
+  return { ...EMPTY_STORY_REPORTING_TRAIL, versions: saved, references };
+}
+
+export function createLocalPreviewStoriesForReference(referenceLineageId: string): ReferenceStory[] {
+  if (referenceLineageId !== PREVIEW_BASED_ON.referenceLineageId) return [];
+  return [{ relationId: "preview-story-reference-relation", itemId: PREVIEW_BASED_ON.storyLineageId, lineageId: PREVIEW_BASED_ON.storyLineageId, title: PREVIEW_BASED_ON.storyTitle, stage: "copywriting", role: "based_on" }];
 }
 
 export function createLocalPreviewMediaAssets(_itemId: string): MediaAssetRecord[] {

package/lib/reference-feed-ranking.ts

@@ -15,7 +15,7 @@
  */
 import type { ReferenceRecord } from "./category-repository";
 import type { RelevanceDecisionView } from "./relevance-decisions";
-import { normalizeReferenceCurationStatus } from "./reference-policy";
+import { isAutoAccepted, normalizeReferenceCurationStatus } from "./reference-policy";
 import { referenceLineageId } from "./newsroom-references";
 
 /** Fewer accepted examples than this and there is no freshness weight: a constant is never guessed. */
@@ -60,6 +60,7 @@ export function learnFreshness(references: ReferenceRecord[], ignore: ReadonlySe
   const ages: number[] = [];
   for (const reference of references) {
     if (normalizeReferenceCurationStatus(reference.curationStatus) !== "accepted" || ignore.has(referenceLineageId(reference))) continue;
+    if (isAutoAccepted(reference)) continue; // an automatic acceptance happens after the editors' usual time, so it says nothing about how fast they act
     const arrived = referenceArrivalTime(reference);
     const decided = timeOf(reference.curationStatusUpdatedAt);
     if (arrived === null || decided === null) continue;

package/lib/reference-policy.ts

@@ -30,6 +30,18 @@ export function normalizeReferenceCurationStatus(value: unknown, defaultStatus:
   return "pending";
 }
 
+/** The curation actor the router writes when the Cyclotron accepts a confident, unvoted Reference on its own (src/papyrus_content/auto_accept.py). Not a person. */
+export const AUTO_ACCEPT_ACTOR = "auto:cyclotron";
+
+/** The actor for a Reference a monitor with a fixed delivery rule accepted on delivery: the rule match is the acceptance. */
+export const AUTO_ACCEPT_RULE_ACTOR = "auto:rule";
+
+/** True while a Reference stands accepted automatically, by the Cyclotron's confidence or by a monitor's rule. An editor's later Accept or Reject replaces the actor, so this is false from then on. */
+export function isAutoAccepted(reference: { curationStatus?: unknown; curationStatusUpdatedBy?: unknown }): boolean {
+  const actor = String(reference.curationStatusUpdatedBy ?? "").trim();
+  return normalizeReferenceCurationStatus(reference.curationStatus) === "accepted" && (actor === AUTO_ACCEPT_ACTOR || actor === AUTO_ACCEPT_RULE_ACTOR);
+}
+
 export function referenceCurationStatusForAction(action: "accept" | "reject" | "reopen" | "archive"): ReferenceCurationStatus {
   if (action === "accept") return "accepted";
   if (action === "reject") return "rejected";

package/lib/story-reporting-trail.ts

@@ -63,8 +63,12 @@ export type TrailReference = {
   referenceLineageId: string | null;
   title: string | null;
   sourceUri: string | null;
-  /** consulted: read during reporting; cited: a citation in the article. */
-  role: "consulted" | "cited";
+  /** based_on: the story is made from this Reference; consulted: read during reporting; cited: a citation in the article. */
+  role: "based_on" | "consulted" | "cited";
+  /** The site that published the Reference (its preview's site name, else the host of its address). */
+  siteName: string | null;
+  /** The Reference's preview image address. It is shown from its own site, never copied. */
+  previewImageUrl: string | null;
   note: string | null;
   citationKey: string | null;
   addedBy: string | null;
@@ -104,3 +108,30 @@ export function storyMessageFeed(trail: StoryReportingTrail): StoryFeedEntry[] {
   const sequenceOf = (entry: StoryFeedEntry) => (entry.entryKind === "message" ? entry.sequenceNumber ?? 0 : 0);
   return [...messages, ...references].sort((left, right) => right.createdAt.localeCompare(left.createdAt) || sequenceOf(right) - sequenceOf(left));
 }
+
+const ROLE_ORDER = { based_on: 0, cited: 1, consulted: 2 } as const;
+
+/** The References of a story, the ones it is based on first. */
+export function referencesByRole(references: readonly TrailReference[]): TrailReference[] {
+  return [...references].sort((left, right) => ROLE_ORDER[left.role] - ROLE_ORDER[right.role]);
+}
+
+export function referenceRoleLabel(role: TrailReference["role"]): string {
+  return role === "based_on" ? "Based on" : role === "cited" ? "Cited" : "Consulted";
+}
+
+/** A story that a Reference supports, as the Reference view lists it. */
+export type ReferenceStory = {
+  relationId: string;
+  itemId: string;
+  lineageId: string;
+  title: string | null;
+  stage: string | null;
+  role: TrailReference["role"];
+};
+
+export function siteNameOf(sourceUri: string | null | undefined, preferred?: string | null): string | null {
+  if (preferred) return preferred;
+  if (!sourceUri) return null;
+  try { return new URL(sourceUri).hostname.replace(/^www\./, ""); } catch { return null; }
+}

package/package.json

@@ -75,6 +75,7 @@
     "./components/archive-grid": "./components/archive-grid.tsx",
     "./components/archive-shell": "./components/archive-shell.tsx",
     "./components/article-video": "./components/article-video.tsx",
+    "./components/auto-accepted-badge": "./components/auto-accepted-badge.tsx",
     "./components/automation-panel": "./components/automation-panel.tsx",
     "./components/automation-run-now": "./components/automation-run-now.tsx",
     "./components/automation-view": "./components/automation-view.tsx",
@@ -108,6 +109,7 @@
     "./components/newsroom-articles-view": "./components/newsroom-articles-view.tsx",
     "./components/newsroom-assignment-detail": "./components/newsroom-assignment-detail.tsx",
     "./components/newsroom-assignments-view": "./components/newsroom-assignments-view.tsx",
+    "./components/newsroom-board-skeleton": "./components/newsroom-board-skeleton.tsx",
     "./components/newsroom-board-view": "./components/newsroom-board-view.tsx",
     "./components/newsroom-client-shell": "./components/newsroom-client-shell.tsx",
     "./components/newsroom-curation-bootstrap": "./components/newsroom-curation-bootstrap.tsx",
@@ -155,6 +157,7 @@
     "./components/reference-review-card": "./components/reference-review-card.tsx",
     "./components/reference-section-suggestion": "./components/reference-section-suggestion.tsx",
     "./components/reference-source-preview": "./components/reference-source-preview.tsx",
+    "./components/reference-stories": "./components/reference-stories.tsx",
     "./components/references-page-loading": "./components/references-page-loading.tsx",
     "./components/references-prefetch": "./components/references-prefetch.ts",
     "./components/review-rating-grid": "./components/review-rating-grid.tsx",
@@ -501,7 +504,7 @@
       "optional": true
     }
   },
-  "version": "5.54.0",
+  "version": "5.55.0",
   "dependencies": {
     "@aws-amplify/adapter-nextjs": "^1.7.3",
     "@aws-crypto/sha256-js": "5.2.0",

package/routes.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.54.0",
+  "version": "5.55.0",
   "routes": [
     {
       "file": "app/%5F_preview/[[...path]]/route.ts",