@assistant-ui/react-langchain

包装的适应器 useStream 从 @langchain/react 并曝光为助理-伊跑出时间. 兰钱的桥 useStream 改为: AssistantRuntime 带有用于中断的钩子,原始状态提交,并读取自定义的LangGraph状态密钥.

何时使用

助理水手号 @assistant-ui/react-langgraph,与 @langchain/langgraph-sdk 直接并具有更广阔的功能集(子图事件,UI消息,消息元数据,取消). 这两个软件包是针对不同上游库的独立适配器;选择与您已经使用的SDK相匹配的哪个.

安装

npm install @assistant-ui/react @assistant-ui/react-langchain @langchain/react @langchain/langgraph-sdk

使用量

import { useStreamRuntime } from "@assistant-ui/react-langchain";
import { AssistantRuntimeProvider } from "@assistant-ui/react";
import { Thread } from "@/components/assistant-ui/elements/thread.aui";

export function App() {
  const runtime = useStreamRuntime({
    assistantId: "agent",
    apiUrl: "http://localhost:2024",
  });

  return (
    <AssistantRuntimeProvider runtime={runtime}>
      <Thread />
    </AssistantRuntimeProvider>
  );
}

useStreamRuntime 接受每个选项 @langchain/react是因为 useStream 有,还有 cloud 用于线程持久性, a adapters 包,一个 messagesKey 超过.

完全参考 useLangChainState, (中文(简体) ), useLangChainInterruptState, (中文(简体) ), useLangChainError, (中文(简体) ), useLangChainSubmit,以及 convertLangChainBaseMessage 时间 助理-ui.com/docs/运行时间/连锁。 。 。 .