A tela do construtor
Esta página explica cada parte da interface do construtor V3 e o que cada interação faz.
Áreas da tela
┌─[1] Topbar com ações──────────────────────────────────────────┐
│ [⬅ Voltar] [Nome do fluxo] [Pré-vis.] [Histórico] [Publicar] │
├──[2]──┬───────────────────────────────────────────────────────┤
│ │ │
│ Lista │ [3] │
│ de │ Canvas │
│ blocos│ (zoom, arrasta, conecta) │
│ │ │
│ │ [4] │
├───────┤ Variáveis │
│ [5] │ (painel lateral)│
│ Pesq. │ │
└───────┴────────────────────────────────────────────────────────┘1. Topbar
| Botão | O que faz |
|---|---|
| ⬅ Voltar | Volta pra lista de fluxos do bot |
| Nome do fluxo (clicável) | Renomear |
| Pré-visualizar | Abre painel de teste sem precisar publicar |
| Histórico | Lista versões publicadas, permite restaurar |
| Publicar | Cria nova versão e marca como ativa |
2. Sidebar de blocos
Lista expandível por categoria. Arraste qualquer bloco pro canvas. Categorias:
- Bolhas — display
- Entradas — coletar dados
- Lógica — controle de fluxo
- Integrações — chamadas externas
- Tickets — sistema de chamados
- Customizados — específicos Cosmobots
3. Canvas
Onde os blocos vivem. Interações:
| Ação | Resultado |
|---|---|
| Arrastar bloco da sidebar | Cria bloco no canvas |
| Clicar no bloco | Abre painel de configurações no lateral direito |
| Arrastar do "olho" de saída até outro bloco | Cria seta de conexão |
| Duplo-clique | Edição inline rápida (texto curto) |
| Botão direito no bloco | Menu: Duplicar, Apagar, Comentar |
| Scroll | Pan (deslocar) |
| Cmd/Ctrl + Scroll | Zoom in/out |
| Espaço + arrastar | Pan rápido |
| Selecionar área (arrasto vazio) | Seleciona múltiplos blocos |
| Cmd/Ctrl + C / V | Copiar/colar |
| Delete | Apaga selecionado |
4. Painel de variáveis
Painel lateral mostra todas variáveis do fluxo. Você pode:
- Criar variável manual
- Ver onde cada variável é setada e lida
- Renomear (atualiza referências automaticamente)
Ver Variáveis e contexto.
5. Pesquisa de blocos
Caixa de busca no rodapé da sidebar. Filtra por nome do bloco — útil quando você sabe o nome mas não sabe a categoria.
Atalhos de teclado
| Atalho | Ação |
|---|---|
Cmd/Ctrl + S | Salvar (salva automaticamente também) |
Cmd/Ctrl + Z / + Shift + Z | Desfazer / refazer |
Cmd/Ctrl + D | Duplicar bloco selecionado |
Cmd/Ctrl + F | Pesquisar dentro do fluxo |
Esc | Fechar painel lateral |
Espaço | Pan rápido (mantenha pressionado) |
Animações da tela
- Blocos têm um highlight pulsando quando estão sendo executados na pré-visualização
- Conexões animam o fluxo de dados quando o bot está processando
- Salvar mostra um toast verde no canto inferior