Skip to content

feat(agent-data-plane): added support for topology visualization#1913

Draft
lucastemb wants to merge 5 commits into
mainfrom
lt/visualizer
Draft

feat(agent-data-plane): added support for topology visualization#1913
lucastemb wants to merge 5 commits into
mainfrom
lt/visualizer

Conversation

@lucastemb

Copy link
Copy Markdown
Contributor

Summary

In its current state, Saluki, and subsequently, Agent Data Plane, has no method to reliably visualize topologies. This PR introduces a tool that utilizes *.yaml config files to generate visual aids.

Features:

  • Render topology output in two formats:
    • Mermaid (.mmd): supported natively by Github, can be embedded into PR descriptions to render diagrams.
    • JSON: produces output that the TypeScript and Vue-based visualizer tool leverages to render an interactive tool (this logic exists in a separate repository).
  • Compute the difference between topologies produced by two different configs
  • Visualizer available at localhost:5173/topology
    • Filter by component type and edge type
    • Change orientation (top-down, left-right)
    • Click on component to view detailed description of component function
      • Utilizes Rust doc page to deliver information
      • Descriptions only updated if a commit on the user's current branch has modified files in specific directories
    • Highlight node's upstream and downstream path

Change Type

  • Bug fix
  • New feature
  • Non-functional (chore, refactoring, docs)
  • Performance

How did you test this PR?

Manual testing and unit tests.

Screenshot 2026-06-23 at 2 00 43 PM

References

@dd-octo-sts dd-octo-sts Bot added the area/core Core functionality, event model, etc. label Jun 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area/core Core functionality, event model, etc.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant