Semicircular gauge that renders a remaining-budget percentage along a single recolorable arc.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Monitoring5 } from "@/components/beste/piece/monitoring5";
<Monitoring5
label="Error budget"
value={82}
unit="%"
tone="rose"
/>Circular progress dial holding a percentage at its center, captioned with a label and supporting hint.
Compact service health row with operational state, pulsing dot, and uptime percentage on the right.
Single distribution bar splitting incident counts across critical, warning, and info segments with a mono legend.
Two-line monospace block reporting read and write throughput with arrow glyphs for direction.
Horizontal scale that drops a marker on the current reading and tints the expected window behind it.
Headline number for traffic volume with a trend arrow and tinted delta badge against a prior window.