UI¶
您可以使用预构建的聊天界面通过 Agent Chat UI 与任何 LangGraph 代理进行交互。使用 部署版本 是最快开始的方式，它允许您与本地和已部署的图进行交互。
在UI中运行代理¶
首先，在 本地 设置 LangGraph API 服务器，或在 LangGraph Platform 上部署您的代理。
然后，导航到 Agent Chat UI，或者克隆仓库并 在本地运行开发服务器：
提示
UI 开箱即用地支持渲染工具调用和工具结果消息。要自定义显示哪些消息，请参阅 Agent Chat UI 文档中的 在聊天中隐藏消息 部分。
添加人工参与¶
Agent Chat UI 完全支持 人工参与 工作流。要尝试此功能，请将 部署指南 中 src/agent/graph.py 的代理代码替换为此 代理实现：
重要
如果您的 LangGraph 代理使用 HumanInterrupt schema 进行中断，Agent Chat UI 的效果最佳。如果您不使用该 schema，Agent Chat UI 将能够渲染传递给 interrupt 函数的输入，但它将不支持完全恢复您的图。
生成式UI¶
您也可以在 Agent Chat UI 中使用生成式 UI。
生成式 UI 允许您定义 React 组件，并将其从 LangGraph 服务器推送到 UI。有关构建生成式 UI LangGraph 代理的更多文档，请阅读 这些文档。