@anthusai/papyrus 1.6.0 → 1.7.0

package/app/newsroom/sections/[sectionId]/page.tsx

@@ -1,4 +1,6 @@
 import { notFound } from "next/navigation";
+import { resolveActiveSiteBrand } from "../../../../lib/site-brand-tenant";
+import { NewsroomBoardView } from "../../../../components/newsroom-board-view";
 import { NewsDeskPage } from "../../../../components/news-desk-page";
 
 export const dynamic = "force-dynamic";
@@ -13,5 +15,6 @@ export default async function NewsroomDeepSectionPage({ params, searchParams }:
   const normalizedSectionId = decodeURIComponent(sectionId ?? "").trim();
   if (!normalizedSectionId) notFound();
 
+  if (resolveActiveSiteBrand().newsroomLayout === "organizer") return <NewsroomBoardView subject="desk" deskId={normalizedSectionId} />;
   return <NewsDeskPage sectionPageId={normalizedSectionId} searchParams={searchParams} />;
 }

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

@@ -2236,6 +2236,7 @@ type PublishedItemBoardRow = {
 };
 
 export async function loadNewsroomPublishedContentItemVersions(): Promise<ContentItemVersionRecord[]> {
+  if (isLocalPreviewEnabled()) return [];
   configureAmplifyClient();
   const client = generateClient<Schema>() as unknown as {
     graphql: (options: Record<string, unknown>) => Promise<GraphQLConnectionResponse<PublishedItemBoardRow>>;

package/components/newsroom-board-view.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useMemo, useRef, useState } from "react";
 import Link from "next/link";
-import { IssueCollection, IssueDetailPanel, useBoardColumnState } from "@kanbus/ui";
+import { IssueCollection, IssueDetailPanel, IssueTypeFilter, issueTypeFromFilter, useBoardColumnState } from "@kanbus/ui";
 import "@kanbus/ui/styles/kanban.css";
 import "./newsroom-newsprint-board.css";
 import { PlusIcon } from "lucide-react";
@@ -15,11 +15,15 @@ import {
   canReadNewsroomBoard,
   contentItemBoardConfig,
   contentItemBoardType,
+  deskBoardConfig,
+  deskContainsAssignment,
+  deskContainsContentItem,
   projectAssignmentBoard,
   projectContentItemBoard,
   type NativeBoardIssue,
 } from "../lib/newsroom-board";
-import type { AssignmentRecord } from "../lib/category-repository";
+import type { AssignmentRecord, NewsroomSectionRecord } from "../lib/category-repository";
+import { displayNewsroomSectionShortTitle } from "../lib/newsroom-sections";
 import { getContentItemName, getContentItemStageDefinitions, SITE_BRAND } from "../lib/site-brand";
 import { getNewsroomNavHref } from "../lib/newsroom-nav";
 import { loadNewsroomAssignmentPage, loadNewsroomPublishedContentItemVersions } from "./news-desk-taxonomy-client";
@@ -46,10 +50,10 @@ async function loadEveryNewsroomAssignment() {
   return assignments;
 }
 
-export type NewsroomBoardSubject = "contentItem" | "assignment";
+export type NewsroomBoardSubject = "contentItem" | "assignment" | "desk";
 
 /** Read-only board of one record kind over authenticated CMS records; existing workspaces own every mutation. */
-export function NewsroomBoardView({ subject }: { subject: NewsroomBoardSubject }) {
+export function NewsroomBoardView({ subject, deskId }: { subject: NewsroomBoardSubject; deskId?: string }) {
   const session = useOptionalNewsDeskClient();
   const allowed = canReadNewsroomBoard(session?.shell.phase);
   const theme = useResolvedPapyrusTheme();
@@ -63,13 +67,20 @@ export function NewsroomBoardView({ subject }: { subject: NewsroomBoardSubject }
   const [supportingRecordsError, setSupportingRecordsError] = useState<string | null>(null);
   const generation = useRef(0);
   const boardBodyRef = useRef<HTMLDivElement | null>(null);
-  const boardType = subject === "contentItem" ? contentItemBoardType() : ASSIGNMENT_BOARD_TYPE;
-  const columnStateConfig = useMemo(() => subject === "contentItem" ? contentItemBoardConfig([]) : assignmentBoardConfig(assignmentBoardIssues), [assignmentBoardIssues, subject]);
+  const [typeFilter, setTypeFilter] = useState<string | null>("all");
+  const showsContentItems = subject !== "assignment";
+  const contentItemColumnKeyPrefix = `${contentItemBoardType()}/`;
+  const boardType = subject === "assignment" ? ASSIGNMENT_BOARD_TYPE : contentItemBoardType();
+  const deskAssignmentIssues = useMemo(() => subject === "desk" && deskId
+    ? projectAssignmentBoard(assignments.filter(assignment => deskContainsAssignment(assignment, deskId))) : [], [assignments, deskId, subject]);
+  const columnStateConfig = useMemo(() => subject === "contentItem" ? contentItemBoardConfig([])
+    : subject === "desk" ? deskBoardConfig(deskAssignmentIssues)
+    : assignmentBoardConfig(assignmentBoardIssues), [assignmentBoardIssues, deskAssignmentIssues, subject]);
   const columnState = useBoardColumnState({ config: columnStateConfig, storageKey: `papyrus.cms.columns.v1.${SITE_BRAND.id}.${subject}` });
-  const openedCollapsedUntilOpenedStages = useMemo(() => subject !== "contentItem" ? [] : getContentItemStageDefinitions()
-    .filter(definition => definition.collapsedUntilOpened && !columnState.collapsedColumns.has(`${boardType}/${definition.key}`))
-    .map(definition => definition.key), [boardType, columnState.collapsedColumns, subject]);
-  const pagedContentItems = usePagedContentItemVersions({ enabled: allowed && subject === "contentItem", openedCollapsedUntilOpenedStages });
+  const openedCollapsedUntilOpenedStages = useMemo(() => !showsContentItems ? [] : getContentItemStageDefinitions()
+    .filter(definition => definition.collapsedUntilOpened && !columnState.collapsedColumns.has(`${contentItemColumnKeyPrefix}${definition.key}`))
+    .map(definition => definition.key), [contentItemColumnKeyPrefix, columnState.collapsedColumns, showsContentItems]);
+  const pagedContentItems = usePagedContentItemVersions({ enabled: allowed && showsContentItems, openedCollapsedUntilOpenedStages });
   useEffect(() => {
     setLowMotion(readLocalReaderSettings().motion === "low");
     return subscribeReaderSettingsChanges(settings => setLowMotion(settings.motion === "low"));
@@ -78,7 +89,7 @@ export function NewsroomBoardView({ subject }: { subject: NewsroomBoardSubject }
     const request = ++generation.current;
     setAssignmentBoardIssues([]); setPublishedVersions([]); setAssignments([]); setSelected(null); setSupportingRecordsError(null);
     if (!allowed) { setSupportingRecordsLoading(false); return; }
-    const loadSupportingRecords = () => subject === "contentItem"
+    const loadSupportingRecords = () => subject !== "assignment"
       ? Promise.all([loadNewsroomPublishedContentItemVersions(), loadEveryNewsroomAssignment()]).then(([published, everyAssignment]) => {
         if (generation.current === request) { setPublishedVersions(published); setAssignments(everyAssignment); }
       })
@@ -99,13 +110,19 @@ export function NewsroomBoardView({ subject }: { subject: NewsroomBoardSubject }
     document.addEventListener("visibilitychange", refreshWhenVisible);
     return () => { generation.current = request + 1; window.clearInterval(interval); document.removeEventListener("visibilitychange", refreshWhenVisible); };
   }, [allowed, subject]);
-  const issues = useMemo(() => subject === "contentItem"
-    ? projectContentItemBoard({ contentItemVersions: [...pagedContentItems.versions, ...publishedVersions], assignments })
-    : assignmentBoardIssues, [assignmentBoardIssues, assignments, pagedContentItems.versions, publishedVersions, subject]);
-  const loading = supportingRecordsLoading || (subject === "contentItem" && pagedContentItems.loading);
-  const error = supportingRecordsError ?? (subject === "contentItem" ? pagedContentItems.error : null);
-  const config = useMemo(() => subject === "contentItem" ? contentItemBoardConfig(issues) : assignmentBoardConfig(issues), [issues, subject]);
-  const columnStageFromElement = (element: Element | null) => element?.closest("[data-column-key]")?.getAttribute("data-column-key")?.slice(boardType.length + 1) ?? null;
+  const issues = useMemo(() => {
+    if (subject === "assignment") return assignmentBoardIssues;
+    if (subject === "contentItem") return projectContentItemBoard({ contentItemVersions: [...pagedContentItems.versions, ...publishedVersions], assignments });
+    const versionsOnDesk = [...pagedContentItems.versions, ...publishedVersions].filter(version => deskId && deskContainsContentItem(version, deskId));
+    return [...projectContentItemBoard({ contentItemVersions: versionsOnDesk, assignments: assignments.filter(assignment => deskId && deskContainsAssignment(assignment, deskId)) }), ...deskAssignmentIssues];
+  }, [assignmentBoardIssues, assignments, deskAssignmentIssues, deskId, pagedContentItems.versions, publishedVersions, subject]);
+  const loading = supportingRecordsLoading || (showsContentItems && pagedContentItems.loading);
+  const error = supportingRecordsError ?? (showsContentItems ? pagedContentItems.error : null);
+  const config = useMemo(() => subject === "contentItem" ? contentItemBoardConfig(issues) : subject === "desk" ? deskBoardConfig(issues) : assignmentBoardConfig(issues), [issues, subject]);
+  const columnStageFromElement = (element: Element | null) => {
+    const columnKey = element?.closest("[data-column-key]")?.getAttribute("data-column-key");
+    return columnKey?.startsWith(contentItemColumnKeyPrefix) ? columnKey.slice(contentItemColumnKeyPrefix.length) : null;
+  };
   const loadMoreWhenColumnIsNearItsEnd = (columnScroll: HTMLElement) => {
     const distanceToEnd = columnScroll.scrollHeight - columnScroll.scrollTop - columnScroll.clientHeight;
     const stage = columnStageFromElement(columnScroll);
@@ -113,19 +130,20 @@ export function NewsroomBoardView({ subject }: { subject: NewsroomBoardSubject }
   };
   const handleBoardScroll = (event: React.UIEvent<HTMLDivElement>) => {
     const target = event.target as HTMLElement;
-    if (subject === "contentItem" && target.classList?.contains("kb-column-scroll")) loadMoreWhenColumnIsNearItsEnd(target);
+    if (showsContentItems && target.classList?.contains("kb-column-scroll")) loadMoreWhenColumnIsNearItsEnd(target);
   };
   useEffect(() => {
-    if (subject !== "contentItem") return;
+    if (!showsContentItems) return;
     boardBodyRef.current?.querySelectorAll<HTMLElement>(".kb-column-scroll").forEach(loadMoreWhenColumnIsNearItsEnd);
   });
-  const pageTitle = subject === "contentItem" ? getContentItemName().plural : "Assignments";
+  const deskTitle = session?.shell.dashboard?.newsroomSections?.find(section => section.id === deskId)?.title ?? (deskId ? displayNewsroomSectionShortTitle({ id: deskId } as NewsroomSectionRecord) : "Desk");
+  const pageTitle = subject === "contentItem" ? getContentItemName().plural : subject === "desk" ? deskTitle : "Assignments";
   const issue = issues.find(item => item.id === selected);
   if (!allowed) return <NewsDeskAccessGate shell={session?.shell ?? null} />;
-  return <NewsroomOpsShell activeTab={subject === "contentItem" ? "articles" : "assignments"} appTitle={SITE_BRAND.appTitle} backLabel={SITE_BRAND.backToHomeLabel} pageTitle={pageTitle}
+  return <NewsroomOpsShell activeTab={subject === "contentItem" ? "articles" : subject === "desk" ? "desks" : "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" && (
+      {showsContentItems && (
         <Link className={cn(buttonVariants({ size: "sm" }))} data-newsroom-article-new href={getNewsroomNavHref(newsroomHref("articles", "new"))}>
           <PlusIcon aria-hidden="true" />
           {`New ${getContentItemName().singular.toLowerCase()}`}
@@ -135,8 +153,9 @@ export function NewsroomBoardView({ subject }: { subject: NewsroomBoardSubject }
     <div className="organizer-native-board papyrus-newsprint-board" data-color-mode={theme}>
       {error && <NewsroomOpsStatusBanner tone="error">{error}</NewsroomOpsStatusBanner>}
       <p role="status" className="organizer-board-note">{loading ? "Loading records…" : `${issues.length} records loaded.`}</p>
+      {subject === "desk" && <IssueTypeFilter config={config} value={typeFilter} onChange={setTypeFilter} name="Record type" className="organizer-board-type-filter" />}
       <div className="organizer-board-body" data-detail-open={Boolean(issue)} ref={boardBodyRef} onScrollCapture={handleBoardScroll}>
-        <IssueCollection issues={issues} config={config} query={{ type: boardType }} view={view}
+        <IssueCollection issues={issues} config={config} query={{ type: subject === "desk" ? issueTypeFromFilter(typeFilter) : boardType }} view={view}
           motion={lowMotion ? STATIC_MOTION : undefined}
           collapsedColumns={columnState.collapsedColumns} onToggleCollapse={columnState.toggleColumn} initialScroll="start"
           selectedIssueId={selected} detailOpen={Boolean(issue)} onSelectIssue={item => setSelected(item.id)} ariaLabel={pageTitle}

package/lib/newsroom-board.ts

@@ -114,6 +114,31 @@ export function assignmentBoardConfig(issues: readonly NativeBoardIssue[]): Kanb
     .map(status => ({ key: `${ASSIGNMENT_BOARD_TYPE}/${status}`, name: assignmentStatusLabel(status) })));
 }
 
+function matchesDesk(candidate: string | null | undefined, deskId: string): boolean {
+  return Boolean(candidate) && candidate!.trim().toLowerCase() === deskId.trim().toLowerCase();
+}
+
+export function deskContainsContentItem(version: ContentItemVersionRecord, deskId: string): boolean {
+  return matchesDesk(version.section, deskId);
+}
+
+export function deskContainsAssignment(assignment: AssignmentRecord, deskId: string): boolean {
+  return matchesDesk(assignment.sectionId, deskId) || matchesDesk(assignment.sectionKey, deskId);
+}
+
+/** A desk board shows stories and assignments side by side; each keeps its own columns and the type filter narrows to one. */
+export function deskBoardConfig(issues: readonly NativeBoardIssue[]): KanbanConfig {
+  const storiesConfig = contentItemBoardConfig(issues.filter(issue => issue.kind === "contentItem"));
+  const assignmentsConfig = assignmentBoardConfig(issues.filter(issue => issue.kind === "assignment"));
+  return {
+    ...storiesConfig,
+    types: [...(storiesConfig.types ?? []), ...(assignmentsConfig.types ?? [])],
+    statuses: [...storiesConfig.statuses, ...assignmentsConfig.statuses],
+    categories: storiesConfig.categories,
+    workflows: { ...storiesConfig.workflows, ...assignmentsConfig.workflows },
+  };
+}
+
 export function canReadNewsroomBoard(phase: string | undefined): boolean {
   return phase === "ready";
 }

package/lib/site-stack.ts

@@ -149,7 +149,7 @@ export const PILOBOL_US_THEME_PACK_TOKENS: ThemePackTokens = {
 };
 
 /**
- * Anthus palette, read off the live Gatsby site at `AnthusAI/Anth.us`
+ * Anthus palette, read off the live Gatsby site at `AnthusAI/Anth.us-legacy-Gatsby`
  * (`src/styles/variables.scss` `:root`). Colors only — Shadcn owns typography.
  * Mapping from that file's names to the pack's slots:
  *

package/package.json

@@ -351,7 +351,7 @@
       "optional": true
     }
   },
-  "version": "1.6.0",
+  "version": "1.7.0",
   "dependencies": {
     "@aws-amplify/adapter-nextjs": "^1.7.3",
     "@aws-crypto/sha256-js": "5.2.0",

package/routes.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.6.0",
+  "version": "1.7.0",
   "routes": [
     {
       "file": "app/%5F_preview/[[...path]]/route.ts",