Chatbot · Grupo 3C

O editor de chatbot não foi implementação minha do zero — foi construído por uma colega de time. Mas foi um dos módulos em que mais dei suporte e manutenção contínua depois, então conheço bem por dentro.

Nós e conexões, igual n8n

O motor é o VueFlow — a mesma mecânica visual de nodes e edges de ferramentas como n8n. O usuário arrasta tipos de mensagem (texto, imagem, áudio, múltipla escolha, botões WABA, mensagem de voz), conecta os nós com condicionais, e monta árvores de decisão inteiras visualmente, sem escrever uma linha de código.

Requisições e IA

Depois vieram as requisições HTTP com tratamento de sucesso e falha dentro do próprio fluxo, variáveis de contexto que persistem ao longo da conversa, e integração com LLM pra gerar mensagens mais humanizadas. Quando a IA generativa entrou, o back-end passou a cuidar da engenharia de prompt, e o front precisava expor os parâmetros certos pra quem configurava — tom de voz, contexto do agente, esse tipo de coisa.