langchain-ai/agent-chat-ui

解決的問題

它提供了一個開箱即用的聊天介面，用於與 LangGraph 伺服器進行互動。這消除了開發人員在部署或測試使用 LangGraph 構建的 AI Agent 時，需要從頭開始構建自定義前端的需求。

工作原理

該 UI 基於 Next.js 構建，透過部署 URL、助手或圖 ID 以及身份驗證（透過 LangSmith API 金鑰或自定義身份驗證）連接到 LangGraph 伺服器。它處理使用者與伺服器之間的通訊，支援 LLM 回應的即時串流傳輸以及「artifacts」（在側邊欄中顯示的特殊內容）的渲染。

適用對象

正在使用 LangGraph 構建 AI Agent 的開發人員，他們需要為自己的 Agent 提供專業的聊天介面，而無需在前端開發上花費時間。

亮點

• 快速部署：可以透過 npx create-agent-chat-app 啟動，或作為託管演示使用。
• 訊息控制：允許開發人員透過使用 langsmith:nostream 等標籤或在 ID 前加上 do-not-render- 來向使用者隱藏特定訊息。
• Artifact 支援：包含一個側邊欄系統，用於在聊天旁邊渲染結構化內容（artifacts）。
• 生產就緒：支援多種身份驗證路徑，包括用於安全 API 金鑰管理的 API 轉發代理和自定義身份驗證方案。