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