@anthusai/papyrus 1.0.0-next.57 → 1.0.0-next.59

package/app/newsroom/settings/page.tsx

@@ -0,0 +1,6 @@
+import Settings from "../../settings/page";
+
+export { metadata } from "../../settings/page";
+export const dynamic = "force-dynamic";
+
+export default Settings;

package/components/newsroom-board-view.tsx

@@ -3,9 +3,8 @@
 import { useEffect, useMemo, useRef, useState } from "react";
 import Link from "next/link";
 import { IssueCollection, IssueDetailPanel, IssueTypeFilter, issueTypeFromFilter } from "@kanbus/ui";
-import "@kanbus/ui/styles/tokens.css";
 import "@kanbus/ui/styles/kanban.css";
-import "@kanbus/ui/styles/organizer.css";
+import "./newsroom-newsprint-board.css";
 import { canReadNewsroomBoard, newsroomBoardConfig, projectNewsroomBoard, type NativeBoardIssue } from "../lib/newsroom-board";
 import { resolveArticlesBackend } from "../lib/newsroom-articles";
 import { SITE_BRAND } from "../lib/site-brand";
@@ -77,7 +76,7 @@ export function NewsroomBoardView() {
   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">
-    <div className="organizer-native-board kb-theme-organizer" data-color-mode={theme}>
+    <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>

package/components/newsroom-newsprint-board.css

@@ -0,0 +1,48 @@
+.papyrus-newsprint-board {
+  --background: var(--org-paper);
+  --card: var(--org-paper);
+  --frame: var(--org-paper);
+  --column: var(--org-paper);
+  --border: var(--org-line);
+  --text-foreground: var(--org-ink);
+  --text-muted: var(--org-muted);
+  --text-selected: var(--org-ink);
+  --font-body: Newsroom UI, system-ui, sans-serif;
+  --kb-column-width: 245px;
+  --kb-column-radius: 0;
+  --kb-card-radius: 0;
+  --kb-card-border-width: 0;
+  --kb-card-shadow: none;
+  --kb-card-selected-shadow: none;
+  --kb-board-gap: 18px;
+  color: var(--org-ink);
+  background: transparent;
+}
+.papyrus-newsprint-board .kb-grid { height: 100%; min-height: 0; scrollbar-width: thin; }
+.papyrus-newsprint-board .kb-column { border-left: 1px solid var(--org-line); padding-left: 10px; }
+.papyrus-newsprint-board .kb-column-header {
+  border-bottom: 2px solid var(--org-ink);
+  padding: 5px 0;
+  font: 700 12px Newsroom Display, Georgia, serif;
+  text-transform: uppercase;
+  letter-spacing: .6px;
+  min-height: 32px;
+}
+.papyrus-newsprint-board .issue-card {
+  --issue-accent: var(--org-paper) !important;
+  --issue-accent-muted: var(--muted) !important;
+  --issue-accent-foreground: var(--org-ink) !important;
+  --issue-priority-bg: var(--org-paper) !important;
+  background: transparent !important;
+  border-radius: 0;
+  border-bottom: 1px solid var(--org-line) !important;
+  box-shadow: none !important;
+}
+.papyrus-newsprint-board .issue-accent-bar { border-bottom: 1px solid var(--org-line); background: var(--org-paper) !important; color: var(--org-ink) !important; }
+.papyrus-newsprint-board .issue-accent-id { font: 400 9px Newsroom UI, system-ui, sans-serif; letter-spacing: .8px; white-space: nowrap; color: var(--org-ink) !important; }
+.papyrus-newsprint-board .issue-accent-priority { border-radius: 0; color: var(--org-muted) !important; background: transparent !important; font-size: 8px; }
+.papyrus-newsprint-board .issue-card h3 { font: 700 19px/1.2 Newsroom Display, Georgia, serif !important; letter-spacing: -.2px; }
+.papyrus-newsprint-board .issue-card[data-selected=true] { outline: 2px solid var(--org-ink); outline-offset: -2px; }
+.papyrus-newsprint-board .issue-card[data-selected=true] h3 { color: var(--org-ink) !important; }
+.papyrus-newsprint-board .kb-issue-detail { background: var(--org-paper); border: 1px solid var(--org-line); border-radius: 0; box-shadow: none; }
+.papyrus-newsprint-board .kb-issue-detail h2 { font: 700 28px/1.2 Newsroom Display, Georgia, serif; border-bottom: 3px double var(--org-ink); padding-bottom: 12px; }

package/components/newsroom-organizer-shell.tsx

@@ -4,7 +4,7 @@ import { useEffect, useId, useState } from "react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { BookOpen, ClipboardList, LayoutDashboard, Menu, MessagesSquare, PanelLeftClose, PanelLeftOpen, Settings, UserRound, LogIn, LogOut } from "lucide-react";
-import { ORGANIZER_NAV_GROUPS, ORGANIZER_PRIMARY_NAV } from "../lib/newsroom-organizer-nav";
+import { ORGANIZER_NAV_GROUPS, ORGANIZER_PRIMARY_NAV, ORGANIZER_SETTINGS_DESTINATION } from "../lib/newsroom-organizer-nav";
 import { browserPathToInternalNewsroomPath } from "../lib/newsroom-base-path";
 import { getNewsroomNavHref } from "../lib/newsroom-nav";
 import { SITE_BRAND } from "../lib/site-brand";
@@ -52,7 +52,7 @@ function Account({ placement }: { placement: "sidebar" | "header" }) {
     <DropdownMenuContent className="organizer-account-popup" side={placement === "sidebar" ? "top" : "bottom"} align="end">
       <DropdownMenuGroup>
         <DropdownMenuLabel>{auth.label}</DropdownMenuLabel><DropdownMenuSeparator />
-        <DropdownMenuItem render={<Link href="/settings" />}><Settings aria-hidden="true" />Settings</DropdownMenuItem>
+        <DropdownMenuItem render={<Link href={ORGANIZER_SETTINGS_DESTINATION.path} />}><Settings aria-hidden="true" />{ORGANIZER_SETTINGS_DESTINATION.label}</DropdownMenuItem>
         <ReaderAuthControl authState={auth} renderAction={({ disabled, onClick, signedIn }) => <DropdownMenuItem disabled={disabled} closeOnClick={false} onClick={onClick}>
           {signedIn ? <LogOut aria-hidden="true" /> : <LogIn aria-hidden="true" />}{signedIn ? "Sign out" : "Sign in"}
         </DropdownMenuItem>} />

package/components/newsroom-organizer.css

@@ -5,6 +5,10 @@
 .newsroom-organizer,.organizer-menu,.organizer-account-popup{--org-paper:var(--background);--org-ink:var(--foreground);--org-line:var(--border);--org-muted:var(--muted-foreground);font-family:Newsroom UI,system-ui,sans-serif;color:var(--org-ink);background:var(--org-paper)}
 .newsroom-organizer{display:grid;grid-template-columns:264px minmax(0,1fr);height:100dvh;max-height:100dvh;overflow:clip;font-size:14px}
 .newsroom-organizer[data-sidebar-collapsed=true]{grid-template-columns:minmax(0,1fr)}
+body:has(.newsroom-organizer){display:flex;flex-direction:column;height:100dvh;overflow:hidden}
+body:has(.newsroom-organizer)>[data-staging-banner]{flex-shrink:0}
+.papyrus-console-page:has(.newsroom-organizer){display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}
+.papyrus-console-page .newsroom-organizer{height:100%;max-height:100%;flex:1}
 .newsroom-organizer h1,.newsroom-organizer h2,.newsroom-organizer h3{font-family:Newsroom Display,Georgia,serif}
 .organizer-sidebar{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--org-line);padding:16px;gap:16px;overflow:hidden}
 .organizer-sidebar[hidden]{display:none}.organizer-brand{font:900 40px/1.1 Newsroom Display,Georgia,serif;padding-bottom:20px;border-bottom:3px double var(--org-ink)}
@@ -31,12 +35,12 @@
 .organizer-account-popup [role=menuitem]{min-height:40px;font-size:12px}.organizer-account-popup .reader-auth{display:contents}.organizer-account-popup .reader-auth__error{display:block;white-space:normal;font-size:11px;padding:8px}
 .organizer-bottom-nav{display:none}
 .organizer-main:has(.organizer-native-board){display:flex;overflow:hidden}
-.organizer-native-board.kb-theme-organizer{--font-body:Newsroom UI,system-ui,sans-serif;--kb-label-font:Newsroom UI,system-ui,sans-serif;--kb-display-font:Newsroom Display,Georgia,serif;display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;gap:12px}
+.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],.organizer-board-pages{display:flex;gap:8px;flex-wrap:wrap}
 .organizer-board-toolbar button,.organizer-board-pages button{min-height:44px;padding:8px 12px;border:1px solid var(--org-line)}
