Files

Fusion 12326eeb00 feat(FN-3082): restructure dependency graph plugin with modular architectur

Implements a modular dependency graph feature for the Fusion dashboard plugin, replacing the monolithic `DependencyGraphView` component with a factored architecture: graph types and filtering (Step 1), a data hook (Step 2), auto-layout engine (Step 3), SVG edge rendering (Step 4), an interaction hoo

Fusion-Task-Id: FN-3082

2026-05-07 01:42:01 -07:00

src

feat(FN-3082): restructure dependency graph plugin with modular architectur

2026-05-07 01:42:01 -07:00

CHANGELOG.md

chore(release): v0.23.0

2026-05-06 22:47:53 -07:00

manifest.json

feat(FN-3079): add plugin dashboard views and dependency graph plugin

2026-05-01 23:32:35 -07:00

package.json

feat(FN-3082): restructure dependency graph plugin with modular architectur

2026-05-07 01:42:01 -07:00

README.md

feat(FN-3082): restructure dependency graph plugin with modular architectur

2026-05-07 01:42:01 -07:00

tsconfig.json

feat(FN-3082): restructure dependency graph plugin with modular architectur

2026-05-07 01:42:01 -07:00

vitest.config.ts

feat(FN-3082): restructure dependency graph plugin with modular architectur

2026-05-07 01:42:01 -07:00

README.md

fusion-plugin-dependency-graph

Plugin-provided top-level Graph dashboard view for Fusion.

Rendering approach

Filtering: includes triage, todo, in-progress, in-review; excludes done, archived
Graph build: edges are resolved only from task.dependencies as source=dependent, target=dependency
Auto-layout: Sugiyama-style layered layout (computeAutoLayout) groups nodes by dependency depth and spaces layers consistently
Edge drawing: SVG bezier curves from source bottom-center to target top-center, with arrowheads showing dependent → dependency direction
Interaction: pan, wheel zoom, pinch zoom, zoom-in/out controls, reset, and fit-to-screen
Fit-to-screen: computes node bounding box with layout node dimensions and applies zoom/pan so the graph fits in viewport with padding

Controls

Fit to screen (Maximize)
Zoom in (ZoomIn)
Zoom out (ZoomOut)

All controls are rendered as floating .btn-icon actions in the bottom-right corner, with mobile-friendly sizing in the @media (max-width: 768px) override.