2ea350e283
Visual audit found several issues in the navbar / header layer; this pass addresses the cluster. - AuthBar: localize sign in/out + dev-disabled message; switch matrix-green (#00ff9c) to gold (#e0c080) to match the magazine palette. - NavLink (new): client component reading usePathname to mark the active section with aria-current="page" and a gold underline+fill, so the user knows where they are inside the entity hub. - Locale toggle: bump font to 12px, widen the pill, lift the active state's contrast. Hard reload on switch (window.location.reload) instead of router.refresh — that is what makes the <title>, <html lang> and og:locale actually update on toggle (router.refresh kept stale layout metadata). - Root layout: convert static `export const metadata` to generateMetadata() so title/description/OG/twitter all read the cookie per request. Drop the duplicate floating LocaleToggle at bottom-left; the navbar carries it now. - BureauNav: drop the cyan-on-home / gold-on-bureau split (palette mismatch with SiteHeader); single gold tone; localize "home"/"case files" + aria labels; mount AuthBar inside the bar so sub-pages get a sign-in surface. - Pages using BureauNav: drop the standalone <AuthBar /> below it (now duplicated). Affected: /bureau, /c/[slug], /h/[hypothesisId], /jobs/[id]. - Lift nav-link rest text from #9aa6b8 to #cbd2dd for WCAG-AA on near-black. Verified live: title/lang/og:locale switch with cookie; active link gold indicator on /sightings; "Entrar"/"Sign in" localizes; no double AuthBar. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
36 lines
1.5 KiB
TypeScript
36 lines
1.5 KiB
TypeScript
/**
|
|
* /bureau — Case file library.
|
|
*
|
|
* Reader-facing list of every assembled narrative. No detective surfacing,
|
|
* no artefact dumps. Just stories with hooks.
|
|
*/
|
|
import { BureauNav } from "@/components/bureau-nav";
|
|
import { CaseLibrary } from "@/components/case-library";
|
|
import { getLocale } from "@/components/locale-toggle";
|
|
|
|
export const runtime = "nodejs";
|
|
export const dynamic = "force-dynamic";
|
|
|
|
export default async function BureauPage() {
|
|
const locale = (await getLocale()) === "en" ? "en" : "pt-br";
|
|
|
|
return (
|
|
<div className="min-h-screen bg-[#0a0e1a] text-[#e7ecf3]">
|
|
<BureauNav locale={locale} crumbs={[{ label: locale === "en" ? "case files" : "casos" }]} />
|
|
<div className="mx-auto max-w-5xl px-4 py-6 pt-4">
|
|
<header className="mb-6 border-b border-[rgba(224,192,128,0.32)] pb-4">
|
|
<h1 className="font-mono text-3xl text-[#e0c080]">
|
|
{locale === "en" ? "▍ The Case Files" : "▍ Os Arquivos do Caso"}
|
|
</h1>
|
|
<p className="text-[#8896aa] text-sm mt-1">
|
|
{locale === "en"
|
|
? "Narratives assembled from the declassified record. Each case is a story — written from primary documents, with citations linked to source pages."
|
|
: "Narrativas montadas a partir do registro desclassificado. Cada caso é uma história — escrita a partir de documentos primários, com citações vinculadas às páginas-fonte."}
|
|
</p>
|
|
</header>
|
|
|
|
<CaseLibrary locale={locale} layout="grid" />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|