Skip to content

folder page with node list and node graph#94

Merged
stalep merged 4 commits into
Hyperfoil:mainfrom
barreiro:nodegraph
May 19, 2026
Merged

folder page with node list and node graph#94
stalep merged 4 commits into
Hyperfoil:mainfrom
barreiro:nodegraph

Conversation

@barreiro
Copy link
Copy Markdown
Contributor

this adds a folder page that consists of two tabs (for now).

the first has the list of nodes. in the future it will evolve to support add new nodes and delete existing nodes.

the second tab provides a wonderful visualization of the node graph, based on react-flow library using dagre for graph layout.

the graph visualization has some extra features that help identify the node structure:

  • the nodes are color coded and have icons to differentiate between types.
  • the nodes are draggable and snap to a grid.
  • operations have a tooltip with json pretty-printing.
  • pan, zoom and zoom controls.

the tabs have URL anchors for navigation. also took the opportunity to improve the sidebar navigation panel a little.

sample:
image

@barreiro barreiro requested a review from willr3 May 15, 2026 22:32
@stalep stalep merged commit a7d8745 into Hyperfoil:main May 19, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants