Repository navigation
feat: implement all four visualization views - #23
Merged
Merged
Conversation
Replace Cytoscape.js imperative graph with React Flow: - Each module is a React component (ModuleCard) with rich content - Framer Motion entry animations on nodes - Built-in minimap, controls, and background grid - Layer filter bar to show/hide nodes by architectural layer - Hierarchical layout grouped by layer type - Interactive zoom, pan, and node selection - Node selection highlighting with glow effect
React Flow-based dependency graph with: - File-level nodes showing fan-in/fan-out metrics - DFS-based circular dependency detection with red animated edges - Dead code detection (zero inbound, not entry point) - View mode filter: All / Circular / Unused - Framer Motion entry animations on nodes - Minimap with color coding for issues
React Flow-based data model viewer that: - Extracts class, interface, and type exports from summaries - Renders ERD-style cards showing kind, name, file, and fields - Draws relationship edges between related models - Supports interactive zoom, pan, and node selection - Falls back to empty state when no models detected
React Flow-based call flow tracer that: - Renders critical path steps as a vertical flow - Animated edges connecting steps (purple pulsing) - Staggered entry animations per step - Progress bar showing depth in the call stack - Path selector for switching between critical paths - Layer inference from module names for color coding
humzakhan
force-pushed
the
humzakhan/phase4-dependency-graph
branch
from
March 13, 2026 18:10
dc42429 to
2a77a14
Compare
6 tasks done
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Implements the remaining three visualization views and enhances the Architecture Map:
Architecture Map (Phase 3)
Dependency Graph (Phase 4)
Data Models (Phase 5)
Call Flow Tracer (Phase 6)
Test plan
tsc --noEmit)