@anthusai/papyrus 1.19.1 → 2.0.0-next.10

package/package.json

@@ -78,7 +78,12 @@
     "./components/blog-page-background": "./components/blog-page-background.tsx",
     "./components/curation-delegation-client": "./components/curation-delegation-client.ts",
     "./components/dev-sandbox-editor-sign-in": "./components/dev-sandbox-editor-sign-in.tsx",
+    "./components/editorial-checks-admin-panel": "./components/editorial-checks-admin-panel.tsx",
+    "./components/editorial-finding-card": "./components/editorial-finding-card.tsx",
+    "./components/editorial-findings-panel": "./components/editorial-findings-panel.tsx",
+    "./components/editorial-preview-popover": "./components/editorial-preview-popover.tsx",
     "./components/item-stream-view": "./components/item-stream-view.tsx",
+    "./components/markus-body-editor": "./components/markus-body-editor.tsx",
     "./components/markus-ir-preview": "./components/markus-ir-preview.tsx",
     "./components/news-desk-client-provider": "./components/news-desk-client-provider.tsx",
     "./components/news-desk-page": "./components/news-desk-page.tsx",
@@ -94,8 +99,12 @@
     "./components/newsroom-curation-provider": "./components/newsroom-curation-provider.tsx",
     "./components/newsroom-ops-overview": "./components/newsroom-ops-overview.tsx",
     "./components/newsroom-ops-shell": "./components/newsroom-ops-shell.tsx",
-    "./components/newsroom-organizer-shell": "./components/newsroom-organizer-shell.tsx",
     "./components/newsroom-references-view": "./components/newsroom-references-view.tsx",
+    "./components/newsroom-theme-fonts/broadsheet-green": "./components/newsroom-theme-fonts/broadsheet-green.tsx",
+    "./components/newsroom-theme-fonts/newspaper-gothic": "./components/newsroom-theme-fonts/newspaper-gothic.tsx",
+    "./components/newsroom-theme-fonts/night-desk": "./components/newsroom-theme-fonts/night-desk.tsx",
+    "./components/newsroom-theme-fonts/refined-newsprint": "./components/newsroom-theme-fonts/refined-newsprint.tsx",
+    "./components/newsroom-theme": "./components/newsroom-theme.tsx",
     "./components/newsroom-topics-view": "./components/newsroom-topics-view.tsx",
     "./components/papyrus-console-shell": "./components/papyrus-console-shell.tsx",
     "./components/pictogram-figure": "./components/pictogram-figure.tsx",
@@ -144,6 +153,7 @@
     "./components/ui/tooltip": "./components/ui/tooltip.tsx",
     "./components/use-blog-header-obstacles": "./components/use-blog-header-obstacles.ts",
     "./components/use-brand-fonts-ready": "./components/use-brand-fonts-ready.ts",
+    "./components/use-editorial-checks": "./components/use-editorial-checks.ts",
     "./components/use-near-viewport": "./components/use-near-viewport.ts",
     "./components/use-paged-content-item-versions": "./components/use-paged-content-item-versions.ts",
     "./components/use-resolved-papyrus-theme": "./components/use-resolved-papyrus-theme.ts",
@@ -185,6 +195,12 @@
     "./lib/doctrine": "./lib/doctrine.ts",
     "./lib/edition-routes": "./lib/edition-routes.ts",
     "./lib/edition-sections": "./lib/edition-sections.ts",
+    "./lib/editorial-checks-backend": "./lib/editorial-checks-backend.ts",
+    "./lib/editorial-checks-client": "./lib/editorial-checks-client.ts",
+    "./lib/editorial-checks-demo": "./lib/editorial-checks-demo.ts",
+    "./lib/editorial-checks-settings": "./lib/editorial-checks-settings.ts",
+    "./lib/editorial-checks": "./lib/editorial-checks.ts",
+    "./lib/editorial-preview": "./lib/editorial-preview.ts",
     "./lib/empty-edition-layout-plan": "./lib/empty-edition-layout-plan.ts",
     "./lib/excerpts": "./lib/excerpts.ts",
     "./lib/front-matter-fields": "./lib/front-matter-fields.ts",
@@ -379,7 +395,7 @@
       "optional": true
     }
   },
