Endlich hat React eine native Möglichkeit, mit Agenten zu kommunizieren. Das Erstellen agentischer UIs ist immer noch viel schwieriger, als es sein sollte. Du hast deinen Agenten im Backend laufen. Vielleicht ist es LangGraph, CrewAI oder etwas anderes. Jetzt musst du: → Seine Ausgaben an dein Frontend streamen → Den Zustand zwischen UI und Agent synchron halten → Wiederverbindungen handhaben, wenn Benutzer aktualisieren → Den Lebenszyklus des Agenten verwalten (starten/stoppen/zurücksetzen) → Alles so gestalten, dass es sich in Echtzeit anfühlt Um dies zu lösen, schreiben die meisten Teams eine Menge benutzerdefinierter Kleberoutinen, wie WebSockets hier, Zustandsverwaltung dort und manuelles Ereignisparsing überall. CopilotKit hat gerade v1.50 veröffentlicht, und es adressiert genau dies. Das Herzstück ist `useAgent()`, ein React-Hook, der dir einen Live-Zugriff auf jeden Agenten gibt. Zum Beispiel: ```const { agent } = useAgent({ agentId: "my-agent" });``` Dieser eine Hook: - Streamt alle Agentenereignisse in deine UI (Nachrichten, Toolaufrufe, partielle Ausgaben, Status) - Hält den Gesprächszustand automatisch synchronisiert - Sendet Benutzereingaben als AG-UI-Ereignisse verpackt - Funktioniert mit jedem Backend, das AG-UI spricht (was jetzt im Grunde jedes große Framework ist)...