Uptime barPro

• Status pages and service health over 30–90 days.

• Live latency: use a line chart.

Import it from @/components/ui/uptime-bar after installing.

import { UptimeBar } from "@/components/ui/uptime-bar";

export function Api({ days }: { days: { date: string; status: "up" | "degraded" | "down" | "none" }[] }) {
  return <UptimeBar name="API" days={days} />;
}

• role="img" with a summary; each bar has a label with date, status and note.

• Hovering a bar dims the others.

• Bars shrink to fit; show fewer days on phones.

• One element per day.

• Use none for days before monitoring started.