claude-view: Controle de Missão para Claude Code — Monitoramento de Sessões ao Vivo, Rastreamento de Custos e Análises

Publicado originalmente em recca0120.github.io

Depois de usar o Claude Code por um tempo, a pergunta mais comum que recebo é "quanto você está gastando por mês?" Honestamente, não consigo responder a isso. A interface de terminal do Claude Code não mostra os custos acumulados de tokens, quantos sub-agentes foram executados ou qual sessão queimou mais dinheiro.

claude-view preenche essa lacuna. Um comando abre um painel que monitora cada sessão do Claude Code em sua máquina em tempo real.

npx claude-view

O Que Ele Mostra

Monitoramento de Sessões ao Vivo

Abra o painel e você verá todas as sessões do Claude Code em execução, cada cartão mostrando:

Última mensagem
Modelo em uso (Opus, Sonnet, Haiku)
Custo atual e contagem de tokens
Utilização da janela de contexto (porcentagem ao vivo)
Contador de tempo de cache de prompt

Os cartões podem ser organizados em vários layouts: Grade, Lista, Kanban, Monitor. O modo Kanban agrupa sessões por projeto/branch em faixas — ótimo ao executar vários projetos simultaneamente.

Navegador de Conversas

Clique em qualquer sessão para ver o histórico completo da conversa. Ao contrário da visualização do terminal, o claude-view visualiza chamadas de ferramentas — leituras de arquivos, edições, comandos bash e chamadas MCP cada um recebe seu próprio cartão.

Um botão de Modo Desenvolvedor revela metadados de hook, cartões de eventos e JSON bruto. Inestimável para depuração.

As conversas podem ser exportadas como Markdown para documentação ou para retornar ao Claude para continuação.

Visualização da Árvore de Sub-agentes

O Claude Code gera sub-agentes para subtarefas. No terminal, você vê apenas um nível. O claude-view renderiza a estrutura completa da árvore com custos por agente e quebras de tokens à primeira vista.

Pesquisa de Texto Completo

O mecanismo de busca é Tantivy, um indexador de texto completo da classe Lucene nativo em Rust. Os tempos de resposta da pesquisa em 1.500 sessões permanecem abaixo de 50ms.

Cmd+K abre uma paleta de comandos para saltar rapidamente entre sessões e alternar visualizações.

Análise: Para Onde Foi o Dinheiro

É aqui que vejo o maior valor.

Métricas do Painel

Contagem de sessões, uso de tokens e comparação de custos semana a semana
Mapa de calor de atividade estilo GitHub de 90 dias
Habilidades, comandos e ferramentas MCP mais utilizados
Gráfico de barras dos projetos mais ativos
Totais entre sessões para edições, leituras e comandos bash

Rastreamento de Contribuições de IA

Esse recurso quantifica a saída do Claude Code:

Linhas adicionadas/removidas, arquivos tocados, contagens de commits
Custo por commit, custo por sessão, ROI por linha
Comparação lado a lado de Opus vs Sonnet vs Haiku
Taxa de reedição: rastreando se a qualidade do seu prompt está melhorando

Há também uma pontuação experimental de Fluência em IA (0-100), calculada a partir do seu histórico de sessões para medir quão efetivamente você usa a IA.

85 Ferramentas MCP

O claude-view envia um plugin (@claude-view/plugin) que carrega automaticamente com cada sessão do Claude Code.

claude plugin add @claude-view/plugin

O plugin fornece 85 ferramentas MCP: 8 ferramentas principais feitas à mão mais 77 geradas automaticamente a partir da especificação OpenAPI.

As 8 principais:

list_sessions, get_session, search_sessions
get_stats, get_fluency_score, get_token_stats
list_live_sessions, get_live_summary

Uma vez instalado, você pode perguntar ao Claude Code "quanto eu gastei hoje" ou "qual sessão levou mais tempo na semana passada" — ele consulta o claude-view via MCP.

9 Habilidades Integradas

Além das ferramentas MCP, existem 9 habilidades integradas:

Habilidade	Propósito
`/session-recap`	Resumir commits, métricas, duração
`/daily-cost`	Gastos e tokens de hoje
`/standup`	Registro de trabalho multi-sessão
`/coaching`	Dicas de uso de IA
`/insights`	Análise de padrões comportamentais
`/project-overview`	Resumo de projeto entre sessões
`/search`	Busca em linguagem natural
`/export-data`	Exportações CSV/JSON
`/team-status`	Visão geral da atividade da equipe

Arquitetura Técnica

O claude-view usa Rust para o backend e React para o frontend.

Camada	Tecnologia
Framework web	Axum
Banco de dados	SQLite
Mecanismo de busca	Tantivy
Arquivo I/O	I/O mapeado em memória
Tempo real	SSE + WebSocket
Frontend	React + Vite + Dockview
Monorepo	Turbo + Bun

Benchmarks de desempenho (Mac série M, 1.493 sessões):

Métrica	claude-view	Painel Típico do Electron
Download	~10 MB	150-300 MB
No disco	~27 MB	300-500 MB
Inicialização	<500 ms	3-8 s
RAM	~50 MB	300-800 MB
Indexar 1.500 sessões	<1 s	N/A

O mmap do Rust + análise JSONL acelerada por SIMD permite cópia zero da análise à resposta. Comparado aos painéis do Electron, é 10x menor e usa 6x menos memória.

Instalação

Três opções:

# Recomendado
curl -fsSL https://get.claudeview.ai/install.sh | sh

# Ou via npx
npx claude-view

# Instalar plugin (inicia automaticamente com o Claude Code)
claude plugin add @claude-view/plugin

Única pré-requisito: Claude Code instalado. O painel roda em http://localhost:47892.

Todos os dados permanecem locais, zero telemetria, nenhuma conta necessária.

Comparado a Outras Ferramentas

Existem ferramentas semelhantes, mas com posicionamentos diferentes:

ccusage: ferramenta CLI, apenas estatísticas de tokens, sem GUI, sem monitoramento ao vivo
opcode: GUI baseada em Tauri com gerenciamento de sessão, mas sem navegação de chat multi-sessão ou busca
CodePilot: UI de chat Electron para interagir com o Claude Code, não monitorá-lo

O claude-view é posicionado como monitoramento e análise. Se você já trabalha no terminal com o Claude Code, ele não muda seu fluxo de trabalho — apenas mostra mais informações.

Eu cobri anteriormente AionUi, que unifica vários agentes em uma única GUI. O claude-view adota uma abordagem diferente: continue trabalhando no terminal, mas adicione um painel.