agent-chat-ui: 用于与 LangGraph 服务器交互的 Next.js 聊天界面

它解决了什么

它提供了一个即用型聊天界面，用于与 LangGraph 服务器交互。这消除了开发者在想要部署或测试使用 LangGraph 构建的 AI 代理时从头构建自定义前端的需求。

它是如何工作的

作为一个 Next.js 应用构建，该 UI 通过部署 URL、助手或图 ID 以及身份验证（通过 LangSmith API 密钥或自定义身份验证）连接到 LangGraph 服务器。它处理用户与服务器之间的通信，支持 LLM 响应的实时流式传输以及在侧边面板中显示的“工件”（特殊内容）的渲染。

适用于谁

使用 LangGraph 构建 AI 代理的开发者，他们需要一个专业的聊天界面来使用他们的代理，而无需花费时间在前端开发上。

亮点

• 快速部署：可以通过 npx create-agent-chat-app 启动，或作为托管演示使用。
• 消息控制：开发者可以通过使用如 langsmith:nostream 的标签或将 ID 前缀设为 do-not-render- 来隐藏特定消息对用户的显示。
• 工件支持：包含一个侧边面板系统，用于在聊天旁渲染结构化内容（artifacts）。
• 生产就绪：支持多种身份验证路径，包括用于安全 API 密钥管理的 API 透传代理以及自定义身份验证方案。