feat(fleet): interactive topology with ReactFlow hub-and-spoke layout (#713)

Browse Source

Replace the static SVG fleet topology with a ReactFlow canvas laid out
via dagre. Each node renders as a rack card with status pill, type
badge, CPU/MEM/DISK bars, and stack/running counts. Pan, zoom, drag,
and minimap are enabled; user-dragged positions persist across the
30-second poll so live metric updates no longer reset layout.

...

This commit is contained in:

Anso

2026-04-20 16:16:02 -04:00

committed by GitHub

parent 6f132b7ffe

commit d95e154aeb

5 changed files with 303 additions and 159 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

docs/images/fleet-view/fleet-topology.png

BIN

Binary file not shown.

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 85 KiB After Width:  |  Height:  |  Size: 117 KiB