跳到内容

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智能体的更多文档,请阅读这些文档