Documentação / O IDE

A interface

Barra de título, barras laterais, chat, editor e painel inferior. O uso diário à vista; o resto, a um clique.

A interface do Yuli se organiza em três zonas e coloca em primeiro lugar o que se usa no dia a dia. O resto está a um clique, com nome e uma linha que diz para que serve.

┌──────────────────────── Barra de título ────────────────────────┐
├──────────────────────── Abas de projeto ────────────────────────┤
│ Lat. │ Projeto  │     Chat      │        Editor        │ Lat.  │
│ esq. │          │               │                      │ dir.  │
│      ├──────────┴───────────────┴──────────────────────┤       │
│      │                 Painel inferior                 │       │
└──────────────────────── Barra de status ────────────────────────┘
Zona O que há
Esquerda: o projeto Arquivos, Git e a configuração do agente.
Centro: a conversa O chat com a IA: Yuli Platform, Claude Code, Kiro, Codex ou Antigravity.
Direita: o trabalho O editor e suas abas: arquivos, Alterações da IA, REST Client, Web Studio, diagramas e ferramentas.

Barra de título

Parte Conteúdo
Esquerda O botão ☰ (Mostrar menu). Recolhido, mostra o projeto ativo; expandido, os menus Arquivo, Editar, Exibir, Projeto, Agente, Git, Ferramentas, Janela e Ajuda.
Centro A cápsula do agente. Quando ele está trabalhando, ela diz o que ele faz (“A IA está trabalhando”, “Seu Claude Code está trabalhando”, ou quantos agentes e tarefas). Um clique leva você ao chat.
Direita Alternância entre tema claro e escuro, consumo de tokens e os botões da janela.

Um clique duplo na barra maximiza a janela.

Abas de projeto

Logo abaixo, uma aba por projeto aberto. A partir dali você abre outro projeto, move-o para uma nova janela ou usa Visão dividida: ver dois projetos ao mesmo tempo. Com Ctrl+Alt+PageDown e Ctrl+Alt+PageUp você troca de aba.

Barra lateral esquerda

Botão Para quê Atalho
Projeto Mostra ou oculta o painel do projeto. Alt+1
Web Studio Design, pré-visualização, arquitetura e app completo. Alt+Shift+W
Banco de dados Conexões, esquemas, SQL e PL/SQL. Alt+Shift+D
Mais ferramentas Abre o painel com o restante. —

Em Mais ferramentas:

Ferramenta Para quê Atalho
Repositórios remotos (MCP) GitHub e GitLab conectados. Alt+2
Tarefas em segundo plano O que a IA faz enquanto você trabalha. Alt+Shift+B
Requisitos Rastreabilidade regra → código → teste. Alt+Shift+R
Contêineres Docker e Kubernetes. Alt+Shift+K
Desenvolvimento remoto WSL, SSH e contêineres de desenvolvimento. Alt+Shift+O
CI/CD Jenkins, GitHub Actions, GitLab CI e CloudBees. Alt+Shift+J

Na parte de baixo da barra lateral, o botão para mostrar ou ocultar o painel inferior.

Barra lateral direita

No alto, a Coluna do editor:

  • Editor: mostra, oculta ou foca o editor (Ctrl+Shift+C).
  • Alterações da IA: pendentes e histórico (Ctrl+Alt+R). Mostra um contador quando há alterações para revisar.

Em Mais ferramentas:

Ferramenta Para quê
REST Client Testa e depura requisições HTTP (Alt+9).
Diagramas Como o sistema se conecta (Ctrl+Alt+D).
Central de Governança Contrato de qualidade, portões, dados sensíveis, design e entrega.
Central de segurança Achados e segredos.
Modernização Migrações e versões.
Testes de caracterização Testes que fixam o comportamento atual antes de alterá-lo.
Ambientes remotos Variáveis e perfis.
APIGEE Token, chaves e contratos.

Na parte de baixo da barra lateral, o botão para mostrar ou ocultar o chat (Ctrl+Alt+I).

O que você abre em “Mais ferramentas” sobe para a barra lateral enquanto estiver em uso. Assim você sempre vê onde está, sem ter trinta ícones à vista.

Painel inferior

Aba Para quê Atalho
Terminal Terminal integrado. Alt+Shift+F12
Execução Saída da aplicação, com links para o código. Alt+4
Problemas Erros e avisos do projeto. Alt+6
Testes Explorador e resultados de testes. Alt+5
Qualidade Nota, medição e métricas. —

Em Mais: Sincronização (Alt+8), Maven / Gradle / Ant (Alt+7), Code Intelligence (Alt+0), Spring, Inspeções, Contêineres e JVM. A aba que você abrir em “Mais” fica na barra enquanto estiver em uso.

Alt+F12 mostra ou oculta o painel; Shift+Esc o oculta.

Tela inicial

Sem nada aberto, o editor pergunta “O que você quer fazer?” e oferece quatro caminhos:

  1. Pedir algo à IA: ela planeja, faz e verifica.
  2. Abrir um arquivo: busque pelo nome ou escolha um do projeto.
  3. Desenhar uma tela: o Web Studio desenha a interface ao vivo e a leva ao código.
  4. Executar e testar: inicia a aplicação e mostra testes e problemas.

Barra de status

Mostra o consumo da sessão, os tokens da tarefa atual, o tamanho do projeto, a nota de qualidade, o estado do motor Java, os recursos (RAM e CPU) e o status da CI. Um clique a expande com os detalhes.

Modo zen

Ctrl+Shift+F12 deixa só o editor. Pressione de novo para recuperar os painéis.