Нарешті, React отримує носійний спосіб спілкування з агентами. Створювати агентські інтерфейси все одно набагато складніше, ніж мало б бути. Твій агент працює на задньому плані. Можливо, це LangGraph, CrewAI або щось інше. Тепер вам потрібно: → Транслювати його вихід на фронтенд → Підтримуйте стан у синхронізації між інтерфейсом і агентом → Обробляти перепідключення при оновленні користувачів → Керування життєвим циклом агента (старт/зупинка/скидання) → Зробити так, щоб усе відчувалося в реальному часі Щоб вирішити це, більшість команд пишуть купу власного клейового коду, наприклад, WebSockets тут, управління станами там і ручний парсінг подій скрізь. CopilotKit щойно вийшов у версії 1.50, і він саме це вирішує. Центральним елементом є 'useAgent()', це React-хук, який дає вам живий нік для будь-якого агента. Наприклад: '''const { agent } = useAgent({ agentId: "my-agent" });''' Ось один гачок: - Транслює всі події агента у ваш інтерфейс (повідомлення, виклики інструментів, часткові результати, статус) - Зберігає автоматичну синхронізацію стану розмови - Надсилає введення користувача, обгорнутий у форматі подій AG-UI - Працює з будь-яким бекендом, який говорить на AG-UI (який зараз є практично всіма основними фреймворками)...