What Fireworks Tech Graph Is
fireworks-tech-graph is an architecture visualisation tool that generates live dependency and topology graphs of the running application stack. It serves the generated diagram at localhost:8787.
Feature Request
Add an App Data tab in the sidebar that renders the live architecture diagram directly inside the Control Interface, giving operators a real-time view of the full application topology alongside their agent sessions.
What the Tab Should Show
The live architecture diagram fetched from the Fireworks endpoint, rendered as an image inside the UI. This shows which apps and services are connected to which agents and teams.
API Endpoint
GET /workspace/diagrams/latest.png — returns the current architecture graph as an image
Settings Required
fireworks_url — configurable endpoint (e.g. http://localhost:8787)fireworks_tab_enabled — toggle to show/hide the tab
Implementation Note
The diagram fetch should be proxied through the Control Interface server rather than fetched directly from the browser. This avoids CORS issues entirely and keeps the Fireworks endpoint internal. The server-side proxy fetches from the configured Fireworks URL and streams the image bytes back to the browser.
If the Fireworks endpoint is unreachable, the tab should show a clear offline state rather than a broken image.
Why This Is Self-Contained
This tab is independently shippable — it is a single proxied image fetch with no dependency on any other features.
Reference
Fireworks Tech Graph repo: https://github.com/yizhiyanhua-ai/fireworks-tech-graph
Visual prototype: hermes-monitor-dashboard-examples-v2.html (attached)
hermes monitor dashboard examples v2.html
What Fireworks Tech Graph Is
fireworks-tech-graph is an architecture visualisation tool that generates live dependency and topology graphs of the running application stack. It serves the generated diagram at
localhost:8787.Feature Request
Add an App Data tab in the sidebar that renders the live architecture diagram directly inside the Control Interface, giving operators a real-time view of the full application topology alongside their agent sessions.
What the Tab Should Show
The live architecture diagram fetched from the Fireworks endpoint, rendered as an image inside the UI. This shows which apps and services are connected to which agents and teams.
API Endpoint
GET /workspace/diagrams/latest.png— returns the current architecture graph as an imageSettings Required
fireworks_url— configurable endpoint (e.g.http://localhost:8787)fireworks_tab_enabled— toggle to show/hide the tabImplementation Note
The diagram fetch should be proxied through the Control Interface server rather than fetched directly from the browser. This avoids CORS issues entirely and keeps the Fireworks endpoint internal. The server-side proxy fetches from the configured Fireworks URL and streams the image bytes back to the browser.
If the Fireworks endpoint is unreachable, the tab should show a clear offline state rather than a broken image.
Why This Is Self-Contained
This tab is independently shippable — it is a single proxied image fetch with no dependency on any other features.
Reference
Fireworks Tech Graph repo: https://github.com/yizhiyanhua-ai/fireworks-tech-graph
Visual prototype: hermes-monitor-dashboard-examples-v2.html (attached)
hermes monitor dashboard examples v2.html