Skip to main content
构建实时可视化深度代理工作流的前端。这些模式展示了如何渲染子代理进度、任务规划、流式内容以及使用 createDeepAgent 创建的代理的类IDE沙盒体验。

架构

深度代理采用协调者-工作者架构。主代理规划任务并委派给专门的子代理,每个子代理在隔离环境中运行。在前端,useStream 同时呈现协调者的消息和每个子代理的流式状态。
在前端,使用 useStream 连接的方式与使用 createAgent 相同。深度代理模式使用额外的 useStream 功能,如 stream.subagentsstream.values.todosfilterSubagentMessages 来渲染特定于子代理的UI。

模式

子代理流

显示具有流式内容、进度跟踪和可折叠卡片的专业子代理。

待办事项列表

使用从代理状态同步的实时待办事项列表跟踪代理进度。

沙盒

构建一个类IDE的UI,包含文件浏览器、代码查看器和由沙盒支持的差异面板。

相关模式

LangChain前端模式,包括 Markdown消息、工具调用和Human in the Loop,也都适用于深度 代理。深度代理构建在相同的LangGraph运行时上,因此 useStream 提供相同的核心API。