@anthusai/papyrus 2.0.0-next.9 → 2.0.0-next.90

package/components/newsletter-sections.tsx

@@ -0,0 +1,163 @@
+import {
+  countsText,
+  formatInZone,
+  formatUtc,
+  issueEditorHref,
+  statusLabel,
+  statusMark,
+  type NewsletterDelivery,
+  type NewsletterEvent,
+  type NewsletterIssue,
+  type NewsletterOverview,
+  type NewsletterSubscriber,
+} from "../lib/newsletter-model";
+
+/** Presentation only: the panel fetches and holds state, these render what they are given, so every state is testable from fixtures. */
+
+export function ListsCard({ overview }: { overview: NewsletterOverview }) {
+  const { totals } = overview;
+  return (
+    <article className="news-desk-doctrine-card" data-newsletter-section="lists">
+      <div className="news-desk-doctrine-card__header">
+        <div><h3>Lists</h3><span>Subscribers per list. A person on two lists counts on each.</span></div>
+      </div>
+      {overview.lists.length ? (
+        <dl className="news-desk-monitoring__usage">
+          {overview.lists.map((list) => (
+            <div key={list.id} data-newsletter-list={list.id}>
+              <dt>{list.name} ({list.kind === "roundup" ? "roundup" : list.kind === "alert" ? "alerts" : list.kind})</dt>
+              <dd>{list.confirmed}</dd>
+              <span className="news-desk-newsletter__quiet">confirmed &middot; {list.pending} pending &middot; {list.unsubscribed} unsubscribed</span>
+            </div>
+          ))}
+        </dl>
+      ) : <p>No list is configured.</p>}
+      <p className="news-desk-delegation-note" data-newsletter-totals>
+        Across the site: {totals.confirmed} confirmed, {totals.pending} waiting to confirm, {totals.unsubscribed} unsubscribed.
+        {" "}{overview.suppressed} {overview.suppressed === 1 ? "address is" : "addresses are"} suppressed after a bounce or complaint.
+      </p>
+    </article>
+  );
+}
+
+export function SiteStatusCard({ paused, isAdmin, busy, onResume }: { paused: NewsletterOverview["paused"]; isAdmin: boolean; busy: boolean; onResume: () => void }) {
+  return (
+    <article className="news-desk-doctrine-card" data-newsletter-section="site-status">
+      <div className="news-desk-doctrine-card__header">
+        <div><h3>Site status</h3><span>Sending turns itself off when bounces or complaints run high</span></div>
+      </div>
+      {paused.paused ? (
+        <div className="category-steering-alert" role="alert" data-newsletter-paused>
+          <strong><span aria-hidden="true">■ </span>Sending is paused.</strong>{" "}
+          {paused.reason ? <>Reason: {paused.reason}. </> : null}
+          {paused.pausedAt ? <>Paused {formatUtc(paused.pausedAt)}. </> : null}
+          Issues due now are blocked until sending resumes; approve a blocked issue again afterwards.
+          <div className="news-desk-doctrine-card__actions">
+            {isAdmin ? (
+              <button type="button" disabled={busy} data-newsletter-resume onClick={onResume}>Resume sending</button>
+            ) : <span>An admin can resume sending.</span>}
+          </div>
+        </div>
+      ) : (
+        <p data-newsletter-running><span aria-hidden="true">✓ </span>Sending is on.{paused.resumedAt ? ` Resumed ${formatUtc(paused.resumedAt)}.` : ""}</p>
+      )}
+    </article>
+  );
+}
+
+/** What an issue row says about the issue; the buttons beside it belong to the panel. */
+export function IssueSummary({ issue, zone, demo }: { issue: NewsletterIssue; zone: string; demo: boolean }) {
+  return (
+    <>
+      <header>
+        <strong>{issue.subject || "(no subject)"}</strong>
+        <span data-newsletter-status={issue.status}><span aria-hidden="true">{statusMark(issue.status)} </span>{statusLabel(issue.status)}</span>
+      </header>
+      <p>{issue.listName ?? issue.listId}{issue.kind ? ` · ${issue.kind}` : ""}</p>
+      {issue.sendAt ? (
+        <p data-newsletter-send-at>
+          {issue.status === "sent" || issue.status === "sending" ? "Scheduled for " : "Send at "}
+          <time dateTime={issue.sendAt} title={formatUtc(issue.sendAt)}>{formatInZone(issue.sendAt, zone)}</time>
+          {issue.approvedBy ? ` · approved by ${issue.approvedBy}` : ""}
+        </p>
+      ) : null}
+      <p data-newsletter-counts>{countsText(issue.counts ?? {})}</p>
+      {issue.status === "blocked" ? (
+        <p className="category-steering-alert" data-newsletter-blocked>
+          Blocked: {issue.note ?? "see the issue"}. Fix the cause, then approve it again.
+        </p>
+      ) : issue.note ? <p data-newsletter-note>Note: {issue.note}</p> : null}
+      {issue.editedSinceApproval ? (
+        <p className="category-steering-alert" data-newsletter-edited>
+          Edited since approval. When it comes due it will go back to draft and send nothing. Approve it again to send this version.
+        </p>
+      ) : null}
+      <p className="news-desk-newsletter__links">
+        {issue.itemId ? <a href={issueEditorHref(issue.itemId, demo)} data-newsletter-editor-link>Open in the editor</a> : <span>No item</span>}
+        {issue.archiveUrl ? <> &middot; <a href={issue.archiveUrl} target="_blank" rel="noreferrer noopener" data-newsletter-archive-link>Archive page</a></> : null}
+      </p>
+    </>
+  );
+}
+
+export function DeliveriesCard({
+  issue, rows, events, hasMore, loading, isAdmin, onMore,
+}: {
+  issue: NewsletterIssue; rows: NewsletterDelivery[]; events: NewsletterEvent[]; hasMore: boolean; loading: boolean; isAdmin: boolean; onMore: () => void;
+}) {
+  return (
+    <article className="news-desk-doctrine-card" data-newsletter-section="deliveries" data-newsletter-deliveries-for={issue.issueId}>
+      <div className="news-desk-doctrine-card__header">
+        <div><h3>Delivery history</h3><span>{issue.subject} &middot; {countsText(issue.counts ?? {})}</span></div>
+      </div>
+      {!isAdmin ? <p className="news-desk-delegation-note">Addresses are masked for editors.</p> : null}
+      {rows.length ? (
+        <table className="news-desk-newsletter__table">
+          <thead><tr><th scope="col">Address</th><th scope="col">Result</th><th scope="col">Queued (UTC)</th><th scope="col">Last event (UTC)</th></tr></thead>
+          <tbody>
+            {rows.map((row, index) => (
+              <tr key={`${row.address}-${index}`} data-newsletter-delivery={row.status}>
+                <td>{row.address}</td>
+                <td>{row.status}{row.error ? ` (${row.error})` : ""}</td>
+                <td>{formatUtc(row.at)}</td>
+                <td>{row.eventAt ? formatUtc(row.eventAt) : "none yet"}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      ) : <p>{loading ? "Loading deliveries..." : "Nothing has been sent for this issue."}</p>}
+      {hasMore ? <div className="news-desk-doctrine-card__actions"><button type="button" disabled={loading} onClick={onMore}>Load more deliveries</button></div> : null}
+      <h4>Recent events for this issue</h4>
+      {events.length ? (
+        <ul className="news-desk-monitoring__list" data-newsletter-events>
+          {events.map((event, index) => (
+            <li key={`${event.at}-${index}`}>
+              <strong>{event.type}{event.detail ? ` (${event.detail})` : ""}</strong>
+              <span>{event.list ?? ""}</span>
+              <span>{formatUtc(event.at)}</span>
+            </li>
+          ))}
+        </ul>
+      ) : <p>No recent events for this issue. Events are kept for 90 days and the panel shows the latest 100 for the whole site.</p>}
+    </article>
+  );
+}
+
+export function SubscribersTable({ rows, zone }: { rows: NewsletterSubscriber[]; zone: string }) {
+  return (
+    <table className="news-desk-newsletter__table" data-newsletter-subscribers>
+      <thead><tr><th scope="col">Address</th><th scope="col">Status</th><th scope="col">Lists</th><th scope="col">Signed up</th><th scope="col">Confirmed</th></tr></thead>
+      <tbody>
+        {rows.map((row) => (
+          <tr key={row.email} data-newsletter-subscriber={row.status}>
+            <td>{row.email}</td>
+            <td>{row.status}</td>
+            <td>{row.lists.length ? row.lists.map((entry) => `${entry.id} (${entry.status})`).join(", ") : "none"}</td>
+            <td>{formatInZone(row.createdAt, zone)}</td>
+            <td>{row.confirmedAt ? formatInZone(row.confirmedAt, zone) : "not yet"}</td>
+          </tr>
+        ))}
+      </tbody>
+    </table>
+  );
+}

package/components/newsroom-access-gate.tsx

@@ -6,11 +6,13 @@ import { SITE_BRAND } from "../lib/site-brand";
 import type { NewsDeskShellState } from "../lib/news-desk-session";
 import { cn } from "../lib/utils";
 import { NewsroomOpsShell } from "./newsroom-ops-shell";
+import { NewsroomOverviewSkeleton } from "./newsroom-overview-skeleton";
 import { ReaderAuthControl } from "./reader-auth-control";
 import { buttonVariants } from "./ui/button";
 
 export function NewsDeskAccessGate({ shell, showSectionTabs = false }: { shell: NewsDeskShellState | null; showSectionTabs?: boolean }) {
   const accessPhase = shell?.phase ?? "checkingAccess";
+  const pending = accessPhase === "checkingAccess" || accessPhase === "loadingDesk";
 
   return (
     <NewsroomOpsShell
@@ -21,9 +23,20 @@ export function NewsDeskAccessGate({ shell, showSectionTabs = false }: { shell:
       headerActions={(
         <Link className={cn(buttonVariants({ variant: "ghost", size: "sm" }))} href="/settings">Settings</Link>
       )}
-      pageTitle="Newsroom"
+      pageTitle={showSectionTabs ? "Notification Center" : "Newsroom"}
       showNavigation={showSectionTabs}
     >
+      {pending ? (showSectionTabs ? <NewsroomOverviewSkeleton /> : (
+        <div aria-label="Loading newsroom" className="space-y-4" data-newsroom-page-skeleton role="status">
+          <div className="h-6 w-48 rounded bg-muted" />
+          <div className="h-4 w-3/4 rounded bg-muted" />
+          <div className="grid gap-3 sm:grid-cols-2">
+            {Array.from({ length: 4 }, (_, index) => <div className="h-32 rounded-xl border bg-card p-4" key={index}>
+              <div className="h-4 w-2/3 rounded bg-muted" /><div className="mt-4 h-3 w-1/2 rounded bg-muted" />
+            </div>)}
+          </div>
+        </div>
+      )) : (
       <section aria-live="polite" data-news-desk-access={accessPhase} data-news-desk-access-phase={accessPhase}>
         <div className="space-y-3 rounded-xl border border-border bg-card p-6">
           <p className="m-0 text-[0.7rem] font-semibold uppercase tracking-[0.08em] text-muted-foreground">Access</p>
@@ -38,12 +51,13 @@ export function NewsDeskAccessGate({ shell, showSectionTabs = false }: { shell:
           ) : null}
         </div>
       </section>
+      )}
     </NewsroomOpsShell>
   );
 }
 
 function formatAccessTitle(state: NewsDeskShellState | null): string {
-  if (!state || state.phase === "checkingAccess") return "Checking Desk Credentials";
+  if (!state || state.phase === "checkingAccess") return "Checking Credentials";
   if (state.phase === "loadingDesk") return "Loading Newsroom Records";
   if (state.phase === "forbidden") return "Editor Role Required";
   if (state.phase === "error") return "Newsroom Unavailable";

package/components/newsroom-article-editor.tsx

@@ -48,11 +48,9 @@ import {
 import { getNewsroomNavHref } from "../lib/newsroom-nav";
 import { SITE_BRAND } from "../lib/site-brand";
 import { cn } from "../lib/utils";
-import amplifyOutputs from "papyrus-amplify-outputs";
-import { applyReplacement, editorialChecksEnabled, inlineFindings, visibleFindings } from "../lib/editorial-checks";
+import { applyReplacement, inlineFindings, visibleFindings } from "../lib/editorial-checks";
 import { graphqlEditorialBackend } from "../lib/editorial-checks-client";
 import { demoEditorialBackend } from "../lib/editorial-checks-demo";
-import type { PluginOutputs } from "../lib/plugin-settings";
 import type { FindingActions } from "./editorial-finding-card";
 import { EditorialFindingsPanel } from "./editorial-findings-panel";
 import { EditorialPreviewPopover, type PreviewPopoverTarget } from "./editorial-preview-popover";
@@ -219,7 +217,7 @@ export function NewsroomArticleEditor({ articleId, demo, embedded = false }: { a
   const frontMatterYaml = editor?.frontMatterYaml ?? null;
   const bodyMarkus = editor?.bodyMarkus ?? null;
   const editorialBackend = useMemo(
-    () => (demo ? demoEditorialBackend : !previewMode && editorialChecksEnabled(amplifyOutputs as PluginOutputs) ? graphqlEditorialBackend : null),
+    () => (demo ? demoEditorialBackend : !previewMode ? graphqlEditorialBackend : null),
     [demo, previewMode],
   );
   const editorial = useEditorialChecks({
@@ -515,8 +513,10 @@ export function NewsroomArticleEditor({ articleId, demo, embedded = false }: { a
     }
     if (!editor) {
       return (
-        <div className="flex items-center gap-2 text-sm text-muted-foreground">
-          <Spinner /> Loading article…
+        <div aria-label="Loading article" className="space-y-5" role="status">
+          <div className="h-8 w-2/3 rounded bg-muted" />
+          <div className="grid gap-4 sm:grid-cols-2"><div className="h-12 rounded bg-muted" /><div className="h-12 rounded bg-muted" /></div>
+          <div className="h-64 rounded-xl border bg-card p-4"><div className="h-4 w-5/6 rounded bg-muted" /><div className="mt-3 h-4 w-3/4 rounded bg-muted" /></div>
         </div>
       );
     }
@@ -670,21 +670,21 @@ export function NewsroomArticleEditor({ articleId, demo, embedded = false }: { a
                   </Select>
                 </label>
                 <label className="space-y-1 text-sm font-medium">
-                  <span>Desk</span>
+                  <span>Section</span>
                   <Select
                     onValueChange={(value) => {
                       if (typeof value === "string") patchEditor({ section: value === NO_DESK_VALUE ? "" : value });
                     }}
                     value={deskOptions.some(option => option.value === editor.section) ? editor.section : NO_DESK_VALUE}
                   >
-                    <SelectTrigger aria-label="Desk" className="w-full" data-newsroom-article-section>
-                      <SelectValue>{deskOptions.find(option => option.value === editor.section)?.label ?? "No desk"}</SelectValue>
+                    <SelectTrigger aria-label="Section" className="w-full" data-newsroom-article-section>
+                      <SelectValue>{deskOptions.find(option => option.value === editor.section)?.label ?? "No section"}</SelectValue>
                     </SelectTrigger>
                     <SelectContent>
-                      <SelectItem value={NO_DESK_VALUE}>No desk</SelectItem>
+                      <SelectItem value={NO_DESK_VALUE}>No section</SelectItem>
                       {(["core", "rotating"] as const).map((kind) => deskOptions.some(option => option.kind === kind) ? (
                         <SelectGroup key={kind}>
-                          <SelectLabel>{kind === "core" ? "Core desks" : "Rotating desks"}</SelectLabel>
+                          <SelectLabel>{kind === "core" ? "Core sections" : "Rotating sections"}</SelectLabel>
                           {deskOptions.filter(option => option.kind === kind).map((option) => (
                             <SelectItem key={option.value} value={option.value}>{option.label}</SelectItem>
                           ))}

package/components/newsroom-articles-view.tsx

@@ -5,7 +5,6 @@ import Link from "next/link";
 import { useEffect, useMemo, useState } from "react";
 import { Badge } from "./ui/badge";
 import { buttonVariants } from "./ui/button";
-import { Spinner } from "./ui/spinner";
 import { Tabs, TabsList, TabsTrigger } from "./ui/tabs";
 import { SITE_BRAND } from "../lib/site-brand";
 import { getNewsroomNavHref } from "../lib/newsroom-nav";
@@ -89,15 +88,16 @@ export function NewsroomArticlesView({ demo }: { demo: boolean }) {
           </TabsList>
         </Tabs>
         {loadError ? <NewsroomOpsStatusBanner tone="error">{loadError}</NewsroomOpsStatusBanner> : null}
-        {rows === null && !loadError ? (
-          <div className="flex items-center gap-2 text-sm text-muted-foreground">
-            <Spinner /> Loading articles…
-          </div>
-        ) : null}
         {rows !== null && visibleRows.length === 0 ? (
           <p className="text-sm text-muted-foreground">Nothing here yet.</p>
         ) : null}
         <ul className="divide-y divide-border rounded-xl border border-border bg-card" data-newsroom-articles-list>
+          {rows === null && !loadError ? Array.from({ length: 5 }, (_, index) => (
+            <li aria-hidden="true" className="flex items-center justify-between px-4 py-3" key={index}>
+              <span className="w-2/3"><span className="block h-4 w-3/4 rounded bg-muted" /><span className="mt-2 block h-3 w-1/2 rounded bg-muted" /></span>
+              <span className="h-5 w-16 rounded bg-muted" />
+            </li>
+          )) : null}
           {visibleRows.map((row) => (
             <li key={row.id}>
               <Link

package/components/newsroom-assignment-detail.tsx

@@ -36,7 +36,7 @@ export function NewsroomAssignmentDetail({ assignment, deskOptions = [], onDeskC
   const changeDesk = (value: string) => {
     if (!onDeskChange) return;
     setSavingDesk(true); setDeskError(null);
-    onDeskChange(value === NO_DESK_VALUE ? null : value).catch((reason: unknown) => setDeskError(reason instanceof Error ? reason.message : "Could not save the desk.")).finally(() => setSavingDesk(false));
+    onDeskChange(value === NO_DESK_VALUE ? null : value).catch((reason: unknown) => setDeskError(reason instanceof Error ? reason.message : "Could not save the section.")).finally(() => setSavingDesk(false));
   };
   const facts: DetailField[] = [
     { label: "Status", value: assignment.status },
@@ -58,14 +58,14 @@ export function NewsroomAssignmentDetail({ assignment, deskOptions = [], onDeskC
       {facts.map(field => <div key={field.label}><dt>{field.label}</dt><dd>{field.value}</dd></div>)}
     </dl>
     {onDeskChange && <label className="newsroom-assignment-detail-desk">
-      <span>Desk</span>
+      <span>Section</span>
       <Select onValueChange={(value) => { if (typeof value === "string") changeDesk(value); }} value={deskChoices.some(option => option.value === currentDesk) ? currentDesk : NO_DESK_VALUE} disabled={savingDesk}>
-        <SelectTrigger aria-label="Desk" className="w-full" data-newsroom-assignment-desk>
-          <SelectValue>{deskChoices.find(option => option.value === currentDesk)?.label ?? "No desk"}</SelectValue>
+        <SelectTrigger aria-label="Section" className="w-full" data-newsroom-assignment-desk>
+          <SelectValue>{deskChoices.find(option => option.value === currentDesk)?.label ?? "No section"}</SelectValue>
         </SelectTrigger>
         <SelectContent>
-          <SelectItem value={NO_DESK_VALUE}>No desk</SelectItem>
-          {(["core", "rotating"] as const).map(kind => deskChoices.some(option => option.kind === kind) ? <SelectGroup key={kind}><SelectLabel>{kind === "core" ? "Core desks" : "Rotating desks"}</SelectLabel>{deskChoices.filter(option => option.kind === kind).map(option => <SelectItem key={option.value} value={option.value}>{option.label}</SelectItem>)}</SelectGroup> : null)}
+          <SelectItem value={NO_DESK_VALUE}>No section</SelectItem>
+          {(["core", "rotating"] as const).map(kind => deskChoices.some(option => option.kind === kind) ? <SelectGroup key={kind}><SelectLabel>{kind === "core" ? "Core sections" : "Rotating sections"}</SelectLabel>{deskChoices.filter(option => option.kind === kind).map(option => <SelectItem key={option.value} value={option.value}>{option.label}</SelectItem>)}</SelectGroup> : null)}
         </SelectContent>
       </Select>
       {currentDesk && !deskChoices.some(option => option.value === currentDesk) ? <small className="newsroom-desk-legacy-value">Old section value: {currentDesk}</small> : null}

package/components/newsroom-board-view.tsx

@@ -160,7 +160,7 @@ export function NewsroomBoardView({ subject, deskId }: { subject: NewsroomBoardS
   if (!allowed) return <NewsDeskAccessGate shell={session?.shell ?? null} />;
   return <NewsroomOpsShell activeTab={subject === "contentItem" ? "articles" : subject === "desk" ? "desks" : "assignments"} appTitle={SITE_BRAND.appTitle} backLabel={SITE_BRAND.backToHomeLabel} pageTitle={pageTitle}
     headerActions={<>
-      <span role="status" className="organizer-board-note">{loading ? "Loading records…" : `${issues.length} records loaded.`}</span>
+      {!loading ? <span role="status" className="organizer-board-note">{issues.length} records loaded.</span> : null}
       <div role="group" aria-label="Record presentation" className="organizer-board-view-toggle"><button type="button" className="organizer-header-button" aria-pressed={view === "board"} onClick={() => setView("board")}>Board</button><button type="button" className="organizer-header-button" aria-pressed={view === "list"} onClick={() => setView("list")}>List</button></div>
       {showsContentItems && (
         <Link className="organizer-header-button" data-newsroom-article-new href={getNewsroomNavHref(newsroomHref("articles", "new"))}>
@@ -174,11 +174,16 @@ 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}>
-        <IssueCollection issues={issues} config={config} query={{ type: subject === "desk" ? issueTypeFromFilter(typeFilter) : boardType }} view={view}
+        {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}
           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}
-          emptyMessage={loading ? "Loading records…" : error ? "Records could not be loaded." : "No records in this selection."} />
+          emptyMessage={error ? "Records could not be loaded." : "No records in this selection."} />}
         {issue && <IssueDetailPanel issue={issue} onClose={() => setSelected(null)} fields={[]}>
           {issue.kind === "contentItem"
             ? <>

package/components/newsroom-curation-bootstrap.tsx

@@ -0,0 +1,45 @@
+'use client';
+
+import {useEffect,useState,type ReactNode} from 'react';
+import {loadProspectusAccountState} from '../lib/prospectus-account-client';
+import type {CurationBootstrap} from '../lib/curation-client';
+import {NewsroomCurationProvider} from './newsroom-curation-provider';
+
+type Fetcher=(input:string,init?:RequestInit)=>Promise<Response>;
+const CONTEXT_PATH='/api/newsroom/curation/context';
+
+function validBootstrap(value:unknown):value is CurationBootstrap{
+  const body=value as Partial<CurationBootstrap>|null;
+  const scope=body?.scope;
+  return !!scope&&[scope.accountId,scope.publicationId,scope.bindingRevision].every(item=>typeof item==='string'&&item.trim()!=='')
+    &&(body!.mode==='embedded'||body!.mode==='remote')&&Array.isArray(body!.capabilities);
+}
+
+/**
+ * Ask the server for the curation bootstrap, or null. Only a signed-in person with a selected
+ * account causes a context read; every other outcome (no Prospectus, signed out, no selection,
+ * any refusal or failure) is null, so the released CMS is unchanged.
+ */
+export async function loadCurationBootstrap(returnPath:string,fetcher:Fetcher=fetch):Promise<CurationBootstrap|null>{
+  try{
+    const account=await loadProspectusAccountState(returnPath,fetcher);
+    if(account.status!=='signedIn'||!account.selectedAccountId)return null;
+    const response=await fetcher(CONTEXT_PATH,{credentials:'same-origin',cache:'no-store'});
+    if(!response.ok)return null;
+    const body=await response.json().catch(()=>null);
+    if(!validBootstrap(body)||body.scope.accountId!==account.selectedAccountId)return null;
+    return body;
+  }catch{return null;}
+}
+
+/** Mounts the curation provider for the References tab. Fails closed to no provider content. */
+export function NewsroomCurationBootstrap({enabled=true,children}:{enabled?:boolean;children:ReactNode}){
+  const [bootstrap,setBootstrap]=useState<CurationBootstrap|null>(null);
+  useEffect(()=>{
+    if(!enabled)return;
+    let current=true;
+    void loadCurationBootstrap(window.location.pathname).then(value=>{if(current)setBootstrap(value);});
+    return()=>{current=false;setBootstrap(null);};
+  },[enabled]);
+  return <NewsroomCurationProvider bootstrap={bootstrap}>{children}</NewsroomCurationProvider>;
+}

package/components/newsroom-ops-overview.tsx

@@ -1,24 +1,13 @@
 "use client";
 
-import {
-  BookOpenIcon,
-  ClipboardListIcon,
-  FileTextIcon,
-  LayersIcon,
-  MessageSquareIcon,
-  NetworkIcon,
-  SearchIcon,
-  SettingsIcon,
-} from "lucide-react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { useMemo } from "react";
 import { Badge } from "./ui/badge";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "./ui/card";
-import type { AssignmentRecord, MessageRecord, NewsroomSectionRecord, ReferenceRecord } from "../lib/category-repository";
-import { getNewsroomNavHref, NEWSROOM_OPS_NAV, type NewsroomNavTabId } from "../lib/newsroom-nav";
+import type { AssignmentRecord, NewsroomSectionRecord, ReferenceRecord } from "../lib/category-repository";
+import { getNewsroomNavHref } from "../lib/newsroom-nav";
 import {
-  countReferencesByStatus,
   filterReferencesByStatus,
   formatReferenceListDate,
   referenceDisplayTitle,
@@ -33,57 +22,33 @@ import {
   sortNewsroomSections,
 } from "../lib/newsroom-sections";
 import { newsroomInboxRowClassName } from "../lib/newsroom-list-selection";
+import type { RelevanceDecisionView } from "../lib/relevance-decisions";
+import { NotificationCenter } from "./notification-center";
 
 type NewsroomOpsOverviewProps = {
   assignments: AssignmentRecord[];
+  actorLabel?: string;
+  decisions?: ReadonlyMap<string, RelevanceDecisionView>;
   demo?: boolean;
-  messages: MessageRecord[];
+  humanCuratedReferenceLineageIds?: ReadonlySet<string>;
   newsroomSections: NewsroomSectionRecord[];
   references: ReferenceRecord[];
 };
 
-type DestinationKey = Exclude<NewsroomNavTabId, "overview" | "desks">;
-
-const DESTINATION_ICONS: Record<DestinationKey, typeof BookOpenIcon> = {
-  articles: FileTextIcon,
-  assignments: ClipboardListIcon,
-  references: BookOpenIcon,
-  messages: MessageSquareIcon,
-  topics: LayersIcon,
-  concepts: NetworkIcon,
-  administration: SettingsIcon,
-  search: SearchIcon,
-};
-
-const DESTINATIONS = NEWSROOM_OPS_NAV.filter((item) => item.id !== "overview").map((item) => ({
-  key: item.id as DestinationKey,
-  label: item.label,
-  detail: item.detail,
-  href: item.href,
-  icon: DESTINATION_ICONS[item.id as DestinationKey],
-}));
-
-function openAssignmentCount(assignments: AssignmentRecord[]): number {
-  return assignments.filter((assignment) => {
-    const status = assignment.status?.trim().toLowerCase() ?? "";
-    return status === "open" || status === "claimed" || status === "pending";
-  }).length;
-}
-
-function recentMessageCount(messages: MessageRecord[]): number {
-  return messages.filter((message) => message.status !== "archived").length;
-}
+const NO_DECISIONS: ReadonlyMap<string, RelevanceDecisionView> = new Map();
+const NO_IDS: ReadonlySet<string> = new Set();
 
 export function NewsroomOpsOverview({
+  actorLabel = "",
   assignments,
+  decisions = NO_DECISIONS,
   demo = false,
-  messages,
+  humanCuratedReferenceLineageIds = NO_IDS,
   newsroomSections,
   references,
 }: NewsroomOpsOverviewProps) {
   const pathname = usePathname();
   const canonicalReferences = useMemo(() => selectCanonicalReferenceRecords(references), [references]);
-  const referenceCounts = useMemo(() => countReferencesByStatus(canonicalReferences), [canonicalReferences]);
   const pendingReferences = useMemo(
     () => filterReferencesByStatus(canonicalReferences, "pending").slice(0, 5),
     [canonicalReferences],
@@ -104,12 +69,6 @@ export function NewsroomOpsOverview({
   const coreDesks = useMemo(() => desks.filter(desk => newsroomDeskKind(desk) === "core"), [desks]);
   const rotatingDesks = useMemo(() => desks.filter(desk => newsroomDeskKind(desk) === "rotating"), [desks]);
 
-  const destinationCounts: Partial<Record<DestinationKey, number | null>> = {
-    references: referenceCounts.pending ?? 0,
-    assignments: openAssignmentCount(assignments),
-    messages: recentMessageCount(messages),
-  };
-
   return (
     <div
       className="space-y-8 font-sans"
@@ -117,44 +76,15 @@ export function NewsroomOpsOverview({
       data-newsroom-ops-home="true"
     >
       <div className="space-y-8" data-newsroom-overview-feeds>
-        <section aria-label="Destinations" className="space-y-3">
-          <h2 className="text-sm font-medium text-muted-foreground">Go to</h2>
-          <div className="grid grid-cols-2 gap-3 sm:grid-cols-4">
-            {DESTINATIONS.map((meta) => {
-              const key = meta.key;
-              const Icon = meta.icon;
-              const count = destinationCounts[key];
-              const href = getNewsroomNavHref(meta.href, demo);
-              return (
-                <Link
-                  className="group block rounded-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-                  data-newsroom-ops-destination={key}
-                  data-newsroom-overview-section={key}
-                  href={href}
-                  key={key}
-                >
-                  <Card className="h-full transition-colors group-hover:border-primary/40">
-                    <CardHeader className="space-y-3 p-4">
-                      <div className="flex items-center justify-between gap-2">
-                        <span className="flex size-9 items-center justify-center rounded-lg bg-primary/10 text-primary">
-                          <Icon className="size-4" aria-hidden="true" />
-                        </span>
-                        {count != null && count > 0 ? (
-                          <Badge variant="default">{count}</Badge>
-                        ) : null}
-                      </div>
-                      <div className="space-y-0.5">
-                        <CardTitle className="text-base font-semibold">{meta.label}</CardTitle>
-                        <CardDescription>{meta.detail}</CardDescription>
-                      </div>
-                    </CardHeader>
-                  </Card>
-                </Link>
-              );
-            })}
-          </div>
-        </section>
-
+        <div aria-label="Notification Center feed" className="newsroom-overview-feed-frame rounded-xl border bg-card p-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" data-newsroom-overview-notifications role="region" tabIndex={0}>
+          <NotificationCenter
+            actorLabel={actorLabel}
+            decisions={decisions}
+            demo={demo}
+            humanCuratedReferenceLineageIds={humanCuratedReferenceLineageIds}
+            references={canonicalReferences}
+          />
+        </div>
         <section aria-label="Needs attention" className="space-y-3">
           <h2 className="text-sm font-medium text-muted-foreground">Needs attention</h2>
           {pendingReferences.length || attentionAssignments.length ? (
@@ -208,16 +138,16 @@ export function NewsroomOpsOverview({
           ) : (
             <Card>
               <CardContent className="p-4 text-sm text-muted-foreground">
-                Nothing needs attention right now. Check References for new intake or open Assignments from the destinations above.
+                No pending references or open assignments. Check those destinations for other work.
               </CardContent>
             </Card>
           )}
         </section>
 
         {desks.length ? (
-          <section aria-label="Desks" className="space-y-3" data-newsroom-ops-desks>
-            <h2 className="text-sm font-medium text-muted-foreground">Desks</h2>
-            {coreDesks.length ? <h3 className="newsroom-desk-group-heading" data-newsroom-ops-desk-group="core">Core desks</h3> : null}
+          <section aria-label="Sections" className="space-y-3" data-newsroom-ops-desks>
+            <h2 className="text-sm font-medium text-muted-foreground">Sections</h2>
+            {coreDesks.length ? <h3 className="newsroom-desk-group-heading" data-newsroom-ops-desk-group="core">Core sections</h3> : null}
             <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
               {coreDesks.map((section) => (
                 <Link
@@ -237,7 +167,7 @@ export function NewsroomOpsOverview({
                 </Link>
               ))}
             </div>
-            {rotatingDesks.length ? <h3 className="newsroom-desk-group-heading" data-newsroom-ops-desk-group="rotating">Rotating desks <small>appear for a while, then rotate out</small></h3> : null}
+            {rotatingDesks.length ? <h3 className="newsroom-desk-group-heading" data-newsroom-ops-desk-group="rotating">Rotating sections <small>appear for a while, then rotate out</small></h3> : null}
             {rotatingDesks.length ? <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
               {rotatingDesks.map((section) => (
                 <Link

package/components/newsroom-ops-shell.tsx

@@ -8,7 +8,7 @@ import { cn } from "../lib/utils";
 import { useEffect, useId, useState, type ReactNode } from "react";
 import Link from "next/link";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { BookOpen, ClipboardList, Menu, Search, MessagesSquare, PanelLeftClose, PanelLeftOpen, Settings, UserRound, LogIn, LogOut } from "lucide-react";
+import { BookOpen, ClipboardList, House, Menu, Search, MessagesSquare, PanelLeftClose, PanelLeftOpen, Settings, UserRound, LogIn, LogOut } from "lucide-react";
 import { ORGANIZER_NAV_GROUPS, ORGANIZER_PRIMARY_NAV, ORGANIZER_SETTINGS_DESTINATION } from "../lib/newsroom-organizer-nav";
 import { browserPathToInternalNewsroomPath } from "../lib/newsroom-base-path";
 import { getNewsroomNavHref } from "../lib/newsroom-nav";
@@ -55,7 +55,7 @@ function OrganizerSearch({ demo }: { demo: boolean }) {
   </form>;
 }
 
-const ICONS = { articles: ClipboardList, references: BookOpen, messages: MessagesSquare };
+const ICONS = { overview: House, articles: ClipboardList, references: BookOpen, messages: MessagesSquare };
 
 /** Navigation is a presentation layer; existing route and server authorization still own access. */
 function Navigation({ activePath, demo, admin, surface, onNavigate }: { activePath: string; demo: boolean; admin: boolean; surface: string; onNavigate?: () => void }) {