import { useMetrics } from "./hooks/useMetrics"; import MetricsPanel from "./components/MetricsPanel"; import ClassificationChart from "./components/ClassificationChart"; import RequestsTable from "./components/RequestsTable"; import ModelStatus from "./components/ModelStatus"; export default function App() { const { metrics, history, error } = useMetrics(2000); return (
{/* Header */}
{/* Logo mark */}

LitGuard

Prompt Injection Detection

{error && (
Disconnected
)} {!error && metrics && (
Live
)}
{/* Main content */}
{error && !metrics ? (

Cannot connect to backend

{error}

) : metrics ? (
) : (

Connecting to server...

)}
); }