I built CallSight because reviewing agentic/AI-generated code often led to duplicated functions, scattered changes across 15+ files, and lost visibility into execution flows. The 'lost in the middle' & attention dilution issues crept in with larger codebases even with larger context windows.
Git diff would lead me to changes across 15+ files and gradually I would lose track of my own codebase execution patterns and flows in my mind-map.
The inherent problem with AI is its probabilistic nature.
CallSight provides a deterministic, local lens (no cloud, no LLM) on exactly how function calls and execution patterns change. Built on Tree-sitter for accurate parsing of TS, JS, TSX, JSX, Python, and Go.
Two things drove the design:
PR reviews - before merging AI-generated code you want to know what
breaks if a changed function fails. CallSight has an impact radius
overlay - hover any function and it shows exactly which other
functions are affected across files, hop by hop. Makes it much faster to decide
how carefully to review something.
Spotting bad patterns fast - coupling heatmap colours nodes by
connection count. When an AI agent has quietly made one function
the centre of everything, it shows up immediately as a red node
rather than you discovering it six PRs later.
Other tools like git diff comparison, cyclic functional dependency across files, cyclomatic complexity, module clustering based on function calls help assess changes across files.
The core engine is also on npm as @codeflow-map/core separately if
anyone wants to build on it because I think a MCP could be used to tackle attention dilution where changes to a node/function can be traced back and forth to every other node/function dependent on it.
As a side effect the extension also helps understand existing codebases which could speed up a dev's ability to understand various flows.
devricky-codes
/
callsight-vscode
Function Call Graph Visualizer for React (JSX,TSX), JavaScript, TypeScript, Pythion, Go
CallSight — Interactive Call-Flow Diagrams
CallSight parses your codebase and renders an interactive, whiteboard-style call-flow diagram right inside VS Code. Fully local, no cloud, no LLM, no telemetry. This aims to massively improve PR - reviews and agentic code generation reviews through deterministic approach missing nothing.
Demo (Click below to watch on youtube)
Features
- Visualize your entire codebase — every function becomes a node, every call becomes an edge
- Language support — TypeScript, JavaScript, TSX, JSX, Python, Go
- Interactive canvas — drag, zoom, pan, and explore your code's call flows
- Flow partitioning — automatically groups functions into independent execution flows
- Minimap — navigate large graphs at a glance
- Sidebar — browse flows and functions, sort, search, and multi-select
- Isolate by node — type in the canvas search to isolate a function and its direct neighbours
- Go to Root — jump to any entry-point node from…
Top comments (0)