最後,React 獲得了一種與代理進行通訊的原生方式。 構建代理用戶界面仍然比應有的要困難得多。 你的代理可能在後端運行。也許是 LangGraph、CrewAI 或其他什麼。 現在你需要: → 將其輸出流式傳輸到你的前端 → 在 UI 和代理之間保持狀態同步 → 當用戶刷新時處理重新連接 → 管理代理生命週期(啟動/停止/重置) → 讓一切感覺像是實時的 為了解決這個問題,大多數團隊最終會編寫大量自定義的粘合代碼,比如這裡的 WebSockets,那裡的狀態管理,以及到處的手動事件解析。 CopilotKit 剛剛發布了 v1.50,正好解決了這個問題。 核心是 `useAgent()`,這是一個 React hook,讓你可以實時訪問任何代理。 例如: ```const { agent } = useAgent({ agentId: "my-agent" });``` 這個 hook: - 將所有代理事件流式傳輸到你的 UI(消息、工具調用、部分輸出、狀態) - 自動保持對話狀態同步 - 將用戶輸入包裝為 AG-UI 事件發送 - 與任何支持 AG-UI 的後端配合使用(基本上現在每個主要框架都支持)...