أخيرا، تحصل React على طريقة أصلية للتواصل مع الوكلاء. بناء واجهات العوامل الوكلاء لا يزال أصعب بكثير مما ينبغي. لديك وكيل يدير الخلفية. ربما يكون LangGraph أو CrewAI أو شيء آخر. الآن عليك إلى: → بث مخرجاته إلى الواجهة الأمامية → الحفاظ على مزامنة الحالة بين واجهة المستخدم والوكيل → التعامل مع إعادة الاتصال عند تحديث المستخدمين → إدارة دورة حياة الوكيل (تشغيل/إيقاف/إعادة ضبط) → اجعل كل شيء يبدو في الوقت الحقيقي لحل هذه المشكلة، معظم الفرق تكتب الكثير من كود الغراء المخصص، مثل WebSockets هنا، وإدارة الحالات هناك، وتحليل الأحداث يدويا في كل مكان. CopilotKit صدر الإصدار 1.50 للتو، وهو يعالج هذا الأمر بالضبط. العنصر الأساسي هو 'useAgent()'، وهو خطاف React يمنحك مقبضا مباشرا لأي وكيل. على سبيل المثال: '''const { agent } = useAgent({ agentId: "my-agent" });''' هذه الفكرة الوحيدة: - يبث جميع أحداث الوكيل إلى واجهة المستخدم الخاصة بك (الرسائل، استدعاءات الأدوات، المخرجات الجزئية، الحالة) - يحافظ على مزامنة حالة المحادثة تلقائيا - يرسل مدخلات المستخدم مغلفة كأحداث AG-UI - يعمل مع أي نظام خلفي يتحدث AG-UI (وهو في الأساس كل إطار عمل رئيسي الآن)...