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