Painel web de código aberto monitora o uso de tokens do Claude para fluxos de trabalho remotos

Um desenvolvedor disponibilizou como código aberto o react-ai-token-monitor, um painel baseado na web para rastrear o uso de tokens Claude em ambientes remotos e sem interface gráfica. A ferramenta foi criada porque as ferramentas de monitoramento de desktop existentes não funcionam bem para fluxos de trabalho em servidor, contêiner de desenvolvimento, CI ou SSH.

Detalhes Principais

O painel analisa arquivos locais ~/.claude/projects/**/*.jsonl em tempo real usando um observador chokidar com Server-Sent Events (SSE) para atualizações ao vivo. Ele calcula os custos com base nos preços atuais da API para os modelos Opus, Sonnet e Haiku, além das operações de leitura/escrita do cache.

Os recursos incluem:

• Detalhamentos por modelo
• Gráficos de rosca de eficiência do cache
• Mapa de calor de atividade no estilo GitHub
• Tendências semanais e mensais
• Gráfico de visão geral 3D (SVG puro)
• Tema escuro
• Sem chamadas de API externas - todos os dados permanecem locais

Os próprios dados de uso do desenvolvedor de março de 2026 mostraram:

• 6,6 milhões de tokens consumidos
• Valor equivalente de US$ 4.808 nos preços da API
• 129 sessões
• As leituras do cache dominaram o uso com 100% de eficiência em alguns dias (2,14M+ tokens em cache)
• Os dias com muitos tokens (pico de 997K) nem sempre foram os mais produtivos
• O Haiku apareceu mais via cache do que o esperado

Configuração e Uso

Para executar a ferramenta:

npm install && npm run dev

O servidor se vincula a 0.0.0.0 para acesso em rede de telefones ou navegadores. A ferramenta está licenciada sob MIT e foi construída usando Claude Code.

O desenvolvedor está buscando feedback da comunidade sobre recursos adicionais, como exportação CSV, alertas de limite e suporte a múltiplos projetos.