UI

你可以通过 Agent Chat UI 使用预构建的聊天 UI 与任何 LangGraph 智能代理进行交互。使用部署版本是开始的最快方式,并允许你与本地和已部署的图进行交互。

在 UI 中运行智能代理

首先,在本地设置 LangGraph API 服务器,或在 LangGraph Platform 上部署你的智能代理。

然后,导航到 Agent Chat UI,或克隆仓库并在本地运行开发服务器:

Tip

UI 具有对渲染工具调用和工具结果消息的开箱即用支持。要自定义显示的消息,请参阅 Agent Chat UI 文档中的在聊天中隐藏消息部分。

添加人工干预

Agent Chat UI 完全支持人工干预工作流。要尝试它,请将 src/agent/graph.py(来自部署指南)中的智能代理代码替换为此智能代理实现:

Important

如果你的 LangGraph 智能代理使用 @[HumanInterrupt 模式][HumanInterrupt]进行中断,Agent Chat UI 效果最佳。如果你不使用该模式,Agent Chat UI 将能够渲染传递给 interrupt 函数的输入,但不会完全支持恢复你的图。

生成式 UI

你也可以在 Agent Chat UI 中使用生成式 UI。

生成式 UI 允许你定义 React 组件,并从 LangGraph 服务器将它们推送到 UI。有关构建生成式 UI LangGraph 智能代理的更多文档,请阅读这些文档。