Compact response-time card pairing a percentile pill, the latest reading, and a smoothed sparkline trail.
The import and the props worth knowing about, in one place.
import { Monitoring6 } from "@/components/beste/piece/monitoring6";
<Monitoring6
label="Response time"
metric="p95"
value="182ms"
data={[
120,
138,
124,
156,
142,
168,
154,
172,
148,
182,
176,
182
]}
tone="violet"
/>Streaming bar chart that pushes a fresh sample every few hundred milliseconds, flags spikes in amber, and keeps a rolling p95 in the corner.
5xx error rate above 2%
checkout-api
Incident card pairing a bell glyph, label tag, title, and service line with a configurable accent tone.
Thirty-tick history strip in the style of a status page, with pass, slow, and fail segments and a rolling availability number.
Inline edge between two named endpoints, drawn as a status-tinted stem with the round-trip latency floating mid-span.