Pieces/Monitoring

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

API Gateway
Operational99.98%

Service Status

monitoring1

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

CPU
72%

Resource Meter

monitoring2

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

Critical2m ago

5xx error rate above 2%

checkout-api

Incident Alert

monitoring3

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

auth.beste.co99.92%
30d agoToday

Uptime Heartbeat

monitoring4

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

82%Error budget

SLO Gauge

monitoring5

Semicircular gauge that renders a remaining-budget percentage along a single recolorable arc.

p95Response time
182ms

Latency Sparkline

monitoring6

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

monitoring7

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

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.

87%
Cache hitlast 1h

Metric Ring

monitoring9

Circular progress dial holding a percentage at its center, captioned with a label and supporting hint.

Requests
12.4Kreq/s
+12%

Throughput Counter

monitoring10

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

Heatmap Calendar

monitoring11

Seven-row activity grid that bins each cell into one of five tonal steps for at-a-glance density.

7/10

Token Bucket

monitoring12

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

12428

Severity Stack

monitoring13

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

R42 MB/s
W18 MB/s

Disk I/O

monitoring14

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

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.

api
42ms
db

Service Link

monitoring16

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

live

Pulse Wave

monitoring17

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

812

Queue Depth

monitoring18

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

100ms500ms

Range Marker

monitoring19

Horizontal scale that drops a marker on the current reading and tints the expected window behind it.

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.