agent-chat-ui: 一個用於與 LangGraph 伺服器互動的 Next.js 聊天介面

它解決的問題

它提供了一個可直接使用的聊天介面，用於與 LangGraph 伺服器互動。這消除了開發者從頭建構自訂前端的需求，當他們想要部署或測試使用 LangGraph 建置的 AI 代理時。

它是如何運作的

作為一個 Next.js 應用程式建構，該 UI 透過部署 URL、助理或圖形 ID，以及認證（透過 LangSmith API 金鑰或自訂認證）連接到 LangGraph 伺服器。它處理使用者與伺服器之間的通訊，支援 LLM 回應的即時串流以及 "artifacts" 的渲染（顯示在側邊面板的特殊內容）。

它適合誰

使用 LangGraph 建置 AI 代理的開發者，他們需要一個專業的聊天介面來服務於他們的代理，而無需花時間在前端開發上。

亮點

• 快速部署：可以透過 npx create-agent-chat-app 啟動，或作為託管示範使用。
• 訊息控制：開發者可以透過使用如 langsmith:nostream 的標籤或將 ID 前綴為 do-not-render- 來隱藏使用者看不到的特定訊息。
• 工件支援：包含一個側邊面板系統，用於在聊天旁邊渲染結構化內容（artifacts）。
• 生產就緒：支援多種認證路徑，包括用於安全 API 金鑰管理的 API 透傳代理以及自訂認證方案。