Mods de painel para Claude Code: dashboards e painéis laterais
Mods de painel para Claude Code abrem um painel ao lado da transcrição com diffs, dashboards, logs ou gráficos atualizados ao vivo enquanto o Claude trabalha.
Ainda não há mods testados nesta categoria. Conhece um bom? Envie.
Os mods de painel para Claude Code abrem um painel ao lado da conversa e o mantêm atualizado enquanto o Claude trabalha. Usos típicos são um diff ao vivo das alterações não commitadas, um dashboard com resultados de testes, o final de um arquivo de log acompanhado em tempo real ou um gráfico do consumo de tokens ao longo da sessão. Diferente de uma linha de status, um painel tem espaço para tabelas, listas e botões.
Como funcionam os mods de painel para Claude Code?
O mod abre um painel com $.ui.open(...) e o desenha tratando ui.render para o local de renderização Pane. Dentro dele, monta a visualização com elementos como Box, Text, Markdown, Code, Button, Input e Select, todos obtidos de $.ui.resolve(e). Quando você aperta um botão ou digita em um campo, o mod recebe ui.press, ui.input ou ui.select. ui.close dispara logo antes de o painel fechar, e $.ui.panes() lista o que está aberto.
A maioria dos painéis é aberta a partir de um comando slash que o mod adiciona com $.command.register, e eles guardam seus dados em $.state, de modo que a visualização é redesenhada automaticamente quando os dados mudam. O próprio comando /diff do Claude Code é um mod nativo construído dessa forma. A documentação da interface descreve cada elemento.
O que você deve verificar antes de instalar um?
Um mod de painel quase sempre mostra Altera a interface e muitas vezes Adiciona comandos/ferramentas. O que importa é de onde vêm os dados. Um painel de diff precisa de Executa comandos para o git. Um dashboard de logs ou métricas pode precisar de Lê arquivos ou Rede. Se um painel renderiza um elemento Client, ele executa conteúdo web dentro do painel, então leia o código-fonte para ver o que é carregado.
Verifique também em quais superfícies ele funciona. Os painéis funcionam no terminal e na aba Code do desktop, mas não são desenhados em claude -p, no painel de chat da extensão do VS Code nem no Agent SDK, onde os mods executam apenas hooks.
Quando um painel é a escolha errada?
Se você só precisa de um número, uma linha de status ou uma faixa acima do prompt ocupa menos espaço na tela. Se você precisa de um aviso quando algo termina, um toast é melhor. Os painéis justificam o espaço que ocupam quando, sem eles, você manteria um segundo terminal aberto ao lado do Claude Code, por exemplo para rodar git diff várias e várias vezes ou para acompanhar um executor de testes.
Perguntas frequentes
- Os mods de painel para Claude Code funcionam no app de desktop?
- Sim. Os painéis são desenhados no terminal e na aba Code do app de desktop. Alguns elementos dependem da superfície: por exemplo, Svg só funciona no desktop, enquanto Raster e Image só funcionam no terminal, então confira a página do mod.
- Um painel pode deixar minha sessão mais lenta?
- Um painel é redesenhado quando seu estado muda. Um painel bem escrito se atualiza com eventos como tool.call ou turn.complete, e não com um timer rápido. Se um painel parecer pesado, feche-o ou desative o mod em /plugin.
- O Claude Code já vem com algum mod de painel?
- Sim. O mod de diff nativo adiciona /diff, que abre um painel listando as alterações não commitadas por arquivo e se atualiza à medida que os arquivos são editados.