Severity Stack

Single distribution bar splitting incident counts across critical, warning, and info segments with a mono legend.

12428

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Monitoring13 } from "@/components/beste/piece/monitoring13";

<Monitoring13
  critical={12}
  warning={4}
  info={28}
/>

More Monitoring pieces

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

Trace Spans

monitoring15

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

12.4%87.6%

Diff Bar

monitoring20

Two-tone success-versus-error split bar that prints the percentage of each side directly inside its segment.

12:34:56WARN auth.sessiontoken refresh retry 2/3

Log Stream Line

monitoring8

Single log entry styled like a tail output, with timestamp, level token, source, and message in mono.

R42 MB/s
W18 MB/s

Disk I/O

monitoring14

Two-line monospace block reporting read and write throughput with arrow glyphs for direction.

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

Region Status

monitoring7

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

812

Queue Depth

monitoring18

Vertical battery of segments rendering current queue fill against capacity, with a stacked numeric ratio beside it.