Tyler
4f22da65d8
Deploy to route.crispygoat.com / deploy (push) Successful in 4m18s
Aesthetic shift from generic dark glassmorphism to an industrial mission-control look: phosphor amber on near-black, Major Mono Display for the wordmark, JetBrains Mono for all labels/numbers/codes, Inter Tight for body copy. - Top status bar with live clock, pulsing LIVE LED, and scrolling brand ticker (plan tiers + slugs) - Serial-numbered sections (// 01-07) with CAD-style corner crosshairs and scale-rule dividers - 6 KPIs in a flush 1px-separated grid with tabular numerals, sparklines, and per-cell M.0N serials - AI briefing as a numbered readout with model metadata sidebar - Brand health panels with severity LEDs, vertical dividers between metrics, and open-pain indicators - Activity feed as terminal-style rows with color-coded event codes - Pain log items with severity LEDs and P.NNN serials - Quick Access links with L.NN prefixes and slide-on-hover - Loading state replaced with terminal-style blinking bar + 'BOOT SEQUENCE' eyebrow - 'Connection Lost' replaced with 'SIGNAL LOST · Platform Disconnected' panel that surfaces the actual error, reconnect action, and a diagnostic hint footer - prefers-reduced-motion respected across ticker, LED pulse, and boot-reveal animations - TV Mode scales up the title, KPIs, and briefing for wall display
51 lines
1.6 KiB
TypeScript
51 lines
1.6 KiB
TypeScript
import { getAdminUser } from "@/lib/admin-permissions";
|
|
import AdminAccessDenied from "@/components/admin/AdminAccessDenied";
|
|
import CommandCenterDashboard from "@/components/admin/CommandCenterDashboard";
|
|
import { redirect } from "next/navigation";
|
|
import { Major_Mono_Display, JetBrains_Mono, Inter_Tight } from "next/font/google";
|
|
import "./command-center.css";
|
|
|
|
/**
|
|
* Command Center — Operations Schematic
|
|
*
|
|
* Industrial mission-control feel: phosphor amber on near-black, dense data,
|
|
* CAD-style corner crosshairs, brand ticker, serial-numbered sections. Three
|
|
* typefaces working in concert: Major Mono Display (wordmark only), JetBrains
|
|
* Mono (all labels/numbers/timestamps), Inter Tight (descriptive body copy).
|
|
*/
|
|
const majorMono = Major_Mono_Display({
|
|
subsets: ["latin"],
|
|
weight: "400",
|
|
variable: "--cc-font-mono-major",
|
|
display: "swap",
|
|
});
|
|
|
|
const jetbrainsMono = JetBrains_Mono({
|
|
subsets: ["latin"],
|
|
variable: "--cc-font-mono",
|
|
display: "swap",
|
|
weight: ["400", "500", "600", "700"],
|
|
});
|
|
|
|
const interTight = Inter_Tight({
|
|
subsets: ["latin"],
|
|
variable: "--cc-font-body",
|
|
display: "swap",
|
|
weight: ["400", "500", "600"],
|
|
});
|
|
|
|
export default async function CommandCenterPage() {
|
|
const adminUser = await getAdminUser();
|
|
if (!adminUser) return <AdminAccessDenied />;
|
|
if (adminUser.role !== "platform_admin") return <AdminAccessDenied message="Platform admin access required." />;
|
|
if (adminUser.must_change_password) redirect("/change-password");
|
|
|
|
return (
|
|
<div
|
|
className={`${majorMono.variable} ${jetbrainsMono.variable} ${interTight.variable} cc-schematic`}
|
|
>
|
|
<CommandCenterDashboard />
|
|
</div>
|
|
);
|
|
}
|