RTK Dashboard v2 — visual analytics companion for rtk gain

[ChrisX101010]

Built an open-source web dashboard that visualizes RTK token savings with interactive charts and real cost tracking.

Repo: https://github.com/ChrisX101010/rtk-dashboard

What it does

• Reads history.db directly — Express backend connects to ~/.local/share/rtk/history.db and serves real data via JSON API
• 11 LLM pricing models — select your provider (Claude, GPT-4o, Gemini, DeepSeek, etc.) to see accurate dollar savings
• 5 interactive tabs: Overview, Commands, Compression Preview, Discover, Recent Commands
• Compression preview — side-by-side diff showing exactly what RTK strips from git status, cargo test, git push, docker logs, eslint
• Discover tab — surfaces low-savings commands (optimization targets) and unintercepted commands you're missing
• Demo mode fallback — works without RTK installed so anyone can preview the UI

Screenshots

The dashboard running in demo mode:

Quick start

git clone https://github.com/ChrisX101010/rtk-dashboard.git
cd rtk-dashboard
npm install
npm run dev

For real data, install backend deps and start the API server:

npm install better-sqlite3 express cors
npm run server

Related

This addresses the analytics visibility gap discussed in #142. Would love feedback on what data views would be most useful to the community.

Tech: React 18, Vite, Express, better-sqlite3. Zero chart libraries — all SVG/CSS hand-rolled. ~8KB CSS, ~55KB JS gzipped.