Por último, React tiene una forma nativa de hablar con los agentes. Construir interfaces agentes sigue siendo mucho más difícil de lo que debería. Tienes a tu agente funcionando en el backend. Quizá sea LangGraph, CrewAI u otra cosa. Ahora necesitas: → Transmite sus salidas a tu frontend → Mantener el estado sincronizado entre la interfaz y el agente → Gestionar las reconexiones cuando los usuarios se actualizan → Gestionar el ciclo de vida del agente (iniciar/detener/reiniciar) → Haz que todo parezca en tiempo real Para solucionar esto, la mayoría de los equipos acaban escribiendo un montón de código personalizado de glue, como WebSockets aquí, gestión de estados allá, y análisis manual de eventos por todas partes. CopilotKit acaba de lanzar la versión 1.50, y aborda exactamente esto. El centro de atención es 'useAgent()', que es un gancho de React que te da un handle en vivo de cualquier agente. Por ejemplo: '''const { agent } = useAgent({ agentId: "my-agent" });''' Este gancho: - Transmite todos los eventos del agente a tu interfaz (mensajes, llamadas a herramientas, salidas parciales, estado) - Mantiene el estado de la conversación sincronizado automáticamente - Envía entrada de usuario envuelta como eventos AG-UI - Funciona con cualquier backend que hable AG-UI (que ahora es básicamente todos los frameworks principales)...