@anthusai/papyrus 1.3.0 → 1.4.0-next.2

package/amplify/functions/model-attachment-upload/handler.ts

@@ -48,6 +48,7 @@ const ALLOWED_ROLES = new Set([
   "code",
   "graph_export",
   "raw_payload",
+  "priming_outcome",
 ]);
 const ALLOWED_MEDIA_TYPES = new Set([
   "application/json",

package/app/newsroom/[section]/page.tsx

@@ -1,6 +1,8 @@
 import { resolveActiveSiteBrand } from "../../../lib/site-brand-tenant";
 import { notFound, redirect } from "next/navigation";
 import { toPublicNewsroomPath } from "../../../lib/newsroom-base-path";
+import { contentItemBoardPathSegment } from "../../../lib/newsroom-board";
+import { NewsroomBoardView } from "../../../components/newsroom-board-view";
 import { NewsDeskPage } from "../../../components/news-desk-page";
 import type { NewsDeskTab } from "../../../components/topic-steering-workspace";
 
@@ -42,9 +44,15 @@ const NEWS_DESK_ROUTE_SECTIONS = new Set<NewsDeskTab>([
 
 export default async function NewsDeskSectionPage({ params, searchParams }: NewsDeskSectionPageProps) {
   const { section } = await params;
+  if (section === "work") redirect(toPublicNewsroomPath(`/newsroom/${contentItemBoardPathSegment()}`));
   if (section === "users") redirect(toPublicNewsroomPath("/newsroom/administration/users"));
   if (section === "doctrine") redirect(toPublicNewsroomPath("/newsroom/administration/policies"));
   if (section === "desks" && resolveActiveSiteBrand().newsroomLayout !== "organizer") redirect(toPublicNewsroomPath("/newsroom/topics"));
+  if (section === contentItemBoardPathSegment() && resolveActiveSiteBrand().newsroomLayout === "organizer") return <NewsroomBoardView subject="contentItem" />;
   if (!NEWS_DESK_ROUTE_SECTIONS.has(section as NewsDeskTab)) notFound();
+  if (section === "assignments" && resolveActiveSiteBrand().newsroomLayout === "organizer") {
+    const resolved = await searchParams;
+    if (!resolved?.assignment && resolved?.demo !== "1") return <NewsroomBoardView subject="assignment" />;
+  }
   return <NewsDeskPage section={section} searchParams={searchParams} />;
 }

package/app/newsroom/articles/page.tsx

@@ -1,3 +1,8 @@
+import { redirect } from "next/navigation";
+import { contentItemBoardPathSegment } from "../../../lib/newsroom-board";
+import { toPublicNewsroomPath } from "../../../lib/newsroom-base-path";
+import { NewsroomBoardView } from "../../../components/newsroom-board-view";
+import { resolveActiveSiteBrand } from "../../../lib/site-brand-tenant";
 import { NewsroomArticlesView } from "../../../components/newsroom-articles-view";
 
 export const dynamic = "force-dynamic";
@@ -9,5 +14,10 @@ type NewsroomArticlesPageProps = {
 export default async function NewsroomArticlesPage({ searchParams }: NewsroomArticlesPageProps) {
   const resolved = await searchParams;
   const demoValue = Array.isArray(resolved?.demo) ? resolved?.demo[0] : resolved?.demo;
+  if (resolveActiveSiteBrand().newsroomLayout === "organizer" && demoValue !== "1") {
+    const boardPathSegment = contentItemBoardPathSegment();
+    if (boardPathSegment !== "articles") redirect(toPublicNewsroomPath(`/newsroom/${boardPathSegment}`));
+    return <NewsroomBoardView subject="contentItem" />;
+  }
   return <NewsroomArticlesView demo={demoValue === "1"} />;
 }

package/components/news-desk-client-provider.tsx

@@ -3,6 +3,7 @@
 import { Hub } from "aws-amplify/utils";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import type { DevSandboxEditorAuth } from "../lib/dev-sandbox-editor-auth";
+import type { CategorySteeringDashboard } from "../lib/category-repository";
 import { ensureDevSandboxEditorSession } from "./dev-sandbox-editor-sign-in";
 import {
   loadEditorAssignmentsData,
@@ -46,7 +47,12 @@ const NewsDeskClientContext = createContext<NewsDeskClientContextValue | null>(n
 export function NewsDeskClientProvider({
   children,
   devSandboxEditorAuth = null,
-}: Readonly<{ children: React.ReactNode; devSandboxEditorAuth?: DevSandboxEditorAuth | null }>) {
+  localPreviewDashboard = null,
+}: Readonly<{
+  children: React.ReactNode;
+  devSandboxEditorAuth?: DevSandboxEditorAuth | null;
+  localPreviewDashboard?: CategorySteeringDashboard | null;
+}>) {
   const [shell, setShell] = useState<NewsDeskShellState>(() => createInitialNewsDeskShellState());
   const [searchTransition, setSearchTransition] = useState<NewsDeskSearchTransition | null>(null);
   const shellRef = useRef(shell);
@@ -58,6 +64,15 @@ export function NewsDeskClientProvider({
 
   const refreshDashboard = useCallback(async () => {
     const sequence = ++bootstrapSequenceRef.current;
+    if (localPreviewDashboard) {
+      setShell((current) => resolveDashboardReady(
+        current,
+        localPreviewDashboard,
+        { status: "signedIn", label: "Local preview editor", email: null },
+        new Date().toISOString(),
+      ));
+      return;
+    }
     setShell((current) => beginAccessCheck(current));
 
     try {
@@ -101,7 +116,7 @@ export function NewsDeskClientProvider({
         error instanceof Error ? error.message : "Could not load Newsroom data.",
       ));
     }
-  }, [devSandboxEditorAuth]);
+  }, [devSandboxEditorAuth, localPreviewDashboard]);
 
   const refreshAssignments = useCallback(async () => {
     try {

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

@@ -1,5 +1,7 @@
 "use client";
 
+import { isLocalPreviewEnabled } from "../lib/local-preview";
+import { createLocalPreviewAssignments, createLocalPreviewContentItemVersions, createLocalPreviewReferences } from "../lib/local-preview-seed";
 import { generateClient } from "aws-amplify/data";
 import { testEditorOverrideAllowed } from "../lib/test-editor-override";
 import { downloadData, getUrl } from "aws-amplify/storage";
@@ -39,7 +41,7 @@ import type {
   UserDirectoryEntry,
 } from "../lib/category-repository";
 import { relationTypeKey } from "../lib/semantic-graph";
-import { contentItemStageKeys, type ContentItemVersionRecord } from "../lib/content-item-lifecycle";
+import { legacyStageKeysToLoad, type ContentItemVersionRecord } from "../lib/content-item-lifecycle";
 import { getContentItemStageDefinitions } from "../lib/site-brand";
 import { DOCTRINE_DEFINITIONS, getCategoryDoctrineDefinitions, type DoctrineCategory } from "../lib/doctrine";
 import { configureAmplifyClient } from "./amplify-client-provider";
@@ -1863,6 +1865,7 @@ export function normalizeNewsroomReferencePageOrder(value?: string | null): News
 }
 
 export async function loadNewsroomReferencePage(options: NewsroomReferencePageOptions = {}): Promise<NewsroomRecordPage<ReferenceRecord>> {
+  if (isLocalPreviewEnabled()) return { items: createLocalPreviewReferences(), nextToken: null, hasMore: false };
   configureAmplifyClient();
   const order = normalizeNewsroomReferencePageOrder(options.order);
   if (order === "imported") {
@@ -2146,6 +2149,7 @@ export async function loadEditorOverviewEditionData(): Promise<{
 }
 
 export async function loadNewsroomAssignmentPage(options: NewsroomAssignmentPageOptions = {}): Promise<NewsroomRecordPage<AssignmentRecord>> {
+  if (isLocalPreviewEnabled()) return { items: createLocalPreviewAssignments(), nextToken: null, hasMore: false };
   return loadNewsroomFeedPage<AssignmentRecord>({
     query: NEWSROOM_ASSIGNMENT_FEED_QUERY,
     field: "listAssignmentsByNewsroomFeedAndCreatedAt",
@@ -2168,13 +2172,23 @@ const CONTENT_ITEMS_BY_STAGE_QUERY = `
   }
 `;
 
-export async function loadNewsroomContentItemVersions(): Promise<ContentItemVersionRecord[]> {
+export async function loadNewsroomContentItemVersions(options: { includeCollapsedUntilOpenedStages?: readonly string[] } = {}): Promise<ContentItemVersionRecord[]> {
+  const stageDefinitions = getContentItemStageDefinitions();
+  const stagesToLoad = [
+    ...stageDefinitions
+      .filter(definition => !definition.collapsedUntilOpened || options.includeCollapsedUntilOpenedStages?.includes(definition.key))
+      .map(definition => definition.key),
+    ...legacyStageKeysToLoad(stageDefinitions),
+  ];
+  if (isLocalPreviewEnabled()) {
+    return createLocalPreviewContentItemVersions().filter(version => stagesToLoad.includes(version.stage ?? ""));
+  }
   configureAmplifyClient();
   const client = generateClient<Schema>() as unknown as {
     graphql: (options: Record<string, unknown>) => Promise<GraphQLConnectionResponse<ContentItemVersionRecord>>;
   };
   const field = "listItemsByStageAndUpdatedAt";
-  const versionsPerStage = await Promise.all(contentItemStageKeys(getContentItemStageDefinitions()).map(async (stage) => {
+  const versionsPerStage = await Promise.all(stagesToLoad.map(async (stage) => {
     const versions: ContentItemVersionRecord[] = [];
     let nextToken: string | null = null;
     do {
@@ -3826,3 +3840,72 @@ export async function requestCyclotronReviewRate(
     content: JSON.stringify(request),
   });
 }
+
+const LIST_PRIMING_REQUEST_PAYLOADS_QUERY = `
+  query ListKnowledgeRawPayloadsByOwnerAndKind($ownerId: ID!, $payloadKind: ModelStringKeyConditionInput, $limit: Int, $nextToken: String) {
+    listKnowledgeRawPayloadsByOwnerAndKind(ownerId: $ownerId, payloadKind: $payloadKind, limit: $limit, nextToken: $nextToken) {
+      items { id }
+      nextToken
+    }
+  }
+`;
+
+/** Ask the next decide-relevance sweep to prime the running cyclotron with one pasted URL. */
+export async function requestCyclotronPriming(
+  cyclotronId: string,
+  request: import("../lib/relevance-status").PrimingRequest,
+): Promise<void> {
+  const { primingRequestPayloadId, PRIMING_REQUEST_KIND, safeId } = await import("../lib/relevance-status");
+  const id = primingRequestPayloadId(cyclotronId, request.requestId);
+  await runGraphql(CREATE_KNOWLEDGE_RAW_PAYLOAD_MUTATION, {
+    input: {
+      id,
+      ownerType: "cyclotron",
+      ownerId: safeId(cyclotronId),
+      payloadKind: PRIMING_REQUEST_KIND,
+      createdAt: request.requestedAt,
+      updatedAt: request.requestedAt,
+    },
+  });
+  await uploadModelPayloadForOwner({
+    ownerKind: "knowledgeRawPayload",
+    ownerId: id,
+    ownerLineageId: id,
+    role: "raw_payload",
+    sortKey: "priming-request",
+    filename: "priming-request.json",
+    mediaType: "application/json",
+    content: JSON.stringify(request),
+  });
+}
+
+/** The saved priming requests of a cyclotron, newest first, each with the sweep's outcome once there is one. */
+export async function loadCyclotronPrimingRequests(
+  cyclotronId: string,
+): Promise<import("../lib/relevance-status").PrimingRequestView[]> {
+  const { PRIMING_OUTCOME_ROLE, PRIMING_REQUEST_KIND, isPrimingOutcome, safeId } = await import("../lib/relevance-status");
+  const ids: string[] = [];
+  let nextToken: string | null = null;
+  do {
+    const page: { listKnowledgeRawPayloadsByOwnerAndKind?: { items?: Array<{ id: string } | null>; nextToken?: string | null } | null } =
+      await runGraphql(LIST_PRIMING_REQUEST_PAYLOADS_QUERY, {
+        ownerId: safeId(cyclotronId), payloadKind: { eq: PRIMING_REQUEST_KIND }, limit: 100, nextToken,
+      });
+    const connection = page.listKnowledgeRawPayloadsByOwnerAndKind;
+    ids.push(...(connection?.items ?? []).filter((item): item is { id: string } => Boolean(item)).map((item) => item.id));
+    nextToken = connection?.nextToken ?? null;
+  } while (nextToken);
+  const views = await Promise.all(ids.map(async (id) => {
+    const payloads = await loadModelPayloadsForOwner("knowledgeRawPayload", id, ["raw_payload", PRIMING_OUTCOME_ROLE]);
+    const request = payloads.find((payload) => payload.attachment.role === "raw_payload")?.json;
+    const outcome = payloads.find((payload) => payload.attachment.role === PRIMING_OUTCOME_ROLE)?.json;
+    if (!request || typeof request !== "object") return null;
+    return {
+      request: request as import("../lib/relevance-status").PrimingRequest,
+      outcome: isPrimingOutcome(outcome) ? outcome : null,
+    };
+  }));
+  return views
+    .filter((view): view is import("../lib/relevance-status").PrimingRequestView => view !== null)
+    .sort((left, right) => right.request.requestedAt.localeCompare(left.request.requestedAt));
+}

package/components/newspaper.tsx

@@ -1139,10 +1139,10 @@ function FrontStoryBlock({
           <div className="jump-line">
             {block.jumpTargetPage ? (
               disableLinks ? (
-                <span>{block.jumpLabel ?? `SEE MORE ON A${block.jumpTargetPage}`}</span>
+                <span>{block.jumpLabel}</span>
               ) : (
                 <Link href={getPageHref(block.jumpTargetPage, editionBasePath)} onClick={(event) => handleJumpClick(event, block.jumpTargetPage ?? 1, scrollToPage)}>
-                  {block.jumpLabel ?? `SEE MORE ON A${block.jumpTargetPage}`}
+                  {block.jumpLabel}
                 </Link>
               )
             ) : (
@@ -1178,10 +1178,10 @@ function FrontStoryBlock({
         <div className="jump-line">
           {block.jumpTargetPage ? (
             disableLinks ? (
-              <span>{block.jumpLabel ?? `SEE MORE ON A${block.jumpTargetPage}`}</span>
+              <span>{block.jumpLabel}</span>
             ) : (
               <Link href={getPageHref(block.jumpTargetPage, editionBasePath)} onClick={(event) => handleJumpClick(event, block.jumpTargetPage ?? 1, scrollToPage)}>
-                {block.jumpLabel ?? `SEE MORE ON A${block.jumpTargetPage}`}
+                {block.jumpLabel}
               </Link>
             )
           ) : (

package/components/newsroom-board-view.tsx

@@ -2,12 +2,25 @@
 
 import { useEffect, useMemo, useRef, useState } from "react";
 import Link from "next/link";
-import { IssueCollection, IssueDetailPanel, IssueTypeFilter, issueTypeFromFilter } from "@kanbus/ui";
+import { IssueCollection, IssueDetailPanel, useBoardColumnState } from "@kanbus/ui";
 import "@kanbus/ui/styles/kanban.css";
 import "./newsroom-newsprint-board.css";
-import { canReadNewsroomBoard, contentItemBoardType, newsroomBoardConfig, projectNewsroomBoard, type NativeBoardIssue } from "../lib/newsroom-board";
+import { PlusIcon } from "lucide-react";
+import { buttonVariants } from "./ui/button";
+import { cn } from "../lib/utils";
+import { newsroomHref } from "../lib/newsroom-base-path";
+import {
+  ASSIGNMENT_BOARD_TYPE,
+  assignmentBoardConfig,
+  canReadNewsroomBoard,
+  contentItemBoardConfig,
+  contentItemBoardType,
+  projectAssignmentBoard,
+  projectContentItemBoard,
+  type NativeBoardIssue,
+} from "../lib/newsroom-board";
 import type { AssignmentRecord } from "../lib/category-repository";
-import { getContentItemName, SITE_BRAND } from "../lib/site-brand";
+import { getContentItemName, getContentItemStageDefinitions, SITE_BRAND } from "../lib/site-brand";
 import { getNewsroomNavHref } from "../lib/newsroom-nav";
 import { loadNewsroomAssignmentPage, loadNewsroomContentItemVersions, loadNewsroomPublishedContentItemVersions } from "./news-desk-taxonomy-client";
 import { useOptionalNewsDeskClient } from "./news-desk-client-provider";
@@ -17,6 +30,7 @@ import { useResolvedPapyrusTheme } from "./use-resolved-papyrus-theme";
 import { readLocalReaderSettings, subscribeReaderSettingsChanges } from "./reader-settings";
 
 const STATIC_MOTION = { mode: "static" } as const;
+const BOARD_REFRESH_INTERVAL_MILLISECONDS = 30_000;
 
 async function loadEveryNewsroomAssignment() {
   const assignments: AssignmentRecord[] = [];
@@ -29,20 +43,22 @@ async function loadEveryNewsroomAssignment() {
   return assignments;
 }
 
-/** Read-only shared board over authenticated CMS records; existing workspaces own every mutation. */
-export function NewsroomBoardView() {
+export type NewsroomBoardSubject = "contentItem" | "assignment";
+
+/** Read-only board of one record kind over authenticated CMS records; existing workspaces own every mutation. */
+export function NewsroomBoardView({ subject }: { subject: NewsroomBoardSubject }) {
   const session = useOptionalNewsDeskClient();
   const allowed = canReadNewsroomBoard(session?.shell.phase);
   const theme = useResolvedPapyrusTheme();
   const [lowMotion, setLowMotion] = useState(false);
   const [issues, setIssues] = useState<NativeBoardIssue[]>([]);
-  const [filter, setFilter] = useState(contentItemBoardType());
   const [view, setView] = useState<"board" | "list">("board");
-  const [revision, setRevision] = useState(0);
   const [selected, setSelected] = useState<string | null>(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const generation = useRef(0);
+  const openedCollapsedUntilOpenedStagesRef = useRef<string[]>([]);
+  const refreshIssuesRef = useRef<((initial: boolean) => void) | null>(null);
   useEffect(() => {
     setLowMotion(readLocalReaderSettings().motion === "low");
     return subscribeReaderSettingsChanges(settings => setLowMotion(settings.motion === "low"));
@@ -51,35 +67,60 @@ export function NewsroomBoardView() {
     const request = ++generation.current;
     setIssues([]); setSelected(null); setError(null);
     if (!allowed) { setLoading(false); return; }
-    setLoading(true);
-    Promise.all([
-      Promise.all([loadNewsroomContentItemVersions(), loadNewsroomPublishedContentItemVersions()]).then(([workingVersions, publishedVersions]) => [...workingVersions, ...publishedVersions]),
-      loadEveryNewsroomAssignment(),
-    ]).then(([contentItemVersions, assignments]) => {
-      if (generation.current !== request) return;
-      setIssues(projectNewsroomBoard({ contentItemVersions, assignments }));
-    }).catch((reason: unknown) => {
-      if (generation.current === request) setError(reason instanceof Error ? reason.message : "Could not load newsroom records.");
-    }).finally(() => { if (generation.current === request) { setLoading(false); } });
-    return () => { generation.current = request + 1; };
-  }, [allowed, revision]);
-  const config = useMemo(() => newsroomBoardConfig(issues), [issues]);
+    const loadIssues = () => subject === "contentItem"
+      ? Promise.all([
+        Promise.all([loadNewsroomContentItemVersions({ includeCollapsedUntilOpenedStages: openedCollapsedUntilOpenedStagesRef.current }), loadNewsroomPublishedContentItemVersions()]).then(([workingVersions, publishedVersions]) => [...workingVersions, ...publishedVersions]),
+        loadEveryNewsroomAssignment(),
+      ]).then(([contentItemVersions, assignments]) => projectContentItemBoard({ contentItemVersions, assignments }))
+      : loadEveryNewsroomAssignment().then(projectAssignmentBoard);
+    const refresh = (initial: boolean) => {
+      if (initial) setLoading(true);
+      loadIssues().then(loadedIssues => {
+        if (generation.current !== request) return;
+        setIssues(loadedIssues);
+        setError(null);
+      }).catch((reason: unknown) => {
+        if (generation.current === request && initial) setError(reason instanceof Error ? reason.message : "Could not load newsroom records.");
+      }).finally(() => { if (generation.current === request && initial) setLoading(false); });
+    };
+    refreshIssuesRef.current = refresh;
+    refresh(true);
+    const refreshWhenVisible = () => { if (document.visibilityState === "visible") refresh(false); };
+    const interval = window.setInterval(refreshWhenVisible, BOARD_REFRESH_INTERVAL_MILLISECONDS);
+    document.addEventListener("visibilitychange", refreshWhenVisible);
+    return () => { generation.current = request + 1; window.clearInterval(interval); document.removeEventListener("visibilitychange", refreshWhenVisible); };
+  }, [allowed, subject]);
+  const config = useMemo(() => subject === "contentItem" ? contentItemBoardConfig(issues) : assignmentBoardConfig(issues), [issues, subject]);
+  const boardType = subject === "contentItem" ? contentItemBoardType() : ASSIGNMENT_BOARD_TYPE;
+  const columnState = useBoardColumnState({ config, storageKey: `papyrus.cms.columns.v1.${SITE_BRAND.id}.${subject}` });
+  const openedCollapsedUntilOpenedStageKeys = useMemo(() => subject !== "contentItem" ? "" : getContentItemStageDefinitions()
+    .filter(definition => definition.collapsedUntilOpened && !columnState.collapsedColumns.has(`${boardType}/${definition.key}`))
+    .map(definition => definition.key).join(","), [boardType, columnState.collapsedColumns, subject]);
+  useEffect(() => {
+    openedCollapsedUntilOpenedStagesRef.current = openedCollapsedUntilOpenedStageKeys ? openedCollapsedUntilOpenedStageKeys.split(",") : [];
+    if (openedCollapsedUntilOpenedStageKeys) refreshIssuesRef.current?.(false);
+  }, [openedCollapsedUntilOpenedStageKeys]);
+  const pageTitle = subject === "contentItem" ? getContentItemName().plural : "Assignments";
   const issue = issues.find(item => item.id === selected);
   if (!allowed) return <NewsDeskAccessGate shell={session?.shell ?? null} />;
-  return <NewsroomOpsShell activeTab="work" appTitle={SITE_BRAND.appTitle} backLabel={SITE_BRAND.backToHomeLabel} pageTitle="Board">
+  return <NewsroomOpsShell activeTab={subject === "contentItem" ? "articles" : "assignments"} appTitle={SITE_BRAND.appTitle} backLabel={SITE_BRAND.backToHomeLabel} pageTitle={pageTitle}
+    headerActions={<>
+      <div role="group" aria-label="Record presentation" className="organizer-board-view-toggle"><button type="button" aria-pressed={view === "board"} onClick={() => setView("board")}>Board</button><button type="button" aria-pressed={view === "list"} onClick={() => setView("list")}>List</button></div>
+      {subject === "contentItem" && (
+        <Link className={cn(buttonVariants({ size: "sm" }))} data-newsroom-article-new href={getNewsroomNavHref(newsroomHref("articles", "new"))}>
+          <PlusIcon aria-hidden="true" />
+          {`New ${getContentItemName().singular.toLowerCase()}`}
+        </Link>
+      )}
+    </>}>
     <div className="organizer-native-board papyrus-newsprint-board" data-color-mode={theme}>
-      <div className="organizer-board-toolbar">
-        <IssueTypeFilter config={config} value={filter} onChange={value => { setFilter(value); setSelected(null); }} name="Record type" />
-        <div role="group" aria-label="Record presentation"><button type="button" aria-pressed={view === "board"} onClick={() => setView("board")}>Board</button><button type="button" aria-pressed={view === "list"} onClick={() => setView("list")}>List</button><button type="button" disabled={loading} onClick={() => setRevision(current => current + 1)}>Refresh records</button></div>
-      </div>
-      <p className="organizer-board-note">{`Each ${getContentItemName().singular.toLowerCase()} appears once, in the column for its stage. Open a record to use its existing editor or workflow controls.`}</p>
       {error && <NewsroomOpsStatusBanner tone="error">{error}</NewsroomOpsStatusBanner>}
       <p role="status" className="organizer-board-note">{loading ? "Loading records…" : `${issues.length} records loaded.`}</p>
       <div className="organizer-board-body" data-detail-open={Boolean(issue)}>
-        <IssueCollection issues={issues} config={config} query={{ type: issueTypeFromFilter(filter) }} view={view}
+        <IssueCollection issues={issues} config={config} query={{ type: boardType }} view={view}
           motion={lowMotion ? STATIC_MOTION : undefined}
-          columnStateKey={`papyrus.cms.columns.v1.${SITE_BRAND.id}`} initialScroll="start"
-          selectedIssueId={selected} detailOpen={Boolean(issue)} onSelectIssue={item => setSelected(item.id)} ariaLabel="Newsroom records"
+          collapsedColumns={columnState.collapsedColumns} onToggleCollapse={columnState.toggleColumn} initialScroll="start"
+          selectedIssueId={selected} detailOpen={Boolean(issue)} onSelectIssue={item => setSelected(item.id)} ariaLabel={pageTitle}
           emptyMessage={loading ? "Loading records…" : error ? "Records could not be loaded." : "No records in this selection."} />
         {issue && <IssueDetailPanel issue={issue} onClose={() => setSelected(null)} fields={[{ label: "CMS record ID", value: issue.nativeId }, { label: "Status", value: issue.nativeStatus }]}>
           <Link href={getNewsroomNavHref(issue.href)}>Open {issue.type}</Link>

package/components/newsroom-client-shell.tsx

@@ -1,11 +1,18 @@
 import { NewsDeskClientProvider } from "./news-desk-client-provider";
+import { createDemoCategorySteeringDashboard } from "../lib/category-repository";
 import { resolveDevSandboxEditorAuth } from "../lib/dev-sandbox-editor-auth";
+import { isLocalPreviewEnabled } from "../lib/local-preview";
+import { getBrandNewsroomSectionsConfigPath, resolveActiveSiteBrand } from "../lib/site-brand-tenant";
 
 export function NewsroomClientShell({ children }: Readonly<{ children: React.ReactNode }>) {
   const devSandboxEditorAuth = resolveDevSandboxEditorAuth();
+  const activeBrand = resolveActiveSiteBrand();
+  const localPreviewDashboard = isLocalPreviewEnabled()
+    ? createDemoCategorySteeringDashboard(activeBrand.id, getBrandNewsroomSectionsConfigPath(activeBrand))
+    : null;
 
   return (
-    <NewsDeskClientProvider devSandboxEditorAuth={devSandboxEditorAuth}>
+    <NewsDeskClientProvider devSandboxEditorAuth={devSandboxEditorAuth} localPreviewDashboard={localPreviewDashboard}>
       {children}
     </NewsDeskClientProvider>
   );

package/components/newsroom-organizer-shell.tsx

@@ -15,13 +15,13 @@ import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGro
 import type { NewsroomOpsShellProps } from "./newsroom-ops-shell";
 import "./newsroom-organizer.css";
 
-const ICONS = { overview: LayoutDashboard, board: ClipboardList, references: BookOpen, messages: MessagesSquare };
+const ICONS = { overview: LayoutDashboard, articles: ClipboardList, references: BookOpen, messages: MessagesSquare };
 
 /** Navigation is a presentation layer; existing route and server authorization still own access. */
 function Navigation({ activePath, demo, admin, surface, onNavigate }: { activePath: string; demo: boolean; admin: boolean; surface: string; onNavigate?: () => void }) {
   const id = useId();
   const all = ORGANIZER_NAV_GROUPS.flatMap(group => group.items);
-  const active = all.filter(item => activePath === item.path || (item.path !== "/newsroom" && activePath.startsWith(item.path + "/"))).sort((a, b) => b.path.length - a.path.length)[0]?.key;
+  const active = all.filter(item => [item.path, ...(item.alsoActiveOnPaths ?? [])].some(candidate => activePath === candidate || (candidate !== "/newsroom" && activePath.startsWith(candidate + "/")))).sort((a, b) => b.path.length - a.path.length)[0]?.key;
   return <nav className="organizer-destinations" aria-label={surface === "sidebar" ? "Newsroom" : "All workspaces"}>
     {ORGANIZER_NAV_GROUPS.map((group, index) => <section key={group.title} aria-labelledby={`${id}-${index}`}>
       <h3 id={`${id}-${index}`}>{group.title}</h3>
@@ -99,18 +99,23 @@ export function NewsroomOrganizerShell({ activeTab, appTitle, backHref = "/", ba
     return () => { document.removeEventListener("focusin", remember); media.removeEventListener("change", change); cancelAnimationFrame(frame); };
   }, []);
   const activePath = browserPathToInternalNewsroomPath(pathname ?? "/newsroom");
+  const sidebarToggleLabel = collapsed ? "Expand sidebar" : "Collapse sidebar";
+  const sidebarToggle = <button type="button" className="organizer-toggle" title={sidebarToggleLabel}
+    aria-label={sidebarToggleLabel} aria-expanded={!collapsed} aria-controls="organizer-sidebar" onClick={() => setCollapsed(value => !value)}>
+    {collapsed ? <PanelLeftOpen size={16} aria-hidden="true" /> : <PanelLeftClose size={16} aria-hidden="true" />}
+  </button>;
   return <div className="newsroom-organizer" data-news-desk data-newsroom-ops-shell="true" data-newsroom-chrome="organizer" data-sidebar-collapsed={collapsed || !showNavigation ? "true" : "false"}>
     {showNavigation && <aside className="organizer-sidebar" hidden={collapsed} id="organizer-sidebar">
-      <Link className="organizer-brand" href={getNewsroomNavHref("/newsroom", demo)}>{appTitle}<small>The newsroom</small></Link>
+      <div className="organizer-sidebar-head">
+        <Link className="organizer-brand" href={getNewsroomNavHref("/newsroom", demo)}>{appTitle}<small>The newsroom</small></Link>
+        {sidebarToggle}
+      </div>
       <Navigation activePath={activePath} demo={demo} admin={admin} surface="sidebar" />
       <Account placement="sidebar" />
     </aside>}
     <div className="organizer-workspace">
       <header className="organizer-topbar" data-newsroom-ops-topbar>
-        {showNavigation && <button type="button" className="organizer-toggle" title={collapsed ? "Expand sidebar" : "Collapse sidebar"}
-          aria-label={collapsed ? "Expand sidebar" : "Collapse sidebar"} aria-expanded={!collapsed} aria-controls="organizer-sidebar" onClick={() => setCollapsed(value => !value)}>
-          {collapsed ? <PanelLeftOpen size={16} aria-hidden="true" /> : <PanelLeftClose size={16} aria-hidden="true" />}<span>{collapsed ? "Expand sidebar" : "Collapse sidebar"}</span>
-        </button>}
+        {showNavigation && collapsed && sidebarToggle}
         <Link className="organizer-masthead" href={backHref} title={backLabel}>{appTitle}</Link>
         <h1 data-newsroom-ops-title>{pageTitle}</h1><div className="organizer-header-actions">{headerActions}</div><Account placement="header" />
       </header>
@@ -118,7 +123,7 @@ export function NewsroomOrganizerShell({ activeTab, appTitle, backHref = "/", ba
     </div>
     {showNavigation && <nav className="organizer-bottom-nav" aria-label="Primary newsroom navigation"><ul>
       {ORGANIZER_PRIMARY_NAV.map(item => { const Icon = ICONS[item.key as keyof typeof ICONS]; return <li key={item.key}><Link
-        href={getNewsroomNavHref(item.path, demo)} title={item.description} aria-label={item.label} aria-current={activeTab === item.key || activeTab === "work" && item.key === "board" ? "page" : undefined}>
+        href={getNewsroomNavHref(item.path, demo)} title={item.description} aria-label={item.label} aria-current={activeTab === item.key ? "page" : undefined}>
         <Icon size={18} aria-hidden="true" /><span>{item.label}</span></Link></li>; })}
       <li><Sheet open={menuOpen} onOpenChange={setMenuOpen}><SheetTrigger className="organizer-more" aria-label="More"><Menu size={18} aria-hidden="true" /><span>More</span></SheetTrigger>
         <SheetContent side="bottom" className="organizer-menu"><SheetHeader><SheetTitle>Newsroom</SheetTitle><SheetDescription>Workspaces and administration</SheetDescription></SheetHeader>

package/components/newsroom-organizer.css

@@ -23,7 +23,8 @@ body:has(.newsroom-organizer)>[data-staging-banner]{flex-shrink:0}
 .organizer-topbar{height:57px;min-height:57px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--org-ink)}
 .organizer-masthead{font:900 28px Newsroom Display,Georgia,serif;white-space:nowrap;max-width:30vw;overflow:hidden;text-overflow:ellipsis}
 .organizer-topbar h1{font:400 12px Newsroom UI,system-ui;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
-.organizer-toggle{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid var(--org-line);font:400 11px Newsroom UI,system-ui;flex-shrink:0}
+.organizer-toggle{display:flex;align-items:center;justify-content:center;width:36px;min-height:36px;padding:0;border:1px solid var(--org-line);flex-shrink:0}
+.organizer-sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.organizer-sidebar-head .organizer-brand{flex:1;min-width:0}
 .organizer-header-actions{display:flex;align-items:center;gap:8px;min-width:0;max-width:45%;overflow-x:auto}
 .organizer-main{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;flex:1;padding:16px 0}
 .organizer-main>[data-category-steering]{min-height:0}.organizer-demo-notice{font-size:11px;color:var(--org-muted);margin-bottom:12px}
@@ -36,10 +37,9 @@ body:has(.newsroom-organizer)>[data-staging-banner]{flex-shrink:0}
 .organizer-bottom-nav{display:none}
 .organizer-main:has(.organizer-native-board){display:flex;overflow:hidden}
 .organizer-native-board{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;gap:12px}
-.organizer-board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;flex-wrap:wrap}
-.organizer-board-toolbar [role=group]{display:flex;gap:8px;flex-wrap:wrap}
-.organizer-board-toolbar button{min-height:44px;padding:8px 12px;border:1px solid var(--org-line)}
-.organizer-board-toolbar button[aria-pressed=true]{background:var(--org-ink);color:var(--org-paper)}
+.organizer-board-view-toggle{display:flex;gap:4px;flex-shrink:0}
+.organizer-board-view-toggle button{min-height:36px;padding:4px 12px;border:1px solid var(--org-line)}
+.organizer-board-view-toggle button[aria-pressed=true]{background:var(--org-ink);color:var(--org-paper)}
 .organizer-board-note{font-size:11px;line-height:1.5;margin:0;color:var(--org-muted)}
 .organizer-board-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-width:0;min-height:0;gap:16px}
 .organizer-board-body[data-detail-open=true]{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}

package/components/newsroom-references-view.tsx

@@ -49,7 +49,9 @@ import { normalizeReferenceCurationStatus } from "../lib/reference-policy";
 import { newsroomListRowClassName } from "../lib/newsroom-list-selection";
 import { ReferenceSourcePreview } from "./reference-source-preview";
 import { ReferenceRelevanceReview } from "./reference-relevance-review";
+import { ReferenceCyclotronPriming, type PrimingFormInput } from "./reference-cyclotron-priming";
 import { ReferenceCyclotronStatus, type ReviewRateChoice } from "./reference-cyclotron-status";
+import type { PrimingRequestView } from "../lib/relevance-status";
 import type { CyclotronStatus } from "cyclotron/cyclotron-status";
 import type { RelevanceCuration, RelevanceDecisionView } from "../lib/relevance-decisions";
 import {
@@ -62,6 +64,12 @@ type NewsroomReferencesViewProps = {
   priming?: PrimingPanelProps;
   /** The relevance cyclotron's status snapshot, shown above the list. */
   cyclotronStatus?: CyclotronStatus | null;
+  /** Present for editors who may prime the running relevance cyclotron with a pasted URL. */
+  cyclotronPriming?: {
+    labels: readonly string[];
+    requests: PrimingRequestView[];
+    onRequest: (input: PrimingFormInput) => Promise<void> | void;
+  };
   /** Present for editors who may ask for a manual review rate. */
   onRequestReviewRate?: (choice: ReviewRateChoice) => Promise<void> | void;
   demo?: boolean;
@@ -399,6 +407,7 @@ function ReferenceDetailPanel({
 export function NewsroomReferencesView({
   priming,
   cyclotronStatus,
+  cyclotronPriming,
   decisions,
   onRequestReviewRate,
   demo = false,
@@ -516,6 +525,15 @@ export function NewsroomReferencesView({
         </div>
         <ReferenceCurationControls disabled={disabled} />
         {priming && !disabled ? <ReferencePriming {...priming} /> : null}
+        {cyclotronPriming && !disabled ? (
+          <div className="shrink-0">
+            <ReferenceCyclotronPriming
+              labels={cyclotronPriming.labels}
+              onRequestPriming={cyclotronPriming.onRequest}
+              requests={cyclotronPriming.requests}
+            />
+          </div>
+        ) : null}
         {cyclotronStatus ? (
           <div className="shrink-0">
             <ReferenceCyclotronStatus onRequestRate={disabled ? undefined : onRequestReviewRate} status={cyclotronStatus} />