Skip to content

feat: dependency graph overhaul -- WebGL rendering + DSM matrix view #246

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
DevanshuNEU merged 10 commits into from
Feb 18, 2026
Merged

feat: dependency graph overhaul -- WebGL rendering + DSM matrix view #246

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
1de90ed
feat: scaffold dependency graph overhaul with sigma.js + graphology
DevanshuNEU Feb 18, 2026
3f6ac31
feat: implement Sigma.js GraphView and Dependency Matrix view
DevanshuNEU Feb 18, 2026
ab33409
fix: dark theme for graph view -- dark bg, subtle edges, better label…
DevanshuNEU Feb 18, 2026
fbcf7ad
feat: add search, controls, fix UX issues in dependency graph
DevanshuNEU Feb 18, 2026
0da3dba
fix: search breaking graph -- shared highlight state between search a…
DevanshuNEU Feb 18, 2026
9b6f21f
fix: search and click now pin nodes, hover doesn't clear pinned state
DevanshuNEU Feb 18, 2026
4cf5939
fix: search zoom coordinates, rewrite matrix as directory-level drill…
DevanshuNEU Feb 18, 2026
7e4b223
fix: search zoom using graphToViewport + camera offset calculation
DevanshuNEU Feb 18, 2026
4a2c00e
chore: cleanup old ReactFlow files, delete package-lock.json
DevanshuNEU Feb 18, 2026
beda58c
fix: address code review findings -- 6 bugs + 3 improvements
DevanshuNEU Feb 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
141 changes: 28 additions & 113 deletions frontend/bun.lock
View file
Open in desktop

Large diffs are not rendered by default.

9 changes: 6 additions & 3 deletions frontend/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,22 +24,25 @@
"@radix-ui/react-switch": "^1.2.6",
"@radix-ui/react-tabs": "^1.1.13",
"@radix-ui/react-tooltip": "^1.2.8",
"@react-sigma/core": "^5.0.6",
"@supabase/supabase-js": "^2.39.0",
"@tanstack/react-query": "^5.90.12",
"@types/dagre": "^0.7.53",
"@types/react-syntax-highlighter": "^15.5.13",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"cmdk": "^1.1.1",
"dagre": "^0.8.5",
"framer-motion": "^12.29.0",
"graphology": "^0.26.0",
"graphology-communities-louvain": "^2.0.2",
"graphology-layout-forceatlas2": "^0.10.1",
"graphology-types": "^0.24.8",
"lucide-react": "^0.554.0",
"next-themes": "^0.4.6",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^7.12.0",
"react-syntax-highlighter": "^16.1.0",
"reactflow": "^11.11.4",
"sigma": "^3.0.2",
"sonner": "^2.0.7",
"tailwind-merge": "^3.4.0",
"tailwindcss-animate": "^1.0.7"
Expand Down
99 changes: 0 additions & 99 deletions frontend/src/components/DependencyGraph/DirectoryNode.tsx
View file
Open in desktop

This file was deleted.

144 changes: 0 additions & 144 deletions frontend/src/components/DependencyGraph/GraphNode.tsx
View file
Open in desktop

This file was deleted.

96 changes: 0 additions & 96 deletions frontend/src/components/DependencyGraph/GraphToolbar.tsx
View file
Open in desktop

This file was deleted.

25 changes: 25 additions & 0 deletions frontend/src/components/DependencyGraph/GraphView/GraphControls.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
// Graph controls: zoom in, zoom out, fit to screen
// Positioned bottom-left of the graph canvas

import { useSigma, useCamera } from '@react-sigma/core'
import { ZoomIn, ZoomOut, Maximize2 } from 'lucide-react'

const BTN = 'p-1.5 bg-zinc-900/80 backdrop-blur-sm border border-zinc-700 rounded-md text-zinc-400 hover:text-zinc-200 hover:border-zinc-600 transition-colors'

export function GraphControls() {
const { zoomIn, zoomOut, reset } = useCamera({ duration: 300, factor: 1.5 })

return (
<div className="absolute bottom-4 left-4 z-10 flex flex-col gap-1">
<button onClick={() => zoomIn()} className={BTN} title="Zoom in">
<ZoomIn className="w-4 h-4" />
</button>
<button onClick={() => zoomOut()} className={BTN} title="Zoom out">
<ZoomOut className="w-4 h-4" />
</button>
<button onClick={() => reset()} className={BTN} title="Fit to screen">
<Maximize2 className="w-4 h-4" />
</button>
</div>
)
}
Loading