# 📸 Previews Um tour visual pelo Codis: como o editor é por dentro, painel por painel. Cada imagem leva para a documentação do recurso correspondente. > Quer ver ao vivo? Veja [Primeiros Passos](primeiros-passos.md) para instalar. Tem capturas melhores, de outros sistemas ou temas? Veja [como contribuir](../CONTRIBUTING.md). --- ## Visão geral ![Janela principal do Codis com Activity Bar, Explorer, editor com abas, painel inferior e barra de status](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/01-visao-geral.png) *A janela completa: Activity Bar à esquerda, Explorer, editor com abas, painel inferior e barra de status.* Saiba mais: [Interface](interface.md). ![Paleta de comandos aberta sobre o editor](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/02-paleta-comandos.png) *A Paleta de Comandos: todas as ações do editor a poucas teclas de distância.* Saiba mais: [Interface](interface.md#paleta-de-comandos). ## Editando ![Editor com syntax highlight, minimap, code folding e números de linha](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/03-editor.png) *Syntax highlight, minimap, dobramento de código e gutter.* Saiba mais: [Editor](editor.md). ![Autocomplete e hover do LSP com diagnósticos sublinhados no código](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/04-lsp-autocomplete.png) *Autocomplete, hover e diagnósticos em tempo real via LSP e linters.* Saiba mais: [Linting & LSP](linting.md). ![Editor exibindo Complexity Lens e Edit Heatmap no gutter](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/05-inteligencia-editor.png) *Complexity Lens, Edit Heatmap e Smart Tips: o editor entendendo o seu código.* Saiba mais: [Inteligência do Editor](inteligencia-editor.md). ![Janela do Vim Mode imersivo com a linha de comando aberta](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/06-vim-mode.png) *O Vim Mode imersivo, com seus modos e linha de comandos.* Saiba mais: [Recursos Exclusivos](recursos-exclusivos.md#vim-mode). ![Painel de depuração com breakpoint, pilha de chamadas e variáveis](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/07-debug.png) *Depuração real via DAP: breakpoints, stepping, variáveis e console.* Saiba mais: [Debug](debug.md). ## IA e Git ![Painel do Assistente de IA no modo Agente com diff interativo](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/08-assistente-ia.png) *O Assistente de IA no modo Agente, com Approval Gate e diff interativo.* Saiba mais: [Assistente de IA](ia.md). ![Painel Git com arquivos em stage, histórico e diff visual](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/09-git.png) *Painel Git: stage, commit, branches, diff visual e blame inline.* Saiba mais: [Git](git.md). ## Ferramentas ![Terminal integrado com múltiplas sessões abertas](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/10-terminal.png) *Terminal integrado com várias sessões.* Saiba mais: [Terminal](terminal.md). ![SQL Studio com editor de consultas, browser de esquema e grid de resultados](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/11-sql-studio.png) *SQL Studio: editor, browser de esquema e grid de resultados.* Saiba mais: [Recursos Avançados](recursos-avancados.md#sql-studio). ![Gerenciador de Tarefas em modo Kanban](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/12-tarefas-kanban.png) *Gerenciador de Tarefas em Kanban, com agendador de comandos.* Saiba mais: [Recursos Avançados](recursos-avancados.md#gerenciador-de-tarefas). ![REST Client e Regex Playground abertos lado a lado](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/13-rest-regex.png) *REST Client e Regex Playground, ferramentas de bolso do dia a dia.* Saiba mais: [Recursos Avançados](recursos-avancados.md). ![Editor de Imagens (Paint) com uma imagem aberta](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/14-paint.png) *Editor de Imagens embutido.* Saiba mais: [Editor de Imagens](paint.md). ## Conectividade ![Dois editores com edição colaborativa e cursores remotos coloridos](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/15-colaboracao.png) *Edição colaborativa em tempo real, com cursores remotos.* Saiba mais: [Colaboração](colaboracao.md). ![Painel de Chat ao Vivo conectado a um servidor IRC](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/16-chat.png) *Chat ao vivo multi-protocolo dentro do editor.* Saiba mais: [Chat ao Vivo](chat.md). ![Navegador Remoto listando arquivos de um servidor SFTP](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/17-navegador-remoto.png) *Navegador Remoto: SSH/SFTP, FTP/FTPS e WebDAV.* Saiba mais: [SSH Remoto](remote-ssh.md). ## Personalização ![Montagem de vários temas do Codis, claros e escuros](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/18-temas.png) *Os temas do Codis, do escuro ao claro.* Saiba mais: [Temas](temas.md). ![Interface K-UI com nebulosa animada ao fundo](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/19-kui.png) *K-UI: a engine holográfica com nebulosas e auroras.* Saiba mais: [K-UI](kui.md). ![Modo Zen com o player Zen Media e capa do álbum](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/20-zen-media.png) *Modo Zen com o player de mídia integrado.* Saiba mais: [Recursos Exclusivos](recursos-exclusivos.md). ![Janela de configurações com as categorias à esquerda](https://raw.githubusercontent.com/KillovSky/Codis/main/docs/img/previews/21-configuracoes.png) *Configurações organizadas por categoria.* Saiba mais: [Configurações](configuracoes.md). --- As capturas mostram a versão e o tema padrão (`fluent_dark`), exceto onde indicado. A interface pode variar um pouco entre Windows, Linux e macOS.