@anthusai/papyrus 1.4.0-next.6 → 1.4.0-next.7

package/components/administration-delegations-panel.tsx

@@ -0,0 +1,204 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+import { fetchAuthSession } from "aws-amplify/auth";
+import { isLocalPreviewEnabled } from "../lib/local-preview";
+import {
+  DEFAULT_DELEGATION_HOURS,
+  MAXIMUM_DELEGATION_HOURS,
+  MINIMUM_DELEGATION_HOURS,
+  buildDelegatedCommandLine,
+  delegationExpiryText,
+  describeDelegationError,
+  validateDelegationInput,
+  type CurationDelegationRecord,
+} from "../lib/curation-delegation-helpers";
+import { createCurationDelegation, listCurationDelegations, revokeCurationDelegation, type CreatedCurationDelegation } from "./curation-delegation-client";
+
+type IssuedToken = { agentLabel: string; token: string };
+
+async function readSignedInEmail(): Promise<string> {
+  if (isLocalPreviewEnabled()) return "ryan@example.com";
+  try {
+    const session = await fetchAuthSession();
+    const email = session.tokens?.idToken?.payload?.email;
+    return typeof email === "string" ? email : "";
+  } catch {
+    return "";
+  }
+}
+
+export function AdministrationDelegationsPanel({ disabled }: { disabled: boolean }) {
+  const [agentLabelText, setAgentLabelText] = useState("");
+  const [hoursText, setHoursText] = useState(String(DEFAULT_DELEGATION_HOURS));
+  const [busy, setBusy] = useState(false);
+  const [errorMessage, setErrorMessage] = useState<string | null>(null);
+  const [issued, setIssued] = useState<IssuedToken | null>(null);
+  const [copied, setCopied] = useState<"token" | "command" | null>(null);
+  const [email, setEmail] = useState("");
+  const [delegations, setDelegations] = useState<CurationDelegationRecord[]>([]);
+  const [confirmingRevokeId, setConfirmingRevokeId] = useState<string | null>(null);
+  const [nowMilliseconds, setNowMilliseconds] = useState(() => Date.now());
+  const mounted = useRef(true);
+
+  useEffect(() => {
+    mounted.current = true;
+    void readSignedInEmail().then((value) => {
+      if (mounted.current) setEmail(value);
+    });
+    void refreshDelegations();
+    const timer = window.setInterval(() => setNowMilliseconds(Date.now()), 30_000);
+    return () => {
+      mounted.current = false;
+      window.clearInterval(timer);
+      setIssued(null);
+    };
+  }, []);
+
+  async function refreshDelegations() {
+    try {
+      const listed = await listCurationDelegations();
+      if (mounted.current) setDelegations(listed);
+    } catch (error) {
+      if (mounted.current) setErrorMessage(describeDelegationError(error));
+    }
+  }
+
+  async function handleCreate() {
+    const validation = validateDelegationInput(agentLabelText, hoursText);
+    if (!validation.ok) {
+      setErrorMessage(validation.message);
+      return;
+    }
+    setBusy(true);
+    setErrorMessage(null);
+    try {
+      const created: CreatedCurationDelegation = await createCurationDelegation(validation.agentLabel, validation.hours);
+      setIssued({ agentLabel: created.agentLabel, token: created.token });
+      setCopied(null);
+      await refreshDelegations();
+      setAgentLabelText("");
+      setNowMilliseconds(Date.now());
+    } catch (error) {
+      setErrorMessage(describeDelegationError(error));
+    } finally {
+      setBusy(false);
+    }
+  }
+
+  async function handleRevoke(delegationId: string) {
+    setBusy(true);
+    setErrorMessage(null);
+    try {
+      await revokeCurationDelegation(delegationId);
+      await refreshDelegations();
+      setConfirmingRevokeId(null);
+    } catch (error) {
+      setErrorMessage(describeDelegationError(error));
+    } finally {
+      setBusy(false);
+    }
+  }
+
+  async function copyText(kind: "token" | "command", text: string) {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(kind);
+    } catch {
+      setErrorMessage("Copying was blocked by the browser. Select the text and copy it by hand.");
+    }
+  }
+
+  const commandLine = issued ? buildDelegatedCommandLine({ email, agentLabel: issued.agentLabel, token: issued.token }) : "";
+
+  return (
+    <div data-news-desk-admin-panel="delegations">
+      <article className="news-desk-doctrine-card">
+        <div className="news-desk-doctrine-card__header">
+          <div>
+            <h3>Agent delegations</h3>
+            <span>Let one agent approve or reject References for you, for a short time</span>
+          </div>
+        </div>
+        <p className="news-desk-delegation-note">
+          A delegation is a token you hand to one named agent. While it lasts, that agent&apos;s approvals and rejections are recorded under your name and marked as relayed. You can revoke it at any moment.
+        </p>
+        <p className="news-desk-delegation-note" data-delegation-words-note>
+          The agent must pass your actual words, in quotes, as the instruction on every approval or rejection. Papyrus keeps those words with the record. An agent that paraphrases or invents them is not following this delegation.
+        </p>
+        <div className="news-desk-delegation-form">
+          <label className="news-desk-doctrine-card__field">
+            <span>Agent name</span>
+            <input value={agentLabelText} onChange={(event) => setAgentLabelText(event.target.value)} placeholder="curator-agent" autoComplete="off" disabled={disabled || busy} />
+          </label>
+          <label className="news-desk-doctrine-card__field">
+            <span>{`Hours (${MINIMUM_DELEGATION_HOURS} to ${MAXIMUM_DELEGATION_HOURS})`}</span>
+            <input value={hoursText} onChange={(event) => setHoursText(event.target.value)} inputMode="numeric" disabled={disabled || busy} />
+          </label>
+          <button type="button" className="news-desk-primary-action-button" data-delegation-create onClick={() => void handleCreate()} disabled={disabled || busy}>
+            {busy && !issued ? "Creating" : "Create delegation"}
+          </button>
+        </div>
+        {errorMessage ? <p className="news-desk-delegation-error" role="alert" data-delegation-error>{errorMessage}</p> : null}
+      </article>
+
+      {issued ? (
+        <article className="news-desk-delegation-token" data-delegation-token-box aria-live="polite">
+          <h3>Copy this token now</h3>
+          <p>This token is shown once. Papyrus does not keep it, and it cannot be shown again. If you lose it, revoke the delegation and create a new one.</p>
+          <div className="news-desk-delegation-token__row">
+            <code data-delegation-token>{issued.token}</code>
+            <button type="button" onClick={() => void copyText("token", issued.token)}>{copied === "token" ? "Copied" : "Copy token"}</button>
+          </div>
+          <p className="story-label">Command line for {issued.agentLabel}</p>
+          <div className="news-desk-delegation-token__row">
+            <code data-delegation-command>{commandLine}</code>
+            <button type="button" onClick={() => void copyText("command", commandLine)}>{copied === "command" ? "Copied" : "Copy command"}</button>
+          </div>
+          <div className="news-desk-doctrine-card__actions">
+            <button type="button" className="news-desk-primary-action-button" data-delegation-done onClick={() => { setIssued(null); setCopied(null); }}>Done</button>
+          </div>
+        </article>
+      ) : null}
+
+      <article className="news-desk-doctrine-card">
+        <div className="news-desk-doctrine-card__header">
+          <div>
+            <h3>Delegations</h3>
+            <span>Granted by you, newest first</span>
+          </div>
+        </div>
+        {delegations.length === 0 ? (
+          <p className="news-desk-delegation-note" data-delegation-empty>You have not granted any delegations.</p>
+        ) : (
+          <ul className="news-desk-delegation-list">
+            {delegations.map((entry) => {
+              const stateText = delegationExpiryText(entry.expiresAt, entry.revokedAt, nowMilliseconds);
+              const live = !entry.revokedAt && stateText !== "Expired";
+              return (
+                <li key={entry.delegationId} data-delegation-row={entry.delegationId} data-delegation-live={live || undefined}>
+                  <div>
+                    <strong>{entry.agentLabel}</strong>
+                    <span>{`Granted by ${entry.grantorLabel ?? "you"}`}</span>
+                  </div>
+                  <span className="news-desk-delegation-state">{stateText}</span>
+                  {live ? (
+                    confirmingRevokeId === entry.delegationId ? (
+                      <span className="news-desk-delegation-confirm">
+                        <span>{`Stop ${entry.agentLabel} from curating for you?`}</span>
+                        <button type="button" data-delegation-revoke-confirm onClick={() => void handleRevoke(entry.delegationId)} disabled={busy}>Revoke now</button>
+                        <button type="button" onClick={() => setConfirmingRevokeId(null)} disabled={busy}>Keep</button>
+                      </span>
+                    ) : (
+                      <button type="button" data-delegation-revoke onClick={() => setConfirmingRevokeId(entry.delegationId)} disabled={disabled || busy}>Revoke</button>
+                    )
+                  ) : null}
+                </li>
+              );
+            })}
+          </ul>
+        )}
+      </article>
+    </div>
+  );
+}

