@anthusai/papyrus 2.0.0-next.8 → 2.0.0-next.80

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";
@@ -665,7 +674,7 @@ export function NewsDeskWorkspace({
     );
   }
 
-  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
@@ -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"
@@ -4318,17 +4358,24 @@ function AdministrationDeskView({
                 <strong>Agent delegations</strong>
                 <span>Let an agent curate References for you</span>
               </Link>
-              {editorialChecksPluginEnabled() ? (
-                <Link
-                  href={administrationPanelHref("editorial-checks", isDemo)}
-                  data-news-desk-admin-nav="editorial-checks"
-                  data-active={administrationPanel === "editorial-checks" || undefined}
-                  onClick={() => onPanelChange("editorial-checks")}
-                >
-                  <strong>Editorial checks</strong>
-                  <span>Policies the article editor checks drafts against</span>
-                </Link>
-              ) : null}
+              <Link
+                href={administrationPanelHref("editorial-checks", isDemo)}
+                data-news-desk-admin-nav="editorial-checks"
+                data-active={administrationPanel === "editorial-checks" || undefined}
+                onClick={() => onPanelChange("editorial-checks")}
+              >
+                <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)}
@@ -4340,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
@@ -12807,14 +12880,20 @@ function signupPluginEnabled(): boolean {
   return pluginSettings(amplifyOutputs as PluginOutputs, "signup") !== null;
 }
 
-function editorialChecksPluginEnabled(): boolean {
-  return pluginSettings(amplifyOutputs as PluginOutputs, "editorial-checks") !== null;
+/** 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): AdministrationPanel {
-  if (value === "policies" || value === "sections" || value === "procedures" || value === "delegations") return value;
+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 === "editorial-checks" && editorialChecksPluginEnabled()) return value;
+  if (value === "newsletter" && newsletterPluginEnabled(demo)) return value;
+  if (value === "moderation" && readerPluginEnabled()) return value;
   return "users";
 }
 

package/components/use-editorial-checks.ts

@@ -27,14 +27,16 @@ export function useEditorialChecks({
   section,
   itemId,
 }: {
-  /** null turns editorial checks off. */
+  /** null when there is no backend to check against (a preview). Whether a publication runs checks is its stored setting. */
   backend: EditorialChecksBackend | null;
   body: string | null;
   section: string;
   itemId: string | null;
 }) {
-  const enabled = backend !== null;
+  const available = backend !== null;
   const [settings, setSettings] = useState<EditorialSettings>(DEFAULT_EDITORIAL_SETTINGS);
+  const [settingsLoaded, setSettingsLoaded] = useState(false);
+  const enabled = available && settings.enabled;
   const [result, setResult] = useState<EditorialCheckResult | null>(null);
   const [checkedBody, setCheckedBody] = useState<string | null>(null);
   const [status, setStatus] = useState<CheckStatus>({ state: "idle" });
@@ -46,9 +48,9 @@ export function useEditorialChecks({
   const sequence = useRef(0);
 
   useEffect(() => {
-    if (!enabled) return;
-    backend?.loadSettings().then(({ settings: loaded }) => setSettings(loaded)).catch(() => undefined);
-  }, [backend, enabled]);
+    if (!available) return;
+    backend?.loadSettings().then(({ settings: loaded }) => setSettings(loaded)).catch(() => undefined).finally(() => setSettingsLoaded(true));
+  }, [available, backend]);
 
   useEffect(() => {
     if (!enabled || !itemId) return;
@@ -57,7 +59,7 @@ export function useEditorialChecks({
 
   const check = useCallback(async () => {
     const text = latestBody.current;
-    if (!backend || text === null || !text.trim()) return;
+    if (!backend || !enabled || text === null || !text.trim()) return;
     const run = ++sequence.current;
     setStatus({ state: "checking" });
     try {
@@ -73,13 +75,13 @@ export function useEditorialChecks({
     } catch (error) {
       if (run === sequence.current) setStatus({ state: "error", message: error instanceof Error ? error.message : "The check failed." });
     }
-  }, [backend, section]);
+  }, [backend, enabled, section]);
 
   useEffect(() => {
-    if (!enabled || !settings.checkWhileTyping || body === null || body === checkedBody) return;
+    if (!enabled || !settingsLoaded || !settings.checkWhileTyping || body === null || body === checkedBody) return;
     const timer = window.setTimeout(() => void check(), CHECK_PAUSE_MS);
     return () => window.clearTimeout(timer);
-  }, [body, check, checkedBody, enabled, settings.checkWhileTyping]);
+  }, [body, check, checkedBody, enabled, settings.checkWhileTyping, settingsLoaded]);
 
   const record = useCallback(
     (finding: EditorialFinding, decision: FeedbackDecision, reason: string | null = null) => {
@@ -105,7 +107,7 @@ export function useEditorialChecks({
     [backend, section],
   );
 
-  const current = result && checkedBody === body;
+  const current = enabled && result && checkedBody === body;
   return {
     enabled,
     settings,