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