ui: port graph panel to new design#7
Open
Moriz82 wants to merge 1 commit into
Open
Conversation
Port the BloodHound-inspired graph screen from the new_ui mockup into the real TS panel while preserving the cytoscape canvas and all data wiring. - Left collapsible sidebar: search, node-kind filters (with real /api/graph counts), discovered-by source chips, saved views, layout picker. - Floating toolbar, zoom controls, edge legend, and nodes/edges/zoom badges. - Right collapsible inspector with glyph/kind/severity header, four tabs (overview/properties/neighbors/findings), prop rows, and actions. - Foundation tokens.css + base.css + graph.css copied in from new_ui so the branch builds standalone, imported once from main.tsx. - Inspector "findings" tab filters the real /api/findings payload by endpoint/host id client-side; "neighbors" derives from the in-memory cytoscape graph. - ResizeObserver on the canvas container keeps cytoscape sized correctly when the sidebars collapse or the grid column settles post-mount. - UIPrefs contract preserved (graph_layout etc.) so App.tsx still compiles; onPersistUi fires on layout chip changes and the "Save view" button. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
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.
Summary
Test plan
Screenshot: verified interactively via Claude Preview; cannot attach binary here.
🤖 Generated with Claude Code