Persona

Persona é uma biblioteca de interface VanillaJS criada para desenvolvedores que querem uma superfície de chat de IA com qualidade de produção sem adotar um framework de frontend. Basta uma instalação via npm ou uma tag de script de CDN, apontar para qualquer endpoint de Server-Sent Events e você tem uma experiência de chat em streaming com loops de agente, uso de ferramentas e isolamento de estilos via Shadow DOM.

A biblioteca é deliberadamente desacoplada de qualquer provedor de modelo. Como consome fluxos SSE genéricos, funciona junto a backends feitos com Vercel AI SDK, OpenAI Agents, LangGraph.js, Hono, Express, SvelteKit ou um servidor node:http próprio. Hooks plugáveis como customFetch e parseSSEEvent permitem adaptar quase qualquer formato de requisição ou evento sem fazer fork do widget.

Além do chat, o Persona trata o navegador como ambiente de execução de agentes. O suporte a WebMCP permite registrar ferramentas no nível da página em document.modelContext — busca, carrinhos, reservas, formulários — que o agente pode descobrir e invocar com aprovação embutida do usuário. Layout, temas e modo escuro são controlados por uma árvore de tokens de três camadas e um editor de temas ao vivo, então o widget combina com a marca sem reescrever estilos. É criado pela equipe da Runtype e distribuído sob a licença MIT.