跳到内容

UI

您可以使用预构建的聊天 UI,通过 Agent Chat UI与任何 LangGraph 智能体进行交互。使用已部署的版本是入门最快的方式,它允许您与本地和已部署的图进行交互。

在UI中运行智能体

首先,在本地设置 LangGraph API 服务器,或者在 LangGraph 平台上部署您的智能体。

然后,访问 Agent Chat UI,或者克隆该仓库并在本地运行开发服务器

提示

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

添加人在回路

Agent Chat UI 完全支持人在回路工作流。要尝试此功能,请将 `src/agent/graph.py`(来自部署指南)中的智能体代码替换为这个智能体实现

重要

如果您的 LangGraph 智能体使用 HumanInterrupt 模式进行中断,Agent Chat UI 的效果最佳。如果您不使用该模式,Agent Chat UI 将能够渲染传递给 `interrupt` 函数的输入,但无法完全支持恢复您的图。

生成式UI

您还可以在 Agent Chat UI 中使用生成式 UI。

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