Dashboard redesign and dedicated Topology page#114
Open
antoncxx wants to merge 1 commit into
Open
Conversation
- Add /topology page: full-viewport diagram only, no stats or tables,
centered and scaled to fit via ZoomFrame
- Dashboard layout: stat cards (sessions, services, pool, nodes) at top;
active connections table + services status list side by side in the
middle; topology at the bottom
- Services status list: per-service status dot (green/amber/red),
replica count, EP badge, active edge count; clicking opens the panel
- Topology card on dashboard anchors to top-left and grows with content
(height:auto, no scale-to-fit) so the page scrolls rather than shrinks
- Add Topology nav entry under Overview in the sidebar
- ZoomFrame/TopologyGraph: new anchor ('center'|'top-left'), fill, and
grow props to support the different display modes
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
New
/topologyroute — diagram onlyThe existing topology page had stat cards, a card header, and an active connections table below the graph. It's now stripped to a single full-viewport diagram with nothing else on screen. The graph is centered and scales to fit the viewport height minus the topbar. The slide-in detail panel (node/edge/internet) still opens on click. A "Topology" nav entry has been added under Overview in the sidebar.
Dashboard — three-section layout
The dashboard was previously a collapsible connections card stacked above the topology card. It has been restructured into a three-row CSS grid:
Stat cards — four glass cards showing Sessions (cyan), Services registered/total, Pool % (turns amber above 80%), and Nodes connected. All values come from data already fetched by
TopologyProviderand the existinguseApicalls — no new endpoints.Info section (220 px fixed) — two side-by-side cards:
↔count for services with active edges. Clicking a row opens the topology panel for that node.Topology card — anchored to top-left, no scale-to-fit; the card grows with the SVG's natural aspect ratio and the page scrolls if the graph is taller than the viewport.