UI¶
你可以通过 Agent Chat UI 使用预构建的聊天界面来与任何 LangGraph 代理进行交互。使用 已部署的版本 是最快上手的方式，并且允许你与本地和已部署的图表进行交互。
在 UI 中运行代理¶
首先，本地部署 LangGraph API 服务器 或将代理部署在 LangGraph 平台 上。
然后，访问 Agent Chat UI，或克隆仓库并在本地运行开发服务器：
Tip
UI 默认支持渲染工具调用和工具结果消息。如需自定义显示的消息内容，请参阅 Agent Chat UI 文档中的 隐藏聊天中的消息 部分。
添加人工介入（human-in-the-loop）¶
Agent Chat UI 完全支持 human-in-the-loop 工作流。要尝试使用它，请将 src/agent/graph.py 中的 agent 代码（来自 部署指南）替换为以下 agent 实现:
Important
如果你的 LangGraph agent 使用 HumanInterrupt schema 进行中断，Agent Chat UI 的效果最佳。如果你没有使用该 schema，Agent Chat UI 虽然可以渲染传递给 interrupt 函数的输入，但不会完全支持恢复你的图。
生成式 UI¶
你也可以在 Agent Chat UI 中使用生成式 UI。
生成式 UI 允许你定义 React 组件，并从 LangGraph 服务器将其推送到 UI。有关如何构建生成式 UI 的 LangGraph 代理的更多文档，请阅读 这些文档。