跳到主要内容

文档索引

在以下地址获取完整的文档索引：https://docs.langchain.org.cn/llms.txt

在进一步探索之前，请使用此文件发现所有可用页面。

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

​
架构

Deep Agents 使用协调者-工作者 (coordinator-worker) 架构。主代理负责规划任务并将其委派给专门的子代理，每个子代理都在隔离环境中运行。在前端，useStream 可以同时呈现协调者的消息和每个子代理的流式状态。 
import { createDeepAgent } from "deepagents";

const agent = createDeepAgent({
  tools: [getWeather],
  system: "You are a helpful assistant",
  subagents: [
    {
      name: "researcher",
      description: "Research assistant",
    },
  ],
});
在前端，你可以像使用 createAgent 一样通过 useStream 进行连接。深度代理模式使用额外的 useStream 特性，如 stream.subagents、stream.values.todos 和 filterSubagentMessages，来渲染特定于子代理的 UI。 
import { useStream } from "@langchain/react";

function App() {
  const stream = useStream<typeof agent>({
    apiUrl: "https://:2024",
    assistantId: "agent",
  });

  // Deep agent state beyond messages
  const todos = stream.values?.todos;
  const subagents = stream.subagents;
}

​
模式

子智能体流式传输

通过流式内容、进度跟踪和可折叠卡片来展示专家子代理。

待办事项列表

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

沙箱

构建一个类似于 IDE 的 UI，包含由沙盒支持的文件浏览器、代码查看器和差异对比面板。
LangChain 前端模式（包括 Markdown 消息、工具调用和人机协作）也都适用于深度代理。深度代理基于相同的 LangGraph 运行时构建，因此 useStream 提供了相同的核心 API。
将这些文档连接到 Claude、VSCode 等，以获得实时答案。
在 GitHub 上编辑此页面 或 提交问题。
© . This site is unofficial and not affiliated with LangChain, Inc.