Observability Dashboard

Observability dashboard composed as one bordered lattice: greeting strip with range select, four sparkline KPI cells, cache and duration chart cells, an AI-insight callout, a P50/P95/P99 latency distribution measured against a stated target, and an active-deployments list. The deployment taking traffic is marked in the primary color and its pulse respects prefers-reduced-motion.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Observability Dashboard to your project and fits it to your theme.

import Dashboard05 from "@/components/ui/dashboard-05";

export default function Dashboard05Demo() {
  return <Dashboard05 />;
}