Uptime Heartbeat

Thirty-tick history strip in the style of a status page, with pass, slow, and fail segments and a rolling availability number.

auth.beste.co99.92%
30d agoToday

New here? Read the installation guide.

Import & use
import { Monitoring4 } from "@/components/beste/piece/monitoring4";

<Monitoring4
  endpoint="auth.beste.co"
  history={[
    "ok",
    "ok",
    "ok",
    "ok",
    "ok",
    "ok",
    "ok",
    "slow",
    "ok",
    "ok",
    "ok",
    "ok",
    "ok",
    "ok",
    "ok",
    "ok",
    "fail",
    "ok",
    "ok",
    "ok",
    "ok",
    "ok",
    "slow",
    "ok",
    "ok",
    "ok",
    "ok",
    "ok",
    "ok",
    "ok"
  ]}
  uptime="99.92%"
  pastLabel="30d ago"
  nowLabel="Today"
/>

More Monitoring pieces

View all Monitoring
live

Pulse Wave

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

API Gateway
Operational99.98%

Service Status

Compact service health row with operational state, pulsing dot, and uptime percentage on the right.

Requests
12.4Kreq/s
+12%

Throughput Counter

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

p95Response time
182ms

Latency Sparkline

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

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.

api
42ms
db

Service Link

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

Markdown version