@anthusai/papyrus 1.4.0 → 1.5.0

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

@@ -1,6 +1,7 @@
 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";
@@ -43,10 +44,11 @@ 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/articles"));
+  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;

package/app/newsroom/articles/page.tsx

@@ -1,3 +1,6 @@
+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";
@@ -11,6 +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") return <NewsroomBoardView subject="contentItem" />;
+  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/newsroom-board-view.tsx

@@ -93,19 +93,16 @@ export function NewsroomBoardView({ subject }: { subject: NewsroomBoardSubject }
   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}
-    headerActions={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>
-    ) : undefined}>
+    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">
-        <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></div>
-      </div>
-      <p className="organizer-board-note">{subject === "contentItem"
-        ? `Each ${getContentItemName().singular.toLowerCase()} appears once, in the column for its stage. Open one to use its existing editor.`
-        : "Each assignment appears once, in the column for its status. Open one to use its existing 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)}>

package/components/newsroom-organizer-shell.tsx

@@ -21,7 +21,7 @@ const ICONS = { overview: LayoutDashboard, articles: ClipboardList, references:
 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>

package/components/newsroom-organizer.css

@@ -37,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/lib/newsroom-board.ts

@@ -17,6 +17,10 @@ export interface NativeBoardIssue extends KanbanIssue {
   href: string;
 }
 
+export function contentItemBoardPathSegment(): string {
+  return getContentItemName().plural.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "articles";
+}
+
 export function contentItemBoardType(): string {
   return getContentItemName().singular.toLowerCase();
 }

package/lib/newsroom-organizer-nav.ts

@@ -1,14 +1,15 @@
+import { contentItemBoardPathSegment } from "./newsroom-board";
 import { getContentItemName } from "./site-brand";
 
 const contentItemPluralLowercase = getContentItemName().plural.toLowerCase();
 export type OrganizerDestination = {
   key: string; label: string; description: string; path: string;
-  access?: "admin"; primary?: boolean; unavailable?: string;
+  access?: "admin"; primary?: boolean; unavailable?: string; alsoActiveOnPaths?: readonly string[];
 };
 export const ORGANIZER_NAV_GROUPS: readonly { title: string; items: readonly OrganizerDestination[] }[] = [
   { title: "Editorial work", items: [
     { key: "overview", label: "Overview", description: "See the desk and choose where to begin.", path: "/newsroom", primary: true },
-    { key: "articles", label: getContentItemName().plural, description: `Follow ${contentItemPluralLowercase} across their stages and open one to write or revise it.`, path: "/newsroom/articles", primary: true },
+    { key: "articles", label: getContentItemName().plural, description: `Follow ${contentItemPluralLowercase} across their stages and open one to write or revise it.`, path: `/newsroom/${contentItemBoardPathSegment()}`, alsoActiveOnPaths: ["/newsroom/articles"], primary: true },
     { key: "assignments", label: "Assignments", description: "Follow research and reporting work across its statuses and claim it.", path: "/newsroom/assignments" },
     { key: "messages", label: "Messages", description: "Read and reply to newsroom conversations.", path: "/newsroom/messages", primary: true },
     { key: "insights", label: "Insights", description: "Discuss findings and research threads.", path: "/newsroom/insights" },

package/package.json

@@ -350,7 +350,7 @@
       "optional": true
     }
   },
-  "version": "1.4.0",
+  "version": "1.5.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.4.0",
+  "version": "1.5.0",
   "routes": [
     {
       "file": "app/%5F_preview/[[...path]]/route.ts",