@anthusai/papyrus 1.19.1 → 2.0.0-next.2

package/lib/cyclotron-suggestions.ts

@@ -92,13 +92,13 @@ export function latestShadowAgreement(payloads: Array<{ json: unknown; updatedAt
 }
 
 const STOP_REASON_WORDS: Record<string, string> = {
-  disabled: "The relevance cyclotron is switched off in the steering config, so it is making no suggestions.",
-  "daily decision cap": "The last sweep stopped at the daily decision cap, so some references have no suggestion yet.",
+  disabled: "Suggestions are switched off in the settings, so none are being made.",
+  "daily decision cap": "The last check reached the daily limit, so some references have no suggestion yet.",
 };
 
 /** The sentence an editor reads for a stop reason; unknown reasons are shown as given. */
 export function stopReasonSentence(reason: string): string {
-  return STOP_REASON_WORDS[reason] ?? `The last sweep stopped early: ${reason}.`;
+  return STOP_REASON_WORDS[reason] ?? `The last check stopped early: ${reason}.`;
 }
 
 /**
@@ -123,14 +123,14 @@ export function agreementStripState(agreement: ShadowAgreement | null): Agreemen
   };
 }
 
-/** "Loop on" or "Loop off", the word the strip leads with. */
+/** "Suggestions on" or "Suggestions off", the words the panel leads with. */
 export function loopStateWords(loop: CyclotronLoopState): string {
-  return loop.enabled ? "Loop on" : "Loop off";
+  return loop.enabled ? "Suggestions on" : "Suggestions off";
 }
 
 /** The daily cap in words; no cap is said plainly. */
 export function dailyCapWords(loop: CyclotronLoopState): string {
-  return loop.maxDecisionsPerDay === null ? "No daily decision cap" : `Daily cap ${loop.maxDecisionsPerDay} decisions`;
+  return loop.maxDecisionsPerDay === null ? "No daily limit" : `Daily limit ${loop.maxDecisionsPerDay} decisions`;
 }
 
 export function formatPercentage(fraction: number | null): string {
@@ -202,10 +202,10 @@ export function provenanceSummary(decision: RelevanceDecisionView): ProvenanceSu
   if (!provenance) return null;
   const plural = (count: number, singular: string) => `${count} ${singular}${count === 1 ? "" : "s"}`;
   return {
-    teachingLabelsSentence: `Taught by ${plural(provenance.teachingLabels, "label")} that editors set themselves`,
-    primingExamplesSentence: `${plural(provenance.primingExamples, "priming example")} supplied as starting examples`,
+    teachingLabelsSentence: `Based on ${plural(provenance.teachingLabels, "decision")} that editors made themselves`,
+    primingExamplesSentence: `${plural(provenance.primingExamples, "example reference")} supplied as starting examples`,
     doctrineShortHash: provenance.doctrineFingerprint ? provenance.doctrineFingerprint.slice(0, SHORT_HASH_LENGTH) : null,
-    modelVersion: decision.version === null ? null : `version ${decision.version}`,
+    modelVersion: decision.version === null ? null : `revision ${decision.version}`,
     decidedAt: decision.decidedAt,
   };
 }

package/lib/newsroom-list-selection.ts

@@ -22,9 +22,6 @@ export const NEWSROOM_INBOX_ROW_ACTIVE =
 export const NEWSROOM_SIDEBAR_NAV_ACTIVE =
   "bg-primary/10 text-foreground shadow-none hover:bg-primary/15";
 
-export const NEWSROOM_SIDEBAR_NAV_INACTIVE =
-  "text-muted-foreground hover:bg-muted/50 hover:text-foreground";
-
 export function newsroomListRowClassName(active: boolean, className?: string): string {
   return cn(
     NEWSROOM_LIST_ROW_BASE,

package/lib/newsroom-nav.ts

@@ -18,23 +18,20 @@ export type NewsroomNavItem = {
   label: string;
   detail: string;
   href: string;
-  mobilePrimary?: boolean;
 };
 
 export const NEWSROOM_OPS_NAV: NewsroomNavItem[] = [
-  { id: "overview", label: "Overview", detail: "Desk home", href: newsroomHref(), mobilePrimary: true },
-  { id: "articles", label: getContentItemName().plural, detail: "Drafts & published", href: newsroomHref("articles"), mobilePrimary: true },
-  { id: "assignments", label: "Assignments", detail: "Work queue", href: newsroomHref("assignments"), mobilePrimary: true },
-  { id: "references", label: "References", detail: "Knowledge base", href: newsroomHref("references"), mobilePrimary: true },
+  { id: "overview", label: "Overview", detail: "Desk home", href: newsroomHref() },
+  { id: "articles", label: getContentItemName().plural, detail: "Drafts & published", href: newsroomHref("articles") },
+  { id: "assignments", label: "Assignments", detail: "Work queue", href: newsroomHref("assignments") },
+  { id: "references", label: "References", detail: "Knowledge base", href: newsroomHref("references") },
   { id: "messages", label: "Messages", detail: "Forum", href: newsroomHref("messages") },
-  { id: "topics", label: "Topics", detail: "Taxonomy", href: newsroomHref("topics"), mobilePrimary: true },
+  { id: "topics", label: "Topics", detail: "Taxonomy", href: newsroomHref("topics") },
   { id: "concepts", label: "Concept wiki", detail: "Knowledge graph", href: newsroomHref("concepts") },
   { id: "search", label: "Search", detail: "Knowledge base", href: newsroomHref("search") },
   { id: "administration", label: "Administration", detail: "Users & policies", href: newsroomHref("administration") },
 ];
 
-export const NEWSROOM_MOBILE_PRIMARY_NAV = NEWSROOM_OPS_NAV.filter((item) => item.mobilePrimary);
-
 export function getNewsroomNavHref(href: string, demo?: boolean): string {
   const path = toPublicNewsroomPath(href);
   if (!demo) return path;

package/lib/newsroom-section-routing.ts

@@ -1,16 +1,14 @@
 import type { NewsDeskTab } from "../components/topic-steering-workspace";
 
-/** The organizer restores the existing taxonomy editor; legacy sites retain their aliases. */
+/** Resolves the requested newsroom section, mapping retired aliases onto their current destinations. */
 export function resolveNewsDeskTab(
   sectionValue: string | string[] | null | undefined,
   legacyTabValue: string | string[] | null | undefined,
-  organizer = false,
 ): NewsDeskTab {
   const section = Array.isArray(sectionValue) ? sectionValue[0] : sectionValue;
   const legacyTab = Array.isArray(legacyTabValue) ? legacyTabValue[0] : legacyTabValue;
   const raw = section ?? (legacyTab === "categories" ? "topics" : legacyTab);
-  const value = raw === "users" || raw === "doctrine" ? "administration"
-    : raw === "desks" && !organizer ? "topics" : raw;
+  const value = raw === "users" || raw === "doctrine" ? "administration" : raw;
   switch (value) {
     case "desks": case "administration": case "topics": case "concepts":
     case "references": case "messages": case "assignments": case "search":

package/lib/relevance-status.ts

@@ -127,10 +127,10 @@ export function isPrimingOutcome(value: unknown): value is PrimingOutcome {
     || (outcome.state === "failed" && typeof outcome.message === "string");
 }
 
-/** In words: waiting for the next sweep, applied as version N, or failed with the reason. */
+/** In plain words: Adding, Added, or Couldn't add with the reason. */
 export function primingStateText(view: PrimingRequestView): string {
-  if (!view.outcome) return "Waiting for the next sweep";
+  if (!view.outcome) return "Adding";
   return view.outcome.state === "applied"
-    ? `Applied as version ${view.outcome.version}`
-    : `Failed: ${view.outcome.message}`;
+    ? "Added"
+    : `Couldn't add: ${view.outcome.message}`;
 }

package/lib/site-brand.ts

@@ -1,4 +1,3 @@
-import { isLocalPreviewEnabled } from "./local-preview";
 import { areEditionsEnabled } from "./site-env";
 import type { ComponentType } from "react";
 import type { EditionPresentationFormat } from "./content-types";
@@ -134,8 +133,6 @@ export type SiteBrand = {
   /** Public URL prefix for the Pretext reader (home, editions, articles, archive, settings). Default `""`; e.g. `/information`. */
   readerBasePath?: string;
   opsChrome: OpsChrome;
-  /** Opt-in CMS viewport layout; independent of the public reader renderer/theme. */
-  newsroomLayout?: "organizer";
   corpusKey: string;
   steeringConfigPath: string;
   newsroomSectionsConfigPath: string;
@@ -205,11 +202,7 @@ const REGISTERED_SITE_BRANDS: Record<SiteBrandId, SiteBrand> = {
   ...Object.fromEntries((papyrusSite.brands ?? []).map((brand) => [brand.id, brand])),
 };
 
-const SITE_BRANDS: Record<SiteBrandId, SiteBrand> = isLocalPreviewEnabled()
-  ? Object.fromEntries(
-      Object.entries(REGISTERED_SITE_BRANDS).map(([id, brand]) => [id, { ...brand, newsroomLayout: "organizer" as const }]),
-    )
-  : REGISTERED_SITE_BRANDS;
+const SITE_BRANDS: Record<SiteBrandId, SiteBrand> = REGISTERED_SITE_BRANDS;
 
 export function normalizeSiteBrandId(value: string | undefined | null): SiteBrandId | null {
   if (!value) return null;

package/package.json

@@ -94,7 +94,6 @@
     "./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-topics-view": "./components/newsroom-topics-view.tsx",
     "./components/papyrus-console-shell": "./components/papyrus-console-shell.tsx",
@@ -379,7 +378,7 @@
       "optional": true
     }
   },
-  "version": "1.19.1",
+  "version": "2.0.0-next.2",
   "dependencies": {
     "@aws-amplify/adapter-nextjs": "^1.7.3",
     "@aws-crypto/sha256-js": "5.2.0",
@@ -392,7 +391,7 @@
     "@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",
+    "@kanbus/ui": "https://github.com/AnthusAI/Kanbus/releases/download/ui-v0.3.1/kanbus-ui-0.3.1.tgz",
     "@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.2",
   "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-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>;
-}