Inline edge between two named endpoints, drawn as a status-tinted stem with the round-trip latency floating mid-span.
The import and the props worth knowing about, in one place.
import { Monitoring16 } from "@/components/beste/piece/monitoring16";
<Monitoring16
from="api"
to="db"
latency="42ms"
status="healthy"
/>Distributed trace timeline laying spans across a shared horizontal axis, each row labeled in monospace.
Streaming bar chart that pushes a fresh sample every few hundred milliseconds, flags spikes in amber, and keeps a rolling p95 in the corner.
Headline number for traffic volume with a trend arrow and tinted delta badge against a prior window.
5xx error rate above 2%
checkout-api
Incident card pairing a bell glyph, label tag, title, and service line with a configurable accent tone.