Pon un agente que ejecuta código dentro de tu web (sin backend)

En el primer Ejemplo corrimos código en un sandbox desde Node. Estuvo bien, pero todo pasaba en tu terminal. Ahora subimos la apuesta: vamos a poner un agente que corre código y responde en vivo dentro de una página web, y lo va a usar tu visitante desde su navegador. Sin montar un servidor.

¿Cómo, si desde el navegador normalmente no puedes exponer tus llaves? Con un embed token: una llave especial que sí es segura para poner en el cliente. Ahora lo explico.

👉 Te regalamos el archivo listo: agente-embed.html — ábrelo, pega dos valores y funciona.

La idea en dos piezas

1. Una vez, en tu terminal, creas el agente con el SDK. Te devuelve un agentId y un embedToken.
2. En tu web, pegas un bloque de HTML que le manda mensajes al agente y muestra la respuesta. Eso es todo.

Paso 1: crea el agente (una sola vez)

Guarda esos dos valores. El node-agent ya viene con el modelo conectado (se cobra por token consumido), así que no tienes que conseguir ni pegar ninguna API key de IA.

Paso 2: embébelo en tu web

Este es el corazón del ejemplo. Le mandas un mensaje al agente y la respuesta llega en streaming — token por token, como cuando ves a un chat "escribiendo":

Pégalo en cualquier página, reemplaza AGENT_ID y EMBED_TOKEN, y ya tienes un agente vivo. Como tu agente corre en un sandbox, puede ejecutar código para responderte: pídele que calcule algo, que transforme un texto, que te arme un ejemplo, y lo hará de verdad, no de memoria.

¿Por qué el embed token sí puede ir en el navegador?

Aquí está el truco que hace seguro todo esto:

Tu API key (eb_sk_…) es tu llave maestra: puede crear, leer, borrar y listar todo lo tuyo. Nunca la pongas en el cliente — cualquiera la copiaría del HTML.

El embed token (agt_…) es otra cosa: solo sirve para mandarle mensajes a ese único agente. No puede borrar nada, no puede listar tus otros agentes, no puede tocar tus archivos. Por eso sí es seguro dejarlo en una página pública.

Es la misma idea de las llaves "publicables" que usan otros servicios: una llave de alcance mínimo para el frontend, y la llave secreta solo en tu lado.

¿Qué sigue?

Tu agente no solo platica: tiene acceso a las herramientas de EasyBits. En el próximo Ejemplo lo conectamos a tu almacenamiento y a una base de datos — que guarde lo que la gente le escribe, genere un archivo y lo deje listo para descargar. Un mini-backend manejado por un agente.

Mientras tanto: descarga el HTML, crea tu agente con el Paso 1, pega los dos valores y ábrelo en tu navegador.