Read-only monitoring dashboard for GitHub activity and AI usage/billing.
- GitHub repositories, open pull requests, open issues, and latest workflow status.
- OpenAI organization cost data.
- Claude/Anthropic usage and cost data.
- Manual AI subscription cost records.
- Manual AI usage records for providers that do not expose usage APIs.
This app does not chat, run agents, buy subscriptions, cancel subscriptions, upgrade plans, or modify provider accounts.
control-center/
client/ React frontend
index.html
src/
main.jsx
styles.css
logo.png
server/ Express backend and provider API proxy
index.js
data/ Local persisted monitoring data
control-center.json
dist/ Production build output
package.json
vite.config.js
- Node.js 20+ recommended.
- Provider auth for the data you want to monitor.
The Auth page is available at:
http://127.0.0.1:8081/auth
GitHub supports OAuth login.
Create a GitHub OAuth App with this callback URL:
http://127.0.0.1:8081/api/auth/github/callback
Start the server with:
GITHUB_CLIENT_ID="your_client_id" \
GITHUB_CLIENT_SECRET="your_client_secret" \
npm run startYou can also provide a token directly with:
GITHUB_AUTH="your_token" npm run startOpenAI usage/cost APIs use API key auth. Use an org/admin key that can read costs:
OPENAI_AUTH="your_openai_key" npm run startClaude/Anthropic usage and cost APIs use API key auth:
CLAUDE_AUTH="your_anthropic_key" npm run startInstall dependencies:
npm installRun frontend and backend together:
npm run devFrontend dev server:
http://127.0.0.1:5173/
Backend API:
http://127.0.0.1:8081/
Build the React app:
npm run buildStart the Express backend:
npm run startOpen:
http://127.0.0.1:8081/
Local monitoring data is stored in:
data/control-center.json
The app also supports export/import/reset from the Auth page.