package/components/board-card-excerpts.tsx

@@ -1,45 +1,61 @@
 "use client";
 
-import { useEffect, useState } from "react";
-import { createPortal } from "react-dom";
+import { useEffect } from "react";
 
 type Excerpt = { issueId: string; text: string };
 
-function CardExcerpt({ text }: { text: string }) {
-  const [expanded, setExpanded] = useState(false);
-  return <div className="board-card-excerpt" data-board-card-excerpt data-expanded={expanded}>
-    <p>{text}</p>
-    {text.length > 130 && <button aria-expanded={expanded} onClick={event => { event.stopPropagation(); setExpanded(open => !open); }} onKeyDown={event => event.stopPropagation()} type="button">{expanded ? "Less" : "More"}</button>}
-  </div>;
+const EXCERPT_TOGGLE_THRESHOLD = 130;
+
+function buildExcerptElement(text: string): HTMLElement {
+  const container = document.createElement("div");
+  container.className = "board-card-excerpt";
+  container.dataset.boardCardExcerpt = "";
+  container.dataset.expanded = "false";
+  const paragraph = document.createElement("p");
+  paragraph.textContent = text;
+  container.append(paragraph);
+  if (text.length > EXCERPT_TOGGLE_THRESHOLD) {
+    const toggle = document.createElement("button");
+    toggle.type = "button";
+    toggle.textContent = "More";
+    toggle.setAttribute("aria-expanded", "false");
+    const flip = (event: Event) => {
+      event.stopPropagation();
+      const expanded = container.dataset.expanded !== "true";
+      container.dataset.expanded = String(expanded);
+      toggle.textContent = expanded ? "Less" : "More";
+      toggle.setAttribute("aria-expanded", String(expanded));
+    };
+    toggle.addEventListener("click", flip);
+    toggle.addEventListener("keydown", event => event.stopPropagation());
+    container.append(toggle);
+  }
+  return container;
 }
 
 /**
  * Adds a short expandable excerpt under each card's headline. The Kanbus card has no excerpt slot,
- * so each excerpt is rendered into the card's content block once the card is on the page.
+ * so each excerpt is written into the card's content block once the card is on the page.
  */
 export function BoardCardExcerpts({ excerpts, scope }: { excerpts: readonly Excerpt[]; scope: HTMLElement | null }) {
-  const [hosts, setHosts] = useState<{ host: HTMLElement; text: string }[]>([]);
   useEffect(() => {
     if (!scope) return;
-    const collect = () => {
-      const found = excerpts.flatMap(({ issueId, text }) => {
-        const card = Array.from(scope.querySelectorAll<HTMLElement>(".issue-card")).find(candidate => candidate.dataset.issueId === issueId);
-        const content = card?.querySelector<HTMLElement>(".issue-card-content");
-        if (!content) return [];
-        let host = content.querySelector<HTMLElement>(":scope > [data-board-card-excerpt-host]");
-        if (!host) {
-          host = document.createElement("div");
-          host.dataset.boardCardExcerptHost = "true";
-          content.querySelector("h3")?.after(host);
-        }
-        return [{ host, text }];
-      });
-      setHosts(previous => previous.length === found.length && previous.every((entry, index) => entry.host === found[index].host && entry.text === found[index].text) ? previous : found);
+    const textByIssueId = new Map(excerpts.map(({ issueId, text }) => [issueId, text]));
+    const place = () => {
+      for (const card of Array.from(scope.querySelectorAll<HTMLElement>(".issue-card"))) {
+        const text = textByIssueId.get(card.dataset.issueId ?? "");
+        const content = card.querySelector<HTMLElement>(".issue-card-content");
+        if (!text || !content) continue;
+        const existing = content.querySelector<HTMLElement>(":scope > [data-board-card-excerpt]");
+        if (existing && existing.querySelector("p")?.textContent === text) continue;
+        existing?.remove();
+        content.querySelector("h3")?.after(buildExcerptElement(text));
+      }
     };
-    collect();
-    const observer = new MutationObserver(collect);
+    place();
+    const observer = new MutationObserver(place);
     observer.observe(scope, { childList: true, subtree: true });
     return () => observer.disconnect();
   }, [excerpts, scope]);
-  return <>{hosts.map(({ host, text }, index) => createPortal(<CardExcerpt text={text} />, host, `${index}`))}</>;
+  return null;
 }

package/components/curation-delegation-client.ts

@@ -0,0 +1,81 @@
+"use client";
+
+import { generateClient } from "aws-amplify/data";
+import { isLocalPreviewEnabled } from "../lib/local-preview";
+import type { CurationDelegationRecord } from "../lib/curation-delegation-helpers";
+import { configureAmplifyClient } from "./amplify-client-provider";
+
+const USER_POOL_AUTH_MODE = "userPool";
+
+export type CreatedCurationDelegation = CurationDelegationRecord & { token: string };
+
+const CREATE_MUTATION = `
+  mutation CreateCurationDelegation($agentLabel: String!, $hours: Int) {
+    createCurationDelegation(agentLabel: $agentLabel, hours: $hours) {
+      delegationId token agentLabel grantorLabel expiresAt revokedAt
+    }
+  }
+`;
+
+const REVOKE_MUTATION = `
+  mutation RevokeCurationDelegation($delegationId: ID!) {
+    revokeCurationDelegation(delegationId: $delegationId) {
+      delegationId agentLabel grantorLabel expiresAt revokedAt
+    }
+  }
+`;
+
+const LIST_QUERY = `
+  query ListCurationDelegations {
+    listCurationDelegations {
+      delegationId agentLabel grantorLabel expiresAt revokedAt
+    }
+  }
+`;
+
+const previewDelegations: CurationDelegationRecord[] = [];
+
+async function runGraphql<T>(query: string, variables: Record<string, unknown>): Promise<T> {
+  configureAmplifyClient();
+  const client = generateClient() as unknown as {
+    graphql: (options: Record<string, unknown>) => Promise<{ data?: T | null; errors?: Array<{ message?: string }> | null }>;
+  };
+  const response = await client.graphql({ query, variables, authMode: USER_POOL_AUTH_MODE });
+  if (response.errors?.length) throw Object.assign(new Error(response.errors[0]?.message ?? "Request failed."), { errors: response.errors });
+  if (!response.data) throw new Error("The server returned no result.");
+  return response.data;
+}
+
+export async function createCurationDelegation(agentLabel: string, hours: number): Promise<CreatedCurationDelegation> {
+  if (isLocalPreviewEnabled()) {
+    const delegationId = `curation-delegation-preview-${previewDelegations.length + 1}`;
+    const record: CurationDelegationRecord = {
+      delegationId,
+      agentLabel,
+      grantorLabel: "ryan@example.com",
+      expiresAt: new Date(Date.now() + hours * 3_600_000).toISOString(),
+      revokedAt: null,
+    };
+    previewDelegations.push(record);
+    return { ...record, token: `${delegationId}~preview-token-not-valid-anywhere` };
+  }
+  const data = await runGraphql<{ createCurationDelegation: CreatedCurationDelegation }>(CREATE_MUTATION, { agentLabel, hours });
+  return data.createCurationDelegation;
+}
+
+export async function revokeCurationDelegation(delegationId: string): Promise<CurationDelegationRecord> {
+  if (isLocalPreviewEnabled()) {
+    const record = previewDelegations.find((entry) => entry.delegationId === delegationId);
+    if (!record) throw new Error("That delegation was not found.");
+    record.revokedAt = record.revokedAt ?? new Date().toISOString();
+    return { ...record };
+  }
+  const data = await runGraphql<{ revokeCurationDelegation: CurationDelegationRecord }>(REVOKE_MUTATION, { delegationId });
+  return data.revokeCurationDelegation;
+}
+
+export async function listCurationDelegations(): Promise<CurationDelegationRecord[]> {
+  if (isLocalPreviewEnabled()) return previewDelegations.map((entry) => ({ ...entry })).reverse();
+  const data = await runGraphql<{ listCurationDelegations: CurationDelegationRecord[] }>(LIST_QUERY, {});
+  return data.listCurationDelegations ?? [];
+}

package/components/news-desk-taxonomy-client.ts

@@ -3621,6 +3621,13 @@ export async function loadCyclotronStatus(cyclotronId: string): Promise<import("
   return latestCyclotronStatus(payloads.map((payload) => ({ json: payload.json, updatedAt: payload.attachment.updatedAt })));
 }
 
+/** The relevance cyclotron's latest cyclotron-shadow-agreement/v1 payload: suggestions compared with later human decisions. */
+export async function loadCyclotronShadowAgreement(cyclotronId: string): Promise<import("../lib/cyclotron-suggestions").ShadowAgreement | null> {
+  const { latestShadowAgreement, shadowAgreementPayloadId } = await import("../lib/cyclotron-suggestions");
+  const payloads = await loadModelPayloadsForOwner("knowledgeRawPayload", shadowAgreementPayloadId(cyclotronId), ["raw_payload"]);
+  return latestShadowAgreement(payloads.map((payload) => ({ json: payload.json, updatedAt: payload.attachment.updatedAt })));
+}
+
 /** Ask the next decide-relevance sweep to set or clear a manual review rate. */
 export async function requestCyclotronReviewRate(
   cyclotronId: string,

package/components/newsroom-organizer.css

@@ -274,3 +274,25 @@ body:has(.newsroom-organizer)>[data-staging-banner]{flex-shrink:0}
 .organizer-account-chooser li button small,.organizer-account-chooser-note{font-size:12px;color:var(--org-ink);margin:0}
 .organizer-account-chooser-heading{margin:0;font:600 11px/1.4 Newsroom UI,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase}
 .organizer-account-chooser-link{color:var(--org-ink);text-decoration:underline;text-underline-offset:3px}
+[data-reference-cyclotron-status] .cyclotron-status[data-variant]{border-radius:0;background:transparent;border-top:1px solid var(--org-ink);border-bottom:1px solid var(--org-ink);padding-left:0;padding-right:0}
+[data-reference-cyclotron-status] :is(.cyclotron-status-note,.cyclotron-status-definition,.cyclotron-status-header p,.cyclotron-status-override){color:var(--org-ink)}
+[data-reference-cyclotron-status] .cyclotron-status[data-variant="strip"]>span+span::before{color:var(--org-ink)}
+[data-reference-cyclotron-status] .cyclotron-status-bar{border-radius:0;background:transparent;border:1px solid var(--org-ink)}
+[data-reference-cyclotron-status] .cyclotron-status-bar>span{opacity:1}
+[data-reference-cyclotron-status] :is(.cyclotron-review-secondary,.cyclotron-review-choice,.cyclotron-review-submit){border-radius:0;opacity:1}
+.news-desk-columns--administration .news-desk-delegation-note{margin:0;color:var(--administration-strong);max-width:68ch}
+.news-desk-columns--administration .news-desk-delegation-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:12px;align-items:end}
+.news-desk-columns--administration .news-desk-delegation-error{margin:0;padding:8px 0 8px 12px;border-left:3px solid var(--org-ink);color:var(--administration-strong);font-weight:600}
+.news-desk-columns--administration .news-desk-delegation-token{display:grid;gap:12px;min-width:0;padding:16px;border:2px solid var(--org-ink)}
+.news-desk-columns--administration .news-desk-delegation-token h3{margin:0;font-size:20px}
+.news-desk-columns--administration .news-desk-delegation-token p{margin:0}
+.news-desk-columns--administration .news-desk-delegation-token__row{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
+.news-desk-columns--administration .news-desk-delegation-token__row code{flex:1 1 280px;min-width:0;padding:8px 10px;border:1px solid var(--org-line);font:500 13px/1.5 ui-monospace,Menlo,monospace;overflow-wrap:anywhere;color:var(--administration-strong)}
+.news-desk-columns--administration .news-desk-delegation-token__row button,.news-desk-columns--administration .news-desk-delegation-list button{min-height:36px;padding:4px 12px;border:1px solid var(--org-line);background:transparent;color:var(--administration-strong);font:600 12px/1.2 Newsroom UI,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
+.news-desk-columns--administration .news-desk-delegation-list{list-style:none;margin:0;padding:0;display:grid}
+.news-desk-columns--administration .news-desk-delegation-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 16px;align-items:center;padding:12px 0;border-top:1px solid var(--org-line)}
+.news-desk-columns--administration .news-desk-delegation-list li>div{display:grid;gap:2px}
+.news-desk-columns--administration .news-desk-delegation-list li[data-delegation-live=true] .news-desk-delegation-state{font-weight:700;text-decoration:underline;text-underline-offset:4px}
+.news-desk-columns--administration .news-desk-delegation-state{font:600 12px/1.4 Newsroom UI,system-ui,sans-serif;color:var(--administration-strong)}
+.news-desk-columns--administration .news-desk-delegation-confirm{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
+@container (max-width:640px){.news-desk-columns--administration .news-desk-delegation-form{grid-template-columns:minmax(0,1fr)}.news-desk-columns--administration .news-desk-delegation-list li{grid-template-columns:minmax(0,1fr)}}

package/components/newsroom-references-view.tsx

@@ -49,6 +49,15 @@ import { normalizeReferenceCurationStatus } from "../lib/reference-policy";
 import { newsroomListRowClassName } from "../lib/newsroom-list-selection";
 import { ReferenceSourcePreview } from "./reference-source-preview";
 import { ReferenceRelevanceReview } from "./reference-relevance-review";
+import {
+  CountsAsTrainingLabelNote,
+  DelegatedCurationNote,
+  ReferenceSuggestionBlock,
+  ReferenceSuggestionProvenance,
+  ReferenceSuggestionRowLine,
+} from "./reference-cyclotron-suggestion";
+import { ReferenceLiveAgreement } from "./reference-live-agreement";
+import type { DelegatedCuration, ShadowAgreement } from "../lib/cyclotron-suggestions";
 import { ReferenceCyclotronPriming, type PrimingFormInput } from "./reference-cyclotron-priming";
 import { ReferenceCyclotronStatus, type ReviewRateChoice } from "./reference-cyclotron-status";
 import type { PrimingRequestView } from "../lib/relevance-status";
@@ -75,6 +84,12 @@ type NewsroomReferencesViewProps = {
   demo?: boolean;
   /** The relevance cyclotron's current decisions, keyed by reference lineage. */
   decisions?: Map<string, RelevanceDecisionView>;
+  /** Reference lineage ids whose latest curation Message was made by a person. */
+  humanCuratedReferenceLineageIds?: Set<string>;
+  /** Delegated curations by reference lineage. */
+  delegatedCurations?: Map<string, DelegatedCuration>;
+  /** The live-agreement payload; the strip is hidden without it. */
+  shadowAgreement?: ShadowAgreement | null;
   disabled?: boolean;
   onRelevanceReview?: (reference: ReferenceRecord, curation: RelevanceCuration) => void;
   initialReferenceLineageId?: string | null;
@@ -212,17 +227,14 @@ function useReferencePreviewAttachments(
   return previewAttachments;
 }
 
-function decisionSummary(decision: RelevanceDecisionView): string {
-  const sure = decision.confidence == null ? "confidence unknown" : `${Math.round(decision.confidence * 100)}% sure`;
-  return `${decision.label} · ${sure}${decision.version != null ? ` · version ${decision.version}` : ""}`;
-}
-
 function needsReview(reference: ReferenceRecord, decision: RelevanceDecisionView | undefined): boolean {
   return Boolean(decision?.reviewRecommended)
     && normalizeReferenceCurationStatus(reference.curationStatus) === "pending";
 }
 
 function ReferenceDetailPanel({
+  countsAsTrainingLabel,
+  delegated,
   decision,
   demo,
   disabled,
@@ -232,6 +244,8 @@ function ReferenceDetailPanel({
   reference,
   onClose,
 }: {
+  countsAsTrainingLabel?: boolean;
+  delegated?: DelegatedCuration;
   decision?: RelevanceDecisionView;
   demo?: boolean;
   disabled?: boolean;
@@ -267,25 +281,39 @@ function ReferenceDetailPanel({
           ) : null}
         </div>
 
-        {decision && status === "pending" && onRelevanceReview ? (
-          <ReferenceRelevanceReview
-            decision={decision}
-            disabled={disabled}
-            onCurate={onRelevanceReview}
-            referenceLineageId={lineageId}
-          />
-        ) : decision ? (
-          <p className="text-sm text-muted-foreground" data-reference-relevance-decision={lineageId}>
-            Cyclotron decision: {decisionSummary(decision)}
-          </p>
+        {decision ? (
+          <div className="space-y-3" data-reference-relevance-decision={lineageId}>
+            <ReferenceSuggestionBlock
+              decision={decision}
+              disabled={disabled}
+              onCurate={onRelevanceReview}
+              referenceLineageId={lineageId}
+              settled={status !== "pending"}
+              statusLabel={referenceStatusLabel(status)}
+            />
+            <ReferenceSuggestionProvenance decision={decision} />
+            {status === "pending" && onRelevanceReview ? (
+              <details className="text-sm text-foreground">
+                <summary className="cursor-pointer font-semibold underline-offset-4 hover:underline">Review with a reason</summary>
+                <div className="mt-2">
+                  <ReferenceRelevanceReview
+                    decision={decision}
+                    disabled={disabled}
+                    onCurate={onRelevanceReview}
+                    referenceLineageId={lineageId}
+                  />
+                </div>
+              </details>
+            ) : null}
+          </div>
         ) : null}
+        {delegated ? <DelegatedCurationNote delegated={delegated} referenceLineageId={lineageId} /> : countsAsTrainingLabel ? <CountsAsTrainingLabelNote referenceLineageId={lineageId} /> : null}
 
         <div
           className="flex flex-wrap items-center gap-2"
           data-news-desk-reference-curation-cluster
           data-reference-curation-status={status}
         >
-          {decision && status === "pending" && onRelevanceReview ? null : <>
           <Button
             aria-label="Accept reference"
             aria-pressed={status === "accepted"}
@@ -312,7 +340,6 @@ function ReferenceDetailPanel({
             <ThumbsDownIcon className="size-4" />
             Reject
           </Button>
-          </>}
           <Button
             aria-label="Archive reference"
             disabled={archiveDisabled}
@@ -409,6 +436,9 @@ export function NewsroomReferencesView({
   cyclotronStatus,
   cyclotronPriming,
   decisions,
+  humanCuratedReferenceLineageIds,
+  delegatedCurations,
+  shadowAgreement = null,
   onRequestReviewRate,
   demo = false,
   disabled = false,
@@ -523,6 +553,7 @@ export function NewsroomReferencesView({
             Review source intake before it becomes accepted evidence.
           </p>
         </div>
+        <ReferenceLiveAgreement agreement={shadowAgreement} />
         <ReferenceCurationControls disabled={disabled} />
         {priming && !disabled ? <ReferencePriming {...priming} /> : null}
         {cyclotronPriming && !disabled ? (
@@ -595,12 +626,12 @@ export function NewsroomReferencesView({
                   </div>
                   <p className="mt-2 text-xs text-muted-foreground">{formatReferenceListDate(reference)}</p>
                   {decision ? (
-                    <p className="mt-1 flex flex-wrap items-center gap-2 text-xs text-muted-foreground" data-reference-relevance-row={lineageId}>
-                      <span>Decision: {decisionSummary(decision)}</span>
+                    <div className="flex flex-wrap items-center gap-2" data-reference-relevance-row={lineageId}>
+                      <ReferenceSuggestionRowLine decision={decision} referenceLineageId={lineageId} />
                       {needsReview(reference, decision) ? (
                         <Badge variant="outline"><span aria-hidden="true">●</span> Needs review</Badge>
                       ) : null}
-                    </p>
+                    </div>
                   ) : null}
                 </button>
               );
@@ -650,6 +681,8 @@ export function NewsroomReferencesView({
         <ScrollArea className="min-h-0 flex-1">
           {selectedReference ? (
             <ReferenceDetailPanel
+              countsAsTrainingLabel={humanCuratedReferenceLineageIds?.has(referenceLineageId(selectedReference))}
+              delegated={delegatedCurations?.get(referenceLineageId(selectedReference))}
               decision={decisions?.get(referenceLineageId(selectedReference))}
               demo={demo}
               disabled={disabled}
@@ -681,6 +714,8 @@ export function NewsroomReferencesView({
             {selectedReference ? (
               <ScrollArea className="max-h-[75dvh]">
                 <ReferenceDetailPanel
+                  countsAsTrainingLabel={humanCuratedReferenceLineageIds?.has(referenceLineageId(selectedReference))}
+              delegated={delegatedCurations?.get(referenceLineageId(selectedReference))}
                   decision={decisions?.get(referenceLineageId(selectedReference))}
                   demo={demo}
                   disabled={disabled}

package/components/reference-cyclotron-status.tsx

@@ -48,14 +48,14 @@ export function ReferenceCyclotronStatus({
     <section aria-label="Relevance cyclotron" className="space-y-2" data-reference-cyclotron-status>
       <CyclotronStatusView status={status} />
       {stale ? (
-        <p className="text-xs text-muted-foreground" data-reference-cyclotron-status-stale>
+        <p className="text-xs text-foreground" data-reference-cyclotron-status-stale>
           <span aria-hidden="true">⚠ </span>
           Snapshot from {Math.round(ageHours)} hours ago; the next sweep refreshes it.
         </p>
       ) : null}
       <button
         aria-expanded={open}
-        className="text-xs text-muted-foreground underline underline-offset-4"
+        className="text-xs text-foreground underline underline-offset-4"
         onClick={() => setOpen((value) => !value)}
         type="button"
       >
@@ -75,7 +75,7 @@ export function ReferenceCyclotronStatus({
               }}
             >
               <label className="flex flex-col gap-1">
-                <span className="text-xs text-muted-foreground">Review rate for confident decisions</span>
+                <span className="text-xs text-foreground">Review rate for confident decisions</span>
                 <select aria-label="Manual review rate" onChange={(event) => setRate(Number(event.target.value))} value={rate}>
                   {RATE_CHOICES.map((choice) => (
                     <option key={choice} value={choice}>{Math.round(choice * 100)}%</option>
@@ -83,7 +83,7 @@ export function ReferenceCyclotronStatus({
                 </select>
               </label>
               <label className="flex flex-col gap-1">
-                <span className="text-xs text-muted-foreground">For</span>
+                <span className="text-xs text-foreground">For</span>
                 <select aria-label="How long the manual rate lasts" onChange={(event) => setDays(Number(event.target.value))} value={days}>
                   {DAY_CHOICES.map((choice) => (
                     <option key={choice} value={choice}>{choice} day{choice === 1 ? "" : "s"}</option>
@@ -96,7 +96,7 @@ export function ReferenceCyclotronStatus({
                   Clear manual rate
                 </button>
               ) : null}
-              <p className="basis-full text-xs text-muted-foreground">
+              <p className="basis-full text-xs text-foreground">
                 Low-confidence decisions and the random audit share are always reviewed.
               </p>
               {message ? <p className="basis-full text-xs" role="status">{message}</p> : null}