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 透传代理和自定义身份验证方案。