@anthusai/papyrus 2.0.0-next.11 → 2.0.0-next.110

package/components/topic-steering-workspace.tsx

@@ -14,6 +14,10 @@ import type { ReactNode, RefObject } from "react";
 import { useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useTransition } from "react";
 import amplifyOutputs from "papyrus-amplify-outputs";
 import { EditorialChecksAdminPanel } from "./editorial-checks-admin-panel";
+import { AutomationPanel } from "./automation-panel";
+import { MonitoringPanel } from "./monitoring-panel";
+import { ModerationPanel } from "./moderation-panel";
+import { NewsletterPanel } from "./newsletter-panel";
 import { SignupEntriesPanel } from "./signup-entries-panel";
 import { pluginSettings, type PluginOutputs } from "../lib/plugin-settings";
 import { generateClient } from "aws-amplify/data";
@@ -36,6 +40,7 @@ import {
   loadEditorReferencesData,
   loadEditorProcedureData,
   loadEditorSemanticRelationsData,
+  loadEditorReferenceReviewDetails,
   loadEditionForumThreads,
   loadNewsroomAssignmentPage,
   loadNewsroomMessagePage,
@@ -89,6 +94,7 @@ import { ReferenceSourcePreview } from "./reference-source-preview";
 import type { ReaderAuthSnapshot } from "./reader-auth-state";
 import { NewsDeskAccessGate } from "./newsroom-access-gate";
 import { NewsroomOpsOverview } from "./newsroom-ops-overview";
+import { NewsroomCurationBootstrap } from "./newsroom-curation-bootstrap";
 import { NewsroomReferencesView } from "./newsroom-references-view";
 import { NewsroomAssignmentsView } from "./newsroom-assignments-view";
 import { NewsroomTopicsView } from "./newsroom-topics-view";
@@ -162,6 +168,9 @@ import {
 } from "../lib/reference-policy";
 import { isLocalPreviewEnabled } from "../lib/local-preview";
 import { currentRelevanceDecisions } from "../lib/relevance-decisions";
+import { runReferenceReviewRequest } from "../lib/reference-review-request";
+import { useReferenceReviewData } from "../lib/use-reference-review-data";
+import { latestReferenceReviewReasons, latestReferenceReviewSections } from "../lib/reference-review-details";
 import { delegatedCurationsByReference, referencesWithHumanLatestCuration, type ShadowAgreement } from "../lib/cyclotron-suggestions";
 import { createLocalPreviewCyclotronFixtures } from "../lib/local-preview-seed";
 import { createLocalPreviewSectionFixtures } from "../lib/local-preview-section-fixtures";
@@ -247,7 +256,7 @@ type AssignmentAction = "claim" | "release" | "complete" | "cancel" | "reopen" |
 type ReportingPacketReviewDecision = "select" | "merge" | "brief" | "hold" | "kill";
 type AssignmentDeskViewMode = "queue" | "budget";
 type UserRoleAction = "grant" | "revoke";
-type AdministrationPanel = "users" | "policies" | "sections" | "procedures" | "delegations" | "signups" | "editorial-checks";
+type AdministrationPanel = "users" | "policies" | "sections" | "procedures" | "automations" | "delegations" | "signups" | "newsletter" | "moderation" | "editorial-checks" | "monitoring";
 export type NewsDeskTab = "overview" | "desks" | "topics" | "concepts" | "references" | "messages" | "assignments" | "administration" | "search";
 type LexicalRuleScope = "publication" | "corpus" | "classifier" | "category";
 type AnalysisReindexMode = "online-update" | "classifier-retrain" | "scoped-topic-rebuild" | "entity-graph-rebuild" | "generated-analysis-rebuild";
@@ -658,14 +667,14 @@ export function NewsDeskWorkspace({
         editorShellReady
         initialSelection={initialSelection}
         initialTab={initialTab}
-        authState={{ status: "signedIn", label: "Demo Desk" }}
+        authState={{ status: "signedIn", label: "Demo section" }}
         isRefreshing={false}
         shellError={null}
       />
     );
   }
 
-  if (session && sessionDashboard) {
+  if (session && sessionDashboard && session.shell.phase !== "loadingDesk") {
     return (
       <NewsDeskDashboard
         analysisProfiles={analysisProfiles}
@@ -879,7 +888,7 @@ function NewsDeskDashboard({
   const [mergeSelection, setMergeSelection] = useState<MergeSelection | null>(null);
   const [isPending, startTransition] = useTransition();
   const controlsDisabled = isPending || !canEdit;
-  const initialAdministrationPanel = normalizeAdministrationPanel(initialSelection.panel);
+  const initialAdministrationPanel = normalizeAdministrationPanel(initialSelection.panel, Boolean(dashboard.isDemo));
   const [administrationPanel, setAdministrationPanel] = useState<AdministrationPanel>(initialAdministrationPanel);
   const [doctrineDrafts, setDoctrineDrafts] = useState<DoctrineEditorState>(() => buildDoctrineEditorState(dashboard.doctrineRecords));
   const [loadedSections, setLoadedSections] = useState<Record<string, boolean>>({
@@ -897,6 +906,11 @@ function NewsDeskDashboard({
   const [referencesRealtimeStatus, setReferencesRealtimeStatus] = useState<RealtimeSubscriptionStatus>("idle");
   const [referencesRealtimeError, setReferencesRealtimeError] = useState<string | null>(null);
   const referencesRef = useRef(references);
+  const referenceReviewsPending = useRef(new Map<string, Promise<void>>());
+  const [selectedReviewRead, setSelectedReviewRead] = useState<{ lineageId: string; state: "loading" | "ready" | "error"; error: string | null }>({ lineageId: "", state: "ready", error: null });
+  const [selectedReviewAttempt, setSelectedReviewAttempt] = useState(0);
+  const reviewReasons = useMemo(() => latestReferenceReviewReasons(messages), [messages]);
+  const reviewSectionIds = useMemo(() => latestReferenceReviewSections(messages), [messages]);
 
   useEffect(() => {
     referencesRef.current = references;
@@ -1120,8 +1134,8 @@ function NewsDeskDashboard({
   }, [dashboard.procedureDefinitions, dashboard.procedureRuns, dashboard.procedureVersions]);
 
   useEffect(() => {
-    setAdministrationPanel(normalizeAdministrationPanel(initialSelection.panel));
-  }, [initialSelection.panel]);
+    setAdministrationPanel(normalizeAdministrationPanel(initialSelection.panel, Boolean(dashboard.isDemo)));
+  }, [initialSelection.panel, dashboard.isDemo]);
 
   useEffect(() => {
     if (activeTab !== "administration") return;
@@ -1226,17 +1240,6 @@ function NewsDeskDashboard({
     if (dashboard.isDemo) return;
     let active = true;
 
-    if (activeTab === "messages" && !loadedSections.messages) {
-      setLoadedSections((current) => ({ ...current, messages: true }));
-      void loadEditorMessagesData()
-        .then((nextMessages) => {
-          if (active) setMessages(nextMessages);
-        })
-        .catch((error) => {
-          if (active) setActionState({ id: "messages-load", message: error instanceof Error ? error.message : "messages load failed", tone: "error" });
-        });
-    }
-
     if (activeTab === "assignments" && !loadedSections.assignments) {
       setLoadedSections((current) => ({ ...current, assignments: true }));
       void loadEditorAssignmentsData()
@@ -1264,23 +1267,6 @@ function NewsDeskDashboard({
         });
     }
 
-    if ((activeTab === "assignments" || activeTab === "references" || activeTab === "messages") && !loadedSections.semanticRelations) {
-      setLoadedSections((current) => ({ ...current, semanticRelations: true }));
-      void loadEditorSemanticRelationsData()
-        .then((relations) => {
-          if (active) setSemanticRelations(relations);
-        })
-        .catch(() => {
-          if (active) setSemanticRelations([]);
-        });
-      if (!loadedSections.messages) {
-        setLoadedSections((current) => ({ ...current, messages: true }));
-        void loadEditorMessagesData().then((nextMessages) => {
-          if (active) setMessages(nextMessages);
-        }).catch(() => undefined);
-      }
-    }
-
     if ((activeTab === "topics" || activeTab === "desks" || activeTab === "concepts" || activeTab === "administration") && !loadedSections.fullDashboard) {
       setLoadedSections((current) => ({ ...current, fullDashboard: true }));
       void loadEditorFullNewsDeskDashboard({ isAdmin: Boolean(dashboard.canManageUsers) })
@@ -1335,6 +1321,37 @@ function NewsDeskDashboard({
     refreshNewsroomSections,
   ]);
 
+  const needsReferenceReviewData = activeTab === "references" || activeTab === "assignments" || activeTab === "messages";
+  const selectedReviewLineageId = pathname ? pathnameReferenceLineageId ?? "" : initialSelection.reference ?? "";
+  const referenceReviewData = useReferenceReviewData({
+    enabled: canLoadPrivateCorpus && needsReferenceReviewData && !(activeTab === "references" && selectedReviewLineageId),
+    loadRelations: loadEditorSemanticRelationsData,
+    loadMessages: loadEditorMessagesData,
+    onRelations: setSemanticRelations,
+    onMessages: setMessages,
+  });
+
+  useEffect(() => {
+    if (!canLoadPrivateCorpus || activeTab !== "references" || !selectedReviewLineageId) return;
+    let active = true;
+    setSelectedReviewRead({ lineageId: selectedReviewLineageId, state: "loading", error: null });
+    void loadEditorReferenceReviewDetails(selectedReviewLineageId).then(({ relations, messages: history }) => {
+      if (!active) return;
+      setSemanticRelations((current) => [...current.filter((relation) => relation.subjectLineageId !== selectedReviewLineageId || relation.subjectKind !== "reference"), ...relations]);
+      setMessages((current) => [...current.filter((message) => !history.some((entry) => entry.id === message.id)), ...history]);
+      setSelectedReviewRead({ lineageId: selectedReviewLineageId, state: "ready", error: null });
+    }).catch((error) => {
+      if (active) setSelectedReviewRead({ lineageId: selectedReviewLineageId, state: "error", error: error instanceof Error ? error.message : "Reference review details could not be loaded." });
+    });
+    return () => { active = false; };
+  }, [activeTab, canLoadPrivateCorpus, selectedReviewLineageId, selectedReviewAttempt]);
+  const selectedReviewIsCurrent = selectedReviewLineageId && !dashboard.isDemo;
+  const predictionState = selectedReviewIsCurrent
+    ? selectedReviewRead.lineageId === selectedReviewLineageId ? selectedReviewRead.state : "loading"
+    : referenceReviewData.state;
+  const predictionError = selectedReviewIsCurrent ? selectedReviewRead.error : referenceReviewData.error;
+  const retryReferenceReviewData = () => { referenceReviewData.retry(); setSelectedReviewAttempt((current) => current + 1); };
+
   const applyReferenceRecord = useCallback((nextReference: ReferenceRecord) => {
     const { nextRecords, nextRecord, previousRecord } = upsertReferenceRecords(referencesRef.current, nextReference);
     referencesRef.current = nextRecords;
@@ -1589,96 +1606,98 @@ function NewsDeskDashboard({
     reasonCode?: ReferenceRejectionReasonCode | null,
     relevance?: { decisionRelationId: string; shareable: boolean },
     sectionId?: string | null,
-  ) {
-    const nextStatus = referenceCurationStatusForAction(action);
-    setActionState({ id: reference.id, message: `${action} pending`, tone: "pending" });
-    if (dashboard.isDemo) {
-      const now = new Date().toISOString();
-      const messageId = `message-demo-${reference.id}-${action}-${now.replace(/[^0-9]/g, "")}`;
-      const relationId = `semantic-relation-demo-${messageId}`;
-      applyReferenceRecord(buildReviewedReferenceRecord(referencesRef.current, reference, {
-        actorLabel: authState.label,
-        nextStatus,
-        note: note ?? null,
-        now,
-      }));
-      setMessages((current) => [{
-        id: messageId,
-        messageKind: "reference_curation",
-        messageDomain: "commentary",
-        status: "active",
-        body: note?.trim() || `${authState.label} marked this reference ${nextStatus}.`,
-        summary: `${reference.title ?? reference.externalItemId}: ${nextStatus}`,
-        source: "newsroom",
-        authorLabel: authState.label,
-        createdAt: now,
-        updatedAt: now,
-        metadata: {
-          action,
-          curationStatus: nextStatus,
-          reasonCode: action === "reject" ? reasonCode ?? null : null,
-          ...(relevance ? { decisionRelationId: relevance.decisionRelationId, shareable: relevance.shareable } : {}),
-          ...(action === "accept" && sectionId ? { sectionId } : {}),
-        },
-      }, ...current]);
-      setSemanticRelations((current) => [{
-        id: relationId,
-        relationState: "current",
-        predicate: "comment",
-        relationTypeId: "semantic-relation-type-comment",
-        relationTypeKey: "comment",
-        relationDomain: "commentary",
-        subjectKind: "message",
-        subjectId: messageId,
-        subjectLineageId: messageId,
-        subjectVersionNumber: 1,
-        objectKind: "reference",
-        objectId: reference.id,
-        objectLineageId: reference.lineageId ?? reference.id,
-        objectVersionNumber: reference.versionNumber ?? null,
-        subjectStateKey: `message#${messageId}#current`,
-        objectStateKey: `reference#${reference.lineageId ?? reference.id}#current`,
-        objectSubjectStateKey: `reference#${reference.lineageId ?? reference.id}#current#message`,
-        predicateObjectStateKey: `comment#reference#${reference.lineageId ?? reference.id}#current`,
-        subjectVersionKey: `message#${messageId}`,
-        objectVersionKey: `reference#${reference.id}`,
-        rank: 1,
-        reviewRecommended: false,
-        importedAt: now,
-      }, ...current]);
-      setActionState({ id: reference.id, message: `${action} saved`, tone: "ok" });
-      return;
-    }
-    startTransition(() => {
-      void (async () => {
-        try {
-          const response = await dataClient.mutations.reviewReferenceCuration(
-            {
-              referenceId: reference.id,
-              action,
-              actorLabel: authState.label,
-              note: note?.trim() || undefined,
-              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 },
-          );
-          const review = assertReferenceReviewMutationSucceeded(response, reference.id);
-          const status = review.status ?? nextStatus;
-          const now = new Date().toISOString();
-          applyReferenceRecord(buildReviewedReferenceRecord(referencesRef.current, reference, {
+  ): Promise<void> {
+    return runReferenceReviewRequest(referenceReviewsPending.current, reference.lineageId ?? reference.id, async () => {
+      if (!canEdit) throw new Error("Your session does not have permission to review references.");
+      const nextStatus = referenceCurationStatusForAction(action);
+      setActionState({ id: reference.id, message: `${action} pending`, tone: "pending" });
+      if (dashboard.isDemo) {
+        const now = new Date().toISOString();
+        const messageId = `message-demo-${reference.id}-${action}-${now.replace(/[^0-9]/g, "")}`;
+        const relationId = `semantic-relation-demo-${messageId}`;
+        applyReferenceRecord(buildReviewedReferenceRecord(referencesRef.current, reference, {
+          actorLabel: authState.label,
+          nextStatus,
+          note: note ?? null,
+          now,
+        }));
+        setMessages((current) => [{
+          id: messageId,
+          messageKind: "reference_curation",
+          messageDomain: "commentary",
+          status: "active",
+          body: note?.trim() || `${authState.label} marked this reference ${nextStatus}.`,
+          summary: `${reference.title ?? reference.externalItemId}: ${nextStatus}`,
+          source: "newsroom",
+          authorLabel: authState.label,
+          createdAt: now,
+          updatedAt: now,
+          metadata: {
+            referenceLineageId: reference.lineageId ?? reference.id,
+            action,
+            curationStatus: nextStatus,
+            reasonCode: action === "reject" ? reasonCode ?? null : null,
+            ...(relevance ? { decisionRelationId: relevance.decisionRelationId, shareable: relevance.shareable } : {}),
+            ...(action === "accept" && sectionId ? { sectionId } : {}),
+          },
+        }, ...current]);
+        setSemanticRelations((current) => [{
+          id: relationId,
+          relationState: "current",
+          predicate: "comment",
+          relationTypeId: "semantic-relation-type-comment",
+          relationTypeKey: "comment",
+          relationDomain: "commentary",
+          subjectKind: "message",
+          subjectId: messageId,
+          subjectLineageId: messageId,
+          subjectVersionNumber: 1,
+          objectKind: "reference",
+          objectId: reference.id,
+          objectLineageId: reference.lineageId ?? reference.id,
+          objectVersionNumber: reference.versionNumber ?? null,
+          subjectStateKey: `message#${messageId}#current`,
+          objectStateKey: `reference#${reference.lineageId ?? reference.id}#current`,
+          objectSubjectStateKey: `reference#${reference.lineageId ?? reference.id}#current#message`,
+          predicateObjectStateKey: `comment#reference#${reference.lineageId ?? reference.id}#current`,
+          subjectVersionKey: `message#${messageId}`,
+          objectVersionKey: `reference#${reference.id}`,
+          rank: 1,
+          reviewRecommended: false,
+          importedAt: now,
+        }, ...current]);
+        setActionState({ id: reference.id, message: `${action} saved`, tone: "ok" });
+        return;
+      }
+      try {
+        const response = await dataClient.mutations.reviewReferenceCuration(
+          {
+            referenceId: reference.id,
+            action,
             actorLabel: authState.label,
-            nextStatus: status,
-            note: note?.trim() || null,
-            now,
-          }));
-          setActionState({ id: reference.id, message: `${action} saved`, tone: "ok" });
-        } catch (error) {
-          setActionState({ id: reference.id, message: error instanceof Error ? error.message : `${action} failed`, tone: "error" });
-        }
-      })();
+            note: note?.trim() || undefined,
+            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 },
+        );
+        const review = assertReferenceReviewMutationSucceeded(response, reference.id);
+        const status = review.status ?? nextStatus;
+        const now = new Date().toISOString();
+        applyReferenceRecord(buildReviewedReferenceRecord(referencesRef.current, reference, {
+          actorLabel: authState.label,
+          nextStatus: status,
+          note: note?.trim() || null,
+          now,
+        }));
+        setActionState({ id: reference.id, message: `${action} saved`, tone: "ok" });
+        retryReferenceReviewData();
+      } catch (error) {
+        setActionState({ id: reference.id, message: error instanceof Error ? error.message : `${action} failed`, tone: "error" });
+        throw error;
+      }
     });
   }
 
@@ -2999,7 +3018,7 @@ function NewsDeskDashboard({
     return entries;
   }, [summaryStatus, tabCounts]);
   const opsPageTitle = activeTab === "overview"
-    ? "Overview"
+    ? "Notification Center"
     : activeTab === "administration" && administrationPanel === "sections"
       ? "Sections"
       : formatDeskSectionHeadline(activeTab);
@@ -3057,9 +3076,11 @@ function NewsDeskDashboard({
 
         {activeTab === "overview" ? (
           <NewsroomOpsOverview
+            actorLabel={authState.label}
             assignments={assignments}
+            decisions={relevanceDecisions}
             demo={Boolean(dashboard.isDemo)}
-            messages={messages}
+            humanCuratedReferenceLineageIds={humanCuratedReferenceLineageIds}
             newsroomSections={newsroomSections}
             references={references}
           />
@@ -3115,10 +3136,11 @@ function NewsDeskDashboard({
           />
         ) : null}
         {activeTab === "references" ? (
+          <NewsroomCurationBootstrap enabled={!dashboard.isDemo}>
           <NewsroomReferencesView
             demo={Boolean(dashboard.isDemo)}
             disabled={controlsDisabled}
-            initialReferenceLineageId={initialSelection.reference ?? pathnameReferenceLineageId}
+            initialReferenceLineageId={selectedReviewLineageId}
             cyclotronStatus={cyclotronStatus}
             cyclotronPriming={{
               labels: primingLabels,
@@ -3130,8 +3152,8 @@ function NewsDeskDashboard({
               },
             }}
             decisions={relevanceDecisions}
-            humanCuratedReferenceLineageIds={humanCuratedReferenceLineageIds}
-            delegatedCurations={delegatedCurations}
+            humanCuratedReferenceLineageIds={selectedReviewIsCurrent && predictionState !== "ready" ? undefined : humanCuratedReferenceLineageIds}
+            delegatedCurations={selectedReviewIsCurrent && predictionState !== "ready" ? undefined : delegatedCurations}
             shadowAgreement={shadowAgreement}
             onRequestReviewRate={relevanceCyclotronId ? async (choice) => {
               const request = buildReviewRateRequest(choice, authState.label);
@@ -3144,14 +3166,23 @@ function NewsDeskDashboard({
               curation.note ?? undefined,
               normalizeReferenceRejectionReasonCode(curation.reasonCode),
               { decisionRelationId: curation.decisionRelationId, shareable: curation.shareable },
+              curation.sectionId,
             )}
             sections={sectionChoices}
             sectionSuggestions={sectionSuggestions}
             sectionAgreement={siteSectionAgreement}
-            onReview={(reference, action, options) => runReferenceCurationAction(reference, action, undefined, undefined, undefined, options?.sectionId)}
+            predictionState={predictionState}
+            predictionError={predictionError}
+            onRetryPredictions={retryReferenceReviewData}
+            reviewReasons={reviewReasons}
+            reviewSectionIds={reviewSectionIds}
+            onReview={(reference, action, options) => runReferenceCurationAction(reference, action, options?.note, options?.reasonCode,
+              options?.decisionRelationId ? { decisionRelationId: options.decisionRelationId, shareable: options.shareable === true } : undefined,
+              options?.sectionId)}
             referenceAttachments={referenceAttachments}
             references={references}
           />
+          </NewsroomCurationBootstrap>
         ) : null}
         {activeTab === "messages" ? (
           <MessagesDeskView
@@ -3872,7 +3903,7 @@ function NewsroomSectionRail({
     <aside className="newsroom-section-rail" data-newsroom-section-rail aria-labelledby="newsroom-section-rail-title" ref={railRef}>
       <header className="newsroom-section-rail__header">
         <p className="story-label">Sections</p>
-        <h2 id="newsroom-section-rail-title">Section Desk</h2>
+        <h2 id="newsroom-section-rail-title">Section</h2>
       </header>
       <div className="newsroom-section-rail__body">
         {canonicalSections.length ? (
@@ -4309,6 +4340,15 @@ function AdministrationDeskView({
                 <strong>Procedures</strong>
                 <span>Procedure registry and versioned Tactus code</span>
               </Link>
+              <Link
+                href={administrationPanelHref("automations", isDemo)}
+                data-news-desk-admin-nav="automations"
+                data-active={administrationPanel === "automations" || undefined}
+                onClick={() => onPanelChange("automations")}
+              >
+                <strong>Automation</strong>
+                <span>Procedures that start on their own</span>
+              </Link>
               <Link
                 href={administrationPanelHref("delegations", isDemo)}
                 data-news-desk-admin-nav="delegations"
@@ -4327,6 +4367,15 @@ function AdministrationDeskView({
                 <strong>Editorial checks</strong>
                 <span>Policies the article editor checks drafts against</span>
               </Link>
+              <Link
+                href={administrationPanelHref("monitoring", isDemo)}
+                data-news-desk-admin-nav="monitoring"
+                data-active={administrationPanel === "monitoring" || undefined}
+                onClick={() => onPanelChange("monitoring")}
+              >
+                <strong>Monitoring</strong>
+                <span>The automated research pipeline, read only</span>
+              </Link>
               {signupPluginEnabled() ? (
                 <Link
                   href={administrationPanelHref("signups", isDemo)}
@@ -4338,10 +4387,36 @@ function AdministrationDeskView({
                   <span>Addresses from the site&apos;s signup forms</span>
                 </Link>
               ) : null}
+              {newsletterPluginEnabled(isDemo) ? (
+                <Link
+                  href={administrationPanelHref("newsletter", isDemo)}
+                  data-news-desk-admin-nav="newsletter"
+                  data-active={administrationPanel === "newsletter" || undefined}
+                  onClick={() => onPanelChange("newsletter")}
+                >
+                  <strong>Newsletter</strong>
+                  <span>Subscribers, issues and delivery for the site&apos;s email</span>
+                </Link>
+              ) : null}
+              {readerPluginEnabled() ? (
+                <Link
+                  href={administrationPanelHref("moderation", isDemo)}
+                  data-news-desk-admin-nav="moderation"
+                  data-active={administrationPanel === "moderation" || undefined}
+                  onClick={() => onPanelChange("moderation")}
+                >
+                  <strong>Moderation</strong>
+                  <span>Reader submissions and comments</span>
+                </Link>
+              ) : null}
             </nav>}
             <div className="news-desk-settings-panel">
               {administrationPanel === "signups" ? <SignupEntriesPanel /> : null}
+              {administrationPanel === "newsletter" ? <NewsletterPanel isAdmin={canManageUsers} isDemo={isDemo} /> : null}
+              {administrationPanel === "moderation" ? <ModerationPanel /> : null}
               {administrationPanel === "editorial-checks" ? <EditorialChecksAdminPanel /> : null}
+              {administrationPanel === "automations" ? <AutomationPanel isDemo={isDemo} /> : null}
+              {administrationPanel === "monitoring" ? <MonitoringPanel isAdmin={canManageUsers} isDemo={isDemo} /> : null}
               {administrationPanel === "delegations" ? <AdministrationDelegationsPanel disabled={disabled} /> : null}
               {administrationPanel === "users" ? (
                 <AdministrationUsersPanel
@@ -5668,7 +5743,7 @@ function DesksDeskView({
     <div className="news-desk-columns news-desk-columns--administration news-desk-columns--taxonomy" data-news-desk-section="desks">
       <div className="news-desk-main-column">
         <section className="category-steering-section category-steering-section--lead" aria-labelledby="newsroom-desks-title">
-          <SectionHeader title="News Desks" detail={`${roots.length} root topic desks`} />
+          <SectionHeader title="News sections" detail={`${roots.length} root topic sections`} />
           <div className="news-desk-desk-list">
             {roots.length ? roots.map((root) => {
               const rootNode = root.node ?? categoryToCategoryTreeNode(root.category);
@@ -5688,11 +5763,11 @@ function DesksDeskView({
                 >
                   <span>{rootNode.shortTitle ?? deriveShortTitle(rootNode.displayName)}</span>
                   <strong>{rootNode.displayName}</strong>
-                  <p>{rootNode.description ?? "No desk description yet."}</p>
+                  <p>{rootNode.description ?? "No section description yet."}</p>
                   <small>{referenceCount} refs / {assignmentCount} assignments / {root.subcategorys.length} subtopics / {doctrineStatus.savedCount} of 2 doctrine slots</small>
                 </Link>
               );
-            }) : <EmptyRow label="No root topic desks are available in the canonical category set" />}
+            }) : <EmptyRow label="No root topic sections are available in the canonical category set" />}
           </div>
         </section>
 
@@ -5713,18 +5788,18 @@ function DesksDeskView({
 
       <aside className="news-desk-rail-column">
         <section className="category-steering-section" aria-labelledby="desk-index-notes-title">
-          <SectionHeader title="Desk Rules" detail="Root topics only" />
+          <SectionHeader title="Section rules" detail="Root topics only" />
           <div className="news-desk-ledger-list">
             <article className="news-desk-ledger-item">
               <header>
-                <strong>Desk Identity</strong>
+                <strong>Section identity</strong>
                 <span>Category</span>
               </header>
               <p>Official name, short title, subtitle, and description stay on the accepted root Category record.</p>
             </article>
             <article className="news-desk-ledger-item">
               <header>
-                <strong>Desk Doctrine</strong>
+                <strong>Section doctrine</strong>
                 <span>Private Item</span>
               </header>
               <p>Mission and policies are private doctrine Items tied to the root category lineage.</p>
@@ -5774,7 +5849,7 @@ function DeskDetailPanel({
     <section className="category-steering-section news-desk-desk-detail" aria-labelledby="selected-desk-title">
       <header className="news-desk-topic-detail__header">
         <div>
-          <p className="story-label">News Desk</p>
+          <p className="story-label">News section</p>
           <h3 id="selected-desk-title">{rootNode.displayName}</h3>
           <span>{rootNode.shortTitle ?? deriveShortTitle(rootNode.displayName)}</span>
         </div>
@@ -5857,7 +5932,7 @@ function CategoryDoctrineEditorCard({
     <article className="news-desk-doctrine-card" data-news-desk-doctrine={definition.slug}>
       <header className="news-desk-doctrine-card__header">
         <div>
-          <p className="story-label">Desk Doctrine</p>
+          <p className="story-label">Section doctrine</p>
           <h3>{definition.label}</h3>
         </div>
         <span>{record ? "Saved record" : "Empty slot"}</span>
@@ -12222,7 +12297,7 @@ function AssignmentRow({
             {context ? (
               <>
                 <p className="news-desk-assignment-row__angle">
-                  <span>{context.deskTitle ?? context.deskKey ?? "Desk"}</span>
+                  <span>{context.deskTitle ?? context.deskKey ?? "Section"}</span>
                   {`${context.focusTitle ?? context.focusKey ?? "focus"} / ${context.targetSystemType ?? context.contextProfile ?? "context"}`}
                 </p>
                 {context.contextProfile || context.contextTokenBudget ? (
@@ -12337,7 +12412,7 @@ function normalizeAnalysisReindexMode(value: string | null | undefined): Analysi
 function formatAnalysisReindexModeLabel(mode: AnalysisReindexMode): string {
   if (mode === "online-update") return "Online update - new or changed accepted references";
   if (mode === "classifier-retrain") return "Classifier retrain - rebuild topic classifier";
-  if (mode === "scoped-topic-rebuild") return "Scoped topic rebuild - one desk or focus";
+  if (mode === "scoped-topic-rebuild") return "Scoped topic rebuild - one section or focus";
   if (mode === "entity-graph-rebuild") return "Entity graph rebuild - generated graph outputs";
   return "Generated analysis rebuild - clear and rebuild targeted generated outputs";
 }
@@ -12367,7 +12442,7 @@ function mergeAnalysisCorpora(configuredCorpora: CategorySteeringCorpus[], liveC
 function analysisReindexModeHelp(mode: AnalysisReindexMode): string {
   if (mode === "generated-analysis-rebuild") return "Use this for a full generated-output rebuild for the selected profile. It still creates an assignment only; the worker/operator executes it later.";
   if (mode === "classifier-retrain") return "Use this when authoritative labels or accepted references should retrain the semi-supervised topic classifier.";
-  if (mode === "scoped-topic-rebuild") return "Use this when proposals for a desk or focus topic should be regenerated from the accepted taxonomy plus steering feedback.";
+  if (mode === "scoped-topic-rebuild") return "Use this when proposals for a section or focus topic should be regenerated from the accepted taxonomy plus steering feedback.";
   if (mode === "entity-graph-rebuild") return "Use this when generated ontology/entity graph records should be rebuilt from accepted references.";
   return "Use this for incremental processing of new or changed accepted references without clearing broader generated outputs.";
 }
@@ -12805,9 +12880,20 @@ function signupPluginEnabled(): boolean {
   return pluginSettings(amplifyOutputs as PluginOutputs, "signup") !== null;
 }
 
-function normalizeAdministrationPanel(value: string | null | undefined): AdministrationPanel {
-  if (value === "policies" || value === "sections" || value === "procedures" || value === "delegations" || value === "editorial-checks") return value;
+/** The Newsletter panel exists when the site enabled the plugin; `?demo=1` shows it with fixture data so it can be seen and tested. */
+function newsletterPluginEnabled(demo = false): boolean {
+  return demo || pluginSettings(amplifyOutputs as PluginOutputs, "newsletter") !== null;
+}
+
+function readerPluginEnabled(): boolean {
+  return pluginSettings(amplifyOutputs as PluginOutputs, "reader-steering") !== null;
+}
+
+function normalizeAdministrationPanel(value: string | null | undefined, demo = false): AdministrationPanel {
+  if (value === "policies" || value === "sections" || value === "procedures" || value === "automations" || value === "delegations" || value === "editorial-checks" || value === "monitoring") return value;
   if (value === "signups" && signupPluginEnabled()) return value;
+  if (value === "newsletter" && newsletterPluginEnabled(demo)) return value;
+  if (value === "moderation" && readerPluginEnabled()) return value;
   return "users";
 }
 
@@ -13006,7 +13092,7 @@ function formatDeskSectionHeadline(section: NewsDeskTab): string {
 
 function formatDeskSectionLede(section: NewsDeskTab): string {
   if (section === "search") return "Search the newsroom knowledge base with semantic and ontology context.";
-  if (section === "desks") return "The desks and topic categories that organize coverage, with each desk's mission and policies.";
+  if (section === "desks") return "The sections and topic categories that organize coverage, with each section's mission and policies.";
   if (section === "topics") return "Review suggested changes to the subject areas the newsroom covers.";
   if (section === "concepts") return "Browse people, organizations, places, and ideas found in the source material.";
   if (section === "references") return "Review source materials before they become usable evidence.";