EAX Labs · Project CN

Code
Navigator

An advanced IDE with a visual dependency graph — see how your source code connects, flows, and breaks.

Idea Phase
=========================================================================== ---[ EAX Labs Technical Bulletin ]--- Title : Code Navigator — Visual Dependency IDE Author : eax labs Date : 2026-03-17 Category : Developer Tooling / IDE Status : Idea Phase ===========================================================================

The Vision

$ cat /eax/code-navigator/README # ── What is Code Navigator? ────────────────────────── > Code Navigator is an IDE built around a visual dependency graph. > Instead of flat file trees, you see how modules connect in real time. # ── Why? ───────────────────────────────────────────── > Modern codebases are massive. Grep is not enough. > You need to "see the architecture", not just the files. > Every import, every function call — mapped as a living graph. # ── How? ───────────────────────────────────────────── > AST parsing via Tree-sitter extracts dependency edges. > D3.js + WebGL renders the graph in real time. > Click a node — jump to the source. Refactor visually. > Status: "idea_phase"

Core Features

◆
Visual Dependency Graph

See your entire codebase as an interactive force-directed graph. Zoom, pan, filter by module or language. Every edge is a real import or call.

▦
AST-Powered Parsing

Tree-sitter parses source into abstract syntax trees incrementally. No regex hacks — real structural understanding of your code.

▶
Smart Navigation

Click any node in the graph to jump to its definition. Trace call chains, find circular dependencies, and detect dead code paths.

★
Multi-Language Support

TypeScript, Python, Rust, Go, C++ — Code Navigator parses them all. Mixed-language projects get a unified dependency view.

⚙
Collaborative Mode

Share your graph view with teammates in real time. Annotate nodes, flag risky dependencies, and review architecture together.

☷
Git Integration

Overlay git blame and history onto the graph. See which modules change together, who owns what, and where merge conflicts brew.

Architecture

┌─────────────────────────────────────────────────────────┐ │ CODE NAVIGATOR │ ├──────────────┬──────────────────┬───────────────────────┤ │ UI Layer │ Graph Engine │ Editor Core │ │ Electron │ D3.js + WebGL │ Monaco / CodeMirror │ ├──────────────┴──────────────────┴───────────────────────┤ │ Analysis Layer │ │ Tree-sitter AST ──> Dependency Extractor │ │ LSP Integration ──> Symbol Resolver │ ├─────────────────────────────────────────────────────────┤ │ Data Layer │ │ Graph DB (in-memory) · File Watcher (Node.js) │ │ Git Interface · Cache / Index │ └─────────────────────────────────────────────────────────┘

Tech Stack

TypeScript Electron D3.js Tree-sitter WebGL Node.js LSP Git

Want to build this?

Code Navigator is in the idea phase. If you want to help shape it, join the conversation.

Get Involved