Queue Depth

812
About this piece

Queue Depth

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

Usage

The import and the props worth knowing about, in one place.

import { Monitoring18 } from "@/components/beste/piece/monitoring18";

<Monitoring18
  depth={8}
  capacity={12}
  tone="amber"
/>

More Monitoring pieces

View all Monitoring
7/10

Token Bucket

Rate-limit row that maps remaining capacity to a chain of filled and hollow dots, with a count beside it.

12428

Severity Stack

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

CPU
72%

Resource Meter

Utilization bar for CPU, memory, disk, or network with a recolorable fill and matching percentage label.

Requests
12.4Kreq/s
+12%

Throughput Counter

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

API99.98% uptime
Last 90 daysUpDegradedDown

Uptime Grid

Grid of uptime cells that light up green in reading order with a couple of amber and red blips at fixed spots, then holds, fades, and fills again.

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.