-  "version": "1.19.1",
+  "version": "2.0.0-next.10",
   "dependencies": {
     "@aws-amplify/adapter-nextjs": "^1.7.3",
     "@aws-crypto/sha256-js": "5.2.0",
@@ -392,7 +408,22 @@
     "@aws-sdk/s3-request-presigner": "^3.1045.0",
     "@base-ui/react": "^1.5.0",
     "@chenglou/pretext": "^0.0.7",
-    "@kanbus/ui": "https://github.com/AnthusAI/Kanbus/releases/download/ui-v0.3.0/kanbus-ui-0.3.0.tgz",
+    "@codemirror/commands": "^6.11.1",
+    "@codemirror/lang-markdown": "^6.5.2",
+    "@codemirror/language": "^6.13.1",
+    "@codemirror/state": "^6.7.6",
+    "@codemirror/view": "^6.43.15",
+    "@fontsource-variable/hanken-grotesk": "5.3.0",
+    "@fontsource-variable/jetbrains-mono": "5.3.0",
+    "@fontsource-variable/libre-franklin": "5.3.0",
+    "@fontsource-variable/literata": "5.3.0",
+    "@fontsource-variable/newsreader": "5.3.0",
+    "@fontsource-variable/public-sans": "5.3.0",
+    "@fontsource-variable/source-serif-4": "5.3.1",
+    "@fontsource/ibm-plex-mono": "5.3.0",
+    "@fontsource/ibm-plex-sans": "5.3.0",
+    "@kanbus/ui": "https://github.com/AnthusAI/Kanbus/releases/download/ui-v0.4.1/kanbus-ui-0.4.1.tgz",
+    "@lezer/highlight": "^1.2.5",
     "@radix-ui/colors": "3.0.0",
     "@smithy/protocol-http": "5.4.1",
     "@smithy/signature-v4": "5.7.4",

package/routes.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.19.1",
+  "version": "2.0.0-next.10",
   "routes": [
     {
       "file": "app/%5F_preview/[[...path]]/route.ts",

package/src/cdk-environment.mjs

@@ -0,0 +1,44 @@
+import { spawnSync } from "node:child_process";
+
+const DEFAULT_REGION = "us-east-1";
+
+export function resolveCdkRegion({ explicitRegion, environment = process.env }) {
+  return (
+    explicitRegion ||
+    environment.AWS_REGION ||
+    environment.AWS_DEFAULT_REGION ||
+    environment.CDK_DEFAULT_REGION ||
+    DEFAULT_REGION
+  );
+}
+
+function callerAccountFromAwsCli() {
+  const completed = spawnSync("aws", ["sts", "get-caller-identity", "--output", "json"], { encoding: "utf8" });
+  if (completed.error) throw new Error(`could not run the aws CLI: ${completed.error.message}`);
+  if (completed.status !== 0) throw new Error(String(completed.stderr || completed.stdout).trim() || `aws exited with status ${completed.status}`);
+  return JSON.parse(completed.stdout).Account;
+}
+
+export function resolveCdkAccount({ explicitAccount, environment = process.env, lookupCallerAccount = callerAccountFromAwsCli }) {
+  if (explicitAccount) return explicitAccount;
+  if (environment.CDK_DEFAULT_ACCOUNT) return environment.CDK_DEFAULT_ACCOUNT;
+  let account;
+  try {
+    account = lookupCallerAccount();
+  } catch (error) {
+    throw new Error(
+      `cannot determine the AWS account: pass --account, set CDK_DEFAULT_ACCOUNT, or provide credentials for "aws sts get-caller-identity" (${error instanceof Error ? error.message : error})`,
+    );
+  }
+  if (!/^\d{12}$/.test(String(account))) {
+    throw new Error(`cannot determine the AWS account: "aws sts get-caller-identity" returned ${JSON.stringify(account)}; pass --account or set CDK_DEFAULT_ACCOUNT`);
+  }
+  return String(account);
+}
+
+export function resolveCdkEnvironment({ explicitAccount, explicitRegion, environment = process.env, lookupCallerAccount }) {
+  return {
+    account: resolveCdkAccount({ explicitAccount, environment, lookupCallerAccount }),
+    region: resolveCdkRegion({ explicitRegion, environment }),
+  };
+}

package/components/newsroom-fonts/playfair-display-OFL.txt

@@ -1,93 +0,0 @@
-Copyright 2017 The Playfair Display Project Authors (https://github.com/clauseggers/Playfair-Display), with Reserved Font Name "Playfair Display"
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded, 
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.

package/components/newsroom-fonts/plus-jakarta-sans-OFL.txt

@@ -1,93 +0,0 @@
-Copyright 2020 The Plus Jakarta Sans Project Authors (https://github.com/tokotype/PlusJakartaSans)
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded, 
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.

package/components/newsroom-newsprint-board.css

@@ -1,7 +0,0 @@
-.papyrus-newsprint-board {
-  --kb-newsprint-paper: var(--org-paper);
-  --kb-newsprint-ink: var(--org-ink);
-  --kb-newsprint-line: var(--org-line);
-  --kb-newsprint-display-font: Newsroom Display, Georgia, serif;
-  --kb-newsprint-body-font: Newsroom UI, system-ui, sans-serif;
-}

package/components/newsroom-organizer-shell.tsx

@@ -1,153 +0,0 @@
-"use client";
-
-import { useEffect, useId, useState } from "react";
-import Link from "next/link";
-import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { BookOpen, ClipboardList, Menu, Search, MessagesSquare, PanelLeftClose, PanelLeftOpen, Settings, UserRound, LogIn, LogOut } from "lucide-react";
-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";
-import { useOptionalNewsDeskClient } from "./news-desk-client-provider";
-import { ReaderAuthControl } from "./reader-auth-control";
-import { ProspectusAccountChooser, useProspectusAccountSummary } from "./prospectus-account-chooser";
-import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetTrigger } from "./ui/sheet";
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from "./ui/dropdown-menu";
-import type { NewsroomOpsShellProps } from "./newsroom-ops-shell";
-import "./newsroom-organizer.css";
-
-/** The standard place to search the knowledge base; the Search page is the results page. */
-function OrganizerSearch({ demo }: { demo: boolean }) {
-  const router = useRouter();
-  const searchParams = useSearchParams();
-  const [text, setText] = useState(searchParams.get("q") ?? "");
-  return <form className="organizer-search" role="search" onSubmit={event => {
-    event.preventDefault();
-    const query = text.trim();
-    if (query) router.push(getNewsroomNavHref(`/newsroom/search?q=${encodeURIComponent(query)}`, demo));
-  }}>
-    <Search size={14} aria-hidden="true" />
-    <input aria-label="Search the knowledge base" data-newsroom-search type="search" onChange={event => setText(event.target.value)} placeholder="Search" value={text} />
-  </form>;
-}
-
-const ICONS = { 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 => [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>
-      {group.items.filter(item => item.access !== "admin" || admin).map(item => <Link key={item.key}
-        href={getNewsroomNavHref(item.path, demo)} onClick={onNavigate} aria-label={item.label}
-        aria-current={active === item.key ? "page" : undefined} aria-describedby={`${id}-${item.key}`}
-        data-news-desk-tab={item.key}>
-        <strong>{item.label}</strong><small id={`${id}-${item.key}`}>{item.description}</small>
-      </Link>)}
-    </section>)}
-  </nav>;
-}
-
-function Account({ placement }: { placement: "sidebar" | "header" }) {
-  const session = useOptionalNewsDeskClient();
-  const auth = session?.shell.auth ?? { status: "loading" as const, label: "Checking sign-in" };
-  const [open, setOpen] = useState(false);
-  const accountSummary = useProspectusAccountSummary();
-  useEffect(() => {
-    const media = matchMedia("(max-width: 900px)");
-    const close = () => setOpen(false);
-    media.addEventListener("change", close);
-    return () => media.removeEventListener("change", close);
-  }, []);
-  return <DropdownMenu open={open} onOpenChange={setOpen}>
-    <DropdownMenuTrigger id={`organizer-account-trigger-${placement}`} className={`organizer-account organizer-account-${placement}`} aria-label="Account menu" title="Account menu">
-      <UserRound size={18} aria-hidden="true" /><span><strong>{auth.label}</strong><small>{accountSummary ?? (auth.status === "signedIn" ? "Account & preferences" : auth.status === "signedOut" ? "Not signed in" : "Checking session")}</small></span>
-    </DropdownMenuTrigger>
-    <DropdownMenuContent className="organizer-account-popup" side={placement === "sidebar" ? "top" : "bottom"} align="end">
-      <DropdownMenuGroup>
-        <DropdownMenuLabel>{auth.label}</DropdownMenuLabel><DropdownMenuSeparator />
-        <ProspectusAccountChooser />
-        <DropdownMenuItem render={<Link href={getNewsroomNavHref(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>} />
-      </DropdownMenuGroup>
-    </DropdownMenuContent>
-  </DropdownMenu>;
-}
-
-export function NewsroomOrganizerShell({ activeTab, appTitle, backHref = "/", backLabel, children, demo = false, headerActions, pageTitle, showNavigation = true }: NewsroomOpsShellProps) {
-  const pathname = usePathname();
-  const session = useOptionalNewsDeskClient();
-  const admin = demo || session?.shell.dashboard?.canManageUsers === true;
-  const [menuOpen, setMenuOpen] = useState(false);
-  const [collapsed, setCollapsed] = useState(false);
-  const [loadedPreference, setLoadedPreference] = useState(false);
-  const preferenceKey = `papyrus.cms.sidebar.v1.${SITE_BRAND.id}`;
-  useEffect(() => {
-    try { setCollapsed(localStorage.getItem(preferenceKey) === "true"); } catch { /* Optional browser preference. */ }
-    setLoadedPreference(true);
-  }, [preferenceKey]);
-  useEffect(() => { if (loadedPreference) try { localStorage.setItem(preferenceKey, String(collapsed)); } catch { /* Controls still work without storage. */ } }, [collapsed, loadedPreference, preferenceKey]);
-  useEffect(() => { setMenuOpen(false); }, [pathname]);
-  useEffect(() => {
-    const media = matchMedia("(max-width: 900px)");
-    let previousFocus: Element | null = null;
-    let frame = 0;
-    const remember = () => { if (document.activeElement !== document.body) previousFocus = document.activeElement; };
-    const change = () => {
-      const active = document.activeElement === document.body ? previousFocus : document.activeElement;
-      if (!(active instanceof HTMLElement)) return;
-      if (!media.matches) setMenuOpen(false);
-      const selector = active.closest(".organizer-account, .organizer-account-popup") ? ".organizer-account"
-        : media.matches && active.closest(".organizer-sidebar, .organizer-toggle") ? ".organizer-more"
-        : !media.matches && active.closest(".organizer-bottom-nav, .organizer-menu") ? ".organizer-toggle" : null;
-      if (!selector) return;
-      cancelAnimationFrame(frame);
-      frame = requestAnimationFrame(() => {
-        if (document.activeElement === active || document.activeElement === document.body || !(document.activeElement as HTMLElement)?.getClientRects().length)
-          Array.from(document.querySelectorAll<HTMLElement>(selector)).find(element => element.getClientRects().length)?.focus();
-      });
-    };
-    document.addEventListener("focusin", remember);
-    media.addEventListener("change", change);
-    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">
-      <div className="organizer-sidebar-head">
-        <Link className="organizer-brand" href={getNewsroomNavHref("/newsroom", demo)}>{SITE_BRAND.components?.NewsroomLogo ? <SITE_BRAND.components.NewsroomLogo className="organizer-brand-logo" /> : 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 && collapsed && sidebarToggle}
-        <Link className="organizer-masthead" href={backHref} title={backLabel}>{appTitle}</Link>
-        <h1 data-newsroom-ops-title>{pageTitle}</h1><OrganizerSearch demo={demo} /><div className="organizer-header-actions">{headerActions}</div><Account placement="header" />
-      </header>
-      <main className="organizer-main">{demo && <p className="organizer-demo-notice">Demo workspace · synthetic examples</p>}{children}</main>
-    </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 ? "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>
-          <Navigation activePath={activePath} demo={demo} admin={admin} surface="menu" onNavigate={() => setMenuOpen(false)} />
-        </SheetContent>
-      </Sheet></li>
-    </ul></nav>}
-  </div>;
-}