Devin Cli Chat — VS Code
Painel de chat nativo para o Devin CLI dentro do VS Code, com interface em português brasileiro.
Suporte a modelos, agentes, skills, anexos, histórico e contexto automático do editor.
Pré-requisito: Devin CLI
Esta extensão é uma interface gráfica para o Devin CLI — o CLI precisa estar instalado e acessível no PATH da sua máquina antes de usar a extensão.
Verifique a instalação abrindo o terminal e executando:
devin --version
Para instalar o Devin CLI, consulte a documentação oficial do Devin.
Se o executável não estiver no PATH, configure o caminho completo em devinCliChat.caminhoDevin (ex.: /usr/local/bin/devin).
Instalação da extensão
Via Marketplace (recomendado):
Pesquise Devin Cli Chat no VS Code Marketplace e clique em Install.
Via VSIX (manual):
- Baixe o VSIX da página de releases.
- No VS Code:
Ctrl+Shift+P → Extensions: Install from VSIX… → selecione o arquivo.
- Recarregue a janela (
Ctrl+Shift+P → Developer: Reload Window).
Uso rápido
- Abra uma pasta no VS Code.
- Clique no ícone Devin Cli Chat na Activity Bar.
- Escolha modelo, agente, modo e skills quando necessário.
- Digite uma mensagem e pressione Enter ou o botão Enviar.
Funcionalidades
- Chat integrado: executa
devin -p e exibe a resposta no painel, sem sair do VS Code.
- Contexto automático do editor: inclui automaticamente a seleção ativa ou o arquivo aberto no prompt enviado ao CLI.
- Modelos:
auto, sonnet, opus, swe, gpt, codex, adaptive.
- Agentes e skills: scan automático de
.devin/agents e .devin/skills (workspace e global).
- Anexos: arquivos, seleção do editor, pastas do workspace.
- Histórico de sessões: salvar, carregar, excluir e limpar.
- Cancelamento: botão × no compositor durante execuções longas.
- Diagnóstico: botão i no cabeçalho verifica o Devin CLI sem sair do painel.
Configurações principais
{
"devinCliChat.caminhoDevin": "devin",
"devinCliChat.modeloAtual": "auto",
"devinCliChat.modoExecucaoChat": "resposta-integrada",
"devinCliChat.agenteAtual": "auto",
"devinCliChat.prefixoPromptPadrao": "Responda em português brasileiro..."
}
Modelos válidos
Use auto para deixar o Devin CLI escolher o modelo padrão — a extensão não envia --model.
Aliases aceitos: sonnet, opus, swe, gpt, codex, adaptive.
Valores inválidos são convertidos para auto automaticamente.
Diretórios de agentes e skills
| Recurso |
Workspace |
Global |
| Agentes |
.devin/agents |
~/.config/devin/agents |
| Skills |
.devin/skills |
~/.config/devin/skills |
Modo de execução
- Integrado (
resposta-integrada): executa devin -p e exibe a resposta no chat.
- Terminal: abre o terminal integrado com o comando pronto para execução manual.
Contexto automático do editor
Quando habilitado, o chat inclui automaticamente a seleção ativa ou, se não houver seleção, o arquivo aberto como contexto da pergunta. Se houver anexos manuais, o contexto automático é omitido para evitar duplicidade.
Uma referência compacta aparece na bolha do usuário: 📄 Contexto automático: arquivo.ts:10-25.
| Configuração |
Tipo |
Padrão |
Descrição |
devinCliChat.usarContextoEditorAutomatico |
boolean |
true |
Habilita/desabilita o contexto automático |
devinCliChat.limiteBytesContextoEditorAutomatico |
number |
200000 |
Limite de bytes. Arquivos maiores são truncados com aviso |
devinCliChat.modoContextoEditorAutomatico |
enum |
selecao-ou-arquivo |
selecao-ou-arquivo / somente-selecao / somente-arquivo / desativado |
Log de diagnóstico
View → Output → selecione Devin Cli Chat para ver logs em tempo real.
Ou execute Devin Cli Chat: Verificar Devin CLI na Command Palette — o Output abre automaticamente.
Solução de problemas
Devin CLI não encontrado
- Verifique: abra o terminal integrado e execute
devin --version.
- Se não estiver no PATH, configure
devinCliChat.caminhoDevin com o caminho completo (ex.: /usr/local/bin/devin).
- No Windows com Git Bash, configure
devinCliChat.gitBashPath ou habilite devinCliChat.usarGitBashNoWindows.
- Execute Devin Cli Chat: Verificar Devin CLI na Command Palette para diagnóstico automático.
Painel abre, mas botões não respondem
- Abra Developer: Toggle Developer Tools (
Ctrl+Shift+I) e verifique a aba Console.
- Verifique
View → Output → Devin Cli Chat por erros do host.
- Reinstale com
--force: code --install-extension devin-cli-chat-X.Y.Z.vsix --force.
- Execute Developer: Reload Window.
- Se persistir, abra uma issue com o log.
Modelo não reconhecido
- Use
auto — a extensão não envia --model e o Devin CLI usa o padrão local.
- Execute Devin Cli Chat: Atualizar modelos para redescobrir modelos disponíveis.
- Use Devin Cli Chat: Definir modelo manual para inserir um alias fora da lista padrão.
- Verifique se o alias é aceito com
devin model set <alias> no terminal.
Resposta não aparece no chat
- Verifique o modo de execução — se for Terminal, a resposta não volta para o chat.
- Aguarde o timeout (padrão 5 min) ou aumente
devinCliChat.timeoutChatMs.
- Verifique
View → Output → Devin Cli Chat por erros de execução.
Anexos não funcionam
- Arquivos > 1 MB são ignorados — use pastas com arquivos menores.
- Diretórios como
node_modules, .git, dist, build são excluídos automaticamente.
- É necessário ter uma pasta aberta no VS Code para o browser de workspace funcionar.
Segurança
Esta extensão executa o Devin CLI localmente e não coleta dados. Arquivos anexados são incluídos no prompt enviado ao CLI — revise antes de enviar conteúdo sensível.
Consulte SECURITY.md para detalhes sobre CSP, logging, execução do CLI e modelo de ameaças.
Desenvolvimento
Pré-requisitos
- Node.js 18+
- VS Code 1.92+
- Devin CLI instalado e acessível no PATH
Setup
cd Vscode
npm install
Comandos
| Comando |
Descrição |
npm run compile |
Compila TypeScript → out/extension.js |
npm run watch |
Compila em modo watch |
npm run test |
Roda suite de testes unitários (test/unit.js) |
npm run validate:webview |
Valida sintaxe e CSP do script embutido da webview |
npm run validate:vsix |
Valida estrutura e conteúdo do VSIX gerado |
npm run release:check |
Compila + valida webview + roda testes (gate único antes do package) |
npm run package |
Gera o VSIX (devin-cli-chat-X.Y.Z.vsix) |
Testar em desenvolvimento
- Abra a pasta
Vscode/ no VS Code.
- Pressione
F5 — abre uma janela de extensão de desenvolvimento.
- Ou instale o VSIX gerado:
npm run package → instale via UI.
Estrutura relevante
Vscode/
├── src/extension.ts # código-fonte principal
├── out/extension.js # saída compilada (versionada no repo)
├── media/ # ícones
├── package.json # manifest da extensão
└── tsconfig.json # configuração TypeScript
Versão atual: 1.0.1
Veja o CHANGELOG para histórico completo.