@anthusai/papyrus 1.4.0-next.8 → 1.4.0-next.9

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

@@ -3628,6 +3628,18 @@ export async function loadCyclotronShadowAgreement(cyclotronId: string): Promise
   return latestShadowAgreement(payloads.map((payload) => ({ json: payload.json, updatedAt: payload.attachment.updatedAt })));
 }
 
+/** The site cyclotron's latest per-Section agreement payload, as the Section sweep recorded it. */
+export async function loadSiteSectionAgreement(cyclotronId: string): Promise<import("../lib/site-section-suggestions").SiteSectionAgreement | null> {
+  const { shadowAgreementPayloadId } = await import("../lib/cyclotron-suggestions");
+  const { parseSiteSectionAgreement } = await import("../lib/site-section-suggestions");
+  const payloads = await loadModelPayloadsForOwner("knowledgeRawPayload", shadowAgreementPayloadId(cyclotronId), ["raw_payload"]);
+  const parsed = payloads
+    .map((payload) => ({ agreement: parseSiteSectionAgreement(payload.json), updatedAt: payload.attachment.updatedAt }))
+    .filter((entry) => entry.agreement !== null)
+    .sort((left, right) => String(right.updatedAt ?? "").localeCompare(String(left.updatedAt ?? "")));
+  return parsed.length ? parsed[0].agreement : null;
+}
+
 /** Ask the next decide-relevance sweep to set or clear a manual review rate. */
 export async function requestCyclotronReviewRate(
   cyclotronId: string,

package/components/newsroom-board-view.tsx

@@ -5,8 +5,8 @@ import Link from "next/link";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { IssueCollection, IssueDetailPanel, IssueTypeFilter, issueTypeFromFilter, useBoardColumnState } from "@kanbus/ui";
 import "@kanbus/ui/styles/kanban.css";
+import "@kanbus/ui/styles/newsprint.css";
 import "./newsroom-newsprint-board.css";
-import { BoardCardExcerpts } from "./board-card-excerpts";
 import { PlusIcon } from "lucide-react";
 import { newsroomHref } from "../lib/newsroom-base-path";
 import {
@@ -81,7 +81,6 @@ export function NewsroomBoardView({ subject, deskId }: { subject: NewsroomBoardS
   const [supportingRecordsError, setSupportingRecordsError] = useState<string | null>(null);
   const generation = useRef(0);
   const boardBodyRef = useRef<HTMLDivElement | null>(null);
-  const [boardBodyElement, setBoardBodyElement] = useState<HTMLDivElement | null>(null);
   const [typeFilter, setTypeFilter] = useState<string | null>("all");
   const showsContentItems = subject !== "assignment";
   const contentItemColumnKeyPrefix = `${contentItemBoardType()}/`;
@@ -173,11 +172,10 @@ export function NewsroomBoardView({ subject, deskId }: { subject: NewsroomBoardS
         </Link>
       )}
     </>}>
-    <div className="organizer-native-board papyrus-newsprint-board" data-color-mode={theme}>
+    <div className="organizer-native-board papyrus-newsprint-board" data-kanbus-theme="newsprint" data-color-mode={theme}>
       {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={node => { boardBodyRef.current = node; setBoardBodyElement(node); }} onScrollCapture={handleBoardScroll}>
-        <BoardCardExcerpts excerpts={issues.flatMap(item => item.kind === "contentItem" && item.excerpt ? [{ issueId: item.id, text: item.excerpt }] : [])} scope={boardBodyElement} />
+      <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}
           motion={lowMotion ? STATIC_MOTION : undefined}
           collapsedColumns={columnState.collapsedColumns} onToggleCollapse={columnState.toggleColumn} initialScroll="start"

package/components/newsroom-newsprint-board.css

@@ -1,56 +1,7 @@
 .papyrus-newsprint-board {
-  --background: var(--org-paper);
-  --card: var(--org-paper);
-  --frame: var(--org-paper);
-  --column: var(--org-paper);
-  --border: var(--org-line);
-  --text-foreground: var(--org-ink);
-  --text-muted: var(--org-muted);
-  --text-selected: var(--org-ink);
-  --font-body: Newsroom UI, system-ui, sans-serif;
-  --kb-column-width: 245px;
-  --kb-column-radius: 0;
-  --kb-card-radius: 0;
-  --kb-card-border-width: 0;
-  --kb-card-shadow: none;
-  --kb-card-selected-shadow: none;
-  --kb-board-gap: 18px;
-  color: var(--org-ink);
-  background: transparent;
+  --kb-newsprint-paper: var(--org-paper);
+  --kb-newsprint-ink: var(--org-ink);
+  --kb-newsprint-line: var(--org-line);
+  --kb-newsprint-display-font: Newsroom Display, Georgia, serif;
+  --kb-newsprint-body-font: Newsroom UI, system-ui, sans-serif;
 }
-.papyrus-newsprint-board .kb-grid { height: 100%; min-height: 0; scrollbar-width: thin; }
-.papyrus-newsprint-board .kb-column { border-left: 1px solid var(--org-line); padding-left: 10px; }
-.papyrus-newsprint-board .kb-column:first-child { border-left: 0; padding-left: 0; }
-.papyrus-newsprint-board .kb-column-header {
-  border-bottom: 2px solid var(--org-ink);
-  padding: 5px 0;
-  font: 700 12px Newsroom Display, Georgia, serif;
-  text-transform: uppercase;
-  letter-spacing: .6px;
-  min-height: 32px;
-}
-.papyrus-newsprint-board .issue-card {
-  --issue-accent: var(--org-paper) !important;
-  --issue-accent-muted: var(--muted) !important;
-  --issue-accent-foreground: var(--org-ink) !important;
-  --issue-priority-bg: var(--org-paper) !important;
-  background: transparent !important;
-  border-radius: 0;
-  border: 0 !important;
-  box-shadow: none !important;
-}
-.papyrus-newsprint-board .issue-card + .issue-card { border-top: 1px solid var(--org-line) !important; }
-.papyrus-newsprint-board .issue-accent-bar { border-bottom: 0; background: var(--org-paper) !important; color: var(--org-ink) !important; }
-.papyrus-newsprint-board .issue-accent-id { font: 400 9px Newsroom UI, system-ui, sans-serif; letter-spacing: .8px; white-space: nowrap; color: var(--org-ink) !important; }
-.papyrus-newsprint-board .issue-accent-priority { border-radius: 0; color: var(--org-muted) !important; background: transparent !important; font-size: 8px; }
-.papyrus-newsprint-board .issue-card h3 { font: 700 19px/1.2 Newsroom Display, Georgia, serif !important; letter-spacing: -.2px; }
-.papyrus-newsprint-board .issue-card[data-selected=true] { outline: 2px solid var(--org-ink); outline-offset: -2px; }
-.papyrus-newsprint-board .issue-card[data-selected=true] h3 { color: var(--org-ink) !important; }
-.papyrus-newsprint-board .kb-issue-detail { background: var(--org-paper); border: 1px solid var(--org-line); border-radius: 0; box-shadow: none; }
-.papyrus-newsprint-board .kb-issue-detail h2 { font: 700 28px/1.2 Newsroom Display, Georgia, serif; border-bottom: 3px double var(--org-ink); padding-bottom: 12px; }
-.papyrus-newsprint-board .issue-card .issue-accent-bar { height: auto !important; margin: 0 !important; width: 100% !important; padding: 0 !important; min-height: 0; }
-.papyrus-newsprint-board .issue-card .issue-card-content { padding-top: 2px !important; gap: 4px; }
-.papyrus-newsprint-board .issue-card h3 { margin: 0; }
-.board-card-excerpt p { margin: 0; font-size: 13px; line-height: 1.4; color: var(--org-ink); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
-.board-card-excerpt[data-expanded="true"] p { display: block; -webkit-line-clamp: unset; }
-.board-card-excerpt button { background: none; border: 0; padding: 0; font: inherit; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; color: var(--org-ink); cursor: pointer; }

package/components/newsroom-references-view.tsx

@@ -57,6 +57,11 @@ import {
   ReferenceSuggestionRowLine,
 } from "./reference-cyclotron-suggestion";
 import { ReferenceLiveAgreement } from "./reference-live-agreement";
+import { SectionPicker, SectionSuggestionBlock, type SectionChoice } from "./reference-section-suggestion";
+import type { SectionSuggestion, SiteSectionAgreement } from "../lib/site-section-suggestions";
+
+/** What an editor adds to an accept: the Section the reference belongs in, which becomes a training label. */
+export type ReferenceReviewOptions = { sectionId?: string | null };
 import type { DelegatedCuration, ShadowAgreement } from "../lib/cyclotron-suggestions";
 import { ReferenceCyclotronPriming, type PrimingFormInput } from "./reference-cyclotron-priming";
 import { ReferenceCyclotronStatus, type ReviewRateChoice } from "./reference-cyclotron-status";
@@ -91,9 +96,15 @@ type NewsroomReferencesViewProps = {
   /** The live-agreement payload; the strip is hidden without it. */
   shadowAgreement?: ShadowAgreement | null;
   disabled?: boolean;
+  /** The enabled newsroom Sections an accepted reference can be placed in. */
+  sections?: SectionChoice[];
+  /** The site cyclotron's suggested Section per reference lineage. Advisory. */
+  sectionSuggestions?: Map<string, SectionSuggestion>;
+  /** How often the Section suggestions matched later editor decisions. */
+  sectionAgreement?: SiteSectionAgreement | null;
   onRelevanceReview?: (reference: ReferenceRecord, curation: RelevanceCuration) => void;
   initialReferenceLineageId?: string | null;
-  onReview: (reference: ReferenceRecord, action: ReferenceCurationAction) => void;
+  onReview: (reference: ReferenceRecord, action: ReferenceCurationAction, options?: ReferenceReviewOptions) => void;
   referenceAttachments?: ReferenceAttachmentRecord[];
   references: ReferenceRecord[];
 };
@@ -243,6 +254,9 @@ function ReferenceDetailPanel({
   previewAttachments,
   reference,
   onClose,
+  sectionAgreement = null,
+  sectionSuggestion,
+  sections = [],
 }: {
   countsAsTrainingLabel?: boolean;
   delegated?: DelegatedCuration;
@@ -250,12 +264,17 @@ function ReferenceDetailPanel({
   demo?: boolean;
   disabled?: boolean;
   onRelevanceReview?: (curation: RelevanceCuration) => void;
-  onReview: (action: ReferenceCurationAction) => void;
+  onReview: (action: ReferenceCurationAction, options?: ReferenceReviewOptions) => void;
+  sectionAgreement?: SiteSectionAgreement | null;
+  sectionSuggestion?: SectionSuggestion;
+  sections?: SectionChoice[];
   previewAttachments: ReferenceAttachmentRecord[];
   reference: ReferenceRecord;
   onClose?: () => void;
 }) {
   const lineageId = referenceLineageId(reference);
+  const [chosenSectionId, setChosenSectionId] = useState<string | null>(null);
+  useEffect(() => { setChosenSectionId(null); }, [lineageId]);
   const status = normalizeReferenceCurationStatus(reference.curationStatus);
   const url = referenceUrl(reference);
   const acceptDisabled = disabled || status === "accepted";
@@ -307,6 +326,20 @@ function ReferenceDetailPanel({
             ) : null}
           </div>
         ) : null}
+        {status === "pending" && sectionSuggestion ? (
+          <SectionSuggestionBlock agreement={sectionAgreement} referenceLineageId={lineageId} sections={sections} suggestion={sectionSuggestion} />
+        ) : null}
+        {status === "pending" && sections.length ? (
+          <SectionPicker
+            agreement={sectionAgreement}
+            chosenSectionId={chosenSectionId}
+            disabled={disabled}
+            onChoose={setChosenSectionId}
+            referenceLineageId={lineageId}
+            sections={sections}
+            suggestedSectionId={sectionSuggestion?.sectionId ?? null}
+          />
+        ) : null}
         {delegated ? <DelegatedCurationNote delegated={delegated} referenceLineageId={lineageId} /> : countsAsTrainingLabel ? <CountsAsTrainingLabelNote referenceLineageId={lineageId} /> : null}
 
         <div
@@ -319,7 +352,7 @@ function ReferenceDetailPanel({
             aria-pressed={status === "accepted"}
             data-news-desk-reference-accept
             disabled={acceptDisabled}
-            onClick={() => onReview("accept")}
+            onClick={() => onReview("accept", chosenSectionId ? { sectionId: chosenSectionId } : undefined)}
             size="sm"
             type="button"
             variant={status === "accepted" ? "default" : "outline"}
@@ -443,6 +476,9 @@ export function NewsroomReferencesView({
   demo = false,
   disabled = false,
   onRelevanceReview,
+  sections = [],
+  sectionSuggestions,
+  sectionAgreement = null,
   initialReferenceLineageId = null,
   onReview,
   referenceAttachments = [],
@@ -531,9 +567,9 @@ export function NewsroomReferencesView({
     }
   };
 
-  const runReview = (action: ReferenceCurationAction) => {
+  const runReview = (action: ReferenceCurationAction, options?: ReferenceReviewOptions) => {
     if (!selectedReference) return;
-    onReview(selectedReference, action);
+    onReview(selectedReference, action, options);
   };
 
   const emptyLabel = canonicalReferences.length
@@ -688,6 +724,9 @@ export function NewsroomReferencesView({
               disabled={disabled}
               onRelevanceReview={onRelevanceReview ? (curation) => onRelevanceReview(selectedReference, curation) : undefined}
               onReview={runReview}
+              sectionAgreement={sectionAgreement}
+              sectionSuggestion={sectionSuggestions?.get(referenceLineageId(selectedReference))}
+              sections={sections}
               previewAttachments={previewAttachments}
               reference={selectedReference}
             />
@@ -722,6 +761,9 @@ export function NewsroomReferencesView({
                   onClose={closeDetail}
                   onRelevanceReview={onRelevanceReview ? (curation) => onRelevanceReview(selectedReference, curation) : undefined}
                   onReview={runReview}
+                  sectionAgreement={sectionAgreement}
+                  sectionSuggestion={sectionSuggestions?.get(referenceLineageId(selectedReference))}
+                  sections={sections}
                   previewAttachments={previewAttachments}
                   reference={selectedReference}
                 />

package/components/reference-section-suggestion.tsx

@@ -0,0 +1,104 @@
+"use client";
+
+import { formatPercentage } from "../lib/cyclotron-suggestions";
+import { sectionAgreementIsMeasured, type SectionAgreement, type SectionSuggestion, type SiteSectionAgreement } from "../lib/site-section-suggestions";
+import { MINIMUM_COMPARISONS_FOR_AGREEMENT } from "../lib/cyclotron-suggestions";
+
+export type SectionChoice = { id: string; title: string };
+
+function titleOf(sections: SectionChoice[], sectionId: string): string {
+  return sections.find((section) => section.id === sectionId)?.title ?? sectionId;
+}
+
+function agreementWords(agreement: SectionAgreement | undefined): string {
+  if (!agreement) return "no editor decisions compared yet";
+  if (!sectionAgreementIsMeasured(agreement)) {
+    return `${agreement.comparisons} of ${MINIMUM_COMPARISONS_FOR_AGREEMENT} editor decisions compared, too few to measure`;
+  }
+  return `agreement ${formatPercentage(agreement.agreement)}, ${agreement.comparisons} editor decisions compared`;
+}
+
+/**
+ * The suggested Section for a pending reference, how likely the other Sections
+ * are, and how often this Section's suggestions matched editors. Advisory: no
+ * Section is chosen until an editor picks one.
+ */
+export function SectionSuggestionBlock({
+  agreement,
+  referenceLineageId,
+  sections,
+  suggestion,
+}: {
+  agreement: SiteSectionAgreement | null;
+  referenceLineageId: string;
+  sections: SectionChoice[];
+  suggestion: SectionSuggestion;
+}) {
+  const figures = agreement?.sections.find((entry) => entry.sectionId === suggestion.sectionId);
+  const others = suggestion.probabilities.filter((entry) => entry.sectionId !== suggestion.sectionId).slice(0, 3);
+  return (
+    <section aria-label="Suggested Section" className="space-y-2 border-y border-foreground py-3" data-reference-section-suggestion={referenceLineageId}>
+      <h3 className="text-xs font-semibold uppercase tracking-wide text-foreground">Suggested Section</h3>
+      <p className="text-sm text-foreground">
+        The cyclotron suggests <span className="font-semibold">{titleOf(sections, suggestion.sectionId)}</span>
+        {suggestion.confidence !== null ? ` (${formatPercentage(suggestion.confidence)})` : ""}.
+      </p>
+      {others.length ? (
+        <p className="text-xs text-foreground" data-reference-section-alternatives>
+          Next most likely: {others.map((entry) => `${titleOf(sections, entry.sectionId)} ${formatPercentage(entry.probability)}`).join(", ")}.
+        </p>
+      ) : null}
+      <p className="text-xs text-foreground" data-reference-section-agreement>
+        For {titleOf(sections, suggestion.sectionId)}: {agreementWords(figures)}.
+      </p>
+      <p className="text-xs text-foreground" data-reference-section-notice>
+        A suggestion never places a reference. The Section you choose when you accept does.
+      </p>
+    </section>
+  );
+}
+
+/**
+ * Picks the Section an accepted reference belongs to. The choice is sent with
+ * the accept and is what the cyclotron learns from; nothing is preselected.
+ */
+export function SectionPicker({
+  agreement,
+  chosenSectionId,
+  disabled,
+  onChoose,
+  referenceLineageId,
+  sections,
+  suggestedSectionId,
+}: {
+  agreement: SiteSectionAgreement | null;
+  chosenSectionId: string | null;
+  disabled?: boolean;
+  onChoose: (sectionId: string | null) => void;
+  referenceLineageId: string;
+  sections: SectionChoice[];
+  suggestedSectionId: string | null;
+}) {
+  return (
+    <fieldset className="space-y-1 border-l-2 border-foreground pl-3" data-reference-section-picker={referenceLineageId} disabled={disabled}>
+      <legend className="text-xs font-semibold uppercase tracking-wide text-foreground">Section when you accept</legend>
+      <label className="flex items-center gap-2 text-sm text-foreground">
+        <input checked={chosenSectionId === null} name={`section-${referenceLineageId}`} onChange={() => onChoose(null)} type="radio" />
+        <span className={chosenSectionId === null ? "font-semibold" : undefined}>No Section</span>
+      </label>
+      {sections.map((section) => {
+        const figures = agreement?.sections.find((entry) => entry.sectionId === section.id);
+        const chosen = chosenSectionId === section.id;
+        return (
+          <label className="flex flex-wrap items-center gap-x-2 text-sm text-foreground" key={section.id}>
+            <input checked={chosen} name={`section-${referenceLineageId}`} onChange={() => onChoose(section.id)} type="radio" value={section.id} />
+            <span className={chosen ? "font-semibold underline underline-offset-4" : undefined}>{section.title}</span>
+            {section.id === suggestedSectionId ? <span className="text-xs">suggested</span> : null}
+            {sectionAgreementIsMeasured(figures) ? <span className="text-xs">agreement {formatPercentage(figures?.agreement ?? null)}</span> : null}
+          </label>
+        );
+      })}
+      <p className="text-xs text-foreground">The Section you choose is a training label for the cyclotron.</p>
+    </fieldset>
+  );
+}

package/components/topic-steering-workspace.tsx

@@ -56,6 +56,7 @@ import {
   type NewsroomRecordPage,
   loadCyclotronStatus,
   loadCyclotronShadowAgreement,
+  loadSiteSectionAgreement,
   requestCyclotronPriming,
   loadCyclotronPrimingRequests,
   requestCyclotronReviewRate,
@@ -162,6 +163,8 @@ import { isLocalPreviewEnabled } from "../lib/local-preview";
 import { currentRelevanceDecisions } from "../lib/relevance-decisions";
 import { delegatedCurationsByReference, referencesWithHumanLatestCuration, type ShadowAgreement } from "../lib/cyclotron-suggestions";
 import { createLocalPreviewCyclotronFixtures } from "../lib/local-preview-seed";
+import { createLocalPreviewSectionFixtures } from "../lib/local-preview-section-fixtures";
+import { currentSectionSuggestions, siteCyclotronIdOf, type SiteSectionAgreement } from "../lib/site-section-suggestions";
 import {
   buildPrimingRequest,
   buildReviewRateRequest,
@@ -862,6 +865,35 @@ function NewsDeskDashboard({
     [dashboard.newsroomSections],
   );
   const [newsroomSections, setNewsroomSections] = useState(fallbackNewsroomSections);
+  const sectionChoices = useMemo(
+    () => newsroomSections
+      .filter((section) => section.enabled !== false && section.enabledStatus !== "disabled")
+      .sort((left, right) => left.sortOrder - right.sortOrder)
+      .map((section) => ({ id: section.id, title: section.title })),
+    [newsroomSections],
+  );
+  const sectionPreviewFixtures = useMemo(
+    () => (isLocalPreviewEnabled() ? createLocalPreviewSectionFixtures(references, sectionChoices.map((section) => section.id)) : null),
+    [references, sectionChoices],
+  );
+  const sectionSuggestions = useMemo(
+    () => currentSectionSuggestions(sectionPreviewFixtures ? [...semanticRelations, ...sectionPreviewFixtures.relations] : semanticRelations),
+    [sectionPreviewFixtures, semanticRelations],
+  );
+  const siteCyclotronId = useMemo(() => siteCyclotronIdOf(sectionSuggestions), [sectionSuggestions]);
+  const [siteSectionAgreement, setSiteSectionAgreement] = useState<SiteSectionAgreement | null>(null);
+  useEffect(() => {
+    if (sectionPreviewFixtures) {
+      setSiteSectionAgreement(sectionPreviewFixtures.agreement);
+      return;
+    }
+    if (!siteCyclotronId || dashboard.isDemo) return;
+    let cancelled = false;
+    loadSiteSectionAgreement(siteCyclotronId)
+      .then((loaded) => { if (!cancelled) setSiteSectionAgreement(loaded); })
+      .catch(() => { if (!cancelled) setSiteSectionAgreement(null); });
+    return () => { cancelled = true; };
+  }, [dashboard.isDemo, sectionPreviewFixtures, siteCyclotronId]);
   const [procedureDefinitions, setProcedureDefinitions] = useState(dashboard.procedureDefinitions ?? []);
   const [procedureVersions, setProcedureVersions] = useState(dashboard.procedureVersions ?? []);
   const [procedureRuns, setProcedureRuns] = useState(dashboard.procedureRuns ?? []);
@@ -1586,6 +1618,7 @@ function NewsDeskDashboard({
     note?: string,
     reasonCode?: ReferenceRejectionReasonCode | null,
     relevance?: { decisionRelationId: string; shareable: boolean },
+    sectionId?: string | null,
   ) {
     const nextStatus = referenceCurationStatusForAction(action);
     setActionState({ id: reference.id, message: `${action} pending`, tone: "pending" });
@@ -1615,6 +1648,7 @@ function NewsDeskDashboard({
           curationStatus: nextStatus,
           reasonCode: action === "reject" ? reasonCode ?? null : null,
           ...(relevance ? { decisionRelationId: relevance.decisionRelationId, shareable: relevance.shareable } : {}),
+          ...(action === "accept" && sectionId ? { sectionId } : {}),
         },
       }, ...current]);
       setSemanticRelations((current) => [{
@@ -1657,6 +1691,7 @@ function NewsDeskDashboard({
               reasonCode: action === "reject" ? reasonCode ?? undefined : undefined,
               decisionRelationId: relevance?.decisionRelationId,
               shareable: relevance ? relevance.shareable : undefined,
+              sectionId: action === "accept" ? sectionId ?? undefined : undefined,
             },
             { authMode: USER_POOL_AUTH_MODE },
           );
@@ -3265,7 +3300,10 @@ function NewsDeskDashboard({
               normalizeReferenceRejectionReasonCode(curation.reasonCode),
               { decisionRelationId: curation.decisionRelationId, shareable: curation.shareable },
             )}
-            onReview={(reference, action) => runReferenceCurationAction(reference, action)}
+            sections={sectionChoices}
+            sectionSuggestions={sectionSuggestions}
+            sectionAgreement={siteSectionAgreement}
+            onReview={(reference, action, options) => runReferenceCurationAction(reference, action, undefined, undefined, undefined, options?.sectionId)}
             referenceAttachments={referenceAttachments}
             references={references}
           />

package/lib/local-preview-section-fixtures.ts

@@ -0,0 +1,72 @@
+import type { ReferenceRecord, SemanticRelationRecord } from "./category-repository";
+import { SHADOW_AGREEMENT_SCHEMA } from "./cyclotron-suggestions";
+import { SECTION_FIT_CLASSIFIER_PREFIX, SECTION_SELECTOR_CLASSIFIER_PREFIX, parseSiteSectionAgreement, type SiteSectionAgreement } from "./site-section-suggestions";
+
+const PREVIEW_SITE_CYCLOTRON_ID = "preview-site-cyclotron";
+
+/**
+ * Local preview only: a suggested Section on the first pending references and
+ * a measured agreement for each Section, so the References screen can be
+ * reviewed without a sweep.
+ */
+export function createLocalPreviewSectionFixtures(
+  references: ReferenceRecord[],
+  sectionIds: string[],
+): { relations: SemanticRelationRecord[]; agreement: SiteSectionAgreement | null } {
+  if (sectionIds.length < 2) return { relations: [], agreement: null };
+  const relations: SemanticRelationRecord[] = references.slice(0, 6).map((reference, index) => {
+    const lineageId = reference.lineageId ?? reference.id;
+    const top = sectionIds[index % sectionIds.length];
+    const runnerUp = sectionIds[(index + 1) % sectionIds.length];
+    const confidence = 0.88 - index * 0.07;
+    const probabilities: Record<string, number> = { [top]: confidence, [runnerUp]: (1 - confidence) * 0.7 };
+    const rest = sectionIds.filter((candidate) => candidate !== top && candidate !== runnerUp);
+    rest.forEach((candidate) => { probabilities[candidate] = (1 - confidence) * 0.3 / rest.length; });
+    return {
+      id: `preview-section-relation-${index}`,
+      relationState: "current",
+      predicate: "site_decision_is",
+      subjectKind: "reference",
+      subjectId: reference.id,
+      subjectLineageId: lineageId,
+      objectKind: "semanticNode",
+      objectId: `semantic-node-site-${top}-v1`,
+      objectLineageId: `semantic-node-site-${top}`,
+      subjectStateKey: `reference#${lineageId}#current`,
+      objectStateKey: `semanticNode#semantic-node-site-${top}#current`,
+      objectSubjectStateKey: `semanticNode#semantic-node-site-${top}#current#reference`,
+      predicateObjectStateKey: `site_decision_is#semanticNode#semantic-node-site-${top}#current`,
+      subjectVersionKey: `reference#${reference.id}`,
+      objectVersionKey: `semanticNode#semantic-node-site-${top}-v1`,
+      confidence,
+      classifierId: `${PREVIEW_SITE_CYCLOTRON_ID}/${SECTION_SELECTOR_CLASSIFIER_PREFIX}preview`,
+      modelVersion: "2",
+      reviewRecommended: false,
+      metadata: JSON.stringify({
+        decisionId: `preview-site-decision-${index}`,
+        cyclotronId: PREVIEW_SITE_CYCLOTRON_ID,
+        classifier: `${SECTION_SELECTOR_CLASSIFIER_PREFIX}preview`,
+        label: top,
+        probabilities,
+        version: 2,
+        decidedAt: new Date(Date.UTC(2026, 9, 18, 6 - index)).toISOString(),
+      }),
+    } as SemanticRelationRecord;
+  });
+  const classifiers: Record<string, unknown> = { [`${SECTION_SELECTOR_CLASSIFIER_PREFIX}preview`]: { comparisons: 14, correct: 10, agreement: 10 / 14 } };
+  sectionIds.forEach((sectionId, index) => {
+    classifiers[`${SECTION_FIT_CLASSIFIER_PREFIX}${sectionId}`] = index === sectionIds.length - 1
+      ? { comparisons: 4, agreement: 0.75, precision: 0.5, recall: 1 }
+      : { comparisons: 12 + index, agreement: 0.9 - index * 0.08, precision: 0.85 - index * 0.06, recall: 0.8 };
+  });
+  return {
+    relations,
+    agreement: parseSiteSectionAgreement({
+      schema: SHADOW_AGREEMENT_SCHEMA,
+      computedAt: "2026-10-18T09:00:00.000Z",
+      comparisons: 14,
+      selectorAccuracy: 10 / 14,
+      classifiers,
+    }),
+  };
+}

package/lib/site-section-suggestions.ts

@@ -0,0 +1,120 @@
+import type { SemanticRelationRecord } from "./category-repository";
+import { MINIMUM_COMPARISONS_FOR_AGREEMENT, SHADOW_AGREEMENT_SCHEMA } from "./cyclotron-suggestions";
+
+export const SITE_DECISION_RELATION = "site_decision_is";
+export const SECTION_SELECTOR_CLASSIFIER_PREFIX = "section-selector-";
+export const SECTION_FIT_CLASSIFIER_PREFIX = "section-fit-";
+
+/** The site cyclotron's suggested Section for one reference. Advisory only. */
+export type SectionSuggestion = {
+  decisionRelationId: string;
+  cyclotronId: string | null;
+  sectionId: string;
+  confidence: number | null;
+  /** Section id to probability, highest first. */
+  probabilities: Array<{ sectionId: string; probability: number }>;
+  decidedAt: string | null;
+};
+
+/** How often the suggestion of one Section matched what editors later decided. */
+export type SectionAgreement = {
+  sectionId: string;
+  comparisons: number;
+  agreement: number | null;
+  precision: number | null;
+  recall: number | null;
+};
+
+export type SiteSectionAgreement = {
+  computedAt: string | null;
+  selectorAccuracy: number | null;
+  selectorComparisons: number;
+  sections: SectionAgreement[];
+};
+
+function parseMetadata(value: unknown): Record<string, unknown> {
+  if (value && typeof value === "object" && !Array.isArray(value)) return value as Record<string, unknown>;
+  if (typeof value !== "string") return {};
+  try {
+    const parsed = JSON.parse(value);
+    return parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : {};
+  } catch {
+    return {};
+  }
+}
+
+function numberOrNull(value: unknown): number | null {
+  return typeof value === "number" && Number.isFinite(value) ? value : null;
+}
+
+/** The part of `<cyclotronId>/<classifier>` after the last slash. */
+export function siteClassifierName(classifierKey: string): string {
+  return classifierKey.slice(classifierKey.lastIndexOf("/") + 1);
+}
+
+/**
+ * Current suggested Sections keyed by reference lineage, from the relations the
+ * Newsroom already loads. Only the section-selector classifier names a Section.
+ */
+export function currentSectionSuggestions(relations: SemanticRelationRecord[]): Map<string, SectionSuggestion> {
+  const suggestions = new Map<string, SectionSuggestion>();
+  for (const relation of relations) {
+    if (relation.predicate !== SITE_DECISION_RELATION || relation.relationState !== "current") continue;
+    if (!siteClassifierName(relation.classifierId ?? "").startsWith(SECTION_SELECTOR_CLASSIFIER_PREFIX)) continue;
+    const metadata = parseMetadata(relation.metadata);
+    const sectionId = typeof metadata.label === "string" ? metadata.label : "";
+    if (!sectionId) continue;
+    const rawProbabilities = parseMetadata(metadata.probabilities);
+    const probabilities = Object.entries(rawProbabilities)
+      .flatMap(([candidate, probability]) => (numberOrNull(probability) === null ? [] : [{ sectionId: candidate, probability: probability as number }]))
+      .sort((left, right) => right.probability - left.probability);
+    suggestions.set(relation.subjectLineageId, {
+      decisionRelationId: relation.id,
+      cyclotronId: typeof metadata.cyclotronId === "string" ? metadata.cyclotronId : null,
+      sectionId,
+      confidence: numberOrNull(relation.confidence) ?? probabilities.find((entry) => entry.sectionId === sectionId)?.probability ?? null,
+      probabilities,
+      decidedAt: typeof metadata.decidedAt === "string" ? metadata.decidedAt : null,
+    });
+  }
+  return suggestions;
+}
+
+/** The site cyclotron's id, from any current Section suggestion. */
+export function siteCyclotronIdOf(suggestions: Map<string, SectionSuggestion>): string | null {
+  for (const suggestion of suggestions.values()) if (suggestion.cyclotronId) return suggestion.cyclotronId;
+  return null;
+}
+
+/** The per-Section part of a cyclotron-shadow-agreement/v1 payload the site sweep wrote, or null for any other JSON. */
+export function parseSiteSectionAgreement(json: unknown): SiteSectionAgreement | null {
+  if (!json || typeof json !== "object") return null;
+  const record = json as Record<string, unknown>;
+  if (record.schema !== SHADOW_AGREEMENT_SCHEMA) return null;
+  const classifiers = record.classifiers;
+  if (!classifiers || typeof classifiers !== "object") return null;
+  const sections: SectionAgreement[] = [];
+  for (const [classifier, value] of Object.entries(classifiers as Record<string, unknown>)) {
+    if (!classifier.startsWith(SECTION_FIT_CLASSIFIER_PREFIX) || !value || typeof value !== "object") continue;
+    const metrics = value as Record<string, unknown>;
+    sections.push({
+      sectionId: classifier.slice(SECTION_FIT_CLASSIFIER_PREFIX.length),
+      comparisons: numberOrNull(metrics.comparisons) ?? 0,
+      agreement: numberOrNull(metrics.agreement),
+      precision: numberOrNull(metrics.precision),
+      recall: numberOrNull(metrics.recall),
+    });
+  }
+  if (!sections.length && numberOrNull(record.selectorAccuracy) === null) return null;
+  return {
+    computedAt: typeof record.computedAt === "string" ? record.computedAt : null,
+    selectorAccuracy: numberOrNull(record.selectorAccuracy),
+    selectorComparisons: numberOrNull(record.comparisons) ?? 0,
+    sections,
+  };
+}
+
+/** Agreement figures are worth showing only once enough editor decisions followed a suggestion. */
+export function sectionAgreementIsMeasured(agreement: SectionAgreement | undefined): boolean {
+  return Boolean(agreement) && (agreement as SectionAgreement).comparisons >= MINIMUM_COMPARISONS_FOR_AGREEMENT && (agreement as SectionAgreement).agreement !== null;
+}

package/package.json

@@ -76,7 +76,6 @@
     "./components/archive-shell": "./components/archive-shell.tsx",
     "./components/article-video": "./components/article-video.tsx",
     "./components/blog-page-background": "./components/blog-page-background.tsx",
-    "./components/board-card-excerpts": "./components/board-card-excerpts.tsx",
     "./components/curation-delegation-client": "./components/curation-delegation-client.ts",
     "./components/dev-sandbox-editor-sign-in": "./components/dev-sandbox-editor-sign-in.tsx",
     "./components/markus-ir-preview": "./components/markus-ir-preview.tsx",
@@ -116,6 +115,7 @@
     "./components/reference-live-agreement": "./components/reference-live-agreement.tsx",
     "./components/reference-priming": "./components/reference-priming.tsx",
     "./components/reference-relevance-review": "./components/reference-relevance-review.tsx",
+    "./components/reference-section-suggestion": "./components/reference-section-suggestion.tsx",
     "./components/reference-source-preview": "./components/reference-source-preview.tsx",
     "./components/settings-page": "./components/settings-page.tsx",
     "./components/signup-entries-panel": "./components/signup-entries-panel.tsx",
@@ -197,6 +197,7 @@
     "./lib/layout-scenarios": "./lib/layout-scenarios.ts",
     "./lib/layout-types": "./lib/layout-types.ts",
     "./lib/layout-warnings": "./lib/layout-warnings.ts",
+    "./lib/local-preview-section-fixtures": "./lib/local-preview-section-fixtures.ts",
     "./lib/local-preview-seed": "./lib/local-preview-seed.ts",
     "./lib/local-preview-tenant": "./lib/local-preview-tenant.ts",
     "./lib/local-preview": "./lib/local-preview.ts",
@@ -270,6 +271,7 @@
     "./lib/site-brand": "./lib/site-brand.ts",
     "./lib/site-env": "./lib/site-env.ts",
     "./lib/site-renderer": "./lib/site-renderer.ts",
+    "./lib/site-section-suggestions": "./lib/site-section-suggestions.ts",
     "./lib/site-stack": "./lib/site-stack.ts",
     "./lib/staging-gate": "./lib/staging-gate.ts",
     "./lib/staging-gated-path": "./lib/staging-gated-path.ts",
@@ -374,7 +376,7 @@
       "optional": true
     }
   },
-  "version": "1.4.0-next.8",
+  "version": "1.4.0-next.9",
   "dependencies": {
     "@aws-amplify/adapter-nextjs": "^1.7.3",
     "@aws-crypto/sha256-js": "5.2.0",
@@ -387,7 +389,7 @@
     "@aws-sdk/s3-request-presigner": "^3.1045.0",
     "@base-ui/react": "^1.5.0",
     "@chenglou/pretext": "^0.0.7",
-    "@kanbus/ui": "https://github.com/AnthusAI/Kanbus/releases/download/ui-v0.2.0/kanbus-ui-0.2.0.tgz",
+    "@kanbus/ui": "https://github.com/AnthusAI/Kanbus/releases/download/ui-v0.3.0/kanbus-ui-0.3.0.tgz",
     "@radix-ui/colors": "3.0.0",
     "@smithy/protocol-http": "5.4.1",
     "@smithy/signature-v4": "5.7.4",

package/routes.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.4.0-next.8",
+  "version": "1.4.0-next.9",
   "routes": [
     {
       "file": "app/%5F_preview/[[...path]]/route.ts",

package/components/board-card-excerpts.tsx

@@ -1,61 +0,0 @@
-"use client";
-
-import { useEffect } from "react";
-
-type Excerpt = { issueId: string; text: string };
-
-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 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 }) {
-  useEffect(() => {
-    if (!scope) return;
-    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));
-      }
-    };
-    place();
-    const observer = new MutationObserver(place);
-    observer.observe(scope, { childList: true, subtree: true });
-    return () => observer.disconnect();
-  }, [excerpts, scope]);
-  return null;
-}