+
+ );
+};
diff --git a/console/src/router.tsx b/console/src/router.tsx
new file mode 100644
index 0000000..323f56f
--- /dev/null
+++ b/console/src/router.tsx
@@ -0,0 +1,35 @@
+import React from "react";
+import { createBrowserRouter, Outlet } from "react-router-dom";
+import AppHeader from "./components/AppHeader";
+import AboutScreen from "./screens/AboutScreen";
+import ConsoleScreen from "./screens/ConsoleScreen";
+import NotFoundScreen from "./screens/NotFoundScreen";
+import ScopesScreen from "./screens/ScopesScreen";
+
+const AppLayout: React.FC = () => {
+ return (
+ <>
+
+ Skip to content
+
+
+
+
+
+
+ );
+};
+
+export const router = createBrowserRouter([
+ {
+ path: "/",
+ element: ,
+ children: [
+ { index: true, element: },
+ { path: "v/:verdictId", element: },
+ { path: "scopes", element: },
+ { path: "about", element: },
+ { path: "*", element: },
+ ],
+ },
+]);
diff --git a/console/src/screens/AboutScreen/index.tsx b/console/src/screens/AboutScreen/index.tsx
new file mode 100644
index 0000000..d6499a9
--- /dev/null
+++ b/console/src/screens/AboutScreen/index.tsx
@@ -0,0 +1,94 @@
+import type React from "react";
+import AlertCallout from "@/components/AlertCallout";
+import CodeBlock from "@/components/CodeBlock";
+import PageHeader from "@/components/PageHeader";
+import { useHealth } from "@/hooks/useHealth";
+
+export const AboutScreen: React.FC = () => {
+ const { data: health } = useHealth();
+
+ const blindSpots = [
+ {
+ title: "1. Subtle Factual Degradation",
+ body: "Vitals measures behavioral and output length shift via CUSUM and ResponseDrift. Small, gradual factual hallucinatory drifts without embedding changes are not flagged instantly.",
+ },
+ {
+ title: "2. Uniform System-Wide Degradation",
+ body: "When all traffic across all model releases degrades uniformly simultaneously, baseline reference windows will re-calibrate to the new lower norm over time.",
+ },
+ {
+ title: "3. Baseline Poisoning",
+ body: "If a bad release runs for extended periods during warming or initial calibration, bad samples form part of the reference window for future comparison.",
+ },
+ {
+ title: "4. Deploying During Warming Phase",
+ body: "Re-deploying or releasing a new model while a scope is actively establishing reference data resets warming baseline collection.",
+ },
+ ];
+
+ return (
+
+
+
+ {/* Section 1: What Vitals claims */}
+
+
What Vitals claims
+
+ Vitals is a lightweight, real-time GenAI model release verdict engine. It monitors output behavior, token length, and cost drift across model versions, issuing definitive verdicts: STEADY, CHANGED, INCONCLUSIVE, or WARMING.
+
+
+
+ {/* Section 2: What Vitals does not claim */}
+
+
What Vitals does not claim
+
+ Vitals does not guarantee 100% detection of semantic intent errors or judge subjectively optimal response style. It evaluates statistical variance against established baseline windows.
+
+
+
+ {/* Section 3: Known Blind Spots */}
+
+
Known blind spots
+ {blindSpots.map((bs) => (
+
+ {bs.body}
+
+ ))}
+
+
+ {/* Section 4: How to read a verdict */}
+
+
How to read a verdict
+
+ Verdicts follow a strict grammar emitted directly by the backend:
+
+ }
+ title="No verdicts yet"
+ body="Vitals is listening. Send traffic through your collector and the first verdict appears here."
+ hint="Receiver default port: :4327 (OTLP)"
+ />
+