Operations dashboard

Dark Fluent control template for plain HTML

Export Dispatch

Live orchestration

Fluent components running as a static dashboard.

This page is pure HTML, CSS, and browser JavaScript. It uses the Fluent Web Components CDN bundle directly, so you can drop it onto a LAMP stack without Node, npm, or a build pipeline.

98.6% Service health
142 Connected endpoints
06m Median recovery

Signal profile

West perimeter route

Priority

Current failover capacity remains stable after a route rebalance.

Active alerts

07

2 resolved in the last hour

Recording load

64%

Automation jobs

23

19 completed without retry

Maintenance risk

Low

Protected mode enabled

Native Fluent tabs

Command lanes

Tabs + buttons
Live Jobs Maintenance
Ingress balancing

Distribute stream pressure across edge recorders.

Run now
Thermal sweep

Queue a sensor check on zones 2, 4, and 7.

Queue
Archive sync

Replication window closes in 18 minutes.

Evidence package

Bundling 14 clips for handoff.
Lens calibration

Six devices staged for overnight maintenance.

Approve
Battery rotation

Four remote units are due within 48 hours.

Schedule

Form controls

Dispatch composer

Inputs
Perimeter team Network operations Facility response Evidence review Validate west perimeter relay chain and confirm route failover stability.
Attach diagnostics Normal Elevated Critical

Accordion

Procedures

Containment steps

Freeze route changes, confirm recorder capacity, and preserve 15 minutes of pre-incident clips.

 Escalation rules

Notify network ops if failover exceeds 12 minutes or storage crosses 82% utilization.

 Recovery verification

Run playback checks on two remote cameras and one local archive segment.

Menu

Action menu

Menu items
Built with native `fluent-menu` and `fluent-menu-item`. Open sheet
Approve route failover Create priority dispatch Package operator handoff Archive stream

Indicators

Telemetry

Sync cadence

Packet loss watch

Badge

Nominal

Switch

Auto route

Event log

Recent activity

Component catalog
Route failover detected West perimeter uplink shifted to backup path.
21:43
Edge recorder synchronized Archive retention verified on node group C.
21:37
Health audit completed No frame drops during the last validation pass.
21:31

Notes

What is native here

Included Fluent Web Components on this page: buttons, anchor, badge, search, tabs, tab panels, menu, menu items, switch, select, option, text field, text area, number field, slider, checkbox, radio group, radio, progress, progress ring, card, accordion, accordion item, and dialog.

There is no separate action-sheet component in Fluent Web Components, so this demo uses a `fluent-dialog` as a command sheet surface and `fluent-menu` for action lists.

The theme buttons update provider color attributes and the page-level CSS accent/background colors live in the browser.