[{"data":1,"prerenderedAt":78},["ShallowReactive",2],{"project:\u002F3c-chatbot:pt-br":3,"project:prev:\u002F3c-chatbot:pt-br":70,"project:next:\u002F3c-chatbot:pt-br":74},{"id":4,"title":5,"body":6,"category":43,"company":45,"cover":46,"date":47,"description":48,"extension":49,"featured":50,"image":38,"isPublic":50,"links":46,"meta":51,"navigation":52,"order":53,"path":54,"period":55,"role":56,"seo":58,"stack":59,"status":63,"stem":64,"tags":65,"__hash__":69},"projects_ptBR\u002Fprojects\u002F3c-chatbot.md","Chatbot · Grupo 3C",{"type":7,"value":8,"toc":37},"minimark",[9,13,18,30,34],[10,11,12],"p",{},"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.",[14,15,17],"h2",{"id":16},"nos-e-conexoes-igual-n8n","Nós e conexões, igual n8n",[10,19,20,21,29],{},"O motor é o ",[22,23,28],"a",{"href":24,"rel":25,"target":27},"https:\u002F\u002Fvueflow.dev\u002F",[26],"nofollow","_blank","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.",[14,31,33],{"id":32},"requisicoes-e-ia","Requisições e IA",[10,35,36],{},"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.",{"title":38,"searchDepth":39,"depth":39,"links":40},"",2,[41,42],{"id":16,"depth":39,"text":17},{"id":32,"depth":39,"text":33},[44],"saas","Grupo 3C",null,"2026-07-12","Editor visual de chatbot construído sobre VueFlow — não fui eu quem implementou do zero, mas dei manutenção e suporte contínuo nele por bastante tempo.","md",false,{},true,17,"\u002Fprojects\u002F3c-chatbot","2024 – 2025",[57],"Frontend Engineer",{"title":5,"description":48},[60,61,62],"Vue.js 3","Vue Flow","Axios","completed","projects\u002F3c-chatbot",[66,61,67,68],"Vue.js","Chatbot","IA Generativa","9C1ad-shuVQMilyiBnZAr5e21B8evb0ayXuDfamPzrg",{"path":71,"title":72,"order":73},"\u002Fprojects\u002F3c-omnichannel","Omnichannel · Grupo 3C",16,{"path":75,"title":76,"order":77},"\u002Fprojects\u002F3c-dashboard-graphql","Dashboard Analítico · Grupo 3C",18,1784312216232]