跳到内容

UI

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

在 UI 中运行智能体

首先,在本地设置 LangGraph API 服务器,或将您的智能体部署到LangGraph Cloud

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

评论