Service Link

Inline edge between two named endpoints, drawn as a status-tinted stem with the round-trip latency floating mid-span.

api
42ms
db

New here? Read the installation guide.

Import & use
import { Monitoring16 } from "@/components/beste/piece/monitoring16";

<Monitoring16
  from="api"
  to="db"
  latency="42ms"
  status="healthy"
/>

More Monitoring pieces

View all Monitoring
http.req
auth
db.query
cache.set

Trace Spans

Distributed trace timeline laying spans across a shared horizontal axis, each row labeled in monospace.

Requests
12.4Kreq/s
+12%

Throughput Counter

Headline number for traffic volume with a trend arrow and tinted delta badge against a prior window.

us-east-1
42ms
eu-west-2
78ms
ap-south-1
210ms
sa-east-1

Region Status

Multi-region availability list with a status dot per cloud region and the round-trip latency rendered in mono.

Critical2m ago

5xx error rate above 2%

checkout-api

Incident Alert

Incident card pairing a bell glyph, label tag, title, and service line with a configurable accent tone.

p95Response time
182ms

Latency Sparkline

Compact response-time card pairing a percentile pill, the latest reading, and a smoothed sparkline trail.

live

Pulse Wave

Bare ECG-style heartbeat trace with a pulsing live dot at the leading edge and no other chrome.

Markdown version