Interactive dashboard

A self-contained, offline graph viewer built from your project's SQLite databases. Tree-sitter structure on the structural side, LLM summaries and architectural layers on the semantic side — rendered as a navigable graph.

on this page

Build the viewer (once)

The dashboard SPA (Vite + React + react-force-graph) ships as source under dashboard/. Build the bundle once; it compiles to a single self-contained HTML the CLI reuses for every project.

npm run build:dashboard     # installs + builds dashboard/ -> dashboard/dist
# or build everything (dashboard + CLI):
npm run build:all

Generate for a project

cd /path/to/your/project
codegps dashboard            # writes .codegps/dashboard/index.html + graph.json
codegps dashboard --open     # and open it in your browser

The graph snapshot is inlined into index.html, so it opens directly from disk (file://) with no server. Run it again after sync / analyze / ingest to refresh.

Views

ViewWhat it shows
GraphFile-level dependency graph (imports + calls), nodes colored by architectural layer. Click a node for its summary and tags.
DomainsClassified industries, evidence-cited portfolio highlights, and domain entities.
LayersFiles grouped by architectural layer (api · service · data · ui · utility · other).
SearchFuzzy search across files, concepts, entities, and highlights.

The snapshot

codegps dashboard also writes a standalone graph.json next to the HTML. It is a bounded export from code.db + knowledge.db:

Sharing

Both artifacts are self-contained. Commit graph.json for teammates, or hand someone the single index.html — it renders offline with no install. (Inspired by Understand-Anything's commit-the-graph workflow.)