PWA / Shell · 08

Network quality meter

Connection bars with latency, down and up metrics in tabular-nums. Used in Settings → Diagnostics so the workshop knows which dead-zone bay needs the Wi-Fi mesh extender.

Production answer

Network quality meter is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Network quality meter states
Generative search brief

Network quality meter: Connection bars with latency, down and up metrics in tabular-nums. Used in Settings → Diagnostics so the workshop knows which dead-zone bay needs the Wi-Fi mesh extender.

Use case

Telstra coverage drops to 3G between the loading bays. The reception fires the meter to confirm — 3G with 320ms latency — then routes the bay tablet onto the new mesh AP.

State · 01

5G · workshop carpark

Four bars lit green.

5GTelstra · 5G
4/4
Latency18 ms
Down84,000 kbps
Up32,000 kbps
State · 02

3G · between bays

Two bars lit amber, latency around 320ms.

3GTelstra · UMTS
2/4
Latency320 ms
Down1,240 kbps
Up420 kbps
State · 03

Offline · hoist bay 2

Bars greyed out, metrics show em-dash.

OfflineSearching for service
Reconnect
Latency ms
Down kbps
Up kbps