From 98f7a281308536f3076906a5882b1ee5a640f88a Mon Sep 17 00:00:00 2001 From: Fusion Date: Thu, 14 May 2026 16:05:50 -0700 Subject: [PATCH] =?UTF-8?q?docs(FN-4539):=20complete=20Step=207=20?= =?UTF-8?q?=E2=80=94=20document=20responsive=20graph=20orientation?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fusion-Task-Id: FN-4539 Fusion-Task-Lineage: 90c37e7c-0691-4f15-80d6-e95bc6502e76 --- plugins/fusion-plugin-dependency-graph/CHANGELOG.md | 6 ++++++ plugins/fusion-plugin-dependency-graph/README.md | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/plugins/fusion-plugin-dependency-graph/CHANGELOG.md b/plugins/fusion-plugin-dependency-graph/CHANGELOG.md index a8532a373..4361e7d15 100644 --- a/plugins/fusion-plugin-dependency-graph/CHANGELOG.md +++ b/plugins/fusion-plugin-dependency-graph/CHANGELOG.md @@ -1,5 +1,11 @@ # @fusion-plugin-examples/dependency-graph +## Unreleased + +### Patch Changes + +- Dependency graph auto-layout now switches orientation on tall or narrow viewports so dependency depth flows left-to-right on mobile/portrait layouts. + ## 0.1.20 ### Patch Changes diff --git a/plugins/fusion-plugin-dependency-graph/README.md b/plugins/fusion-plugin-dependency-graph/README.md index 04d61d55f..92aa2bc0a 100644 --- a/plugins/fusion-plugin-dependency-graph/README.md +++ b/plugins/fusion-plugin-dependency-graph/README.md @@ -17,7 +17,7 @@ The dependency graph view is registered as a **bundled plugin view** in the dash - **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` - **Orphan dependency handling**: if a visible task depends on an excluded/missing dependency (for example `done`/`archived` after filtering), the missing edge is silently dropped and graph rendering continues without broken connectors -- **Auto-layout**: Sugiyama-style layered layout (`computeAutoLayout`) groups nodes by dependency depth and spaces layers consistently +- **Auto-layout**: Sugiyama-style layered layout (`computeAutoLayout`) groups nodes by dependency depth and spaces layers consistently, and flips orientation responsively (`height > width` or `width < 768`) so depth flows left-to-right on tall/narrow viewports - **Edge drawing**: SVG bezier curves from source bottom-center to target top-center, with arrowheads showing dependent → dependency direction - **Interaction**: drag-to-pan canvas background, scroll/two-finger pan, Ctrl/Cmd-wheel zoom, pinch-to-zoom with stationary midpoint, drag-to-reposition nodes, keyboard shortcuts, zoom toolbar, reset, and fit-to-graph - **Zoomed navigation reachability**: pan clamping now scales with the full rendered graph bounds (min/max node extents) at the active zoom level, so zooming in no longer traps off-screen content behind fixed viewport-only limits