-.organizer-board-toolbar button[aria-pressed=true]{background:var(--organizer-ink);color:var(--organizer-paper)}
-.organizer-board-note{font-size:11px;line-height:1.5;margin:0;color:var(--organizer-muted)}
+.organizer-board-toolbar 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)}
 .organizer-board-body>.kb-issue-collection{height:100%;min-height:0;overflow:auto}

package/lib/newsroom-organizer-nav.ts

@@ -28,3 +28,7 @@ export const ORGANIZER_NAV_GROUPS: readonly { title: string; items: readonly Org
 ];
 const all = ORGANIZER_NAV_GROUPS.flatMap(group => group.items);
 export const ORGANIZER_PRIMARY_NAV = ["overview", "board", "references", "messages"].map(key => all.find(item => item.key === key)!);
+
+export const ORGANIZER_SETTINGS_DESTINATION = {
+  label: "Settings", path: "/settings", description: "Theme, motion and interface preferences.",
+} as const;

package/package.json

@@ -268,6 +268,7 @@
     "./app/newsroom/layout": "./app/newsroom/layout.tsx",
     "./app/newsroom/page": "./app/newsroom/page.tsx",
     "./app/newsroom/sections/[sectionId]/page": "./app/newsroom/sections/[sectionId]/page.tsx",
+    "./app/newsroom/settings/page": "./app/newsroom/settings/page.tsx",
     "./app/newsroom/work/page": "./app/newsroom/work/page.tsx",
     "./app/page": "./app/page.tsx",
     "./app/robots": "./app/robots.ts",
@@ -318,7 +319,7 @@
       "optional": true
     }
   },
-  "version": "1.0.0-next.57",
+  "version": "1.0.0-next.59",
   "dependencies": {
     "@aws-amplify/adapter-nextjs": "^1.7.3",
     "@aws-sdk/client-cognito-identity-provider": "3.1045.0",

package/routes.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-next.57",
+  "version": "1.0.0-next.59",
   "routes": [
     {
       "file": "app/%5F_preview/[[...path]]/route.ts",
@@ -193,6 +193,16 @@
         "dynamic": "\"force-dynamic\""
       }
     },
+    {
+      "file": "app/newsroom/settings/page.tsx",
+      "hasDefault": true,
+      "exports": [
+        "metadata"
+      ],
+      "config": {
+        "dynamic": "\"force-dynamic\""
+      }
+    },
     {
       "file": "app/newsroom/work/page.tsx",
       "hasDefault": true,