Dashboard

Settings

Configure your API keys and preferences

API Keys
配置 OpenAI 兼容的 API（支持 OpenRouter、Azure、自建代理等）

API 端点地址，如 OpenRouter、Azure OpenAI 等

模型名称，取决于你使用的 API 提供商

Data Synchronization
How to sync your usage data to this dashboard

# Run the sync script

cd ccusage-dashboard

pnpm run sync

# Commit and push data

git add data/

git commit -m "chore: sync usage data"

git push

The sync script will:

  • Export daily, monthly, session, and project data from ccusage
  • Export Codex and OpenCode usage data (if available)
  • Save JSON files to the data/ directory
Cost Calculation

When enabled, display costs calculated from OpenRouter pricing instead of CCUsage recorded costs

About

ccusage Dashboard v1.0.0

A web dashboard for visualizing Claude Code, Codex, and OpenCode usage data. Built with Next.js, shadcn/ui, and Recharts.